@font-face{font-family:Inter;src:url(/assets/v7/inter.aeb7f32ed7.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/assets/v7/dmmono.c4a24dea19.woff2) format("woff2");font-weight:400}
@font-face{font-family:Serif;src:url(/assets/v7/serif.49fbf3ced4.woff2) format("woff2");font-weight:400}
:root{
 --bg:#f8f8f8;--fg:#0a0a0a;--muted:#737373;--line:#e4e8ec;--card:#fff;
 --dk:#000;--dk-fg:#fafafa;--dk-muted:#99a1af;--dk-card:#171717;--dk-line:rgba(255,255,255,.1);
 --brand:#FECF37;
 --sh-cast:0 1px 2px #0c0a1b0d,0 4px 8px -2px #0c0a1b0b,0 16px 32px -12px #0c0a1b17,0 40px 72px -28px #0c0a1b29;
 --ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.22,1,.36,1);
 --r:.625rem;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font:400 16px/24px Inter,system-ui,sans-serif;font-feature-settings:"cv11","ss01";background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
.mono{font-family:"DM Mono",ui-monospace,monospace}
.wrap{max-width:80rem;margin:0 auto;padding:0 1rem}
@media(min-width:768px){.wrap{padding:0 2rem}}
@media(min-width:1280px){.wrap{padding:0 7rem}}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:50;height:64px;background:rgba(0,0,0,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav .in{height:64px;display:flex;align-items:center;justify-content:space-between;max-width:80rem;margin:0 auto;padding:0 1rem}
@media(min-width:1280px){.nav .in{padding:0 5.25rem}}
.nav .logo img{height:26px;width:auto}
.nav nav{display:none;gap:4px}
.nav nav a{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:14px;font-size:14px;font-weight:500;line-height:20px;color:#fff;transition:color .15s var(--ease),background-color .15s var(--ease)}
.nav nav a:hover{background:rgba(255,255,255,.08)}
.nav nav a svg{opacity:.6}
@media(min-width:1024px){.nav nav{display:flex}}
.btn-sm{position:relative;height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:14px;font-size:14px;font-weight:500;color:#1a1400;background:linear-gradient(180deg,#ffe486 0%,#fed54a 40%,#f6c21c 100%);box-shadow:0 6px 18px -6px rgba(254,207,55,.5),inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(160,110,0,.25);transition:filter .15s var(--ease)}
.btn-sm:hover{filter:brightness(1.05)}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--dk);color:var(--dk-fg);padding:72px 0 152px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;background-position:center -1px;-webkit-mask:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 80%);mask:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 80%)}
.ghost{position:absolute;pointer-events:none;opacity:.5}
.ghost svg{display:block}
.g1{left:9%;top:60px}.g2{right:9%;top:60px}.g3{left:5.5%;top:250px;transform:scale(1.25)}.g4{right:5.5%;top:250px;transform:scale(1.25)}.g5{left:10%;top:470px}.g6{right:10%;top:470px}
@media(max-width:900px){.ghost{display:none}}
.hero .in{position:relative;text-align:center}
.trust{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px 0 6px;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:rgba(23,23,23,.85);font-size:13px;font-weight:500;line-height:19.5px;color:rgba(250,250,250,.85)}
.trust .dot{width:22px;height:22px;border-radius:9999px;background:#262626;display:grid;place-items:center}
.trust .dot i{width:7px;height:7px;border-radius:9px;background:var(--brand);box-shadow:0 0 0 4px rgba(254,207,55,.18)}
h1{margin:26px auto 0;max-width:1040px;font-weight:500;font-size:min(4rem,(100vw - 2rem)/9.6);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
.chip{display:inline-flex;align-items:center;gap:.16em;vertical-align:-.14em;height:1.24em;margin-block:.1em;padding:0 .16em 0 .12em;margin:0 .04em;border-radius:.22em;background:linear-gradient(180deg,#fff 0%,#e9e9ea 100%);color:#0a0a0a;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 30px -10px rgba(255,255,255,.25);overflow:hidden;position:relative}
.chip svg{width:.82em;height:.82em;flex:none}
.chip .w{display:inline-block;white-space:nowrap;line-height:1.16em;text-align:center}
.chip .w.out{animation:wout .42s var(--ease-out) forwards}
.chip .w.in{animation:win .42s var(--ease-out) forwards}
@keyframes wout{to{transform:translateY(-70%);opacity:0;filter:blur(6px)}}
@keyframes win{from{transform:translateY(70%);opacity:0;filter:blur(6px)}to{transform:none;opacity:1;filter:none}}
.mascot-inline{display:inline-block;height:1.05em;width:.86em;object-fit:cover;object-position:50% 50%;vertical-align:-.12em;margin:0 .01em 0 .1em;filter:drop-shadow(0 8px 14px rgba(254,207,55,.18))}
.sub{margin:22px auto 0;max-width:42rem;font-size:18px;font-weight:500;line-height:28px;letter-spacing:-.45px;color:var(--dk-muted);text-wrap:balance}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}
.pill{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 10px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:rgba(23,23,23,.85);font-size:13px;font-weight:500;color:rgba(250,250,250,.85)}
.pill svg{width:14px;height:14px;opacity:.7}
.cta{position:relative;display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 6px 0 22px;margin-top:36px;border-radius:14.4px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.16px;color:#1d1600;
 background:linear-gradient(180deg,#ffe58f 0%,#fed650 28%,#fbc928 62%,#efb70a 100%);
 box-shadow:0 2px 5px -1px rgba(78,55,0,.5),0 6px 20px -6px rgba(254,207,55,.55),0 14px 44px -14px rgba(254,207,55,.42),inset 0 1px 0 rgba(255,250,220,.9),inset 0 -1px 0 rgba(150,100,0,.45);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.cta:hover{transform:translateY(-1px);box-shadow:0 2px 6px -1px rgba(78,55,0,.45),0 8px 26px -4px rgba(254,207,55,.68),0 18px 56px -12px rgba(254,207,55,.52),0 32px 92px -26px rgba(254,207,55,.4),inset 0 1px 0 rgba(255,250,220,.9),inset 0 -1px 0 rgba(150,100,0,.45)}
.cta .k{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(150,100,0,.25)}
.cta-note{margin-top:14px;font-size:13px;color:#6a7282}
.sectors{display:inline-flex;gap:2px;padding:4px;margin-top:84px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:rgba(23,23,23,.7)}
.sectors button{height:2.1rem;padding:0 .9rem;border-radius:9999px;font-size:13px;font-weight:500;letter-spacing:-.13px;color:rgba(250,250,250,.55);transition:background-color .16s,color .16s,box-shadow .16s}
.sectors button.on{color:#fafafa;background:#262626;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
/* iso window */
.stagewrap{position:relative;max-width:740px;margin:16px auto 0}
.screen{position:relative;aspect-ratio:740/420;border-radius:20px;background:#0a0a0a;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 6px #141414,0 0 0 7px rgba(255,255,255,.08),0 40px 120px -30px rgba(254,207,55,.12);overflow:hidden}
.screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(150deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 20px}
.stand{width:92px;height:70px;margin:0 auto;background:linear-gradient(180deg,#151515,#0d0d0d);border-left:1px solid #1d1d1d;border-right:1px solid #1d1d1d}
.stand+.foot{width:180px;height:8px;margin:0 auto;border-radius:6px 6px 2px 2px;background:#1a1a1a}
.plat{position:absolute;width:30%;aspect-ratio:2/1.15}
.plat svg.pad{position:absolute;inset:0;width:100%;height:100%}
.plat .lbl{position:absolute;left:50%;top:-6px;transform:translate(-50%,-100%);font:500 11px/14px Inter;letter-spacing:-.2px;color:rgba(255,255,255,.9);white-space:nowrap}
.plat .lbl span{display:block;font-family:"DM Mono";font-weight:400;font-size:10px;color:rgba(255,255,255,.45)}
.buddy{position:absolute;width:34%;left:33%;top:-4%;animation:bob 4.6s ease-in-out infinite}
.buddy:nth-of-type(2){animation-delay:-1.4s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5%)}}
.buddy img{width:100%;filter:drop-shadow(0 10px 10px rgba(0,0,0,.6))}
.tagb{position:absolute;left:50%;top:78%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.62);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 2px 6px rgba(0,0,0,.55);font:500 10px/14px Inter;letter-spacing:-.2px;color:rgba(255,255,255,.9);white-space:nowrap}
.tagb i{width:5px;height:5px;border-radius:9px;border:1px solid #f59e0b;border-top-color:transparent;animation:spin 1s linear infinite}
.tagb i.ok{border-color:#22c55e;background:#22c55e;animation:none}
@keyframes spin{to{transform:rotate(360deg)}}
.p1{left:9%;top:34%}.p2{left:35%;top:14%}.p3{left:61%;top:34%}
.plat.dim .buddy{opacity:.55;filter:saturate(.3)}
.link{position:absolute;inset:0;pointer-events:none}
.scrbar{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center}
.scrbar .p{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:rgba(38,38,38,.95);font-size:12px;font-weight:500;color:#fafafa}
.scrtop{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 6px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:rgba(38,38,38,.95);font-size:13px;font-weight:500}
.scrtop img{height:16px}
.works{margin-top:64px;font-size:14px;font-weight:500;color:var(--dk-muted)}
.works-row{display:flex;justify-content:center;gap:28px;margin-top:14px;font-size:14px;font-weight:500;color:#fafafa}
.works-row span{display:inline-flex;gap:8px;align-items:center}
.works-row svg{width:16px;height:16px;opacity:.8}

/* ---------- LIGHT SECTIONS ---------- */
.light{position:relative;z-index:2;margin-top:-48px;background:var(--bg);border-radius:48px 48px 0 0}
@media(max-width:640px){.light{border-radius:28px 28px 0 0;margin-top:-28px}}
.sec{padding:0 0 88px;position:relative}
.label{text-align:center;padding:3.5rem 1rem 1.25rem}
.label span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:9999px;background:rgba(0,0,0,.05);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);font-size:13px;font-weight:500;color:#0a0a0a}
.label.left{text-align:left;padding-left:0}
h2{font-weight:500;font-size:min(2.875rem,7.4vw);line-height:1.5;letter-spacing:-.035em;color:#000;text-align:center;text-wrap:balance;max-width:48rem;margin:0 auto}
h2.tight{line-height:1.08}
.chip-l{display:inline-flex;align-items:center;gap:.18em;vertical-align:-.08em;height:1.2em;padding:0 .2em;border-radius:.2em;background:#0a0a0a;color:#fff;line-height:1}
.chip-l img,.chip-l svg{height:.78em;width:auto}
.ico-sq{display:inline-grid;place-items:center;width:1.1em;height:1.1em;border-radius:.24em;background:#0a0a0a;vertical-align:-.16em;margin:0 .06em}
.ico-sq img{width:.9em}

/* where the centre stops */
.board{position:relative;max-width:1080px;margin:40px auto 0;border-radius:24px;background:#f1f1f1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);padding:56px 24px 40px;overflow:hidden}
.board-grid{display:grid;grid-template-columns:220px 1fr 220px;gap:20px;align-items:center}
.col{display:flex;flex-direction:column;gap:56px;position:relative;z-index:2}
.tcard{position:relative;background:#fff;border-radius:14px;padding:14px 16px 16px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 10px 24px -12px rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.05);font-size:14px;line-height:19px;transition:transform .42s var(--ease-out)}
.tcard:hover{transform:rotate(0) translateY(-2px)!important}
.tcard .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.tcard .ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#f3f4f6}
.tcard .ic svg{width:14px;height:14px}
.beam{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:9999px;background:rgba(0,0,0,.05);font-size:11px;color:rgba(0,0,0,.7)}
.beam s{text-decoration:none;color:#e5484d}
.tcard b{display:block;font-weight:500;letter-spacing:-.2px;font-size:15px}
.tcard p{margin-top:4px;font-size:12.5px;line-height:17px;color:#737373}
.L1{transform:rotate(-4deg) translateX(14px)}.L2{transform:rotate(3deg) translateX(-6px)}.R1{transform:rotate(4deg) translateX(-14px)}.R2{transform:rotate(-3deg) translateX(6px)}
@media(max-width:900px){.L1,.L2,.R1,.R2{transform:rotate(-1.5deg)}.L2,.R2{transform:rotate(1.5deg)}}
.win{background:#fff;border-radius:14px;box-shadow:var(--sh-cast),inset 0 0 0 1px rgba(0,0,0,.06);overflow:hidden;font-size:13px;line-height:18px}
.win .tb{height:36px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid #eee;background:#fafafa}
.win .tb i{width:10px;height:10px;border-radius:9px;background:#e5e5e5}
.win .tb i:nth-child(1){background:#ff5f57}.win .tb i:nth-child(2){background:#febc2e}.win .tb i:nth-child(3){background:#28c840}
.win .tb .t{margin-left:auto;margin-right:auto;font-size:12px;color:#737373;transform:translateX(-20px)}
.wbody{display:grid;grid-template-columns:150px 1fr;min-height:352px}
.side{border-right:1px solid #f0f0f0;padding:12px 10px;font-size:12px;color:#525252;background:#fcfcfc}
.side .h{font-size:11px;color:#a1a1a1;margin:10px 6px 6px}
.side a{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:7px}
.side a.on{background:#f0f0f0;color:#0a0a0a;font-weight:500}
.side a .d{width:6px;height:6px;border-radius:9px;background:#22c55e}
.side a .d.y{background:#f5b800}
.main{padding:16px 18px;min-width:0}
.mail{display:grid;grid-template-columns:44px 1fr;gap:2px 8px;font-family:Inter;font-size:11.5px;color:#737373;padding-bottom:10px;border-bottom:1px solid #f0f0f0}
.mail b{color:#0a0a0a;font-weight:500}
.tabs{display:flex;gap:2px;margin:12px 0 0;padding:3px;border-radius:10px;background:#f3f3f3;width:100%;overflow-x:auto;scrollbar-width:none}.tabs button{flex:1 0 auto}
.tabs button{height:26px;padding:0 6px;border-radius:7px;font-size:11.5px;font-weight:500;color:#737373;white-space:nowrap;transition:background-color .15s var(--ease),color .15s var(--ease)}
.tabs button.on{background:#fff;color:#0a0a0a;box-shadow:0 1px 2px rgba(0,0,0,.08),inset 0 0 0 1px rgba(0,0,0,.05)}
.tabs button.done:before{content:"✓ ";color:#b08a00}
.pane{display:none;padding-top:14px;animation:fade .32s var(--ease-out)}
.pane.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(4px)}}
.pane h4{font-family:Serif,Georgia,serif;font-weight:400;font-size:21px;line-height:26px;letter-spacing:-.2px;color:#0a0a0a;max-width:30ch}
.kv{display:grid;grid-template-columns:86px 1fr;gap:6px 10px;margin-top:12px;font-size:12px}
.kv dt{color:#8a8a8a}.kv dd{color:#0a0a0a}
.kv dd.y span{background:#fff3c4;box-shadow:inset 0 0 0 1px #f3d76b;padding:1px 6px;border-radius:6px}
.ph{display:flex;gap:6px;margin-top:12px}.ph img{width:96px;height:64px;object-fit:cover;border-radius:8px}
.note{margin-top:10px;font-size:12px;line-height:17px;color:#525252;max-width:58ch}
.foot-note{font-size:11px;color:#a1a1a1;margin-top:10px}
.dec{display:flex;gap:6px;margin-top:12px}.dec span{height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;font-size:12px;font-weight:500;box-shadow:inset 0 0 0 1px #e5e5e5}
.dec span.a{background:#0a0a0a;color:#fff;box-shadow:none}
.xrow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:36px auto 0;max-width:640px}
.xrow span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 8px;border-radius:9999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);font-size:12.5px;font-weight:500}
.xrow i{width:16px;height:16px;border-radius:9px;display:grid;place-items:center;background:#f3f4f6;font-style:normal;font-size:10px;color:#0a0a0a}

/* what I do */
.gains{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:48px auto 0}
.gain{border:1px solid var(--line);box-shadow:var(--sh-cast);background:#fff;border-radius:1.5rem;display:flex;flex-direction:column;padding:2.25rem 2.25rem 2.5rem}
.gain .art{height:240px;margin:-12px -12px 24px;border-radius:16px;position:relative;overflow:hidden;background-image:linear-gradient(30deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(150deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:30px 18px}
.gain h3{font-size:17px;font-weight:500;line-height:21.25px;letter-spacing:-.425px;color:#000;text-wrap:balance}
.gain p{margin-top:10px;font-size:14px;line-height:22.4px;color:rgba(0,0,0,.55)}
.mini{position:absolute;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 28px -14px rgba(0,0,0,.22),inset 0 0 0 1px rgba(0,0,0,.06);font-size:11px;line-height:15px}
.bench{left:50%;top:22px;transform:translateX(-50%);width:190px;padding:10px 12px}
.bench .r{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f2f2f2}.bench .r:last-child{border:0}
.bench .r span{color:#8a8a8a}.bench .r b{font-family:"DM Mono";font-weight:400}
.bench .r b.y{background:#fff3c4;padding:0 5px;border-radius:5px}
.art .bud{position:absolute;width:118px;left:50%;bottom:10px;transform:translateX(-50%);animation:bob 4.6s ease-in-out infinite}
.art .bud img{filter:drop-shadow(0 12px 12px rgba(0,0,0,.18))}
.doc{left:50%;top:18px;transform:translateX(-50%) rotate(-2deg);width:236px;padding:12px 14px}
.doc .t{font-family:Serif,Georgia,serif;font-size:15px;line-height:19px;color:#0a0a0a}
.doc .kv{grid-template-columns:52px 1fr;font-size:10.5px;margin-top:8px;gap:5px 8px}
.doc .dec{margin-top:10px}.doc .dec span{height:24px;font-size:10.5px;padding:0 8px;white-space:nowrap}
.tagl{position:absolute;display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.12);font:500 10.5px/15px Inter;white-space:nowrap}
.tagl i{width:6px;height:6px;border-radius:9px;background:#22c55e}
.gchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px}
.gchips span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 9px;border-radius:9999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);font-size:12.5px;font-weight:500}
.gchips svg{width:13px;height:13px}

/* pannes */
.cw{display:grid;grid-template-columns:452px 1fr;gap:48px;max-width:1152px;margin:0 auto;align-items:start}
.cw-head{display:flex;justify-content:space-between;align-items:flex-end;max-width:1152px;margin:0 auto 32px;gap:24px}
.cw-head h2{text-align:left;margin:0;font-size:min(2.25rem,7.2vw);line-height:1.34;max-width:20ch}
.cta.light-cta{margin:0;height:46px;font-size:15px;padding:0 5px 0 18px}.cta.light-cta .k{width:36px;height:36px}
.traits{display:flex;flex-direction:column;gap:6px}
.trait{position:relative;text-align:left;border-radius:1.5rem;width:100%;padding:20px 24px;transition:background-color .3s var(--ease-out)}
.trait:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;box-shadow:var(--sh-cast),inset 0 0 0 1px rgba(0,0,0,.05);opacity:0;transform:scale(.98);transition:opacity .42s var(--ease-out),transform .42s var(--ease-out);z-index:-1}
.trait.on:before{opacity:1;transform:scale(1)}
.trait{z-index:0}
.trait .th{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:500;letter-spacing:-.2px;color:#525252}
.trait.on .th{color:#0a0a0a}
.trait .th svg{width:18px;height:18px;flex:none}
.trait .tb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--ease-out)}
.trait.on .tb{grid-template-rows:1fr}
.trait .tb>div{overflow:hidden}
.trait .tb p{padding:10px 0 0 30px;font-size:14px;line-height:22px;color:#737373}
.trait .bar{margin:16px 0 0 30px;height:2px;border-radius:2px;background:#f0f0f0;overflow:hidden;display:none}
.trait.on .bar{display:block}
.trait .bar i{display:block;height:100%;width:0;background:#0a0a0a;animation:fill 7s linear forwards}
.trait.on.paused .bar i{animation:none;width:42%}
@keyframes fill{to{width:100%}}
.cw-stage{position:relative;border-radius:1.5rem;background:#fff;box-shadow:var(--sh-cast),inset 0 0 0 1px rgba(0,0,0,.05);aspect-ratio:665/450;overflow:hidden;background-image:linear-gradient(30deg,rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(150deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:34px 20px;background-color:#fbfbfb}
.cw-stage .bud{position:absolute;left:12%;top:28%;width:28%;animation:bob 4.6s ease-in-out infinite}
.cw-stage .bud img{filter:drop-shadow(0 16px 16px rgba(0,0,0,.18))}
.cw-stage .name{position:absolute;left:12%;width:28%;top:70%;text-align:center}
.cw-stage .name span{display:inline-block;padding:5px 10px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07),0 4px 10px -4px rgba(0,0,0,.15);font-size:12px;font-weight:500;line-height:15px}
.cw-stage .name small{display:block;font-size:10px;color:#8a8a8a;font-weight:400}
.chat{position:absolute;right:5%;top:7%;bottom:7%;width:50%;background:#fff;border-radius:16px;box-shadow:var(--sh-cast),inset 0 0 0 1px rgba(0,0,0,.06);padding:12px;display:flex;flex-direction:column;gap:10px;font-size:12.5px;line-height:18px}
.chat .hd{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:#525252;padding-bottom:8px;border-bottom:1px solid #f2f2f2}
.chat .you{align-self:flex-end;max-width:88%;background:#efeeeb;border-radius:14px;padding:8px 11px;color:#0b0b0b}
.chat .me{color:#0a0a0a}
.chat .me b{display:block;font-family:Serif,Georgia,serif;font-weight:400;font-size:17px;line-height:21px;margin-bottom:4px}
.chat .case{margin-top:auto;padding:8px 10px;border-radius:10px;background:#fafafa;box-shadow:inset 0 0 0 1px #eee;font-size:11.5px;color:#525252}
.chat .case em{font-style:normal;color:#0a0a0a;font-weight:500}
.chat .inp{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 6px 0 10px;border-radius:10px;box-shadow:inset 0 0 0 1px #e5e5e5;color:#a1a1a1;font-size:12px}
.chat .inp b{width:24px;height:24px;border-radius:9px;background:#0a0a0a;display:grid;place-items:center}
.zonetag{position:absolute;left:4%;top:7%;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:7px;background:#0a0a0a;color:#fff;font:500 11px/15px Inter}
.zonetag i{width:6px;height:6px;border-radius:9px;background:var(--brand)}

/* carnet */
.cases{max-width:860px;margin:40px auto 0;background:#fff;border-radius:1.5rem;box-shadow:var(--sh-cast),inset 0 0 0 1px rgba(0,0,0,.05);padding:8px 28px}
.case-r{display:grid;grid-template-columns:132px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #f0f0f0}
.case-r:last-child{border:0}
.case-r .ref{font:400 12px/16px "DM Mono";color:#737373}
.case-r .t{font-size:16px;font-weight:500;letter-spacing:-.25px;line-height:22px}
.case-r .t small{display:block;font-size:13px;font-weight:400;color:#8a8a8a;letter-spacing:0}
.st{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:9999px;font-size:12px;font-weight:500;background:#f0fdf4;color:#15803d;box-shadow:inset 0 0 0 1px #dcfce7;white-space:nowrap}
.st.ko{background:#f5f5f5;color:#525252;box-shadow:inset 0 0 0 1px #e5e5e5}
.st.mid{background:#fffbeb;color:#92400e;box-shadow:inset 0 0 0 1px #fef3c7}
.st i{width:6px;height:6px;border-radius:9px;background:currentColor}
.more{text-align:center;margin-top:20px;font-size:14px;font-weight:500}
.more a{display:inline-flex;gap:6px;align-items:center;height:36px;padding:0 14px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);background:#fff}

/* final CTA */
.final{position:relative;max-width:1120px;margin:40px auto 0;background:#000;border-radius:28px;color:#fafafa;text-align:center;padding:72px 24px 80px;overflow:visible}
.final:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(ellipse at 50% 40%,#000,transparent 75%);mask:radial-gradient(ellipse at 50% 40%,#000,transparent 75%)}
.final>*{position:relative}
.final h2{color:#fafafa;max-width:16ch;line-height:1.1}
.final .chip-w{display:inline-block;padding:0 .14em;border-radius:.18em;background:linear-gradient(180deg,#fff,#e9e9ea);color:#0a0a0a}
.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:22px;font-size:13px;color:rgba(250,250,250,.8)}
.steps span{display:inline-flex;align-items:center;gap:8px}
.steps i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#262626;font:400 11px "DM Mono";font-style:normal}
.final .peek{position:absolute;right:-10px;bottom:-56px;width:170px;animation:bob 4.6s ease-in-out infinite}
.final .peek img{filter:drop-shadow(0 18px 18px rgba(0,0,0,.35))}

/* footer */
footer{position:relative;margin-top:24px;overflow:hidden}
.wm{position:relative;height:clamp(110px,18vw,250px);overflow:hidden;pointer-events:none;user-select:none}
.wm span{position:absolute;left:50%;top:0;transform:translateX(-50%);font-size:min(19.5vw,280px);font-weight:500;letter-spacing:-.06em;line-height:.9;white-space:nowrap;background:linear-gradient(180deg,#e9e9e9 0%,#f3f3f3 55%,rgba(248,248,248,0) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fbody{position:relative;background:var(--bg);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -24px 40px -20px rgba(0,0,0,.06)}
.fbody .wrap{padding-top:36px;padding-bottom:40px}
.flogo img{height:28px}
.ftag{margin-top:18px;max-width:30rem;font-size:15px;line-height:23px;color:#262626}
.fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:52px}
.fcols h5{font-size:13px;font-weight:500;color:#0a0a0a;margin-bottom:12px}
.fcols a{display:block;font-size:13px;line-height:20px;color:#525252;padding:5px 0}
.fcols a:hover{color:#0a0a0a}
.copy{margin-top:44px;font-size:12.5px;color:#737373}

/* reveal */
.rv-on .rv{opacity:0;transform:translateY(14px) scale(.985);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.rv-on .rv.in{opacity:1;transform:none}
.cap .rv{opacity:1;transform:none;transition:none}

/* ---------- MOBILE ---------- */
@media(max-width:900px){
 .board-grid{grid-template-columns:1fr;gap:16px}
 .col{flex-direction:row;overflow-x:auto;gap:12px;padding:6px 4px 10px;margin:0 -24px;padding-left:24px;scrollbar-width:none}
 .col .tcard{min-width:220px}
 .col.r{order:3}
 .gains{grid-template-columns:1fr;max-width:460px}
 .cw{grid-template-columns:1fr;gap:20px}
 .cw-head{flex-direction:column;align-items:flex-start}
 .fcols{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
 .hero{padding:48px 0 104px}
 h1{margin-top:20px}
 .sub{font-size:16px;line-height:24px;letter-spacing:-.3px;margin-top:16px}
 .pills{gap:6px;margin-top:20px}.pill{font-size:12px;height:30px}
 .hero .cta{display:flex;width:auto;max-width:320px;margin:28px auto 0;justify-content:space-between}
 .sectors{margin-top:36px}.sectors button{padding:0 1rem;font-size:12.5px}
 .screen{aspect-ratio:358/300;border-radius:16px}
 .plat{width:40%}.p1{left:3%;top:46%}.p2{left:30%;top:20%}.p3{left:57%;top:46%}
 .plat .lbl{font-size:10px}.plat .lbl span{display:none}.scrbar .p+.p{display:none}.scrtop .mono{display:none}.tagb{font-size:9px}
 .stand{height:40px;width:64px}
 .works{margin-top:44px}.works-row{gap:16px;font-size:13px}
 .board{padding:24px 16px 28px;border-radius:20px;margin-top:28px}
 .wbody{grid-template-columns:1fr}.side{display:none}
 .main{padding:14px}
 .ph img{width:33%;height:56px}
 .gain{padding:1.75rem 1.75rem 2.25rem}
 .cw-stage{aspect-ratio:358/420}
 .cw-stage .bud{left:30%;top:4%;width:40%}.cw-stage .name{left:30%;width:40%;top:33%}
 .chat{left:5%;right:5%;width:auto;top:44%;bottom:4%}
 .chat .you{display:none}
 .zonetag{top:5%;left:5%;max-width:90%}
 .cases{padding:4px 18px;border-radius:20px}
 .case-r{grid-template-columns:1fr;gap:6px}
 .case-r .st{justify-self:start}
 .final{border-radius:24px;padding:56px 20px 88px;margin:24px 12px 0}
 .final .peek{width:120px;right:12px;bottom:-40px}
 .steps{flex-direction:column;align-items:center}
 .fcols{gap:8px 16px;margin-top:36px}
 h2{line-height:1.25}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.phfig{margin:36px auto 0;max-width:1152px;display:grid;gap:12px}.phfig.two{grid-template-columns:3fr 2fr}.phfig img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 20px 50px -24px rgba(0,0,0,.45)}.phfig figcaption{grid-column:1/-1;font-size:12px;color:#8a8a8a;text-align:center}@media(max-width:640px){.phfig.two{grid-template-columns:1fr}.phfig img{border-radius:14px}}
.info{max-width:860px;margin:36px auto 0;display:grid;gap:16px}.icard{background:#fff;border-radius:1.5rem;box-shadow:var(--sh-cast),inset 0 0 0 1px rgba(0,0,0,.05);padding:26px 30px}.icard h3{font-size:19px;font-weight:600;letter-spacing:-.02em}.icard p,.icard li{font-size:15.5px;line-height:24px;color:#404040}.icard p{margin-top:8px}.icard ul{margin-top:10px;padding-left:0;list-style:none;display:grid;gap:8px}.icard li{padding-left:22px;position:relative}.icard li:before{content:"";position:absolute;left:4px;top:9px;width:7px;height:7px;border-radius:9px;background:var(--brand)}.icard li.no:before{background:#d4d4d4}.steps7{counter-reset:s;display:grid;gap:12px;margin-top:12px}.steps7 div{counter-increment:s;display:grid;grid-template-columns:34px 1fr;gap:4px 12px}.steps7 div:before{content:counter(s);grid-row:span 2;width:28px;height:28px;border-radius:9px;background:#0a0a0a;color:#FECF37;display:grid;place-items:center;font:500 13px "DM Mono"}.steps7 b{font-weight:600;font-size:15.5px}.steps7 small{font:400 11.5px "DM Mono";color:#8a8a8a;margin-left:6px}.steps7 span{font-size:15px;line-height:23px;color:#525252}.kv7{display:grid;grid-template-columns:150px 1fr;gap:10px 18px;margin-top:12px}.kv7 dt{font:500 12px/22px "DM Mono";text-transform:uppercase;letter-spacing:.03em;color:#8a6a00}.kv7 dd{font-size:15px;line-height:22px;color:#404040}.ac{display:inline-block;margin-left:4px;padding:0 6px;border-radius:6px;background:#fff4c2;color:#7a5b00;font:500 11px/18px "DM Mono";white-space:nowrap}.avis{max-width:860px;margin:20px auto 0;font-size:12.5px;color:#8a8a8a;text-align:center}@media(max-width:640px){.icard{padding:22px 20px;border-radius:20px}.kv7{grid-template-columns:1fr;gap:2px}.kv7 dd{margin-bottom:10px}}
.lien7{font-weight:600;color:#0a0a0a;text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:4px}.more{text-align:center}@media(min-width:1024px){.nav .in{max-width:none;padding:0 56px}.nav .logo img{height:32px}.nav nav a{font-size:15px;padding:0 14px}footer .wrap{max-width:none;padding-left:56px;padding-right:56px}}@media(min-width:1280px){.wrap{max-width:86rem;padding-left:4rem;padding-right:4rem}.nav .in{padding:0 56px}footer .wrap{max-width:none;padding-left:56px;padding-right:56px}}
@media(max-width:640px){.chat .you{display:block}.cw-stage{aspect-ratio:auto;height:590px}.cw-stage .bud{left:34%;top:9%;width:32%}.cw-stage .name{left:30%;width:40%;top:31%}.chat{top:37%;bottom:3%}}.fqw{max-width:760px;margin:0 auto}.fq-lead{max-width:560px;margin:14px auto 0;text-align:center;font-size:16px;line-height:24px;color:#525252}.fq-lead a,.fq .ans a,.fq-end a{color:#0a0a0a;text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:3px}
.fq-g{margin:44px 0 12px;font-size:13px;font:500 12px "DM Mono";text-transform:uppercase;letter-spacing:.04em;color:#8a6a00}
.fq{background:#fff;border-radius:1.25rem;box-shadow:var(--sh-cast),inset 0 0 0 1px rgba(0,0,0,.05);overflow:hidden}
.fq details{border-top:1px solid #f0f0f0}.fq details:first-child{border-top:0}
.fq summary{cursor:pointer;display:block;padding:18px 20px;min-height:56px;font-size:16px;line-height:22px;font-weight:500;letter-spacing:-.2px}
.fq summary::-webkit-details-marker{display:none}.fq summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.fq summary i{flex:0 0 28px;height:28px;border-radius:9px;background:#f3f3f2;position:relative;transition:background .2s}
.fq summary i:before,.fq summary i:after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:2px;background:#0a0a0a;transition:transform .25s var(--ease-out)}
.fq summary i:after{transform:rotate(90deg)}.fq details[open] summary i{background:#FECF37}.fq details[open] summary i:after{transform:rotate(0)}
.fq .ans{padding:0 20px 20px;font-size:15px;line-height:24px;color:#404040}.fq .ans p+p{margin-top:10px}
.fq-end{margin-top:44px;text-align:center;font-size:15.5px;line-height:24px;color:#525252}.fq-end h2{font-size:26px;letter-spacing:-.03em;color:#0a0a0a;margin-bottom:8px}
@media(min-width:768px){.fq summary{padding:20px 26px;font-size:17px}.fq .ans{padding:0 26px 22px;font-size:15.5px}}
/* client20 : journal de réparation sur mobile (libellé au-dessus de la valeur) ; FAQ : <summary> natif, display par défaut, icône positionnée */
.dform .btn-submit .arw{margin-left:8px}
@media(max-width:520px){.pane .kv{grid-template-columns:1fr;gap:0}.pane .kv dt{margin-top:10px}.pane .kv dt:first-child{margin-top:0}.pane .kv dd{margin-top:2px;font-size:13px;line-height:19px}.bench .r{flex-direction:column;gap:2px}}
.fq summary{display:block;position:relative;padding-right:64px}.fq summary::marker{content:""}.fq summary i{position:absolute;right:20px;top:50%;margin-top:-14px}
.fq summary:focus-visible{outline:2px solid #0a0a0a;outline-offset:-4px}
@media(min-width:768px){.fq summary{padding-right:78px}.fq summary i{right:26px}}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#FECF37;color:#0a0a0a;padding:8px 14px;border-radius:10px;font-weight:600}.skip:focus{left:8px}
.preview-bar{position:relative;z-index:60;background:#FECF37;color:#0a0a0a;font-size:13px;line-height:18px;padding:8px 16px;text-align:center}.preview-bar a{text-decoration:underline}
.tbd{display:inline-block;padding:0 6px;border-radius:6px;background:#f1f1ef;color:#6b6b6b;font:500 11.5px/18px "DM Mono"}
.doc7{max-width:760px;margin:0 auto}.doc7 h1{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.04em;font-weight:500}.doc7 h2{margin-top:34px;font-size:21px;font-weight:600;letter-spacing:-.02em}.doc7 h3{margin-top:22px;font-size:17px;font-weight:600}
.doc7 p,.doc7 li,.doc7 dd{font-size:16px;line-height:26px;color:#333}.doc7 p{margin-top:12px}.doc7 ul{margin-top:12px;padding-left:20px;display:grid;gap:8px}.doc7 a{text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:3px}
.doc7 dl{margin-top:14px;display:grid;grid-template-columns:200px 1fr;gap:10px 18px}.doc7 dt{font:500 12px/26px "DM Mono";text-transform:uppercase;letter-spacing:.03em;color:#8a6a00}@media(max-width:640px){.doc7 dl{grid-template-columns:1fr;gap:2px}.doc7 dd{margin-bottom:10px}}
.doc7 .lead{font-size:18px;line-height:28px;color:#262626}.doc7 .updated{font:400 12.5px "DM Mono";color:#737373;margin-top:14px}.doc7 .todo{background:#fff4c2;color:#7a5b00;border-radius:5px;padding:0 4px}.doc7 .hand{display:block;margin-top:14px;font-style:italic;color:#525252}.doc7 .strike s{font-size:28px;color:#737373}
.doc7 table{margin-top:14px;border-collapse:collapse;width:100%;font-size:14.5px}.doc7 td,.doc7 th{border-bottom:1px solid #eee;padding:8px 6px;text-align:left;vertical-align:top}
.dform{max-width:720px;margin:0 auto}.dform fieldset{border:0;margin-top:26px;background:#fff;border-radius:1.25rem;box-shadow:var(--sh-cast),inset 0 0 0 1px rgba(0,0,0,.05);padding:22px}.dform legend{float:left;width:100%;font:500 12px "DM Mono";text-transform:uppercase;letter-spacing:.04em;color:#8a6a00;margin-bottom:12px}
.dform .field{clear:both;margin-top:14px}.dform label,.dform .lbl{display:block;font-weight:500;font-size:15px;margin-bottom:8px}.dform .opt{font-weight:400;color:#8a8a8a;font-size:13px}
.dform select,.dform input[type=email],.dform textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:1px solid #e2e2e2;background:#fafafa;color:#0a0a0a}.dform select:focus,.dform input:focus,.dform textarea:focus{outline:2px solid var(--brand);border-color:transparent}
.dform .choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(min-width:640px){.dform .choices{grid-template-columns:1fr 1fr 1fr}}
.dform .choice{margin:0;display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;border:1px solid #e6e6e6;font-weight:500;font-size:14px;cursor:pointer;background:#fafafa}.dform .choice:has(input:checked){border-color:#0a0a0a;background:#fff;box-shadow:0 0 0 1px #0a0a0a}
.dform .err{color:#b42318;font-size:13.5px;margin-top:6px}.dform .dfinal{margin-top:26px}.dform .consent{display:flex;gap:10px;font-weight:400;font-size:12.5px;line-height:19px;color:#404040}.dform .consent input{margin-top:1px;flex:0 0 18px;height:18px;accent-color:#0a0a0a}.dform .consent a{text-decoration:underline}
.dform .submit-row{margin-top:18px;text-align:center}.dform .btn-submit{display:inline-flex;align-items:center;height:52px;padding:0 26px;border-radius:16px;background:#FECF37;color:#0a0a0a;font-weight:600;font-size:16px;box-shadow:0 10px 30px -10px rgba(254,207,55,.8),inset 0 -2px 0 rgba(0,0,0,.08)}
.dform .reassure{list-style:none;margin-top:18px;display:grid;gap:8px;font-size:14px;color:#525252}.dform .reassure svg{width:16px;height:14px;margin-right:8px;vertical-align:-2px}.dform .reassure .st-acc{stroke:#c9a000}
.dform .waitlist{background:#0a0a0a;color:#e5e5e5;border-radius:1.25rem;padding:22px;font-size:15px;line-height:23px}.dform .waitlist .hand{display:block;font-size:20px;color:#FECF37;margin-bottom:8px;font-weight:600}.dform .waitlist p+p{margin-top:8px}
.dform .sent{display:none;margin-top:26px;background:#fff;border-radius:1.25rem;padding:26px;box-shadow:var(--sh-cast)}.dform.is-sent .sent{display:block}.dform.is-sent fieldset,.dform.is-sent .dfinal,.dform.is-sent .waitlist{display:none}.dform .sent .hand{font-size:24px;font-weight:600}
.dform [data-only=ouvert],.dform [data-mode]{display:none}.dform.mode-mailto [data-mode=mailto],.dform.mode-endpoint [data-mode=endpoint]{display:block}.dform .hp,.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#demande-p .label{padding-top:1rem}#demande-p h2.tight{margin-bottom:26px}
.nav .burger{display:none}
/* client22 : encadré de suivi sans colonnes latérales */
.board-grid.solo{grid-template-columns:1fr}
@media(max-width:1023.98px){.nav .in{position:relative;gap:10px}.nav .logo{margin-right:auto}.nav .burger{order:3;display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:transparent;cursor:pointer}.nav .burger span{display:block;height:2px;background:#fff;border-radius:2px}.nav .burger:focus-visible{outline:2px solid #FECF37;outline-offset:2px}.nav.open nav{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;padding:8px 1rem 16px;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.12)}.nav.open nav a{height:44px;font-size:16px}.nav nav a:focus-visible{outline:2px solid #FECF37}}
.hero .ouverture{margin:12px auto 0;max-width:34rem;font-size:13.5px;line-height:20px;color:rgba(255,255,255,.62);text-align:center}
/* client10 : CTA collant mobile + CTA de fin de page */
.cta-sticky{display:none}.cta-fin{text-align:center}.cta-fin .cta{display:inline-flex;gap:14px;align-items:center;margin:28px auto 0}
@media(max-width:1023px){body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}main{padding-bottom:12px}.cta-sticky{display:flex;align-items:center;justify-content:center;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;height:48px;padding:0 18px;border-radius:14px;background:#0a0a0a;color:#fafafa;font-size:15px;font-weight:600;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px -8px rgba(0,0,0,.5)}.cta-sticky:focus-visible{outline:2px solid #FECF37;outline-offset:2px}}
/* client26 : bouton collant masqué tant que le CTA du hero est visible ; puces de réassurance */
.cta-sticky{transition:opacity .25s ease,transform .25s ease,visibility 0s}.cta-sticky.cta-sticky-off{opacity:0;transform:translateY(16px);visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}
@media(prefers-reduced-motion:reduce){.cta-sticky,.cta-sticky.cta-sticky-off{transition:none}}
/* client27 : barre collante compacte aux très petites largeurs ; éléments du suivi sans lien ; bloc « Pour qui » ; détail technique */
@media(max-width:359px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}html,body{overflow-x:clip}a.cta{max-width:100%;box-sizing:border-box;flex-wrap:wrap;justify-content:center;text-align:center;white-space:normal}.cta-sticky{left:6px;right:6px;height:auto;min-height:44px;padding:6px 8px;font-size:12px;line-height:16px;text-align:center}}
.side .si{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:7px}.side .si.on{background:#f0f0f0;color:#0a0a0a;font-weight:500}.side .si .d{width:6px;height:6px;border-radius:9px;background:#22c55e}.side .si .d.y{background:#f5b800}
.pour27{list-style:none;margin:18px auto 0;padding:0;max-width:40rem;display:grid;gap:10px}.pour27 li{padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:15px;line-height:22px}
.det27{margin:22px 0 0;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:0 16px;font-size:14.5px;line-height:22px}.det27 summary{cursor:pointer;padding:12px 0;font-weight:600}.det27 ul{margin:0 0 12px;padding-left:18px}.det27 li{margin:4px 0}
.pts26{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin:16px auto 0;padding:0;max-width:40rem;font-size:14px;line-height:20px}.pts26 li{display:block;text-align:center}.pts26 li::before{content:"✓";margin-right:6px;color:#FECF37;font-weight:700}
.engage26{margin:10px auto 0;max-width:34rem;font-size:14px;line-height:21px;text-align:center}.hero .pts26,.hero .engage26{color:rgba(255,255,255,.82)}.light .pts26 li::before{color:#8a6a00}.reass26{margin-top:18px}
/* devis 23/10/2026 : pastille sur deux lignes */
.pill{height:auto;min-height:30px;padding-top:6px;padding-bottom:6px;line-height:1.35;text-align:left}
/* hero épuré 23/10/2026 ; avant = build.py.avant-hero-epure */
.hero .sub{margin-top:14px}.hero .pills{margin-top:16px}.hero .cta{margin-top:20px}.hero .ouverture{margin-top:10px;color:rgba(250,250,250,.85)}.hero .stagewrap{margin-top:28px}
/* client10c : ligne de prix sobre, parcours */
.prixligne{margin:18px auto 0;max-width:40rem;text-align:center;font-size:14px;line-height:22px;opacity:.8}
.parcours{margin:14px 0 0;max-width:40rem}.parcours p{margin-top:0}
/* client23 : encadrés (sauvegarde, AppleCare), lexique */
.encadre{margin:18px auto 0;max-width:40rem;padding:14px 18px;border-radius:14px;background:rgba(128,128,128,.12);border:1px solid rgba(128,128,128,.4);text-align:left;font-size:14.5px;line-height:22px}.encadre p+p,.encadre p+a{margin-top:10px}.encadre a:not(.cta){text-decoration:underline;text-underline-offset:3px}.encadre .cta{display:inline-flex;gap:14px;align-items:center;margin-top:12px}
#lexique{scroll-margin-top:90px}
/* client16 : /qui-repare/ en plusieurs paragraphes, bandeau d'ouverture, étiquette « Exemple » */
.parcours h2{margin-top:26px}.parcours h2:first-child{margin-top:0}.parcours p{margin-top:10px}.parcours h2+p{margin-top:8px}
.bandeau{margin:0;padding:10px 16px;text-align:center;font-size:14px;line-height:21px;color:#262626;background:#f6f4ee;border-bottom:1px solid #ebe7da}.bandeau a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
.ex-tag{display:inline-block;margin:0 0 8px;padding:2px 10px;border-radius:8px;background:#fff4c2;color:#7a5b00;font:500 12px/18px "DM Mono";text-transform:uppercase;letter-spacing:.04em}
/* client24 : hero mobile (une phrase, prix, bouton au premier écran), preuves, clôtures, glose */
.hprix{margin:10px auto 0;text-align:center;font-size:15px;line-height:22px;font-weight:600;color:#fafafa}

.hero .pills{margin-top:16px}
.glose-zone{margin:18px auto 0;max-width:40rem;text-align:center;font-size:14px;line-height:22px;opacity:.8}.glose-zone a{text-decoration:underline;text-underline-offset:3px}
.clot{padding:8px 0 4px}.clot p{max-width:34rem;margin:0 auto;font-size:15px;line-height:23px}
@media(max-width:767px){.hero .in{padding-top:0}.hero h1{font-size:30px;line-height:1.12}.hero .sub{margin-top:8px;font-size:15px;line-height:22px}.hero .hprix{margin-top:8px}.hero .cta{margin-top:14px}.hero .ghost{display:none}}
/* client25 */
.promesse{margin:0 auto;max-width:34rem;text-align:center;font-size:19px;line-height:27px;font-weight:600;color:#fafafa}
.resume7{margin:14px 0 0;font-size:17px;line-height:26px;font-weight:500;color:#262626}
.cas7 .txt h4.lab25{font:500 12px/18px "DM Mono";text-transform:uppercase;letter-spacing:.04em}
@media(max-width:767px){.hero .promesse{margin-top:14px;font-size:20px;line-height:26px}.hero h1{margin-top:12px;font-size:21px;line-height:1.2}.hero .sub{margin-top:6px;font-size:14px;line-height:20px}.hero .hprix{margin-top:6px;font-size:14px}.hero .cta{margin-top:12px}}
/* client28 25/10/2026 ; avant = build.py.avant-client28d : honeypot display:none, offre du hero, textes sans opacité, en-tête à 156 px */
.hp,.dform .hp{display:none}
.hero .lanc28{margin:12px auto 0;max-width:34rem;font-size:14.5px;line-height:21px;font-weight:500;text-align:center;color:#fafafa}
.prixligne,.glose-zone{opacity:1;color:color-mix(in srgb,currentColor 80%,transparent)}
@media(max-width:1023.98px){.nav .burger{width:44px;height:44px;flex:0 0 44px}}
@media(max-width:359px){.nav .in{padding:0 8px;gap:6px}.nav .logo{min-width:0;flex:0 1 auto}.nav .logo img{height:18px;width:auto;max-width:100%}.nav .btn-sm{display:none}}
.s38ed6c1{position:absolute}
.sad8e78d{margin-top:0;border-radius:0;padding-top:24px}
@media(prefers-reduced-motion:reduce){.rv-on .rv{opacity:1;transform:none;transition:none}}
h1.h2like{font-weight:500;font-size:min(2.875rem,7.4vw);line-height:1.5;letter-spacing:-.035em;color:#000;text-align:center;text-wrap:balance;max-width:48rem;margin:0 auto}
h1.h2like.tight{line-height:1.08}
#demande-p h1.tight{margin-bottom:26px}