/* =========================================================================
   VINAY JAGLAN & ASSOCIATES — vjassociates.co
   Design system v2 · Build 2026-11-12-v3.4
   Fraunces (display) + Plus Jakarta Sans (text) · light (default) + dark mode
   ========================================================================= */

@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-var-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/jakarta-var.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/jakarta-var-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
:root{
  --f-display:"Fraunces","Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --f-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --f-head:var(--f-body);
  --navy-950:#06111f;--navy-900:#0b1b33;--navy-800:#11284a;--navy-700:#183a66;--navy-600:#21497d;
  --blue-700:#134f97;--blue-600:#1a62b8;--blue-500:#2276cf;--blue-400:#4593e0;--blue-300:#86b9ec;--blue-200:#bdd8f4;--blue-100:#e2eefa;--blue-50:#f1f7fd;
  --sky-500:#2b9fe0;--sky-400:#55b6ec;--sky-300:#93d0f4;--sky-100:#e4f3fc;
  --green-700:#15803d;--green-600:#16a34a;--green-500:#22c55e;--wa:#1faa55;--wa-dark:#178f47;
  --amber-700:#b45309;--amber-600:#d97706;--amber-100:#fef3c7;--red-600:#dc2626;--red-100:#fee2e2;
  --bg:#fbfcfe;--bg-2:#f2f7fc;--bg-3:#e8f1fa;
  --surface:#ffffff;--surface-solid:#ffffff;--surface-2:#f6f9fd;
  --ink:#0b1b33;--text:#26364f;--muted:#4f607a;--faint:#677891;
  --line:#e2eaf3;--line-strong:#cbd9e9;
  --brand:#1a62b8;--brand-2:#2276cf;--accent:#2b9fe0;
  --ring:rgba(34,118,207,.28);--grid:rgba(26,98,184,.07);--ledger:rgba(26,98,184,.042);--glow:rgba(43,159,224,.18);
  --shadow-xs:0 1px 2px rgba(11,27,51,.05);
  --shadow-sm:0 1px 2px rgba(11,27,51,.04),0 6px 16px -8px rgba(11,27,51,.12);
  --shadow:0 2px 6px rgba(11,27,51,.04),0 18px 40px -16px rgba(11,27,51,.2);
  --shadow-lg:0 4px 12px rgba(11,27,51,.05),0 36px 72px -28px rgba(11,27,51,.38);
  --radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:22px;
  --ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --container:1240px;--container-wide:1320px;--header-h:76px;
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#06101f;--bg-2:#0a172b;--bg-3:#0f1f38;
  --surface:#0c192e;--surface-solid:#0c192e;--surface-2:#10213b;
  --ink:#eef4fc;--text:#d2ddeb;--muted:#a3b3c9;--faint:#8596ad;
  --line:rgba(147,197,253,.12);--line-strong:rgba(147,197,253,.22);
  --brand:#6eb0f0;--brand-2:#93c6f5;--accent:#5bc0f0;
  --blue-50:rgba(110,176,240,.09);--blue-100:rgba(110,176,240,.16);--blue-200:rgba(110,176,240,.28);--blue-700:#9ccbf6;
  --ring:rgba(110,176,240,.38);--grid:rgba(147,197,253,.06);--ledger:rgba(147,197,253,.04);--glow:rgba(91,192,240,.16);
  --shadow-xs:0 1px 2px rgba(0,0,0,.4);
  --shadow-sm:0 1px 2px rgba(0,0,0,.35),0 8px 18px -10px rgba(0,0,0,.55);
  --shadow:0 20px 44px -18px rgba(0,0,0,.7);
  --shadow-lg:0 36px 76px -26px rgba(0,0,0,.85);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--f-body);font-size:16px;line-height:1.68;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .4s var(--ease),color .4s var(--ease)}
