:root{--bg: #070b12;--surface: #0a0f1a;--surface-2: #0e1522;--line: #1b2436;--line-soft: #141c2b;--ink: #eef2f8;--ink-2: #9aa8bd;--ink-3: #64728a;--c1: #38bdf8;--c2: #818cf8;--c3: #22d3ee;--grad: linear-gradient(120deg, var(--c3), var(--c1) 45%, var(--c2));--ok: #0ca30c;--warn: #fab219;--bad: #d03b3b;--s-up: #3987e5;--s-down: #d03b3b;--r-sm: 10px;--r: 16px;--r-lg: 24px;--shadow: 0 20px 60px -20px #000c;--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans Thai,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Space Grotesk,IBM Plex Sans Thai,sans-serif;line-height:1.2;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--c1);color:#04121c}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none}.aurora i{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.32;animation:drift 24s ease-in-out infinite}.aurora i:nth-child(1){width:52vw;height:52vw;left:-12vw;top:-16vw;background:#1d4ed8}.aurora i:nth-child(2){width:44vw;height:44vw;right:-10vw;top:8vw;background:#6d28d9;animation-delay:-8s}.aurora i:nth-child(3){width:40vw;height:40vw;left:28vw;top:52vw;background:#0891b2;animation-delay:-15s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(4vw,-3vw) scale(1.12)}66%{transform:translate(-3vw,4vw) scale(.94)}}.ghost{position:fixed;z-index:-3;pointer-events:none;-webkit-user-select:none;user-select:none;left:-8vw;top:6vh;width:min(58vw,720px);opacity:.12;filter:saturate(.8) contrast(1.05);-webkit-mask-image:radial-gradient(62% 62% at 56% 42%,#000 30%,transparent 76%);mask-image:radial-gradient(62% 62% at 56% 42%,#000 30%,transparent 76%);animation:ghostfloat 30s ease-in-out infinite}@keyframes ghostfloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(1.5vw,2vh) scale(1.04)}}@media (max-width:900px){.ghost{opacity:.08;left:-24vw;width:92vw}}@media (prefers-reduced-motion: reduce){.ghost{animation:none}}.bg-chart{position:fixed;z-index:-3;pointer-events:none;-webkit-user-select:none;user-select:none;right:calc(-4vw + 75px);top:calc(4vh + 320px);width:min(44vw,660px);opacity:.1;-webkit-mask-image:radial-gradient(68% 66% at 58% 44%,#000 26%,transparent 76%);mask-image:radial-gradient(68% 66% at 58% 44%,#000 26%,transparent 76%);animation:chartfloat 38s ease-in-out infinite}@keyframes chartfloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-1.2vw,-1.6vh) scale(1.03)}}@media (max-width:900px){.bg-chart{opacity:.07;right:-18vw;width:88vw;top:calc(30vh + 200px)}}@media (prefers-reduced-motion: reduce){.bg-chart{animation:none}}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 20%,transparent 75%)}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 22px}section{position:relative;padding:96px 0}.sec-head{max-width:660px;margin-bottom:44px}.sec-head h2{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.5px}.sec-head p{color:var(--ink-2);margin:14px 0 0;font-size:16px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--c3);padding:6px 14px;border-radius:999px;border:1px solid #38bdf826;background:#38bdf80f;margin-bottom:16px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c3);box-shadow:0 0 12px var(--c3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 24px;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .22s,filter .18s,background-color .18s,border-color .18s}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--grad);color:#04121c;box-shadow:0 8px 28px -8px #38bdf899}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px -8px #38bdf8bb;filter:brightness(1.06)}.btn-ghost{border-color:var(--line);color:var(--ink);background:#ffffff06}.btn-ghost:hover{border-color:#2e3d56;background:#ffffff0d;transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-block{width:100%}.card{position:relative;border-radius:var(--r);background:linear-gradient(180deg,#ffffff0b,#ffffff04);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .28s cubic-bezier(.2,.7,.3,1),border-color .28s,box-shadow .28s}.card-hover:hover{transform:translateY(-6px);border-color:#2c3c57;box-shadow:var(--shadow)}.card-pad{padding:26px}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.85;pointer-events:none}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b12cc;border-bottom:1px solid transparent;transition:border-color .3s,background-color .3s}.nav.scrolled{border-bottom-color:var(--line);background:#070b12ee}.nav-in{display:flex;align-items:center;gap:12px;height:68px}.brand{display:flex;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;letter-spacing:.4px}.brand svg,.brand img{width:32px;height:32px;border-radius:9px;flex:0 0 32px}.nav-links{display:flex;align-items:center;gap:4px;margin-left:26px}.nav-links a{position:relative;padding:9px 14px;border-radius:10px;color:var(--ink-2);font-weight:500;font-size:14.5px;transition:color .2s,background-color .2s}.nav-links a:hover{color:var(--ink);background:#ffffff0a}.nav-links a.on{color:var(--ink)}.nav-links a.on:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--grad)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer}.drawer{position:fixed;top:68px;right:0;bottom:0;left:0;z-index:49;background:#070b12f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:22px;display:flex;flex-direction:column;gap:6px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.22s ease}.drawer.open{transform:none;opacity:1;pointer-events:auto}.drawer a{padding:14px 12px;border-radius:12px;font-size:17px;font-weight:500}.drawer a:hover,.drawer a.on{background:#ffffff0a}.hero{padding:108px 0 84px;position:relative}.hero h1{font-size:clamp(34px,6vw,68px);letter-spacing:-1.5px;font-weight:700}.hero p.lead{font-size:clamp(16px,1.7vw,19px);color:var(--ink-2);max-width:600px;margin:22px 0 34px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:22px;color:var(--ink-3);font-size:13.5px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}}.mock{border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,#0d1424,#080d16);box-shadow:var(--shadow)}.mock-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line-soft)}.mock-bar i{width:10px;height:10px;border-radius:50%;background:#25314a;display:block}.mock-bar span{margin-left:8px;font-size:12px;color:var(--ink-3);font-family:Space Grotesk,monospace}.mock-body{padding:18px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stat{position:relative;padding:22px;border-radius:var(--r);border:1px solid var(--line);background-color:#ffffff06;background-image:linear-gradient(100deg,transparent 38%,#ffffff16 50%,transparent 62%);background-size:260% 100%;background-position:140% 0;background-repeat:no-repeat;transition:transform .28s cubic-bezier(.2,.7,.3,1),border-color .28s,background-color .28s}.stat:hover{transform:translateY(-4px);border-color:#2c3c57;background-color:#ffffff0b}.reveal.in .stat{animation:sheen 1.6s cubic-bezier(.3,.7,.4,1) forwards}.stat:nth-child(2){animation-delay:.12s}.stat:nth-child(3){animation-delay:.24s}.stat:nth-child(4){animation-delay:.36s}@keyframes sheen{0%{background-position:140% 0}to{background-position:-60% 0}}.stat b:after{content:"";display:block;height:2px;width:0;margin-top:8px;border-radius:2px;background:var(--grad);opacity:.8}.reveal.in .stat b:after{animation:barout .8s .25s cubic-bezier(.2,.7,.3,1) forwards}.stat:nth-child(2) b:after{animation-delay:.37s}.stat:nth-child(3) b:after{animation-delay:.49s}.stat:nth-child(4) b:after{animation-delay:.61s}@keyframes barout{to{width:38px}}.stat b{display:block;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.1}.stat span{display:block;color:var(--ink-2);font-size:13.5px;margin-top:6px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}.plan{padding:30px 26px;display:flex;flex-direction:column;gap:18px}.plan.pop{transform:scale(1.02)}@media (max-width:760px){.plan.pop{transform:none}}.plan .tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--grad);color:#04121c;font-weight:700;font-size:11.5px;letter-spacing:1px;padding:5px 15px;border-radius:999px;text-transform:uppercase;white-space:nowrap}.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price b{font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;line-height:1}.price s{color:var(--ink-3);font-size:15px}.price em{font-style:normal;color:var(--ink-2);font-size:14px}.feat{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}.feat li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-2)}.feat li svg{flex:0 0 18px;margin-top:2px;color:var(--c3)}.prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.prod{padding:26px;display:flex;flex-direction:column;gap:14px;height:100%}.prod .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf826,#818cf826);border:1px solid #38bdf82e;color:var(--c1);animation:bob 3.2s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}@keyframes bob{0%,to{transform:translateY(0) scale(1)}8%{transform:translateY(0) scale(1.05,.95)}45%{transform:translateY(-3px) scale(1.04)}82%{transform:translateY(0) scale(1.04,.97)}}.prods>*:nth-child(2) .ic{animation-delay:.35s}.prods>*:nth-child(3) .ic{animation-delay:.7s}.prods>*:nth-child(4) .ic{animation-delay:1.05s}.card:hover .ic{animation-duration:1.5s}.prod h3{font-size:18px}.prod p{color:var(--ink-2);font-size:14.5px;margin:0;flex:1}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.6px;padding:4px 11px;border-radius:999px;text-transform:uppercase;font-family:Space Grotesk,sans-serif}.chip-ind{background:#38bdf81f;color:#7dd3fc;border:1px solid #38bdf833}.chip-ea{background:#818cf81f;color:#c7d2fe;border:1px solid #818cf833}.hw-head{margin-bottom:18px}.hw-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:stretch}.hw-arrowcell{display:none}.hw-step{position:relative;padding:16px 14px 4px;border-radius:14px;background:#ffffff05;border:1px solid var(--line);display:flex;flex-direction:column;opacity:0;animation:hwin .5s cubic-bezier(.2,.7,.3,1) var(--d,0s) forwards}@keyframes hwin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hw-step:not(:last-child):after{content:"";position:absolute;top:62px;right:-20px;width:13px;height:13px;z-index:2;border-right:2px solid var(--ink-3);border-top:2px solid var(--ink-3);transform:rotate(45deg) scale(.6);opacity:0;animation:hwarrow .4s ease calc(var(--d,0s) + .25s) forwards}@keyframes hwarrow{to{opacity:.85;transform:rotate(45deg) scale(1)}}.hw-artwrap{background:#070c15;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:13px}.hw-art{display:block;width:100%;height:auto}.hw-cap{display:flex;align-items:baseline;gap:11px;margin-bottom:7px}.hw-no{flex:none;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.95}.hw-ttl{font-size:14px;line-height:1.35}.hw-desc{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}.hw-desc li{position:relative;padding-left:13px;font-size:12.8px;line-height:1.6;color:var(--ink-2)}.hw-desc li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--ink-3)}.hw-panel{fill:#ffffff08;stroke:var(--line);stroke-width:1.6}.hw-line{stroke:var(--ink-2);stroke-width:2.4}.hw-faint{stroke:var(--ink-3);stroke-width:1.6;opacity:.55}.hw-faintfill{fill:#ffffff08}.hw-stroke{stroke:var(--ink);stroke-width:1.8}.hw-btn{fill:#ffffff16;stroke:var(--line);stroke-width:1.4}.hw-btnline{stroke:var(--ink);stroke-width:2.4}.hw-arrow{stroke:var(--ink-3);stroke-width:1.8}.hw-candle{fill:#ffffff1c;stroke:var(--ink-2);stroke-width:1.3}.hw-chip{fill:#ffffff1f;stroke:var(--ink-2);stroke-width:1.4}.hw-field{fill:#ffffff0f;stroke:var(--ink-2);stroke-width:1.5}.hw-mono{stroke:var(--ink-2);stroke-width:2.4;stroke-dasharray:4 3}.hw-okring{fill:#0b1220;stroke:#34d399;stroke-width:1.8}.hw-okmark{stroke:#34d399;stroke-width:2.2}.hw-caret{stroke:var(--ink);stroke-width:2;animation:hwcaret 1.1s steps(1) infinite}@keyframes hwcaret{50%{opacity:0}}.hw-key{animation:hwkey 2.6s ease-in-out infinite}@keyframes hwkey{0%,72%,to{transform:none}82%{transform:translate(3px)}}.hw-drag{animation:hwdrag 3s ease-in-out infinite}@keyframes hwdrag{0%,10%{transform:none}45%,70%{transform:translate(34px,6px)}90%,to{transform:none}}.hw-ok{transform-origin:104px 54px;animation:hwok 3s ease-in-out infinite}@keyframes hwok{0%,55%{transform:scale(0);opacity:0}70%{transform:scale(1.1);opacity:1}80%,92%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@media (max-width:900px){.hw-flow{grid-template-columns:repeat(2,1fr);gap:20px}.hw-step:not(:last-child):after{display:none}}@media (max-width:560px){.hw-flow{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.hw-step,.hw-step:after{animation:none;opacity:1;transform:none}.hw-caret,.hw-key,.hw-drag,.hw-ok{animation:none}.hw-ok{opacity:1;transform:none}}.acc-plat{display:inline-block;margin-right:8px;padding:1px 6px;border-radius:5px;font-size:10.5px;font-weight:700;letter-spacing:.5px;vertical-align:1px;color:#7dd3fc;background:#38bdf81f;border:1px solid #38bdf833;font-family:Space Grotesk,sans-serif}.acc-tag{display:inline-flex;align-items:center;font-size:13.5px;font-weight:700;letter-spacing:.4px;padding:2px 9px;border-radius:7px;color:var(--ink);background:#ffffff0e;border:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;counter-reset:s}.step{padding:26px;position:relative}.step:before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:Space Grotesk,sans-serif;font-size:34px;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:10px;opacity:.9}.step h3{font-size:17px;margin-bottom:8px}.step p{color:var(--ink-2);font-size:14.5px;margin:0}.faq{display:flex;flex-direction:column;gap:10px;max-width:820px}.faq details{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff06;transition:border-color .22s,background-color .22s,transform .22s cubic-bezier(.2,.7,.3,1)}.faq details:hover{border-color:#2a3a54;background:#ffffff0b;transform:translate(3px)}.faq details[open]{border-color:#2a3a54;background:#ffffff0b}.faq details:before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--grad);transition:height .32s cubic-bezier(.2,.7,.3,1)}.faq details[open]:before{height:100%}.faq details[open] p{animation:faqin .34s cubic-bezier(.2,.7,.3,1)}@keyframes faqin{0%{opacity:0;transform:translateY(-6px)}}.faq summary{padding:17px 20px;cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:21px;color:var(--c3);transition:transform .28s cubic-bezier(.34,1.4,.64,1)}.faq summary:hover:after{transform:scale(1.25)}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{margin:0;padding:0 20px 18px;color:var(--ink-2);font-size:14.5px}.cta{border-radius:var(--r-lg);padding:56px 40px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f1c33,#0b1220);border:1px solid var(--line)}.cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 80% at 50% 0%,#38bdf826,transparent 70%);animation:ctaglow 7s ease-in-out infinite}@keyframes ctaglow{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.55;transform:translateY(-6px) scale(1.06)}}.cta:before{content:"";position:absolute;top:0;left:-40%;width:40%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#7dd3fc,transparent);animation:ctascan 5.5s linear infinite}@keyframes ctascan{to{transform:translate(350%)}}.cta h2{font-size:clamp(24px,3.2vw,36px);position:relative}.cta p{color:var(--ink-2);max-width:520px;margin:14px auto 26px;position:relative}.cta .hero-cta{justify-content:center;position:relative}footer{border-top:1px solid var(--line);padding:52px 0 34px;margin-top:40px}.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}@media (max-width:800px){.foot{grid-template-columns:1fr 1fr}}.foot h4{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;font-family:Space Grotesk,sans-serif}.foot a,.foot li{color:var(--ink-2);font-size:14.5px;line-height:2.1}.foot a:hover{color:var(--c1)}.foot ul{list-style:none;padding:0;margin:0}.copy{margin-top:36px;padding-top:22px;border-top:1px solid var(--line-soft);color:var(--ink-3);font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.reveal.in{opacity:1;transform:none}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:var(--r-sm);background:#070c15;border:1px solid var(--line);transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--c1);box-shadow:0 0 0 3px #38bdf826}.field textarea{min-height:110px;resize:vertical}.alert{padding:12px 15px;border-radius:var(--r-sm);font-size:14px;margin-bottom:16px}.alert-err{background:#2a0f0f;border:1px solid #5a2020;color:#fca5a5}.alert-ok{background:#04240f;border:1px solid #0a4a20;color:#86efac}.alert-info{background:#0d1a2b;border:1px solid #1d3654;color:#93c5fd}.alert-warn{background:#241a06;border:1px solid #5a4412;color:#fcd34d}.alert .why{display:block;margin-top:4px;font-weight:600;color:#fff}.auth-wrap{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:44px 22px}.auth-card{width:100%;max-width:430px;padding:34px}.auth-logo .afx-spin{animation-duration:17s}.auth-logo{animation:breathe 6.5s ease-in-out infinite;will-change:transform}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@media (prefers-reduced-motion: reduce){.auth-logo,.auth-logo .afx-spin{animation:none}}.auth-card h1{font-size:26px;margin-bottom:6px}.auth-card .sub{color:var(--ink-2);font-size:14.5px;margin:0 0 24px}.auth-alt{text-align:center;margin-top:20px;color:var(--ink-2);font-size:14px}.auth-alt a{color:var(--c1);font-weight:600}.portal{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:28px 0 60px;align-items:start}@media (max-width:880px){.portal{grid-template-columns:1fr;gap:16px}}.pnav{position:sticky;top:88px;display:flex;flex-direction:column;gap:3px}@media (max-width:880px){.pnav{position:static;flex-direction:row;overflow-x:auto;padding-bottom:6px;gap:6px}}.pnav a{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:12px;color:var(--ink-2);font-size:14.5px;font-weight:500;white-space:nowrap;transition:background-color .18s,color .18s,transform .18s}.pnav a:hover{background:#ffffff0a;color:var(--ink);transform:translate(3px)}@media (max-width:880px){.pnav a:hover{transform:none}}.pnav a.on{background:linear-gradient(90deg,#38bdf81f,transparent);color:var(--ink)}.pnav a.on svg{color:var(--c1)}.pnav svg{flex:0 0 18px;opacity:.8}.phead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.phead h1{font-size:25px}.phead p{color:var(--ink-2);margin:6px 0 0;font-size:14.5px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:13px;margin-bottom:22px}.kpi{padding:18px 20px;border-radius:var(--r);border:1px solid var(--line);background:#ffffff06}.kpi span{display:block;color:var(--ink-2);font-size:13px}.kpi b{display:block;font-family:Space Grotesk,sans-serif;font-size:25px;margin-top:4px}.kpi small{display:block;font-size:12.5px;margin-top:3px;color:var(--ink-3)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:11px 14px;border-bottom:1px solid var(--line)}tbody td{padding:13px 14px;border-bottom:1px solid var(--line-soft);font-size:14px;vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background-color .16s}tbody tr:hover{background:#ffffff06}.tbl-wrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;background:#ffffff05}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:600}.pill-ok{background:#04331e;color:#4ade80}.pill-warn{background:#33280a;color:#fcd34d}.pill-bad{background:#340f0f;color:#fca5a5}.pill-mute{background:#151d2c;color:var(--ink-2)}.dim{color:var(--ink-2)}.muted{color:var(--ink-3)}.mono{font-family:Space Grotesk,ui-monospace,monospace}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.up{color:#4ade80}.down{color:#fca5a5}.empty{text-align:center;padding:54px 24px;color:var(--ink-2)}.empty svg{opacity:.35;margin-bottom:14px}.empty h3{font-size:18px;margin-bottom:8px;color:var(--ink)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#030609d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:22px;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.modal-box{width:100%;max-width:460px;padding:28px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);animation:pop .22s cubic-bezier(.2,.8,.3,1);max-height:90vh;overflow:auto}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.98)}}.modal-box h3{font-size:20px;margin-bottom:6px}.seg{display:inline-flex;background:#ffffff06;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{background:none;border:none;border-radius:999px;padding:7px 15px;color:var(--ink-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:.18s}.seg button:hover{color:var(--ink)}.seg button.on{background:#ffffff12;color:var(--ink)}.drop{border:1.5px dashed var(--line);border-radius:var(--r-sm);padding:26px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.drop:hover{border-color:var(--c1);background:#38bdf80a}.drop img{max-height:180px;margin:0 auto;border-radius:8px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}@media (max-width:900px){.desktop-only{display:none!important}.burger{display:inline-flex}.nav-links{display:none}}@media (min-width:901px){.burger,.drawer{display:none}}.chart-tip{position:absolute;top:8px;right:8px;pointer-events:none;background:#0b1220;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.8;box-shadow:var(--shadow)}.chart-tip b{display:block;margin-bottom:2px;font-size:13px}.langwrap{position:relative}.langbtn{padding:8px 13px;font-size:13px;letter-spacing:.5px}.langmenu{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;z-index:60;background:#0b1220;border:1px solid var(--line);border-radius:12px;padding:5px;box-shadow:var(--shadow);animation:drop .16s ease}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}.langmenu button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;border-radius:9px;padding:9px 11px;font-size:14px;color:var(--ink-2);cursor:pointer;text-align:left;transition:background-color .16s,color .16s}.langmenu button:hover{background:#ffffff0a;color:var(--ink)}.langmenu button.on{color:var(--c1)}.langmenu b{font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.6px}.afx-spin{animation:afxspin 46s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes afxspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.afx-spin{animation:none}}.scroll-bar{position:fixed;left:0;top:0;height:2px;z-index:60;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--grad);box-shadow:0 0 14px #38bdf880;will-change:transform}.spot{position:relative;isolation:isolate}.spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),#38bdf81f,transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none;z-index:0}.spot:hover:after{opacity:1}.spot>*{position:relative;z-index:1}@property --afx-ang{syntax:"<angle>";initial-value:0deg;inherits:false}.spark{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;opacity:0;transition:opacity .25s ease;background:conic-gradient(from var(--afx-ang),transparent 0 62%,#22d3ee33 74%,#22d3ee 88%,#eafcff 93%,#818cf8 96%,transparent 99%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 5px #22d3eecc);animation:ringspin 2.6s linear infinite}.spark-2{animation-duration:3.9s;animation-direction:reverse;filter:drop-shadow(0 0 4px #818cf8aa);opacity:0;background:conic-gradient(from var(--afx-ang),transparent 0 80%,#818cf866 90%,#c7d2fe 96%,transparent 99%)}.card:hover>.spark,.stat:hover>.spark,.kpi:hover>.spark{opacity:1}.card:hover>.spark-2,.stat:hover>.spark-2,.kpi:hover>.spark-2{opacity:.7}.card-ring>.spark{opacity:.55}.card-ring:hover>.spark{opacity:1}@keyframes ringspin{to{--afx-ang:360deg}}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff05;padding:10px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ticker-row{display:flex;gap:34px;width:max-content;animation:slide 26s linear infinite}.ticker:hover .ticker-row{animation-play-state:paused}.ticker-item{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13.5px;color:var(--ink-2)}.ticker-item b{color:var(--ink);font-weight:600}.pill.live{display:inline-flex;align-items:center;gap:7px}.ticker-dot{width:7px;height:7px;border-radius:50%;background:var(--c3);box-shadow:0 0 10px var(--c3);animation:blip 1.9s ease-in-out infinite}.ticker-item:nth-child(3n+2) .ticker-dot{animation-delay:.55s}.ticker-item:nth-child(3n) .ticker-dot{animation-delay:1.1s}@keyframes blip{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px var(--c3)}45%{opacity:.28;transform:scale(.65);box-shadow:0 0 3px var(--c3)}}@keyframes slide{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.scroll-bar{display:none}.spot:after{display:none}.spark{display:none}.ticker-row,.ticker-dot{animation:none}.reveal.in .stat,.stat b:after{animation:none}.prod .ic{animation:none}.cta:after,.cta:before,.faq details[open] p{animation:none}.cta:before{display:none}.stat b:after{width:38px}}