/* DoBox vitrine v5 — « Encre + Volume ». Encre #1C1D22, ivoire, accents = couleurs naturelles des icônes W9.
   Polices locales (Sora titres, Geist texte, Geist Mono détails). Pas de flou, pas d'ombres portées, transforms/opacity seulement. */
@font-face{font-family:Sora;src:url(fonts/sora.woff2) format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:Geist;src:url(fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(fonts/geist-mono.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#1C1D22;--deep:#15161A;--raise:#23252B;--raise2:#2A2C33;--tx:#EFE8DA;--tx2:#C9C2B4;--mu:#9C968A;--line:rgba(239,232,218,.12);--line2:rgba(239,232,218,.22);
--pri-bg:#EFE8DA;--pri-tx:#1C1D22;--focus:#EFE8DA;
--face-t:#2E3038;--face-l:#25272E;--face-r:#1A1B20;--edge:#EFE8DA;
--donote:#DCC676;--dochat:#01C7E6;--doplan:#EC6461;
--ff-h:Sora,ui-sans-serif,system-ui,sans-serif;--ff:Geist,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ff-m:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--r:14px;--w:1160px;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:dark}
:root[data-theme=light]{--bg:#F4EFE4;--deep:#ECE5D6;--raise:#FBF8F1;--raise2:#FFFFFF;--tx:#1C1D22;--tx2:#3E3F46;--mu:#615E57;--line:rgba(28,29,34,.12);--line2:rgba(28,29,34,.24);
--pri-bg:#1C1D22;--pri-tx:#EFE8DA;--focus:#1C1D22;--face-t:#FFFFFF;--face-l:#EDE6D7;--face-r:#DCD3C1;--edge:#1C1D22;--donote:#9A7F1E;--dochat:#007E92;--doplan:#C23A37;color-scheme:light}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body.v2{margin:0;background:var(--bg);color:var(--tx);font:400 1.0625rem/1.6 var(--ff);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
.v2 main{overflow-x:clip}
.v2 a{color:inherit}
.v2 :focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:8px}
.vh,.dn-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:12px;z-index:60;background:var(--pri-bg);color:var(--pri-tx)!important;padding:12px 16px;border-radius:10px;font-weight:600;text-decoration:none}.skip:focus{left:12px}
.w{max-width:var(--w);margin:0 auto;padding:0 28px}
@media (max-width:600px){.w{padding:0 20px}}
h1,h2,h3{font-family:var(--ff-h);color:var(--tx);text-wrap:balance}
p,li{text-wrap:pretty}
.eyebrow,.real,.pill,.chip,.hd .lang,.feat i,.small,.nl-off,.ft .suite,.blk text{font-family:var(--ff-m)}
.eyebrow{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin:0}
/* header */
.hd{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.hd .w{display:flex;align-items:center;gap:8px;height:72px}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding-right:6px;text-decoration:none;font:700 1.12rem/1 var(--ff-h);letter-spacing:-.01em}
.brand img{display:block;width:28px;height:32px}
.hd nav{margin-left:auto}.hd nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.hd nav a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:10px;text-decoration:none;color:var(--tx2);font-size:.96rem;font-weight:500;transition:color .2s,background-color .2s}
.hd nav a:hover{color:var(--tx);background:var(--raise)}
.hd nav a[aria-current]{color:var(--tx);box-shadow:inset 0 -2px 0 var(--tx);border-radius:10px 10px 0 0}
.hd .lang{display:inline-grid;place-items:center;min-width:48px;height:48px;margin-left:6px;border:1px solid var(--line2);border-radius:12px;text-decoration:none;font-weight:500;font-size:.85rem;color:var(--tx);transition:background-color .2s}
.hd .lang:hover,.tt:hover{background:var(--raise)}
.tt{display:inline-grid;place-items:center;width:48px;height:48px;margin-left:6px;padding:0;border:1px solid var(--line2);border-radius:12px;background:transparent;color:var(--tx);cursor:pointer;transition:background-color .2s}
.tt svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tt .i-moon{fill:currentColor;stroke:none}
.tt .i-sun{display:none}[data-theme=light] .tt .i-sun{display:block}[data-theme=light] .tt .i-moon{display:none}
@media (max-width:820px){.hd .w{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:0;row-gap:4px}.hd .lang{margin-left:auto}
.hd nav{order:3;width:calc(100% + 40px);margin:0 -20px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line)}.hd nav::-webkit-scrollbar{display:none}
.hd nav ul{padding:0 12px;gap:0}.hd nav a{padding:0 12px;font-size:.93rem;white-space:nowrap}}
/* buttons */
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:12px;font:600 1rem/1.2 var(--ff);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background-color .2s,border-color .2s}
.btn-grad{background:var(--pri-bg);color:var(--pri-tx)!important}
.btn-grad:hover{transform:translateY(-2px)}
.btn-soft{background:transparent;border-color:var(--line2);color:var(--tx)!important}
.btn-soft:hover{border-color:var(--tx)}
.btn[aria-disabled=true],.btn[disabled]{cursor:not-allowed;color:var(--mu)!important;border-style:dashed;border-color:var(--line2);background:transparent;transform:none}
@media (max-width:600px){.ctas .btn{width:100%}}
/* hero */
.hero{padding:clamp(48px,8vw,96px) 0 40px;text-align:center}
.hero-in{display:flex;flex-direction:column;align-items:center}
.cube{position:relative;width:clamp(150px,18vw,220px);aspect-ratio:658/758;margin:0 0 40px;--p:0}
.cf{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:transform 1.1s var(--ease),opacity .7s ease}
.c-t{clip-path:polygon(50% -.5%,100.5% 24.9%,50% 50.3%,-.5% 24.9%);transform:translateY(-34%)}
.c-l{clip-path:polygon(-.5% 24.6%,50.3% 49.7%,50.3% 100.5%,-.5% 75.2%);transform:translate(-30%,16%)}
.c-r{clip-path:polygon(49.7% 49.7%,100.5% 24.6%,100.5% 75.2%,49.7% 100.5%);transform:translate(30%,16%)}
.cube.on .cf{opacity:1}
.cube.on .c-t{transform:translateY(calc(var(--p)*-14%));transition-delay:.18s}
.cube.on .c-l{transform:translate(calc(var(--p)*-11%),calc(var(--p)*6%))}
.cube.on .c-r{transform:translate(calc(var(--p)*11%),calc(var(--p)*6%));transition-delay:.08s}
.cube.on.set .cf{transition:none}
.no-js .cf{opacity:1;transform:none}
.pill{display:inline-flex;align-items:center;gap:10px;padding:0 14px 0 6px;min-height:34px;border-radius:999px;border:1px solid var(--line2);font-size:.8rem;color:var(--tx2)}
.pill b{font-weight:500;background:var(--tx);color:var(--bg);border-radius:999px;padding:3px 10px;font-size:.74rem;letter-spacing:.04em}
.hero h1{font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:1;letter-spacing:-.045em;font-weight:700;margin:26px 0 24px;max-width:15ch}
.hero h1 .g{color:var(--mu)}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.55;color:var(--tx2);max-width:44ch;margin:0 0 34px}
.hero .ctas{justify-content:center}
.hero .small{color:var(--mu);font-size:.8rem;margin:18px 0 0;max-width:52ch}
.stage{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:72px;padding-bottom:20px}
.stage .phone{order:-1;flex:0 0 auto;margin:0 calc((100% - var(--pw))/2) 48px}
.chip{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 14px 0 8px;border-radius:999px;border:1px solid var(--line);background:var(--raise);font-size:.78rem;color:var(--tx2);white-space:nowrap}
.chip span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg);color:var(--donote);font-size:.72rem}
@media (min-width:1080px){.stage{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:repeat(3,auto);column-gap:40px;row-gap:28px}
.stage .phone{grid-column:2;grid-row:1/4;margin:0 0 40px}.chip{justify-self:end}.chip.c2{grid-column:3;grid-row:2;justify-self:start}.chip.c1{grid-column:1;grid-row:1;align-self:end}.chip.c3{grid-column:1;grid-row:3;align-self:start}}
@media (max-width:420px){.chip{white-space:normal}}
/* phone */
.phone{--pw:280px;position:relative;width:var(--pw);margin:0 0 40px;padding:calc(var(--pw)*.03);border-radius:calc(var(--pw)*.13);background:var(--deep);border:1px solid var(--line2)}
.phone .scr{position:relative;width:100%;aspect-ratio:412/892;border-radius:calc(var(--pw)*.1);overflow:hidden;background:var(--deep);transform:translateZ(0)}
.phone.dn .scr{aspect-ratio:390/844}
.phone video,.phone img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hero .phone,.show .phone{--pw:clamp(250px,22vw,300px)}
.real{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.72rem;color:var(--mu);display:flex;gap:8px;align-items:center;letter-spacing:.02em}
.real::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--doplan)}
/* sections */
section.s{padding:clamp(80px,11vw,140px) 0}
section.s.s-tight{padding:clamp(40px,6vw,72px) 0}
.s h2,.trust h2,.suite-card h2,.final h2{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.05;letter-spacing:-.035em;font-weight:700;margin:14px 0 20px;max-width:18ch}
.s p.sub{color:var(--tx2);font-size:1.12rem;max-width:52ch;margin:0}
.s .ctas{margin-top:32px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split>*{min-width:0}
.split.rev>:first-child{order:2}
@media (max-width:920px){.split{grid-template-columns:1fr;gap:56px}.split.rev>:first-child{order:0}}
.show{display:flex;justify-content:center;min-width:0}.show.stack{flex-direction:column;align-items:center}
.try{margin:24px 0 0;text-align:center}
.feat{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}
.feat li{display:flex;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.feat i{font-style:normal;flex:none;width:28px;font-size:.78rem;color:var(--mu)}
.feat li div{color:var(--tx2)}.feat li div strong{color:var(--tx);display:block;font-weight:600}
.feat.no i{color:var(--doplan)}
/* panels */
.trust{border-radius:20px;padding:clamp(28px,5vw,64px);background:var(--deep);border:1px solid var(--line)}
.trust .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:36px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;counter-reset:g}
.trust .grid3>div{padding:28px 26px;background:var(--deep);counter-increment:g}
.trust .grid3>div::before{content:counter(g,decimal-leading-zero);display:block;font:500 .78rem var(--ff-m);color:var(--mu);margin-bottom:18px}
.trust h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.trust p{margin:0;color:var(--tx2);font-size:.98rem}
.trust ul{margin:12px 0 0;padding-left:18px;color:var(--tx2);font-size:.95rem}.trust .ctas{margin-top:32px}
.s-tight .trust{background:transparent;border:0;padding:0}.s-tight .trust .grid3{margin-top:0}.s-tight .trust .grid3>div{background:var(--bg)}
@media (max-width:820px){.trust .grid3{grid-template-columns:1fr}}
/* suite + iso blocks */
.suite-card{text-align:center;border-radius:20px;padding:clamp(36px,6vw,80px) clamp(20px,5vw,64px);background:var(--deep);border:1px solid var(--line)}
.suite-card h2,.suite-card .sub{margin-inline:auto}.suite-card .ctas{justify-content:center}
.blocks{display:flex;justify-content:center;gap:clamp(8px,4vw,48px);margin:0 auto 44px}
.blk{width:clamp(92px,13vw,150px);flex:none}
.blk svg{display:block;width:100%;height:auto;overflow:visible}
.blk polygon{stroke:var(--edge);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-opacity:.55}
.blk .ft polygon{fill:var(--acc)}.blk .fl polygon{fill:var(--face-l)}.blk .fr polygon{fill:var(--face-r)}
.blk text{fill:var(--tx);font-size:10.5px;font-weight:500;letter-spacing:.14em}
.a-donote{--acc:var(--donote)}.a-dochat{--acc:var(--dochat)}.a-doplan{--acc:var(--doplan)}
.blk .f{transition:transform .9s var(--ease),opacity .6s ease}
.blk:not(.in) .ft{transform:translateY(-34px);opacity:0}.blk:not(.in) .fl{transform:translate(-26px,16px);opacity:0}.blk:not(.in) .fr{transform:translate(26px,16px);opacity:0}
.blk .fl{transition-delay:.05s}.blk .fr{transition-delay:.12s}.blk .ft{transition-delay:.22s}
.blocks .blk:nth-child(2) .f{transition-delay:.18s}.blocks .blk:nth-child(3) .f{transition-delay:.32s}
.no-js .blk .f{transform:none;opacity:1}
/* apps page */
.app-row{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}
.app-row .blk{width:160px}.app-row h2{margin-top:0!important}
@media (max-width:600px){.app-row{grid-template-columns:1fr;gap:20px;padding:32px 0}.app-row .blk{width:120px}}
/* final + newsletter */
.final{text-align:center;padding:clamp(80px,11vw,140px) 28px}
.final h2{margin-inline:auto;max-width:16ch}
.final .sub.c{margin:14px auto 0;max-width:54ch;color:var(--tx2)}
.final .ctas{justify-content:center;margin-top:32px}
.final h1.h404{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;letter-spacing:-.04em;font-weight:700;margin:14px auto 18px}
.nl{max-width:560px;margin:40px auto 0;padding:24px;border-radius:var(--r);background:var(--raise);border:1px solid var(--line);text-align:left}
.nl-row{display:flex;gap:10px;flex-wrap:wrap}
.nl input[type=email]{flex:1 1 220px;min-height:52px;border-radius:12px;border:1px solid var(--line2);padding:0 16px;font:inherit;background:var(--bg);color:var(--tx)}
.nl input::placeholder{color:var(--mu)}
.chk{display:flex;gap:12px;align-items:flex-start;margin-top:16px;font-size:.92rem;color:var(--tx2)}.chk input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--tx)}
.nl-how{margin:10px 0 0;font-size:.92rem}.nl-how a{display:inline-block;padding:6px 0;text-underline-offset:3px}
.nl-off{margin:6px 0 0;font-size:.76rem;color:var(--mu)}
/* doc pages */
.doc{max-width:780px;padding-top:clamp(40px,7vw,88px);padding-bottom:110px}
.doc h1{font-size:clamp(2.3rem,5.4vw,3.8rem);line-height:1.03;letter-spacing:-.04em;font-weight:700;margin:0 0 26px}
.doc h2{font-size:clamp(1.4rem,2.6vw,1.85rem);letter-spacing:-.02em;font-weight:650;margin:56px 0 12px;line-height:1.2}
.doc h3{font-size:1.1rem;font-weight:600;margin:30px 0 6px}
.doc p,.doc li{color:var(--tx2)}.doc strong{color:var(--tx);font-weight:600}
.doc a{color:var(--tx);font-weight:500;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s}
.doc a:hover{text-decoration-color:var(--tx)}
.doc a.btn{text-decoration:none}
.doc>h1+p{font-size:1.18rem;color:var(--tx2)}
.doc .ctas{margin:24px 0 8px}
.doc hr{border:0;border-top:1px solid var(--line);margin:48px 0}
.tw{overflow-x:auto;margin:24px 0;border-radius:var(--r);border:1px solid var(--line);background:var(--deep)}
.tw table{border-collapse:collapse;width:100%;min-width:440px;font-size:.96rem}
.tw th,.tw td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--tx2)}
.tw th{font:500 .78rem var(--ff-m);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.tw tr:last-child td{border-bottom:0}.tw td:first-child{color:var(--tx);font-weight:500}
/* footer */
footer.ft{border-top:1px solid var(--line);padding:40px 0 56px;color:var(--mu);font-size:.92rem;background:var(--deep)}
footer.ft .w{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center}
footer.ft .fl{display:flex;flex-wrap:wrap;gap:0 6px}
footer.ft .fl a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;text-decoration:none;color:var(--tx2)}footer.ft .fl a:hover{color:var(--tx)}
footer.ft .suite{flex-basis:100%;font-size:.76rem;margin-top:12px}
/* reveal */
.rv{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in,.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv,.cf,.blk .f{opacity:1!important;transform:none!important}}

