/* ==========================================================================
   THE MANAGED DESK — REFERENCE DESIGN SYSTEM  (Week 5, inner pages)
   --------------------------------------------------------------------------
   How the light/dark system works, in one paragraph:
   Nothing in this file hard-codes a surface, a text colour or a border for a
   specific theme. Components are written ONCE against *semantic* tokens
   (--bg, --surface, --text, --muted, --border, --accent, --link). The theme
   blocks below are the only place a value is assigned, so adding a third theme
   later (high contrast, brand-marketing, print) means adding one block — not
   touching a single component. That is the whole trick.
   ========================================================================== */

/* ---------- 1. Brand primitives — identical in every theme ---------------- */
:root{
  /* the supplied logo, embedded once — light and dark surfaces */
  --logo-mark:url("data:image/webp;base64,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");
  --logo-mark-dark:url("data:image/webp;base64,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");
  --brand-700:#16307F;
  --brand-600:#1E3EA8;   /* TMD Blue */
  --brand-500:#2C55C9;
  --brand-300:#8FAEFF;
  --brand-100:#E6ECFB;
  --gold:#F5B21A;        /* TMD AI Gold — AI signals only, never decoration */
  --gold-700:#8A6100;
  --green:#1F9D6B;       /* operational only */
  --red:#D64545;         /* critical only */
  --amber:#B7791F;

  /* Space / radius / motion — theme-independent */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --r-s:8px; --r-m:10px; --r-l:14px; --r-xl:20px; --r-pill:999px;
  --section:clamp(64px,8vw,112px);
  --gut:clamp(20px,4.5vw,32px);
  --maxw:1200px;
  --nav-h:72px;
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
  --speed:.2s;
}

/* ---------- 2. Semantic tokens — LIGHT ----------------------------------- */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#FFFFFF;
  --bg-alt:#F2F4F8;
  --bg-deep:#0F1F4D;          /* intentional dark band inside a light page */
  --surface:#FFFFFF;
  --surface-2:#F7F9FC;
  --surface-3:#EEF2F8;
  --text:#0F1F4D;
  --muted:#525B69;
  --subtle:#647084;
  --border:#E4E8F1;
  --border-strong:#CBD4E5;
  --accent:var(--brand-600);
  --accent-hover:var(--brand-500);
  --accent-soft:var(--brand-100);
  /* status text — one name per meaning, resolved per theme */
  --ai-text:var(--gold-700);
  --ok-text:#14724E;
  --warn-text:#8A5A12;
  --on-accent:#FFFFFF;
  --link:var(--brand-600);
  --on-deep:#FFFFFF;
  --on-deep-muted:#B7C2E2;
  --deep-border:rgba(255,255,255,.12);
  --deep-surface:rgba(255,255,255,.05);
  --focus:var(--brand-600);
  --sh-1:0 1px 2px rgba(15,31,77,.06);
  --sh-2:0 12px 32px -14px rgba(15,31,77,.20);
  --sh-3:0 36px 80px -40px rgba(10,22,55,.45);
  --glow:radial-gradient(900px 420px at 78% -10%,rgba(44,85,201,.28),transparent 62%);
  --hero-grid:rgba(15,31,77,.045);
  --chart:rgba(30,62,168,.28);
}

/* ---------- 3. Semantic tokens — DARK ------------------------------------ */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0A1637;
  --bg-alt:#0F1F4D;
  --bg-deep:#060E24;
  --surface:#12224F;
  --surface-2:#0F1F4D;
  --surface-3:#17295F;
  --text:#F0F3FB;
  --muted:#B7C2E2;
  --subtle:#A9B7DC;
  --border:rgba(255,255,255,.12);
  --border-strong:rgba(255,255,255,.24);
  --accent:var(--brand-500);
  --accent-hover:#3F63D6;
  --accent-soft:rgba(143,174,255,.14);
  --ai-text:var(--gold);
  --ok-text:#5FCFA2;
  --warn-text:#E6B15C;
  --on-accent:#FFFFFF;
  --link:var(--brand-300);
  --on-deep:#FFFFFF;
  --on-deep-muted:#B7C2E2;
  --deep-border:rgba(255,255,255,.12);
  --deep-surface:rgba(255,255,255,.05);
  --focus:var(--brand-300);
  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 14px 34px -16px rgba(0,0,0,.7);
  --sh-3:0 40px 90px -40px rgba(0,0,0,.8);
  --glow:radial-gradient(900px 420px at 78% -10%,rgba(44,85,201,.42),transparent 62%);
  --hero-grid:rgba(255,255,255,.045);
  --chart:rgba(143,174,255,.35);
}

