/* OKNO design system v2 — tokens, components, shells */
:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#efede7;--text:#15171c;--muted:#6b6e76;--border:#e4e1d8;--primary:#15171c;--primary-hover:#2c2f38;--on-primary:#fff;
--accent:#ff5a2c;--accent-soft:#fff0ea;--success:#178a5a;--success-soft:#e3f5ec;--warning:#b87508;--warning-soft:#fff3d9;--danger:#cf3f2a;--danger-soft:#fdecea;
--r-sm:8px;--r:12px;--r-lg:18px;--r-xl:26px;--sh-sm:0 1px 2px rgba(20,22,28,.06);--sh:0 10px 28px -14px rgba(20,22,28,.22);--sh-lg:0 34px 70px -30px rgba(20,22,28,.38);
--f:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--card:var(--surface);--tx:var(--text);--mut:var(--muted);--bd:var(--border);--ac:var(--accent);--ac2:var(--accent-soft);--btn:var(--primary);--on:var(--on-primary);--ok:var(--success);--warn:var(--warning)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0f12;--surface:#17181d;--surface-2:#202227;--text:#f1f0ec;--muted:#9a9ca4;--border:#2a2c33;--primary:#f1f0ec;--primary-hover:#fff;--on-primary:#111;--accent-soft:#2b1912;--success-soft:#12281e;--warning-soft:#2c2412;--danger-soft:#2d1613}}
:root[data-theme=dark]{--bg:#0e0f12;--surface:#17181d;--surface-2:#202227;--text:#f1f0ec;--muted:#9a9ca4;--border:#2a2c33;--primary:#f1f0ec;--primary-hover:#fff;--on-primary:#111;--accent-soft:#2b1912;--success-soft:#12281e;--warning-soft:#2c2412;--danger-soft:#2d1613}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)!important;color:var(--text);font:400 15px/1.55 var(--f);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}h1,h2,h3,h4{margin:0;letter-spacing:-.02em;line-height:1.12;font-weight:800}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ic{flex:none;display:block}.ds-c{max-width:1180px;margin:0 auto;padding:0 24px}
/* buttons */
.btn,.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 14px var(--f);text-decoration:none;cursor:pointer;transition:.18s;border:1px solid var(--primary)}
.btn{height:44px;padding:0 20px;border-radius:var(--r);background:var(--primary);color:var(--on-primary)}.btn:hover{background:var(--primary-hover);transform:translateY(-1px)}
.btn.g{background:transparent;color:var(--text);border-color:var(--border)}.btn.g:hover{background:var(--surface-2)}.btn.sm{height:36px;padding:0 14px;font-size:13px}.btn.acc{background:var(--accent);border-color:var(--accent);color:#fff}
.bt{height:34px;padding:0 12px;border-radius:10px;background:var(--surface);color:var(--text);border-color:var(--border);font-size:13px}.bt:hover{background:var(--surface-2)}.bt.p{background:var(--accent);border-color:var(--accent);color:#fff}.bt.d{color:var(--danger)}
.btn.loading,.btn[disabled]{opacity:.65;pointer-events:none}.btn.loading:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* forms */
input,select,textarea{width:100%;height:46px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);font:500 15px var(--f);transition:.15s}textarea{height:auto;padding:12px 14px;min-height:96px}
input[type=checkbox],input[type=radio]{width:auto;height:auto}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[disabled]{background:var(--surface-2);color:var(--muted)}
label.f{display:block;font-weight:700;font-size:13px;margin:14px 0 6px}.pw{position:relative}.pw input{padding-right:48px}.pw button{position:absolute;right:6px;top:6px;width:34px;height:34px;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:8px}.pw button:hover{background:var(--surface-2)}
.err{background:var(--danger-soft);color:var(--danger);padding:12px 14px;border-radius:var(--r);font-size:14px;font-weight:600;margin-bottom:10px}.ok-box{background:var(--success-soft);color:var(--success);padding:12px 14px;border-radius:var(--r);font-weight:600}
/* surfaces (legacy-compatible) */
.pn,.c,.k,.nc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.pn{padding:22px}dialog{border:0;border-radius:var(--r-xl);box-shadow:var(--sh-lg);background:var(--surface);color:var(--text)}dialog::backdrop{background:rgba(15,16,20,.55);backdrop-filter:blur(3px)}
.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:700}.st-new{background:var(--warning-soft);color:var(--warning)}.st-confirmed{background:var(--accent-soft);color:var(--accent)}.st-done{background:var(--success-soft);color:var(--success)}.st-cancelled{background:var(--surface-2);color:var(--muted)}.st-noshow{background:var(--danger-soft);color:var(--danger)}
.stabs{display:flex;gap:4px;overflow-x:auto;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:20px}.stabs a{padding:9px 15px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;color:var(--muted);white-space:nowrap}.stabs a.on{background:var(--primary);color:var(--on-primary)}
.fl2{background:var(--accent-soft);color:var(--accent);border-radius:var(--r);padding:12px 16px;font-weight:600;margin-bottom:12px}table{border-collapse:collapse}
/* toasts */
.toasts{position:fixed;right:16px;top:16px;z-index:200;display:grid;gap:10px;max-width:calc(100vw - 32px)}.toast{display:flex;gap:10px;align-items:flex-start;min-width:260px;max-width:380px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success);border-radius:12px;padding:12px 14px;box-shadow:var(--sh);font-weight:600;font-size:14px;animation:tin .25s ease}.toast.err{border-left-color:var(--danger);background:var(--surface);color:var(--text)}.toast button{margin-left:auto;border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1}@keyframes tin{from{opacity:0;transform:translateY(-8px)}}
.sk{display:inline-block;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px}@keyframes sk{to{background-position:-200% 0}}
.empty{text-align:center;padding:36px 16px;color:var(--muted)}.empty b{display:block;color:var(--text);font-size:16px;margin-bottom:4px}
/* public header / footer */
.pub-h{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.pub-h .ds-c{display:flex;align-items:center;gap:28px;height:68px}
.ds-brand{display:flex;align-items:center;gap:10px;font:800 21px var(--f);text-decoration:none;letter-spacing:-.03em}.ds-brand i{width:26px;height:26px;border-radius:8px;background:var(--primary);position:relative;display:block}.ds-brand i:after{content:"";position:absolute;inset:7px;border:2px solid var(--on-primary);border-radius:50%}
.pub-n{display:flex;gap:6px;margin-left:12px}.pub-n>a,.pub-n .dd>button{height:40px;padding:0 14px;border-radius:10px;border:0;background:none;color:var(--muted);font:600 14px var(--f);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.pub-n>a:hover,.pub-n .dd>button:hover{background:var(--surface-2);color:var(--text)}
.dd{position:relative}.dd-m{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:6px;box-shadow:var(--sh-lg)}.dd-open>.dd-m,.dd:hover>.dd-m{display:block}.dd-m a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px}.dd-m a:hover{background:var(--surface-2)}.dd-m i{width:9px;height:9px;border-radius:50%}
.pub-a{margin-left:auto;display:flex;gap:8px}.pub-b{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);place-items:center;cursor:pointer}
.pub-d{display:none}.ds-scrim{display:none}
.pub-f{margin-top:80px;background:var(--surface);border-top:1px solid var(--border);padding:48px 0 28px;font-size:14px;color:var(--muted)}.pub-f .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.pub-f h4{color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.pub-f a{display:block;padding:4px 0;text-decoration:none}.pub-f a:hover{color:var(--text)}.pub-f .bt-line{margin-top:32px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:900px){.pub-n,.pub-a .g{display:none}.pub-b{display:grid}.pub-a{margin-left:auto;margin-right:8px}.pub-h .ds-c{gap:0}.pub-d{position:fixed;inset:0 0 0 auto;width:min(340px,88vw);z-index:70;background:var(--surface);padding:20px;transform:translateX(104%);transition:.25s;display:flex;flex-direction:column;gap:4px;box-shadow:var(--sh-lg);overflow-y:auto}.pub-d a{padding:13px 12px;border-radius:10px;font-weight:700;text-decoration:none}.pub-d a:hover{background:var(--surface-2)}body.nav-open .pub-d{transform:none}.ds-scrim{display:block;position:fixed;inset:0;background:rgba(15,16,20,.5);z-index:65;opacity:0;pointer-events:none;transition:.25s}body.nav-open .ds-scrim{opacity:1;pointer-events:auto}.pub-f .cols{grid-template-columns:1fr 1fr}}
/* landing */
.lp-s{padding:84px 0}.lp-k{display:inline-flex;align-items:center;gap:8px;font:700 12px var(--f);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:14px}.lp-h{font-size:clamp(28px,4vw,42px);max-width:720px}.lp-p{color:var(--muted);font-size:17px;max-width:620px;margin:14px 0 0}
.lp-hero{padding:72px 0 40px;display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}.lp-hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.035em}.lp-hero h1 em{font-style:normal;color:var(--muted)}.lp-hero .lp-p{font-size:18px}.lp-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.lp-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:14px;font-weight:600}.lp-meta span{display:inline-flex;gap:8px;align-items:center}.lp-meta svg{color:var(--success)}
.win{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden}.win-b{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.win-b i{width:10px;height:10px;border-radius:50%;background:var(--border)}.win-b span{margin-left:10px;font-size:12px;font-weight:700;color:var(--muted)}
.win-g{display:grid;grid-template-columns:150px 1fr;min-height:360px}.win-s{background:#14161b;color:#c9cbd2;padding:16px 12px;display:grid;align-content:start;gap:4px;font-size:13px;font-weight:600}.win-s div{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:9px}.win-s .on{background:var(--accent);color:#fff}.win-m{padding:18px;display:grid;gap:14px;align-content:start}
.mk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mk div{border:1px solid var(--border);border-radius:12px;padding:12px}.mk small{color:var(--muted);font-weight:600;font-size:11px}.mk b{display:block;font-size:20px;letter-spacing:-.03em}
.mrow{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--border);font-size:13px;opacity:0;animation:rin .5s forwards}.mrow b{min-width:44px}.mrow small{color:var(--muted);display:block;font-weight:500}.mrow .pill{margin-left:auto}@keyframes rin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mbars{display:flex;align-items:flex-end;gap:8px;height:64px}.mbars i{flex:1;background:var(--accent);border-radius:6px 6px 2px 2px;transform-origin:bottom;animation:grow .9s both}@keyframes grow{from{transform:scaleY(0)}}.demo-note{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:40px}.bn{grid-column:span 2;padding:24px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-xl);display:flex;flex-direction:column;gap:10px;min-height:220px;transition:.2s}.bn:hover{transform:translateY(-3px);box-shadow:var(--sh)}.bn.w{grid-column:span 3}.bn h3{font-size:19px}.bn p{margin:0;color:var(--muted);font-size:14px}.bn .vis{margin-top:auto;display:flex;gap:6px;align-items:flex-end}.bn .ico{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.vc1{height:8px;border-radius:6px;background:var(--surface-2);flex:1}.vb{flex:1;border-radius:6px;background:var(--surface-2)}
.tl{display:grid;gap:0;margin-top:40px;max-width:760px}.tl>div{display:grid;grid-template-columns:70px 22px 1fr;gap:14px;padding-bottom:22px}.tl time{font-weight:800;color:var(--muted);padding-top:2px}.tl .dot{position:relative}.tl .dot:before{content:"";position:absolute;left:5px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.tl .dot:after{content:"";position:absolute;left:10px;top:24px;bottom:-20px;width:2px;background:var(--border)}.tl>div:last-child .dot:after{display:none}.tl b{display:block}.tl span{color:var(--muted);font-size:14px}
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:36px;counter-reset:s}.flow>div{position:relative;padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-lg);counter-increment:s}.flow>div:before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:800;font-size:13px;margin-bottom:12px}.flow b{display:block}.flow span{color:var(--muted);font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.phone{width:270px;margin:0 auto;border:8px solid var(--primary);border-radius:36px;background:var(--surface);padding:18px 14px;box-shadow:var(--sh-lg)}.phone h4{font-size:15px;margin-bottom:10px}.chip-r{display:flex;justify-content:space-between;padding:11px 12px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;font-size:13px;font-weight:600}.chip-r.on{border-color:var(--accent);background:var(--accent-soft)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 12px}.slots span{border:1px solid var(--border);border-radius:9px;padding:8px 0;text-align:center;font-size:12px;font-weight:700}.slots .on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.kp4{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kp4 div{padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.kp4 small{color:var(--muted);font-weight:600}.kp4 b{display:block;font-size:28px;letter-spacing:-.03em}
.nch{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:36px}.nch a{display:block;text-decoration:none;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-xl);overflow:hidden;transition:.2s}.nch a:hover{transform:translateY(-4px);box-shadow:var(--sh)}.nch .t{height:130px;display:grid;place-items:center}.nch .t img{height:110px}.nch div.b{padding:16px 18px}.nch b{display:block}.nch span{color:var(--muted);font-size:13px}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px;margin-top:40px}.why .ico{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:12px}.why h3{font-size:17px;margin-bottom:6px}.why p{margin:0;color:var(--muted);font-size:14px}
.pr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;align-items:stretch}.pc{display:flex;flex-direction:column;padding:28px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-xl)}.pc.hot{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:var(--sh-lg)}.pc .pp{font:800 40px var(--f);letter-spacing:-.04em;margin:14px 0 4px}.pc .pp small{font-size:14px;font-weight:600;opacity:.65}.pc ul{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:10px;font-size:14px}.pc li{display:flex;gap:10px;align-items:flex-start}.pc li svg{margin-top:2px;color:var(--success)}.pc.hot li svg{color:var(--accent)}.pc li.no{opacity:.45}.pc li.no svg{color:inherit}.pc .btn{margin-top:auto}.pc.hot .btn{background:var(--on-primary);color:var(--primary);border-color:var(--on-primary)}.tag{display:inline-block;background:var(--accent);color:#fff;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-left:8px;vertical-align:middle}
.ad3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.ad3 div{border:1px dashed var(--border);border-radius:var(--r);padding:14px 16px;font-size:14px}.ad3 b{display:block}.ad3 span{color:var(--muted)}
.faq{max-width:780px;margin-top:32px}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{font-weight:700;font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;line-height:1;color:var(--muted)}.faq details[open] summary:after{content:"–"}.faq p{margin:10px 0 0;color:var(--muted)}
.fin{margin-top:84px;border-radius:var(--r-xl);background:var(--primary);color:var(--on-primary);padding:56px 40px;text-align:center}.fin h2{font-size:clamp(26px,4vw,38px);max-width:620px;margin:0 auto}.fin p{opacity:.7;margin:14px auto 26px;max-width:520px}.fin .btn{background:var(--on-primary);color:var(--primary);border-color:var(--on-primary)}
@media(max-width:900px){.lp-s{padding:56px 0}.lp-hero{grid-template-columns:1fr;gap:36px;padding-top:36px}.win-g{grid-template-columns:1fr}.win-s{display:none}.bento{grid-template-columns:1fr 1fr}.bn,.bn.w{grid-column:span 1}.split{grid-template-columns:1fr;gap:32px}.why{grid-template-columns:1fr 1fr}.pr{grid-template-columns:1fr}.fin{padding:40px 22px}}
@media(max-width:560px){.ds-c{padding:0 18px}.bento,.why{grid-template-columns:1fr}.mk{grid-template-columns:1fr 1fr}.lp-cta .btn{flex:1}.kp4 b{font-size:22px}.pub-f .cols{grid-template-columns:1fr}}
/* auth */
.au{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh}.au-b{background:#101216;color:#e9eaee;padding:40px 48px;display:flex;flex-direction:column;gap:28px;position:relative;overflow:hidden}.au-b .ds-brand{color:#fff}.au-b .ds-brand i{background:#fff}.au-b .ds-brand i:after{border-color:#101216}.au-b h2{font-size:30px;color:#fff;max-width:420px}.au-b ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:#b4b7c0}.au-b li{display:flex;gap:10px}.au-b li svg{color:var(--accent)}.au-img{margin-top:auto;display:grid;place-items:center;padding:18px;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--a,#ff5a2c),color-mix(in srgb,var(--a,#ff5a2c) 45%,#000))}.au-img img{width:100%;max-height:200px;object-fit:contain}
.au-f{display:grid;place-items:center;padding:32px 24px}.au-w{width:100%;max-width:440px}.au-w h1{font-size:30px;margin-bottom:6px}.au-w .sub{color:var(--muted);margin:0 0 20px}.au-top{display:none;margin-bottom:24px}.au-w .alt{margin-top:18px;color:var(--muted);font-size:14px}.au-w .alt a{color:var(--text);font-weight:700}
.tls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tl2{position:relative}.tl2 input{position:absolute;opacity:0;width:0;height:0}.tl2 span{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:var(--r);padding:8px 4px;font-size:12px;font-weight:700;text-align:center;cursor:pointer;transition:.15s;height:100%;background:var(--surface)}.tl2 span i{display:grid;place-items:center;width:100%;height:44px;border-radius:9px;background:var(--c)}.tl2 img{height:36px}.tl2 input:checked+span{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}.tl2 input:focus-visible+span{outline:2px solid var(--accent)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.codei{font-size:30px;text-align:center;letter-spacing:12px;font-weight:800}
@media(max-width:900px){.au{grid-template-columns:1fr}.au-b{display:none}.au-top{display:block}.au-f{place-items:start center;padding:24px 18px}}@media(max-width:480px){.g2{grid-template-columns:1fr}.tls{grid-template-columns:repeat(2,1fr)}}
/* app shell */
.ds-shell{display:grid;grid-template-columns:276px minmax(0,1fr);min-height:100vh}.ds-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2px;padding:18px 14px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.ds-side .ds-brand{padding:4px 10px 16px}
.ds-ws{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:var(--r);margin-bottom:6px}.ds-ws b{display:block;line-height:1.2;font-size:14px}.ds-ws small{color:var(--muted)}.av{width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.ds-grp{font:700 11px var(--f);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 12px 6px}.ds-nav{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px}.ds-nav:hover{background:var(--surface-2);color:var(--text)}.ds-nav.on{background:var(--accent-soft);color:var(--accent)}.ds-nav em{margin-left:auto;font-style:normal;background:var(--accent);color:#fff;border-radius:99px;font-size:11px;padding:1px 7px;font-weight:800}
.ds-plan{margin-top:auto;padding:14px;border-radius:var(--r);background:var(--surface-2);font-size:13px}.ds-plan i{display:block;height:5px;border-radius:9px;background:var(--border);margin:8px 0}.ds-plan u{display:block;height:100%;border-radius:9px;background:var(--accent)}.ds-plan button{border:0;background:none;color:var(--text);font:700 13px var(--f);cursor:pointer;padding:4px 0 0;text-decoration:underline}
.ds-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:64px;padding:0 28px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.ds-crumb{display:flex;flex-direction:column;line-height:1.2;min-width:0}.ds-crumb small{color:var(--muted);font-size:12px;font-weight:600}.ds-crumb b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-tr{margin-left:auto;display:flex;gap:10px;align-items:center}.ds-clk{color:var(--muted);font-size:13px;font-weight:600}
.ds-ib{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;text-decoration:none}.ds-ib:hover{background:var(--surface-2)}.ds-ib .bdg{position:absolute;top:-6px;right:-6px}.bdg{font-style:normal;background:var(--accent);color:#fff;border-radius:99px;font-size:11px;padding:1px 7px;font-weight:800}
.ds-prof{position:relative}.ds-prof>button{display:flex;gap:10px;align-items:center;height:42px;padding:0 6px 0 4px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;font:700 13px var(--f);color:var(--text)}.ds-prof .dd-m{right:0;left:auto;min-width:210px}.ds-prof .dd-m form{margin:0}.ds-prof .dd-m button.i{width:100%;text-align:left;border:0;background:none;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;font:600 14px var(--f);color:var(--danger);cursor:pointer}.ds-prof .dd-m button.i:hover{background:var(--surface-2)}
.ds-main{padding:28px;min-width:0}.ds-burger{display:none}.ds-tabs{display:none}
.dh1{margin-bottom:22px}.dh1 h1{font-size:30px}.dh1 p{margin:6px 0 0;color:var(--muted)}.kpi-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.kpi{padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-lg)}.kpi .h{display:flex;justify-content:space-between;color:var(--muted);font-weight:600;font-size:13px}.kpi .h svg{color:var(--accent)}.kpi b{display:block;font:800 30px var(--f);letter-spacing:-.03em;margin:10px 0 2px}.kpi small{color:var(--muted)}
.dsh{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.dsh>div{display:grid;gap:16px;align-content:start}.pn h3{font-size:16px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.pn h3 a{font-size:13px;color:var(--accent);text-decoration:none;font-weight:700}
.li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.li:first-of-type{border-top:0}.li time{font-weight:800;min-width:48px;font-size:14px}.li div{flex:1;min-width:0}.li small{display:block;color:var(--muted)}.li .ch{font-size:12px}
.qa{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qa a{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--r);text-decoration:none;font-weight:700;font-size:14px;transition:.15s}.qa a:hover{border-color:var(--accent);background:var(--accent-soft)}.qa svg{color:var(--accent)}
.spark{display:flex;align-items:flex-end;gap:10px;height:140px}.spark div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;font-size:11px;color:var(--muted)}.spark i{display:block;width:100%;background:var(--accent);border-radius:8px 8px 3px 3px;min-height:4px;margin-bottom:6px;opacity:.9}
@media(max-width:1100px){.kpi-g{grid-template-columns:repeat(2,1fr)}.dsh{grid-template-columns:1fr}}
@media(max-width:900px){.ds-shell{grid-template-columns:1fr}.ds-side{position:fixed;inset:0 auto 0 0;width:300px;max-width:88vw;z-index:70;transform:translateX(-104%);transition:.25s;box-shadow:var(--sh-lg)}body.nav-open .ds-side{transform:none}.ds-scrim{display:block;position:fixed;inset:0;background:rgba(15,16,20,.5);z-index:65;opacity:0;pointer-events:none;transition:.25s}body.nav-open .ds-scrim{opacity:1;pointer-events:auto}.ds-burger{display:grid}.ds-top{padding:0 14px}.ds-clk{display:none}.ds-main{padding:18px 14px 92px}.ds-prof .nm{display:none}.ds-tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}.ds-tabs a,.ds-tabs button{display:flex;flex-direction:column;align-items:center;gap:3px;font:700 11px var(--f);color:var(--muted);text-decoration:none;border:0;background:none;padding:6px 0;cursor:pointer}.ds-tabs .on{color:var(--accent)}.dh1 h1{font-size:24px}.kpi b{font-size:24px}.supb{bottom:78px!important}}
@media(max-width:480px){.kpi-g{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.qa{grid-template-columns:1fr}.stabs a{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* docs, niche, misc */
.pub-f{text-align:left}.doc{max-width:820px;margin:36px auto;padding:34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);font-size:14px;color:var(--muted);line-height:1.65}.doc h3{color:var(--text);font-size:26px;margin:10px 0}.doc h4{color:var(--text);margin:18px 0 4px;font-size:15px}.doc p{margin:4px 0}.doc a{color:var(--accent)}
.vc{max-width:460px;margin:60px auto;padding:36px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-xl);text-align:center}.vc h1{font-size:56px}.vc p{color:var(--muted)}
.nh{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:64px 0 24px}.nh h1{font-size:clamp(32px,4.6vw,52px);letter-spacing:-.035em}.nh .lp-p{font-size:18px}.nh-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden}.nh-art{display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#000))}.nh-art img{height:150px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}.nh-card .in{padding:6px 20px 16px}.nh-card h4{padding:16px 20px 4px;font-size:15px}
.sv-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:32px}.sv-l div{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-lg)}.sv-l small{display:block;color:var(--muted)}
.pt{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:32px}.pt>div{padding:22px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-lg)}.pt .ico{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:12px}.pt b{display:block;line-height:1.3}
@media(max-width:900px){.nh{grid-template-columns:1fr;gap:32px;padding-top:32px}}

.th-s{display:none}:root[data-theme=dark] .th-m{display:none}:root[data-theme=dark] .th-s{display:inline-flex}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .th-m{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .th-s{display:inline-flex}}