/* Three website directions. The home composition differs by direction;
   common UI primitives keep the same account/payment contract. Local fonts. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body-font);line-height:1.6;font-size:16px;overflow-wrap:anywhere}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--head-font);line-height:1.14;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,6vw,5.3rem);font-weight:650}h2{font-size:clamp(1.6rem,3.5vw,2.8rem)}h3{font-size:1.2rem}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}img{max-width:100%;height:auto}code,pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.86em}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--accent-ink)}:root{--wrap-pad:clamp(16px,3.4vw,48px)}
.wrap{width:100%;padding-inline:var(--wrap-pad)}.skip{position:absolute;left:-9999px;z-index:200;background:var(--panel);padding:12px}.skip:focus{left:12px}.reviewbar{background:var(--panel);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.reviewbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:8px}.reviewbar a{display:inline-flex;min-height:44px;padding-inline:8px;align-items:center}.site-head{position:sticky;top:0;z-index:20;background:var(--nav);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;gap:24px;min-height:80px}.brand{text-decoration:none;font-family:var(--head-font);font-size:21px;font-weight:700;letter-spacing:-.05em;white-space:nowrap}.public-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.public-nav a,.header-actions a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px}.public-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}.header-actions{display:flex;gap:18px;align-items:center}.menu{display:none;background:transparent;border:1px solid var(--control);padding:8px 16px;border-radius:8px;min-height:44px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:1px solid var(--accent);border-radius:var(--radius-button);background:var(--accent);color:var(--accent-ink);font-weight:650;font-size:14px;text-decoration:none;transition:background .15s,transform .15s}.button:hover{filter:brightness(.95)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--control)}.button.small{padding:8px 16px;min-height:44px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.muted{color:var(--muted)}.note{font-size:13px;color:var(--muted);margin-top:14px}.label{font-size:13px;font-weight:650;color:var(--muted)}.tag{display:inline-flex;align-items:center;padding:4px 9px;background:var(--soft);color:var(--ink);font-size:12px;border-radius:5px;white-space:nowrap}.page{padding-block:56px 80px}.page-heading{max-width:800px;margin-bottom:32px}.page-heading h1{font-size:clamp(2.1rem,4.3vw,3.6rem)}.page-heading p{margin-top:14px;color:var(--muted);max-width:64ch}.section{padding:64px 0;border-top:1px solid var(--line)}.section-head{display:flex;gap:24px;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head p{max-width:48ch;color:var(--muted)}.panel{background:var(--panel);padding:26px;border:1px solid var(--line);border-radius:var(--radius)}.panel h3+p{margin-top:12px;color:var(--muted)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.flow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.flow-item{border-top:2px solid var(--control);padding-top:18px}.flow-item .index{font-family:var(--head-font);font-size:14px;color:var(--muted)}.flow-item h3{margin:16px 0 10px}.flow-item p{font-size:14px;color:var(--muted)}.price-lead{font-size:clamp(1.5rem,3vw,2.5rem);font-variant-numeric:tabular-nums;font-weight:650}.prices-line{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}.prices-line div{flex:1;min-width:110px}.prices-line strong{font-size:23px;display:block;font-variant-numeric:tabular-nums}.feature-model{padding:24px 0;border-bottom:1px solid var(--line)}.feature-model:last-child{border-bottom:0}.feature-model a{font-weight:650;font-size:18px}.calculator{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.calculator .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cal-result{margin-top:22px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cal-result strong{font-size:24px;color:var(--accent);font-variant-numeric:tabular-nums}.bullets{padding-left:20px}.bullets li{padding-block:7px}.cta-end{padding:44px;border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:32px;justify-content:space-between;align-items:center;background:var(--panel)}.cta-end h2{max-width:20ch}.site-foot{border-top:1px solid var(--line);padding:38px 0 32px}.footer-row{display:flex;gap:32px;justify-content:space-between;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{display:inline-flex;min-height:44px;align-items:center;font-size:14px}.site-foot .note{max-width:70ch}
/* Distinct public home compositions */
.theme-a{--bg:#101a24;--panel:#192734;--ink:#edf4f6;--muted:#b0c2cb;--accent:#9ce8d4;--accent-ink:#102a24;--line:#344653;--control:#8097a4;--soft:#253b46;--nav:rgba(16,26,36,.92);--head-font:'Schibsted Grotesk',sans-serif;--body-font:'Outfit',sans-serif;--radius:20px;--radius-button:9px}.theme-b{--bg:#f5f5ef;--panel:#fff;--ink:#192c29;--muted:#4b6360;--accent:#11604c;--accent-ink:#fff;--line:#d7e0db;--control:#687d76;--soft:#e4efe8;--nav:rgba(245,245,239,.94);--head-font:'Sora',sans-serif;--body-font:'Figtree',sans-serif;--radius:14px;--radius-button:8px}.theme-c{--bg:#f6f1e9;--panel:#fffaf3;--ink:#292721;--muted:#66594a;--accent:#9e4026;--accent-ink:#fffaf3;--line:#d6c6b5;--control:#7d6a58;--soft:#eddfcc;--nav:rgba(246,241,233,.95);--head-font:'Fraunces',serif;--body-font:'Archivo',sans-serif;--radius:3px;--radius-button:3px}.home-a{position:relative;text-align:center;padding:84px 0 0}.home-a h1{max-width:20ch;margin:auto}.home-a .intro{max-width:59ch;margin:22px auto;color:var(--muted);font-size:19px}.home-a .buttons{justify-content:center}.home-a .catalog-stage{margin:64px auto 56px;text-align:left;width:min(950px,100%);padding:32px 42px;border:1px solid #53716f;border-radius:24px;background:linear-gradient(120deg,#1d363a,#182c36);backdrop-filter:blur(14px);box-shadow:0 26px 70px #0004}.catalog-stage .stage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stage-row{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:14px;padding:16px 0;border-top:1px solid #4a686d;align-items:center}.stage-row span{display:block;font-size:12px;color:var(--muted)}.stage-row strong{font-size:20px;font-variant-numeric:tabular-nums}.home-a .catalog-stage a{text-decoration:none}.home-b{padding:76px 0 52px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.home-b h1{max-width:13ch;font-size:clamp(2.5rem,5.2vw,4.5rem)}.home-b .intro{margin-top:26px;max-width:46ch;color:var(--muted);font-size:18px}.choice-board{padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:24px;transform:rotate(1deg);box-shadow:12px 14px 0 var(--soft)}.board-model{padding:18px 0;border-bottom:1px solid var(--line)}.board-model:last-child{border-bottom:0}.board-model h3{font-size:18px}.board-model .label{display:block;margin-bottom:6px}.board-model .prices-line strong{font-size:22px}.home-c{padding:54px 0 40px}.edition{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding-bottom:22px;border-bottom:1px solid var(--control)}.home-c h1{font-size:clamp(3.2rem,7vw,6.4rem);font-weight:500;max-width:15ch;margin-top:32px}.editorial-bottom{display:grid;grid-template-columns:1.5fr .5fr;gap:70px;margin-top:32px;align-items:start}.editorial-bottom .intro{font-size:20px;max-width:48ch;color:var(--muted)}.directory-mark{border-left:1px solid var(--control);padding-left:28px}.directory-mark strong{display:block;font-family:var(--head-font);font-size:80px;line-height:1}.directory-mark a{display:inline-block;min-height:44px;margin-top:18px}.editorial-directory{display:grid;grid-template-columns:.55fr 1.45fr;gap:64px}.editorial-directory .feature-model{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.theme-c .section-head{align-items:start}.theme-c .flow-list{grid-template-columns:1fr 1fr;gap:32px 64px}.theme-c .flow-item{display:grid;grid-template-columns:28px 1fr;gap:12px;border-top:1px solid var(--control)}.theme-c .flow-item h3{margin:0 0 8px}.theme-b .flow-item{border-top:0;background:var(--panel);border-radius:14px;padding:24px}.theme-c .price-lead{font-family:var(--head-font)}
/* Data, documentation, sign-in */
.toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:24px}.field{display:grid;gap:8px;min-width:0}.field label{font-size:14px;font-weight:600}input,select{min-height:46px;border:1px solid var(--control);background:var(--panel);border-radius:var(--radius-button);padding:10px 12px;max-width:100%}input::placeholder{color:var(--muted)}.field.grow{flex:1;min-width:200px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.model-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:22px}.model-card h2{font-family:var(--body-font);font-size:16px;letter-spacing:0;overflow-wrap:anywhere}.model-card .tag{margin-bottom:12px}.model-card .note{min-height:40px}.theme-a .model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-c .model-grid{display:block}.theme-c .model-card{display:grid;grid-template-columns:1.4fr 1.2fr 1fr;gap:24px;margin-bottom:12px;align-items:center}.theme-c .model-card .tag{display:none}.theme-c .model-card .prices-line{margin:0}.state-message{padding:40px;text-align:center;border:1px dashed var(--control);border-radius:var(--radius);color:var(--muted);margin:22px 0}.status-row{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}.status-row strong{font-size:15px}.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px}.docs-layout>article,.docs-layout>.toc{min-width:0}.toc{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;gap:4px}.toc a{display:flex;align-items:center;min-height:44px;padding:6px 12px;text-decoration:none;border-left:2px solid var(--line);font-size:14px}.toc a:hover{border-color:var(--accent);background:var(--soft)}.doc-section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}.doc-section h2{font-size:26px;margin-bottom:16px}.doc-section p{margin-bottom:14px}.code{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-button);padding:22px;overflow:auto;max-width:100%;line-height:1.7;white-space:pre}.definition{display:grid;grid-template-columns:1fr 1fr;gap:14px}.definition div{padding:16px;border:1px solid var(--line)}.definition dt{font-weight:650;font-size:14px}.definition dd{margin:8px 0 0;color:var(--muted);font-size:14px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:1000px;margin:auto}.auth-story h1{font-size:clamp(2.4rem,4vw,4rem)}.auth-story p{margin-top:20px;color:var(--muted)}.auth-form{display:grid;gap:18px}.auth-form h2{font-size:24px}.auth-form .button{width:100%}.oauth{display:flex;gap:12px;flex-wrap:wrap}.oauth .button{flex:1;min-width:140px}.divider{font-size:13px;color:var(--muted);text-align:center}.error{color:var(--ink);padding:12px;background:var(--soft);border-left:3px solid var(--accent)}.theme-c .auth-layout{grid-template-columns:.7fr 1.3fr}.theme-a .auth-story{padding-top:28px}.theme-b .auth-story{order:2}.theme-b .auth-layout{grid-template-columns:1fr 1fr}.demo-warning{background:var(--soft);padding:14px 18px;border:1px solid var(--control);border-radius:var(--radius-button);font-size:13px;margin-bottom:26px}
/* Account and admin belong here, not on the public homepage */
.workspace{padding-top:28px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px}.workspace-nav{align-self:start;position:sticky;top:108px;display:grid;gap:5px}.workspace-nav button{min-height:48px;text-align:left;background:transparent;border:1px solid transparent;color:var(--muted);padding:12px 16px;border-radius:var(--radius-button)}.workspace-nav button[aria-selected=true]{color:var(--ink);background:var(--soft);border-color:var(--control)}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}.workspace-head .buttons,.detail-row .buttons{margin-top:0}.workspace-head h1{font-size:30px}.workspace-content{min-width:0}.workspace-content .page-heading{margin-bottom:24px}.workspace-content .page-heading h2{font-size:26px}.balance{font-size:clamp(2rem,4vw,3rem);font-family:var(--head-font);font-variant-numeric:tabular-nums;margin:12px 0}.task-list{display:grid;gap:0}.task-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;border-bottom:1px solid var(--line);padding:18px 0;min-height:44px}.task-list a:last-child{border:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);max-width:100%}table{border-collapse:collapse;width:100%;min-width:580px;font-size:14px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft);font-size:12px;letter-spacing:.02em}tr:last-child td{border:0}.detail-row{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.settings{display:grid;gap:18px;max-width:630px}.theme-b .workspace{display:block}.theme-b .workspace-nav{position:static;display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:12px}.theme-c .workspace{grid-template-columns:200px minmax(0,1fr);gap:60px}.theme-c .workspace-nav button{border-radius:0;border-bottom:1px solid var(--line)}.theme-c .workspace-nav button[aria-selected=true]{background:transparent;border-left:3px solid var(--accent)}dialog{width:min(640px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--control);padding:28px;background:var(--panel);color:var(--ink);border-radius:var(--radius)}dialog::backdrop{background:#0009}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.close{border:1px solid var(--control);background:transparent;border-radius:var(--radius-button);min-height:44px;min-width:44px;padding:8px 12px}.amount-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}.amount-chips button{padding:10px 5px;min-height:44px;background:var(--panel);border:1px solid var(--control);border-radius:var(--radius-button);font-size:13px;font-weight:650}.amount-chips button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.receipt-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.receipt-values strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.qr{background:white;width:220px;padding:16px;margin:24px auto}.qr img{width:100%}.checkout-message{text-align:center}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:14px 20px;background:var(--ink);color:var(--bg);border:1px solid var(--control);border-radius:var(--radius-button);max-width:calc(100% - 32px);z-index:200;font-size:14px}.legal{max-width:800px}.legal h2{margin:34px 0 14px}.preview-picks{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.pick{padding:28px;min-height:260px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:18px}.pick p{color:var(--muted)}.pick .buttons{margin-top:auto}.pick-a{background:#192734;color:#edf4f6;border-color:#344653}.pick-a p{color:#b0c2cb}.pick-b{background:white;color:#192c29}.pick-b p{color:#4b6360}.pick-c{background:#f6f1e9;color:#292721}.pick-c p{color:#66594a}
@media(max-width:1050px){.public-nav{gap:14px}.head{gap:16px}.home-b{gap:36px}.model-grid{grid-template-columns:1fr 1fr}.theme-c .model-card{grid-template-columns:1.3fr 1fr}.theme-c .model-card .note{grid-column:1/-1;min-height:0}.flow-list{grid-template-columns:1fr 1fr}.auth-layout{gap:40px}.docs-layout{gap:32px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:850px){.head{min-height:68px;flex-wrap:wrap}.menu{display:block;margin-left:auto}.public-nav{display:none;order:3;width:100%;margin:0;padding-bottom:16px;flex-wrap:wrap;gap:6px 20px}.public-nav.open{display:flex}.header-actions{display:none}.public-nav .mobile-auth{display:inline-flex}.home-b{gap:36px;grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.workspace-nav{position:static;display:flex;flex-wrap:wrap;margin-bottom:20px;gap:6px}.theme-c .workspace{grid-template-columns:1fr;gap:18px}.theme-c .workspace-nav button{border-left:0}.preview-picks{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.toc{position:static;display:flex;flex-direction:row;overflow:auto;margin-bottom:14px}.toc a{flex:none}.auth-layout,.theme-c .auth-layout{gap:32px}}
@media(min-width:851px){.mobile-auth{display:none!important}}
@media(max-width:650px){.wrap{padding-inline:16px}h1{font-size:2.6rem}.home-a{padding-top:44px}.home-a .intro{font-size:17px}.home-a .catalog-stage{margin-top:36px;padding:22px}.stage-row{grid-template-columns:1fr 1fr}.stage-row a{grid-column:1/-1}.home-b{grid-template-columns:1fr;padding-top:42px}.home-b h1{font-size:2.8rem;max-width:16ch}.choice-board{transform:none;box-shadow:6px 8px 0 var(--soft)}.home-c{padding-top:30px}.home-c h1{font-size:3.3rem}.editorial-bottom{grid-template-columns:1fr;gap:26px}.directory-mark{display:flex;gap:20px;align-items:center;border-left:0;padding-left:0;border-top:1px solid var(--control);padding-top:20px}.directory-mark strong{font-size:60px}.directory-mark a{margin:0}.editorial-directory{grid-template-columns:1fr;gap:28px}.editorial-directory .feature-model{grid-template-columns:1fr}.section{padding:40px 0}.section-head{display:block}.section-head p{margin-top:14px}.grid-two{grid-template-columns:1fr}.model-grid,.theme-a .model-grid{grid-template-columns:1fr}.theme-c .model-card{grid-template-columns:1fr;gap:12px}.cta-end{padding:26px;display:block}.cta-end .buttons{margin-top:24px}.status-row{grid-template-columns:1fr;gap:10px}.page{padding-block:36px 56px}.auth-layout,.theme-b .auth-layout,.theme-c .auth-layout{grid-template-columns:1fr}.theme-b .auth-story{order:0}.auth-story h1{font-size:2.4rem}.panel{padding:22px}.definition{grid-template-columns:1fr}.theme-c .flow-list{grid-template-columns:1fr;gap:24px}.flow-list{gap:20px}.flow-item h3{font-size:17px}.amount-chips{grid-template-columns:1fr 1fr}.receipt-values{grid-template-columns:1fr}.workspace-nav button{padding:8px 12px;font-size:13px}.workspace-head h1{font-size:27px}.reviewbar span{font-size:11px}.edition{font-size:12px}.model-card .prices-line strong{font-size:22px}.code{padding:16px}.footer-links{gap:14px}.detail-row{flex-wrap:wrap}.calculator .fields{grid-template-columns:1fr}.hero-end{margin-top:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* A modernization: ambient token-flow canvas + request pipeline.
   Purpose (R-31): canvas = identity motif of tokens in transit (MOTION 2, ambient, pauses off-screen/hidden tab);
   pipeline = the real five-stage request lifecycle shown in motion, static under reduced motion. */
.flow-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(62% 48% at 72% 6%,rgba(156,232,212,.07),transparent 62%)}
.hero-a{overflow:hidden;padding:40px 0 0}
.hero-a::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(16,26,36,0) 46%,rgba(16,26,36,.5) 78%,var(--bg) 100%);pointer-events:none}
.hero-a .hero-inner,.hero-a .catalog-stage{position:relative;z-index:1}
.kicker{font-size:14px;font-weight:650;color:var(--accent)}
.hero-a h1{max-width:19ch;margin:18px auto 0;font-size:clamp(2.9rem,6.6vw,6.2rem);letter-spacing:-.03em}
.grad{background:linear-gradient(98deg,var(--accent) 12%,#eafff9 68%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fact-row{display:flex;justify-content:center;gap:46px;flex-wrap:wrap;list-style:none;margin:36px 0 0;padding:0}
.fact-row strong{display:block;font-size:26px;font-family:var(--head-font);font-variant-numeric:tabular-nums}
.fact-row span{display:block;font-size:14px;line-height:1.5;color:var(--ink)}
.system-flow{margin-top:34px;padding:36px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#16242f,#122029)}
.flow-track{display:flex;align-items:stretch;min-width:660px}
.flow-node{flex:1;padding:4px 16px;animation:nt-node 12.5s linear infinite;animation-delay:calc(var(--i)*2.5s)}
.flow-node .dot{display:block;width:11px;height:11px;margin-bottom:8px;border-radius:50%;background:var(--control)}
.flow-node h3{margin:0 0 6px;font-size:15px}
.flow-node p{font-size:13px;color:var(--muted)}
.flow-link{position:relative;flex:none;width:46px;align-self:center;height:2px;background:var(--line)}
.flow-link i{position:absolute;top:50%;left:0;width:9px;height:9px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);opacity:0;animation:nt-travel 12.5s linear infinite;animation-delay:calc(var(--i)*2.5s)}
@keyframes nt-travel{0%{left:0;opacity:0}1.6%{opacity:1}18.4%{opacity:1}20%{left:100%;opacity:0}100%{left:100%;opacity:0}}
@keyframes nt-node{0%{opacity:.55}2%{opacity:1}19%{opacity:1}24%{opacity:.55}100%{opacity:.55}}
@media(max-width:850px){.flow-track{flex-direction:column;min-width:0}.flow-node{padding:2px 0}.flow-link{width:2px;height:40px;align-self:flex-start;margin-left:5px}.flow-link i{left:50%;top:0;transform:translate(-50%,-50%);animation-name:nt-travel-v}@keyframes nt-travel-v{0%{top:0;opacity:0}1.6%{opacity:1}18.4%{opacity:1}20%{top:100%;opacity:0}100%{top:100%;opacity:0}}.system-flow{padding:22px}}
@media(max-width:650px){.fact-row{gap:24px}.fact-row strong{font-size:22px}.home-a h1{font-size:2.7rem;max-width:16ch;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.flow-node,.flow-link i{animation:none!important}.flow-node{opacity:1}.flow-link i{display:none}}
/* ===== A modernization: deep palette, floating pill nav, double-bezel, marquee,
   token explorer, bento, FAQ. Bezel purpose: machined-glass plate feel (R-31).
   Marquee purpose: real provider breadth from locked catalog, pauses on hover.
   All data real: 35 models, 11 providers, locked tariffs, Rp10.000 minimum. */
.theme-a{--bg:#060a0e;--panel:#0d141b;--ink:#eef6f5;--muted:#9fb3ba;--accent:#9ce8d4;--accent-ink:#0b241f;--line:#22313a;--control:#5d7480;--soft:#122029;--nav:rgba(9,14,19,.78)}
.theme-a .panel{background:#0d141b;border-color:rgba(255,255,255,.07)}
.theme-a input,.theme-a select{background:#0b1218;border-color:#2c3d47;color:var(--ink)}
.theme-a .button{border-radius:999px;padding:12px 26px;font-weight:600}
.theme-a .button.secondary{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16)}
.theme-a .site-head{position:sticky;top:12px;z-index:40;margin:12px auto 0;width:calc(100% - var(--wrap-pad)*2 + 16px);border:1px solid rgba(255,255,255,.09);border-radius:999px;background:var(--nav);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.theme-a .head{min-height:64px;gap:18px}
.bezel{padding:7px;border-radius:26px;background:linear-gradient(140deg,rgba(156,232,212,.18),rgba(255,255,255,.02) 42%,rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 70px rgba(0,0,0,.45)}
.bezel>.bezel-core{border-radius:20px;background:#0b1218;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.orb{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none}
.orb-a1{top:-16%;right:-6%;width:520px;height:520px;background:rgba(156,232,212,.12)}
.orb-a2{top:24%;left:-14%;width:430px;height:430px;background:rgba(94,160,214,.09)}
.hero-a .hero-inner{text-align:center}
.hero-a .hero-inner{position:relative;z-index:1;padding-top:26px}
.hero-a h1{margin:14px auto 0;max-width:14ch;font-size:clamp(3rem,7vw,6.6rem);text-align:center}
.hero-a .intro{margin:26px auto 0;max-width:54ch;font-size:19px;text-align:center}
.hero-a .buttons{justify-content:center}
.hero-a .note{text-align:center}
.fact-row{position:relative;z-index:1;display:flex;justify-content:flex-start;gap:0;margin:48px 0 40px;padding:0;list-style:none}
.fact-row li{flex:1;padding:0 28px;border-left:1px solid var(--line)}
.fact-row li:first-child{padding-left:0;border-left:0}
.fact-row strong{display:block;font-size:clamp(1.6rem,2.6vw,2.2rem);font-family:var(--head-font);font-variant-numeric:tabular-nums;font-weight:700}
.fact-row span{display:block;font-size:14px;line-height:1.5;color:var(--ink)}
.arrow-wrap{width:26px;height:26px;border-radius:50%;background:rgba(11,36,31,.16);display:inline-grid;place-items:center;font-size:13px;transition:transform .5s cubic-bezier(.32,.72,0,1)}
.button:hover .arrow-wrap{transform:translate(2px,-2px)}
.logo-row{display:flex;align-items:center;gap:10px}
.logo-row img{width:20px;height:20px}
.wordchip{font-family:var(--head-font);font-size:14px;font-weight:650;white-space:nowrap}
.home-a .catalog-stage{margin:80px 0 0;width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.provider-band,.tools-band{position:relative;z-index:1;margin-top:clamp(28px,4vw,44px);padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.provider-band .marquee-track,.tools-band .marquee-track{min-height:32px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;align-items:center;gap:72px;width:max-content;animation:nt-slide 44s linear infinite;padding-right:72px}
.marquee img{height:26px;width:auto;opacity:1}
.marquee .wordchip{font-size:18px;font-weight:700;color:var(--ink)}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes nt-slide{to{transform:translateX(-50%)}}
/* Owner-requested tool showcase, not a partner or compatibility claim. */
.tools-band{margin-top:0}
.tools-band .marquee-track{gap:0;padding:0;animation-duration:40s}
.tools-set{display:flex;align-items:center;justify-content:space-around;gap:72px;padding-right:72px;min-width:100vw;flex:none}
.tools-band .logo-row{flex:none;min-height:32px}
.tools-band .marquee img{width:28px;height:28px;object-fit:contain}
@media(max-width:650px){.tools-set{gap:36px;padding-right:36px}.tools-band .wordchip{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tools-band .marquee{overflow:auto;mask-image:none;-webkit-mask-image:none}.tools-band .tools-set[aria-hidden]{display:none}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}}
.explorer{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--control);border-radius:999px;background:transparent;color:var(--ink);min-height:42px;font-size:14px;transition:border-color .3s,background .3s}
.chip img{width:16px;height:16px;opacity:.85}
.chip[aria-pressed=true]{border-color:var(--accent);background:rgba(156,232,212,.12)}
.explorer-num{font-size:clamp(3.2rem,6vw,5rem);font-family:var(--head-font);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.05}
.explorer-num small{display:block;font-size:19px;color:var(--accent);font-weight:650;margin-top:8px}
.mono-chip{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#0a1116;display:inline-block;color:var(--accent)}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bento .wide{grid-column:span 2}
.bento-card{border-radius:20px;background:#0d141b;border:1px solid rgba(255,255,255,.07);padding:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.bento-card h3{font-size:18px;margin-bottom:10px}
.bento-card p{font-size:14.5px;color:var(--muted)}
.bento-card .chips{margin-top:18px}
.bento-card .mono-chip{margin-top:18px}
.theme-a .flow-item .index{font-size:46px;font-weight:700;opacity:.22;line-height:1}
.theme-a .flow-item{border-top:0;padding-top:8px}
.faq{display:grid;gap:12px;max-width:780px}
.faq details{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0d141b}
.faq summary{padding:19px 24px;font-weight:650;cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;color:var(--muted);transition:transform .35s cubic-bezier(.32,.72,0,1);flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq-body{padding:0 24px 22px;color:var(--muted);font-size:15px}
[data-reveal]{opacity:0;transform:translateY(30px);filter:blur(6px);transition:opacity .75s cubic-bezier(.32,.72,0,1),transform .75s cubic-bezier(.32,.72,0,1),filter .75s cubic-bezier(.32,.72,0,1)}
[data-reveal].in{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;filter:none;transition:none}}
@media(max-width:1050px){.explorer{gap:36px}.fact-row li{padding:0 18px}}
@media(max-width:850px){.bento{grid-template-columns:1fr}.bento .wide{grid-column:auto}.explorer{grid-template-columns:1fr}}
@media(max-width:650px){.fact-row{flex-wrap:wrap;gap:22px 0}.fact-row li{flex:1 1 46%;padding:0 16px}.fact-row li:nth-child(odd){border-left:0;padding-left:0}.home-a h1{font-size:2.6rem;max-width:15ch;margin-top:10px}}
.logo-row-set{display:flex;align-items:center;gap:72px}
.stage-core{padding:26px 32px}
.stage-core .stage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:16px}

/* Owner direction: headline owns the center; catalog follows below. */
.hero-a .hero-centered{position:relative;z-index:1;max-width:1280px;margin-inline:auto;text-align:center;padding-block:clamp(16px,2.2vw,32px) 8px}
.hero-a .hero-centered h1{margin:14px auto 0;max-width:none;font-size:clamp(2rem,4.4vw,3.5rem);text-align:center}
.hero-a .hero-centered .intro{margin:24px auto 0;max-width:54ch;font-size:19px;text-align:center}
.hero-centered .buttons{justify-content:center}
/* Separate policy content from the hero's product explanation and CTAs. */
.commitments{text-align:center}
.commitments h2{font-size:clamp(1.4rem,2.4vw,2rem)}
.commitments-list{display:grid;grid-template-columns:1fr;gap:16px 24px;max-width:960px;margin:28px auto 20px;padding:0;list-style:none;color:var(--ink);font-size:14px;font-weight:600;line-height:1.5}
@media(min-width:520px){.commitments-list{grid-template-columns:repeat(2,minmax(0,1fr))}.commitments-list li:last-child{grid-column:1/-1}}
@media(min-width:1100px){.commitments-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;max-width:1200px;margin-bottom:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.commitments-list li,.commitments-list li:last-child{grid-column:auto;display:flex;align-items:center;justify-content:center;padding:24px 12px;white-space:nowrap}.commitments-list li+li{border-left:1px solid var(--line)}}
.home-a .hero-stage{width:calc(100% - var(--wrap-pad)*2);max-width:1200px;margin:clamp(32px,5vw,56px) auto 0;padding:0}
.hero-stage .stage-head{align-items:center}
@media(max-width:680px){.hero-a .hero-centered{padding-block:16px 4px}.hero-a .hero-centered h1{font-size:clamp(1.75rem,7.2vw,2rem)}.hero-a .hero-centered .intro{font-size:17px}.hero-stage .stage-core{padding:20px 16px}}
@media(max-width:650px){.theme-a .site-head{top:8px}}