/* Layout: developer-terminal website. Two-tier header (big brand row + `cd /path` nav). No boxed cards: content sits on hairlines, numbered rows, timelines and tables; each service is paired with a code or chart "screenshot". Five selectable colour skins via html[data-skin]. */
:root{
  --bg:#020a12; --bg2:#04131f; --fg:#eef3f7; --muted:#9fb6c8; --dim:#5d7a90;
  --acc:#3fd6e6; --acc-rgb:63,214,230;
  --gold:#d6b062; --gold-rgb:214,176,98; --gold-t:#f6e0a0; --on-gold:#140e04;
  --brand-grad:linear-gradient(180deg,#fff4c8 0%,#f1d48a 38%,#c9963f 70%,#f3d98f 100%);
  --up:#3fc495; --down:#e46a5f;
  --line:rgba(var(--acc-rgb),.16); --line-g:rgba(var(--gold-rgb),.35);
  --code-bg:#06121d; --code-bar:#0b1d2c; --code-fg:#d5e2ec; --code-dim:#5f7a8e; --code-kw:#5fd8e8; --code-fn:#f3d98f; --code-str:#9be38f; --code-num:#f59e7b;
  --f-brand:"Sora","Segoe UI",system-ui,sans-serif;
  --f-head:"Chakra Petch","Segoe UI",system-ui,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}
:root[data-skin="royal"]{--bg:#03172a;--bg2:#062038;--fg:#f4f1e8;--muted:#b0bccb;--dim:#6a7f94;--acc:#e9c46a;--acc-rgb:233,196,106;--gold:#d6b062;--gold-t:#f6e0a0;--code-bg:#041322;--code-bar:#0a2236;--code-kw:#e9c46a;--code-fn:#f6e0a0;color-scheme:dark}
:root[data-skin="bull"]{--bg:#020b07;--bg2:#05140d;--fg:#ecf6ef;--muted:#a1bdad;--dim:#5b7d69;--acc:#34d399;--acc-rgb:52,211,153;--gold:#d6b062;--gold-t:#f3dc9a;--code-bg:#041009;--code-bar:#0a1d13;--code-kw:#4ee0a8;color-scheme:dark}
:root[data-skin="violet"]{--bg:#09061a;--bg2:#100b26;--fg:#f2effb;--muted:#b4abd0;--dim:#6f6795;--acc:#a78bfa;--acc-rgb:167,139,250;--gold:#e2b960;--gold-rgb:226,185,96;--gold-t:#f6e0a0;--code-bg:#0c0920;--code-bar:#16102f;--code-kw:#b9a1ff;color-scheme:dark}
:root[data-skin="ivory"]{--bg:#f7f3ea;--bg2:#ede6d6;--fg:#0c1a29;--muted:#4c5c6d;--dim:#7d8996;--acc:#0b6f8e;--acc-rgb:11,111,142;--gold:#b8892f;--gold-rgb:166,124,46;--gold-t:#87611c;--on-gold:#1a1206;
  --brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--line:rgba(12,26,41,.14);--line-g:rgba(166,124,46,.45);color-scheme:light}
:root[data-skin="amber"]{--bg:#0b0b0c;--bg2:#141416;--fg:#f2f2f2;--muted:#a8a8a8;--dim:#6b6b6b;--acc:#ff9f1c;--acc-rgb:255,159,28;--code-bg:#0f0f10;--code-bar:#1a1a1c;--code-kw:#ffb347;color-scheme:dark}
:root[data-skin="crimson"]{--bg:#0c0507;--bg2:#16090c;--fg:#f7eeee;--muted:#c4abaf;--dim:#7f6166;--acc:#ff4d5e;--acc-rgb:255,77,94;--code-bg:#12070a;--code-bar:#1e0d11;--code-kw:#ff7a87;color-scheme:dark}
:root[data-skin="ocean"]{--bg:#021517;--bg2:#042226;--fg:#e8f7f6;--muted:#9cc4c1;--dim:#5a8580;--acc:#2dd4bf;--acc-rgb:45,212,191;--gold:#e0b85e;--gold-rgb:224,184,94;--code-bg:#031b1e;--code-bar:#07292d;--code-kw:#5eead4;color-scheme:dark}
:root[data-skin="saffron"]{--bg:#07111f;--bg2:#0b1a2d;--fg:#f6f2ea;--muted:#b6c0cd;--dim:#6c7a8c;--acc:#ff9933;--acc-rgb:255,153,51;--up:#22b04b;--code-bg:#081422;--code-bar:#0e2034;--code-kw:#ffb366;color-scheme:dark}
:root[data-skin="emerald"]{--bg:#03140f;--bg2:#062019;--fg:#f3efe3;--muted:#a9bfb3;--dim:#648072;--acc:#e6c56e;--acc-rgb:230,197,110;--code-bg:#04180f;--code-bar:#0a261b;--code-kw:#e6c56e;color-scheme:dark}
:root[data-skin="carbon"]{--bg:#000;--bg2:#0d0d0d;--fg:#fff;--muted:#a3a3a3;--dim:#666;--acc:#f5f5f5;--acc-rgb:245,245,245;--code-bg:#0a0a0a;--code-bar:#161616;--code-kw:#e5e5e5;--line:rgba(255,255,255,.12);color-scheme:dark}
:root[data-skin="sapphire"]{--bg:#f4f7fc;--bg2:#e6edf8;--fg:#0a1630;--muted:#4a5a75;--dim:#8090a8;--acc:#1d4ed8;--acc-rgb:29,78,216;--gold:#b8892f;--gold-rgb:166,124,46;--gold-t:#87611c;--on-gold:#1a1206;
  --brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--line:rgba(10,22,48,.13);--line-g:rgba(166,124,46,.45);color-scheme:light}
:root[data-skin="pearl"]{--bg:#ffffff;--bg2:#f3f4f6;--fg:#111317;--muted:#545b66;--dim:#8b929c;--acc:#0f766e;--acc-rgb:15,118,110;--gold:#b8892f;--gold-rgb:166,124,46;--gold-t:#87611c;--on-gold:#1a1206;
  --brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--line:rgba(17,19,23,.12);--line-g:rgba(166,124,46,.45);color-scheme:light}
:root[data-skin="navygold"]{--bg:#ffffff;--bg2:#f1f4f9;--fg:#0b1f3a;--muted:#46597a;--dim:#8a98ae;--acc:#0b1f3a;--acc-rgb:11,31,58;--gold-t:#a67c2e;--line:rgba(11,31,58,.12);--on-gold:#1a1206;--brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--gold:#b8892f;--gold-rgb:166,124,46;--line-g:rgba(166,124,46,.45);color-scheme:light}
:root[data-skin="mint"]{--bg:#fbfefc;--bg2:#ecf8f1;--fg:#0f2a1d;--muted:#46655a;--dim:#86a397;--acc:#059669;--acc-rgb:5,150,105;--gold-t:#047857;--line:rgba(15,42,29,.12);--on-gold:#1a1206;--brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--gold:#b8892f;--gold-rgb:166,124,46;--line-g:rgba(166,124,46,.45);color-scheme:light}
:root[data-skin="slate"]{--bg:#f3f5f8;--bg2:#e5e9ef;--fg:#161b22;--muted:#4f5967;--dim:#8a93a0;--acc:#ea580c;--acc-rgb:234,88,12;--gold-t:#c2410c;--line:rgba(22,27,34,.13);--on-gold:#1a1206;--brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--gold:#b8892f;--gold-rgb:166,124,46;--line-g:rgba(166,124,46,.45);color-scheme:light}
:root[data-skin="lilac"]{--bg:#fdfcff;--bg2:#f2eefc;--fg:#1e1440;--muted:#5a5180;--dim:#9a93b8;--acc:#6d28d9;--acc-rgb:109,40,217;--gold-t:#6d28d9;--line:rgba(30,20,64,.12);--on-gold:#1a1206;--brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--gold:#b8892f;--gold-rgb:166,124,46;--line-g:rgba(166,124,46,.45);color-scheme:light}
:root[data-skin="rouge"]{--bg:#ffffff;--bg2:#fbf1f1;--fg:#1f1012;--muted:#62494c;--dim:#a08a8d;--acc:#c81e3a;--acc-rgb:200,30,58;--gold-t:#b91c1c;--line:rgba(31,16,18,.12);--on-gold:#1a1206;--brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--gold:#b8892f;--gold-rgb:166,124,46;--line-g:rgba(166,124,46,.45);color-scheme:light}
:root[data-skin="sky"]{--bg:#f7fbff;--bg2:#e8f3fd;--fg:#0c2238;--muted:#45607b;--dim:#8aa1b7;--acc:#0284c7;--acc-rgb:2,132,199;--gold-t:#0369a1;--line:rgba(12,34,56,.12);--on-gold:#1a1206;--brand-grad:linear-gradient(180deg,#c99a3e 0%,#9a7024 55%,#6e4f16 100%);--gold:#b8892f;--gold-rgb:166,124,46;--line-g:rgba(166,124,46,.45);color-scheme:light}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:1rem;line-height:1.65;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-family:var(--f-head);text-wrap:balance;line-height:1.05}
img{max-width:100%}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,36px)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.ico{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mono{font-family:var(--f-mono)}
.acc{color:var(--acc)} .gold{color:var(--gold-t)}

/* buttons */
.btn{font-family:var(--f-head);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;padding:.9rem 1.4rem;display:inline-flex;gap:10px;align-items:center;justify-content:center;cursor:pointer;border:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn.g{background:linear-gradient(180deg,#f6e0a0,var(--gold));color:var(--on-gold)}
.btn.o{background:rgba(var(--acc-rgb),.08);color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.link{font-family:var(--f-mono);font-size:.82rem;color:var(--gold-t);display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid var(--line-g);padding-bottom:2px}
.link:hover{color:var(--acc);border-color:var(--acc)}

/* ============ HEADER ============ */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px;transition:padding .25s}
.brand{display:flex;align-items:center;gap:16px;min-width:0}
.brand > img{height:62px;width:auto;transition:height .25s}
.brand .name{display:block;position:relative;line-height:0;overflow:hidden;-webkit-mask:url("/assets/wordmark.webp") center/contain no-repeat;mask:url("/assets/wordmark.webp") center/contain no-repeat}
.brand .name img{height:clamp(26px,3.2vw,40px);width:auto;max-width:none;display:block;filter:saturate(1.12) brightness(1.06)}
.brand .name{width:max-content}
@media (max-width:560px){.cdnav .wrap{font-size:.88rem;height:52px}.cdnav a{padding:.45rem .7rem}.brand .name img{height:20px}.brand .tagline{font-size:.5rem;letter-spacing:.12em;gap:6px;margin-top:6px}.brand .tagline::before{width:12px}.hdr-right .btn.o{padding:.55rem .7rem;font-size:.66rem;white-space:nowrap}}
@media (max-width:560px){.hdr-right .btn.o .t{display:none}.hdr-right .btn.o{padding:.6rem}}
.brand .name::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,240,.95) 50%,transparent 70%);transform:translateX(-120%);animation:shine 4.5s ease-in-out infinite}
@keyframes shine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.brand{filter:drop-shadow(0 0 16px rgba(214,176,98,.28))}
.brand .tagline{display:flex;align-items:center;gap:10px;margin-top:8px;font-family:var(--f-head);font-weight:600;font-size:clamp(.56rem,.85vw,.7rem);letter-spacing:.28em;color:var(--acc);white-space:nowrap}
.brand .tagline::before{content:"";width:22px;height:2px;background:var(--gold)}
.hdr-right{display:flex;align-items:center;gap:14px}
.hdr-right .ph{font-family:var(--f-mono);font-size:.78rem;color:var(--muted);text-align:right;line-height:1.3}
.hdr-right .ph b{display:block;color:var(--fg);font-weight:500;font-size:.88rem}
@media (max-width:860px){.hdr-right .ph{display:none}}
@media (max-width:1000px){.hdr-right .btn.g{display:none}}
@media (max-width:560px){.hdr-right .btn{padding:.6rem .8rem;font-size:.72rem}.brand > img{height:48px}.brand{gap:12px}.brand .tagline{letter-spacing:.18em}}
.hdr.small .hdr-top{padding-block:8px}
.hdr.small .brand > img{height:46px}
.hdr.small .brand .name img{height:clamp(22px,2.4vw,30px)}
.hdr.small .hdr-top{padding-block:10px}
.cdnav{border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.cdnav::-webkit-scrollbar{display:none}
.cdnav .wrap{display:flex;align-items:center;gap:0;height:58px;font-family:var(--f-mono);font-size:1rem;white-space:nowrap}
.cdnav .wrap > *{flex:none}
.cdnav .prompt{color:var(--dim);margin-right:22px;font-size:.95rem}
.cdnav .prompt b{color:var(--up);font-weight:500}
.cdnav .prompt i{font-style:normal;color:var(--acc)}
.cdnav .links{display:flex;align-items:center;gap:6px}
@media (min-width:1100px){.cdnav .links{flex:1;justify-content:space-between;margin-right:-.9rem}}
.cdnav a{padding:.5rem .9rem;border-radius:6px;color:var(--muted);position:relative;letter-spacing:.01em}
.cdnav a:hover{color:var(--fg);background:rgba(var(--acc-rgb),.08)}
.cdnav a.on{color:var(--gold-t);background:rgba(var(--gold-rgb),.1)}
.cdnav a.on::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:-7px;height:2px;background:var(--gold)}

/* dark header (all themes) */
.hdr{--fg:#eef6f1;--muted:#a3c2b4;--dim:#6f9584;--acc:#3ee0a5;--acc-rgb:62,224,165;--gold-t:#f3d98f;--line:rgba(255,255,255,.08);--line-g:rgba(214,176,98,.4);color:var(--fg);
  background:radial-gradient(700px 120px at 18% 0%,rgba(214,176,98,.14),transparent 70%),linear-gradient(180deg,#04150e 0%,#082319 100%)!important;border-bottom:1px solid rgba(214,176,98,.35);box-shadow:0 8px 24px -12px rgba(4,21,14,.6)}
.hdr .cdnav{background:rgba(0,0,0,.18)}
.hdr .btn.o{background:rgba(62,224,165,.08);color:#3ee0a5;box-shadow:inset 0 0 0 1px rgba(62,224,165,.6)}
/* theme picker */
.dock{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;font-family:var(--f-mono)}
.dock-btn{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 10px;border-radius:999px;border:0;cursor:pointer;background:color-mix(in srgb,var(--bg2) 94%,transparent);color:var(--fg);font:500 .74rem var(--f-mono);letter-spacing:.06em;box-shadow:0 12px 30px -10px rgba(0,0,0,.55),inset 0 0 0 1px var(--line-g);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dock-btn .sw{width:26px;height:26px;border-radius:50%;background:conic-gradient(var(--acc) 0 33%,var(--gold) 0 66%,var(--bg) 0);box-shadow:inset 0 0 0 2px var(--fg)}
.dock-btn small{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.14em}
.dock-panel{position:absolute;right:0;bottom:56px;width:min(400px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;padding:16px;border-radius:14px;background:var(--bg2);box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 0 0 0 1px var(--line-g)}
.dock-panel h5{font-size:.66rem;letter-spacing:.16em;color:var(--dim);margin:4px 2px 10px;font-weight:500}
.dock-panel h5:not(:first-child){margin-top:16px}
.dock-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{display:grid;gap:8px;padding:8px;border-radius:10px;border:1px solid var(--line);background:transparent;cursor:pointer;text-align:left;color:var(--fg);font:500 .74rem var(--f-mono)}
.opt:hover{border-color:var(--line-g)}
.opt[aria-pressed="true"]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.opt .pv{height:46px;border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:flex-end;gap:4px;padding:7px}
.opt .pv i{display:block;width:14px;border-radius:2px}
.opt .pv b{position:absolute;top:7px;left:8px;width:46%;height:5px;border-radius:2px}
.opt .pv em{position:absolute;top:16px;left:8px;width:30%;height:4px;border-radius:2px;opacity:.5}
.dock-hint{font-size:.66rem;color:var(--dim);margin-top:12px;line-height:1.5}

/* ============ SHARED ============ */
.sec{padding-block:clamp(70px,10vw,120px);position:relative}
.band{background:var(--bg2)}
.eyebrow{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.12em;color:var(--acc);display:inline-flex;gap:10px;align-items:center}
.eyebrow::before{content:"//";color:var(--gold)}
.h2{font-size:clamp(2rem,4.4vw,3.3rem);text-transform:uppercase;font-weight:700;margin-top:14px}
.h2 em{font-style:normal;color:var(--acc)}
.lede{color:var(--muted);max-width:60ch;font-size:1.05rem}
.sechead{display:grid;grid-template-columns:1fr minmax(0,420px);gap:30px;align-items:end;margin-bottom:clamp(36px,5vw,60px)}
.sechead .lede{font-size:.98rem}
@media (max-width:820px){.sechead{grid-template-columns:1fr}}
.rule{height:1px;background:linear-gradient(90deg,var(--gold),var(--line) 40%,transparent)}

/* code/screenshot window */
.win{background:var(--code-bg);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.65),0 0 0 1px rgba(var(--acc-rgb),.18);min-width:0;color:var(--code-fg)}
.win .bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--code-bar);font-family:var(--f-mono);font-size:.72rem;color:var(--code-dim)}
.win .bar i{width:10px;height:10px;border-radius:50%;background:#e46a5f}
.win .bar i:nth-child(2){background:#e9c46a}.win .bar i:nth-child(3){background:#3fc495}
.win .bar b{margin-left:8px;color:var(--code-fg);font-weight:500}
.win .bar em{margin-left:auto;font-style:normal}
.code{font-family:var(--f-mono);font-size:.78rem;line-height:1.75;padding:14px 0;overflow-x:auto;counter-reset:ln;margin:0}
.code span.l{display:block;padding:0 18px 0 0;white-space:pre}
.code span.l::before{counter-increment:ln;content:counter(ln);display:inline-block;width:38px;padding-right:14px;text-align:right;color:var(--code-dim);opacity:.6}
.tk-c{color:var(--code-dim);font-style:italic}.tk-k{color:var(--code-kw)}.tk-f{color:var(--code-fn)}.tk-s{color:var(--code-str)}.tk-n{color:var(--code-num)}
.win svg{display:block;width:100%;height:auto}
.caption{font-family:var(--f-mono);font-size:.64rem;color:var(--code-dim);padding:8px 14px;border-top:1px solid rgba(255,255,255,.06)}

/* ============ HOME HERO ============ */
.hero{position:relative;overflow:hidden;padding-top:clamp(44px,6vw,80px)}
#gridCv{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.tag{display:inline-flex;gap:10px;align-items:center;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;color:var(--acc);padding:6px 12px;border-radius:999px;background:rgba(var(--acc-rgb),.08);box-shadow:inset 0 0 0 1px var(--line);text-transform:uppercase}
.tag i{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 10px var(--up)}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);font-weight:700;line-height:1.02;margin:20px 0;text-transform:uppercase}
.hero h1 .rot{display:block;color:var(--gold-t);min-height:1.05em}
.hero h1 .rot::after{content:"_";color:var(--acc);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mkts{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-family:var(--f-mono);font-size:.76rem;color:var(--gold-t)}
.mkts span::before{content:"▸ ";color:var(--acc)}
.cbox{position:relative;height:240px}
.cbox canvas{display:block;width:100%;height:100%}
.log{font-family:var(--f-mono);font-size:.72rem;padding:10px 14px;display:grid;gap:5px;height:134px;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}
.log div{display:flex;gap:10px;white-space:nowrap;animation:logIn .4s ease}
.log .t{color:var(--code-dim)} .log .ok{color:#3fc495} .log .sell{color:#e46a5f} .log .info{color:var(--code-kw)}
@keyframes logIn{from{opacity:0;transform:translateY(6px)}}
.live{color:#3fc495;display:inline-flex;gap:6px;align-items:center}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#3fc495;animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.35}}
@media (max-width:940px){.hero-grid{grid-template-columns:1fr}}
.tape{margin-top:64px;border-block:1px solid var(--line);overflow:hidden;position:relative}
.tape .tr{display:flex;width:max-content;animation:tape 50s linear infinite}
.tape span{font-family:var(--f-mono);font-size:.78rem;padding:12px 26px;white-space:nowrap;color:var(--muted)}
.tape span b{color:var(--fg);font-weight:500;margin-right:8px}
.tape span i{font-style:normal;color:var(--gold-t)}
.tape span::after{content:"◆";margin-left:26px;color:var(--acc);font-size:.55rem;vertical-align:middle}
@keyframes tape{to{transform:translateX(-50%)}}

/* ============ MADE FOR INDIA ============ */
.india{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,60px);align-items:center}
.checks{display:grid;gap:16px;margin-top:26px}
.checks li{display:grid;grid-template-columns:28px 1fr;gap:12px;color:var(--muted)}
.checks li .ico{color:var(--gold);margin-top:3px}
.checks b{color:var(--fg);font-weight:600}
@media (max-width:940px){.india{grid-template-columns:1fr}}
.clock{margin-top:clamp(40px,6vw,64px)}
.clock .axis,.clock .lane{display:grid;grid-template-columns:110px 1fr 120px;gap:16px;align-items:center}
.clock .axis{font-family:var(--f-mono);font-size:.68rem;color:var(--dim);padding-bottom:10px}
.clock .ticks{position:relative;height:16px}
.clock .ticks span{position:absolute;transform:translateX(-50%)}
.clock .lane{padding-block:14px;border-top:1px solid var(--line)}
.clock .lane:last-child{border-bottom:1px solid var(--line)}
.clock .ex{font-family:var(--f-head);font-weight:700;font-size:1.5rem;letter-spacing:.04em;line-height:1}
.clock .ex small{display:block;font-family:var(--f-body);font-weight:400;font-size:.72rem;color:var(--muted);letter-spacing:0;margin-top:4px}
.clock .track{position:relative;height:14px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px calc(100%/15));border-radius:3px}
.clock .seg{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,rgba(var(--gold-rgb),.55),rgba(var(--acc-rgb),.55))}
.clock .track .now{position:absolute;top:-18px;bottom:-18px;width:2px!important;padding:0;background:var(--down)}
.clock .now::before{content:"NOW";position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-family:var(--f-mono);font-size:.6rem;color:var(--down)}
.clock .st{font-family:var(--f-mono);font-size:.74rem;text-align:right}
.clock .st b{display:block;font-weight:500}
.clock .st .open{color:var(--up)} .clock .st .closed{color:var(--dim)}
.clock .note{font-size:.72rem;color:var(--dim);margin-top:12px;font-family:var(--f-mono)}
@media (max-width:640px){.clock .axis,.clock .lane{grid-template-columns:70px 1fr}.clock .st{grid-column:2;text-align:left}.clock .axis > :last-child{display:none}.clock .ex{font-size:1.15rem}.clock .ticks span:nth-child(even){display:none}}

/* ============ WHAT WE BUILD ============ */
.viewsw{display:inline-flex;gap:2px;font-family:var(--f-mono);font-size:.78rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.viewsw span{color:var(--dim);padding:.5rem .4rem .5rem 0}
.viewsw button{background:none;border:0;color:var(--muted);font:inherit;padding:.5rem .8rem;cursor:pointer;position:relative}
.viewsw button[aria-pressed="true"]{color:var(--gold-t)}
.viewsw button[aria-pressed="true"]::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:-1px;height:2px;background:var(--gold)}
.view{margin-top:28px}
/* IDE */
.ide{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;min-height:470px}
.ide .tree{background:var(--code-bar);padding:12px 0;font-family:var(--f-mono);font-size:.76rem;border-right:1px solid rgba(255,255,255,.05)}
.ide .tree h5{font-size:.64rem;letter-spacing:.14em;color:var(--code-dim);padding:4px 16px 10px;font-weight:500}
.ide .tree button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;color:var(--code-fg);font:inherit;padding:7px 16px;cursor:pointer;text-align:left;opacity:.72}
.ide .tree button:hover{opacity:1;background:rgba(255,255,255,.04)}
.ide .tree button[aria-selected="true"]{opacity:1;background:rgba(var(--acc-rgb),.12);box-shadow:inset 2px 0 0 var(--acc)}
.ide .tree button i{width:8px;height:8px;border-radius:2px;flex:none}
.ide .main{display:flex;flex-direction:column;min-width:0}
.ide .tabs{display:flex;background:var(--code-bar);font-family:var(--f-mono);font-size:.74rem}
.ide .tabs span{padding:9px 16px;background:var(--code-bg);color:var(--code-fg);border-top:2px solid var(--gold)}
.ide .main .code{flex:1;animation:fadeC .35s ease}
@keyframes fadeC{from{opacity:0;transform:translateY(4px)}}
.ide .info{border-left:1px solid rgba(255,255,255,.06);padding:22px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(var(--gold-rgb),.06),transparent 60%)}
.ide .info .k{font-family:var(--f-mono);font-size:.68rem;color:var(--code-dim);letter-spacing:.12em}
.ide .info h3{font-size:1.6rem;text-transform:uppercase;color:#fff}
.ide .info p{color:#a9bccb;font-size:.9rem}
.ide .info ul{display:grid;gap:6px;font-size:.84rem;color:var(--code-fg)}
.ide .info li::before{content:"+ ";color:var(--code-str);font-family:var(--f-mono)}
.ide .info .link{margin-top:auto;align-self:flex-start;color:#f3d98f;border-color:rgba(243,217,143,.4)}
.win .status{display:flex;justify-content:space-between;gap:10px;background:var(--gold);color:var(--on-gold);font-family:var(--f-mono);font-size:.66rem;padding:3px 12px;flex-wrap:wrap}
@media (max-width:980px){.ide{grid-template-columns:1fr}.ide .tree{display:flex;overflow-x:auto;padding:0;border-right:0}.ide .tree h5{display:none}.ide .tree button{width:auto;white-space:nowrap;padding:10px 14px}.ide .tree button[aria-selected="true"]{box-shadow:inset 0 -2px 0 var(--acc)}.ide .info{border-left:0;border-top:1px solid rgba(255,255,255,.06)}}
/* terminal */
.term-list{font-family:var(--f-mono);font-size:.82rem;padding:18px 20px 22px;line-height:1.9}
.term-list .cmd{color:var(--code-fg)}
.term-list .cmd::before{content:"biatrader@nse:~$ ";color:#3fc495}
.term-list .hdrow,.term-list .row{display:grid;grid-template-columns:210px 140px 1fr 90px;gap:14px}
.term-list .hdrow{color:var(--code-dim);margin-top:8px;border-bottom:1px dashed rgba(255,255,255,.1)}
.term-list .row{color:var(--code-fg);cursor:pointer;border-radius:4px;padding-inline:4px;margin-inline:-4px}
.term-list .row:hover,.term-list .row.sel{background:rgba(var(--acc-rgb),.12)}
.term-list .row b{color:var(--code-kw);font-weight:500}
.term-list .row em{font-style:normal;color:#3fc495}
.term-list .row span:nth-child(3){color:#a9bccb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.term-list .out{margin-top:14px;color:#a9bccb;white-space:pre-wrap}
.term-list .out b{color:#f3d98f;font-weight:500}
.term-list .cur::after{content:"█";color:var(--code-kw);animation:blink 1s steps(1) infinite}
@media (max-width:760px){.term-list .hdrow,.term-list .row{grid-template-columns:1fr 70px}.term-list .hdrow span:nth-child(2),.term-list .hdrow span:nth-child(3),.term-list .row span:nth-child(2),.term-list .row span:nth-child(3){display:none}}
/* pipeline */
.pipe{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.pipe::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:linear-gradient(90deg,var(--gold),var(--acc));opacity:.6}
.pipe .st{position:relative;padding-right:18px}
.pipe .dot{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--bg);box-shadow:inset 0 0 0 2px var(--acc);font-family:var(--f-mono);color:var(--acc);font-size:.8rem;position:relative}
.pipe .st:nth-child(odd) .dot{box-shadow:inset 0 0 0 2px var(--gold);color:var(--gold-t)}
.pipe h4{font-family:var(--f-head);font-size:1.25rem;text-transform:uppercase;margin:16px 0 4px}
.pipe p{font-size:.84rem;color:var(--muted)}
.pipe ul{margin-top:12px;display:grid;gap:6px;font-family:var(--f-mono);font-size:.74rem}
.pipe li a{color:var(--gold-t)}
.pipe li a::before{content:"→ ";color:var(--acc)}
.pipe li a:hover{color:var(--acc)}
@media (max-width:900px){.pipe{grid-template-columns:1fr;gap:26px}.pipe::before{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto}.pipe .st{display:grid;grid-template-columns:56px 1fr;column-gap:18px;padding:0}.pipe .st > *:not(.dot){grid-column:2}.pipe .dot{grid-row:span 3}.pipe h4{margin-top:4px}}

/* ============ BIG STATEMENT ============ */
.years{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.years .big{font-family:var(--f-head);font-weight:700;font-size:clamp(6rem,16vw,11rem);line-height:.85;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.years h2{font-size:clamp(1.7rem,3.4vw,2.6rem);text-transform:uppercase}
.years p{color:var(--muted);margin-top:12px;max-width:60ch}
.inline-list{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:18px;font-family:var(--f-mono);font-size:.8rem;color:var(--fg)}
.inline-list span::before{content:"✓ ";color:var(--up)}
@media (max-width:700px){.years{grid-template-columns:1fr}}

/* timeline (process) */
.tl{display:grid;grid-template-columns:repeat(6,1fr);position:relative}
.tl::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--line-g)}
.tl li{position:relative;padding:34px 18px 0 0}
.tl li::before{content:"";position:absolute;left:0;top:3px;width:13px;height:13px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--gold)}
.tl li:hover::before{background:var(--gold)}
.tl b{font-family:var(--f-mono);font-size:.7rem;color:var(--acc)}
.tl h4{font-family:var(--f-head);font-size:1.15rem;text-transform:uppercase;margin:6px 0}
.tl p{font-size:.85rem;color:var(--muted)}
@media (max-width:900px){.tl{grid-template-columns:1fr}.tl::before{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto}.tl li{padding:0 0 26px 34px}.tl li::before{top:6px}}

/* FAQ */
.faq{border-top:1px solid var(--line);max-width:900px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-family:var(--f-head);font-weight:600;font-size:1.15rem;display:grid;grid-template-columns:44px 1fr 24px;gap:12px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{font-style:normal;font-family:var(--f-mono);font-size:.74rem;color:var(--acc)}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--gold);font-size:1.3rem;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding:0 0 24px 56px;max-width:70ch}
@media (max-width:520px){.faq summary{grid-template-columns:34px 1fr 20px;font-size:1.02rem}.faq details p{padding-left:46px}}

/* CTA strip */
.cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding-block:clamp(50px,7vw,80px);border-top:1px solid var(--line-g);border-bottom:1px solid var(--line-g);position:relative}
.cta h2{font-size:clamp(2rem,5vw,3.8rem);text-transform:uppercase}
.cta p{color:var(--muted);margin-top:10px;font-family:var(--f-mono);font-size:.84rem}
@media (max-width:760px){.cta{grid-template-columns:1fr}}

/* ============ INNER PAGE HERO ============ */
.phero{position:relative;overflow:hidden;padding-block:clamp(56px,8vw,100px) clamp(40px,6vw,70px)}
.phero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 80% 0%,#000,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at 80% 0%,#000,transparent 65%);pointer-events:none}
.phero .wrap{position:relative;z-index:1;display:grid;gap:18px}
.path{font-family:var(--f-mono);font-size:.8rem;color:var(--dim)}
.path b{color:var(--up);font-weight:500} .path i{font-style:normal;color:var(--gold-t)}
.phero h1{font-size:clamp(2.4rem,6vw,4.8rem);text-transform:uppercase;font-weight:700;max-width:17ch}
.phero h1 em{font-style:normal;color:var(--acc)}

/* ============ FEATURE ROWS (zig-zag) ============ */
.feat{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,80px);align-items:center;padding-block:clamp(44px,6vw,70px);border-top:1px solid var(--line)}
.feat:first-child{border-top:0;padding-top:0}
.feat.rev .txt{order:2}
.feat > *{min-width:0}
.feat .num{font-family:var(--f-mono);font-size:.76rem;color:var(--acc)}
.feat .num b{color:var(--gold-t);font-weight:500}
.feat h3{font-size:clamp(1.7rem,3.2vw,2.5rem);text-transform:uppercase;margin:10px 0 14px}
.feat p{color:var(--muted)}
.feat .pts{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:.92rem}
.feat .pts li{display:flex;gap:10px;align-items:baseline}
.feat .pts li::before{content:"";width:10px;height:2px;background:var(--gold);flex:none;translate:0 -4px}
.feat .link{margin-top:22px}
@media (max-width:900px){.feat{grid-template-columns:1fr}.feat.rev .txt{order:0}}
@media (max-width:460px){.feat .pts{grid-template-columns:1fr}}

/* columns w/ rules */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.cols3 > div{padding:0 28px;border-left:1px solid var(--line)}
.cols3 > div:first-child{padding-left:0;border-left:0}
.cols3 h4{font-family:var(--f-head);font-size:1.3rem;text-transform:uppercase;margin:8px 0 14px}
.cols3 li{padding:9px 0;border-bottom:1px dashed var(--line);font-size:.93rem;color:var(--muted)}
@media (max-width:820px){.cols3{grid-template-columns:1fr;gap:34px}.cols3 > div{padding:0;border-left:0}}

/* ============ ABOUT ============ */
.manifesto{font-family:var(--f-head);font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.15;font-weight:600;max-width:24ch}
.manifesto em{font-style:normal;color:var(--gold-t)}
.who{border-top:1px solid var(--line)}
.who > div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:30px;padding-block:28px;border-bottom:1px solid var(--line);align-items:baseline}
.who h4{font-family:var(--f-head);font-size:1.5rem;text-transform:uppercase}
.who .need,.who .get{color:var(--muted);font-size:.95rem}
.who .need::before{content:"You need";display:block;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;margin-bottom:4px}
.who .get::before{content:"We deliver";display:block;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;color:var(--acc);text-transform:uppercase;margin-bottom:4px}
.who .get{color:var(--fg)}
@media (max-width:800px){.who > div{grid-template-columns:1fr;gap:10px}}
.promise{counter-reset:p}
.promise li{display:grid;grid-template-columns:clamp(70px,10vw,130px) 1fr;gap:20px;padding-block:26px;border-top:1px solid var(--line);counter-increment:p;align-items:baseline}
.promise li::before{content:counter(p,decimal-leading-zero);font-family:var(--f-head);font-weight:700;font-size:clamp(2.6rem,6vw,4.4rem);line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--gold)}
.promise h4{font-family:var(--f-head);font-size:clamp(1.3rem,2.4vw,1.8rem);text-transform:uppercase;margin-bottom:6px}
.promise p{color:var(--muted);max-width:62ch}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px)}
.quotes blockquote{margin:0;position:relative;padding-top:40px}
.quotes blockquote::before{content:"“";position:absolute;top:-20px;left:-4px;font-family:Georgia,serif;font-size:6rem;line-height:1;color:var(--gold);opacity:.6}
.quotes .k{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;color:var(--acc)}
.quotes p{font-family:var(--f-head);font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.3;margin-top:10px;font-weight:500}
@media (max-width:760px){.quotes{grid-template-columns:1fr}}

/* ============ ACADEMY ============ */
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
.steps4 li{border-top:2px solid var(--line-g);padding-top:20px;display:grid;gap:6px;position:relative;min-width:0}
.steps4 li::before{content:"";position:absolute;top:-2px;left:0;width:40%;height:2px;background:var(--gold)}
.steps4 li:last-child::before{width:100%}
.steps4 i{font-style:normal;font-family:var(--f-mono);font-size:.74rem;color:var(--acc)}
.steps4 b{font-family:var(--f-head);font-size:clamp(1.2rem,1.9vw,1.7rem);text-transform:uppercase;line-height:1.1;letter-spacing:.02em}
.steps4 li:nth-child(even) b{color:var(--acc)}
.steps4 span{font-size:.9rem;color:var(--muted)}
@media (max-width:760px){.steps4{grid-template-columns:1fr 1fr;row-gap:30px}}
.syllabus{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(30px,5vw,70px)}
.syllabus li{display:grid;grid-template-columns:60px 1fr;gap:16px;padding-block:22px;border-top:1px solid var(--line)}
.syllabus li b{font-family:var(--f-mono);font-size:.8rem;color:var(--gold-t);padding-top:4px}
.syllabus h4{font-family:var(--f-head);font-size:1.3rem;text-transform:uppercase}
.syllabus p{font-size:.9rem;color:var(--muted)}
@media (max-width:760px){.syllabus{grid-template-columns:1fr}}
.paths{border-top:1px solid var(--line)}
.paths a{display:grid;grid-template-columns:1fr 1.2fr 40px;gap:24px;align-items:center;padding-block:24px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}
.paths a:hover{padding-inline:16px;background:rgba(var(--gold-rgb),.07)}
.paths h4{font-family:var(--f-head);font-size:clamp(1.3rem,2.6vw,1.9rem);text-transform:uppercase}
.paths p{color:var(--muted);font-size:.93rem}
.paths span{font-size:1.4rem;color:var(--gold);justify-self:end;transition:transform .25s}
.paths a:hover span{transform:translateX(6px)}
@media (max-width:700px){.paths a{grid-template-columns:1fr 30px}.paths p{grid-column:1}.paths span{grid-row:1/3;grid-column:2}}
.techline{display:flex;flex-wrap:wrap;gap:10px 34px;font-family:var(--f-head);font-weight:700;font-size:clamp(1.4rem,3vw,2.2rem);text-transform:uppercase}
.techline span:nth-child(odd){color:var(--gold-t)}
.techline span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--fg)}

/* ============ SERVICES ============ */
.vids{border-top:1px solid var(--line)}
.vids a{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;padding-block:20px;border-bottom:1px solid var(--line)}
.vids .pl{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--on-gold);transition:transform .2s}
.vids a:hover .pl{transform:scale(1.08)}
.vids h4{font-family:var(--f-head);font-size:1.25rem;text-transform:uppercase}
.vids p{font-size:.88rem;color:var(--muted)}
.vids em{font-style:normal;font-family:var(--f-mono);font-size:.74rem;color:var(--gold-t)}
@media (max-width:520px){.vids em{display:none}.vids a{grid-template-columns:48px 1fr}.vids .pl{width:48px;height:48px}}
.minilist{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(24px,4vw,56px)}
.minilist > div{border-top:2px solid var(--gold);padding-top:18px}
.minilist h4{font-family:var(--f-head);font-size:1.35rem;text-transform:uppercase;margin-bottom:10px}
.minilist li{font-size:.92rem;color:var(--muted);padding:6px 0;border-bottom:1px dashed var(--line)}
@media (max-width:820px){.minilist{grid-template-columns:1fr;row-gap:34px}}

/* ============ PRICING ============ */
.planpick{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.planpick > *{min-width:0}
@media (max-width:820px){.planpick{grid-template-columns:1fr}}
.seg{display:inline-flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:.8rem}
.seg button{background:none;border:0;color:var(--muted);font:inherit;padding:.7rem 1rem;cursor:pointer;position:relative}
.seg button[aria-pressed="true"]{color:var(--gold-t)}
.seg button[aria-pressed="true"]::after{content:"";position:absolute;left:1rem;right:1rem;bottom:-1px;height:2px;background:var(--gold)}
.bigprice{font-family:var(--f-head);font-weight:700;font-size:clamp(4rem,10vw,7rem);line-height:1;margin-top:26px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.bigprice small{font-family:var(--f-mono);font-size:1rem;font-weight:400;color:var(--muted);letter-spacing:0}
.saveline{font-family:var(--f-mono);font-size:.86rem;color:var(--muted);margin-top:8px}
.saveline em{font-style:normal;color:var(--up)}
.featline{display:grid;gap:12px;font-size:1.02rem}
.featline li{display:flex;gap:12px;align-items:center}
.featline li .ico{color:var(--up)}
.ptable{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:560px}
.ptable th,.ptable td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}
.ptable th{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;color:var(--dim);font-weight:500}
.ptable td:first-child{font-family:var(--f-head);font-weight:600;text-transform:uppercase}
.ptable tr.best td{color:var(--gold-t)}
.ptable td em{font-style:normal;color:var(--up)}
.scroll{overflow-x:auto}
.menu{border-top:1px solid var(--line)}
.menu li{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:baseline;padding-block:24px;border-bottom:1px solid var(--line)}
.menu h4{font-family:var(--f-head);font-size:clamp(1.3rem,2.6vw,1.9rem);text-transform:uppercase;white-space:nowrap}
.menu .dots{border-bottom:2px dotted var(--line-g);transform:translateY(-6px);min-width:20px}
.menu .amt{font-family:var(--f-head);font-weight:700;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--gold-t);font-variant-numeric:tabular-nums}
.menu .amt small{font-size:.9rem;color:var(--muted)}
.menu p{grid-column:1/-1;color:var(--muted);font-size:.92rem;margin-top:-8px}
.menu p b{color:var(--fg);font-weight:500}
@media (max-width:520px){.menu h4{white-space:normal}}
.pay{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.pay > div{padding:0 28px;border-left:1px solid var(--line)}
.pay > div:first-child{padding-left:0;border-left:0}
.pay h4{font-family:var(--f-head);font-size:1.35rem;text-transform:uppercase;margin:8px 0 14px}
.kv div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.86rem}
.kv span{color:var(--muted)}
.kv b{font-family:var(--f-mono);font-weight:500;text-align:right;overflow-wrap:anywhere}
.steps{counter-reset:s;display:grid;gap:12px}
.steps li{display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:.92rem;color:var(--muted);counter-increment:s}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--f-mono);font-size:.74rem;color:var(--acc);padding-top:3px}
.qrwrap{display:flex;gap:16px;align-items:center;margin-bottom:14px}
.qrwrap .qr{width:150px;height:150px;border-radius:10px;box-shadow:0 0 0 1px var(--line-g),0 10px 24px -14px rgba(0,0,0,.35);background:#fff;flex:none}
.qrwrap p{font-size:.84rem;color:var(--muted)}
.payact{display:flex;gap:18px;flex-wrap:wrap}
.upi-app{text-decoration:none;display:none}
@media (hover:none) and (pointer:coarse){.upi-app{display:inline-block}}
.copy{background:none;border:0;border-bottom:1px solid var(--line-g);color:var(--gold-t);padding:4px 0;font-family:var(--f-mono);font-size:.74rem;cursor:pointer;margin-top:12px}
.copy:hover{color:var(--acc);border-color:var(--acc)}
@media (max-width:860px){.pay{grid-template-columns:1fr;gap:36px}.pay > div{padding:0;border-left:0}}

/* ============ CONTACT ============ */
.cgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,6vw,80px);align-items:start}
.clines li{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:baseline;padding-block:20px;border-bottom:1px solid var(--line)}
.clines li:first-child{border-top:1px solid var(--line)}
.clines span{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;color:var(--acc);text-transform:uppercase}
.clines b{font-family:var(--f-head);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;overflow-wrap:anywhere}
.clines .copy{margin:0}
@media (max-width:520px){.clines li{grid-template-columns:1fr}}
.form{display:grid;gap:22px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form label{display:grid;gap:4px;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;color:var(--dim);text-transform:uppercase;min-width:0}
.form input,.form select,.form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-g);padding:10px 0;color:var(--fg);font:400 1.05rem var(--f-body);text-transform:none;letter-spacing:0;border-radius:0}
.form select option{background:var(--bg2);color:var(--fg)}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--acc)}
.form textarea{min-height:90px;resize:vertical}
.form .btn{justify-self:start}
.sent{font-size:.92rem;color:var(--muted);border-left:2px solid var(--up);padding:4px 0 4px 16px;display:grid;gap:6px}
.sent b{color:var(--up)}
@media (max-width:860px){.cgrid{grid-template-columns:1fr}}
@media (max-width:520px){.form .row{grid-template-columns:1fr}}

.lgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,6vw,80px);align-items:start}
.lgrid > *{min-width:0}
.lfeat{margin-top:26px;border-top:1px solid var(--line)}
.lfeat li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding-block:14px;border-bottom:1px solid var(--line);font-size:.93rem}
.lfeat b{font-family:var(--f-mono);font-weight:500;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);padding-top:2px}
.lfeat span{color:var(--muted)}
.lform{position:sticky;top:150px;padding-left:clamp(0px,3vw,40px);border-left:1px solid var(--line-g)}
.lh{font-size:clamp(1.6rem,3vw,2.2rem);text-transform:uppercase}
.lsmall{font-size:.84rem;color:var(--muted)}
.lsmall b{color:var(--fg);font-family:var(--f-mono);font-weight:500}
@media (max-width:900px){.lgrid{grid-template-columns:1fr}.lform{position:static;padding-left:0;border-left:0;order:-1}}

/* legal documents */
.ldoc-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:start}
.ldoc-nav{position:sticky;top:170px;display:grid;gap:4px;font-family:var(--f-mono);font-size:.84rem;border-left:1px solid var(--line)}
.ldoc-nav a{padding:.45rem .9rem;color:var(--muted);margin-left:-1px;border-left:2px solid transparent}
.ldoc-nav a:hover{color:var(--fg)}
.ldoc-nav a.on{color:var(--gold-t);border-left-color:var(--gold)}
.ldoc{max-width:76ch;font-size:1rem;color:var(--fg)}
.ldoc p,.ldoc li{color:var(--muted);line-height:1.75}
.ldoc p{margin:0 0 14px}
.ldoc strong,.ldoc b{color:var(--fg);font-weight:600}
.ldoc h3{font-size:1.3rem;text-transform:uppercase;margin:34px 0 12px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:baseline}
.ldoc h3 i{font-style:normal;font-family:var(--f-mono);font-size:.78rem;color:var(--acc);font-weight:500}
.ldoc ul{display:grid;gap:8px;margin:0 0 14px;padding-left:0}
.ldoc li{display:block;position:relative;padding-left:24px}
.ldoc li::before{content:"—";color:var(--gold);position:absolute;left:0;top:0}
.callout{border-left:3px solid var(--gold);background:rgba(var(--gold-rgb),.08);padding:18px 20px;margin-bottom:10px;color:var(--fg);line-height:1.7}
@media (max-width:860px){.ldoc-wrap{grid-template-columns:1fr}.ldoc-nav{position:static;display:flex;flex-wrap:wrap;border-left:0;border-bottom:1px solid var(--line)}.ldoc-nav a{border-left:0;border-bottom:2px solid transparent;margin:0 0 -1px}.ldoc-nav a.on{border-bottom-color:var(--gold)}}