/* ---------- 4. Base ------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;font-family:var(--font);font-size:16px;line-height:1.6;
  color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  transition:background-color .3s var(--ease),color .3s var(--ease);
}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.022em;line-height:1.12;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,svg,video{display:block;max-width:100%}
.ic{width:20px;height:20px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}
.ic-lg{width:24px;height:24px}
.ic-sm{width:16px;height:16px}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--surface);color:var(--text);padding:12px 18px;border-radius:0 0 var(--r-m) 0;font-weight:600}
.skip:focus{left:0}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 5. Layout ---------------------------------------------------- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.wrap-narrow{max-width:820px;margin-inline:auto;padding-inline:var(--gut)}
.section{padding-block:var(--section)}
.section-tight{padding-block:clamp(40px,5vw,64px)}
.alt{background:var(--bg-alt)}
.deep{background:var(--bg-deep);color:var(--on-deep)}
.grid{display:grid;gap:var(--s4)}
.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))}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.split-wide{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,64px);align-items:center}
.centre{text-align:center;margin-inline:auto}
.head-centre{max-width:720px;margin-inline:auto;text-align:center}
.flow-gap{display:flex;flex-wrap:wrap;gap:var(--s3)}

.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--link)}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px;opacity:.7}
.lede{font-size:clamp(16px,1.35vw,18px);color:var(--muted);max-width:58ch}
.section-title{font-size:clamp(28px,3.4vw,42px);margin-top:var(--s4)}
.sub-title{font-size:clamp(19px,2vw,24px)}
.tiny{font-size:12.5px;color:var(--muted)}
.fine{font-size:12.5px;color:var(--subtle);max-width:70ch}
.prose p{color:var(--muted);margin-top:var(--s4);max-width:68ch}
.prose p:first-of-type{margin-top:0}
.prose strong{color:var(--text)}

/* ---------- 6. Navigation + theme switch --------------------------------- */
.nav{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease),background-color .3s var(--ease)}
.nav.is-stuck{border-bottom-color:var(--border);box-shadow:var(--sh-2)}
.nav .wrap{display:flex;align-items:center;gap:var(--s5);min-height:var(--nav-h)}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text)}
.brand:hover{text-decoration:none}
/* the mark is the supplied artwork, not a redraw. One asset per surface. */
.emblem{display:inline-block;width:22px;height:33px;flex:none;
  background-image:var(--logo-mark);background-size:contain;background-repeat:no-repeat;background-position:center}