img,svg,video{max-width:100%;display:block}
img{height:auto}
a{color:var(--brand);text-decoration:none;transition:color .2s var(--ease)}
a:hover{color:var(--brand-2)}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--f-display);font-optical-sizing:auto;font-weight:540;color:var(--ink);line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em;text-wrap:balance}
h4,h5,h6{font-family:var(--f-body);font-weight:700;color:var(--ink);line-height:1.3;letter-spacing:-.005em;margin:0 0 .5em}
h1{font-size:clamp(2.15rem,4.4vw,3.55rem)}
h2{font-size:clamp(1.75rem,3.1vw,2.6rem)}
h3{font-size:clamp(1.14rem,1.5vw,1.3rem);font-weight:580;letter-spacing:-.012em;line-height:1.26;text-wrap:pretty}
h4{font-size:1.02rem}
h1 em,h2 em,h3 em{font-style:italic;font-weight:440;color:var(--brand)}
strong,b{color:var(--ink);font-weight:700}
small{font-size:.86em}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
::selection{background:rgba(43,159,224,.22);color:var(--ink)}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
input,select,textarea{font:inherit;color:inherit}
table{border-collapse:collapse;width:100%}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--navy-900);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;transition:top .2s}
.skip-link:focus{top:12px;color:#fff}
.ic{width:1.15em;height:1.15em;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}
.ic-lg{width:1.5em;height:1.5em}
.ic-xl{width:2rem;height:2rem}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
.container-narrow{max-width:880px}
.container-mid{max-width:1000px}
.section{padding:clamp(64px,8vw,112px) 0;position:relative}
.section-sm{padding:clamp(44px,5.5vw,72px) 0;position:relative}
.section-alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-tint{background-color:var(--bg-2);background-image:repeating-linear-gradient(180deg,transparent 0 39px,var(--ledger) 39px 40px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-navy{background:var(--navy-900);color:#c9d6e8}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.g-auto-sm{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5.5vw,80px);align-items:center}
.split-rev{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.stack>*+*{margin-top:1rem}
.center{text-align:center}
.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2.25rem}.mt-5{margin-top:3rem}
.mb-0{margin-bottom:0}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}
.flex{display:flex;gap:12px;align-items:center}
.flex-wrap{flex-wrap:wrap}
.between{justify-content:space-between}
.muted{color:var(--muted)}
.lead{font-size:clamp(1.03rem,1.3vw,1.16rem);color:var(--muted);line-height:1.74}
.grid>*,.split>*,.article-layout>*,.hero-grid>*,.footer-grid>*,.itr-wrap>*,.calc>*,.photo-grid>*,.contact-grid>*,.plan-grid>*{min-width:0}
main{overflow-x:clip}
@supports not (overflow:clip){main{overflow-x:hidden}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-body);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brand);line-height:1.4}
.eyebrow::before{content:"§";font-family:var(--f-display);font-style:italic;font-weight:500;font-size:1.45em;letter-spacing:0;line-height:1;color:var(--accent);transform:translateY(-.04em)}
.eyebrow::after{content:"";width:34px;height:1px;background:currentColor;opacity:.45;transform-origin:left}
.center .eyebrow::after,.sec-head.center .eyebrow::after{display:none}
.sec-head{max-width:760px;margin-bottom:clamp(32px,4.2vw,54px)}
.sec-head.center{margin-left:auto;margin-right:auto}
.sec-head h2{margin-top:.6rem;margin-bottom:.4em}
.sec-head p{color:var(--muted);font-size:1.06rem;margin:0}
.grad-text{font-family:var(--f-display);font-style:italic;font-weight:430;color:var(--brand)}
.wavy{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9.5C60 3.5 120 2.8 180 5.5s92 4.2 117 1.4' fill='none' stroke='%2355b6ec' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") left bottom/100% .3em no-repeat;padding-bottom:.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--blue-300);font-family:var(--f-display);font-style:italic;font-size:1.3rem}
.ornament::before,.ornament::after{content:"";width:60px;height:1px;background:currentColor;opacity:.6}
.kicker{display:block;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.num-serif{font-family:var(--f-display);font-variant-numeric:lining-nums tabular-nums}
.btn{--bh:48px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:var(--bh);padding:.7em 1.4em;border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--f-body);font-weight:650;font-size:.93rem;line-height:1.25;letter-spacing:.005em;text-align:center;cursor:pointer;overflow:hidden;max-width:100%;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),box-shadow .4s var(--ease),transform .35s var(--ease-out)}
.btn .ic{width:1.12em;height:1.12em;transition:transform .45s var(--ease-out)}
.btn:hover .ic-arr,.link-arrow:hover .ic-arr{transform:translateX(3px)}
.btn:hover .ic-arr-ur,.link-arrow:hover .ic-arr-ur{transform:translate(2px,-2px)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--navy-900);border-color:var(--navy-900);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px -14px rgba(11,27,51,.8)}
.btn-primary:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 30px -14px rgba(26,98,184,.75)}
.btn-primary .ic{color:var(--sky-300)}
.btn-primary:hover .ic{color:#fff}
html[data-theme="dark"] .btn-primary{background:#2a6fc4;border-color:#2a6fc4}
html[data-theme="dark"] .btn-primary:hover{background:#3b82d6;border-color:#3b82d6}
.btn-primary::after,.btn-wa::after{content:"";position:absolute;z-index:-1;top:-2px;bottom:-2px;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-20deg);transition:left .9s var(--ease-out);pointer-events:none}
.btn-primary:hover::after,.btn-wa:hover::after{left:135%}
.btn-glass{background:var(--surface);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-xs)}
.btn-glass:hover{border-color:var(--brand);color:var(--brand)}
.btn-glass .ic{color:var(--brand)}
.btn-wa{background:var(--wa);border-color:var(--wa);color:#fff;box-shadow:0 12px 24px -14px rgba(23,143,71,.9)}
.btn-wa:hover{background:var(--wa-dark);border-color:var(--wa-dark);color:#fff}
.btn-ghost{background:transparent;color:var(--brand);padding-left:.3em;padding-right:.3em;min-height:auto}
.btn-ghost:hover{color:var(--ink)}
.btn-ghost:hover .ic{transform:translateX(3px)}
.btn-light{background:#fff;border-color:#fff;color:var(--navy-900)}
.btn-light:hover{background:var(--sky-100);border-color:var(--sky-100);color:var(--navy-900)}
.btn-sm{--bh:40px;padding:.5em 1.05em;font-size:.85rem}
.btn-lg{--bh:56px;padding:.85em 1.7em;font-size:1rem}
.btn-block{display:flex;width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.92rem;color:var(--brand)}
.link-arrow .ic{width:16px;height:16px;transition:transform .4s var(--ease-out)}
.link-arrow:hover{color:var(--ink)}
.kbd{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;border:1px solid var(--line-strong);background:var(--surface-2);font-size:.68rem;font-weight:700;color:var(--faint);font-family:var(--f-body)}
.topbar{position:relative;z-index:51;background:var(--navy-900);color:#b6c6dc;font-size:.78rem;font-weight:500}
html[data-theme="dark"] .topbar{background:#030a15;border-bottom:1px solid var(--line)}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:40px;max-width:var(--container-wide)}
.topbar a{color:#e2ebf7;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.topbar a:hover{color:#fff}
.topbar .ic{width:14px;height:14px;color:var(--sky-400)}
.tb-left{display:flex;align-items:center;gap:10px;min-width:0}
.tb-badge{flex-shrink:0;padding:2px 8px;border-radius:4px;background:rgba(85,182,236,.16);border:1px solid rgba(85,182,236,.32);color:var(--sky-300);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tb-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tb-note b{color:#fff;font-weight:700}
.tb-note-s{display:none;white-space:nowrap}
.tb-note-s b{color:#fff;font-weight:700}
.tb-right{display:flex;align-items:center;gap:18px;flex-shrink:0}
.tb-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#cfdbea}
.tb-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex-shrink:0}
.is-open .tb-dot,.tb-dot.is-open{background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulseDot 2.4s var(--ease) infinite}
.is-closed .tb-dot{background:#f59e0b}
.tb-site{padding:3px 10px 3px 3px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);transition:background-color .25s,border-color .25s}
.tb-site:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.tb-site img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.tb-site em{font-style:normal;color:#9db1cc}
.tb-sep{width:1px;height:14px;background:rgba(255,255,255,.16)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);transition:transform .5s var(--ease-out),box-shadow .35s var(--ease),background-color .35s}
html[data-theme="dark"] .site-header{background:rgba(6,16,31,.9)}
.site-header.scrolled{box-shadow:0 12px 32px -24px rgba(11,27,51,.5)}
.site-header.is-hidden{transform:translateY(calc(-100% - 2px))}
.nav-shell{position:relative;max-width:var(--container-wide);margin:0 auto;padding:0 24px;height:var(--header-h);display:flex;align-items:center;gap:20px;transition:height .4s var(--ease-out)}
.site-header.scrolled .nav-shell{height:66px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);flex-shrink:0;min-width:0}
.brand:hover{color:var(--ink)}
.brand-mark{position:relative;width:44px;height:44px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(150deg,var(--navy-700),var(--navy-900) 62%);box-shadow:0 10px 20px -12px rgba(11,27,51,.8),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .5s var(--ease-out)}
.brand-mark::before{content:"";position:absolute;inset:4px;border-radius:8px;border:1px solid rgba(147,208,244,.32)}
.brand-mark span{display:grid;place-items:center}
.brand-mark .ic{width:22px;height:22px;color:#d6ebfb;stroke-width:1.7;transform-origin:50% 20%}
.brand:hover .brand-mark .ic{animation:tipScale 1.4s var(--ease-io)}
.brand-name{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.brand-name b{font-family:var(--f-display);font-weight:600;font-size:1.34rem;letter-spacing:-.015em;color:var(--ink);white-space:nowrap}
.brand-name b i{font-style:italic;font-weight:420;color:var(--brand)}
.brand-name small{font-size:.6rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--faint);margin-top:5px;white-space:nowrap}
.main-nav{margin-left:auto;align-self:stretch;display:flex}
.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:2px}
.nav-item{display:flex;align-items:center}
.nav-link{position:relative;display:inline-flex;align-items:center;gap:5px;padding:10px 13px;font-size:.9rem;font-weight:600;color:var(--ink);white-space:nowrap;transition:color .25s}
.nav-link .ic{width:14px;height:14px;opacity:.55;transition:transform .4s var(--ease-out),opacity .25s}
.nav-link::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:1.5px;border-radius:2px;background:var(--brand);transform:scaleX(0);transform-origin:center;transition:transform .45s var(--ease-out)}
.nav-link:hover,.nav-link.active,.nav-item:hover>.nav-link,.nav-item.open>.nav-link{color:var(--brand)}
.nav-link:hover::after,.nav-link.active::after,.nav-item:hover>.nav-link::after,.nav-item.open>.nav-link::after{transform:scaleX(1)}
.nav-item:hover>.nav-link .ic,.nav-item.open>.nav-link .ic{transform:rotate(180deg);opacity:1}
.mega{position:absolute;top:100%;left:50%;width:min(1180px,calc(100vw - 48px));padding:24px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px);transition:opacity .22s var(--ease) .12s,transform .35s var(--ease-out) .12s,visibility 0s linear .5s;z-index:5}
.mega::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:0 0 2px 2px}
.mega-mid{width:min(880px,calc(100vw - 40px))}
.nav-item:hover>.mega,.nav-item.open>.mega,.nav-item:focus-within>.mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:.05s,.05s,0s}
.site-header.is-hidden .mega{opacity:0!important;visibility:hidden!important}
.mega-grid{display:grid;gap:10px 26px}
.mega-col h6{font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--faint);font-weight:700;margin:2px 0 8px;padding:0 8px 9px;border-bottom:1px solid var(--line)}
.mega-link{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:10px;color:var(--text);transition:background-color .2s,color .2s}
.mega-link:hover{background:var(--bg-2);color:var(--ink)}
.mega-link .mi{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:var(--blue-50);color:var(--brand);border:1px solid var(--blue-100);transition:background-color .25s,color .25s,border-color .25s}
.mega-link .mi .ic{width:17px;height:17px}
.mega-link:hover .mi{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
html[data-theme="dark"] .mega-link:hover .mi{background:#2a6fc4;border-color:#2a6fc4}
.mega-link b{display:block;font-size:.86rem;font-weight:650;color:var(--ink);line-height:1.3}
.mega-link small{display:block;font-size:.75rem;color:var(--faint);line-height:1.35;margin-top:2px}
.mega-compact .mega-link{padding:6px 8px;align-items:center;gap:10px}
.mega-compact .mega-link .mi{width:28px;height:28px;border-radius:8px}
.mega-compact .mega-link .mi .ic{width:15px;height:15px}
.mega-compact .mega-link b{font-size:.83rem;font-weight:600}
.mega-feature{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:230px;padding:18px;border-radius:12px;overflow:hidden;isolation:isolate;color:#fff}
.mega-feature picture,.mega-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;z-index:-2;transition:transform 1s var(--ease-out)}
.mega-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,27,51,0) 30%,rgba(11,27,51,.9))}
.mega-feature:hover img{transform:scale(1.05)}
.mega-feature b{font-family:var(--f-display);font-weight:560;font-size:1.15rem;color:#fff}
.mega-feature span{font-size:.8rem;color:#cfdcee}
.mega-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px -24px -24px;padding:13px 24px;background:var(--bg-2);border-top:1px solid var(--line);border-radius:0 0 18px 18px;font-size:.8rem;color:var(--muted)}
.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.icon-btn{width:42px;height:42px;border-radius:10px;display:inline-grid;place-items:center;flex-shrink:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);transition:border-color .25s,color .25s,background-color .25s,transform .35s var(--ease-out)}
.icon-btn:hover{border-color:var(--brand);color:var(--brand)}
.icon-btn .ic{width:18px;height:18px}
.icon-btn[disabled]{opacity:.4;pointer-events:none}
.theme-toggle .i-moon,html[data-theme="dark"] .theme-toggle .i-sun{display:none}
html[data-theme="dark"] .theme-toggle .i-moon{display:block}
.burger{display:none}
.drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(6,17,31,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(400px,92vw);display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-lg);transform:translateX(104%);visibility:hidden;transition:transform .55s var(--ease-out),visibility 0s linear .55s}
body.drawer-open .drawer{transform:none;visibility:visible;transition:transform .55s var(--ease-out),visibility 0s}
body.drawer-open .drawer-backdrop{opacity:1;visibility:visible}
body.drawer-open{overflow:hidden}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.drawer-head .brand-name b{font-size:1.2rem}
.drawer-body{flex:1;overflow-y:auto;padding:6px 12px 12px;overscroll-behavior:contain}
.drawer-group{border-bottom:1px solid var(--line)}
.drawer-group>button,.drawer-group>a{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 8px;font-family:var(--f-display);font-weight:540;font-size:1.14rem;letter-spacing:-.01em;color:var(--ink);text-align:left}
.drawer-group>a:hover,.drawer-group>button:hover{color:var(--brand)}
.drawer-group>button .ic,.drawer-group>a .ic{width:18px;height:18px;color:var(--faint);transition:transform .4s var(--ease-out),color .25s}
.drawer-group.open>button .ic{transform:rotate(180deg);color:var(--brand)}
.drawer-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}
.drawer-group.open .drawer-sub{grid-template-rows:1fr}
.drawer-sub>div{overflow:hidden}
.drawer-sub a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:.9rem;font-weight:550;color:var(--text);line-height:1.35}
.drawer-sub a:hover{background:var(--bg-2);color:var(--brand)}
.drawer-sub a .ic{width:16px;height:16px;color:var(--brand)}
.drawer-sub .drawer-label{font-size:.64rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--faint);padding:12px 10px 4px}
.drawer-sub>div>:last-child{margin-bottom:12px}
.drawer-foot{display:grid;gap:10px;padding:16px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-2)}
.drawer-foot small{text-align:center;color:var(--faint);font-size:.72rem}
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-950);color:#a6b8d0;padding:0 0 28px}
.site-footer::before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(180deg,transparent 0 39px,rgba(147,197,253,.045) 39px 40px),radial-gradient(900px 420px at 85% 0%,rgba(43,159,224,.16),transparent 60%),radial-gradient(700px 380px at 0% 100%,rgba(26,98,184,.16),transparent 60%)}
.site-footer::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,208,244,.55),transparent)}
.footer-panel{padding:clamp(52px,6.5vw,84px) 0 0}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.15fr 1.15fr 1.35fr;gap:38px}
.site-footer .brand-name b{color:#fff}
.site-footer .brand-name b i{color:var(--sky-400)}
.site-footer .brand-name small{color:#8399b7}
.site-footer .brand-mark{background:linear-gradient(150deg,#1f4a80,#0b1b33 70%)}
.footer-brand p{font-size:.9rem;color:#a6b8d0;margin:18px 0 20px;line-height:1.7}
.footer-col h4{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;font-weight:700;margin:8px 0 18px}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-col a{font-size:.87rem;font-weight:500;color:#a6b8d0;display:inline-flex;align-items:center;gap:6px;transition:color .2s,transform .35s var(--ease-out)}
.footer-col a:hover{color:#fff;transform:translateX(3px)}
.site-footer .contact-row{color:#a6b8d0}
.site-footer .contact-row b{color:#fff}
.site-footer .contact-row a{color:#dce7f5}
.site-footer .contact-row a:hover{color:#fff}
.site-footer .contact-row .ic{color:var(--sky-400)}
.site-footer .social{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#dce7f5}
.site-footer .social:hover{background:#fff;border-color:#fff;color:var(--navy-900)}
.site-footer .footer-site-link{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff}
.site-footer .footer-site-link:hover{border-color:rgba(147,208,244,.5);color:#fff}
.site-footer .footer-site-link small{color:#8fa5c2}
.site-footer .footer-site-link b{color:#fff}
.site-footer .btn-wa{box-shadow:none}
.site-footer .open-status{margin-top:8px;background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.22);color:#bbf7d0}
.site-footer .open-status.is-closed{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.25);color:#fde68a}
.footer-wa{justify-content:flex-start;text-align:left;gap:12px;padding:.6em 1.1em}
.footer-wa .ic{width:22px;height:22px}
.footer-wa span{display:flex;flex-direction:column;line-height:1.25}
.footer-wa small{font-size:.76rem;font-weight:600;opacity:.85}
.footer-legal{display:flex;gap:10px;align-items:flex-start;margin-top:48px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.79rem;line-height:1.6;color:#8ea3c0}
.footer-legal .ic{color:var(--sky-400);margin-top:2px}
.footer-legal b{color:#dce7f5}
.footer-legal a{color:#dce7f5;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#8399b7}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-bottom a{color:#b9c8dc;font-weight:600}
.footer-bottom a:hover{color:#fff}
.to-top{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-weight:700;color:#dce7f5;font-size:.8rem;transition:background-color .25s,color .25s}
.to-top:hover{background:#fff;color:var(--navy-900)}
.footer-mark{margin-top:26px;font-family:var(--f-display);font-weight:500;font-size:clamp(2.2rem,8.6vw,7.6rem);line-height:.9;letter-spacing:-.035em;text-align:center;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(147,208,244,.16);user-select:none;pointer-events:none}
.footer-mark i{font-style:italic;font-weight:380}
.fab-wa{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--wa);box-shadow:0 16px 32px -12px rgba(23,143,71,.8),inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .45s var(--ease-out),box-shadow .3s,background-color .3s}
.fab-wa:hover{transform:scale(1.06);color:#fff;background:var(--wa-dark)}
.fab-wa .ic{width:28px;height:28px}
.fab-wa::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:ringOut 4.5s var(--ease) infinite;pointer-events:none}
.fab-wa .fab-tip{position:absolute;right:70px;white-space:nowrap;padding:8px 12px;border-radius:8px;background:var(--navy-900);color:#fff;font-size:.78rem;font-weight:700;opacity:0;transform:translateX(8px);transition:opacity .3s,transform .4s var(--ease-out);pointer-events:none}
.fab-wa:hover .fab-tip{opacity:1;transform:none}
.fab-wa.is-open::before{animation:none;opacity:0}
.fab-wa .i-close{display:none}
.fab-wa.is-open .i-wa{display:none}
.fab-wa.is-open .i-close{display:block;width:24px;height:24px}
.fab-wa.is-open .fab-tip{display:none}
.wa-menu{position:fixed;right:22px;bottom:94px;z-index:61;width:min(350px,calc(100vw - 28px));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;transform-origin:calc(100% - 28px) 100%;transform:translateY(12px) scale(.94);opacity:0;visibility:hidden;transition:transform .45s var(--ease-out),opacity .25s var(--ease),visibility 0s linear .45s}
.wa-menu.open{transform:none;opacity:1;visibility:visible;transition:transform .45s var(--ease-out),opacity .25s var(--ease),visibility 0s}
.wa-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#0f6e45,#1faa55);color:#fff}
.wa-head img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.55)}
.wa-head b{display:block;color:#fff;font-size:.98rem}
.wa-head small{display:flex;align-items:center;gap:6px;font-size:.74rem;color:#dcfce7}
.wa-head .tb-dot{background:#bbf7d0}
.wa-body{padding:14px 14px 6px;background:var(--bg-2);background-image:radial-gradient(var(--grid) 1px,transparent 1px);background-size:14px 14px}
.wa-bubble{position:relative;padding:11px 14px;border-radius:4px 14px 14px 14px;background:var(--surface);box-shadow:var(--shadow-xs);font-size:.86rem;color:var(--text);margin-bottom:12px;max-width:92%}
.wa-topics{display:grid;gap:6px;padding:0 0 10px}
.wa-topic{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:.86rem;font-weight:600;color:var(--ink);text-align:left;transition:border-color .2s,transform .35s var(--ease-out),color .2s}
.wa-topic:hover{border-color:var(--wa);color:var(--wa-dark);transform:translateX(3px)}
.wa-topic .ic{width:17px;height:17px;color:var(--wa)}
.wa-topic .ic:last-child{margin-left:auto;color:var(--faint);width:15px;height:15px}
.wa-foot{padding:10px 16px 14px;font-size:.72rem;color:var(--faint);text-align:center;border-top:1px solid var(--line)}
.fab-top{position:fixed;right:29px;bottom:94px;z-index:59;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .4s var(--ease-out),visibility .3s,color .2s}
.fab-top:hover{color:var(--brand)}
.fab-top.show{opacity:1;visibility:visible;transform:none}
.wa-open .fab-top{opacity:0;visibility:hidden}
.fab-top svg.ring{position:absolute;inset:-3px;width:50px;height:50px;transform:rotate(-90deg)}
.fab-top svg.ring circle{fill:none;stroke:var(--brand);stroke-width:2;stroke-dasharray:138;stroke-dashoffset:138;transition:stroke-dashoffset .1s linear}
.progress-bar{position:fixed;left:0;top:0;height:2px;width:0;z-index:200;background:linear-gradient(90deg,var(--brand),var(--accent));box-shadow:0 0 10px rgba(43,159,224,.6)}
.bk{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(6,17,31,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s linear .3s}
.bk.open{opacity:1;visibility:visible;transition:opacity .3s var(--ease),visibility 0s}
.bk-box{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--surface);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(18px) scale(.98);transition:transform .5s var(--ease-out)}
.bk.open .bk-box{transform:none}
.bk-head{position:relative;padding:22px 64px 18px 26px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.bk-head h2{font-size:1.45rem;margin:6px 0 2px}
.bk-head p{margin:0;font-size:.86rem;color:var(--muted)}
.bk-close{position:absolute;right:16px;top:16px}
.bk-steps{display:flex;gap:6px;margin-top:14px}
.bk-steps i{height:3px;flex:1;border-radius:3px;background:var(--line-strong);overflow:hidden;position:relative}
.bk-steps i::after{content:"";position:absolute;inset:0;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.bk-steps i.on::after{transform:scaleX(1)}
.bk-body{padding:22px 26px;overflow-y:auto;flex:1}
.bk-panel{display:none;animation:fadeUp .45s var(--ease-out)}
.bk-panel.active{display:block}
.bk-panel h3{font-size:1.12rem;margin-bottom:14px}
.bk-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bk-opts.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.bk-sum{display:grid;gap:8px;padding:16px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);font-size:.9rem}
.bk-sum div{display:flex;justify-content:space-between;gap:14px}
.bk-sum span{color:var(--muted)}
.bk-sum b{text-align:right}
.bk-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:.78rem;color:var(--faint)}
.bk-note .ic{color:var(--green-600);margin-top:1px}
.bk-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 26px 20px;border-top:1px solid var(--line)}
.bk-foot .btn{min-width:120px}
.bk-count{font-size:.78rem;color:var(--faint);font-weight:700}
body.bk-lock{overflow:hidden}
.preloader{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:var(--navy-950);background-image:repeating-linear-gradient(180deg,transparent 0 39px,rgba(147,197,253,.05) 39px 40px);clip-path:inset(0 0 0 0);transition:clip-path 1s var(--ease-io)}
.preloader.done{clip-path:inset(0 0 100% 0)}
.preloader.gone{display:none}
.pl-inner{text-align:center;color:#fff;padding:20px}
.pl-mark{position:relative;width:88px;height:88px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(147,208,244,.35);animation:plpop .9s var(--ease-out) both}
.pl-mark::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(147,208,244,.6)}
.pl-mark span{display:grid;place-items:center;color:var(--sky-300)}
.pl-mark .ic{width:38px;height:38px;stroke-width:1.4;stroke-dasharray:120;stroke-dashoffset:120;animation:draw 1.2s .2s var(--ease) forwards}
.pl-name{font-family:var(--f-display);font-weight:500;font-size:clamp(1.45rem,3.4vw,2.2rem);letter-spacing:-.01em;overflow:hidden;line-height:1.2}
.pl-name span{display:inline-block;transform:translateY(110%);animation:rise .9s .15s var(--ease-out) forwards}
.pl-tag{margin-top:12px;font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--sky-300);opacity:0;animation:fadeIn .6s .8s forwards}
.pl-line{width:150px;height:1px;margin:18px auto 0;background:rgba(255,255,255,.14);overflow:hidden}
.pl-line i{display:block;height:100%;width:100%;background:var(--sky-400);transform:translateX(-100%);animation:load 1.3s .2s var(--ease-io) forwards}
.palette{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(6,17,31,.52);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.palette.open{opacity:1;visibility:visible}
.palette-box{width:min(680px,100%);border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(-12px) scale(.98);transition:transform .4s var(--ease-out)}
.palette.open .palette-box{transform:none}
.palette-input{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.palette-input .ic{color:var(--brand);width:20px;height:20px}
.palette-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:1.05rem;font-weight:600;color:var(--ink)}
.palette-results{max-height:56vh;overflow-y:auto;padding:8px}
.pr-item{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:10px;color:var(--text)}
.pr-item.sel,.pr-item:hover{background:var(--bg-2);color:var(--ink)}
.pr-item .ic{margin-top:3px;color:var(--brand)}
.pr-item b{display:block;font-size:.92rem;color:var(--ink)}
.pr-item small{color:var(--faint);font-size:.78rem}
.pr-empty{padding:26px;text-align:center;color:var(--faint)}
.palette-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--line);font-size:.74rem;color:var(--faint)}
.toast{position:fixed;left:50%;bottom:26px;z-index:400;transform:translate(-50%,30px);opacity:0;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:10px;background:var(--navy-900);color:#fff;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-lg);transition:all .45s var(--ease-out);pointer-events:none;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
.glass{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.card{--card-p:28px;position:relative;display:block;padding:var(--card-p);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--text);transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out),border-color .35s}
.card::before{content:"";position:absolute;left:var(--card-p);right:var(--card-p);top:-1px;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--brand),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease-out);pointer-events:none}
a.card{display:flex;flex-direction:column;color:var(--text)}
a.card:hover{color:var(--text)}
.card-hover:hover,a.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.card-hover:hover::before,a.card:hover::before{transform:scaleX(1)}
.card .spot,.orb{display:none}
.card h3{margin:0 0 .45em}
.card p{color:var(--muted);font-size:.95rem;margin:0 0 1em}
.card p:last-child{margin-bottom:0}
.card-ic{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;margin-bottom:20px;background:var(--blue-50);color:var(--brand);border:1px solid var(--blue-100);transition:background-color .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease),transform .6s var(--ease-out)}
.card-ic .ic{width:22px;height:22px;stroke-width:1.75}
.card-hover:hover .card-ic,a.card:hover .card-ic,.calc-link:hover .card-ic,.guide-chip:hover .card-ic{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
html[data-theme="dark"] .card-hover:hover .card-ic,html[data-theme="dark"] a.card:hover .card-ic,html[data-theme="dark"] .calc-link:hover .card-ic{background:#2a6fc4;border-color:#2a6fc4}
.card-ring{border-radius:50%;padding:0!important;background:transparent;border:1px solid var(--blue-200)}
.card-ring>span{width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;display:grid;place-items:center;background:var(--blue-50);color:var(--brand);transition:background-color .45s,color .45s}
.card-hover:hover .card-ring{background:transparent;border-color:var(--brand)}
.card-hover:hover .card-ring>span{background:var(--navy-900);color:#fff}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:.84rem;font-weight:700;color:var(--brand)}
.card>p+.card-foot,.card>div+.card-foot{margin-top:18px}
a.card .card-foot{margin-top:auto}
a.card>p{margin-bottom:18px}
.card-foot .ic{width:16px;height:16px;transition:transform .45s var(--ease-out)}
.card:hover .card-foot .ic{transform:translate(3px,-3px)}
.card-foot a{font-weight:700}
.card-media{margin:calc(var(--card-p) * -1) calc(var(--card-p) * -1) 22px;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;overflow:hidden;aspect-ratio:4/3;background:var(--bg-3)}
.card-media picture,.card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.card:hover .card-media img{transform:scale(1.04)}
.slide-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.slide-top .card-ic{margin:0}
.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1.35;color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-100);white-space:nowrap}
.tag-soft{color:var(--muted);background:var(--surface-2);border-color:var(--line)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:.84rem;font-weight:600;line-height:1.3;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong)}
.pill .ic{width:16px;height:16px;color:var(--brand)}
.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}
.pill-btn{cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;transition:border-color .2s,color .2s,background-color .2s,transform .3s var(--ease-out)}
.pill-btn:hover{border-color:var(--brand);color:var(--brand)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.sec{display:inline-flex;align-items:stretch;vertical-align:baseline;border-radius:6px;overflow:hidden;font-family:var(--f-body);font-size:.82em;font-weight:700;line-height:1.25;border:1px solid var(--blue-200);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0}
.sec>span{display:inline-flex;align-items:center;padding:.16em .48em}
.sec .so{background:var(--surface-2);color:var(--muted)}
.sec .sa{padding-left:.1em;padding-right:.1em;background:var(--surface-2);color:var(--faint);font-weight:500}
.sec .sn{background:var(--blue-50);color:var(--blue-700)}
.sec-solo .so{border-right:0}
.sec-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:15px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brand);font-size:.88rem;color:var(--muted);box-shadow:var(--shadow-xs)}
.sec-legend>.ic{color:var(--brand);width:20px;height:20px}
.sec-legend>span{flex:1 1 380px}
.sec-legend b{color:var(--ink)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(34px,4.6vw,60px) 0 clamp(42px,5.4vw,70px);background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);border-bottom:1px solid var(--line)}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 90% at 85% 10%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 90% at 85% 10%,#000 20%,transparent 75%)}
.page-hero::after{content:"§";position:absolute;z-index:-1;right:2%;top:-.18em;font-family:var(--f-display);font-style:italic;font-weight:300;font-size:clamp(14rem,30vw,26rem);line-height:1;color:var(--brand);opacity:.035;pointer-events:none}
.page-hero.with-media::after{display:none}
.page-hero h1{max-width:920px;margin:.42em 0 .32em}
.page-hero .lead{max-width:760px;margin-bottom:0}
.page-hero.with-media .container{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(30px,5vw,70px);align-items:center}
.page-hero-media{position:relative;justify-self:end;width:100%;max-width:480px}
.page-hero-media::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--blue-200);border-radius:20px;z-index:-1}
.page-hero-media picture,.page-hero-media img{display:block;width:100%}
.page-hero-media img{aspect-ratio:4/3.2;object-fit:cover;object-position:center 20%;border-radius:18px;box-shadow:var(--shadow-lg)}
.crumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:.8rem;font-weight:600;color:var(--faint)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 10px;color:var(--line-strong);font-weight:400}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--brand)}
.crumbs [aria-current]{color:var(--ink)}
.page-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.page-meta .pill{background:var(--surface);font-size:.8rem;padding:7px 12px}
.stats{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--navy-900);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}
.stats::before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(147,197,253,.06) 31px 32px),radial-gradient(600px 260px at 100% 0%,rgba(43,159,224,.28),transparent 65%)}
html[data-theme="dark"] .stats{border:1px solid var(--line)}
.stat{position:relative;padding:clamp(24px,3vw,36px) clamp(20px,2.6vw,32px);border-left:1px solid rgba(255,255,255,.09)}
.stat:first-child{border-left:0}
.stat b{display:block;font-family:var(--f-display);font-weight:450;font-size:clamp(2.2rem,4.2vw,3.3rem);line-height:1;color:#fff;letter-spacing:-.025em;font-variant-numeric:lining-nums}
.stat b em{font-style:normal;color:#fff}
.stat span{display:block;margin-top:12px;font-size:.85rem;color:#a9bdd8;font-weight:500;line-height:1.45}
.stat::after{content:"";position:absolute;left:clamp(20px,2.6vw,32px);top:0;width:28px;height:2px;background:var(--sky-400)}
.marquee{position:relative;overflow:hidden;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.marquee-track{display:flex;gap:40px;width:max-content;animation:marquee 70s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:inline-flex;align-items:center;gap:40px;font-family:var(--f-display);font-style:italic;font-weight:420;font-size:1.18rem;color:var(--ink);white-space:nowrap;opacity:.82}
.marquee-item .ic{width:13px;height:13px;color:var(--accent);order:2;fill:currentColor;stroke:none}
.slider-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.slider-head h2{margin-bottom:0}
.slider-ctrl{display:flex;gap:10px;flex-shrink:0}
.slider-ctrl .icon-btn{width:50px;height:50px;border-radius:50%}
.slider{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 2px 30px;margin:-10px -2px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;counter-reset:slide;overscroll-behavior-x:contain}
.slider::-webkit-scrollbar{display:none}
.slider.is-drag{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}
.slider.can-drag{cursor:grab}
.slider>*{scroll-snap-align:start;flex:0 0 clamp(272px,27vw,332px)}
.slide-card{counter-increment:slide;height:auto}
.slide-n{font-family:var(--f-display);font-style:italic;font-weight:380;font-size:2.1rem;line-height:1;color:var(--blue-200);transition:color .4s}
.slide-n::before{content:counter(slide,decimal-leading-zero)}
.slide-card:hover .slide-n{color:var(--brand)}
.slide-card .tag{align-self:flex-start;margin-bottom:12px}
.slider-foot{display:flex;align-items:center;gap:20px}
.slider-progress{position:relative;flex:1;height:2px;background:var(--line);overflow:hidden;border-radius:2px}
.slider-progress span{position:absolute;left:0;top:0;height:100%;width:20%;background:var(--brand);border-radius:2px;transition:width .25s var(--ease)}
.slider-count{font-family:var(--f-display);font-style:italic;font-size:1rem;color:var(--muted);white-space:nowrap}
.slider-hint{display:none;text-align:center;font-size:.8rem;color:var(--faint);font-weight:600}
.steps{counter-reset:step;display:grid;gap:22px}
.steps.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.step{position:relative;padding:30px 26px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-family:var(--f-display);font-style:italic;font-weight:360;font-size:2.8rem;line-height:1;color:var(--brand);margin-bottom:16px}
.steps.g4 .step:not(:last-child)::after{content:"";position:absolute;top:52px;right:-23px;width:24px;height:1px;background:var(--line-strong);z-index:1}
.step h3{font-size:1.16rem}
.step p{color:var(--muted);font-size:.93rem;margin:0}
.timeline{position:relative;padding-left:34px}
.timeline::before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:1px;background:var(--line-strong)}
.timeline::after{content:"";position:absolute;left:10px;top:8px;width:1px;height:calc(var(--tl-p,0) * (100% - 16px));background:var(--brand);transition:height .25s linear}
.tl-item{position:relative;padding:0 0 28px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:-29px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);box-shadow:0 0 0 4px var(--bg-2);z-index:1}
.tl-item .tl-when{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.tl-item h4{font-family:var(--f-display);font-weight:560;font-size:1.14rem;margin:4px 0 4px}
.tl-item p{margin:0;color:var(--muted);font-size:.93rem}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.ticks li{position:relative;padding-left:32px;color:var(--text)}
.ticks li::before{content:"";position:absolute;left:0;top:2px;width:21px;height:21px;border-radius:50%;background:var(--blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a62b8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;border:1px solid var(--blue-200)}
html[data-theme="dark"] .ticks li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393c6f5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.ticks.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.dots{padding-left:1.2em;margin:0 0 1em}
.dots li{margin:.35em 0}
.dots li::marker{color:var(--brand)}
.callout{display:flex;gap:14px;padding:17px 20px;border-radius:12px;border:1px solid var(--blue-100);border-left:3px solid var(--brand);background:var(--blue-50);color:var(--text);font-size:.93rem;line-height:1.65}
.callout>.ic{color:var(--brand);margin-top:3px;width:19px;height:19px}
.callout p{margin:0 0 .6em}
.callout p:last-child{margin:0}
.callout b{color:var(--ink)}
.callout-warn{border-color:rgba(217,119,6,.25);border-left-color:var(--amber-600);background:#fffbeb}
.callout-warn>.ic{color:var(--amber-600)}
html[data-theme="dark"] .callout-warn{background:rgba(217,119,6,.1)}
.callout-ok{border-color:rgba(22,163,74,.25);border-left-color:var(--green-600);background:#f0fdf4}
.callout-ok>.ic{color:var(--green-600)}
html[data-theme="dark"] .callout-ok{background:rgba(22,163,74,.1)}
.callout-legal{border-style:dashed;border-left-style:solid}
.acc{background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .3s,box-shadow .45s var(--ease-out)}
.acc+.acc{margin-top:10px}
.acc:hover{border-color:var(--line-strong)}
.acc.open{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
.acc-btn{width:100%;display:flex;align-items:center;gap:16px;padding:18px 20px;text-align:left;font-family:var(--f-display);font-weight:540;font-size:1.06rem;line-height:1.38;letter-spacing:-.005em;color:var(--ink);transition:color .25s}
.acc-btn:hover{color:var(--brand)}
.acc-btn .acc-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--blue-50);color:var(--brand);border:1px solid var(--blue-100);flex-shrink:0;transition:background-color .35s,color .35s}
.acc.open .acc-btn .acc-ic{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.acc-btn .acc-t{flex:1;min-width:0}
.acc-btn .acc-t small{display:block;font-family:var(--f-body);font-weight:500;font-size:.82rem;color:var(--muted);margin-top:3px;letter-spacing:0}
.acc-chev{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line-strong);color:var(--muted);transition:transform .5s var(--ease-out),background-color .3s,border-color .3s,color .3s}
.acc-chev .ic{width:16px;height:16px}
.acc.open .acc-chev{transform:rotate(180deg);background:var(--navy-900);border-color:var(--navy-900);color:#fff}
html[data-theme="dark"] .acc.open .acc-chev,html[data-theme="dark"] .acc.open .acc-btn .acc-ic{background:#2a6fc4;border-color:#2a6fc4}
.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}
.acc.open .acc-panel{grid-template-rows:1fr}
.acc-panel>div{overflow:hidden}
.acc-body{padding:0 20px 20px;color:var(--text)}
.acc-body>:last-child{margin-bottom:0}
.faq .acc-body{color:var(--muted);font-size:.95rem}
.tabs{position:relative;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--line-strong)}
.tabs::-webkit-scrollbar{display:none}
.tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:14px 16px;font-weight:650;font-size:.9rem;color:var(--muted);white-space:nowrap;transition:color .25s}
.tab:hover{color:var(--ink)}
.tab .ic{width:17px;height:17px}
.tab[aria-selected="true"]{color:var(--brand)}
.tab-ink{position:absolute;z-index:2;left:0;bottom:0;height:2px;width:0;background:var(--brand);border-radius:2px 2px 0 0;transition:transform .5s var(--ease-out),width .5s var(--ease-out)}
.tab-panel{display:none;animation:fadeUp .5s var(--ease-out)}
.tab-panel.active{display:block}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label,.field .lbl{font-size:.8rem;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:8px}
.field label small,.field .lbl small{font-weight:600;color:var(--faint);font-size:.74rem;white-space:nowrap}
.field>.switch{min-height:48px}
.input,select.input,textarea.input{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:550;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 2px rgba(11,27,51,.04)}
html[data-theme="dark"] .input{background:#081325}
.input::placeholder{color:var(--faint);opacity:.8;font-weight:500}
.input:hover{border-color:var(--blue-300)}
.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}
select.input{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23677891' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px}
textarea.input{resize:vertical;min-height:120px}
.input-group{position:relative}
.input-group .prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--faint);pointer-events:none}
.input-group .input{padding-left:32px}
.field .hint{font-size:.74rem;color:var(--faint);line-height:1.45}
.field .err{font-size:.76rem;color:var(--red-600);font-weight:700;display:none}
.field.invalid .err{display:block}
.field.invalid .input{border-color:var(--red-600)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid .full{grid-column:1/-1}
.field>.seg{align-self:flex-start;max-width:100%}
.seg{display:inline-flex;flex-wrap:wrap;gap:3px;padding:4px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line)}
.seg label{position:relative;cursor:pointer;flex:1 1 auto;display:flex}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:inline-flex;align-items:center;justify-content:center;width:100%;gap:6px;padding:8px 13px;border-radius:7px;font-size:.82rem;font-weight:650;color:var(--muted);transition:background-color .25s,color .25s,box-shadow .25s;white-space:nowrap}
.seg label:hover span{color:var(--ink)}
.seg input:checked+span{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(11,27,51,.08),0 4px 10px -4px rgba(11,27,51,.18)}
html[data-theme="dark"] .seg input:checked+span{background:#15294a;color:#bfe0fb}
.seg input:focus-visible+span{outline:2px solid var(--brand)}
.switch,.field .switch{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;font-size:.86rem;font-weight:650;color:var(--ink)}
.switch input{position:absolute;opacity:0}
.switch .track{width:44px;height:26px;border-radius:999px;background:var(--line-strong);position:relative;transition:background-color .25s;flex-shrink:0}
.switch .track::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(11,27,51,.3);transition:transform .35s var(--ease-out)}
.switch input:checked+.track{background:var(--brand)}
.switch input:checked+.track::after{transform:translateX(18px)}
.switch input:focus-visible+.track{outline:2px solid var(--brand);outline-offset:2px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--brand) var(--fill,50%),var(--line-strong) var(--fill,50%))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;margin-top:-8px;background:#fff;border:2px solid var(--brand);box-shadow:0 2px 8px rgba(26,98,184,.35);transition:transform .2s}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--line-strong)}
input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--brand)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--brand)}
.opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.opt{position:relative;cursor:pointer;display:block;min-width:0}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt>span{display:flex;align-items:flex-start;gap:10px;height:100%;padding:12px 13px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);transition:border-color .2s,background-color .2s,box-shadow .2s,transform .3s var(--ease-out)}
.opt>span .ic{width:18px;height:18px;color:var(--faint);flex-shrink:0;margin-top:2px;transition:color .2s}
.opt em{font-style:normal;font-weight:650;font-size:.88rem;color:var(--ink);line-height:1.3}
.opt em small{display:block;font-weight:500;font-size:.73rem;color:var(--faint);margin-top:2px}
.opt:hover>span{border-color:var(--blue-300);transform:translateY(-1px)}
.opt input:checked+span{border-color:var(--brand);background:var(--blue-50);box-shadow:0 0 0 3px var(--ring)}
.opt input:checked+span .ic{color:var(--brand)}
.opt input[type=checkbox]:checked+span::after{content:"✓";margin-left:auto;font-weight:900;color:var(--brand)}
.opt input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-xs);-webkit-overflow-scrolling:touch}
.table{font-size:.9rem;min-width:520px}
.table.table-fit{min-width:0}
.table th,.table td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table th{font-family:var(--f-body);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);background:var(--bg-2);font-weight:700;white-space:nowrap}
.table tr:last-child td{border-bottom:0}
.table tbody tr{transition:background-color .2s}
.table tbody tr:hover{background:var(--blue-50)}
.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.table .hl{font-weight:700;color:var(--ink)}
.table caption{caption-side:bottom;padding:11px 16px;font-size:.78rem;color:var(--faint);text-align:left;border-top:1px solid var(--line);background:var(--surface-2)}
.mini-table{width:100%;font-size:.82rem;margin-top:10px}
.mini-table td,.mini-table th{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left}
.mini-table th{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.mini-table td:last-child,.mini-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.kv{display:grid;grid-template-columns:auto 1fr;gap:9px 20px;font-size:.92rem;margin:0}
.kv dt{font-weight:700;color:var(--ink)}
.kv dd{margin:0;color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}
.status-ok{background:#dcfce7;color:#166534}
.status-warn{background:var(--amber-100);color:#92400e}
.status-bad{background:var(--red-100);color:#991b1b}
html[data-theme="dark"] .status-ok{background:rgba(34,197,94,.15);color:#86efac}
html[data-theme="dark"] .status-warn{background:rgba(217,119,6,.18);color:#fcd34d}
html[data-theme="dark"] .status-bad{background:rgba(220,38,38,.18);color:#fca5a5}
.cta-band{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-xl);padding:clamp(36px,5.6vw,76px);background:var(--navy-900);color:#c9d7ea;box-shadow:var(--shadow-lg)}
.cta-band .cta-bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;opacity:.1;filter:grayscale(1)}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(700px 360px at 92% 8%,rgba(43,159,224,.35),transparent 62%),linear-gradient(100deg,rgba(11,27,51,.98) 35%,rgba(11,27,51,.7))}
.cta-band::after{content:"";position:absolute;z-index:-1;right:clamp(-120px,-6vw,-40px);bottom:-46%;width:clamp(300px,34vw,460px);aspect-ratio:3/4;border:1px solid rgba(147,208,244,.22);border-radius:999px 999px 0 0;box-shadow:0 0 0 22px rgba(147,208,244,.035),0 0 0 23px rgba(147,208,244,.12)}
.cta-band h2{color:#fff;max-width:760px}
.cta-band p{color:#b4c5dc;max-width:640px;font-size:1.04rem}
.cta-band .eyebrow{color:var(--sky-300)}
.cta-band .eyebrow::before{color:var(--sky-400)}
.cta-band .btn-glass{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);box-shadow:none}
.cta-band .btn-glass .ic{color:#fff}
.cta-band .btn-glass:hover{background:#fff;color:var(--navy-900);border-color:#fff}
.cta-band .btn-glass:hover .ic{color:var(--navy-900)}
.cta-band .btn-primary{background:#fff;border-color:#fff;color:var(--navy-900)}
.cta-band .btn-primary .ic{color:var(--brand)}
.statement{position:relative;isolation:isolate;text-align:center;padding:clamp(52px,7.5vw,104px) clamp(22px,6vw,80px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}
.statement::before{content:"";position:absolute;inset:12px;border:1px solid var(--line);border-radius:calc(var(--radius-xl) - 8px);pointer-events:none}
.statement::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(800px 320px at 50% 0%,var(--glow),transparent 70%)}
.statement h2{font-size:clamp(2.2rem,5.4vw,4.3rem);line-height:1.05;margin:20px auto 20px;max-width:920px}
.statement p{margin:0 auto 30px;font-size:1.1rem;max-width:680px;color:var(--muted)}
.media{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--bg-3)}
.media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.media:hover img{transform:scale(1.035)}
.media-frame{position:relative;padding:0}
.media-frame::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--blue-200);border-radius:calc(var(--radius-lg) + 4px);z-index:0}
.media-frame .media{z-index:1}
.media-caption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.95);font-size:.8rem;color:var(--navy-900);box-shadow:var(--shadow);z-index:2}
.media-caption b{color:var(--navy-900)}
.ratio-45{aspect-ratio:4/5}.ratio-43{aspect-ratio:4/3}.ratio-169{aspect-ratio:16/9}.ratio-11{aspect-ratio:1/1}
.photo-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:1fr 1fr;gap:14px}
.photo-grid .media:first-child{grid-row:span 2;aspect-ratio:4/5}
.photo-grid .media:not(:first-child){aspect-ratio:auto;min-height:0}
.photo-grid .media picture{display:block;height:100%}
.badge-float{position:absolute;z-index:2;padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.8rem;font-weight:700;color:var(--ink)}
.mission{text-align:center;max-width:860px;margin:0 auto}
.mission blockquote{margin:18px 0 0;font-family:var(--f-display);font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:420;font-style:italic;line-height:1.45;color:var(--ink)}
.quote-mark{width:58px;height:58px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:var(--blue-50);border:1px solid var(--blue-100);color:var(--brand)}
.contact-rows{display:grid;gap:14px;font-size:.88rem}
.contact-row{display:flex;gap:12px;align-items:flex-start;color:var(--muted);line-height:1.55}
.contact-row>.ic{color:var(--brand);margin-top:3px;width:17px;height:17px}
.contact-row b{display:block;color:var(--ink);font-size:.86rem}
.contact-row a{color:var(--ink);font-weight:650;word-break:break-word}
.contact-row a:hover{color:var(--brand)}
.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.social{width:40px;height:40px;border-radius:10px;display:inline-grid;place-items:center;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);transition:transform .35s var(--ease-out),color .2s,border-color .2s,background-color .2s}
.social:hover{transform:translateY(-3px);color:#fff;background:var(--navy-900);border-color:var(--navy-900)}
.social .ic{width:18px;height:18px}
.footer-site-link{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);transition:border-color .2s,transform .35s var(--ease-out)}
.footer-site-link:hover{border-color:var(--brand);transform:translateY(-2px);color:var(--ink)}
.footer-site-link img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.footer-site-link>span{flex:1;min-width:0}
.footer-site-link small{display:block;font-size:.72rem;color:var(--faint);font-weight:600}
.footer-site-link b{font-size:.92rem}
.footer-site-link .ic{width:16px;height:16px;color:var(--faint)}
.map-facade{position:relative;isolation:isolate;border-radius:var(--radius-lg);overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;padding:26px;background:var(--bg-2);border:1px solid var(--line)}
.map-facade::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(43,159,224,.14),transparent 55%);background-size:28px 28px,28px 28px,100% 100%}
.map-facade .pin{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--navy-900);color:#fff;box-shadow:0 0 0 8px rgba(26,98,184,.12),var(--shadow);animation:bob 3.4s ease-in-out infinite}
.map-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.notice-strip{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:.86rem}
.notice-strip .ic{color:var(--brand)}
.keyline{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);margin:0}
.open-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}
.open-status.is-open{background:#ecfdf3;border-color:#bbf7d0;color:#166534}
.open-status.is-closed{background:#fffbeb;border-color:#fde68a;color:#92400e}
html[data-theme="dark"] .open-status.is-open{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3);color:#86efac}
html[data-theme="dark"] .open-status.is-closed{background:rgba(217,119,6,.12);border-color:rgba(217,119,6,.3);color:#fcd34d}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.share>span{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-right:4px}
.share a,.share button{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);transition:background-color .25s,color .25s,border-color .25s,transform .35s var(--ease-out)}
.share a:hover,.share button:hover{background:var(--navy-900);border-color:var(--navy-900);color:#fff;transform:translateY(-2px)}
.share .ic{width:16px;height:16px}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(36px,5.2vw,72px) 0 clamp(40px,5vw,62px);background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 88%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 75% at 78% 30%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 60% 75% at 78% 30%,#000 15%,transparent 72%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(30px,5vw,76px);align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:5px 14px 5px 5px;border-radius:999px;background:var(--surface);border:1px solid var(--line-strong);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);box-shadow:var(--shadow-xs);line-height:1.35}
.hb-seal{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--navy-900);color:#d6ebfb}
.hb-seal .ic{width:15px;height:15px;stroke-width:1.8}
.hero h1{font-size:clamp(2.25rem,4.3vw,3.65rem);line-height:1.05;letter-spacing:-.03em;font-weight:500;margin:24px 0 22px}
.hero h1 .line{display:block;overflow:hidden;padding:.02em 0 .1em;margin-bottom:-.08em}
.hero h1 .line>span{display:inline-block}
.hero h1 .grad-text{font-weight:380;letter-spacing:-.02em}
.hero .lead{max-width:610px;margin:0 0 30px}
.hero-cta{margin-bottom:32px}
.founder-strip{display:flex;align-items:center;gap:16px;max-width:570px;padding:14px 18px 14px 16px;border-left:2px solid var(--brand);background:linear-gradient(90deg,var(--surface) 40%,transparent);border-radius:0 14px 14px 0}
.founder-strip .fs-img{position:relative;flex-shrink:0;width:60px;height:60px;border-radius:50%;padding:2px;background:conic-gradient(from 210deg,var(--brand),var(--accent),var(--blue-200),var(--brand))}
.founder-strip .fs-img picture{display:block;width:100%;height:100%}
.founder-strip .fs-img img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--surface)}
.fs-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.fs-name b{font-family:var(--f-display);font-weight:600;font-size:1.14rem;letter-spacing:-.01em}
.badge-founder{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;background:var(--navy-900);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.badge-founder .ic{width:11px;height:11px;color:var(--sky-300)}
html[data-theme="dark"] .badge-founder{background:#2a6fc4}
.fs-role{font-size:.84rem;font-weight:700;color:var(--brand);margin-top:3px}
.fs-desc{font-size:.82rem;color:var(--muted);margin-top:2px;line-height:1.5}
.hero-visual{position:relative;justify-self:center;width:100%;max-width:450px;padding:30px 12px 46px 34px}
.arch{position:relative}
.arch::before{content:"";position:absolute;inset:-16px -16px 18px 18px;border:1px solid var(--blue-200);border-radius:999px 999px 22px 22px;z-index:0}
.arch::after{content:"";position:absolute;inset:26px -30px -30px 30px;border-radius:999px 999px 22px 22px;z-index:-1;background-color:var(--bg-3);background-image:radial-gradient(var(--blue-200) 1px,transparent 1.2px);background-size:14px 14px;opacity:.75}
.arch-frame{position:relative;z-index:1;aspect-ratio:4/5;border-radius:999px 999px 22px 22px;overflow:hidden;background:var(--bg-3);box-shadow:var(--shadow-lg)}
.arch-frame picture,.arch-frame img{display:block;width:100%;height:100%}
.arch-frame img{object-fit:cover;object-position:center 12%}
.arch-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(11,27,51,.28));pointer-events:none}
.ptag{position:absolute;left:-34px;top:50%;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:.62rem;font-weight:700;letter-spacing:.42em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.ptag::after{content:"";width:1px;height:46px;background:var(--line-strong)}
.pcard{position:absolute;z-index:3;left:0;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:262px;padding:14px 16px 14px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.pcard b{display:block;font-family:var(--f-display);font-weight:600;font-size:1.08rem;letter-spacing:-.01em}
.pcard span{display:block;font-size:.78rem;color:var(--muted);line-height:1.4}
.pcard .pc-check{color:var(--green-600);flex-shrink:0}
.pcard .pc-check .ic{width:22px;height:22px}
.float-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.76rem;font-weight:700;color:var(--ink);white-space:nowrap}
.float-chip .ic{width:15px;height:15px;color:var(--brand)}
.fc-1{top:16%;left:-6%}
.fc-2{top:44%;right:-14%}
.fc-3{bottom:26%;right:-8%}
.trust-tile{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.5fr) auto;align-items:center;gap:20px 0;margin-top:clamp(34px,4.6vw,58px);padding:22px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.trust-tile>*{padding:0 26px}
.trust-head{display:flex;gap:14px;align-items:center}
.trust-head .ti{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--navy-900);color:#d6ebfb}
html[data-theme="dark"] .trust-head .ti{background:#2a6fc4}
.trust-head b{display:block;font-family:var(--f-display);font-weight:560;font-size:1.08rem;line-height:1.28;letter-spacing:-.01em}
.trust-head p{margin:4px 0 0;font-size:.82rem;color:var(--muted);line-height:1.5}
.trust-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.trust-card{display:flex;align-items:center;gap:12px;min-width:0}
.trust-card .tci{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#fff;border:1px solid var(--line);padding:6px;box-shadow:var(--shadow-xs)}
.trust-card .tci img{width:100%;height:100%;object-fit:contain}
.trust-card b{display:block;font-size:.9rem;line-height:1.3}
.trust-card span{display:block;font-size:.76rem;color:var(--muted);line-height:1.4}
.trust-chips{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.trust-chips .pill{padding:5px 11px;font-size:.75rem;font-weight:650;background:var(--bg-2);border-color:var(--line);white-space:nowrap}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.pillar{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:36px 28px 34px;border-left:1px solid var(--line);transition:background-color .5s var(--ease)}
.pillar:first-child{border-left:0}
.pillar::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--brand),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-out)}
.pillar:hover{background:color-mix(in srgb,var(--surface) 70%,transparent)}
.pillar:hover::before{transform:scaleX(1)}
.pillar-ic{position:relative;isolation:isolate;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-bottom:24px;border:1px solid var(--blue-200);color:var(--brand);transition:color .45s,border-color .45s}
.pillar-ic::after{content:"";position:absolute;inset:5px;z-index:-1;border-radius:50%;background:var(--blue-50);transition:background-color .45s,inset .45s var(--ease-out)}
.pillar-ic .ic{width:22px;height:22px}
.pillar:hover .pillar-ic{color:#fff;border-color:var(--brand)}
.pillar:hover .pillar-ic::after{background:var(--navy-900)}
html[data-theme="dark"] .pillar:hover .pillar-ic::after{background:#2a6fc4}
.pillar h3{font-size:1.22rem;margin-bottom:.5em}
.pillar p{flex:1;color:var(--muted);font-size:.94rem;margin:0 0 18px}
.pillar .tag{background:transparent}
.plan-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px;align-items:stretch}
.est,.dl{padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column}
.est-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}
.est-head .card-ic{margin:0;width:48px;height:48px}
.est-head h3{margin:0 0 2px;font-size:1.26rem}
.est-head p{margin:0;font-size:.82rem;color:var(--faint)}
.est-form{display:grid;gap:16px}
.est-form .field>.seg{align-self:stretch;display:flex}
.est-form .seg{flex-wrap:nowrap}
.est-form .seg label{flex:1 1 0;min-width:0}
.est-form .seg span{justify-content:center;width:100%;padding-left:8px;padding-right:8px}
.est-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.est-form input[type=range]{margin-top:2px}
.est-out{margin-top:22px;padding-top:20px;border-top:1px dashed var(--line-strong)}
.est-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.est-r{position:relative;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);transition:border-color .4s,background-color .4s,box-shadow .4s}
.est-r small{display:block;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.est-r b{display:block;margin:6px 0 2px;font-family:var(--f-display);font-weight:500;font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.est-r>span{display:block;font-size:.75rem;color:var(--muted)}
.est-r.win{border-color:var(--green-500);background:#f0fdf4;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
html[data-theme="dark"] .est-r.win{background:rgba(34,197,94,.08)}
.est-r.win::after{content:"Lower tax";position:absolute;top:-9px;right:12px;padding:2px 9px;border-radius:999px;background:var(--green-600);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.est-verdict{margin-top:14px;font-size:.92rem;color:var(--text)}
.est-verdict b{color:var(--green-700)}
html[data-theme="dark"] .est-verdict b{color:#86efac}
.est-bars{display:grid;gap:8px;margin-top:14px}
.est-bar{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;font-size:.74rem;font-weight:700;color:var(--muted)}
.est-bar i{display:block;height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.est-bar em{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent));transition:width .8s var(--ease-out)}
.est-bar.alt em{background:linear-gradient(90deg,var(--navy-700),var(--blue-400))}
.est-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;margin-top:auto;padding-top:20px}
.est-note{font-size:.74rem;color:var(--faint);line-height:1.5;margin:12px 0 0}
.dl-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dl-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:border-color .3s,transform .45s var(--ease-out),box-shadow .45s}
.dl-item:hover{border-color:var(--line-strong);transform:translateX(3px);box-shadow:var(--shadow-sm)}
.dl-date{display:grid;place-items:center;align-content:center;height:58px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);line-height:1}
.dl-date b{font-family:var(--f-display);font-weight:500;font-size:1.45rem;color:var(--ink)}
.dl-date small{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:3px}
.dl-body{min-width:0}
.dl-body b{display:block;font-size:.88rem;line-height:1.35;color:var(--ink)}
.dl-body small{display:block;font-size:.74rem;color:var(--faint);margin-top:3px}
.dl-left{font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:5px 10px;border-radius:999px;white-space:nowrap;background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100)}
.dl-left.soon{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.dl-left.today{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
html[data-theme="dark"] .dl-left.soon{background:rgba(234,88,12,.14);color:#fdba74;border-color:rgba(234,88,12,.3)}
html[data-theme="dark"] .dl-left.today{background:rgba(220,38,38,.14);color:#fca5a5;border-color:rgba(220,38,38,.3)}
.dl-item[data-cat="it"] .dl-date{border-color:var(--blue-200)}
.dl-item[data-cat="gst"] .dl-date{border-color:#bbf7d0}
.dl-item[data-cat="tds"] .dl-date{border-color:#ddd6fe}
.dl-item[data-cat="roc"] .dl-date{border-color:#fde68a}
.serve-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px;margin:0 auto}
.serve-wrap .pill{padding:10px 16px;font-size:.88rem;transition:border-color .3s,transform .4s var(--ease-out),box-shadow .4s}
.serve-wrap .pill:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.faq-split{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(30px,5vw,72px);align-items:start}
.faq-side{position:sticky;top:110px}
.faq-side h2{margin:.6rem 0 .5em}
.faq-side p{color:var(--muted)}
.office-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.office-card{padding:clamp(24px,3vw,34px);display:flex;flex-direction:column}
.office-card h3{font-size:1.4rem;margin:0 0 .4em}
.office-card .open-status{align-self:flex-start;margin:4px 0 14px}
.office-card .btn-row{margin-top:auto;padding-top:20px}
.home-founder .photo-grid{max-width:560px}
.home-founder .ticks{margin-top:22px}
.calc{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;align-items:start}
.calc-panel{padding:clamp(20px,2.4vw,28px)}
.calc-panel h3{display:flex;align-items:center;gap:10px;font-size:1.14rem;margin-bottom:16px}
.calc-panel h3 .ic{color:var(--brand)}
.calc-sub{margin:24px 0 12px;padding-top:18px;border-top:1px dashed var(--line-strong);font-family:var(--f-body);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.calc-result{position:sticky;top:96px}
.calc-mini{display:none}
.res-hero{position:relative;isolation:isolate;overflow:hidden;padding:24px;border-radius:var(--radius-lg);color:#fff;background:var(--navy-900);box-shadow:var(--shadow-lg)}
.res-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(180deg,transparent 0 27px,rgba(147,197,253,.07) 27px 28px),radial-gradient(420px 220px at 100% 0%,rgba(43,159,224,.4),transparent 65%)}
.res-hero small{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-300);font-weight:700}
.res-hero .big{display:block;font-family:var(--f-display);font-weight:450;font-size:clamp(2rem,3.8vw,2.7rem);letter-spacing:-.025em;line-height:1.1;margin:8px 0 6px;font-variant-numeric:lining-nums tabular-nums;color:#fff}
.res-hero .sub{font-size:.86rem;color:#c3d3e8}
.res-hero .rec{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:.76rem;font-weight:700}
.res-hero .rec .ic{color:#4ade80}
.res-rows{margin-top:14px;display:grid;gap:8px}
.res-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:.9rem}
.res-row span{color:var(--muted)}
.res-row b{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.res-row.total{border-color:var(--blue-200);background:var(--blue-50)}
.res-row.total b{color:var(--brand);font-size:1.02rem}
.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.cmp{position:relative;padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--line-strong)}
.cmp.win{border-color:var(--green-500);box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.cmp.win::after{content:"Lower tax";position:absolute;top:-10px;right:12px;padding:2px 9px;border-radius:999px;background:var(--green-600);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cmp small{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--faint)}
.cmp b{display:block;font-family:var(--f-display);font-weight:500;font-size:1.55rem;color:var(--ink);margin-top:4px;font-variant-numeric:lining-nums tabular-nums}
.cmp span{font-size:.78rem;color:var(--muted)}
.bar-chart{display:grid;gap:10px;margin-top:16px}
.bar{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;font-size:.8rem;font-weight:650;color:var(--muted)}
.bar .bt{height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.bar .bt i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent));width:0;transition:width .9s var(--ease-out)}
.bar.alt .bt i{background:linear-gradient(90deg,var(--navy-700),var(--blue-400))}
.bar b{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.calc-note{margin-top:14px;font-size:.78rem;color:var(--faint);line-height:1.55}
.calc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.calc-grid-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.calc-link{position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow-xs);transition:transform .55s var(--ease-out),box-shadow .55s var(--ease-out),border-color .3s}
.calc-link:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong);color:var(--text)}
.calc-link .card-ic{width:46px;height:46px;margin:0;border-radius:11px}
.calc-link .card-ic .ic{width:20px;height:20px}
.calc-link b{display:block;font-family:var(--f-display);font-weight:580;font-size:1.04rem;letter-spacing:-.01em;color:var(--ink);line-height:1.3}
.calc-link small{display:block;color:var(--muted);font-size:.82rem;line-height:1.5;margin-top:4px}
.calc-link .tag{margin-top:10px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,4vw,56px);align-items:start}
.prose{font-size:1.05rem;line-height:1.82;color:var(--text)}
.prose h2{font-size:clamp(1.42rem,2.4vw,1.85rem);margin:2em 0 .6em;scroll-margin-top:110px}
.prose h3{font-size:1.2rem;margin:1.6em 0 .5em}
.prose h4{margin:1.4em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1.15em}
.prose ul,.prose ol{padding-left:1.25em}
.prose li{margin:.4em 0}
.prose li::marker{color:var(--brand)}
.prose a{font-weight:650;text-decoration:underline;text-decoration-color:rgba(26,98,184,.35);text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{text-decoration-color:currentColor}
.prose .table-wrap{margin:1.3em 0 1.7em}
.prose .callout{margin:1.4em 0}
.prose>p:first-of-type{font-size:1.13rem;color:var(--ink)}
.prose-post>p:first-of-type::first-letter{float:left;font-family:var(--f-display);font-weight:500;font-size:3.6em;line-height:.86;padding:.06em .12em 0 0;color:var(--brand)}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:2px solid var(--brand);font-family:var(--f-display);font-style:italic;font-size:1.18rem;color:var(--ink)}
.toc{position:sticky;top:96px;padding:22px}
.toc h4{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.toc a{display:block;padding:7px 10px 7px 12px;border-radius:0 8px 8px 0;font-size:.86rem;font-weight:600;line-height:1.4;color:var(--muted);border-left:2px solid var(--line);transition:color .25s,background-color .25s,border-color .25s}
.toc a:hover,.toc a.active{color:var(--brand);background:var(--blue-50);border-left-color:var(--brand)}
.read-progress{height:2px;border-radius:2px;background:var(--line);margin-top:16px;overflow:hidden}
.read-progress i{display:block;height:100%;width:0;background:var(--brand)}
.author-box{display:flex;gap:18px;align-items:center;padding:22px;margin-top:36px}
.author-box img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line-strong)}
.author-box b{font-family:var(--f-display);font-weight:600;font-size:1.1rem}
.author-box p{margin:4px 0 0;font-size:.88rem;color:var(--muted)}
.post-card h3{font-size:1.18rem;line-height:1.3}
.post-card .pc-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin-bottom:16px}
.post-card .pc-meta{font-size:.74rem;color:var(--faint);font-weight:700;white-space:nowrap}
.post-card .card-foot{color:var(--muted);font-weight:600}
.post-card .card-foot .ic{color:var(--brand)}
.post-meta{display:flex;align-items:center;gap:12px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.post-meta img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0}
.post-meta b{display:block;font-family:var(--f-display);font-weight:600;color:var(--ink);font-size:1rem}
.post-meta span{font-size:.8rem;color:var(--faint);font-weight:600}
.pm-role{display:block;font-size:.74rem;font-weight:700;color:var(--brand);margin:1px 0 2px}
.post-share{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filter-btn{padding:9px 16px;border-radius:999px;font-size:.84rem;font-weight:650;background:var(--surface);border:1px solid var(--line-strong);color:var(--muted);transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}
.filter-btn:hover{border-color:var(--brand);color:var(--ink)}
.filter-btn.active{background:var(--navy-900);border-color:var(--navy-900);color:#fff;box-shadow:0 8px 18px -10px rgba(11,27,51,.7)}
html[data-theme="dark"] .filter-btn.active{background:#2a6fc4;border-color:#2a6fc4}
[data-filter-item].hide{display:none}
.feature-post{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:var(--radius-xl);overflow:hidden;transition:transform .6s var(--ease-out),box-shadow .6s}
.feature-post:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.fp-media{min-height:300px;position:relative;overflow:hidden}
.fp-media picture,.fp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.feature-post:hover .fp-media img{transform:scale(1.04)}
.fp-body{padding:clamp(24px,3.4vw,40px);display:flex;flex-direction:column;justify-content:center;gap:12px}
.fp-body h2{font-size:clamp(1.4rem,2.4vw,1.95rem);margin:0;color:var(--ink)}
.fp-body p{margin:0;color:var(--muted)}
.fp-body .tag,.fp-body .link-arrow{align-self:flex-start}
.quiz-shell{max-width:900px;margin:0 auto}
.quiz-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.quiz-cat{text-align:left;padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);transition:transform .5s var(--ease-out),border-color .25s,box-shadow .5s}
.quiz-cat:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.quiz-cat b{display:block;font-family:var(--f-display);font-weight:580;font-size:1.08rem;margin:12px 0 4px;color:var(--ink)}
.quiz-cat small{display:block;color:var(--muted);font-size:.8rem;line-height:1.5}
.quiz-cat .qc-top{display:flex;justify-content:space-between;align-items:center}
.quiz-cat .card-ic{margin:0;width:44px;height:44px}
.qc-best{display:inline-block;margin-top:10px;font-size:.74rem;font-weight:700;color:var(--green-600)}
.quiz-panel{padding:clamp(18px,3vw,30px);border-radius:var(--radius-xl)}
.quiz-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.quiz-head h2{font-size:1.4rem;margin:0}
.quiz-head p{margin:6px 0 0;font-size:.9rem}
.quiz-opts{display:flex;gap:16px;flex-wrap:wrap}
.q-progress{display:block;height:6px;border-radius:999px;background:var(--line);overflow:hidden}
.q-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));transition:width .5s var(--ease-out)}
.q-top{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;font-weight:650;color:var(--muted);margin-bottom:10px}
.q-score b{font-family:var(--f-display);font-size:1.15rem;color:var(--brand)}
.q-meta{display:flex;gap:8px;align-items:center;margin:20px 0 10px}
.q-text{font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.4;outline:none}
.q-opts{display:grid;gap:10px;margin-top:18px}
.q-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:15px 16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);font-weight:600;color:var(--ink);transition:border-color .2s,background-color .2s,transform .3s var(--ease-out)}
.q-opt:hover:not([disabled]){border-color:var(--brand);transform:translateX(3px)}
.q-opt .q-key{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--blue-50);color:var(--brand);font-weight:800;font-size:.8rem;flex-shrink:0}
.q-opt[disabled]{cursor:default}
.q-opt.correct{border-color:var(--green-500);background:#f0fdf4}
.q-opt.wrong{border-color:var(--red-600);background:#fef2f2}
html[data-theme="dark"] .q-opt.correct{background:rgba(34,197,94,.12)}
html[data-theme="dark"] .q-opt.wrong{background:rgba(220,38,38,.12)}
.q-opt.correct .q-key{background:var(--green-500);color:#fff}
.q-opt.wrong .q-key{background:var(--red-600);color:#fff}
.q-explain{margin-top:16px;animation:fadeUp .5s var(--ease-out)}
.q-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.q-hint{font-size:.74rem;color:var(--faint);font-weight:650}
.diff{font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.diff-Easy{background:#dcfce7;color:#166534}.diff-Medium{background:var(--amber-100);color:#92400e}.diff-Hard{background:var(--red-100);color:#991b1b}
.quiz-done{text-align:center}
.score-ring{width:150px;height:150px;margin:0 auto;position:relative}
.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.score-ring circle{fill:none;stroke-width:10}
.score-ring .bg{stroke:var(--line)}
.score-ring .fg{stroke:url(#scoreGrad);stroke-linecap:round;stroke-dasharray:408;stroke-dashoffset:408;transition:stroke-dashoffset 1.4s var(--ease-out)}
.score-ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:500;font-size:2.1rem;color:var(--ink)}
.q-pct{font-weight:700;color:var(--muted);margin:12px 0 6px}
.q-msg{max-width:620px;margin:10px auto 0}
.q-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:520px;margin:22px auto 0}
.q-breakdown div{padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.q-breakdown small{display:block;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.q-breakdown b{font-family:var(--f-display);font-weight:500;font-size:1.6rem;color:var(--ink)}
.q-breakdown b.ok{color:var(--green-600)}.q-breakdown b.bad{color:var(--red-600)}
.center-row{justify-content:center}
.q-review{text-align:left;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.q-review h3{font-size:1.12rem}
.q-review ol{padding-left:20px;display:grid;gap:14px}
.q-review li b{display:block;color:var(--ink);font-weight:700;margin-bottom:4px}
.q-review .rv-you,.q-review .rv-ok{display:block;font-size:.86rem;font-weight:700}
.q-review .rv-you{color:var(--red-600)}.q-review .rv-ok{color:var(--green-600)}
.q-review small{display:block;color:var(--muted);margin-top:4px;line-height:1.5}
.faq-nav{margin-bottom:28px;justify-content:center}
.faq-nav .pill-btn .ic{width:14px;height:14px}
.faq-group{margin-bottom:38px;scroll-margin-top:110px}
.faq-gh{display:flex;align-items:center;gap:12px;font-size:1.35rem;margin-bottom:16px}
.faq-gh .card-ic{margin:0;width:42px;height:42px}
.gloss-bar{margin-bottom:24px;position:sticky;top:calc(var(--header-h) + 8px);z-index:5;padding:12px 14px}
.az{display:flex;flex-wrap:wrap;gap:6px}
.az a{width:34px;height:34px;border-radius:8px;display:inline-grid;place-items:center;background:var(--surface);border:1px solid var(--line-strong);font-weight:700;font-size:.85rem;color:var(--ink);transition:background-color .2s,color .2s,border-color .2s}
.az a:hover{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.gloss-letter{scroll-margin-top:120px}
.gloss-h{font-size:1.8rem;font-style:italic;font-weight:420;color:var(--brand);margin:26px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.gloss-list{margin:0;display:grid;gap:10px}
.gloss-item{padding:15px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:border-color .25s}
.gloss-item:hover{border-color:var(--line-strong)}
.gloss-item dt{font-family:var(--f-display);font-weight:600;font-size:1.04rem;color:var(--ink)}
.gloss-item dd{margin:4px 0 0;color:var(--muted);font-size:.92rem;line-height:1.6}
.tool-bar{padding:18px;border-radius:var(--radius-lg);display:grid;gap:14px}
.tool-q{position:relative;display:flex;align-items:center}
.tool-q>.ic{position:absolute;left:16px;width:20px;height:20px;color:var(--faint);pointer-events:none}
.tool-q .input{padding:16px 52px 16px 48px;font-size:1.05rem;border-radius:12px;min-height:56px}
.tool-q .input::-webkit-search-cancel-button{display:none}
.tool-clear{position:absolute;right:8px;opacity:0;pointer-events:none;transition:opacity .2s}
.has-q .tool-clear{opacity:1;pointer-events:auto}
.tool-pop{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.8rem;color:var(--faint);font-weight:650}
.tool-pop>span:first-child{margin-right:4px}
.tool-cats{margin:0}
.tool-cats .filter-btn{padding:7px 13px;font-size:.8rem}
.tool-count{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 2px 10px;font-size:.86rem;color:var(--muted)}
.tool-count b{color:var(--ink)}
.tool-count .link-arrow{background:none;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:.82rem}
.tool-empty{display:flex;gap:10px;align-items:center;padding:16px;border-radius:12px;border:1px dashed var(--line-strong);color:var(--muted);margin-top:12px}
.ft-table td{vertical-align:middle}
.ft-table .ft-cat{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:3px}
.ft-old,.ft-new{display:inline-block;font-weight:700;white-space:nowrap;padding:4px 10px;border-radius:7px;font-size:.88rem;font-variant-numeric:tabular-nums}
.ft-old{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.ft-new{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200)}
.ft-arrow{color:var(--faint);font-weight:800;width:28px;text-align:center}
.ft-table tr.ft-hit{background:var(--blue-50)}
.ft-top{position:relative;isolation:isolate;overflow:hidden;margin-top:16px;padding:22px 24px;border-radius:var(--radius-lg);background:var(--navy-900);color:#fff;box-shadow:var(--shadow);animation:fadeUp .45s var(--ease-out)}
.ft-top::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 200px at 100% 0%,rgba(43,159,224,.4),transparent 65%)}
.ft-top .eyebrow{color:var(--sky-300)}
.ft-big{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:10px}
.ft-big small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-weight:700;margin-bottom:4px}
.ft-big b{font-family:var(--f-display);font-weight:500;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1;padding:0;border:0;background:none;color:#fff}
.ft-big .ft-new{color:var(--sky-300)}
.ft-arrow-big{font-size:1.8rem;opacity:.7}
.ft-sub{margin:10px 0 0;font-weight:650;color:rgba(255,255,255,.9)}
.ft-note{display:block;margin-top:6px;opacity:.8}
.rate{display:inline-block;min-width:64px;text-align:center;padding:5px 10px;border-radius:999px;font-weight:800;font-size:.8rem;white-space:nowrap}
.rate.r0{background:#dcfce7;color:#166534}.rate.r3{background:#fef9c3;color:#854d0e}.rate.r5{background:var(--blue-100);color:var(--blue-700)}.rate.r18{background:#ede9fe;color:#5b21b6}.rate.r40{background:var(--red-100);color:#991b1b}.rate.rout{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
html[data-theme="dark"] .rate.r0{background:rgba(34,197,94,.15);color:#86efac}html[data-theme="dark"] .rate.r3{background:rgba(234,179,8,.15);color:#fde047}html[data-theme="dark"] .rate.r18{background:rgba(139,92,246,.18);color:#c4b5fd}html[data-theme="dark"] .rate.r40{background:rgba(220,38,38,.18);color:#fca5a5}
.rate-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:18px;border-radius:var(--radius-lg)}
.rate-leg{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.rate-leg small{font-size:.78rem;color:var(--muted);line-height:1.45}
.itr-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.itr-form{padding:clamp(16px,2.4vw,24px);border-radius:var(--radius-lg);display:grid;gap:22px}
.itr-q{border:0;padding:0;margin:0;min-width:0}
.itr-q legend{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:560;font-size:1.08rem;color:var(--ink);margin-bottom:12px;padding:0}
.itr-q legend small{font-family:var(--f-body);font-weight:550;font-size:.76rem;color:var(--faint)}
.itr-n{width:26px;height:26px;border-radius:7px;display:inline-grid;place-items:center;background:var(--navy-900);color:#fff;font-family:var(--f-body);font-size:.78rem;font-weight:700;flex-shrink:0}
html[data-theme="dark"] .itr-n{background:#2a6fc4}
.itr-out{position:sticky;top:96px}
.itr-card{position:relative;isolation:isolate;overflow:hidden;padding:26px;border-radius:var(--radius-lg);background:var(--navy-900);color:#dbe5f3;box-shadow:var(--shadow-lg)}
.itr-card::before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(147,197,253,.06) 31px 32px),radial-gradient(420px 220px at 100% 0%,rgba(43,159,224,.35),transparent 65%)}
.itr-card.pop{animation:fadeUp .45s var(--ease-out)}
.itr-card .eyebrow{color:var(--sky-300)}
.itr-name{font-family:var(--f-display);font-weight:500;font-size:3.3rem;line-height:1;color:#fff;margin-top:12px;letter-spacing:-.03em}
.itr-alias{display:inline-block;margin-top:10px;padding:3px 10px;border-radius:999px;background:rgba(147,208,244,.14);color:var(--sky-300);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.itr-desc{color:#c3d3e8;font-size:.92rem;margin:12px 0}
.itr-card .ticks li{color:#dbe5f3;font-size:.86rem}
.itr-card .ticks li::before{background-color:rgba(147,208,244,.14);border-color:rgba(147,208,244,.3)}
.itr-kv{margin-top:14px;grid-template-columns:1fr;gap:4px;font-size:.86rem}
.itr-kv dt{color:#fff;margin-top:8px}.itr-kv dd{color:#c3d3e8}
.itr-card .btn-glass{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
.itr-card .btn-glass .ic{color:#fff}
.itr-card .btn-glass:hover{background:#fff;color:var(--navy-900)}
.itr-out .calc-note{margin-top:12px}
.itr-mini{display:none}
.cal-bar .cal-opts{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cal-jump .pill-btn{padding:5px 10px}
.cal-next{display:flex;gap:14px;align-items:center;margin-top:16px;padding:16px 18px;border-radius:var(--radius-lg);border-left:3px solid var(--amber-600)}
.cal-next-ic{font-size:1.6rem}
.cal-next small{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.cal-next b{display:block;font-family:var(--f-display);font-weight:580;font-size:1.12rem;color:var(--ink);margin:2px 0}
.cal-next span{font-size:.86rem;color:var(--muted)}
.cal-list{margin-top:22px}
.cal-month{margin-bottom:28px;scroll-margin-top:110px}
.cal-mh{font-size:1.3rem;display:flex;align-items:baseline;gap:10px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.cal-mh small{font-family:var(--f-body);font-size:.76rem;color:var(--faint);font-weight:650}
.cal-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:border-color .25s}
.cal-item:hover{border-color:var(--line-strong)}
.cal-item+.cal-item{margin-top:8px}
.cal-date{text-align:center;padding:7px 6px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);line-height:1.05}
.cal-date b{display:block;font-family:var(--f-display);font-weight:500;font-size:1.45rem;color:var(--ink)}
.cal-date small{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--faint)}
.cal-item.past{opacity:.55}
.cal-item.soon{border-color:var(--amber-600);box-shadow:0 0 0 3px rgba(217,119,6,.1)}
.cal-body b{display:block;font-size:.95rem;color:var(--ink);line-height:1.35}
.cal-body p{margin:4px 0 8px;font-size:.84rem;color:var(--muted);line-height:1.5}
.cal-act{display:flex;align-items:center;gap:8px}
.cal-act .icon-btn{width:38px;height:38px}
.cal-cat-it{background:var(--blue-100)!important;color:var(--blue-700)!important}.cal-cat-gst{background:#dcfce7!important;color:#166534!important}.cal-cat-tds{background:#ede9fe!important;color:#5b21b6!important}.cal-cat-roc{background:var(--amber-100)!important;color:#92400e!important}
.highlight-row{animation:flash 1.4s var(--ease)}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.checklist label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .2s,background-color .2s}
.checklist label:hover{border-color:var(--line-strong)}
.checklist input{margin-top:4px;accent-color:var(--brand);width:18px;height:18px;flex-shrink:0}
.checklist input:checked+span{text-decoration:line-through;color:var(--faint)}
.ck-panel{margin-top:18px;padding:clamp(18px,2.6vw,26px);border-radius:var(--radius-lg)}
.ck-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ck-head h2{font-size:1.45rem;margin:6px 0 0}
.ck-prog{min-width:180px;text-align:right}
.ck-prog b{font-family:var(--f-display);font-weight:500;font-size:1.35rem;color:var(--ink)}
.ck-prog .q-progress{margin-top:6px}
.ck-panel.complete .ck-prog b{color:var(--green-600)}
.trust-card .tci.tci-logo{background:#fff}
.net-cards{max-width:920px;margin:0 auto}
.net-card{position:relative;padding:34px 28px;border-radius:var(--radius-xl);text-align:center;overflow:hidden;transition:transform .6s var(--ease-out),box-shadow .6s}
.net-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.net-logo{position:relative;width:120px;height:120px;margin:0 auto 22px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 18px 40px -22px rgba(11,27,51,.5);border:1px solid var(--line)}
.net-logo::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed var(--blue-300);animation:spinSlow 30s linear infinite}
.net-logo img{max-width:78px;max-height:78px;object-fit:contain}
.net-card h3{font-size:1.28rem;margin:0 0 6px}
.net-card p{margin:0;color:var(--muted)}
.team-card{text-align:left}
.team-card .net-logo{margin-left:0;width:96px;height:96px}
.team-card .net-logo img{max-width:62px;max-height:62px}
.team-card .net-logo .ic-xl{width:44px;height:44px;color:var(--navy-900)}
.team-card .ticks{margin-top:14px}
.guide-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.guide-chip{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-lg);color:var(--ink);transition:transform .5s var(--ease-out),box-shadow .5s,border-color .3s}
.guide-chip:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong);color:var(--ink)}
.guide-chip .card-ic{margin:0;width:42px;height:42px}
.guide-chip .card-ic .ic{width:19px;height:19px}
.guide-chip b{flex:1;min-width:0;font-family:var(--f-display);font-weight:580;color:var(--ink);font-size:.98rem;line-height:1.3}
.guide-chip>.ic{width:16px;height:16px;color:var(--brand);transition:transform .4s var(--ease-out)}
.guide-chip:hover>.ic{transform:translateX(4px)}
.res-group{margin-bottom:32px}
.rr-form{padding:clamp(18px,2.6vw,26px);border-radius:var(--radius-xl)}
.rr-out{margin-top:26px}
.rr-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border-radius:var(--radius-lg);margin-bottom:18px}
.rr-summary small{display:block;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.rr-summary b{font-family:var(--f-display);font-weight:560;color:var(--ink)}
.rr-list{display:grid;gap:16px}
.rr-receipt{background:#fff;color:#0f172a;border:1.5px dashed #94a3b8;border-radius:12px;padding:20px 22px;break-inside:avoid;page-break-inside:avoid}
.rr-receipt header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:10px}
.rr-receipt header b{font-family:var(--f-display);letter-spacing:.14em;color:#0b1b33}
.rr-receipt header span{font-size:.82rem;color:#475569;font-weight:700}
.rr-receipt p{margin:0 0 14px;line-height:1.7;color:#0f172a}
.rr-receipt footer{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;align-items:end}
.rr-receipt footer small{display:block;font-size:.7rem;color:#64748b;font-weight:700}
.rr-receipt footer b{color:#0f172a}
.rr-sign{text-align:right;border-top:1px solid #94a3b8;padding-top:6px;position:relative}
.rr-stamp{position:absolute;right:0;bottom:30px;font-size:.66rem;font-weight:800;color:#b45309;border:1.5px solid #f59e0b;border-radius:6px;padding:6px 8px;background:#fffbeb}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
.contact-card{padding:clamp(22px,3vw,32px)}
.contact-card h2{font-size:1.5rem;margin-bottom:.3em}
.contact-card .socials{margin-top:12px}
.svc-panel{padding:clamp(22px,4vw,40px)}
.media-card{overflow:hidden}
.svc-hero .back-link{margin:16px 0 18px}
.svc-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,4.5vw,64px);align-items:center;margin-top:6px}
.svc-kicker{display:flex;align-items:center;gap:14px}
.svc-kicker .card-ic{margin:0;width:58px;height:58px;border-radius:14px;background:var(--navy-900);border-color:var(--navy-900);color:#d6ebfb}
html[data-theme="dark"] .svc-kicker .card-ic{background:#2a6fc4;border-color:#2a6fc4}
.svc-kicker small{display:block;margin-top:6px;font-size:.8rem;font-weight:650;color:var(--muted)}
.svc-hero h1{margin:.5em 0 .3em}
.glance{position:relative;isolation:isolate;overflow:hidden;padding:26px 26px 22px;border-radius:var(--radius-lg);background:var(--navy-900);color:#d4dfee;box-shadow:var(--shadow-lg)}
.glance::before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(147,197,253,.06) 31px 32px),radial-gradient(360px 200px at 100% 0%,rgba(43,159,224,.35),transparent 65%)}
.glance .eyebrow{color:var(--sky-300)}
.glance .eyebrow::before{color:var(--sky-400)}
.glance .ticks{margin-top:16px;gap:10px}
.glance .ticks li{color:#dbe5f3;font-size:.9rem;line-height:1.5}
.glance .ticks li::before{background-color:rgba(147,208,244,.14);border-color:rgba(147,208,244,.3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393d0f4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.glance .ticks b,.glance .ticks strong{color:#fff}
.glance .sec .so,.glance .sec .sa{background:rgba(255,255,255,.08);color:#c3d3e8}
.glance .sec .sn{background:rgba(147,208,244,.16);color:#e4f3fc}
.glance .sec{border-color:rgba(147,208,244,.3)}
.glance-foot{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#a9bdd8}
.glance-foot .ic{color:#4ade80;margin-top:1px}
.quiz-cat{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
.quiz-cat .qc-top{width:100%}
html.js [data-reveal]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .95s var(--ease-out),transform 1.05s var(--ease-out);transition-delay:var(--d,0s)}
html.js [data-reveal="left"]{transform:translate3d(-26px,0,0)}
html.js [data-reveal="right"]{transform:translate3d(26px,0,0)}
html.js [data-reveal="zoom"]{transform:scale(.965)}
html.js [data-reveal="fade"]{transform:none}
html.js [data-reveal].in{opacity:1;transform:none}
html.js .sec-head[data-reveal] .eyebrow::after{transform:scaleX(0);transition:transform 1.1s var(--ease-out) .25s}
html.js .sec-head[data-reveal].in .eyebrow::after{transform:scaleX(1)}
html.js .hero [data-hero]{opacity:0;transform:translateY(18px);animation:fadeUp 1.05s var(--ease-out) forwards;animation-delay:var(--d,0s)}
html.js .hero h1 .line>span{transform:translateY(112%);animation:lineUp 1.15s var(--ease-out) forwards;animation-delay:var(--d,0s)}
html.js .hero .arch-frame{clip-path:inset(100% 0 0 0);animation:unveil 1.5s var(--ease-io) .25s forwards}
html.js .hero .arch-frame img{transform:scale(1.14);animation:settle 2.2s var(--ease-out) .25s forwards}
html.js .hero .arch::before{opacity:0;transform:translate(-10px,10px);animation:fadeIn 1s var(--ease-out) 1s forwards}
html.js .hero .arch::after{opacity:0;animation:fadeIn 1.2s var(--ease-out) 1.1s forwards}
html.js .hero .pcard{opacity:0;transform:translateY(16px);animation:fadeUp .9s var(--ease-out) 1.25s forwards}
html.js .hero .float-chip{opacity:0;animation:chipIn .9s var(--ease-out) forwards,floatY 8s ease-in-out 2.4s infinite}
html.js .hero .fc-1{animation-delay:1.4s,2.4s}
html.js .hero .fc-2{animation-delay:1.55s,3.4s}
html.js .hero .fc-3{animation-delay:1.7s,4.4s}
html.js .hero .ptag{opacity:0;animation:fadeIn 1s var(--ease-out) 1.3s forwards}
html.pl-wait .hero *,html.pl-wait .hero{animation-play-state:paused!important}
@keyframes lineUp{to{transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fadeIn{to{opacity:1;transform:none}}
@keyframes unveil{to{clip-path:inset(0 0 0 0)}}
@keyframes settle{to{transform:scale(1)}}
@keyframes chipIn{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@keyframes floatY{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes rise{to{transform:none}}
@keyframes plpop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes load{to{transform:none}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
@keyframes ringOut{0%,55%{transform:scale(1);opacity:0}60%{opacity:.7}100%{transform:scale(1.6);opacity:0}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes flash{0%{background:rgba(250,204,21,.35)}100%{background:transparent}}
@keyframes tipScale{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}
@keyframes countPop{0%{transform:translateY(6px);opacity:.3}100%{transform:none;opacity:1}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .28s var(--ease) both}
::view-transition-new(root){animation:vtIn .5s var(--ease-out) both}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  html.js [data-reveal],html.js .hero [data-hero],html.js .hero h1 .line>span,html.js .hero .pcard,html.js .hero .float-chip,html.js .hero .ptag,html.js .hero .arch::before,html.js .hero .arch::after{opacity:1!important;transform:none!important;translate:none!important}
  html.js .hero .arch-frame{clip-path:none!important}
  html.js .hero .arch-frame img{transform:none!important}
  .preloader{display:none!important}
  .marquee-track{animation:none}
  .net-logo::after{animation:none}
}
@media print{
  .topbar,.site-header,.site-footer,.fab-wa,.fab-top,.wa-menu,.bk,.progress-bar,.no-print,.drawer,.drawer-backdrop,.palette,.toast{display:none!important}
  body{background:#fff;color:#000}
  .card,.glass,.table-wrap{box-shadow:none;border-color:#ccc}
  html.js [data-reveal]{opacity:1;transform:none}
  .page-hero::before,.page-hero::after{display:none}
  body.print-ck main>section:not(#checklists),body.print-ck .no-print,body.print-ck .page-hero{display:none!important}
  body.print-ck .ck-panel[hidden]{display:none!important}
  body.print-ck .ck-panel{box-shadow:none;border:0;padding:0}
  .cal-act .icon-btn{display:none}
  body.print-rr main>section:not(:has(.rr-out)),body.print-rr .page-hero,body.print-rr .no-print,body.print-rr .rr-form,body.print-rr .rr-summary{display:none!important}
  body.print-rr .rr-receipt{border-color:#64748b;margin-bottom:10px}
}
@media (max-width:1600px){
  .tb-mail{display:none!important}
  .tb-site em{display:none}
}
@media (max-width:1520px){
  .tb-note{display:none}
  .tb-note-s{display:block;overflow:hidden;text-overflow:ellipsis;min-width:0}
}
@media (max-width:960px){
  .tb-left,.tb-sep{display:none}
  .tb-right{width:100%;justify-content:space-between}
}
@media (max-width:1280px){
  .nav-link{padding:10px 10px;font-size:.87rem}
  .nav-link::after{left:10px;right:10px}
  .tb-site em{display:none}
}
@media (max-width:1180px){
  .brand-name small{display:none}
  .nav-shell{gap:12px}
  .nav-link{padding:10px 8px;font-size:.85rem}
  .nav-link::after{left:8px;right:8px}
  .nav-actions{gap:6px}
  .nav-actions .btn{padding-left:.9em;padding-right:.9em}
  .nav-actions .btn .ic{display:none}
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-grid .footer-brand{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 40px;align-items:start}
  .footer-grid .footer-brand>p{margin:14px 0 0}
  .footer-grid .footer-brand>.brand{grid-column:1/-1}
  .footer-grid .footer-brand>.btn,.footer-grid .footer-brand>.footer-site-link{grid-column:2;align-self:start}
  .footer-grid .footer-brand>.footer-site-link{margin-top:0}
  .footer-grid .footer-brand>.btn{grid-row:2;margin-top:14px}
  .footer-grid .footer-brand>.footer-site-link{grid-row:3}
  .trust-tile{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
  .trust-chips{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;padding-top:16px!important;border-top:1px solid var(--line)}
  .trust-cards{border-right:0}
  .fc-2{right:-6%}
}
@media (max-width:1120px){
  .main-nav,.nav-actions .btn{display:none}
  .burger{display:inline-grid}
  .nav-actions{margin-left:auto}
}
@media (max-width:1060px){
  :root{--header-h:68px}
  .hero-grid,.split,.split-rev,.page-hero.with-media .container,.article-layout,.faq-split{grid-template-columns:minmax(0,1fr)}
  .hero-visual{max-width:400px}
  .g4,.steps.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps.g4 .step::after{display:none}
  .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pillar:nth-child(3){border-left:0}
  .pillar:nth-child(n+3){border-top:1px solid var(--line)}
  .plan-grid{grid-template-columns:minmax(0,1fr)}
  .calc,.itr-wrap{grid-template-columns:minmax(0,1fr)}
  .calc-result,.itr-out{position:static}
  .calc-mini{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:12px;z-index:6;margin-right:72px;padding:12px 16px;border-radius:12px;color:#fff;background:var(--navy-900);box-shadow:var(--shadow-lg)}
  .calc-mini span{font-size:.7rem;font-weight:700;color:var(--sky-300);text-transform:uppercase;letter-spacing:.1em;line-height:1.2}
  .calc-mini b{color:#fff;font-family:var(--f-display);font-weight:500;font-size:1.3rem;white-space:nowrap}
  .itr-mini{display:flex;align-items:center;gap:10px;position:sticky;bottom:12px;z-index:6;margin:-8px 72px 0 0;padding:12px 16px;border-radius:12px;border:0;background:var(--navy-900);color:#fff;font:inherit;box-shadow:var(--shadow-lg);cursor:pointer}
  .itr-mini span{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sky-300)}
  .itr-mini b{font-family:var(--f-display);font-weight:500;font-size:1.3rem;margin-left:auto;color:#fff}
  .itr-mini .ic{width:18px;height:18px}
  .toc{position:static}
  .article-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  .article-layout>aside{display:contents}
  .article-layout>aside>.toc{order:-1}
  .article-layout>article{order:0}
  .article-layout>aside>:not(.toc){order:1;margin-top:0}
  .page-hero-media{justify-self:start;max-width:520px}
  .faq-side{position:static}
  .rate-legend{grid-template-columns:repeat(3,minmax(0,1fr))}
  .guide-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-mark{font-size:clamp(1.6rem,7.2vw,5rem)}
}
@media (max-width:900px){
  .contact-grid{grid-template-columns:minmax(0,1fr)}
  .tb-mail{display:none!important}
}
@media (max-width:760px){
  body{font-size:15.5px}
  .container{padding:0 18px}
  .topbar{font-size:.74rem}
  .topbar .container{min-height:36px;gap:10px}
  .tb-left,.tb-sep,.tb-more{display:none}
  .tb-right{width:100%;justify-content:space-between;gap:10px;min-width:0}
  .tb-right a span{white-space:nowrap}
  .nav-shell{padding:0 14px 0 16px;gap:10px}
  :root{--header-h:62px}
  .site-header.scrolled .nav-shell{height:58px}
  .brand{gap:10px}
  .brand-mark{width:38px;height:38px;border-radius:10px}
  .brand-mark::before{inset:3px;border-radius:7px}
  .brand-mark .ic{width:19px;height:19px}
  .brand-name b{font-size:1.16rem}
  .nav-actions{gap:6px}
  .icon-btn{width:40px;height:40px}
  .section{padding:56px 0}
  .section-sm{padding:40px 0}
  .g2,.g3,.g4,.form-grid,.ticks.two,.compare,.steps.g4,.office-grid,.est-row{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat:nth-child(3){border-left:0}
  .stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.09)}
  .slider-head{flex-direction:column;align-items:flex-start}
  .slider>*{flex-basis:84%}
  .slider-ctrl{display:none}
  .slider-hint{display:block}
  .hero{padding-top:28px}
  .hero h1{margin:20px 0 18px}
  .hero-cta .btn{flex:1 1 100%}
  .hero-visual{max-width:330px;padding:26px 10px 40px 26px;margin-top:6px}
  .ptag,.float-chip{display:none}
  .pcard{min-width:0;left:-6px;right:28px}
  .founder-strip{padding:12px 14px}
  .trust-tile{grid-template-columns:minmax(0,1fr);padding:18px 0}
  .trust-tile>*{padding:0 18px}
  .trust-cards{border:0;border-top:1px solid var(--line);padding-top:16px!important}
  .trust-chips{padding-top:14px!important}
  .pillars{grid-template-columns:minmax(0,1fr)}
  .pillar{border-left:0;padding:28px 6px 26px}
  .pillar:nth-child(n+2){border-top:1px solid var(--line)}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}
  .footer-grid .footer-brand{display:block}
  .footer-grid .footer-brand>.footer-site-link{margin-top:14px}
  .footer-grid .footer-col:last-child{grid-column:1/-1}
  .footer-grid.fc-on{grid-template-columns:minmax(0,1fr);gap:0}
  .fc-on .footer-brand{margin-bottom:22px}
  .fc-on .footer-col[data-fc]{border-top:1px solid rgba(255,255,255,.1)}
  .fc-on .footer-col[data-fc]+.footer-col:not([data-fc]){border-top:1px solid rgba(255,255,255,.1);padding-top:22px}
  .fc-on .footer-col[data-fc] h4{display:flex;align-items:center;justify-content:space-between;margin:0;padding:17px 0;cursor:pointer;-webkit-user-select:none;user-select:none}
  .fc-on .footer-col[data-fc] h4::after{content:"";width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .35s var(--ease-out);opacity:.7}
  .fc-on .footer-col[data-fc].open h4::after{transform:rotate(-135deg) translateY(-2px)}
  .fc-on .footer-col[data-fc] ul{display:none;padding:0 0 18px}
  .fc-on .footer-col[data-fc].open ul{display:grid}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .photo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .photo-grid .media:first-child{grid-row:auto;grid-column:1/-1;aspect-ratio:4/3.4}
  .cal-item{grid-template-columns:60px minmax(0,1fr)}
  .cal-item .status,.cal-item .cal-act{grid-column:2}
  .cal-item .cal-act{justify-content:space-between}
  .bar{grid-template-columns:84px 1fr 80px}
  .card{--card-p:22px}
  .calc-panel{padding:18px}
  .dl-item{grid-template-columns:52px minmax(0,1fr);gap:12px}
  .dl-left{grid-column:2;justify-self:start}
  .dl-date{height:52px}
  .fab-wa{right:14px;bottom:14px;width:54px;height:54px}
  .fab-top{right:19px;bottom:80px}
  .wa-menu{right:14px;bottom:80px}
  .bk{padding:0;align-items:flex-end}
  .bk-box{width:100%;border-radius:20px 20px 0 0;max-height:94vh;max-height:94dvh}
  .bk-head{padding:20px 58px 16px 20px}
  .bk-body{padding:18px 20px}
  .bk-foot{padding:14px 20px calc(16px + env(safe-area-inset-bottom))}
  .tool-bar{padding:14px}
  .tool-q .input{font-size:1rem;padding:14px 48px 14px 44px}
  .ft-table{min-width:0}
  .ft-table th:nth-child(3),.ft-table td.ft-arrow{display:none}
  .ft-table th,.ft-table td{padding:10px}
  .ft-old,.ft-new{font-size:.8rem;padding:3px 7px}
  .rate-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .itr-name{font-size:2.7rem}
  .ck-prog{text-align:left;min-width:0;width:100%}
  .feature-post{grid-template-columns:minmax(0,1fr)}
  .fp-media{min-height:200px}
  .rr-summary{grid-template-columns:minmax(0,1fr)}
  .rr-receipt footer{grid-template-columns:1fr 1fr}
  .rr-sign{grid-column:1/-1}
  .guide-chips{grid-template-columns:minmax(0,1fr)}
  .quiz-opts{width:100%}
  .q-hint{display:none}
  .q-actions .btn-primary{flex:1}
  .q-breakdown b{font-size:1.3rem}
  .gloss-bar{position:static}
  .cal-jump{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .cal-jump .pill-btn{flex-shrink:0}
  .tool-pop:not(.cal-jump):not(.faq-nav){flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .tool-pop .pill-btn{flex-shrink:0}
  html.js [data-reveal="left"],html.js [data-reveal="right"]{transform:translate3d(0,22px,0)}
  .page-hero::after{font-size:13rem;right:-4%}
  .statement::before{inset:8px}
  .cta-band::after{display:none}
  .author-box{flex-direction:column;align-items:flex-start;text-align:left}
}
@media (max-width:520px){
  .brand-name small{display:none}
  .btn-lg{--bh:52px;padding:.8em 1.3em;font-size:.96rem}
  .stats .stat{padding:22px 18px}
  .stat::after{left:18px}
  .stat span{font-size:.8rem}
  .est-cmp{gap:10px}
  .est-r{padding:14px}
  .bk-opts,.bk-opts.three{grid-template-columns:minmax(0,1fr)}
  .q-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}
@media (max-width:600px){
  .grid>a.card-hover:not(.post-card):not(.slide-card){--card-p:18px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;padding:18px 44px 18px 18px}
  .grid>a.card-hover:not(.post-card):not(.slide-card) .slide-top{display:contents}
  .grid>a.card-hover:not(.post-card):not(.slide-card) .card-ic{grid-column:1;grid-row:1/span 3;width:44px;height:44px;margin:0;border-radius:11px}
  .grid>a.card-hover:not(.post-card):not(.slide-card) .card-ic .ic{width:20px;height:20px}
  .grid>a.card-hover:not(.post-card):not(.slide-card) .tag{grid-column:2;justify-self:start;margin:0 0 6px}
  .grid>a.card-hover:not(.post-card):not(.slide-card)>h3{grid-column:2;font-size:1.08rem;margin:2px 0 .3em}
  .grid>a.card-hover:not(.post-card):not(.slide-card)>p{grid-column:2;margin:0;font-size:.9rem}
  .grid>a.card-hover:not(.post-card):not(.slide-card) .card-foot{position:absolute;top:18px;right:16px;margin:0;padding:0;border:0}
  .grid>a.card-hover:not(.post-card):not(.slide-card) .card-foot span{display:none}
  .grid>a.card-hover:not(.post-card):not(.slide-card)::before{left:18px;right:18px}
  .grid.g-auto,.grid.g3{gap:12px}
  .steps.g4{gap:12px}
  .step{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;padding:20px 18px}
  .step::before{grid-row:1/span 2;font-size:2.1rem;margin:0}
  .step h3{margin:2px 0 .3em}
  .serve-wrap{gap:8px}
  .serve-wrap .pill{padding:7px 11px;font-size:.8rem}
  .serve-wrap .pill .ic{width:14px;height:14px}
  .home-blog .grid>*:nth-child(n+4){display:none}
  .hero-badge{font-size:.58rem;letter-spacing:.05em;gap:8px}
  .est-form .seg span{font-size:.78rem}
  .est-form .seg span .ic{display:none}
  .hb-seal{width:24px;height:24px}
  .hb-seal .ic{width:13px;height:13px}
}
@media (max-width:420px){
  .rate-legend{grid-template-columns:minmax(0,1fr)}
  .opt>span{padding:10px;gap:8px}
  .opt em{font-size:.84rem}
  .trust-cards{grid-template-columns:minmax(0,1fr)}
  .tb-right{gap:8px}
  .tb-site{padding:3px 8px 3px 3px}
  .hero-badge{font-size:.62rem;letter-spacing:.06em}
}
@media (max-width:380px){
  .container{padding:0 15px}
  .nav-shell{padding:0 10px 0 14px}
  .brand-name b{font-size:1.06rem}
  .brand-mark{width:36px;height:36px}
  .icon-btn{width:38px;height:38px}
  .nav-actions{gap:5px}
  .btn{padding-left:1em;padding-right:1em}
  .opt-grid{grid-template-columns:minmax(0,1fr)}
  .tb-right a .ic{display:none}
  .stats{grid-template-columns:minmax(0,1fr)}
  .stat{border-left:0!important}
  .stat:nth-child(n+2){border-top:1px solid rgba(255,255,255,.09)}
}
@media (max-width:1060px){
  .svc-hero-grid{grid-template-columns:minmax(0,1fr);align-items:start}
}
@media (max-width:520px){
  .bk-count{display:none}
  .bk-foot .btn{flex:1 1 0;min-width:0}
  .bk-foot{gap:10px}
}
.pt-0{padding-top:0!important}
.map-banner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.mb-side{padding:22px 26px;display:flex;flex-direction:column;gap:4px}
.mb-side small{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.mb-side b{font-family:var(--f-display);font-weight:500;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.mb-side span{font-size:.84rem;color:var(--muted)}
.mb-new{background:var(--navy-900);position:relative;isolation:isolate}
.mb-new::before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(180deg,transparent 0 27px,rgba(147,197,253,.07) 27px 28px),radial-gradient(360px 160px at 100% 0%,rgba(43,159,224,.4),transparent 70%)}
.mb-new small{color:var(--sky-300)}
.mb-new b{color:#fff}
.mb-new span{color:#b6c8df}
.mb-arrow{display:grid;place-items:center;width:64px;background:linear-gradient(90deg,var(--surface),var(--navy-900));color:#fff}
.mb-arrow .ic{width:26px;height:26px;padding:6px;border-radius:50%;background:var(--brand);box-sizing:content-box;box-shadow:0 0 0 6px rgba(43,159,224,.18)}
.mb-note{margin:12px 0 0;font-size:.82rem;color:var(--faint)}
.qf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.qf{padding:16px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--brand);box-shadow:var(--shadow-xs)}
.qf small{display:block;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.qf b{display:block;font-size:.95rem;line-height:1.45;color:var(--ink);font-weight:650}
.qf .sec{font-size:.78em}
.example-box{position:relative;margin:6px 0 10px;padding:22px 22px 8px;border-radius:14px;background:var(--bg-2);border:1px dashed var(--line-strong)}
.example-box .ex-tag{position:absolute;top:-12px;left:18px;display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:var(--navy-900);color:#fff;font-family:var(--f-body);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.example-box .ex-tag .ic{width:13px;height:13px;color:var(--sky-300)}
html[data-theme="dark"] .example-box .ex-tag{background:#2a6fc4}
.mistakes{list-style:none;padding:0!important;margin:0 0 1em;display:grid;gap:10px}
.mistakes li{position:relative;margin:0;padding:12px 14px 12px 46px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:var(--text);font-size:.95rem;line-height:1.55}
.mistakes li::before{content:"!";position:absolute;left:14px;top:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--amber-600);color:#fff;font-weight:800;font-size:.8rem;font-family:var(--f-body)}
html[data-theme="dark"] .mistakes li{background:rgba(234,88,12,.1);border-color:rgba(234,88,12,.28)}
.howto-steps{list-style:none;padding:0!important;margin:0 0 1.2em;display:grid;gap:12px;counter-reset:none}
.howto-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;margin:0;padding:18px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs)}
.hs-n{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--navy-900);color:#fff;font-family:var(--f-display);font-style:italic;font-size:1.3rem}
html[data-theme="dark"] .hs-n{background:#2a6fc4}
.howto-steps h3{margin:2px 0 4px;font-size:1.08rem}
.howto-steps p{margin:0;font-size:.95rem;color:var(--muted);line-height:1.65}
.side-box{padding:18px}
.side-box h4{font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}
.side-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.side-list a{display:block;padding:8px 10px;border-radius:8px;font-size:.87rem;font-weight:600;line-height:1.4;color:var(--text);transition:background-color .2s,color .2s}
.side-list a:hover{background:var(--bg-2);color:var(--brand)}
.side-cta{padding:20px;background:linear-gradient(180deg,var(--surface),var(--bg-2))}
.side-cta p{font-size:.88rem;color:var(--muted);margin:8px 0 14px}
.updated-note{display:flex;gap:8px;align-items:flex-start;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:.82rem!important;color:var(--faint)}
.updated-note .ic{margin-top:3px;color:var(--brand)}
.lib-filter{display:flex;align-items:center;gap:16px;padding:14px;border-radius:var(--radius-lg);margin-bottom:26px}
.lib-filter .tool-q{flex:1}
.lib-count{font-size:.82rem;font-weight:700;color:var(--muted);white-space:nowrap;padding-right:6px}
.lib-group{margin-bottom:34px}
.lib-gh{font-size:1.35rem;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.lib-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow-xs);transition:transform .5s var(--ease-out),box-shadow .5s,border-color .3s}
.lib-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong);color:var(--text)}
.lib-card .card-ic{margin:0;width:42px;height:42px;border-radius:11px}
.lib-card .card-ic .ic{width:19px;height:19px}
.lib-card:hover .card-ic{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.lib-body{flex:1;min-width:0}
.lib-body b{display:block;font-family:var(--f-display);font-weight:580;font-size:1.02rem;line-height:1.3;color:var(--ink)}
.lib-body small{display:block;margin-top:4px;font-size:.82rem;color:var(--muted);line-height:1.5}
.lib-chip{display:inline-block;margin-top:8px}
.lib-card>.ic{width:16px;height:16px;color:var(--brand);margin-top:4px;transition:transform .4s var(--ease-out)}
.lib-card:hover>.ic{transform:translateX(4px)}
.lib-card.hide,.lib-group.hide{display:none}
.lib-empty{padding:18px;border-radius:12px;border:1px dashed var(--line-strong);color:var(--muted)}
.lib-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}
.lib-tile{padding:24px;display:flex;flex-direction:column;gap:10px}
.lt-head{display:flex;align-items:center;gap:14px}
.lt-head .card-ic{margin:0}
.lt-head h2{font-size:1.3rem;margin:0}
.lt-head h2 a{color:var(--ink)}
.lt-head h2 a:hover{color:var(--brand)}
.lt-head small{font-size:.78rem;font-weight:700;color:var(--faint)}
.lib-tile p{margin:0;font-size:.9rem;color:var(--muted)}
.lib-tile .link-arrow{margin-top:auto;padding-top:6px}
.lib-search-all input{cursor:pointer}
.dd-table td:first-child{white-space:nowrap;font-weight:700;color:var(--ink)}
.rate-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:800;font-size:.8rem;background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100);white-space:nowrap}
@media (max-width:1060px){
  .qf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .map-banner{grid-template-columns:minmax(0,1fr)}
  .mb-arrow{width:auto;height:40px;background:linear-gradient(180deg,var(--surface),var(--navy-900))}
  .mb-arrow .ic{transform:rotate(90deg)}
  .mb-side{padding:18px 20px}
  .lib-grid,.lib-tiles{grid-template-columns:minmax(0,1fr)}
  .lib-filter{flex-direction:column;align-items:stretch;gap:8px}
  .lib-count{text-align:right}
  .howto-steps li{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px}
  .hs-n{width:38px;height:38px;font-size:1.1rem}
}
@media (max-width:420px){
  .qf-grid{grid-template-columns:minmax(0,1fr)}
}
.cover-fig{margin:0 0 28px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 22px 50px -28px rgba(11,27,51,.55),0 0 0 1px rgba(26,98,184,.10);background:#0b1b33;aspect-ratio:1200/630}
.cover-fig img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.cover-fig:hover img{transform:scale(1.02)}
.rate-pill.rp-soon{background:var(--amber-100);color:var(--amber-700);border-color:var(--amber-100)}
.rate-pill.rp-past{background:transparent;color:var(--muted);border-color:var(--line);font-weight:700}
html[data-theme="dark"] .rate-pill.rp-soon{background:rgba(255,170,60,.14);color:#ffc078;border-color:rgba(255,170,60,.35)}
html[data-theme="dark"] .cover-fig{box-shadow:0 0 0 1px rgba(147,208,244,.14)}
@media (max-width:640px){.cover-fig{margin-bottom:20px;border-radius:14px}}
.footer-lib{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.footer-lib h4{margin:0;display:flex;align-items:center;gap:8px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;font-weight:700}
.footer-lib h4 .ic{color:var(--sky-400);width:16px;height:16px}
.footer-lib nav{display:flex;flex-wrap:wrap;gap:8px}
.footer-lib a{padding:6px 13px;border-radius:999px;border:1px solid rgba(147,208,244,.2);color:#a6b8d0;font-size:.82rem;font-weight:600;transition:background .25s,color .25s,border-color .25s,transform .35s var(--ease-out)}
.footer-lib a:hover{background:rgba(147,208,244,.1);color:#fff;border-color:rgba(147,208,244,.45);transform:translateY(-1px)}
.footer-lib + .footer-legal{margin-top:22px}
@media (max-width:640px){.footer-lib{margin-top:28px}.footer-lib a{font-size:.8rem;padding:6px 11px}}
.lib-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lib-home-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px 20px 20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);color:var(--text);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .3s;overflow:hidden;min-height:178px}
.lib-home-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(43,159,224,.08),transparent 55%);opacity:0;transition:opacity .4s}
.lib-home-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--blue-200)}
.lib-home-card:hover::before{opacity:1}
.lib-home-card .card-ic{position:relative}
.lhc-body{position:relative;display:flex;flex-direction:column;gap:6px;padding-right:28px}
.lhc-body b{font-family:var(--f-display);font-weight:600;font-size:1.12rem;letter-spacing:-.01em;line-height:1.2}
.lhc-body small{color:var(--muted);font-size:.84rem;line-height:1.45}
.lhc-n{position:absolute;top:18px;right:18px;font-family:var(--f-display);font-weight:600;font-size:1.6rem;line-height:1;color:var(--blue-600);display:flex;flex-direction:column;align-items:flex-end}
.lhc-n i{font-family:var(--f-body);font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.lib-home-card > .ic-arr{position:absolute;right:18px;bottom:18px;width:18px;height:18px;color:var(--blue-600);transition:transform .35s var(--ease-out)}
.lib-home-card:hover > .ic-arr{transform:translateX(4px)}
.lhc-all{background:linear-gradient(150deg,var(--navy-800),var(--navy-950));border-color:transparent;color:#fff}
.lhc-all .lhc-body b{color:#fff}
.lhc-all .lhc-body small{color:#a6b8d0}
.lhc-all > .ic-arr{color:var(--sky-400)}
.lhc-all .card-ic{background:rgba(255,255,255,.08);color:var(--sky-300)}
html[data-theme="dark"] .lib-home-card{background:var(--surface-2)}
@media (max-width:1060px){.lib-home-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.lib-home-grid{grid-template-columns:1fr}.lib-home-card{min-height:0}}
.field-label{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--ink)}
.linklike{background:none;border:0;padding:0;font:inherit;color:var(--blue-600);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linklike:hover{color:var(--blue-700)}
.id-result{display:grid;gap:8px}
.id-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-weight:800;font-size:.98rem;margin-bottom:4px;animation:idIn .45s var(--ease-out)}
.id-badge .ic{width:20px;height:20px;flex:none}
.id-badge.ok{background:rgba(22,163,74,.10);color:var(--green-700);border:1px solid rgba(22,163,74,.25)}
.id-badge.bad{background:var(--red-100);color:var(--red-600);border:1px solid rgba(220,38,38,.25)}
.id-row{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:.92rem;animation:idIn .45s var(--ease-out) both}
.id-row span{color:var(--muted);font-weight:600}
.id-row b{text-align:right;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;word-break:break-word}
.id-row.ok b{color:var(--green-700)}
.id-row.bad b{color:var(--red-600)}
@keyframes idIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:560px){.id-row{flex-direction:column;gap:4px}.id-row b{text-align:left}}
html[data-theme="dark"] .id-badge.ok{background:rgba(34,197,94,.12);color:#86efac}
html[data-theme="dark"] .id-badge.bad{background:rgba(248,113,113,.12);color:#fca5a5}