/* socials */
.soc{display:flex;flex-wrap:wrap;gap:10px 18px}
.soc a{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.84rem;color:var(--fg)}
.soc a .ico{width:18px;height:18px;color:var(--acc)}
.soc a:hover{color:var(--acc)}
.fsoc{display:flex;gap:10px;margin-top:18px}
.fsoc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#d6b062;box-shadow:inset 0 0 0 1px rgba(214,176,98,.4);transition:background .2s,color .2s}
.fsoc a:hover{background:#d6b062;color:#01070d}
.fsoc a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fsoc .ico{width:18px;height:18px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sent.err{border-left-color:var(--down)}
.sendopts{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.sendopts .btn{padding:.75rem 1.1rem;font-size:.78rem}

/* mobile: menu button, drawer, bottom bar */
.mbtn{display:none;width:44px;height:44px;border-radius:10px;border:0;background:rgba(255,255,255,.06);color:#eef6f1;cursor:pointer;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.mbtn .ico{width:22px;height:22px}
.mmenu{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,#04150e,#082319);color:#eef6f1;padding:calc(16px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:22px;overflow-y:auto;animation:mmIn .25s ease}
@keyframes mmIn{from{opacity:0;transform:translateY(-10px)}}
.mm-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:.95rem;color:#6f9584}
.mm-top b{color:#3fc495;font-weight:500}.mm-top i{font-style:normal;color:#3ee0a5}
.mm-top .mbtn{display:grid}
.mm-links{display:grid;border-top:1px solid rgba(255,255,255,.08)}
.mm-links a{font-family:var(--f-mono);font-size:1.25rem;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.08);color:#d7e6de;display:flex;justify-content:space-between}
.mm-links a::after{content:"→";color:#d6b062}
.mm-links a.on{color:#f3d98f}
.mm-cta{display:grid;gap:10px}
.mm-cta .btn{justify-content:center}
.mm-cta .btn.o{background:rgba(62,224,165,.08);color:#3ee0a5;box-shadow:inset 0 0 0 1px rgba(62,224,165,.6)}
.mm-contact{display:grid;gap:10px;font-family:var(--f-mono);font-size:.92rem}
.mm-contact a{display:flex;gap:10px;align-items:center;color:#d7e6de}
.mm-contact .ico{color:#3ee0a5}
.mm-soc a{color:#d7e6de}.mm-soc a .ico{color:#d6b062}
.mbar{display:none}
@media (max-width:760px){
  .mbtn{display:grid}
  .cdnav{display:none}
  .hdr-right .btn.o{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1.2fr;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#04150e;border-top:1px solid rgba(214,176,98,.35);padding:0 0 env(safe-area-inset-bottom,0px)}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 10px;font-family:var(--f-mono);font-size:.7rem;color:#d7e6de;letter-spacing:.04em}
  .mbar a .ico{width:20px;height:20px;color:#3ee0a5}
  .mbar a.hot{background:linear-gradient(180deg,#f6e0a0,#d6b062);color:#140e04}
  .mbar a.hot .ico{color:#140e04}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
  .hero h1{font-size:clamp(2.1rem,10vw,2.8rem)}
  .phero h1{font-size:clamp(2rem,9.5vw,2.8rem)}
  .h2{font-size:clamp(1.7rem,8vw,2.3rem)}
  .sec{padding-block:56px}
  .cta h2{font-size:clamp(1.7rem,8vw,2.4rem)}
  .clines li{grid-template-columns:1fr auto}
  .clines li > span{grid-column:1/-1}
  .clock .ex small{display:none}
  .clock .lane{padding-block:12px}
  .brand .tagline{font-size:.46rem;letter-spacing:.1em}
  .brand{gap:10px}
  .brand > img{height:44px!important}
}

/* footer (always dark) */
footer{background:#01070d;color:#d9e3ea;padding-block:60px calc(90px + env(safe-area-inset-bottom,0px))}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}
.foot img{width:230px}
.foot p{color:#8ea3b4;font-size:.86rem;margin-top:14px;max-width:38ch}
.foot h5{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;color:#d6b062;margin:0 0 14px;font-weight:500}
.foot ul{display:grid;gap:8px;font-size:.9rem;font-family:var(--f-mono)}
.foot ul a{color:#8ea3b4}
.foot ul a:hover{color:#f6e0a0}
.legal a{color:#b8c7d3;text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:#f6e0a0}
.legal{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.76rem;color:#6d8396}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot{grid-template-columns:1fr}}
.page{animation:pgIn .45s ease}
@keyframes pgIn{from{opacity:.4;transform:translateY(8px)}}