[data-theme="dark"] .emblem{background-image:var(--logo-mark-dark)}
.foot .emblem{background-image:var(--logo-mark-dark)}   /* the footer is always dark */
.brand-name{font-size:13.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.15}
.brand-sub{display:block;font-size:10.5px;font-weight:500;letter-spacing:.06em;color:var(--subtle)}
.nav-links{display:flex;gap:var(--s5);margin-left:var(--s5)}
.nav-links a{position:relative;color:var(--text);font-size:14.5px;font-weight:500;padding:6px 0}
.nav-links a[aria-current="page"]{color:var(--link)}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--link);border-radius:2px;transition:right .22s var(--ease)}
.nav-links a:hover{color:var(--link);text-decoration:none}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{right:0}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-m);border:1px solid var(--border);color:var(--muted);transition:all var(--speed) var(--ease)}
.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}
/* the switch Yue was asked to build: one button, three states, no page reload */
.theme-toggle{position:relative;width:auto;gap:10px;padding:0 12px 0 10px;height:40px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-pill);transition:all var(--speed) var(--ease)}
.theme-toggle:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}
.theme-toggle .ic{width:18px;height:18px}
.theme-toggle .tt-label{white-space:nowrap}
.icon-btn .ic,.theme-toggle .ic{stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none}
/* The switch shows the CURRENT mode, not the next one — three states, three glyphs */
.theme-toggle .ic-moon,.theme-toggle .ic-auto{display:none}
[data-theme-pref="dark"] .theme-toggle .ic-sun{display:none}
[data-theme-pref="dark"] .theme-toggle .ic-moon{display:block}
[data-theme-pref="system"] .theme-toggle .ic-sun{display:none}
[data-theme-pref="system"] .theme-toggle .ic-auto{display:block}
.nav-burger{display:none;margin-left:auto;padding:10px;border:1px solid var(--border);border-radius:var(--r-m);color:var(--text)}
.mobile-sheet{display:none}

/* ---------- 7. Buttons / pills / badges ---------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 20px;
  border-radius:var(--r-s);font-weight:600;font-size:15px;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;
  border:1px solid transparent;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn:active{transform:none}
.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),var(--sh-1)}
.btn-primary:hover{background:var(--accent-hover)}
.btn-secondary{background:transparent;color:var(--text);border-color:var(--border-strong)}
.btn-secondary:hover{background:var(--surface-2);border-color:var(--link);color:var(--link)}
.btn-ghost{background:transparent;color:var(--text);padding-inline:12px;box-shadow:none}
.btn-ghost:hover{background:var(--surface-2)}
.btn-lg{min-height:52px;padding:15px 24px;font-size:16px}
.btn-sm{min-height:38px;padding:8px 14px;font-size:14px}
.btn-block{width:100%}
.deep .btn-secondary{color:var(--on-deep);border-color:rgba(255,255,255,.4)}
.deep .btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.btn .arw{transition:transform .2s var(--ease)}
.btn:hover .arw{transform:translateX(3px)}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.cta-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s6);display:flex;flex-wrap:wrap;gap:var(--s5);align-items:center;justify-content:space-between;box-shadow:var(--sh-1)}

.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.pill-ai{background:rgba(245,178,26,.14);border-color:rgba(245,178,26,.42);color:var(--ai-text)}
.deep .pill{background:var(--deep-surface);border-color:var(--deep-border);color:#fff}
.deep .pill-ai{color:var(--gold)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}
.badge-new{background:var(--surface-3);color:var(--muted)}
.badge-triage{background:var(--accent-soft);color:var(--link);border-color:color-mix(in srgb,var(--link) 30%,transparent)}
.badge-progress{background:rgba(183,121,31,.16);color:var(--warn-text);border-color:rgba(183,121,31,.35)}
.badge-resolved{background:rgba(31,157,107,.14);color:var(--ok-text);border-color:rgba(31,157,107,.32)}
.badge-ai{background:rgba(245,178,26,.16);color:var(--ai-text);border-color:rgba(245,178,26,.45);text-transform:none;letter-spacing:0}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}

/* ---------- 8. Cards ----------------------------------------------------- */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-l);padding:var(--s5);box-shadow:var(--sh-1);transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),border-color var(--speed) var(--ease)}
.card-link:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:color-mix(in srgb,var(--link) 30%,var(--border))}
.card h3{font-size:17px;display:flex;align-items:center;gap:8px}
.card p{font-size:14px;color:var(--muted);margin-top:var(--s3)}
.card-ic{width:44px;height:44px;border-radius:var(--r-m);display:grid;place-items:center;background:var(--accent-soft);color:var(--link);margin-bottom:var(--s4)}
.card-ai .card-ic{background:rgba(245,178,26,.16);color:var(--ai-text)}
.card-ai{border-color:rgba(245,178,26,.3)}
.link-more{margin-top:var(--s4);font-size:13px;font-weight:600;color:var(--link);display:inline-flex;align-items:center;gap:6px}
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--border)}
.feature:first-of-type{border-top:0;padding-top:0}
.feature.flip .feature-media{order:-1}
.feature h2,.feature h3{font-size:clamp(22px,2.4vw,30px)}
.feature .lede{margin-top:var(--s4)}
.checklist{margin-top:var(--s5);display:grid;gap:var(--s3)}
.checklist li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--muted)}
.checklist .ic{width:18px;height:18px;color:var(--ok-text);flex:none;margin-top:3px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.step-num{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--link);display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}

