:root{--bg:#f4f7f7;--panel:#fff;--panel2:#f9fbfb;--text:#152c32;--muted:#5f7778;--line:#e1e9e8;--accent:#178577;--accent2:#2ac5a4;--soft:#eaf7f3;--deep:#0f3a3b;--glow:#2ac5a433;--grid:#15353a0d;--shadow:0 1px 2px #0b2b2c0f,0 12px 32px -12px #0b2b2c26}
@media (prefers-color-scheme:dark){.tux-body{stroke:#ffffff59;stroke-width:.45}:root{--bg:#0b1517;--panel:#12221f;--panel2:#0f1d1f;--text:#dbe7e5;--muted:#8fa5a4;--line:#21363a;--soft:#173a31;--accent:#2ac5a4;--deep:#0f3a3b;--glow:#2ac5a42e;--grid:#ffffff08;--shadow:0 1px 2px #0006,0 16px 40px -16px #000a}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,Cantarell,"Noto Sans",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding-left:16px;padding-right:16px}
/* En-tête fixe et translucide */
header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.5px;color:inherit;text-decoration:none}.brand img{width:36px;height:36px;margin:-3px}
.brand .name span{color:var(--accent2)}
header.top nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}header.top nav a{color:var(--muted);text-decoration:none}header.top nav a:hover{color:var(--text)}
header.top nav a.nav-cta{color:#fff;background:var(--accent);padding:8px 14px;border-radius:9px}header.top nav a.nav-cta:hover{color:#fff;filter:brightness(1.08)}
@media (prefers-color-scheme:dark){header.top nav a.nav-cta{background:#178577}}
/* Bandeau d'accueil centré */
.hero{position:relative;overflow:hidden;text-align:center;padding:72px 0 0}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
.hero::after{content:"";position:absolute;left:50%;top:-180px;width:1100px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.hero>*{position:relative;z-index:1}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent);background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:6px 14px;box-shadow:var(--shadow)}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 25%,transparent)}
h1{font-size:clamp(38px,6.6vw,74px);letter-spacing:-.045em;line-height:1;margin:26px auto 20px;max-width:900px}
h1 span{background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--muted);max-width:660px;margin:0 auto}
.cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:34px 0 14px}
.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#178577,#1fa88e);color:#fff;text-decoration:none;font-weight:700;padding:15px 26px;border-radius:13px;box-shadow:0 12px 28px -10px #178577b3,inset 0 1px 0 #ffffff38;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px -10px #178577d9,inset 0 1px 0 #ffffff38}.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn.light{background:#fff;color:#0f3a3b;box-shadow:0 12px 28px -12px #0008}.btn.light:hover{box-shadow:0 16px 32px -12px #000a}
.ghost{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;color:var(--text);padding:14px 20px;border-radius:13px;border:1px solid var(--line);background:var(--panel)}.ghost:hover{border-color:var(--accent);color:var(--accent)}
.fine{font-size:13px;color:var(--muted);margin:0}
.shot{position:relative;max-width:1040px;margin:56px auto 0;padding:10px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent2) 45%,transparent),color-mix(in srgb,var(--line) 60%,transparent) 40%,transparent);box-shadow:0 50px 100px -40px #0b2b2c80}
.shot img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 0 0 1px #0b2b2c1f}
.shot::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:38%;background:linear-gradient(transparent,var(--bg));border-radius:0 0 22px 22px;pointer-events:none}
/* Bande de garanties */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:-30px;position:relative;z-index:2;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.trust div{display:flex;align-items:center;gap:12px;padding:20px 22px;font-size:14px;font-weight:600}.trust div+div{border-left:1px solid var(--line)}
.trust small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.trust svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:var(--accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* Sections */
section.block{padding:104px 0 0}
.head{text-align:center;max-width:720px;margin:0 auto 44px}
.kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);background:var(--soft);border-radius:99px;padding:5px 12px;margin:0 0 14px}
h2{font-size:clamp(28px,3.8vw,44px);letter-spacing:-.035em;line-height:1.08;margin:0 0 14px}.sub{color:var(--muted);font-size:17px;margin:0}
/* Fonctionnalités en grille bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow);overflow:hidden}
.feature b{display:block;font-size:18px;letter-spacing:-.2px;margin:18px 0 8px}.feature p{margin:0;color:var(--muted);font-size:15px}
.feature i{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--soft);color:var(--accent)}
.feature svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.feature.wide{grid-column:span 2}.feature.full{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.feature.hl{background:radial-gradient(circle at 100% 0%,#2ac5a440,transparent 55%),linear-gradient(150deg,#145e5a,#0f3a3b);border-color:#1d5e5a;color:#eafaf6}
.feature.hl p{color:#b7d9d4}.feature.hl i{background:#ffffff1a;color:#7ff5da}
.feature.hl ul{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:14px;color:#dff5f0}
.feature.hl li{display:flex;gap:8px;align-items:flex-start}.feature.hl li::before{content:"✓";width:18px;height:18px;flex-shrink:0;margin-top:2px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;color:#0f3a3b;background:#2ac5a4}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{font-size:14px;font-weight:600;padding:9px 14px;border-radius:11px;background:var(--panel2);border:1px solid var(--line)}
/* Étapes en frise */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.steps::before{content:"";position:absolute;top:27px;left:16.66%;right:16.66%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.45}
.step{position:relative;text-align:center;padding:0 10px}
.step i{position:relative;width:56px;height:56px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:20px;color:#fff;background:linear-gradient(135deg,#178577,#2ac5a4);box-shadow:0 0 0 8px var(--bg),0 10px 24px -8px #178577b3}
.step b{display:block;font-size:19px;margin:22px 0 8px}.step p{margin:0 auto;color:var(--muted);font-size:15px;max-width:300px}
/* Téléchargement par onglets */
.download{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}
.dl-main{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:var(--shadow)}
.tabs{display:none;gap:6px;padding:4px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
.js .tabs{display:grid;grid-template-columns:repeat(3,1fr)}
.tab{display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:15px;font-weight:700;color:var(--muted);background:transparent;border:0;border-radius:10px;padding:12px 10px;cursor:pointer}
.tab:hover{color:var(--text)}.tab[aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0b2b2c26,0 0 0 1px var(--line)}
.tab em{white-space:nowrap;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:var(--soft);border-radius:6px;padding:2px 6px}
.os{padding:14px 14px 12px}.js .os[hidden]{display:none}
.os h3{margin:0 0 14px;font-size:18px;display:flex;align-items:center;gap:10px}.js .os h3{display:none}
.os-icon{width:22px;height:22px;flex-shrink:0;fill:currentColor}.os-icon.windows{color:#0078d4}.os-icon.linux{width:24px;height:24px}
.tab .os-icon{width:19px;height:19px}.tab .os-icon.linux{width:21px;height:21px}.tab .os-icon.macos{color:var(--text)}
.pill-os{display:inline-flex;gap:5px;align-items:center}.pill-os .os-icon{width:13px;height:13px}.pill-os .os-icon.macos{color:var(--text)}
.btn .os-icon{width:20px;height:20px;fill:currentColor;stroke:none}.btn .os-icon.windows{color:#fff}
.dl{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;margin-bottom:10px;transition:border-color .15s,transform .15s}
.dl:hover{border-color:var(--accent);transform:translateY(-1px)}.dl.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 14%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.dl b{display:block;font-size:15px}.dl b em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:6px;padding:2px 7px;margin-left:8px;vertical-align:2px}
.dl small{color:var(--muted);font-size:12px;word-break:break-all}
.arrow{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;color:var(--accent);background:var(--soft)}.dl.primary .arrow{background:var(--accent);color:#fff}
.help{color:var(--muted);font-size:13px;margin:6px 4px 2px}.help code{font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--soft);border-radius:5px;padding:1px 5px;word-break:break-all}
.dl-side{display:grid;gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px 24px;box-shadow:var(--shadow);font-size:14px}
.card h3{margin:0 0 4px;font-size:16px}.card .meta{color:var(--muted);font-size:13px;margin:0}
.stats .big{margin:10px 0 16px;color:var(--muted)}.stats .big b{display:block;font-size:40px;line-height:1.1;letter-spacing:-.03em;color:var(--text)}
.split{display:grid;gap:10px}.split div{display:grid;grid-template-columns:20px 72px 1fr auto;align-items:center;gap:10px;font-size:13px;font-weight:600}
.split .os-icon{width:18px;height:18px}.split .os-icon.macos{color:var(--text)}.split i{height:8px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);overflow:hidden}
.split em{display:block;height:100%;width:0;background:linear-gradient(90deg,#178577,#2ac5a4);border-radius:8px;transition:width .6s}.split b{min-width:28px;text-align:right}
.where{margin:16px 0 8px;color:var(--muted)}.where b{color:var(--text)}
.flags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.flags li{font-size:13px;padding:4px 9px;border-radius:99px;background:var(--panel2);border:1px solid var(--line)}
.stats .src{margin:14px 0 0;font-size:11px;color:var(--muted)}
.notes ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.notes li{display:flex;gap:10px;color:var(--muted)}.notes li::before{content:"";width:6px;height:6px;margin-top:8px;flex-shrink:0;border-radius:50%;background:var(--accent2)}
.checks summary{cursor:pointer;font-weight:700;font-size:15px}.checks p{margin:12px 0 0}.checks code{font-size:11px;word-break:break-all;color:var(--muted)}
.notice{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:13px;margin:16px 4px 0}.notice svg{width:18px;height:18px;flex-shrink:0;margin-top:1px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Appel final */
.final{margin-top:112px;position:relative;overflow:hidden;border-radius:28px;padding:64px 32px;text-align:center;color:#eafaf6;background:radial-gradient(circle at 15% 0%,#2ac5a455,transparent 45%),radial-gradient(circle at 90% 100%,#2ac5a433,transparent 40%),linear-gradient(150deg,#145e5a,#0f3a3b)}
.final h2{color:#fff}.final p{color:#b7d9d4;font-size:17px;margin:0 auto;max-width:560px}.final .cta{margin-bottom:0}
.final .ghost{background:transparent;color:#eafaf6;border-color:#ffffff40}.final .ghost:hover{color:#fff;border-color:#fff}
.final img{width:76px;height:76px;margin-bottom:18px;filter:drop-shadow(0 14px 24px #0007)}
/* Pied de page */
footer.bottom{margin-top:96px;padding-bottom:40px;color:var(--muted);font-size:14px}
.foot{border-top:1px solid var(--line);padding-top:48px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.foot p{margin:12px 0 0;max-width:300px}.foot h4{margin:4px 0 12px;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:1px}
.foot a{display:block;color:var(--muted);text-decoration:none;margin:0 0 8px}.foot a:hover{color:var(--accent)}
.foot .brand{display:flex;margin:0;color:var(--text)}.foot .brand img{width:30px;height:30px}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:36px;padding-top:22px;font-size:13px}
@media (prefers-reduced-motion:reduce){.btn,.dl{transition:none}}
@media (max-width:960px){.download{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.trust div:nth-child(3){border-left:0}.trust div:nth-child(n+3){border-top:1px solid var(--line)}.foot{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.bento{grid-template-columns:1fr}.feature.wide,.feature.full{grid-column:auto}.feature.full{grid-template-columns:1fr}.feature.hl ul{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:36px}.steps::before{display:none}section.block{padding-top:80px}.hero{padding-top:48px}}
@media (max-width:620px){header.top nav a:not(.nav-cta){display:none}.trust{grid-template-columns:1fr}.trust div+div{border-left:0;border-top:1px solid var(--line)}.tab{font-size:13px;gap:6px;padding:10px 4px}.tab em{display:none}.final{padding:48px 20px;border-radius:22px}.foot{grid-template-columns:1fr}}
.error{padding-top:96px;padding-bottom:40px}.error h1{margin:8px 0 16px;font-size:clamp(36px,6vw,60px)}.error .cta{justify-content:flex-start}.error .lead{margin:0;max-width:620px}
.page-head{position:relative;overflow:hidden;padding:64px 0 40px;text-align:center}
.page-head::after{content:"";position:absolute;left:50%;top:-220px;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.page-head>*{position:relative;z-index:1}.page-head h1{font-size:clamp(34px,5vw,56px);margin:6px auto 16px}
.jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.jump a{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--text);font-weight:700;text-decoration:none;box-shadow:var(--shadow)}.jump a:hover{border-color:var(--accent)}
.jump a.mine{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.jump a.mine::after{content:"votre système";font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:var(--soft);border-radius:6px;padding:2px 6px}
.jump .os-icon.macos{color:var(--text)}
header.top nav a[aria-current="page"]{color:var(--text)}
.guide{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start;padding-top:16px}
.toc{position:sticky;top:88px}.toc nav{display:grid;gap:2px;border-left:2px solid var(--line)}
.toc a{display:block;padding:7px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.toc a:hover{color:var(--text);border-left-color:var(--accent)}
.toc a.toc-text{margin-top:12px;font-weight:500;font-size:13px}
.guide-body{display:grid;gap:28px;min-width:0}
.guide-body>section{scroll-margin-top:84px}
.guide-body h2{font-size:24px;letter-spacing:-.02em;margin:0 0 10px}.guide-body h3{font-size:16px;margin:22px 0 10px}.guide-body p{margin:0 0 12px}
.guide-body code{font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--soft);border-radius:5px;padding:1px 5px;word-break:break-word}
.os-guide{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}
.os-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.os-head h2{margin:0}.os-head p{margin:2px 0 0;color:var(--muted);font-size:14px}
.os-head .os-icon{width:44px;height:44px;padding:10px;border-radius:13px;background:var(--panel2);border:1px solid var(--line);box-sizing:content-box}.os-head .os-icon.macos{color:var(--text)}
.files{display:grid;gap:0;margin-bottom:8px}
.howto{list-style:none;counter-reset:n;padding:0;margin:0;display:grid;gap:12px}
.howto li{counter-increment:n;position:relative;padding-left:44px;min-height:30px;padding-top:3px}
.howto li::before{content:counter(n);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#178577,#2ac5a4)}
.distros{display:grid;gap:4px}.distros h3{margin-top:18px}
.cmd{display:flex;align-items:center;gap:10px;background:#0f1d1f;border:1px solid #21363a;border-radius:12px;padding:12px 12px 12px 16px;margin:0 0 6px}
.guide-body>*,.distros>*,.files>*{min-width:0}
.guide-body .cmd code{flex:1 1 0;width:0;min-width:0;background:none;padding:0;color:#d6f5ee;font-size:13px;overflow-x:auto;white-space:nowrap}
.copy{display:none;flex-shrink:0;font:inherit;font-size:12px;font-weight:700;color:#d6f5ee;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:6px 10px;cursor:pointer}.js .copy{display:block}.copy:hover{background:#ffffff26}
.callout{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:14px 16px;margin:18px 0 0;font-size:14px;background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}
.callout svg{width:20px;height:20px;flex-shrink:0;margin-top:1px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.callout.warn{background:color-mix(in srgb,#f5b300 12%,var(--panel));border-color:color-mix(in srgb,#f5b300 40%,transparent)}.callout.warn svg{stroke:#c98f00}
#avant .callout{margin:0}
#verifier,#ia{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}
.small{font-size:13px;color:var(--muted)}
.guide-body table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.guide-body th,.guide-body td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.guide-body th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;background:var(--panel2)}
.help-card{text-align:center;padding:40px 28px;border-radius:22px;color:#eafaf6;background:radial-gradient(circle at 15% 0%,#2ac5a455,transparent 45%),linear-gradient(150deg,#145e5a,#0f3a3b)}
.help-card h2{color:#fff}.help-card p{color:#b7d9d4}.help-card .cta{margin:22px 0 0}.help-card .btn{background:#fff;color:#0f3a3b}.help-card .ghost{background:transparent;color:#eafaf6;border-color:#ffffff40}
.legal-page{max-width:820px;display:grid;gap:20px}.legal-page h2{font-size:22px;margin:0 0 10px}.legal-page p,.legal-page li{color:var(--muted);font-size:15px}.legal-page b{color:var(--text)}.legal-page ul{padding-left:20px;margin:8px 0 0;display:grid;gap:10px}
.legal-page code{font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--soft);border-radius:5px;padding:1px 5px}.legal-page .card{padding:28px}
.contact{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start;padding-top:8px}
.contact-form{display:grid;gap:18px;padding:30px}.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:grid;gap:7px;font-size:14px;font-weight:700}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;font-size:15px;font-weight:400;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px 14px;width:100%}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.contact-form [aria-invalid="true"]{border-color:#d9534f}
.count{justify-self:end;font-weight:500;color:var(--muted);font-size:12px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex!important;grid-template-columns:none;gap:10px!important;align-items:flex-start;font-weight:500!important;color:var(--muted)}.consent input{width:18px!important;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent)}
.send{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.send .btn{border:0;cursor:pointer;font:inherit;font-weight:700}.send .btn:disabled{opacity:.55;cursor:wait;transform:none}
.status{margin:0;font-size:14px;font-weight:600}.status.ok{color:var(--accent)}.status.err{color:#d9534f}
.contact-side{display:grid;gap:16px}.contact-side p{margin:6px 0 0;color:var(--muted)}
@media (max-width:900px){.contact{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.contact-form{padding:20px}.contact-form .row{grid-template-columns:1fr}}
@media (max-width:900px){.guide{grid-template-columns:minmax(0,1fr)}.toc{display:none}}
@media (max-width:620px){.os-guide,#verifier,#ia{padding:20px}.page-head{padding-top:40px}}