/* démos DoNote (reprises v4) */
/* v4 — captures DoNote thémées + démos interactives */
.scr[data-demo]{--dn-bg:#F3F4FD;--dn-fg:#0F172A;--dn-mu:#646A7D;--dn-cd:#FFFFFF;--dn-bd:#E3E6F2;--dn-pr:#5457E8;--dn-ok:#16B57F;--dn-sf:#EBEDF8}
:root:not([data-theme=light]) .scr[data-demo]{--dn-bg:#11131F;--dn-fg:#F1F5F9;--dn-mu:#9AA0B5;--dn-cd:#1A1D2C;--dn-bd:#2A2E42;--dn-pr:#4F46E5;--dn-sf:#22263A}

.scr[data-demo].live{background:var(--dn-bg)}
.scr[data-demo].live>picture{display:none}
.scr[data-demo].live::after{display:none}
.dn-app{position:absolute;inset:0;padding:8% 6% 5%;color:var(--dn-fg);font:500 12px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(60% 30% at 95% 0,rgba(99,102,241,.16),transparent 70%),radial-gradient(40% 25% at 0 85%,rgba(20,184,166,.14),transparent 70%),var(--dn-bg);text-align:left}
.dn-app svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dn-hd{display:flex;align-items:center;gap:7px;margin-bottom:10px}
.dn-ic{color:var(--dn-pr)}
.dn-ttl{flex:1;margin:0;font-size:16px;line-height:1.1;font-weight:700;letter-spacing:-.01em;color:var(--dn-fg)}
.dn-pri{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:10px;padding:7px 10px;background:var(--dn-pr);color:#fff;font:600 11px system-ui,sans-serif;cursor:pointer;text-decoration:none}
.dn-sq{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--dn-sf);color:var(--dn-fg)}
.dn-cnt{display:flex;justify-content:space-between;color:var(--dn-mu);font-weight:700;font-size:11px;margin:2px 0 4px}
.dn-bar{height:6px;border-radius:9px;background:var(--dn-sf);overflow:hidden;margin-bottom:10px}
.dn-bar i{display:block;height:100%;background:var(--dn-ok);border-radius:9px;transition:width .35s ease}
.dn-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dn-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 2px;border:0;background:none;color:var(--dn-mu);font:500 12.5px system-ui,sans-serif;text-align:left;cursor:pointer;border-radius:8px}
.dn-row:hover{background:var(--dn-sf)}
.dn-cb{display:inline-grid;place-items:center;width:14px;height:14px;border:1.6px solid var(--dn-fg);border-radius:3px;color:transparent;flex:none}
.dn-row.on .dn-cb,.dn-cb.on{border-color:transparent;color:var(--dn-pr)}
.dn-row.on .dn-t{text-decoration:line-through}
.dn-erow{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--dn-bd);border-radius:14px;background:var(--dn-cd);margin-bottom:5px}
.dn-erow .dn-cb{border-color:var(--dn-mu)}
.dn-in{flex:1;min-width:0;border:0;background:none;color:var(--dn-fg);font:500 12px system-ui,sans-serif;padding:3px 0}
.dn-x{display:inline-grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:var(--dn-sf);color:var(--dn-mu);cursor:pointer;padding:0}
.dn-add{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid rgba(84,87,232,.35);background:rgba(84,87,232,.12);color:var(--dn-pr);border-radius:14px;padding:10px;font:600 12px system-ui,sans-serif;cursor:pointer}
:root:not([data-theme=light]) .dn-add{color:#A5B4FC}
.dn-hint{margin:auto 0 0;padding-top:8px;text-align:center;color:var(--dn-mu);font-size:10px}
.dn-add+.dn-hint{margin-top:6px}
.dn-app button:focus-visible,.dn-app input:focus-visible,.dn-app a:focus-visible{outline:2px solid var(--dn-pr);outline-offset:2px}
.dn-sub{margin:4px 0 8px;color:var(--dn-mu);font-size:10.5px}
.dn-search{display:flex;align-items:center;gap:6px;background:var(--dn-sf);border-radius:12px;padding:7px 9px;color:var(--dn-mu);margin-bottom:8px}
.dn-search input{flex:1;min-width:0;border:0;background:none;color:var(--dn-fg);font:500 11.5px system-ui,sans-serif}
.dn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;overflow:auto;padding:2px;scrollbar-width:thin}
.dn-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid var(--dn-bd);border-radius:12px;background:var(--dn-cd);color:var(--dn-fg);cursor:pointer;font:inherit;text-align:center;min-height:74px}
.dn-card[hidden]{display:none}
.dn-card b{font-size:10.5px}
.dn-card span{font-size:8.5px;color:var(--dn-mu);line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dn-empty{color:var(--dn-mu);text-align:center;font-size:11px}
.dn-pane{position:absolute;left:5%;right:5%;bottom:5%;padding:14px;border-radius:16px;background:var(--dn-cd);border:1px solid var(--dn-bd);box-shadow:0 20px 40px -20px rgba(0,0,0,.4);animation:dnup .25s ease}
.dn-pane .dn-x{position:absolute;top:8px;right:8px}
.dn-pane b{font-size:14px}.dn-pane p{margin:4px 0 10px;color:var(--dn-mu);font-size:11px}
.dn-go{display:flex;justify-content:center}
@keyframes dnup{from{transform:translateY(12px);opacity:0}}
@media (prefers-reduced-motion:reduce){.dn-bar i{transition:none}.dn-pane{animation:none}}
.dn-list{grid-template-columns:minmax(0,1fr)}
/* v5 retouches */
@media (max-width:600px){.pill{font-size:.72rem;gap:8px;padding-right:12px}.hero h1{font-size:clamp(2.3rem,11vw,3rem)}}
.blk .fl image{clip-path:inset(0 round 0)}
[data-theme=light] .chip span{color:var(--tx)}
.dn-ttl{font-size:14.5px;line-height:1.15}
.suite-card p.sub,.final p.sub{margin-inline:auto}