/* ---------- 9. Product mocks (all CSS — no screenshots, no stock imagery) - */
.ui{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-l);box-shadow:var(--sh-3);overflow:hidden}
.ui-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}
.ui-bar i{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}
.ui-bar span{margin-left:10px;font-size:11.5px;color:var(--subtle);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 12px;background:var(--surface)}
.ui-body{padding:var(--s4);display:grid;gap:var(--s3)}
.ui-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.ui-title{font-size:13px;font-weight:600}
.ui-sub{font-size:11.5px;color:var(--subtle)}
.ui-tabs{display:flex;gap:6px;font-size:11.5px;font-weight:600;color:var(--subtle)}
.ui-tabs span{padding:6px 10px;border-radius:var(--r-s);border:1px solid var(--border);background:var(--surface-2)}
.ui-tabs span.on{color:var(--link);background:var(--accent-soft);border-color:color-mix(in srgb,var(--link) 32%,transparent)}
.rows{display:grid;gap:8px}
.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-s);padding:10px 12px}
.row b{font-weight:600}
.row .meta{font-size:11px;color:var(--subtle)}
.row-ic{width:26px;height:26px;border-radius:7px;background:var(--accent-soft);color:var(--link);display:grid;place-items:center;font-size:11px;font-weight:700}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-m);padding:10px;display:grid;gap:8px;align-content:start}
.col-title{margin:0;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--subtle);font-weight:700}
.tcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-s);padding:9px 10px;font-size:11.5px;display:grid;gap:6px;box-shadow:var(--sh-1)}
.tcard .t{font-weight:600;font-size:12px}
.bars{display:flex;align-items:flex-end;gap:6px;height:96px;padding-top:8px}
.bars i{flex:1;background:var(--chart);border-radius:4px 4px 0 0;min-height:6px}
.bars i.hot{background:var(--link)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kpi{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-s);padding:10px 12px}
.kpi b{display:block;font-size:18px;letter-spacing:-.02em}
.kpi span{font-size:11px;color:var(--subtle)}
.chat{display:grid;gap:10px}
.bubble{font-size:12px;line-height:1.5;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px}
.bubble.me{background:var(--accent-soft);border-color:color-mix(in srgb,var(--link) 26%,transparent);margin-left:24px}
.bubble.ai{border-color:rgba(245,178,26,.4);background:rgba(245,178,26,.08)}
.rule-flow{display:grid;gap:10px}
.rule{display:grid;gap:4px;border:1px solid var(--border);border-radius:var(--r-m);padding:11px 12px;background:var(--surface-2);font-size:12px}
.rule em{font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--subtle);font-weight:700}
.arrow-down{justify-self:center;color:var(--subtle);font-size:14px;line-height:1}
.art{border:1px solid var(--border);border-radius:var(--r-m);padding:var(--s4);background:var(--surface-2);display:grid;gap:8px}
.art-title,.art h4{font-size:14px;font-weight:700;letter-spacing:-.01em}
.tagrow{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:11px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 10px}

/* ---------- 10. Tables / accordion / tabs / forms ------------------------ */
.tbl-wrap{border:1px solid var(--border);border-radius:var(--r-l);overflow:auto;background:var(--surface);box-shadow:var(--sh-1)}
.tbl-wrap:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tbl-hint{display:none;font-size:12.5px;color:var(--subtle);margin-top:8px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
caption{caption-side:top;text-align:left;padding:var(--s5) var(--s5) var(--s3);font-weight:700;font-size:14px}
th,td{text-align:left;padding:14px var(--s5);border-bottom:1px solid var(--border)}
thead th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--subtle);background:var(--surface-2);position:sticky;top:0}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--surface-2)}
td.yes{color:var(--ok-text);font-weight:600}
td.no{color:var(--subtle)}
.acc{border:1px solid var(--border);border-radius:var(--r-l);overflow:hidden;background:var(--surface)}
.acc details{border-top:1px solid var(--border)}
.acc details:first-child{border-top:0}
.acc summary{cursor:pointer;padding:18px var(--s5);font-weight:600;font-size:15.5px;display:flex;gap:12px;align-items:center;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";margin-left:auto;color:var(--link);font-size:18px;font-weight:700}
.acc details[open] summary::after{content:"\2013"}
.acc .acc-body{padding:0 var(--s5) 18px;color:var(--muted);font-size:14.5px;max-width:72ch}
.seg{display:inline-flex;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);gap:4px}
.seg button{padding:0 20px;min-height:42px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}
.seg button:hover{color:var(--text)}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);box-shadow:var(--sh-1)}
label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}
.input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--r-s);background:var(--surface);color:var(--text);font-size:15px}
.input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--link)}
.hint{font-size:12.5px;color:var(--subtle);margin-top:6px}
.field{margin-bottom:var(--s5)}
.alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-m);border:1px solid var(--border);background:var(--surface-2);font-size:14px;color:var(--muted)}
.alert b{color:var(--text)}
.alert .ic{width:18px;height:18px;flex:none;margin-top:2px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.alert-info{border-color:color-mix(in srgb,var(--link) 32%,transparent);background:var(--accent-soft)}
.alert-ok{border-color:rgba(31,157,107,.35);background:rgba(31,157,107,.1)}
.alert-warn{border-color:rgba(183,121,31,.4);background:rgba(183,121,31,.1)}
.switch{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--muted)}
.switch input{appearance:none;width:44px;height:26px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-strong);position:relative;cursor:pointer;transition:background var(--speed) var(--ease)}
.switch input::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--sh-1);transition:transform var(--speed) var(--ease)}
.switch input:checked{background:var(--accent);border-color:var(--accent)}
.switch input:checked::after{transform:translateX(18px)}

/* ---------- 11. Pricing -------------------------------------------------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);align-items:start}
.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s4);box-shadow:var(--sh-1);position:relative}
.plan-best{border-color:color-mix(in srgb,var(--link) 45%,var(--border));box-shadow:var(--sh-3)}
.plan-best::before{content:"Most popular";position:absolute;top:-13px;left:var(--s6);background:var(--accent);color:var(--on-accent);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:var(--r-pill)}
.plan h3{font-size:19px}
.plan .price{font-size:clamp(30px,3.4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1}
.plan .price small{font-size:13px;font-weight:500;color:var(--subtle);letter-spacing:0}
.plan .desc{font-size:14px;color:var(--muted)}
.plan ul{display:grid;gap:10px;margin-top:var(--s2);font-size:14px;color:var(--muted)}
.plan ul li{display:flex;gap:10px;align-items:flex-start}
.plan ul .ic{width:17px;height:17px;color:var(--ok-text);flex:none;margin-top:3px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.plan .btn{margin-top:auto}
.meter{height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}
.meter i{display:block;height:100%;background:var(--link)}

/* ---------- 12. Numbers / timeline / quotes ------------------------------ */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5)}
.stat{border-top:2px solid var(--link);padding-top:var(--s4)}
.stat b{display:block;font-size:clamp(28px,3.2vw,40px);font-weight:700;letter-spacing:-.035em;line-height:1}
.stat span{display:block;font-size:13.5px;color:var(--muted);margin-top:10px;max-width:30ch}
.timeline{display:grid;gap:var(--s5);position:relative;padding-left:34px}
.timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--border)}
.tl-item{position:relative}
.tl-item::before{content:"";position:absolute;left:-31px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--link)}
.tl-item h3{font-size:16px}
.tl-item .when{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--link)}
.tl-item p{font-size:14.5px;color:var(--muted);margin-top:6px}
.quote{border-left:3px solid var(--link);padding-left:var(--s5);display:grid;gap:var(--s4)}
.quote blockquote{margin:0;font-size:clamp(17px,1.8vw,21px);line-height:1.5;color:var(--text)}
.quote figcaption{font-size:13.5px;color:var(--muted)}
.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(140deg,var(--brand-500),var(--brand-600));color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}
.who{display:flex;align-items:center;gap:14px}

/* ---------- 13. Footer --------------------------------------------------- */
.foot{background:var(--bg-deep);color:var(--on-deep-muted);padding-block:var(--s8) var(--s6);font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:var(--s6)}
.foot .brand,.foot .brand-name{color:#fff}
.foot h2,.foot h4{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--subtle);font-weight:600}
.foot ul{margin-top:var(--s4);display:grid;gap:10px}
.foot ul a{color:#C6D0EE;font-size:13.5px}
.foot ul a:hover{color:#fff}
.foot-tag{margin-top:var(--s4);font-size:13px;color:var(--subtle);max-width:34ch}
.foot-bottom{margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--deep-border);display:flex;flex-wrap:wrap;gap:var(--s4);justify-content:space-between;font-size:12.5px;color:var(--subtle)}
.foot-bottom ul{display:flex;gap:var(--s5);margin:0}

/* ---------- 15. Motion --------------------------------------------------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ---------- 16. Responsive ---------------------------------------------- */
@media (max-width:1080px){
  .split,.split-wide,.feature{grid-template-columns:1fr}
  .feature.flip .feature-media{order:0}
  .plans{grid-template-columns:1fr;gap:var(--s6)}
  .g4,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acc-body{max-width:none}
}
@media (max-width:900px){
  .nav-links{display:none}
  .nav-actions .btn,.nav-actions .btn-ghost{display:none}
  .nav-burger{display:inline-flex}
  .mobile-sheet{display:block;position:fixed;inset:var(--nav-h) 0 0;background:var(--bg);z-index:70;padding:var(--s6) var(--gut);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--speed) var(--ease),transform var(--speed) var(--ease);overflow-y:auto}
  body.sheet-open .mobile-sheet{opacity:1;transform:none;pointer-events:auto}
  body.sheet-open{overflow:hidden}
  .mobile-sheet nav a{display:block;padding:16px 0;font-size:18px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}
  .mobile-sheet .cta-row{margin-top:var(--s6);flex-direction:column;align-items:stretch}
  .mobile-sheet .theme-toggle{margin-top:var(--s5)}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s7)}
}
@media (max-width:680px){
  body{font-size:15.5px}
  :root{--nav-h:62px}
  .g2,.g3,.g4,.stats,.kpis,.board,.plans{grid-template-columns:1fr}
  .card,.plan{padding:var(--s5)}
  .cta-row .btn{width:100%}
  .cta-panel{padding:var(--s5)}
  .foot-bottom{flex-direction:column;gap:var(--s4)}
  .seg{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .seg button{padding:0 12px;font-size:13.5px}
  .icon-btn,.nav-burger,.theme-toggle{min-width:44px;min-height:44px}
  .brand-sub,.theme-toggle .tt-label{display:none}
  .brand-name{white-space:nowrap;font-size:11px;letter-spacing:.05em}
  .nav .wrap{gap:var(--s3)}
  .nav-actions{gap:6px}
  .nav-actions .btn{padding:9px 12px;font-size:13.5px;min-height:42px}
    table{min-width:430px;font-size:13px}
  th,td{padding:10px 14px}
  thead th{font-size:11px}
  .tbl-hint{display:block}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}