:root{--bg:#101214;--panel:#171a1d;--panel2:#1c2023;--line:#2a2e31;--text:#f3f0e9;--muted:#969b9b;--dim:#6b7172;--amber:#e5aa62;--teal:#63c7b1;--red:#e37d70;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:14px}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:252px;border-right:1px solid var(--line);padding:28px 16px 18px;display:flex;flex-direction:column;flex-shrink:0;background:#121416}.brand{display:flex;align-items:center;gap:11px;padding:0 11px;font-size:19px;font-weight:800;letter-spacing:-.5px}.brand>span:last-child span{color:var(--amber)}.brand-mark{height:24px;width:25px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:6px;background:var(--amber);border-radius:3px 3px 1px 1px}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:15px}.workspace-switcher{margin-top:37px;padding:10px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:9px;background:#171a1c}.workspace-switcher b,.profile b{font-size:12px;display:block}.workspace-switcher small,.profile small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.chevron{margin-left:auto;color:var(--dim)}.avatar{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#6e4a37;color:#ffd4a5;font-weight:700}.avatar.small{width:27px;height:27px;font-size:12px}.nav{margin-top:32px}.nav p{color:#596062;font-size:10px;font-weight:700;margin:20px 11px 8px}.nav-item{display:flex;gap:12px;align-items:center;padding:10px 11px;border-radius:6px;color:#aeb2b0;transition:background .15s,color .15s}.nav-item span{width:18px;color:#73797a;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active{background:#24282a;color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 var(--amber)}.nav-item.active span{color:var(--amber)}.sidebar-bottom{margin-top:auto}.status-line{display:flex;align-items:center;gap:8px;color:#7f8988;font-size:11px;padding:12px 11px;border-top:1px solid var(--line)}.pulse{width:6px;height:6px;background:var(--teal);border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #63c7b119}.profile{border-top:1px solid var(--line);padding:16px 10px 0;display:flex;align-items:center;gap:9px}.profile>span:last-child{margin-left:auto;color:#606667}.main{max-width:1400px;width:100%;margin:0 auto;padding:30px 44px 24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:22px}.breadcrumb{font-size:11px;color:var(--dim)}h1{font-size:25px;margin:7px 0 0;letter-spacing:-1px}h2{font-size:29px;letter-spacing:-1.3px;margin:0 0 6px}h3{font-size:17px;margin:3px 0 0;letter-spacing:-.4px}h4{font-size:19px;margin:16px 0 5px}.eyebrow{color:var(--amber);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.3px;margin:0}.muted{color:var(--muted);margin:0}.top-actions{display:flex;gap:10px}.icon-button,.help-button,.ghost-button,.period-button,.more-button{background:transparent;border:1px solid var(--line);border-radius:6px;color:#aeb2b0}.icon-button,.help-button{width:34px;height:34px;position:relative}.notification-dot{position:absolute;right:6px;top:6px;width:5px;height:5px;background:var(--amber);border-radius:50%}.welcome-row{display:flex;justify-content:space-between;align-items:end;padding:38px 0 26px}.primary-button,.small-primary{background:var(--amber);color:#1e1a15;border:0;border-radius:6px;font-weight:800}.primary-button{padding:12px 17px}.primary-button span{font-size:18px;vertical-align:-1px;margin-right:5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-card,.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.metric-card{padding:18px 18px 16px;min-height:136px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.metric-icon{display:grid;place-items:center;background:#e5aa6214;color:var(--amber);width:25px;height:25px;border-radius:5px;font-family:"DM Mono"}.muted-icon{background:#ffffff09;color:var(--muted)}.plan-tag{font-size:10px;color:var(--amber);background:#e5aa6214;padding:5px 7px;border-radius:4px}.metric-card strong{display:block;font-family:"DM Mono",monospace;font-size:25px;font-weight:500;letter-spacing:-1px;margin:14px 0 9px}.metric-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:0}.metric-foot span{color:var(--dim)}.positive{color:var(--teal)!important}.positive span{color:var(--muted)}.progress{height:4px;background:#2b2f31;border-radius:4px;margin-top:13px;overflow:hidden}.progress i{height:100%;display:block;background:var(--amber);border-radius:4px}.progress.teal i{background:var(--teal)}.live-tag{font-size:10px;color:var(--teal);display:flex;gap:5px;align-items:center}.live-tag i{width:5px;height:5px;border-radius:50%;background:var(--teal)}.content-grid,.lower-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin-top:10px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head a{font-size:11px;color:var(--amber);padding-top:4px}.ghost-button,.period-button{font-size:11px;padding:8px 10px}.ghost-button span{color:var(--amber);margin-left:4px}.chat-preview{text-align:center;padding:29px 20px 20px}.chat-orbit{height:54px;width:54px;border:1px solid #e5aa6252;border-radius:50%;margin:0 auto;display:grid;place-items:center;color:var(--amber);font-size:23px;box-shadow:0 0 0 9px #e5aa6209,0 0 0 18px #e5aa6204}.chat-preview p{color:var(--muted);font-size:12px;max-width:390px;line-height:1.6;margin:0 auto}.suggestions{display:flex;justify-content:center;gap:7px;margin-top:21px}.suggestions button{border:1px solid var(--line);background:#1c2022;color:#adb2b0;border-radius:5px;font-size:11px;padding:8px 10px}.suggestions button span{color:var(--amber);margin-left:7px}.chat-form{border:1px solid #3b4142;background:#1d2123;border-radius:6px;display:flex;padding:5px;gap:6px}.chat-form input{background:transparent;border:0;outline:0;color:var(--text);min-width:0;flex:1;padding:0 6px;font-size:12px}.model-select{background:#272c2e;color:#c2c6c3;border:0;border-radius:4px;padding:8px 9px;font-size:11px;white-space:nowrap}.model-select span{color:var(--dim);margin-left:6px}.send-button{width:30px;border:0;border-radius:4px;background:var(--amber);color:#201b15;font-weight:800;font-size:19px}.model-list{margin-top:24px}.model-row{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.model-status{width:7px;height:7px;background:var(--teal);border-radius:50%}.model-status.warm{background:var(--amber)}.model-row b{font-size:12px;display:block;font-weight:600}.model-row small{font-size:10px;color:var(--dim);display:block;margin-top:3px}.model-row code{font:10px "DM Mono";color:#b5bab7}.provider-note{display:flex;gap:10px;background:#63c7b10c;padding:12px;margin-top:16px;color:#8b9894}.provider-note span{color:var(--teal);font-size:16px}.provider-note p{font-size:10px;line-height:1.5;margin:0}.usage-panel{min-height:285px}.chart{height:210px;position:relative;margin-top:18px;padding-left:47px}.chart-labels{position:absolute;left:0;top:0;height:170px;display:flex;flex-direction:column;justify-content:space-between;font:9px "DM Mono";color:var(--dim)}.chart svg{height:170px;width:100%;overflow:visible}.grid-lines{stroke:#2a2e31;stroke-width:1}.area{fill:url(#chartFill)}.line{fill:none;stroke:var(--amber);stroke-width:2}.chart circle{fill:var(--bg);stroke:var(--amber);stroke-width:3}.chart-days{display:flex;justify-content:space-between;color:var(--dim);font-size:9px;padding-top:10px}.keys-panel{min-height:285px}.small-primary{font-size:11px;padding:9px 11px}.key-item{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}.key-symbol{width:29px;height:29px;border-radius:5px;background:#e5aa6215;color:var(--amber);display:grid;place-items:center;font-size:18px}.key-symbol.dim{background:#ffffff08;color:var(--dim)}.key-item b{font-size:11px;display:block}.key-item code{display:block;color:var(--dim);font:10px "DM Mono";margin-top:4px}.key-active,.key-revoked{font-size:10px;margin-left:auto;color:var(--teal)}.key-revoked{color:var(--dim)}.more-button{border:0;font-size:12px;color:var(--dim);padding:5px}.panel-link{display:block;color:var(--amber);font-size:11px;margin-top:18px}.panel-link span{margin-left:5px}footer{display:flex;gap:28px;color:#626969;font-size:10px;padding:28px 2px 0}footer span:last-child{margin-left:auto;color:#7a8481}footer .pulse{margin-right:7px}.toast{position:fixed;right:25px;bottom:25px;background:#e5aa62;color:#211b15;padding:12px 16px;border-radius:5px;font-size:12px;font-weight:700;transform:translateY(20px);opacity:0;transition:.2s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1050px){.sidebar{width:220px}.main{padding:26px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:64px;padding:22px 9px}.brand{padding:0;justify-content:center}.brand>span:last-child,.workspace-switcher span:not(.avatar),.nav p,.nav-item:not(.active)::after,.nav-item{font-size:0}.workspace-switcher{padding:8px;justify-content:center}.nav-item{justify-content:center;padding:12px 0}.nav-item span{font-size:18px}.profile{justify-content:center;padding:16px 0 0}.profile span:not(.avatar){display:none}.status-line{justify-content:center;padding:12px 0}.status-line span:last-child{display:none}.main{padding:20px 15px}.welcome-row{align-items:start;gap:20px;flex-direction:column}.metrics,.content-grid,.lower-grid{grid-template-columns:1fr}.primary-button{width:100%}.suggestions{flex-direction:column}.chat-form{margin-top:8px}footer{flex-wrap:wrap;gap:10px}footer span:last-child{margin-left:0}.topbar h1{font-size:22px}}
/* Premium workspace layer */
:root{--bg:#0b0d0f;--panel:#121619;--panel2:#171c1f;--line:#293033;--amber:#f0ad58;--teal:#66d8bd;--blue:#8faeff;--shadow:0 24px 70px rgba(0,0,0,.25)}
body{background:var(--bg);letter-spacing:0;overflow-x:hidden}.ambient-grid{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.65;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 80%)}.grid-scan{position:absolute;top:12%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(102,216,189,.35),transparent);animation:scan 10s linear infinite}.grid-star{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--amber);box-shadow:0 0 20px 4px rgba(240,173,88,.24);animation:drift 5s ease-in-out infinite}.star-one{top:20%;left:32%}.star-two{top:42%;right:14%;animation-delay:1.7s;background:var(--teal)}.star-three{top:72%;left:55%;animation-delay:3s;background:var(--blue)}
.sidebar{background:rgba(15,18,20,.82);backdrop-filter:blur(18px);box-shadow:24px 0 60px rgba(0,0,0,.16);position:relative}.sidebar:after{content:"";position:absolute;right:-1px;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--amber),transparent);opacity:.25}.brand{letter-spacing:-.8px}.brand-mark{filter:drop-shadow(0 0 9px rgba(240,173,88,.28))}.workspace-switcher{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.12);transition:.25s ease}.workspace-switcher:hover{border-color:#5a4633;transform:translateY(-1px)}.nav-item{position:relative;transition:background .25s ease,color .25s ease,transform .25s ease}.nav-item:hover{transform:translateX(3px)}.nav-item.active:after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:1px;background:linear-gradient(90deg,var(--amber),transparent);opacity:.45}
.main{max-width:1480px;padding-top:34px}.topbar{border-bottom-color:rgba(255,255,255,.09);align-items:center}.topbar-title{animation:rise .6s ease both}.breadcrumb{display:flex;align-items:center;gap:4px;color:#737b7c;letter-spacing:.02em}.breadcrumb-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}h1{font-size:27px;letter-spacing:-1.4px}.top-actions{align-items:center}.live-connection{font:10px "DM Mono";letter-spacing:.03em;color:#81918e;text-transform:uppercase;margin-right:8px}.live-connection i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(102,216,189,.1);margin-right:7px;animation:blink 2.2s infinite}.icon-button,.help-button{transition:.25s ease;position:relative}.icon-button:hover,.help-button:hover{border-color:#5b4730;background:#211c17;color:var(--amber);transform:translateY(-2px)}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);right:0;padding:6px 8px;background:#202628;color:#c4cbc8;border:1px solid var(--line);font-size:10px;white-space:nowrap;border-radius:4px;z-index:5}
.welcome-row{padding:45px 0 29px}.welcome-row>div{animation:rise .65s .08s ease both}.welcome-row h2{font-size:32px}.primary-button{box-shadow:0 12px 30px rgba(240,173,88,.16);transition:.25s ease;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25),transparent 70%);transform:translateX(-120%);animation:button-sheen 4s 1s ease-in-out infinite}.primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 38px rgba(240,173,88,.27)}
.metric-card,.panel{background:linear-gradient(145deg,rgba(23,28,31,.93),rgba(15,18,20,.94));box-shadow:var(--shadow);position:relative;overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.metric-card:before,.panel:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent);opacity:.14}.metric-card:hover,.panel:hover{border-color:#3c4547;transform:translateY(-2px);box-shadow:0 28px 80px rgba(0,0,0,.33)}.metric-card{animation:rise .6s ease both}.metric-card:nth-child(2){animation-delay:.06s}.metric-card:nth-child(3){animation-delay:.12s}.metric-card:nth-child(4){animation-delay:.18s}.metric-card strong{font-size:26px;text-shadow:0 0 24px rgba(255,255,255,.07)}.progress{background:#282e30}.progress i{box-shadow:0 0 10px rgba(240,173,88,.35)}
.content-grid,.lower-grid{gap:12px}.panel{animation:rise .7s .15s ease both}.panel-head h3{font-size:18px}.chat-panel{min-height:448px}.chat-preview{padding:23px 16px 17px}.workspace-preview{height:214px;border:1px solid #303a3d;border-radius:7px;background:#0c1012;box-shadow:inset 0 0 50px rgba(92,124,140,.05),0 15px 35px rgba(0,0,0,.22);overflow:hidden;text-align:left;position:relative}.workspace-preview:after{content:"";position:absolute;top:0;left:-35%;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,216,189,.07),transparent);transform:skewX(-14deg);animation:panel-sheen 6s ease-in-out infinite}.workspace-topline{height:33px;border-bottom:1px solid #222b2e;padding:0 12px;display:flex;align-items:center;gap:10px;color:#697678;font:9px "DM Mono"}.window-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px;background:#3d484a}.window-dot.amber{background:var(--amber)}.window-dot.teal{background:var(--teal)}.workspace-live{margin-left:auto;color:var(--teal);font-size:8px}.workspace-live i{display:inline-block;width:4px;height:4px;background:var(--teal);border-radius:50%;margin-right:5px}.workspace-body{display:grid;grid-template-columns:38px 1fr 145px;height:181px}.workspace-rail{border-right:1px solid #222b2e;display:flex;flex-direction:column;align-items:center;padding-top:18px;gap:18px;color:#465154;font-size:13px}.workspace-rail .rail-active{color:var(--amber);text-shadow:0 0 12px rgba(240,173,88,.7)}.workspace-code{padding:28px 16px;font:10px "DM Mono";line-height:2.2;color:#95aaa6}.code-line{display:block}.code-line em{font-style:normal;color:#b99eff}.code-line b{font-weight:400;color:var(--amber)}.code-line strong{font-weight:400;color:var(--teal)}.muted-code{color:#455356}.code-cursor{color:var(--amber);animation:cursor-blink 1s steps(2) infinite}.workspace-route{padding:21px 13px 0 7px;border-left:1px solid #222b2e;position:relative}.route-label{display:block;color:#4e5d60;font:8px "DM Mono";letter-spacing:1px;margin-bottom:14px}.route-node{border:1px solid #273336;border-radius:5px;padding:7px 8px;position:relative}.route-node i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4b5c5e;margin-right:6px}.route-node b{font:9px "DM Mono";font-weight:400;color:#9ca9a7}.route-node small{display:block;font-size:8px;color:#516064;margin:4px 0 0 11px}.route-node.active{border-color:#536c66;background:#13211f}.route-node.active i{background:var(--teal);box-shadow:0 0 10px var(--teal)}.route-line{display:block;width:1px;height:15px;background:linear-gradient(var(--teal),#415154);margin:0 0 0 13px}.chat-preview h4{margin-top:15px}.chat-preview p{line-height:1.55}.suggestions button{transition:.25s ease}.suggestions button:hover{border-color:#755735;background:#28231d;color:#f2d5ad;transform:translateY(-2px)}.chat-form{box-shadow:0 0 0 3px rgba(102,216,189,.025);transition:.25s ease}.chat-form:focus-within{border-color:#5b786f;box-shadow:0 0 0 3px rgba(102,216,189,.08),0 0 28px rgba(102,216,189,.08)}.send-button{transition:.2s ease}.send-button:hover{transform:scale(1.07);box-shadow:0 0 20px rgba(240,173,88,.3)}
.provider-stack{display:flex;align-items:center;gap:8px;margin-top:18px;color:#8b9a98;font:9px "DM Mono";letter-spacing:.06em}.provider-stack>i{width:4px;height:4px;border-radius:50%;background:var(--teal)}.provider-status{margin-left:auto;color:#5e7770;font-size:8px}.model-list{margin-top:8px}.model-row{transition:.25s ease;padding:14px 5px}.model-row:hover{background:rgba(255,255,255,.025);padding-left:10px}.provider-note{align-items:center;border:1px solid rgba(102,216,189,.1);background:rgba(102,216,189,.045);position:relative}.provider-note b{margin-left:auto;color:var(--teal);font:9px "DM Mono"}.chart .line{filter:drop-shadow(0 0 4px rgba(240,173,88,.45));stroke-dasharray:900;stroke-dashoffset:900;animation:draw-line 1.8s .4s ease forwards}.chart circle{animation:point-pulse 2s 2s infinite}.key-item{transition:.2s ease}.key-item:hover{background:rgba(255,255,255,.025);padding-left:5px}.small-primary{transition:.25s ease}.small-primary:hover{box-shadow:0 0 22px rgba(240,173,88,.23);transform:translateY(-2px)}footer{border-top:1px solid rgba(255,255,255,.07);margin-top:25px;padding-top:20px}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes scan{from{transform:translateY(0)}to{transform:translateY(78vh)}}@keyframes drift{0%,100%{opacity:.3;transform:translate(0,0)}50%{opacity:1;transform:translate(18px,10px)}}@keyframes blink{0%,100%{opacity:.45}50%{opacity:1}}@keyframes button-sheen{0%,45%{transform:translateX(-120%)}65%,100%{transform:translateX(150%)}}@keyframes panel-sheen{0%,35%{left:-35%}65%,100%{left:130%}}@keyframes cursor-blink{50%{opacity:0}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes point-pulse{0%,100%{r:5}50%{r:8;stroke-opacity:.55}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:760px){.live-connection{display:none}.workspace-body{grid-template-columns:30px 1fr}.workspace-route{display:none}.workspace-code{padding-left:12px}.workspace-preview{height:188px}.workspace-body{height:155px}.chat-panel{min-height:420px}.provider-note b{display:none}}

/* Public product surfaces */
body{background:#0a0c0d;color:#f2f0ea;overflow-x:hidden}.ambient-grid{z-index:-1;opacity:.48;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:80px 80px}.site-header{max-width:1280px;margin:auto;padding:25px 34px;display:flex;align-items:center;gap:42px;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(10,12,13,.88);border-bottom:1px solid rgba(61,69,71,.3);transition:.3s}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.7px}.brand>span:last-child span{color:var(--amber)}.brand-mark{height:23px;width:24px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:6px;background:var(--amber);border-radius:3px 3px 1px 1px}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:15px}.site-nav{display:flex;gap:27px;margin-right:auto}.site-nav a,.text-link{color:#8b9292;font-size:12px;transition:.25s ease}.site-nav a:hover,.site-nav a.active,.text-link:hover{color:#f1eee7;border-bottom:2px solid var(--amber)}.site-nav a.active{color:var(--amber)}.header-actions{display:flex;align-items:center;gap:20px}.header-actions .button-small{background:var(--amber);color:#1e1913;border:1px solid var(--amber)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border:1px solid var(--amber);border-radius:4px;background:var(--amber);color:#1e1913;font-weight:800;font-size:12px;transition:.25s ease;box-shadow:0 12px 30px rgba(240,173,88,.12)}.button:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(240,173,88,.24)}.button span,.arrow-link span{font-size:16px}.button-small{padding:10px 13px;font-size:11px}.button-ghost{background:transparent;color:#d7d4cb;border-color:#394143;box-shadow:none}.button-ghost:hover{border-color:var(--amber);color:var(--amber);box-shadow:none}.menu-toggle{display:none;background:none;border:0;color:#bbb;font-size:20px}.section-pad{max-width:1280px;margin:auto;padding-left:34px;padding-right:34px}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-top:70px;padding-bottom:80px}.hero-copy{max-width:650px}.status-pill{display:inline-flex;align-items:center;gap:8px;color:#b5bab8;border:1px solid #3d4547;padding:8px 10px;border-radius:20px;font:10px "DM Mono";letter-spacing:.03em}.hero h1,.page-hero h1,.docs-content h1{font-size:clamp(50px,7vw,88px);line-height:.98;letter-spacing:-4px;margin:25px 0 22px}.hero h1 span,.page-hero h1 em,.docs-content h1 em,.section-intro h2 em,.feature-copy h2 em,.cta-band h2 em,.dev-panel h2 em{color:var(--amber);font-style:normal}.hero-copy>p,.page-hero>p{max-width:575px;color:#9ba3a1;line-height:1.75;font-size:15px}.hero-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.hero-note{color:#6d7676;font:11px "DM Mono";margin-top:25px;opacity:.8}.hero-signal,.auth-orbit{height:430px;position:relative;display:grid;place-items:center}.signal-core{width:104px;height:104px;display:grid;place-items:center;border:1px solid #e0a358;border-radius:50%;background:radial-gradient(circle,#2d241b,#111514 65%);box-shadow:0 0 0 18px rgba(240,173,88,.035),0 0 70px rgba(240,173,88,.15);color:var(--amber);font:19px "DM Mono"}.signal-orbit{position:absolute;border:1px solid #374642;border-radius:50%;animation:spin 18s linear infinite}.orbit-one{width:260px;height:260px;border-left-color:var(--amber);border-right-color:transparent}.orbit-two{width:390px;height:250px;transform:rotate(-28deg);border-top-color:var(--teal);animation-duration:26s;animation-direction:reverse}.signal-label{position:absolute;color:#687773;font:9px "DM Mono";letter-spacing:1px}.label-top{top:56px}.label-right{right:25px;top:210px}.label-bottom{bottom:55px}.trusted{max-width:1280px;margin:auto;border-top:1px solid #252b2c;border-bottom:1px solid #252b2c;padding:27px 34px;display:flex;align-items:center;gap:50px;color:#626d6b;font:10px "DM Mono"}.trusted div{display:flex;gap:38px;color:#89928f;letter-spacing:1px}.demo-section{padding-top:150px;padding-bottom:130px}.section-intro{max-width:570px}.eyebrow{color:var(--amber);font:10px "DM Mono";letter-spacing:1.5px}.section-intro h2,.feature-copy h2,.cta-band h2,.dev-panel h2{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:17px 0}.section-intro h2 em,.feature-copy h2 em,.cta-band h2 em,.dev-panel h2 em{color:#f0eee6}.section-intro p,.feature-copy p{color:#87908e;line-height:1.7;font-size:14px}.product-demo{margin-top:55px}.demo-caption{display:flex;justify-content:space-between;color:#66716e;font:10px "DM Mono";padding:0 0 11px}.demo-caption button{background:none;border:0;color:var(--amber);font:10px "DM Mono"}.live-dot{display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--teal);animation:pulse-dot 2s ease-in-out infinite}.demo-window{border:1px solid #344044;border-radius:7px;background:#0d1112;box-shadow:0 30px 100px rgba(0,0,0,.45);overflow:hidden}.demo-bar{height:38px;border-bottom:1px solid #232c2d;display:flex;align-items:center;padding:0 15px;gap:13px;color:#63716f;font:10px "DM Mono"}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#586260}.window-dots i:first-child{background:var(--amber)}.demo-live{margin-left:auto;color:var(--teal);font-size:9px}.demo-content{display:grid;grid-template-columns:50px 1fr 225px;min-height:355px}.demo-rail{border-right:1px solid #222b2c;display:flex;align-items:center;flex-direction:column;gap:21px;padding-top:19px;color:#53605e}.demo-rail b{color:var(--amber);font:11px "DM Mono";margin-bottom:14px}.demo-rail .rail-on{color:var(--amber)}.demo-rail small{margin-top:auto;padding-bottom:16px;font:8px "DM Mono"}.demo-main{padding:19px 25px;position:relative}.mode-tabs{display:flex;gap:18px;border-bottom:1px solid #252e2f}.mode-tabs button{background:none;border:0;color:#5e6b69;padding:0 0 10px;font:10px "DM Mono"}.mode-tabs button.selected{color:var(--amber);border-bottom:1px solid var(--amber)}.demo-heading{display:flex;flex-direction:column;gap:13px;margin-top:30px}.demo-heading strong{font-size:23px;font-weight:600}.terminal-lines{font:11px "DM Mono";line-height:2.2;color:#c1cbc6;margin-top:30px}.terminal-lines em{color:var(--amber);font-style:normal}.dim-line{display:block;color:#5d6b68}.green-line{display:block;color:var(--teal)}.typing-line{color:var(--amber);animation:cursor-blink 1s steps(2) infinite}.demo-composer{position:absolute;bottom:20px;left:25px;right:25px;border:1px solid #364244;border-radius:4px;display:flex;align-items:center;padding:5px;gap:8px}.demo-composer>span{background:#20282a;padding:8px;font:10px "DM Mono";color:#a9b6b0}.demo-composer i{font-style:normal;color:#77837f}.demo-composer input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:white;padding:8px;font:11px "DM Mono"}.demo-composer button{border:0;background:var(--amber);width:30px;height:30px;border-radius:3px;font-weight:bold}.demo-side{border-left:1px solid #222b2c;padding:23px 16px}.side-label{font:9px "DM Mono";color:#52625f;letter-spacing:1px;margin-bottom:16px}.route-card{display:flex;align-items:center;gap:8px;border:1px solid #293536;border-radius:4px;padding:10px;margin-bottom:8px}.route-card>i{width:5px;height:5px;border-radius:50%;background:#596563}.route-card.active{border-color:#426159;background:#11201c}.route-card.active>i{background:var(--teal);box-shadow:0 0 10px var(--teal)}.route-card span{display:flex;flex-direction:column;gap:4px}.route-card b{font:10px "DM Mono";font-weight:400;color:#b5c0bb}.route-card small{font-size:8px;color:#60706c}.route-card strong{margin-left:auto;color:#fff;background:var(--teal);font:700 8px "DM Mono";padding:3px 7px;border-radius:3px;letter-spacing:.4px}.side-stat{border-top:1px solid #293132;margin-top:30px;padding-top:18px}.side-stat span{font:8px "DM Mono";color:#52605e}.side-stat b{display:block;margin-top:10px;font:24px "DM Mono"}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:90px;padding-bottom:130px}.feature-copy{max-width:470px}.arrow-link{display:inline-flex;gap:9px;color:var(--amber);font-size:12px;margin-top:22px}.route-visual{height:300px;position:relative}.route-center{position:absolute;left:0;top:125px;border:1px solid #4a574e;border-radius:30px;padding:14px 20px;color:#c3cbc5;font:11px "DM Mono"}.route-path{position:absolute;left:190px;display:flex;align-items:center;gap:10px;font:11px "DM Mono"}.route-path:before{content:"";display:block;width:90px;height:2px;background:linear-gradient(90deg,#53645d,var(--teal));animation:flow-pulse 2s ease-in-out infinite}.route-path i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}.route-path b{font-size:9px;color:#667773;font-weight:400}.path-a{top:72px}.path-b{top:145px}.path-c{top:218px}.path-c i{background:var(--amber);box-shadow:0 0 12px var(--amber)}.path-c b{font:700 11px "DM Mono";color:var(--amber)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:140px}.feature-card{min-height:275px;padding:25px;border:1px solid #293234;background:linear-gradient(145deg,#161b1d,#101314);position:relative;overflow:hidden;transition:.3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4);border-color:#3d4548}.feature-card-dark{background:#121f1e}.feature-card:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #334744;border-radius:50%;right:-65px;bottom:-65px}.card-index{font:10px "DM Mono";color:#6d7b76}.feature-card h3{font-size:25px;line-height:1.05;letter-spacing:-1px;margin-top:70px}.feature-card p{color:#87918d;font-size:12px;line-height:1.6;max-width:240px}.card-icon{position:absolute;right:25px;bottom:22px;color:var(--amber);font-size:27px}.cta-band{border-top:1px solid #293031;border-bottom:1px solid #293031;display:flex;align-items:center;justify-content:space-between;padding-top:85px;padding-bottom:85px;background:linear-gradient(180deg,rgba(10,12,13,0),rgba(10,12,13,.4))}.cta-band h2{margin-bottom:0}.site-footer{max-width:1280px;margin:auto;padding:70px 34px 25px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px;color:#74807c}.site-footer p{font-size:12px;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-links div{display:flex;flex-direction:column;gap:11px}.footer-links b{font:10px "DM Mono";color:#9ba5a1;text-transform:uppercase;margin-bottom:6px}.footer-links a{font-size:11px;color:#65716e;transition:.2s ease}.footer-links a:hover{color:var(--amber);text-decoration:underline}.footer-bottom{grid-column:1/-1;border-top:1px solid #242b2c;padding-top:18px;display:flex;justify-content:space-between;font:11px "DM Mono"}.footer-bottom span:last-child{font-size:10px}.pulse{width:6px;height:6px;background:var(--teal);border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(102,216,189,.1);margin-left:6px}.page{max-width:1280px;margin:auto}.page-hero{text-align:center;padding:110px 34px 80px;max-width:850px;margin:auto}.page-hero p{margin:0 auto}.billing-toggle{display:inline-flex;border:1px solid #323a3b;padding:4px;border-radius:5px;margin-top:30px}.billing-toggle button{background:none;border:0;color:#7d8783;padding:9px 15px;font-size:11px}.billing-toggle button.selected{background:#2b2922;color:var(--amber)}.billing-toggle small{color:var(--teal)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 34px 120px}.plan-card{border:1.5px solid #2a3233;padding:23px;background:#111618;min-height:290px;display:flex;flex-direction:column;transition:.25s ease}.plan-card:hover,.plan-card.featured{border-color:#a57740;transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.28)}.plan-card.featured{background:linear-gradient(145deg,#211c16,#121718)}.plan-top{display:flex;justify-content:space-between;color:#c6ccc5;font:12px "DM Mono"}.plan-top b{font-size:9px;color:var(--amber);font-weight:400}.plan-card>strong{font:700 42px "DM Mono";margin-top:40px}.plan-card>strong small{font:10px Manrope;color:#66716f;margin-left:6px}.plan-card p{color:#85918c;font-size:12px;line-height:1.5}.plan-rule{height:1px;background:#293132;margin:18px 0}.plan-credit{font-size:11px;color:#7b8782}.plan-credit b{color:var(--teal);font-family:"DM Mono"}.plan-card .button{margin-top:auto;width:100%}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding-top:100px;padding-bottom:130px}.faq-list details{border-top:1px solid #293233;padding:21px 0}.faq-list details:last-child{border-bottom:1px solid #293233}.faq-list summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;transition:.2s}.faq-list summary:hover{color:var(--amber)}.faq-list summary span{color:var(--amber);font-size:20px;font-weight:300;transition:.3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#7c8783;line-height:1.7;font-size:12px;max-width:620px;margin-top:14px}.docs-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:230px 1fr;gap:85px;padding:85px 34px 130px}.docs-sidebar{display:flex;flex-direction:column;gap:15px;position:sticky;top:30px;height:max-content}.docs-sidebar a{color:#697570;font-size:12px;padding-left:8px;transition:.2s ease}.docs-sidebar a.active{color:var(--amber);border-left:4px solid var(--amber);padding-left:12px;font-weight:700}.docs-sidebar a:hover{color:var(--amber);transform:translateX(3px)}.docs-status{border-top:1px solid #293334;margin-top:30px;padding-top:15px;color:#74837e;font:10px "DM Mono"}.docs-content{max-width:780px}.docs-content h1{font-size:62px;margin-top:20px}.docs-content .lead{color:#929e99;font-size:16px;line-height:1.7}.code-block{margin-top:34px;border:1px solid #303b3c;background:#1a1f2e}.code-head{display:flex;justify-content:space-between;border-bottom:1px solid #293233;padding:10px 14px;color:#6f7e79;font:10px "DM Mono"}.code-head button{background:none;border:0;color:var(--amber);font:10px "DM Mono";opacity:.7;transition:.2s}.code-head button:hover{opacity:1}.code-block pre,.terminal-panel pre{padding:18px;margin:0;overflow:auto;color:#b8c9c1;font:11px/1.8 "DM Mono"}.code-block b,.key{color:var(--amber)}.code-muted{color:#a99cf1}.docs-content code{background:#1a2025;padding:2px 6px;border-radius:3px}.docs-callout{display:flex;gap:13px;padding:17px;background:#14201e;border-left:2px solid var(--teal);margin:25px 0;color:#82928b;font-size:12px;line-height:1.6}.docs-callout>span{color:var(--teal)}.docs-content h2{font-size:25px;margin-top:68px}.docs-content h3{margin-top:42px}.endpoint-list{border-top:1px solid #293132}.endpoint-list div{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid #293132}.endpoint-list code{color:var(--teal);font:10px "DM Mono"}.endpoint-list span{font:12px "DM Mono"}.endpoint-list small{grid-column:2;color:#6f7c77}.developer-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:130px}.dev-panel{border:1px solid #2c3536;background:#121819;padding:30px;min-height:300px}.dev-panel h2{font-size:38px}.cli-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:40px}.cli-list span{border:1px solid #303a3a;padding:11px;color:#9da8a2;font:10px "DM Mono"}.terminal-panel{background:#0d1213}.string{color:var(--teal)}.number{color:var(--amber)}.auth-page{min-height:700px;display:grid;place-items:center;position:relative}.auth-card{width:min(430px,calc(100% - 40px));border:1px solid #303a3b;background:rgba(16,21,22,.96);padding:40px;position:relative;z-index:1;box-shadow:0 30px 100px rgba(0,0,0,.5)}.auth-card h1{font-size:35px;letter-spacing:-1.5px;margin:20px 0 10px}.auth-card p,.auth-card small{color:#7f8c87;font-size:12px;line-height:1.6}.auth-card form{display:flex;flex-direction:column;gap:16px;margin-top:25px}.auth-card label{font:10px "DM Mono";color:#9ca8a2}.auth-card input{display:block;width:100%;margin-top:7px;background:#0b1011;border:1px solid #303b3b;color:#f2f0ea;padding:12px;border-radius:3px;outline:0;transition:.2s}.auth-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(102,216,189,.1)}.auth-card .button{width:100%;margin-top:5px}.auth-orbit{position:absolute;width:600px;opacity:.38}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.toast{position:fixed;z-index:20;right:25px;bottom:25px;background:var(--amber);color:#201b15;padding:12px 16px;border-radius:4px;font-size:12px;font-weight:700;transform:translateY(20px);opacity:0;transition:.2s;pointer-events:none}.toast.show{transform:none;opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow-pulse{0%,100%{opacity:.6}50%{opacity:1}}@keyframes pulse-dot{0%,100%{opacity:1;box-shadow:0 0 10px var(--teal)}50%{opacity:.7;box-shadow:0 0 20px var(--teal)}}
@media(max-width:800px){.site-header{padding:20px;border-bottom-color:rgba(61,69,71,.5)}.site-nav{display:none;position:absolute;top:70px;left:20px;right:20px;padding:18px;background:#151a1b;border:1px solid #303a3b;flex-direction:column;gap:18px;border-radius:6px}.site-nav.open{display:flex}.header-actions{margin-left:auto}.header-actions .text-link{display:none}.menu-toggle{display:block}.section-pad{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;padding-top:60px;text-align:left;min-height:auto}.hero h1{font-size:52px;letter-spacing:-2px}.hero-signal{height:300px}.trusted{padding:24px 20px;display:block}.trusted div{margin-top:20px;gap:15px;flex-wrap:wrap}.demo-content{grid-template-columns:35px 1fr}.demo-side{display:none}.demo-main{padding:15px}.feature-section,.faq,.developer-panels{grid-template-columns:1fr;gap:35px}.feature-grid,.plans{grid-template-columns:1fr}.section-intro h2,.feature-copy h2,.cta-band h2{font-size:38px}.route-visual{transform:scale(.8);transform-origin:left}.cta-band{display:block;padding-top:60px;padding-bottom:60px}.cta-band .button{margin-top:25px}.site-footer{display:block;padding:50px 20px 25px}.footer-links{margin-top:40px;gap:18px}.footer-bottom{margin-top:40px;flex-direction:column;gap:12px;text-align:center}.page-hero{padding:70px 20px 50px}.page-hero h1{font-size:52px;letter-spacing:-2px}.plans{padding:0 20px 80px}.plan-card{padding:20px}.plan-card>strong{font-size:36px}.docs-layout{display:block;padding:50px 20px 80px}.docs-sidebar{position:static;margin-bottom:55px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.docs-sidebar .eyebrow,.docs-status{grid-column:1/-1}.docs-content h1{font-size:48px;letter-spacing:-2px}.docs-content h2{font-size:28px;margin-top:50px}.auth-orbit{width:400px}.auth-card{padding:28px}}

/* PromptUzel documentation shell */
.docs-shell{grid-template-columns:245px minmax(0,780px) 1fr;gap:78px;padding-top:70px}
.docs-shell:after{content:"";display:block;grid-column:3;grid-row:1;width:1px;height:100%;background:linear-gradient(#242b2c,transparent);opacity:.7}
.docs-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 34px}
.docs-feature-list article{min-height:150px;padding:22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:12px;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.docs-feature-list article:hover{transform:translateY(-3px);border-color:rgba(204,176,255,.38);background:rgba(204,176,255,.055)}
.docs-feature-list b{display:block;color:#cdb4ff;font:600 11px/1 var(--font-mono);letter-spacing:.08em;margin-bottom:26px}
.docs-feature-list h3{margin:0 0 8px;font-size:18px;letter-spacing:-.01em}
.docs-feature-list p{margin:0;color:#92989b;font-size:14px;line-height:1.55}
.docs-content .docs-callout-warning{border-color:rgba(235,190,86,.28);background:rgba(235,190,86,.045)}
.docs-content .docs-callout-warning>span{color:#e6bd59}
.docs-sidebar{gap:9px}
.docs-sidebar .eyebrow{margin-bottom:13px}
.docs-nav-group{color:#515d5b;font:9px "DM Mono";letter-spacing:1.2px;text-transform:uppercase;margin-top:18px;margin-bottom:3px}
.docs-sidebar a{padding:6px 0;transition:color .2s,transform .2s}
.docs-sidebar a:hover,.docs-sidebar a.active{transform:translateX(3px)}.docs-sidebar a.active{font-weight:700;border-left:4px solid var(--amber);padding-left:12px;margin-left:-12px}
.docs-sidebar a.active{font-weight:700}
.docs-catalog-link{margin-top:18px;border-top:1px solid #293334;padding-top:17px!important;color:var(--amber)!important}
.docs-content{min-width:0}
.docs-content h1{max-width:760px}
.docs-content h2{margin-bottom:18px}
.docs-content h3{font-size:18px;margin:0 0 12px;color:#e0e1da}
.docs-content p{color:#87938e;line-height:1.75;font-size:13px}
.docs-content code{color:#d7b26f;font:inherit}
.docs-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:45px 0 30px}
.docs-quick-grid a{display:grid;grid-template-columns:30px 1fr 16px;gap:8px;min-height:115px;padding:14px;background:#101516;border:1px solid #293334;color:#d8dcd5;transition:transform .25s,border-color .25s}
.docs-quick-grid a:hover{transform:translateY(-4px);border-color:#80623c}
.docs-quick-grid b{color:var(--amber);font:10px "DM Mono"}.docs-quick-grid i{font-style:normal;color:#818b86}.docs-quick-grid span{font-size:12px;font-weight:700}.docs-quick-grid small{display:block;color:#6f7c76;font-size:10px;line-height:1.5;margin-top:7px;font-weight:400}
.docs-callout{background:rgba(20,32,30,.58);border-left-color:var(--amber)}
.docs-callout>span{color:var(--amber)}
.docs-callout-warning{background:rgba(45,34,23,.42);border-left-color:#b78950}
.docs-callout-warning>span{color:#d2a15d}
.docs-callout p{margin:0}
.docs-steps{padding:0;margin:25px 0 35px;list-style:none;border-top:1px solid #293132}
.docs-steps li{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid #293132;color:#899590;font-size:13px;line-height:1.6}
.docs-steps b{color:var(--amber);font:10px "DM Mono";min-width:23px}.docs-steps strong{color:#e2e1da;font-weight:600}
.api-family-grid,.docs-two-col{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:35px 0}
.api-family-grid article,.docs-two-col>div{border:1px solid #293334;background:linear-gradient(145deg,#141a1b,#0e1213);padding:22px}
.api-family-grid article>span{color:#717f79;font:9px "DM Mono"}.api-family-grid h3{margin:35px 0 15px;font-size:18px}.api-family-grid code{display:block;color:var(--amber);font-size:10px;word-break:break-word}.api-family-grid p,.docs-two-col p{font-size:12px;line-height:1.65}
.docs-two-col{grid-template-columns:1fr 1fr}.docs-two-col h3{margin-bottom:10px}
.docs-big-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3c403b;border-top:1px solid #3c403b;padding:18px 0;color:var(--amber);font-weight:700;margin:35px 0}.docs-big-link i{font-style:normal;font-size:20px}
.formula-card{display:flex;flex-direction:column;gap:11px;margin:35px 0;padding:26px;border:1px solid #51422d;background:linear-gradient(120deg,rgba(47,36,25,.65),rgba(16,20,21,.65));font:13px "DM Mono";color:#bdc4bc}.formula-card b{color:#d4a45d;font-weight:400}.formula-card strong{border-top:1px solid #55452e;padding-top:15px;color:#f1eee7}
.limit-timeline{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;margin:42px 0}.limit-timeline>div{display:flex;flex-direction:column;gap:6px}.limit-timeline b{font:12px "DM Mono";color:#e0ded4}.limit-timeline span{color:#74817c;font-size:11px}.limit-timeline i{height:1px;background:linear-gradient(90deg,var(--amber),#39403d)}
.failover-flow{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;margin:40px 0}.failover-flow>div{border:1px solid #303839;padding:18px;background:#111617}.failover-flow .is-active{border-color:#80623c;box-shadow:0 0 35px rgba(192,142,73,.08)}.failover-flow b,.failover-flow small{display:block}.failover-flow b{font-size:13px}.failover-flow small{color:#75827c;font-size:10px;margin-top:7px}.failover-flow>i{text-align:center;color:var(--amber);font-style:normal;font-size:18px}
.error-table{border-top:1px solid #293132;margin:35px 0}.error-table div{display:grid;grid-template-columns:65px 1fr;gap:4px 16px;padding:17px 0;border-bottom:1px solid #293132}.error-table code{grid-row:span 2;color:var(--amber)!important;font-family:"DM Mono"!important}.error-table span{color:#d8ddd5;font-size:13px}.error-table small{color:#728079;font-size:11px}
.client-tabs{display:flex;gap:20px;border-bottom:1px solid #293132;margin-top:35px}.client-tabs span{padding:0 0 10px;color:#707d77;font:10px "DM Mono"}.client-tabs .is-active{color:var(--amber);border-bottom:1px solid var(--amber)}
.docs-content .code-block{margin-top:22px}.docs-content .code-head button{cursor:pointer}
@media(max-width:1050px){.docs-shell{grid-template-columns:210px minmax(0,1fr);gap:45px}.docs-shell:after{display:none}}
@media(max-width:800px){.docs-shell{display:block;padding-top:45px}.docs-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.docs-sidebar .eyebrow,.docs-sidebar .docs-nav-group,.docs-status,.docs-catalog-link{grid-column:1/-1}.docs-nav-group{margin-top:14px}.docs-quick-grid,.api-family-grid,.docs-two-col,.docs-feature-list{grid-template-columns:1fr}.limit-timeline{grid-template-columns:1fr;gap:9px}.limit-timeline i{width:1px;height:22px;margin-left:4px}.failover-flow{grid-template-columns:1fr;gap:10px}.failover-flow>i{transform:rotate(90deg)}.error-table div{grid-template-columns:52px 1fr}.docs-content h1{font-size:48px}.docs-content .lead{font-size:14px}}

/* Workspace dashboard */
.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr;background:#0c0f10}.dashboard-nav{border-right:1px solid #252d2e;background:#111516;padding:28px 15px 18px;display:flex;flex-direction:column;min-height:100vh}.dashboard-nav .brand{padding:0 10px}.dash-workspace{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;border:1px solid #2b3536;background:#171c1d;padding:11px;margin:39px 2px 27px;border-radius:5px}.workspace-avatar,.profile-avatar{display:grid;place-items:center;width:29px;height:29px;border:1px solid #a5743b;color:var(--amber);font:10px "DM Mono";border-radius:50%;background:#241d16}.dash-workspace b,.dash-profile b{display:block;font-size:11px;font-weight:600}.dash-workspace small,.dash-profile small{display:block;color:#697571;font:9px "DM Mono";margin-top:3px}.dash-chevron,.dash-more{color:#65736e;font:14px "DM Mono"}.dash-links{display:flex;flex-direction:column;gap:3px}.dash-links a,.dash-nav-bottom>a{display:flex;align-items:center;gap:12px;color:#798580;font-size:11px;padding:11px 12px;border-radius:4px;transition:.2s ease}.dash-links a span,.dash-nav-bottom>a span{color:#697873;font:14px "DM Mono";width:16px;text-align:center}.dash-links a:hover,.dash-links a.active,.dash-nav-bottom>a:hover{color:#f1eee7;background:#1b2222}.dash-links a.active{box-shadow:inset 2px 0 var(--amber)}.dash-links a.active span{color:var(--amber)}.dash-nav-bottom{margin-top:auto}.dash-profile{border-top:1px solid #293334;margin:17px 8px 0;padding:16px 0 0;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px}.dashboard-main{max-width:1250px;width:100%;padding:58px 55px 80px;margin:auto}.dash-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #273031;padding-bottom:30px}.dash-header h1{font-size:31px;letter-spacing:-1.3px;margin:12px 0 7px}.dash-header p{margin:0;color:#74807c;font-size:12px}.dash-actions{display:flex;gap:12px;align-items:center}.icon-button,.key-menu{background:none;border:1px solid #2f3a3b;color:#8d9994;width:35px;height:35px;border-radius:4px}.icon-button:hover,.key-menu:hover{border-color:#a57740;color:var(--amber)}.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:11px;margin-top:25px}.dash-card{border:1px solid #293435;background:linear-gradient(145deg,#141a1b,#101415);padding:22px;min-height:185px;transition:.25s ease}.dash-card:hover{border-color:#455452;transform:translateY(-2px)}.dash-card-head{display:flex;justify-content:space-between;align-items:center;color:#798681;font:10px "DM Mono";letter-spacing:.04em}.dash-card-head a,.text-button{color:var(--amber);background:none;border:0;font:10px "DM Mono";padding:0}.status-label{color:var(--teal)}.balance-card{background:linear-gradient(135deg,#1e1c17,#141919)}.balance-card>strong{display:block;font:34px "DM Mono";letter-spacing:-1px;margin-top:31px}.balance-card>strong small,.limit-head small{font-size:13px;color:#87918b}.balance-meta,.balance-foot,.grant-row{display:flex;justify-content:space-between;gap:12px;color:#697570;font-size:10px}.balance-meta{margin-top:5px}.balance-bar,.limit-bar{height:4px;background:#293333;margin-top:25px;border-radius:4px;overflow:hidden}.balance-bar i,.limit-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),#edc17d);border-radius:4px}.balance-foot{margin-top:9px}.balance-foot a{color:var(--amber)}.plan-status>strong{display:block;font:28px "DM Mono";margin-top:27px;color:#e4e6dc}.plan-price{display:block;color:#8b9690;font:10px "DM Mono";margin-top:4px}.grant-row{border-top:1px solid #293333;margin-top:22px;padding-top:12px}.grant-row+.grant-row{margin-top:10px;padding-top:10px}.grant-row b{color:#c5cec8;font-weight:400}.limit-card{grid-column:1}.limit-head{display:flex;justify-content:space-between;align-items:baseline;margin-top:24px}.limit-head strong{font:29px "DM Mono"}.limit-head>span,.reset-label{color:#75827c;font:10px "DM Mono"}.limit-bar{margin-top:12px}.limit-bar i{background:linear-gradient(90deg,var(--teal),#acd7ae)}.window-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:21px}.window-grid span{border:1px solid #384542;text-align:center;padding:8px;color:#7f8c86;font:10px "DM Mono"}.window-grid .window-used{border-color:#527168;background:#172622;color:var(--teal)}.limit-card p{color:#687570;font-size:10px;line-height:1.5;max-width:480px;margin-bottom:0}.activity-card{grid-column:2;grid-row:2 / span 2}.activity-row,.key-row{display:grid;grid-template-columns:27px 1fr auto auto;align-items:center;gap:10px;border-top:1px solid #293334;padding:15px 0}.activity-row:first-of-type{margin-top:22px}.activity-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid #6f5638;color:var(--amber);font:12px "DM Mono";border-radius:50%}.activity-icon.teal{border-color:#3d6a5e;color:var(--teal)}.activity-row b,.key-row b{display:block;color:#bdc8c1;font:10px "DM Mono"}.activity-row small,.key-row small{display:block;color:#65726d;font-size:9px;margin-top:4px}.activity-row strong{color:#beccc3;font:10px "DM Mono"}.activity-row time{color:#65716c;font:9px "DM Mono"}.keys-card{grid-column:1}.keys-card .dash-card-head{margin-bottom:9px}.key-status{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 9px var(--teal)}.key-row{grid-template-columns:10px 1fr auto 20px}.key-date{color:#65726d;font:9px "DM Mono"}.key-menu{border:0;width:20px;height:20px}.muted-key .key-status{background:#6b7772;box-shadow:none}.quickstart-card{grid-column:2;background:#14201e}.quickstart-card h2{font-size:22px;line-height:1.05;margin:22px 0 10px}.quickstart-card h2 em{font-style:normal;color:var(--amber)}.quickstart-card p{color:#7d8b84;font-size:11px;line-height:1.5}.mini-code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #344541;background:#0e1615;padding:11px;color:#6e9d8e;font:9px "DM Mono";margin:22px 0 17px}.mini-code b{color:#b8c9bd;font-weight:400}.dashboard-shell .arrow-link{font:10px "DM Mono";margin-top:0}
@media(max-width:900px){.dashboard-shell{display:block}.dashboard-nav{min-height:0;height:auto;padding:18px 16px;border-right:0;border-bottom:1px solid #273031}.dashboard-nav .brand{padding:0}.dash-workspace,.dash-links,.dash-nav-bottom{display:none}.dashboard-main{padding:35px 20px 60px}.dash-header{align-items:flex-start;gap:25px}.dash-header h1{font-size:26px}.dash-actions .icon-button{display:none}.dash-grid{grid-template-columns:1fr}.limit-card,.activity-card,.keys-card,.quickstart-card{grid-column:auto;grid-row:auto}.activity-card{min-height:0}.activity-row{grid-template-columns:27px 1fr auto}.activity-row time{display:none}.key-row{grid-template-columns:10px 1fr auto 20px}.key-date{display:none}}

/* Documentation hierarchy */
.docs-shell{align-items:start}
.docs-sidebar{padding:18px 14px 22px;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(20,23,25,.72),rgba(10,12,13,.2));border-radius:8px}
.docs-sidebar>.eyebrow{color:#d9dddc;font-size:11px;font-weight:700;letter-spacing:1.7px}
.docs-nav-group{color:#818a89;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:24px;padding-top:4px}
.docs-sidebar a{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#aeb7b4;font-size:13px;font-weight:600;line-height:1.25;padding:9px 10px;border-radius:5px}
.docs-sidebar a:hover{color:#f2f0ea;background:rgba(255,255,255,.045);transform:none}
.docs-sidebar a.active{color:#f4f1e9;background:rgba(207,178,132,.11);box-shadow:inset 2px 0 #d0a36b;transform:none}
.docs-sidebar a.is-priority{color:#d8d2c7}
.docs-sidebar a.is-priority small{color:#d0a36b;font:700 8px "DM Mono";letter-spacing:.3px;text-transform:uppercase;opacity:.9}
.docs-sidebar a.active small{color:#f0bf7e}
.docs-status{font-weight:600;color:#9aa4a0}
.docs-content{padding-bottom:20px}
.docs-content h1{font-weight:800;line-height:1.02;letter-spacing:-2.8px}
.docs-content .lead{color:#b2bbb7;font-weight:500;line-height:1.8}
.docs-content p{color:#a4aeaa;font-size:14px;font-weight:500;line-height:1.78}
.docs-content h2{color:#eef0eb;font-size:28px;font-weight:750;letter-spacing:-.6px;margin-top:56px}
.docs-content h3{color:#e7ebe5;font-weight:700}
.docs-content strong{color:#e9ece7;font-weight:750}
.docs-quick-grid a{background:rgba(22,25,27,.86);border-color:#3a4244;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.docs-quick-grid a span{font-size:13px;font-weight:750}
.docs-quick-grid small{color:#89938f;font-size:11px;font-weight:500}
.docs-callout{background:rgba(25,28,30,.84);border-left-color:#b8bec0;color:#aeb7b3;font-size:13px;font-weight:500}
.docs-callout p{color:inherit;font-weight:500}
.docs-steps li{color:#aab4af;font-size:14px;font-weight:500;padding:21px 0}
.docs-steps b{font-weight:700}
.docs-two-col>div,.api-family-grid article{background:rgba(20,24,26,.82);border-color:#343d3f}
.docs-two-col p,.api-family-grid p{font-size:13px}
.endpoint-list span{font-size:13px;font-weight:600;color:#d5dcd7}
.endpoint-list small{font-size:11px;font-weight:500;color:#899590}
.code-head{font-weight:600}
.docs-content .code-block{border-color:#394345;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.docs-content .code-block pre{font-size:12px;line-height:1.9}
.docs-big-link{font-size:14px}
@media(max-width:800px){.docs-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 10px 20px}.docs-sidebar a{font-size:12px;padding:8px}.docs-content h1{letter-spacing:-2px}.docs-content p{font-size:14px}.docs-content h2{font-size:25px}}

/* Interactive model galaxy */
:root{--bg:#050607;--panel:#0d0f11;--panel2:#111315;--line:#24282b;--teal:#82c9bd}
body{background:#050607;color:#f5f3ed}.ambient-grid{opacity:.26;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px)}
.hero-signal.galaxy{height:480px;perspective:900px;isolation:isolate;cursor:crosshair;--mouse-x:0deg;--mouse-y:0deg;--glow-x:50%;--glow-y:50%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.hero-signal.galaxy:before{content:"";position:absolute;inset:2%;z-index:-2;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(245,191,110,.13),transparent 24%),radial-gradient(circle at 50% 50%,rgba(91,180,177,.055),transparent 44%);filter:blur(4px);transition:background .7s ease}.hero-signal.galaxy:after{content:"";position:absolute;inset:7% 4%;border:1px solid rgba(245,243,237,.045);border-radius:50%;transform:rotate(-18deg) scaleY(.54);pointer-events:none}.galaxy-stars{position:absolute;inset:9%;opacity:.8;background-image:radial-gradient(circle at 15% 25%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 31% 74%,#d1e5ff 0 1px,transparent 1.7px),radial-gradient(circle at 58% 14%,#ffe2bb 0 1px,transparent 1.8px),radial-gradient(circle at 78% 68%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 89% 31%,#a9e7e0 0 1px,transparent 1.7px),radial-gradient(circle at 43% 42%,#fff 0 1px,transparent 1.4px);background-size:170px 145px,220px 190px,190px 170px,250px 210px,180px 160px,140px 120px;animation:star-drift 20s linear infinite}.galaxy-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(211,224,220,.2);border-radius:50%;transform-style:preserve-3d;pointer-events:none;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.galaxy-orbit:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border-top-color:rgba(245,183,101,.65);border-left:1px solid transparent;transform:rotate(32deg)}.galaxy-orbit-a{width:245px;height:245px;margin:-122px;transform:rotateX(62deg) rotateZ(-18deg) rotateY(var(--mouse-x))}.galaxy-orbit-b{width:350px;height:190px;margin:-95px -175px;transform:rotateX(68deg) rotateZ(22deg) rotateY(var(--mouse-x))}.galaxy-orbit-c{width:410px;height:275px;margin:-137px -205px;transform:rotateX(67deg) rotateZ(-48deg) rotateY(var(--mouse-x))}.galaxy-core{position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px;border:1px solid rgba(245,186,103,.9);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 42% 38%,#5b4530 0,#191611 32%,#090b0c 69%);box-shadow:0 0 0 18px rgba(235,171,86,.035),0 0 70px rgba(235,171,86,.19),inset 0 0 32px rgba(247,194,107,.16);transform:translateZ(45px) rotateX(var(--mouse-y)) rotateY(var(--mouse-x));transition:transform .7s cubic-bezier(.2,.8,.2,1);z-index:3}.galaxy-core span{font:22px "DM Mono";color:#f1b365}.galaxy-core small{position:absolute;top:-29px;color:#788681;font:9px "DM Mono";letter-spacing:1.3px}.model-planet{position:absolute;border:0;background:transparent;color:#d7ddd7;display:flex;align-items:center;gap:8px;font:10px "DM Mono";letter-spacing:.02em;z-index:5;transition:transform .45s ease,color .3s ease}.model-planet i{display:block;width:23px;height:23px;border-radius:50%;box-shadow:inset -6px -5px 8px rgba(0,0,0,.7),0 0 18px currentColor;background:#d99864}.model-planet:hover{color:#fff;transform:scale(1.12)}.model-planet:hover i{box-shadow:inset -6px -5px 8px rgba(0,0,0,.55),0 0 25px currentColor}.planet-claude{top:76px;left:24%;color:#e69369;transform:translateZ(25px) rotateY(var(--mouse-x))}.planet-claude i{background:radial-gradient(circle at 33% 28%,#ffd8a7,#b65e42 54%,#4b2722)}.planet-codex{top:223px;right:7%;color:#8ca9ff;transform:translateZ(75px) rotateY(var(--mouse-x))}.planet-codex i{background:radial-gradient(circle at 32% 25%,#ecf0ff,#5575e9 52%,#24265d)}.planet-gemini{bottom:59px;left:10%;color:#6eb9ff;transform:translateZ(45px) rotateY(var(--mouse-x))}.planet-gemini i{background:radial-gradient(circle at 32% 26%,#f0f4ff,#5a75ec 46%,#2933a2)}.planet-grok{right:18%;bottom:91px;color:#f0f1ed;transform:translateZ(15px) rotateY(var(--mouse-x))}.planet-grok i{background:radial-gradient(circle at 32% 26%,#fff,#898b8a 48%,#292b2b)}.galaxy-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#65736f;font:8px "DM Mono";letter-spacing:1.2px}.trusted{border-color:#1e2425}.site-footer{border-color:#1e2425}
@keyframes star-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8px,-5px,0) scale(1.015)}100%{transform:translate3d(0,0,0) scale(1)}}
@media(max-width:800px){.hero-signal.galaxy{height:360px}.galaxy-orbit-a{width:190px;height:190px;margin:-95px}.galaxy-orbit-b{width:280px;height:155px;margin:-77px -140px}.galaxy-orbit-c{width:320px;height:215px;margin:-107px -160px}.galaxy-core{width:86px;height:86px;margin:-43px}.galaxy-core span{font-size:17px}.model-planet{font-size:8px;gap:5px}.model-planet i{width:17px;height:17px}.planet-claude{top:35px;left:11%}.planet-codex{top:159px;right:2%}.planet-gemini{bottom:38px;left:3%}.planet-grok{right:8%;bottom:55px}.galaxy-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){.galaxy-stars{animation:none}.hero-signal.galaxy,.galaxy-core{transition:none}}

/* Planets orbit continuously; pointer tilt is layered on top of the motion. */
@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.galaxy-core{width:138px;height:138px;margin:-69px;border:0;background:transparent;box-shadow:none;transform:translateZ(45px) rotateX(var(--mouse-y)) rotateY(var(--mouse-x));animation:core-breathe 5s ease-in-out infinite;overflow:visible}.galaxy-core:before,.galaxy-core:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.88) 0 3%,rgba(195,224,255,.7) 4%,rgba(91,128,190,.23) 13%,transparent 31%),conic-gradient(from 15deg,transparent 0 9%,rgba(255,215,166,.78) 13%,transparent 21% 30%,rgba(134,185,255,.72) 38%,transparent 46% 58%,rgba(255,245,218,.65) 65%,transparent 75% 100%);filter:blur(5px);transform:rotate(20deg) scaleY(.68)}.galaxy-core:after{inset:-22px;background:conic-gradient(from 140deg,transparent 0 23%,rgba(159,204,255,.65) 28%,transparent 37% 52%,rgba(255,190,132,.6) 60%,transparent 69% 100%);filter:blur(8px);opacity:.7;transform:rotate(-28deg) scaleY(.45)}.galaxy-swirl{position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#d4e7ff 5% 8%,transparent 13%),conic-gradient(from 45deg,transparent 0 16%,#fff5dc 22%,transparent 31% 45%,#9bd2ff 52%,transparent 63% 77%,#e8b58a 84%,transparent 92%);filter:blur(2px);transform:rotate(-18deg) scaleY(.4);z-index:2}.galaxy-core small{top:-35px;z-index:4}.model-planet{top:50%;left:50%;right:auto;bottom:auto;width:max-content;margin:-12px 0 0 -12px;transform-style:preserve-3d;will-change:transform}.model-planet img{display:block;width:25px;height:25px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 9px currentColor);background:transparent}.model-planet span{white-space:nowrap}.model-planet i{display:none}.planet-claude{color:#f1a37a;animation:planet-orbit-a 18s linear infinite;animation-delay:-3s}.planet-codex{color:#b6c7ff;animation:planet-orbit-b 23s linear infinite;animation-delay:-14s}.planet-gemini{color:#86c8ff;animation:planet-orbit-c 27s linear infinite;animation-delay:-8s}.planet-grok{color:#f1f2ed;animation:planet-orbit-a 20s linear infinite;animation-delay:-13s}.planet-claude img{background:#db7756}.planet-codex img{background:#fff}.planet-gemini img{background:#fff}.planet-grok img{background:#000}.planet-claude{--radius:116px}.planet-codex{--radius:166px}.planet-gemini{--radius:196px}.planet-grok{--radius:145px}.planet-claude,.planet-grok{--orbit-tilt:58deg}.planet-codex{--orbit-tilt:66deg}.planet-gemini{--orbit-tilt:63deg}@keyframes planet-orbit-a{from{--orbit-angle:0deg}to{--orbit-angle:360deg}}@keyframes planet-orbit-b{from{--orbit-angle:120deg}to{--orbit-angle:480deg}}@keyframes planet-orbit-c{from{--orbit-angle:235deg}to{--orbit-angle:595deg}}.planet-claude,.planet-codex,.planet-gemini,.planet-grok{transform:rotateX(var(--orbit-tilt)) rotateZ(var(--orbit-angle)) translateX(var(--radius)) rotateZ(calc(var(--orbit-angle) * -1)) rotateY(var(--mouse-x)) rotateX(var(--mouse-y))}.galaxy-core span{display:none}@keyframes core-breathe{0%,100%{filter:brightness(.95)}50%{filter:brightness(1.22)}}
@media(max-width:800px){.galaxy-core{width:104px;height:104px;margin:-52px}.galaxy-core:after{inset:-14px}.galaxy-swirl{inset:11px}.model-planet img{width:20px;height:20px}.planet-claude{--radius:92px}.planet-codex{--radius:130px}.planet-gemini{--radius:151px}.planet-grok{--radius:113px}.galaxy-core small{top:-27px}}
@media(prefers-reduced-motion:reduce){.planet-claude,.planet-codex,.planet-gemini,.planet-grok,.galaxy-core{animation:none}}

/* Astra-inspired interactive field: the galaxy remains the focal object, while individual stars respond to proximity. */
.galaxy-starfield{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translate3d(var(--field-x,0),var(--field-y,0),0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.gravity-star{position:absolute;left:var(--sx);top:var(--sy);width:var(--sd);height:var(--sd);border-radius:50%;background:#f7fbff;box-shadow:0 0 7px rgba(197,226,255,.9),0 0 18px rgba(173,205,255,.28);opacity:.64;transform:translate3d(var(--pull-x,0),var(--pull-y,0),0) scale(1);animation:gravity-twinkle 4s ease-in-out var(--delay) infinite;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.gravity-star:nth-child(3n){background:#ffe8bf}.gravity-star:nth-child(5n){background:#b8ddff}.gravity-star:nth-child(7n){opacity:.9}
.model-planet{width:104px;height:104px;margin:-52px 0 0 -52px;display:grid;place-items:center;gap:0;isolation:isolate}
.model-planet:before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;box-shadow:inset -18px -16px 24px rgba(0,0,0,.72),inset 8px 6px 15px rgba(255,255,255,.24),0 0 25px color-mix(in srgb,currentColor,transparent 65%);background:radial-gradient(circle at 33% 25%,rgba(255,255,255,.65),transparent 13%),radial-gradient(circle at 38% 35%,color-mix(in srgb,currentColor,white 25%),currentColor 48%,#101316 100%)}
.model-planet img{width:58px;height:58px;object-fit:contain;border-radius:0;padding:0;filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.45));background:transparent;z-index:2}
.planet-claude img,.planet-gemini img{filter:none}.planet-codex img{width:63px;height:63px;mix-blend-mode:multiply;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.planet-grok img{filter:brightness(0) invert(1) drop-shadow(0 2px 5px rgba(0,0,0,.6))}
.model-planet span{position:absolute;top:112px;left:50%;transform:translateX(-50%);text-shadow:0 2px 10px #050607;z-index:3}
.planet-claude:before{background:radial-gradient(circle at 32% 24%,#ffd3b3 0 8%,transparent 18%),radial-gradient(circle at 38% 35%,#e89069,#a94738 55%,#241516 100%)}
.planet-codex:before{background:radial-gradient(circle at 32% 24%,#e6eeff 0 8%,transparent 18%),radial-gradient(circle at 38% 35%,#738dff,#3547a5 55%,#11152c 100%)}
.planet-gemini:before{background:radial-gradient(circle at 32% 24%,#eaf4ff 0 8%,transparent 18%),radial-gradient(circle at 38% 35%,#4ec8ff,#4059d4 55%,#11183d 100%)}
.planet-grok:before{background:radial-gradient(circle at 32% 24%,#ffffff 0 8%,transparent 18%),radial-gradient(circle at 38% 35%,#818b93,#343b41 55%,#07090b 100%)}
@keyframes gravity-twinkle{0%,100%{opacity:.42}50%{opacity:.95}}
@media(max-width:800px){.model-planet{width:76px;height:76px;margin:-38px 0 0 -38px}.model-planet:before{box-shadow:inset -13px -12px 18px rgba(0,0,0,.72),inset 6px 5px 11px rgba(255,255,255,.24),0 0 18px color-mix(in srgb,currentColor,transparent 65%)}.model-planet img{width:43px;height:43px}.planet-codex img{width:47px;height:47px}.model-planet span{top:82px}}
@media(prefers-reduced-motion:reduce){.gravity-star{animation:none;transition:none}.galaxy-starfield{transition:none}}

/* Final graphite system and pricing presentation. */
:root{
  --bg:#070809;
  --panel:#111315;
  --panel2:#171a1d;
  --line:#2a2e31;
  --text:#f4f5f5;
  --muted:#9ba1a3;
  --dim:#686f72;
  --amber:#c9ced0;
  --teal:#aeb4b5;
  --blue:#c6cbd0;
}

/* ModelFlare-inspired catalog density with PromptUzel graphite styling. */
.models-page .catalog-shell { max-width: 1320px; }
.models-page .catalog-groups { gap: 18px; }
.models-page .provider-group { border: 1px solid rgba(255,255,255,.075); border-radius: 8px; overflow: hidden; background: rgba(15,17,19,.72); box-shadow: 0 18px 50px rgba(0,0,0,.16); }
.models-page .provider-heading { min-height: 54px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.075); background: rgba(26,29,31,.62); color: #90999b; font: 11px "DM Mono", monospace; letter-spacing: .02em; }
.models-page .provider-heading > span:last-child { color: #667073; }
.models-page .provider-brand { display: inline-flex; align-items: center; gap: 10px; color: #f1f3f1; font: 600 13px "Manrope", sans-serif; }
.models-page .provider-logo { width: 27px; height: 27px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: #202427; overflow: hidden; }
.models-page .provider-logo img { width: 18px; height: 18px; object-fit: contain; }
.models-page .provider-logo .provider-mark { font: 700 9px "DM Mono", monospace; color: #dedfdb; letter-spacing: -.08em; }
.models-page .model-row { border-top: 1px solid rgba(255,255,255,.065); }
.models-page .model-row:first-of-type { border-top: 0; }
.models-page .model-row-trigger { grid-template-columns: 48px minmax(0,1fr) 168px 26px; min-height: 86px; padding: 13px 20px; }
.models-page .model-row-trigger:hover, .models-page .model-row.is-open .model-row-trigger { background: linear-gradient(90deg, rgba(72,62,27,.22), rgba(38,42,43,.32)); }
.models-page .model-logo { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; background: #1f2325; }
.models-page .model-logo img { width: 20px; height: 20px; object-fit: contain; }
.models-page .model-logo .provider-mark { font: 700 10px "DM Mono", monospace; color: #c9ccca; letter-spacing: -.08em; }
.models-page .model-title { gap: 7px; align-items: flex-start; }
.models-page .model-name-line { min-width: 0; display: flex; align-items: center; gap: 10px; }
.models-page .model-title > .model-name-line > b { color: #f2f4f1; font: 700 15px "DM Mono", monospace; letter-spacing: -.02em; overflow: hidden; text-overflow: ellipsis; }
.models-page .model-title small { gap: 6px; }
.models-page .model-title small i { color: #9fa7a8; border-color: rgba(255,255,255,.13); border-radius: 4px; background: rgba(255,255,255,.025); font-size: 10px; }
.models-page .model-routes b { color: #e1bf55; font-size: 16px; }
.models-page .model-routes small { color: #7c8587; }
.models-page .model-chevron { font-size: 20px; }
.models-page .model-detail { margin: 0 20px 20px 68px; border: 1px solid rgba(214,173,54,.25); border-left: 2px solid #d6ad36; border-radius: 6px; background: rgba(9,11,12,.78); box-shadow: 0 16px 35px rgba(0,0,0,.2); }
.models-page .route-price { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); }
.models-page .route-price:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
.models-page .route-price-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #e5e7e3; font: 600 12px "Manrope", sans-serif; }
.models-page .route-price-heading span { color: #879092; font: 10px "DM Mono", monospace; }
.models-page .price-tier { margin-top: 14px; }
.models-page .price-tier > strong { color: #aab2b2; font: 11px "DM Mono", monospace; }
.models-page .detail-prices div { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.025); }
.models-page .detail-prices b { color: #f1d269; }
.models-page .model-detail p { color: #8c9697; }
@media (max-width: 680px) {
  .models-page .provider-heading { padding-inline: 14px; }
  .models-page .model-row-trigger { grid-template-columns: 40px minmax(0,1fr) 24px; padding-inline: 14px; }
  .models-page .model-routes { display: none; }
  .models-page .model-detail { margin-left: 50px; margin-right: 14px; }
}
body{font-weight:500;background:#070809;color:#f4f5f5}
h1,h2,h3,h4,.brand,.button,.plan-card>strong,.demo-heading strong{font-weight:800;letter-spacing:0}
h1,h2,h3,h4{line-height:1.06}
.eyebrow,.site-nav a,.text-link,.button,.plan-top,.billing-toggle button,.pricing-rule,.grant-item,.plan-foot,.faq-list summary{font-weight:700}
.brand>span:last-child span,.site-nav a.active,.eyebrow,.hero h1 span,.page-hero h1 em,.section-intro h2 em,.feature-copy h2 em,.cta-band h2 em,.dev-panel h2 em,.arrow-link,.plan-top b,.plan-breakdown b,.plan-foot a,.faq-list summary span{color:#c9ced0!important}
.brand-mark i,.pulse,.live-dot,.node-pulse,.route-path i,.route-card>i,.key-status,.status-label i{background:#aeb4b5!important;box-shadow:0 0 12px rgba(174,180,181,.34)!important}
.button,.primary-button,.small-primary,.send-button{background:#d3d7d8!important;border-color:#d3d7d8!important;color:#101214!important;box-shadow:0 12px 28px rgba(210,215,216,.1)}
.button:hover,.primary-button:hover,.small-primary:hover,.send-button:hover{background:#f0f2f2!important;border-color:#f0f2f2!important;color:#070809!important;box-shadow:0 16px 40px rgba(210,215,216,.2)}
.button-ghost{background:transparent!important;border-color:#454b4d!important;color:#d4d8d9!important;box-shadow:none!important}
.button-ghost:hover{border-color:#b8bec0!important;color:#fff!important}
.site-header{border-bottom:1px solid rgba(255,255,255,.06)}
.site-header,.site-footer{max-width:1400px}
.hero h1,.page-hero h1,.docs-content h1{font-weight:800}
.status-pill{border-color:#353a3c;background:rgba(255,255,255,.025)}
.hero-signal.galaxy:before,.product-film,.film-screen,.product-video-stage,.video-stage-scene{background-color:#090a0b!important;background-image:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.008))!important}
.hero-signal.galaxy:after{color:#b9bfc1!important}
.trusted,.site-footer,.cta-band{border-color:#262a2c}
.demo-window-premium,.product-video-stage,.plan-card,.dev-panel,.feature-card,.code-block,.auth-card{border-color:#303538}
.demo-window-premium .demo-content,.demo-window-premium .demo-side,.demo-window-premium .demo-rail,.demo-sidebar{background:#0b0c0e!important}
.demo-window-premium .workspace-item.active,.demo-window-premium .workspace-item:hover,.demo-window-premium .route-card.active,.demo-window-premium .route-card:hover,.demo-window-premium .agent-strip,.feature-card-dark,.feature-card-dark:hover,.feature-card-dark.feature-selected{background:#17191b!important;border-color:#555b5d!important}
.demo-window-premium .route-card strong,.demo-window-premium .side-stat small,.demo-window-premium .demo-state,.demo-window-premium .demo-live,.green-line{color:#b8bec0!important}
.demo-window-premium .balance-mini u,.progress i,.progress.teal i,.limit-bar i{background:#aeb4b5!important}
.feature-card:hover,.feature-card.feature-selected{box-shadow:0 22px 60px rgba(0,0,0,.46);transform:translateY(-6px)}
.route-visual-interactive{background:#0c0e10!important;border-color:#303538!important}
.route-grid{background-image:linear-gradient(rgba(174,180,181,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(174,180,181,.08) 1px,transparent 1px)!important}
.route-visual-interactive .route-path:before{background:linear-gradient(90deg,#4d5355,#b9bec0)!important}
.route-visual-interactive .route-path:hover,.route-visual-interactive .route-path.route-selected,.route-visual-interactive .route-center{background:#17191b!important;border-color:#62686a!important}
.product-video-copy h2 em,.soon-badge,.video-stage-caption span:last-child{color:#c9ced0!important}
.soon-badge{border-color:#555b5d!important}
.scene-lines{background-image:linear-gradient(rgba(174,180,181,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(174,180,181,.08) 1px,transparent 1px)!important}
.scene-panel i{background:linear-gradient(90deg,#aeb4b5 68%,#25292b 68%)!important}

.pricing-page{padding-bottom:40px}
.pricing-hero{max-width:1080px;padding-bottom:55px}
.pricing-hero>p{max-width:690px;font-size:16px}
.pricing-rule{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px;color:#858d90;font:10px "DM Mono";letter-spacing:.02em}
.pricing-rule span{display:inline-flex;align-items:center;gap:8px}
.pricing-rule i,.plan-foot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#aeb4b5;box-shadow:0 0 10px rgba(174,180,181,.45)}
.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:90px}
.plan-card{min-height:390px;padding:25px;background:linear-gradient(145deg,#121416,#0d0f10);border-radius:8px;box-shadow:0 20px 65px rgba(0,0,0,.2);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s}
.plan-card:hover{transform:translateY(-8px);border-color:#6b7173;box-shadow:0 30px 75px rgba(0,0,0,.42)}
.plan-card.featured{background:linear-gradient(145deg,#1b1d1f,#101214);border-color:#8b9193;box-shadow:0 28px 80px rgba(0,0,0,.45)}
.plan-top{font:12px "DM Mono";color:#e2e5e5}.plan-top b{border:1px solid #555b5d;padding:5px 7px;border-radius:3px;font:9px "DM Mono";letter-spacing:.04em}
.plan-card>strong{font:800 36px "DM Mono";margin-top:38px;color:#f4f5f5}.plan-card>strong small{font:500 10px Manrope;color:#7c8386;margin-left:7px}
.plan-card p{min-height:38px;color:#9aa1a3;font-size:12px;line-height:1.55;margin-bottom:0}
.plan-rule{background:#2c3032;margin:19px 0 6px}
.plan-breakdown{display:grid;gap:0}.plan-breakdown div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #202427;color:#747c7f;font-size:10px}.plan-breakdown b{font:700 10px "DM Mono";white-space:nowrap}
.plan-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;color:#737b7e;font:9px "DM Mono"}.plan-foot span{white-space:nowrap}.plan-foot .button{width:auto;min-width:112px;padding:10px 12px;font-size:10px}
.pricing-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;border-top:1px solid #262a2c;border-bottom:1px solid #262a2c;padding-top:70px;padding-bottom:70px}.pricing-note h2{font-size:42px;margin:15px 0 0}.grant-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grant-line{position:absolute;left:9px;right:9px;top:6px;height:1px;background:#343a3c;display:flex;justify-content:space-between}.grant-line i{width:13px;height:13px;margin-top:-6px;border:1px solid #5b6264;border-radius:50%;background:#0b0d0f}.grant-line i.active{background:#d3d7d8;border-color:#d3d7d8;box-shadow:0 0 18px rgba(210,215,216,.34)}.grant-item{position:relative;padding-top:24px;color:#777f82;font:9px "DM Mono"}.grant-item b{display:block;color:#d6dadb;font:12px "DM Mono";margin-bottom:5px}.pricing-note>p{grid-column:2;color:#858d90;font-size:12px;line-height:1.7;margin:0;max-width:620px}
.reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.14s}.reveal:nth-child(4){transition-delay:.2s}
@media(max-width:900px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-note{grid-template-columns:1fr;gap:35px}.pricing-note>p{grid-column:auto}}
@media(max-width:620px){.plans{grid-template-columns:1fr}.pricing-rule{justify-content:flex-start;gap:10px;flex-direction:column}.pricing-note h2{font-size:34px}.grant-timeline{gap:4px}.plan-card{min-height:365px}}
@media(prefers-reduced-motion:reduce){.reveal{transition:none}.plan-card,.feature-card{transition:none}}

/* Compact logo worlds around a spiral galaxy; orbit transforms come from one RAF loop. */
.hero-signal.galaxy{height:620px;min-width:0;overflow:visible;touch-action:pan-y}
.galaxy-core{width:236px;height:236px;margin:-118px;z-index:3;border:0!important;border-radius:50%;background:radial-gradient(circle,#fff 0 1.4%,rgba(255,250,235,.96) 2% 3%,rgba(255,228,182,.62) 4% 8%,rgba(160,195,255,.15) 14%,transparent 30%)!important;box-shadow:0 0 26px rgba(255,239,208,.72),0 0 86px rgba(169,205,255,.18)!important;animation:core-breathe 5s ease-in-out infinite}
.galaxy-core:before,.galaxy-core:after{content:"";position:absolute;border:0!important;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 10%,rgba(202,224,255,.84) 12%,transparent 15% 28%,rgba(255,220,177,.8) 31%,transparent 35% 48%,rgba(195,220,255,.75) 52%,transparent 56% 69%,rgba(255,239,213,.86) 73%,transparent 77% 90%,rgba(172,204,255,.8) 93%,transparent 97%)!important;filter:blur(5px);transform:rotate(-20deg) scaleY(.42);box-shadow:none!important}
.galaxy-core:before{inset:9px!important;opacity:.88}
.galaxy-core:after{inset:31px!important;transform:rotate(24deg) scaleY(.48);filter:blur(2px);opacity:.94}
.galaxy-swirl{display:block!important;inset:62px!important;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,rgba(255,236,203,.85) 9%,transparent 26%),conic-gradient(from 70deg,transparent 0 17%,rgba(201,224,255,.9) 20%,transparent 26% 48%,rgba(255,218,172,.8) 52%,transparent 58% 78%,rgba(201,224,255,.8) 83%,transparent 90%)!important;filter:blur(1.5px);transform:rotate(-18deg) scaleY(.42);z-index:2}
.galaxy-core small{top:calc(50% - 7px)!important;left:50%;transform:translate(-50%,-50%);z-index:4;color:#fff!important;letter-spacing:.18em;text-shadow:0 0 15px rgba(255,236,208,.8)}
.galaxy-dust{z-index:2}
.galaxy-particle{box-shadow:0 0 4px currentColor,0 0 10px currentColor}
.model-planet{width:48px!important;height:48px!important;margin:-24px 0 0 -24px!important;border:0;border-radius:50%;display:grid!important;place-items:center!important;overflow:visible;box-shadow:inset -8px -9px 13px rgba(0,0,0,.72),inset 4px 4px 8px rgba(255,255,255,.32),0 0 17px color-mix(in srgb,currentColor,transparent 56%);transition:filter .25s ease}
.model-planet:before{inset:0!important;border-radius:50%;z-index:-1;box-shadow:none!important}
.model-planet img{width:25px!important;height:25px!important;flex:none!important;object-fit:contain;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;filter:brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0,0,0,.65))!important;mix-blend-mode:normal!important}
.planet-gemini img{filter:drop-shadow(0 1px 5px rgba(0,0,0,.55))!important}
.planet-codex img{width:27px!important;height:27px!important}
.model-planet span{display:none!important}
.planet-claude{color:#f2a27e}.planet-claude:before{background:radial-gradient(circle at 31% 24%,#ffd4b9 0 7%,transparent 20%),radial-gradient(circle at 38% 35%,#ef9b76,#a94d3c 58%,#201315 100%)!important}
.planet-codex{color:#a9b9ff}.planet-codex:before{background:radial-gradient(circle at 31% 24%,#e8edff 0 7%,transparent 20%),radial-gradient(circle at 38% 35%,#879aff,#3546a1 58%,#11152b 100%)!important}
.planet-gemini{color:#9ad9ff}.planet-gemini:before{background:radial-gradient(circle at 31% 24%,#fff 0 7%,transparent 20%),radial-gradient(circle at 38% 35%,#77ccff,#4059c7 58%,#11183a 100%)!important}
.planet-grok{color:#e5e9ed}.planet-grok:before{background:radial-gradient(circle at 31% 24%,#fff 0 7%,transparent 20%),radial-gradient(circle at 38% 35%,#87929a,#343b41 58%,#080a0c 100%)!important}
.model-planet:hover{filter:brightness(1.22)}
.galaxy-orbit{display:none!important}
.galaxy-core small{font-size:8px!important}
.planet-claude img,.planet-codex img,.planet-grok img{filter:brightness(0) invert(1) drop-shadow(0 1px 5px rgba(0,0,0,.55))!important}
.planet-gemini img{filter:drop-shadow(0 1px 5px rgba(0,0,0,.55))!important}
.page-starfield{z-index:0!important;overflow:hidden;inset:0!important;pointer-events:none}
.landing>*:not(.page-starfield){position:relative;z-index:1}
@media(max-width:1050px){.hero-signal.galaxy{height:560px;max-width:760px;margin:0 auto}}
@media(max-width:800px){.hero-signal.galaxy{height:420px}.galaxy-core{width:172px;height:172px;margin:-86px}.galaxy-core:after{inset:24px!important}.galaxy-swirl{inset:46px!important}.model-planet{width:38px!important;height:38px!important;margin:-19px 0 0 -19px!important}.model-planet img{width:20px!important;height:20px!important}.planet-codex img{width:22px!important;height:22px!important}}
@media(prefers-reduced-motion:reduce){.galaxy-core{animation:none}.model-planet{transition:none}}

/* Final Astra-inspired composition: the galaxy is a particle spiral, not a flat disk. */
.landing{position:relative;isolation:isolate;overflow:hidden}
.page-starfield{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.page-star{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#eef7ff;box-shadow:0 0 6px rgba(211,232,255,.95),0 0 16px rgba(168,205,255,.38);opacity:.6;animation:page-star-twinkle 4.5s ease-in-out var(--delay) infinite;will-change:transform}
.page-star:nth-child(4n){background:#ffe4b3}.page-star:nth-child(7n){background:#b9e6ff}.page-star:nth-child(11n){opacity:.92}
.galaxy-dust{position:absolute;left:50%;top:50%;width:1px;height:1px;z-index:2;pointer-events:none;transform-style:preserve-3d;animation:galaxy-turn 36s linear infinite}
.galaxy-particle{position:absolute;left:0;top:0;width:var(--size);height:var(--size);border-radius:50%;background:hsl(var(--hue) 92% 88%);opacity:var(--alpha);box-shadow:0 0 5px currentColor,0 0 13px currentColor;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--radius)) scale(calc(.65 + var(--alpha) * .45));}
.galaxy-particle:nth-child(5n){filter:blur(.45px)}
.galaxy-core{width:132px;height:132px;margin:-66px;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff 0 3%,rgba(255,243,212,.96) 4% 8%,rgba(255,197,119,.7) 10% 17%,rgba(145,190,255,.22) 25%,transparent 46%)!important;box-shadow:0 0 30px rgba(255,218,161,.88),0 0 95px rgba(116,174,255,.32)!important;animation:core-breathe 4s ease-in-out infinite}
.galaxy-core:before{inset:-34px!important;border:0!important;background:conic-gradient(from 20deg,transparent 0 12%,rgba(255,220,160,.8) 18% 25%,transparent 31% 43%,rgba(155,211,255,.72) 49% 56%,transparent 64% 78%,rgba(255,238,204,.72) 84% 91%,transparent)!important;filter:blur(9px)!important;transform:rotate(-20deg) scaleY(.36)!important;box-shadow:none!important}
.galaxy-core:after{inset:-12px!important;border:1px solid rgba(255,225,181,.48)!important;background:none!important;box-shadow:0 0 30px rgba(255,198,123,.35)!important;transform:rotate(-18deg) scaleY(.46)!important;filter:none!important}
.galaxy-swirl{display:none}
.galaxy-core:before{content:"";position:absolute;inset:-34px!important;border:0!important;background:conic-gradient(from 20deg,transparent 0 12%,rgba(255,220,160,.8) 18% 25%,transparent 31% 43%,rgba(155,211,255,.72) 49% 56%,transparent 64% 78%,rgba(255,238,204,.72) 84% 91%,transparent)!important;filter:blur(9px)!important;transform:rotate(-20deg) scaleY(.36)!important;box-shadow:none!important}
.galaxy-core:after{content:"";position:absolute;inset:-12px!important;border:1px solid rgba(255,225,181,.48)!important;background:transparent!important;box-shadow:0 0 30px rgba(255,198,123,.35)!important;transform:rotate(-18deg) scaleY(.46)!important;filter:none!important}
.planet-claude img,.planet-gemini img{filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.45))!important}
.planet-codex img{filter:none!important;mix-blend-mode:normal}
.model-planet{width:78px;height:78px;margin:-39px 0 0 -39px;display:grid;place-items:center;gap:0;isolation:isolate;transform-origin:center;will-change:transform;transition:filter .3s ease}
.model-planet:before{inset:0!important;border-radius:50%;box-shadow:inset -15px -14px 19px rgba(0,0,0,.7),inset 7px 5px 10px rgba(255,255,255,.3),0 0 22px color-mix(in srgb,currentColor,transparent 60%)!important}
.model-planet img{width:44px;height:44px;object-fit:contain;border:0;border-radius:0;padding:0;background:transparent!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))!important;z-index:2}
.planet-codex img{width:49px;height:49px;mix-blend-mode:multiply}
.planet-grok img{filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.5))!important}
.model-planet span{top:88px!important;white-space:nowrap;font-size:10px;text-shadow:0 2px 12px #050607}
.model-planet:hover{filter:brightness(1.18);transform:scale(1.08)}
@keyframes galaxy-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes page-star-twinkle{0%,100%{opacity:.35}50%{opacity:.95}}
@media(max-width:800px){.model-planet{width:58px;height:58px;margin:-29px 0 0 -29px}.model-planet img{width:33px;height:33px}.planet-codex img{width:37px;height:37px}.model-planet span{top:66px!important;font-size:8px}.galaxy-core{width:98px;height:98px;margin:-49px}.galaxy-core:before{inset:-24px!important}}
@media(prefers-reduced-motion:reduce){.galaxy-dust,.page-star,.galaxy-core{animation:none}.model-planet{transition:none}}

/* Final galaxy pass: crisp core and readable model worlds. */
.galaxy-core{width:150px;height:150px;margin:-75px;z-index:3;filter:none;}
.galaxy-core:before,.galaxy-core:after{inset:9px;background:none;filter:none;transform:none;border-radius:50%;}
.galaxy-core:before{border:1px solid rgba(255,232,196,.72);box-shadow:0 0 18px rgba(255,194,116,.42),inset 0 0 28px rgba(255,181,104,.2);}
.galaxy-core:after{inset:20px;background:radial-gradient(circle at 50% 50%,#fff 0 4%,#ffe5bd 5% 9%,rgba(255,188,106,.8) 11% 18%,transparent 34%),conic-gradient(from 12deg,transparent 0 8%,rgba(255,215,166,.92) 13% 18%,transparent 23% 34%,rgba(154,207,255,.86) 40% 47%,transparent 55% 68%,rgba(255,235,195,.9) 75% 82%,transparent 90%);transform:rotate(-22deg) scaleY(.52);filter:blur(1px);box-shadow:0 0 26px rgba(255,207,143,.72);}
.galaxy-swirl{inset:34px;background:radial-gradient(circle,#fff 0 8%,#cfe6ff 10% 16%,transparent 25%),conic-gradient(from 80deg,transparent 0 15%,#fff4dd 22% 28%,transparent 36% 48%,#a9d9ff 55% 62%,transparent 70% 84%,#ffd09b 90% 96%);transform:rotate(18deg) scaleY(.34);filter:none;opacity:.95;}
.galaxy-core small{top:-27px;color:#b3c0bb;}
.model-planet{gap:9px;font-size:10px;text-shadow:0 1px 12px #050607;}
.model-planet img{width:42px;height:42px;flex:0 0 42px;object-fit:contain;border:1px solid rgba(255,255,255,.5);border-radius:50%;padding:5px;filter:drop-shadow(0 0 11px currentColor);}
.planet-claude img{background:#d97552;}
.planet-codex img{background:#f7f8ff;}
.planet-gemini img{background:#f7f8ff;padding:3px;}
.planet-grok img{background:#07090a;}
.planet-claude,.planet-grok{--radius:128px;}
.planet-codex{--radius:178px;}
.planet-gemini{--radius:210px;}
.model-planet:hover{z-index:8;}
@media(max-width:800px){.galaxy-core{width:112px;height:112px;margin:-56px}.galaxy-core:after{inset:15px}.galaxy-swirl{inset:25px}.model-planet{font-size:8px}.model-planet img{width:31px;height:31px;flex-basis:31px;padding:4px}.planet-claude,.planet-grok{--radius:98px}.planet-codex{--radius:138px}.planet-gemini{--radius:160px}}

/* Keep each model mark round while the orbit planes carry the perspective. */
.planet-claude,.planet-codex,.planet-gemini,.planet-grok{transform:rotateZ(var(--orbit-angle)) translateX(var(--radius)) rotateZ(calc(var(--orbit-angle) * -1)) rotateY(var(--mouse-x)) rotateX(var(--mouse-y));}

/* Larger orbital stage: the planets remain circular, while the rings carry the depth. */
.hero{grid-template-columns:.82fr 1.18fr;gap:28px;max-width:1480px;}
.hero-signal.galaxy{height:650px;min-width:650px;overflow:visible;}
.galaxy-stars{inset:2%;opacity:.95;background-size:150px 130px,190px 165px,170px 145px,230px 190px,165px 145px,130px 110px;}
.galaxy-orbit-a{width:350px;height:350px;margin:-175px;}
.galaxy-orbit-b{width:500px;height:280px;margin:-140px -250px;}
.galaxy-orbit-c{width:590px;height:390px;margin:-195px -295px;}
.galaxy-core{width:190px;height:190px;margin:-95px;}
.galaxy-core:before{inset:8px;}
.galaxy-core:after{inset:30px;}
.galaxy-swirl{inset:43px;}
.galaxy-core small{top:-34px;}
.model-planet{font-size:12px;gap:12px;}
.model-planet img{width:66px;height:66px;flex-basis:66px;padding:8px;border-width:1px;}
.planet-claude img{background:#d97552;}
.planet-codex img{background:#eef0ff;padding:7px;}
.planet-gemini img{background:#f9fbff;padding:15px;}
.planet-grok img{background:#050607;padding:12px;}
.planet-claude,.planet-grok{--radius:170px;}
.planet-codex{--radius:242px;}
.planet-gemini{--radius:285px;}
@media(max-width:1050px){.hero{grid-template-columns:1fr;}.hero-signal.galaxy{min-width:0;width:100%;height:600px;max-width:760px;margin:0 auto;}.hero-copy{max-width:720px;}}
@media(max-width:800px){.hero-signal.galaxy{height:430px;min-width:0}.galaxy-orbit-a{width:245px;height:245px;margin:-122px}.galaxy-orbit-b{width:350px;height:195px;margin:-97px -175px}.galaxy-orbit-c{width:410px;height:275px;margin:-137px -205px}.galaxy-core{width:130px;height:130px;margin:-65px}.galaxy-core:after{inset:21px}.galaxy-swirl{inset:30px}.model-planet{font-size:9px;gap:6px}.model-planet img{width:43px;height:43px;flex-basis:43px;padding:6px}.planet-gemini img{padding:9px}.planet-grok img{padding:8px}.planet-claude,.planet-grok{--radius:115px}.planet-codex{--radius:163px}.planet-gemini{--radius:194px}}
/* Final interaction layer must stay after the legacy galaxy overrides. */
.galaxy-starfield{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translate3d(var(--field-x,0),var(--field-y,0),0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.gravity-star{position:absolute;left:var(--sx);top:var(--sy);width:var(--sd);height:var(--sd);border-radius:50%;background:#f7fbff;box-shadow:0 0 7px rgba(197,226,255,.9),0 0 18px rgba(173,205,255,.28);opacity:.64;transform:translate3d(var(--pull-x,0),var(--pull-y,0),0) scale(1);animation:gravity-twinkle 4s ease-in-out var(--delay) infinite;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.gravity-star:nth-child(3n){background:#ffe8bf}.gravity-star:nth-child(5n){background:#b8ddff}.gravity-star:nth-child(7n){opacity:.9}
.model-planet{width:104px;height:104px;margin:-52px 0 0 -52px;display:grid;place-items:center;gap:0;isolation:isolate}
.model-planet:before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;box-shadow:inset -18px -16px 24px rgba(0,0,0,.72),inset 8px 6px 15px rgba(255,255,255,.24),0 0 25px color-mix(in srgb,currentColor,transparent 65%);background:radial-gradient(circle at 33% 25%,rgba(255,255,255,.65),transparent 13%),radial-gradient(circle at 38% 35%,color-mix(in srgb,currentColor,white 25%),currentColor 48%,#101316 100%)}
.model-planet img{width:58px;height:58px;object-fit:contain;border:0;border-radius:0;padding:0;filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.45));background:transparent;z-index:2}.planet-claude img,.planet-gemini img{filter:none}.planet-codex img{width:63px;height:63px;mix-blend-mode:multiply;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.planet-grok img{filter:brightness(0) invert(1) drop-shadow(0 2px 5px rgba(0,0,0,.6))}.model-planet span{position:absolute;top:112px;left:50%;transform:translateX(-50%);text-shadow:0 2px 10px #050607;z-index:3}
.planet-claude:before{background:radial-gradient(circle at 32% 24%,#ffd3b3 0 8%,transparent 18%),radial-gradient(circle at 38% 35%,#e89069,#a94738 55%,#241516 100%)}.planet-codex:before{background:radial-gradient(circle at 32% 24%,#e6eeff 0 8%,transparent 18%),radial-gradient(circle at 38% 35%,#738dff,#3547a5 55%,#11152c 100%)}.planet-gemini:before{background:radial-gradient(circle at 32% 24%,#eaf4ff 0 8%,transparent 18%),radial-gradient(circle at 38% 35%,#4ec8ff,#4059d4 55%,#11183d 100%)}.planet-grok:before{background:radial-gradient(circle at 32% 24%,#fff 0 8%,transparent 18%),radial-gradient(circle at 38% 35%,#818b93,#343b41 55%,#07090b 100%)}
@keyframes gravity-twinkle{0%,100%{opacity:.42}50%{opacity:.95}}
@media(max-width:800px){.model-planet{width:76px;height:76px;margin:-38px 0 0 -38px}.model-planet img{width:43px;height:43px}.planet-codex img{width:47px;height:47px}.model-planet span{top:82px}}
@media(prefers-reduced-motion:reduce){.gravity-star{animation:none;transition:none}.galaxy-starfield{transition:none}}

.model-planet{animation:none!important}

/* The center is a transparent anchor; the spiral is made from stars, not a disk. */
.galaxy-core{width:22px!important;height:22px!important;margin:-11px!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle,#fff 0 12%,rgba(255,248,224,.98) 18%,rgba(255,211,143,.55) 34%,rgba(173,207,255,.18) 55%,transparent 74%)!important;box-shadow:0 0 14px rgba(255,231,187,.82),0 0 32px rgba(170,207,255,.22)!important;animation:core-breathe 4s ease-in-out infinite!important;transform:none!important}
.galaxy-core:before,.galaxy-core:after,.galaxy-swirl,.galaxy-core small{display:none!important}
.hero-signal.galaxy:after{display:none!important}
.galaxy-stars{display:none!important}
.galaxy-dust{animation:galaxy-turn 42s linear infinite!important}
.galaxy-particle{box-shadow:0 0 4px currentColor,0 0 9px currentColor!important}
.galaxy-particle{transform:translate(-50%,-50%) translate3d(var(--pull-x,0px),var(--pull-y,0px),0) rotate(var(--angle)) translateX(var(--radius)) scale(calc(.65 + var(--alpha) * .45))!important;transition:transform .16s ease-out}
@media(max-width:800px){.galaxy-core{width:18px!important;height:18px!important;margin:-9px!important}}

/* Single interactive galaxy layer. Keep the core luminous and transparent; stars carry the form. */
.hero-signal.galaxy{height:650px;min-width:0;overflow:hidden;cursor:crosshair;background:transparent!important}
.galaxy-dust{z-index:2;pointer-events:none;animation:galaxy-turn 48s linear infinite!important}
.galaxy-particle{transform:translate3d(calc(var(--base-x) + var(--pull-x, 0px)),calc(var(--base-y) + var(--pull-y, 0px)),0) translate(-50%,-50%) scale(calc(.65 + var(--alpha) * .45))!important;transition:none!important;will-change:transform}
.galaxy-core{width:12px!important;height:12px!important;margin:-6px!important;border:0!important;background:radial-gradient(circle,#fff 0 18%,rgba(255,247,220,.95) 25%,rgba(255,208,142,.5) 42%,transparent 76%)!important;box-shadow:0 0 18px rgba(255,231,187,.85),0 0 48px rgba(157,201,255,.24)!important;animation:core-breathe 4s ease-in-out infinite!important}
.galaxy-core:before,.galaxy-core:after,.galaxy-core small,.galaxy-swirl{display:none!important}
.galaxy-orbit,.galaxy-stars,.model-planet,.galaxy-starfield,.gravity-star{display:none!important}
@media(max-width:800px){.hero-signal.galaxy{height:430px}.galaxy-core{width:10px!important;height:10px!important;margin:-5px!important}}

/* The navigation floats over every page; the atmosphere must remain continuous underneath it. */
.site-header,
#app:has(.landing)>.site-header,
#app:has(.pricing-page)>.site-header {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.cosmic-layer {
  position: fixed;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  contain: paint;
  pointer-events: none;
  opacity: .66;
}
.cosmic-stars { position: absolute; inset: 0; }
.cosmic-layer.is-suppressed { display: none; }
.cosmic-layer.is-suppressed .cosmic-stars { display: none; }
.cosmic-star {
  position: absolute;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #eef7ff;
  box-shadow: 0 0 7px rgba(206,231,255,.9), 0 0 18px rgba(162,201,255,.28);
  opacity: .42;
  transform: translate3d(calc(var(--pointer-x, 0px) + var(--drift-x)), calc(var(--pointer-y, 0px) + var(--drift-y)), 0) scale(var(--pointer-scale, 1));
  animation: cosmic-twinkle 5.5s ease-in-out var(--delay) infinite;
}
.cosmic-star:nth-child(4n) { background: #ffe5bd; }
.cosmic-star:nth-child(7n) { background: #bce7ff; }
.cosmic-star:nth-child(11n) { opacity: .7; }
.cosmic-shooting-star {
  position: absolute;
  top: 8%;
  left: 72%;
  width: 108px;
  height: 1px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255,236,190,.95), transparent);
  box-shadow: 0 0 10px rgba(255,220,161,.8);
  transform: rotate(28deg);
  animation: cosmic-shoot 11s cubic-bezier(.16,.72,.24,1) 2s infinite;
}
@keyframes cosmic-twinkle {
  0%, 100% { opacity: .22; }
  48% { opacity: .72; }
  56% { opacity: .42; }
}
@keyframes cosmic-shoot {
  0%, 76% { opacity: 0; transform: translate3d(0, 0, 0) rotate(28deg) scaleX(.35); }
  79% { opacity: .9; }
  88% { opacity: .72; }
  100% { opacity: 0; transform: translate3d(-52vw, 68vh, 0) rotate(28deg) scaleX(1.1); }
}
@media (max-width: 800px) {
  .cosmic-layer { opacity: .48; }
  .cosmic-star:nth-child(n+65) { display: none; }
  .cosmic-shooting-star { top: 16%; left: 80%; width: 78px; }
}
@media (prefers-reduced-motion: reduce) {
  .cosmic-star { animation: none; transform: none; }
  .cosmic-shooting-star { animation: none; opacity: .25; }
}

/* Three.js hero surface. Keep it transparent so the galaxy is part of the hero, not a separate window. */
.galaxy-renderer {
  display: block;
  filter: drop-shadow(0 0 3px rgba(255,255,255,.78)) drop-shadow(0 0 12px rgba(180,205,255,.38));
}
body.light-theme .galaxy-renderer {
  filter: invert(1) brightness(.86) contrast(.94);
}
#galaxy-hero.galaxy-container{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:clamp(430px,46vw,650px)!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate;
  cursor:grab;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#galaxy-hero.galaxy-container:before,
#galaxy-hero.galaxy-container:after{display:none!important;content:none!important}
#galaxy-hero.galaxy-container>*{display:block!important;visibility:visible!important}
#galaxy-hero.galaxy-container canvas{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  pointer-events:auto!important;
}
@media(max-width:1050px){#galaxy-hero.galaxy-container{height:min(600px,78vw)!important;min-height:420px!important}}
@media(max-width:800px){#galaxy-hero.galaxy-container{height:430px!important;min-height:0!important}}

/* The galaxy is a full-bleed hero layer, with copy and controls above it. */
.landing{overflow:visible}
#app:has(.landing)>.site-header{background:#070809;}
.hero{position:relative;overflow:visible;isolation:isolate;min-height:650px}
.hero-copy{position:relative;z-index:2}
#galaxy-hero.galaxy-container{
  position:absolute!important;
  z-index:0!important;
  isolation:auto!important;
  top:-70px!important;
   right:0!important;
  bottom:-70px!important;
  left:31%!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
   overflow:hidden!important;
  pointer-events:auto!important;
}
#galaxy-hero.galaxy-container canvas{overflow:visible!important}
@media(max-width:1050px){
  .hero{min-height:0}
  #galaxy-hero.galaxy-container{position:relative!important;inset:auto!important;width:100%!important;height:min(600px,78vw)!important;min-height:420px!important;z-index:0!important}
}
@media(max-width:800px){
  #galaxy-hero.galaxy-container{height:430px!important;min-height:0!important}
}

/* Premium product demo and routing map. */
.agent-strip{display:flex;align-items:center;gap:8px;margin:22px 0 7px;padding:8px 10px;border:1px solid #202c2b;border-radius:5px;background:linear-gradient(90deg,#0d1514,#0a0d0e);color:#c9d2cc;font:10px "DM Mono"}.agent-strip small{display:block;margin-top:3px;color:#63746e;font-size:8px}.agent-strip button{margin-left:auto;border:0;background:transparent;color:#d3a15f;font:9px "DM Mono";cursor:pointer}.agent-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:11px "Manrope";font-weight:800}.agent-claude{background:#d97652;color:#241510}.agent-codex{background:#eef3ff;color:#334b9b}.balance-mini{padding:11px 0 14px;border-bottom:1px solid #20292a;color:#82908b;font:9px "DM Mono"}.balance-mini b{display:block;margin:5px 0 4px;color:#eef1eb;font:700 20px "Manrope"}.balance-mini small{color:#586762;font-size:8px}.balance-mini i{display:block;height:3px;margin-top:11px;border-radius:9px;background:#172420;overflow:hidden}.balance-mini u{display:block;width:62%;height:100%;background:linear-gradient(90deg,#61c8aa,#d3a15f);text-decoration:none}.side-label-route{margin-top:18px}.demo-window-premium .demo-side{overflow:hidden}.demo-window-premium .demo-main{min-width:0}.demo-window-premium .terminal-lines{overflow:auto;max-height:142px}.demo-window-premium .demo-composer{z-index:2}.demo-window-premium .demo-composer input{min-width:0}.demo-window-premium .demo-bar{position:relative}.demo-window-premium .demo-live{color:#73d3b2}.demo-window-premium .workspace-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-window-premium{background:#080a0b;border-color:#2f393b;border-radius:10px;box-shadow:0 38px 120px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025);}
.demo-window-premium .demo-content{grid-template-columns:46px 190px minmax(0,1fr) 235px;min-height:430px;background:#090b0c}
.demo-window-premium .demo-rail{background:#080a0b;border-right-color:#1e2628}
.demo-window-premium .demo-rail button{border:0;background:transparent;color:#53605e;cursor:pointer;font:14px "DM Mono";padding:0;transition:color .2s,transform .2s}
.demo-window-premium .demo-rail button:hover,.demo-window-premium .demo-rail button.rail-on{color:var(--amber);transform:scale(1.12)}
.demo-sidebar{display:flex;flex-direction:column;gap:9px;border-right:1px solid #1e2628;padding:17px 12px;color:#7b8784;font:10px "DM Mono"}
.side-heading{display:flex;justify-content:space-between;color:#9ca7a2;font-size:9px;margin-bottom:6px}.side-heading button{border:0;background:transparent;color:var(--amber);font:16px "DM Mono";cursor:pointer}
.workspace-item{border:1px solid transparent;border-radius:4px;padding:10px 9px;cursor:pointer;transition:.2s}.workspace-item:hover,.workspace-item.active{border-color:#354341;background:#111a18;color:#e1e5df}.workspace-item small{display:block;color:#98a39f;font-size:8px;margin-top:5px;opacity:.7}
.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;border-top:1px solid #20292a;padding-top:13px;color:#c0c7c1}.sidebar-bottom small{display:block;color:#5c6966;font-size:8px;margin-top:3px}.profile-avatar{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--amber);color:#18130d;font:9px "DM Mono"}
.demo-window-premium .demo-main{padding:22px 24px}.demo-window-premium .demo-heading{position:relative;margin-top:27px}.demo-state{color:var(--teal);font:9px "DM Mono"}.demo-window-premium .terminal-lines{min-height:142px;margin-top:25px}.demo-window-premium .demo-side{background:#0a0d0e;padding:22px 15px}.demo-window-premium .route-card{width:100%;text-align:left;background:transparent;cursor:pointer;transition:.2s}.demo-window-premium .route-card:hover,.demo-window-premium .route-card.active{background:#101f1b;border-color:#4b7467;transform:translateX(-3px)}.demo-window-premium .route-card.active>i{background:var(--teal)}.demo-window-premium .side-stat small{display:block;color:#638c80;font:9px "DM Mono";margin-top:7px}
.model-select{border:0;background:#192223;color:#aebbb4;padding:9px;font:10px "DM Mono";cursor:pointer}.model-select i{color:#75827c;font-style:normal}.send-button{border:0;background:var(--amber);color:#19130d;width:32px;height:32px;border-radius:4px;font-size:17px;font-weight:800;cursor:pointer;transition:.2s}.send-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(240,173,88,.25)}.user-line{display:block;color:#f0eee8;margin-top:9px}.demo-caption small{color:#7c8882}.route-visual-interactive{min-height:355px;height:355px;border:1px solid #1f2b2c;border-radius:8px;background:linear-gradient(145deg,#090c0d,#060708);overflow:hidden;isolation:isolate}.route-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(116,160,152,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(116,160,152,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.route-visual-interactive .route-center{left:40px;top:147px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:5px;border-color:#526b62;background:#0d1513;padding:14px 18px;color:#e4e9e3;box-shadow:0 0 30px rgba(94,198,171,.08);transition:.3s}.route-center small{color:#67857b;font:8px "DM Mono"}.node-pulse{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px rgba(102,216,189,.08),0 0 18px var(--teal)}.route-visual-interactive .route-path{left:205px;z-index:2;cursor:pointer;padding:8px 11px;border:1px solid transparent;border-radius:4px;transition:.25s}.route-visual-interactive .route-path:before{width:90px;background:linear-gradient(90deg,#4a685f,var(--teal))}.route-visual-interactive .route-path:hover,.route-visual-interactive .route-path.route-selected{border-color:#527568;background:#10201c;transform:translateX(5px)}.route-visual-interactive .path-a{top:66px}.route-visual-interactive .path-b{top:145px}.route-visual-interactive .path-c{top:224px}.route-hint{position:absolute;right:18px;bottom:14px;color:#50635f;font:9px "DM Mono"}.feature-card{cursor:pointer;transition:border-color .3s,transform .3s,background .3s,box-shadow .3s}.feature-card:hover,.feature-card.feature-selected{border-color:#547267;transform:translateY(-7px);background:linear-gradient(145deg,#121b1a,#080b0c);box-shadow:0 20px 55px rgba(0,0,0,.36)}.feature-card-dark{background:#0d1514}.feature-card-dark:hover,.feature-card-dark.feature-selected{background:#101d1a}
@media(max-width:1050px){.demo-window-premium .demo-content{grid-template-columns:42px 165px minmax(0,1fr)}.demo-window-premium .demo-side{display:none}.route-visual-interactive{margin-top:20px}}
@media(max-width:800px){.demo-window-premium .demo-content{grid-template-columns:38px minmax(0,1fr)}.demo-sidebar{display:none}.demo-window-premium .demo-main{padding:18px 14px}.demo-window-premium .demo-composer{left:14px;right:14px}.route-visual-interactive{min-height:300px;height:300px}.route-visual-interactive .route-center{left:18px}.route-visual-interactive .route-path{left:130px}.route-visual-interactive .route-path:before{width:35px}.route-visual-interactive .route-path span{font-size:9px}.route-hint{font-size:8px}}

/* Home atmosphere and the reserved product-film surface. */
.landing{position:relative;isolation:isolate}
.landing>*:not(.page-starfield){position:relative;z-index:1}
.page-starfield{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden;pointer-events:none}
.page-star{position:absolute;display:block;width:var(--size);height:var(--size);border-radius:50%;background:#f8fbff;box-shadow:0 0 8px rgba(214,235,255,1),0 0 21px rgba(162,201,255,.48);opacity:.8;animation:page-star-twinkle 4.5s ease-in-out var(--delay) infinite;will-change:auto}
.page-star:not(.page-star-live) { animation: none; }
.page-star:nth-child(4n){background:#ffe8c2}.page-star:nth-child(7n){background:#c1e9ff}.page-star:nth-child(11n){opacity:1}
@keyframes page-star-twinkle{0%,100%{opacity:.52}50%{opacity:1}}
.product-film{height:430px!important;display:grid!important;place-items:center;border:1px solid rgba(244,239,229,.14);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 38%,rgba(240,173,88,.07));box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);overflow:hidden}
.film-screen{position:absolute;inset:18px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:radial-gradient(circle at 70% 36%,rgba(240,173,88,.19),transparent 19%),radial-gradient(circle at 28% 70%,rgba(87,180,177,.13),transparent 25%),linear-gradient(135deg,rgba(11,15,16,.96),rgba(7,9,10,.7));border:1px solid rgba(255,255,255,.08);border-radius:4px}
.film-kicker,.film-caption{color:rgba(242,240,234,.62);font:10px "DM Mono";letter-spacing:1.2px}.film-caption{align-self:flex-end}.film-mark{margin:auto;color:#f2f0ea;font-size:25px;line-height:1.15;letter-spacing:-.7px}.film-mark em{color:var(--amber);font-style:normal}
.product-video-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;padding-top:105px;padding-bottom:125px}
.product-video-copy{max-width:430px}.product-video-copy h2{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:17px 0}.product-video-copy h2 em{color:var(--amber);font-style:normal}.product-video-copy p{color:#87908e;line-height:1.7;font-size:14px}.soon-badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 10px;border:1px solid #57432b;color:var(--amber);font:10px "DM Mono";letter-spacing:1.5px}.soon-badge i{width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}
.product-video-stage{min-height:360px;padding:16px;border:1px solid #30383a;border-radius:9px;background:#090c0d;box-shadow:0 30px 90px rgba(0,0,0,.42)}.video-stage-top,.video-stage-caption{display:flex;justify-content:space-between;color:#687671;font:9px "DM Mono";letter-spacing:.5px}.video-stage-scene{position:relative;height:270px;margin:16px 0;border:1px solid #1f2b2c;overflow:hidden;background:radial-gradient(circle at 51% 50%,rgba(240,173,88,.15),transparent 17%),linear-gradient(135deg,#0d1414,#07090a)}.scene-lines{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(124,185,169,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(124,185,169,.13) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,#000 15%,transparent 74%);animation:film-grid-drift 12s linear infinite}.scene-orb{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:78px;height:78px;margin:-39px;border:1px solid rgba(240,173,88,.64);border-radius:50%;color:var(--amber);font:15px "DM Mono";background:radial-gradient(circle at 35% 30%,#4f3b26,#111311 62%);box-shadow:0 0 55px rgba(240,173,88,.2),inset 0 0 22px rgba(240,173,88,.12);animation:film-orb-breathe 4s ease-in-out infinite}.scene-panel{position:absolute;top:30px;display:flex;flex-direction:column;gap:7px;width:155px;padding:12px;border:1px solid #293638;background:rgba(8,12,13,.9);font:8px "DM Mono";color:#65746f}.scene-panel b{color:#d5ddd6;font-weight:400}.scene-panel i{height:3px;background:linear-gradient(90deg,var(--teal) 68%,#1a2727 68%)}.scene-panel-left{left:25px}.scene-panel-right{right:25px;top:auto;bottom:30px}.scene-cursor{position:absolute;right:43%;bottom:30%;color:var(--amber);font-size:18px;animation:film-cursor 3.6s ease-in-out infinite}.video-stage-caption{color:#bdc8c0}.video-stage-caption span:last-child{color:var(--amber)}
@keyframes film-grid-drift{to{background-position:44px 44px}}@keyframes film-orb-breathe{50%{transform:scale(1.06);box-shadow:0 0 75px rgba(240,173,88,.3),inset 0 0 28px rgba(240,173,88,.15)}}@keyframes film-cursor{0%,100%{transform:translate(0,0)}50%{transform:translate(-24px,-15px)}}
@media(max-width:900px){.product-video-section{grid-template-columns:1fr;gap:35px;padding-top:75px;padding-bottom:90px}.product-video-copy{max-width:620px}.product-video-stage{min-height:320px}.video-stage-scene{height:230px}}
@media(max-width:800px){.product-film{height:350px!important}.film-screen{inset:12px;padding:16px}.film-mark{font-size:21px}.product-video-copy h2{font-size:38px}.product-video-stage{padding:12px}.video-stage-scene{height:210px}.scene-panel{width:125px;padding:9px}.scene-panel-left{left:12px}.scene-panel-right{right:12px}}

/* Final workspace direction: neutral BridgeMind-inspired graphite, no teal accents. */
:root{--teal:#aeb4b5}
.demo-window-premium .demo-live,.demo-state,.demo-status,.green-line,.demo-live,.sidebar-credits b,.demo-window-premium .route-card.active>i{color:#b8bec0!important}
.demo-window-premium .demo-live,.demo-state{color:#b8bec0!important}
.demo-window-premium .demo-live:before,.live-dot,.node-pulse,.key-status,.route-card>i,.status-label i{background:#aeb4b5!important;box-shadow:0 0 0 3px rgba(174,180,181,.1),0 0 10px rgba(174,180,181,.32)!important}
.demo-window-premium .workspace-item:hover,.demo-window-premium .workspace-item.active{border-color:#555b5d;background:#171a1b}
.demo-window-premium .route-card:hover,.demo-window-premium .route-card.active{background:#171a1b!important;border-color:#62686a!important}
.demo-window-premium .route-card.active>i{background:#d5d8d8!important}
.demo-window-premium .route-card strong,.demo-window-premium .side-stat b{color:#c7cccd!important}
.demo-window-premium .balance-mini u{background:#9da5a7!important}
.demo-window-premium .agent-strip{background:linear-gradient(90deg,#111516,#0d1011);border-color:#2c3234}
.demo-window-premium .agent-strip button,.demo-window-premium .side-heading button{color:#c4c8c8!important}
.demo-window-premium .agent-claude{background:#898d8e;color:#111!important}
.demo-window-premium .agent-codex{background:#d5d8d8;color:#2e3334!important}
.sidebar-account{margin-top:auto;border-top:1px solid #252b2d;padding-top:12px}
.sidebar-credits{padding:0 3px 12px;color:#697274;font:8px "DM Mono";letter-spacing:.7px}
.sidebar-credits b{display:block;margin-top:6px;font:700 17px "Manrope";letter-spacing:0}
.sidebar-credits small{display:block;margin-top:4px;color:#596164;font-size:8px;letter-spacing:0}
.sidebar-account .sidebar-bottom{margin-top:0;border-top:1px solid #252b2d;padding-top:12px}
.product-video-section.in-view{opacity:1;transform:none}
.product-video-section .scene-panel i{background:linear-gradient(90deg,#aeb4b5 68%,#202527 68%)}
.product-video-section .soon-badge,.product-video-section h2 em{color:#c7cbcc}
.demo-window-premium .workspace-item.active,.demo-window-premium .route-card.active,.demo-window-premium .agent-strip,.feature-card-dark,.feature-card-dark:hover,.feature-card-dark.feature-selected{background:#151819!important}
.demo-window-premium .demo-side,.demo-window-premium .demo-content{background:#0b0d0e}
.route-visual-interactive{background:linear-gradient(145deg,#0b0d0e,#070809)!important}
.route-visual-interactive .route-path:hover,.route-visual-interactive .route-path.route-selected{border-color:#5b6264;background:#171a1b}
.route-visual-interactive .route-path:before{background:linear-gradient(90deg,#4a4f51,#aeb4b5)}
.route-visual-interactive .route-center{border-color:#555b5d;background:#111415;box-shadow:0 0 30px rgba(174,180,181,.08)}

/* Explain the product in three concrete steps, with stable responsive cards. */
.landing .feature-grid{align-items:stretch}
.landing .feature-card{min-width:0;min-height:300px;background:#101214!important;border-color:#303438!important}
.landing .feature-card:hover,.landing .feature-card.feature-selected{background:#17191b!important;border-color:#747a7d!important}
.landing .feature-card .card-index{color:#8e9698;letter-spacing:.08em}
.landing .feature-card h3{max-width:280px;margin-top:54px;color:#f2f2ef;font-size:24px;line-height:1.08}
.landing .feature-card{display:flex;flex-direction:column}
.landing .feature-card:after{display:none}
.landing .feature-card p{max-width:320px;color:#a0a6a7;font-size:12px;line-height:1.65;margin:17px 0 0;padding:0}
.landing .feature-card{position:relative;cursor:pointer}
.landing .feature-card-mark{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #4a5053;border-radius:50%;color:#d3d7d8;background:radial-gradient(circle at 35% 30%,#303437,#121416 72%);font:600 10px "DM Mono";text-decoration:none;box-shadow:inset 0 0 12px rgba(255,255,255,.035),0 0 0 5px rgba(180,187,190,.025);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.landing .feature-card-corner{position:absolute;right:20px;bottom:18px;display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 9px;border:1px solid #363b3e;border-radius:20px;color:#c9cdce;background:rgba(10,12,13,.68);font:700 9px "DM Mono";text-decoration:none;letter-spacing:.035em;white-space:nowrap;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.landing .feature-card-corner-symbol{display:grid;place-items:center;width:17px;height:17px;color:#e5e7e7;font-size:14px}
.landing .feature-card-usdt{display:inline-flex;align-items:center;gap:4px;margin-left:2px;color:#b9c0c1;font-size:8px;letter-spacing:0}
.landing .feature-card-usdt>span{position:relative;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#26a17b;color:#fff;font:800 11px Manrope,system-ui,sans-serif}
.landing .feature-card-usdt>span:after{content:"";position:absolute;left:16%;top:43%;width:68%;height:28%;border:1px solid rgba(255,255,255,.92);border-radius:50%}
.landing .feature-card-mark:hover,.landing .feature-card:focus-visible .feature-card-mark{transform:scale(1.08);border-color:#aeb4b5;box-shadow:inset 0 0 14px rgba(255,255,255,.07),0 0 22px rgba(174,180,181,.12)}
.landing .feature-card-corner:hover,.landing .feature-card:focus-visible .feature-card-corner{transform:translateY(-2px);border-color:#8e9698;background:#1b1e20;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.landing .feature-card-mark:focus-visible{outline:2px solid #aeb4b5;outline-offset:4px}
.landing .feature-card-corner:focus-visible{outline:2px solid #aeb4b5;outline-offset:4px}
@media(max-width:1050px) and (min-width:801px){.landing .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .feature-card:last-child{grid-column:1/-1}}
@media(max-width:800px){.landing .feature-card{min-height:260px}.landing .feature-card h3{margin-top:48px}}

/* Keep every product surface in the graphite system; green is reserved nowhere. */
.landing .feature-card,
.landing .feature-card:hover,
.landing .feature-card.feature-selected,
.landing .feature-card-dark,
.landing .feature-card-dark:hover,
.landing .feature-card-dark.feature-selected,
.landing .quickstart-card,
.landing .docs-callout,
.landing .route-visual-interactive,
.landing .route-visual-interactive .route-center,
.landing .route-visual-interactive .route-path:hover,
.landing .route-visual-interactive .route-path.route-selected,
.landing .demo-window-premium .workspace-item.active,
.landing .demo-window-premium .workspace-item:hover,
.landing .demo-window-premium .route-card.active,
.landing .demo-window-premium .route-card:hover,
.landing .demo-window-premium .agent-strip{background:#151719!important}
.landing .feature-card:after{border-color:#34383a}
.landing .route-grid{background-image:linear-gradient(rgba(174,180,181,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(174,180,181,.09) 1px,transparent 1px)}
.landing .route-visual-interactive .route-path:before{background:linear-gradient(90deg,#4a4f51,#aeb4b5)!important}
.landing .node-pulse,
.landing .route-visual-interactive .route-path i,
.landing .route-visual-interactive .path-c i{background:#aeb4b5!important;box-shadow:0 0 0 6px rgba(174,180,181,.08),0 0 16px rgba(174,180,181,.32)!important}
.landing .demo-window-premium .terminal-lines .green-line,
.landing .demo-window-premium .demo-state,
.landing .demo-window-premium .demo-live,
.landing .demo-window-premium .side-stat small,
.landing .demo-window-premium .route-card strong{color:#b8bec0!important}
.landing .demo-window-premium .balance-mini i{background:#24282a}
.landing .demo-window-premium .balance-mini u{background:#aeb4b5!important}
.landing .demo-window-premium .route-card>i,
.landing .demo-window-premium .key-status{background:#aeb4b5!important;box-shadow:0 0 9px rgba(174,180,181,.35)!important}
.landing .demo-window-premium .demo-composer>span,
.landing .demo-window-premium .model-select{background:#202326;color:#b5bab7}
.landing .demo-window-premium .agent-claude{background:#898d8e;color:#111!important}
.landing .demo-window-premium .agent-codex{background:#d5d8d8;color:#2e3334!important}
.landing .video-stage-scene{background:radial-gradient(circle at 51% 50%,rgba(174,180,181,.12),transparent 17%),linear-gradient(135deg,#0d0f10,#070809)}
.landing .scene-lines{background-image:linear-gradient(rgba(174,180,181,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(174,180,181,.1) 1px,transparent 1px)}
.dashboard-shell .balance-card,
.dashboard-shell .quickstart-card,
.dashboard-shell .limit-bar i,
.dashboard-shell .window-grid .window-used,
.dashboard-shell .activity-icon.teal,
.dashboard-shell .key-status,
.dashboard-shell .status-label,
.dashboard-shell .mini-code,
.docs-callout,
.auth-page .auth-orbit{--teal:#aeb4b5}
.dashboard-shell .quickstart-card{background:#151719!important}
.dashboard-shell .limit-bar i{background:linear-gradient(90deg,#8d9597,#c2c7c8)!important}
.dashboard-shell .window-grid .window-used{border-color:#62686a;background:#202326;color:#c4c8c8}
.dashboard-shell .activity-icon.teal{border-color:#62686a;color:#b8bec0}
.dashboard-shell .key-status{background:#aeb4b5!important;box-shadow:0 0 9px rgba(174,180,181,.35)!important}
.dashboard-shell .mini-code{border-color:#34383a;background:#101214;color:#9da5a7}
.dashboard-shell .status-label{color:#b8bec0!important}
.docs-callout{background:#151719!important;border-left-color:#aeb4b5!important}
.docs-callout>span{color:#b8bec0!important}

/* Workspace controls use the same restrained graphite language as the shell. */
.dashboard-shell .dashboard-nav,
.dashboard-shell .dash-card,
.dashboard-shell .quickstart-card{background:#0d0f10!important;border-color:#292d30!important}
.dashboard-shell .dashboard-nav{box-shadow:1px 0 0 rgba(255,255,255,.025)}
.dashboard-shell .dash-workspace{background:#151719!important;border-color:#34383a!important}
.dashboard-shell .dash-links a:hover,
.dashboard-shell .dash-links a.active{background:#1a1d1f!important;color:#f0f1f1!important}
.dashboard-shell .dash-links a.active{box-shadow:inset 2px 0 #c4c8c9!important}
.dashboard-shell .dash-links a.active span{color:#c4c8c9!important}
.dashboard-shell .workspace-avatar,
.dashboard-shell .profile-avatar{background:#c4c8c9!important;color:#17191a!important}
.dashboard-shell .dash-profile{border-top-color:#292d30!important}
.dashboard-shell .dash-actions .button,
.dashboard-shell .balance-card .balance-bar i{background:#c4c8c9!important;color:#17191a!important}
.dashboard-shell .dash-card-head a,
.dashboard-shell .balance-foot a,
.dashboard-shell .text-button,
.dashboard-shell .arrow-link{color:#c4c8c9!important}
.dashboard-shell .dash-card strong,
.dashboard-shell .plan-status>strong{color:#f1f2f2!important}
.dashboard-shell .grant-row b,
.dashboard-shell .limit-head strong,
.dashboard-shell .activity-row strong{color:#c4c8c9!important}
.dashboard-shell .activity-icon,
.dashboard-shell .activity-icon.teal{border-color:#555b5d!important;color:#c4c8c9!important;background:#171a1b!important}
.dashboard-shell .key-status{background:#c4c8c9!important;box-shadow:0 0 9px rgba(196,200,201,.28)!important}
.dashboard-shell .key-row{border-top-color:#292d30!important}

/* Landing demo: keep the center composition, but make the account/credit block read as one footer. */
.demo-window-premium .demo-sidebar{background:#0d0f10!important;border-right-color:#292d30!important}
.demo-window-premium .sidebar-account{background:#0d0f10!important;border-top-color:#292d30!important}
.demo-window-premium .sidebar-bottom{border-top-color:#292d30!important}
.demo-window-premium .sidebar-credits b{color:#e1e4e4!important}
.demo-window-premium .profile-avatar{background:#c4c8c9!important;color:#17191a!important}
.demo-window-premium .demo-rail button.rail-on{color:#d4d7d8!important}
.demo-window-premium .agent-strip{color:#d4d7d8!important}
.demo-window-premium .agent-claude{background:#969b9d!important;color:#161819!important}
.demo-window-premium .agent-codex{background:#d8dbdc!important;color:#292d30!important}

/* Workspace finish: restrained BridgeMind-inspired graphite, no green residue. */
.demo-window-premium .demo-bar,
.demo-window-premium .demo-sidebar,
.demo-window-premium .demo-main,
.demo-window-premium .demo-side{color:#b9bec0}
.demo-window-premium .demo-live,
.demo-window-premium .demo-state,
.demo-window-premium .green-line,
.demo-window-premium .side-stat small{color:#bfc4c6!important}
.demo-window-premium .agent-strip{border-color:#303437!important;background:#111315!important}
.demo-window-premium .agent-strip button{color:#d3d6d7!important}
.demo-window-premium .demo-sidebar .workspace-item:hover,
.demo-window-premium .demo-sidebar .workspace-item.active{border-color:#454a4d!important;background:#191c1e!important;color:#eef0f0!important}
.demo-window-premium .side-heading button{color:#d4d7d8!important}
.demo-window-premium .sidebar-credits i{background:#222629!important}
.demo-window-premium .sidebar-credits u{background:#bfc4c6!important}
.demo-window-premium .demo-state .pulse,
.demo-window-premium .live-dot,
.demo-window-premium .route-card.active>i{background:#c7ccce!important;box-shadow:0 0 9px rgba(199,204,206,.3)!important}
.demo-window-premium .route-card:hover,
.demo-window-premium .route-card.active{background:#191c1e!important;border-color:#4b5053!important}
.demo-window-premium .route-card>i{background:#73797b!important}
.demo-window-premium .model-select{background:#1a1d20!important;color:#d0d4d5!important}
.demo-window-premium .send-button{background:#c7ccce!important;color:#17191a!important;box-shadow:none!important}
.demo-window-premium .send-button:hover{box-shadow:0 8px 20px rgba(199,204,206,.18)!important}
.demo-window-premium .terminal-lines .green-line{color:#c3c8ca!important}
.demo-window-premium .demo-side{background:#101214!important;border-left-color:#292d30!important}
.demo-window-premium .balance-mini i{background:#23272a!important}
.demo-window-premium .balance-mini u{background:#bfc4c6!important}
.demo-window-premium .side-stat{border-top-color:#292d30!important}
.demo-window-premium .demo-rail button:hover,
.demo-window-premium .demo-rail button.rail-on{color:#d4d7d8!important}
.demo-window-premium .agent-avatar{box-shadow:0 0 0 1px rgba(255,255,255,.14)}

.cli-header{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 0 14px;padding:8px 10px;border-bottom:1px solid #2c3134;background:#0b0d0f;color:#d9ddde;font:10px "DM Mono",monospace}
.cli-bot{position:relative;display:inline-block;width:27px;height:18px;flex:0 0 27px;background:#dce0e1;clip-path:polygon(20% 0,80% 0,80% 18%,100% 18%,100% 82%,80% 82%,80% 100%,20% 100%,20% 82%,0 82%,0 18%,20% 18%);filter:drop-shadow(0 0 8px rgba(220,224,225,.2))}
.cli-bot:before,.cli-bot:after{content:"";position:absolute;top:6px;width:3px;height:5px;background:#111416}.cli-bot:before{left:7px}.cli-bot:after{right:7px}
.cli-bot i{position:absolute;bottom:-4px;width:2px;height:6px;background:#aeb4b6}.cli-bot i:nth-child(1){left:5px}.cli-bot i:nth-child(2){left:12px}.cli-bot i:nth-child(3){right:5px}
.cli-bot.claude-bot{background:#ea5265;filter:drop-shadow(0 0 9px rgba(234,82,101,.2))}.cli-bot.claude-bot:before,.cli-bot.claude-bot:after{background:#24161a}.cli-bot.codex-bot{background:#c6d0d6}
.cli-identity{display:grid;gap:3px;min-width:0}.cli-identity b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cli-identity small{color:#8b9498;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cli-metrics{margin-left:auto;display:grid;justify-items:end;gap:3px;color:#cbd0d2}.cli-metrics small{color:#7d878b;font-size:8px}
.demo-window-premium .terminal-lines{max-height:184px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3d4447 transparent}.demo-window-premium .terminal-lines>span{animation:terminal-line-in .28s ease both}.demo-window-premium .terminal-lines .dim-line{color:#7c878a}.demo-window-premium .terminal-lines .green-line{color:#cbd0d2}.demo-window-premium .terminal-lines .user-line{color:#edf0f0}
@keyframes terminal-line-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:800px){.cli-header{margin-bottom:10px}.cli-identity small{max-width:190px}.cli-metrics{display:none}.cli-bot{transform:scale(.9)}}

/* Model switcher: the demo should feel like a usable control, not a screenshot. */
.demo-window-premium .demo-composer{z-index:8}
.model-picker{position:relative;flex:0 0 auto}
.demo-window-premium .model-select{min-width:126px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #34393c;border-radius:4px;transition:background .2s,border-color .2s,transform .2s}
.demo-window-premium .model-select:hover,.demo-window-premium .model-select[aria-expanded="true"]{background:#292d30!important;border-color:#6b7275;transform:translateY(-1px)}
.model-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:20;width:226px;padding:5px;border:1px solid #383e41;border-radius:6px;background:#111416;box-shadow:0 18px 45px rgba(0,0,0,.48);opacity:0;pointer-events:none;transform:translateY(7px) scale(.98);transform-origin:bottom left;transition:opacity .18s ease,transform .18s ease}
.model-menu.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.model-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:0;border-radius:4px;background:transparent;color:#aeb4b6;text-align:left;font:10px "DM Mono",monospace;cursor:pointer;transition:background .18s,color .18s}
.model-menu button:hover,.model-menu button.selected{background:#24282b;color:#f0f2f2}
.model-menu small{color:#697175;font:8px "DM Mono",monospace}
.model-menu button.selected small{color:#c9ced0}
.demo-window-premium .demo-side{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b4144 transparent}
.demo-window-premium .route-card{min-height:49px}
@media(max-width:1050px){.demo-window-premium .demo-side{overflow:visible}}
@media(max-width:800px){.model-menu{width:205px}.demo-window-premium .model-select{min-width:112px}.demo-window-premium .demo-composer{gap:6px}}

/* Keep terminal output inside its own viewport above the fixed composer. */
.demo-window-premium .demo-main{display:flex;flex-direction:column;min-height:430px;box-sizing:border-box;padding-bottom:88px}
.demo-window-premium .terminal-lines{flex:0 0 106px;height:106px;min-height:0;max-height:106px;margin-bottom:0;box-sizing:border-box;overscroll-behavior:contain}
.demo-window-premium .demo-composer{bottom:20px}
@media(max-width:800px){.demo-window-premium .demo-main{min-height:430px;padding-bottom:82px}.demo-window-premium .terminal-lines{flex-basis:92px;height:92px;min-height:0;max-height:92px}}

/* Keep the live terminal output attached to the prompt composer. */
.demo-window-premium .demo-main{position:relative;display:block;padding-bottom:0}
.demo-window-premium .terminal-lines{position:absolute;left:24px;right:24px;bottom:62px;height:116px;min-height:0;max-height:116px;margin:0;padding:4px 3px 0 0;display:flex;flex-direction:column;justify-content:flex-end;overflow-x:hidden;overflow-y:auto}
.demo-window-premium .demo-composer{bottom:20px}
@media(max-width:800px){.demo-window-premium .terminal-lines{left:14px;right:14px;bottom:60px;height:104px;max-height:104px}.demo-window-premium .demo-composer{bottom:16px}}

/* Keep the latest terminal line directly above the prompt composer. */
.demo-window-premium .terminal-lines{display:flex;flex-direction:column;justify-content:flex-end;gap:0;overflow-x:hidden;overflow-y:auto;padding:0 3px 0 0;line-height:1.45;scroll-padding-bottom:0}
.demo-window-premium .terminal-lines>span{display:block;flex:0 0 auto;max-width:100%;margin:0;overflow-wrap:anywhere}
.demo-window-premium .demo-composer{background:#101214}
.demo-window-premium .cli-bot{display:grid;place-items:center;overflow:visible;background:transparent!important;clip-path:none;filter:none}
.demo-window-premium .cli-bot img{display:block;width:29px;height:29px;object-fit:contain}
.demo-window-premium .cli-bot.claude-bot img{filter:none}

/* Global monochrome finish: every status and interaction uses graphite/white. */
:root{--amber:#c6cbcd;--teal:#b9c0c2;--red:#b9bec0}
.pulse,.live-dot,.live-dot i,.node-pulse,.live-tag i{background:#c6cbcd!important;box-shadow:0 0 0 3px rgba(198,203,205,.10),0 0 12px rgba(198,203,205,.28)!important}
.positive,.live-tag,.status-label,.demo-state,.green-line{color:#c6cbcd!important}
.route-grid{background-image:linear-gradient(rgba(185,192,194,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(185,192,194,.10) 1px,transparent 1px)!important}
.route-center{border-color:#505659!important;background:#151719!important;box-shadow:0 0 30px rgba(198,203,205,.08)!important}
.route-path:before{background:linear-gradient(90deg,#596063,#c6cbcd)!important}
.route-path:hover,.route-path.route-selected{border-color:#646a6d!important;background:#191c1e!important}

/* Interactive routing flow: the signal stays behind the clickable labels. */
.route-flow{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:translate3d(var(--route-x,0px),var(--route-y,0px),0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.route-visual-interactive .route-path:before{display:none!important}
.route-flow-line{fill:none;stroke:url(#route-flow-gradient);stroke-width:1.25;stroke-linecap:round;opacity:.52;stroke-dasharray:7 10;animation:route-flow-dash 2.8s linear infinite;transition:opacity .4s,stroke-width .4s}
.route-flow-dot{fill:#f4f5f5;filter:url(#route-flow-glow);animation:route-flow-pulse 1.8s ease-in-out infinite}
.route-flow-fallback{animation-delay:-.9s}.route-flow-response{animation-delay:-1.7s}
.route-visual-interactive[data-active-route="fallback"] .route-flow-primary,.route-visual-interactive[data-active-route="response"] .route-flow-primary{opacity:.16}
.route-visual-interactive[data-active-route="primary"] .route-flow-primary,.route-visual-interactive[data-active-route="fallback"] .route-flow-fallback,.route-visual-interactive[data-active-route="response"] .route-flow-response{opacity:1;stroke-width:2}
.route-visual-interactive .route-center,.route-visual-interactive .route-path{z-index:2}
@keyframes route-flow-dash{to{stroke-dashoffset:-34}}
@keyframes route-flow-pulse{0%,100%{opacity:.38}50%{opacity:1}}
.route-visual-interactive .route-center{font-size:14px;font-weight:800;letter-spacing:.01em;color:#f5f6f6}
.route-visual-interactive .route-center small{font-size:9px;font-weight:700;letter-spacing:.08em;color:#c0c5c7}
.route-visual-interactive .route-path{font-family:"DM Mono",monospace;font-weight:800;color:#f1f3f3;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.route-visual-interactive .route-path span{font-size:12px;font-weight:800;color:#f1f3f3}
.route-visual-interactive .route-path b{font-size:9px;font-weight:800;letter-spacing:.08em;color:#c7ccce}
.route-hint{font-weight:700;color:#aeb5b7}
@media(prefers-reduced-motion:reduce){.route-flow-line,.route-flow-dot{animation:none}.route-flow{transition:none}}
.feature-card:hover,.feature-card.feature-selected{border-color:#646a6d!important;background:linear-gradient(145deg,#191c1e,#0c0e10)!important}
.feature-card-dark{background:#111416!important}
.scene-lines{background-image:linear-gradient(rgba(185,192,194,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(185,192,194,.10) 1px,transparent 1px)!important}
.scene-panel i{background:linear-gradient(90deg,#c6cbcd 68%,#23272a 68%)!important}
.product-video-stage,.product-video-section .video-stage-scene{border-color:#34393c!important;background-color:#0b0d0f!important}
.product-video-section .video-stage-scene{background-image:radial-gradient(circle at 51% 50%,rgba(198,203,205,.10),transparent 17%),linear-gradient(135deg,#0d0f11,#070809)!important}
.product-video-section .scene-orb{border-color:rgba(198,203,205,.54);color:#c6cbcd;background:radial-gradient(circle at 35% 30%,#454a4d,#111315 62%);box-shadow:0 0 55px rgba(198,203,205,.14),inset 0 0 22px rgba(198,203,205,.08)}

/* Premium type and pricing hierarchy. */
body{font-family:Manrope,system-ui,sans-serif;font-weight:500}
h1,h2,h3,h4,.brand,.plan-card>strong,.demo-heading strong{font-family:Sora,Manrope,system-ui,sans-serif}
.page-hero h1,.hero h1,.docs-content h1{font-weight:700;letter-spacing:-.045em}
.section-intro h2,.feature-copy h2,.cta-band h2,.dev-panel h2,.pricing-note h2{font-family:Sora,Manrope,sans-serif;font-weight:700;letter-spacing:-.045em}
.pricing-page{background:radial-gradient(circle at 75% 4%,rgba(255,255,255,.045),transparent 28%)}
.pricing-hero{max-width:1180px;padding-bottom:55px}
.pricing-hero h1{max-width:850px}
.pricing-hero>p{max-width:650px;font-size:14px}
.pricing-rule{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pricing-rule span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:0;border-radius:4px;background:#101214;color:#aeb5b7;font-size:10px}
.pricing-rule i{width:6px;height:6px;border-radius:50%;background:#c6cbcd;box-shadow:0 0 10px rgba(198,203,205,.35)}
.plans{max-width:1280px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:105px}
.plan-card{position:relative;overflow:hidden;min-height:470px;padding:26px 24px 70px;background:linear-gradient(155deg,#151719 0%,#0d0f10 72%)!important;border-color:#2d3235!important;border-radius:7px;box-shadow:0 22px 65px rgba(0,0,0,.24);transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .5s}
.plan-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#6f7679,transparent);transform:scaleX(.35);transition:transform .5s ease}
.plan-card:hover{transform:translateY(-9px);border-color:#666d70!important;box-shadow:0 32px 80px rgba(0,0,0,.48)}
.plan-card:hover:before{transform:scaleX(1)}
.plan-card.featured{transform:translateY(-10px);background:linear-gradient(155deg,#222528,#111416 75%)!important;border-color:#9aa1a4!important;box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 0 1px rgba(220,224,225,.08)}
.plan-card.featured:hover{transform:translateY(-16px)}
.plan-card.featured:before{height:3px;background:#d3d7d8;transform:scaleX(1)}
.plan-card.featured:after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-100px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(18px);pointer-events:none}
.plan-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#9ba2a4;letter-spacing:.09em;font-size:10px;text-transform:uppercase}
.plan-top b{padding:6px 8px;border:1px solid #737a7d;border-radius:3px;color:#e1e4e5!important;font-size:9px;letter-spacing:.05em}
.plan-card>strong{display:block;margin-top:32px;font-size:34px;line-height:1;color:#f4f5f5!important}
.plan-card>strong small{font-family:Manrope,sans-serif;font-size:10px;color:#858c8f;margin-left:7px;letter-spacing:0}
.plan-card p{min-height:42px;color:#9ba2a4;font-size:12px;line-height:1.55;margin:17px 0 19px}
.plan-rule{height:1px;background:#292e31;margin-bottom:16px}
.plan-breakdown{display:grid;gap:10px}
.plan-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#747c7f;font-size:10px}
.plan-breakdown>div:last-child{padding-top:10px;border-top:1px solid #292e31}
.plan-breakdown b{color:#d4d8d9!important;font-family:DM Mono,monospace;font-size:11px;white-space:nowrap}
.plan-breakdown>div:last-child:after{content:"";position:absolute;left:24px;right:24px;margin-top:37px;height:3px;border-radius:2px;background:linear-gradient(90deg,#c6cbcd var(--plan-fill,35%),#292e31 var(--plan-fill,35%));opacity:.65}
.pricing-page .plan-token-equivalent{padding:8px 9px;border:1px solid rgba(158,119,255,.22);border-radius:7px;background:rgba(129,91,229,.07);color:#cbb8ff;box-shadow:inset 0 0 12px rgba(139,92,246,.06),0 0 13px rgba(139,92,246,.1)}
.pricing-page .plan-breakdown{position:relative}
.pricing-page .plan-breakdown>.plan-token-equivalent{position:absolute;top:-42px;left:0;right:0;z-index:1}
.pricing-page .plan-token-equivalent span{color:#b49be9;font-size:10px}
.pricing-page .plan-token-equivalent b{color:#d5c4ff!important;font-size:11px;text-shadow:0 0 9px rgba(174,139,255,.34)}
.pricing-page .plan-token-equivalent:after{display:none}
body.light-theme .pricing-page .plan-token-equivalent{color:#5d3f9e;border-color:rgba(111,73,184,.2);background:rgba(139,92,246,.055);box-shadow:0 0 12px rgba(139,92,246,.08)}
body.light-theme .pricing-page .plan-token-equivalent span{color:#6e54a1}
body.light-theme .pricing-page .plan-token-equivalent b{color:#614096!important;text-shadow:0 0 8px rgba(139,92,246,.2)}
.plan-card:nth-child(1){--plan-fill:18%}.plan-card:nth-child(2){--plan-fill:25%}.plan-card:nth-child(3){--plan-fill:37%}.plan-card:nth-child(4){--plan-fill:50%}.plan-card:nth-child(5){--plan-fill:72%}.plan-card:nth-child(6){--plan-fill:100%}
.plan-foot{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7f878a;font-size:9px}
.plan-foot i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aeb4b5;margin-right:5px}
.plan-foot a{padding:9px 11px!important;font-size:10px!important}
.pricing-note{max-width:1280px}
.grant-timeline{padding:8px 0 0}
.grant-line{background:linear-gradient(90deg,#d3d7d8,#4d5457 35%,#343a3c)!important}
.grant-line i{transition:transform .4s ease,box-shadow .4s ease}
.grant-line i:not(.active){animation:grant-breathe 3.8s ease-in-out infinite}
.grant-line i:nth-child(3){animation-delay:.5s}.grant-line i:nth-child(4){animation-delay:1s}
@keyframes grant-breathe{0%,100%{box-shadow:0 0 0 rgba(198,203,205,0);transform:scale(1)}50%{box-shadow:0 0 13px rgba(198,203,205,.24);transform:scale(1.12)}}
.faq-list details{transition:border-color .3s,background .3s}
.faq-list details[open]{background:#111416}
/* Keep the pricing surface open and legible; the cards use depth, not an extra outline. */
.pricing-page .plans{border:0!important;outline:0!important}
.pricing-page .plan-card{border-color:transparent!important;box-shadow:0 22px 65px rgba(0,0,0,.24)}
.pricing-page .plan-card:hover,.pricing-page .plan-card.featured{border-color:transparent!important}
.pricing-page .plan-card.featured{box-shadow:0 35px 100px rgba(0,0,0,.55)}
.pricing-page .plan-card>strong{font-size:42px;letter-spacing:-.035em}
.pricing-page .plan-card>strong small{font-size:11px}
.pricing-page .plan-bonus{display:inline-flex;align-items:center;width:max-content;margin-top:16px;padding:6px 9px;border:1px solid #d6ad36;border-radius:3px;background:rgba(214,173,54,.13);color:#f3cf62;font:700 10px "DM Mono",monospace;letter-spacing:.04em}
.pricing-page .plan-bonus.no-bonus{border-color:#3b4144;background:transparent;color:#858d90}
.pricing-page .plan-bonus-row span{color:#c9a83f}
.pricing-page .plan-bonus-row b{color:#f3cf62!important}
.pricing-page .plan-bonus-row:after{display:none}
.pricing-page .plan-card p,.pricing-page .plan-breakdown>div,.pricing-page .plan-foot{font-weight:600}
.pricing-page .pricing-rule span,.pricing-page .pricing-note>p{font-weight:600}
body{font-weight:600}
body p,body small,.feature-card p,.plan-card p,.faq-list p,.site-footer p,.dash-header p{font-weight:600}
.faq-list details{background:transparent;overflow:hidden}
.faq-list summary{font-weight:700}
.faq-list summary span{transition:transform .35s ease}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s cubic-bezier(.16,1,.3,1),opacity .25s ease}
.faq-answer>p{min-height:0;overflow:hidden;margin:0!important;padding:0!important;transition:padding .38s ease}
.faq-list details.is-open .faq-answer{grid-template-rows:1fr;opacity:1}
.faq-list details.is-open .faq-answer>p{padding:15px 0 2px!important}
@media(max-width:900px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-9px)}}
@media(max-width:620px){.plans{grid-template-columns:1fr}.plan-card{min-height:470px}.pricing-rule span{width:100%}}
@media(prefers-reduced-motion:reduce){.plan-card,.plan-card:before,.grant-line i{animation:none!important;transition:none!important}.plan-card:hover,.plan-card.featured,.plan-card.featured:hover{transform:none}}

/* Final pricing pass: remove the accidental outline and keep the hierarchy legible. */
.pricing-page{position:relative;isolation:isolate;overflow:hidden}
.pricing-page>.pricing-sky{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.72;background-image:radial-gradient(circle at 8% 15%,rgba(235,242,255,.82) 0 1px,transparent 1.6px),radial-gradient(circle at 22% 72%,rgba(255,225,166,.7) 0 1px,transparent 1.7px),radial-gradient(circle at 78% 26%,rgba(235,242,255,.72) 0 1px,transparent 1.6px),radial-gradient(circle at 92% 68%,rgba(255,225,166,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 55% 87%,rgba(235,242,255,.6) 0 1px,transparent 1.5px);background-size:235px 205px,310px 280px,275px 240px,360px 330px,295px 260px}
.pricing-page>section,.pricing-page>.page-hero{position:relative;z-index:1}
.pricing-page .shooting-star{position:absolute;top:20%;left:-14%;width:145px;height:1px;opacity:0;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);box-shadow:0 0 14px rgba(220,235,255,.8);animation:pricing-shooting-star 6.6s ease-in-out infinite}
@keyframes pricing-shooting-star{0%,82%{opacity:0;transform:translate(-10vw,-3vh) rotate(24deg)}84%{opacity:.9}100%{opacity:0;transform:translate(125vw,42vh) rotate(24deg)}}
.pricing-page .plans{border:0!important;outline:0!important}
.pricing-page .plan-card,.pricing-page .plan-card:hover,.pricing-page .plan-card.featured,.pricing-page .plan-card.featured:hover{border-color:transparent!important;outline:0!important}
.pricing-page .plan-card:before,.pricing-page .plan-card.featured:before{opacity:0!important}
.pricing-page .plan-card.featured{box-shadow:0 35px 100px rgba(0,0,0,.55)!important}
.pricing-page .plan-card.featured:before{background:linear-gradient(90deg,transparent,#d6ad36,transparent)!important;opacity:.8}
.pricing-page .plan-card.featured .button{background:#d6ad36!important;border-color:#d6ad36!important;color:#15120b!important;box-shadow:0 12px 30px rgba(214,173,54,.18)!important}
.pricing-page .plan-card.featured .button:hover{background:#f3cf62!important;border-color:#f3cf62!important;color:#15120b!important}
.pricing-page .plan-top{font-size:12px}
.pricing-page .plan-card p{font-size:13px;line-height:1.65}
.pricing-page .plan-breakdown>div{font-size:11px}
.pricing-page .plan-breakdown b{font-size:12px}
.pricing-page .plan-bonus-row span,.pricing-page .plan-bonus-row b{font-size:12px}

/* FAQ is a single premium accordion: one open answer, with a measured reveal. */
.pricing-page .faq{position:relative;border-top:1px solid #262b2e;padding-top:110px}
.pricing-page .faq-list{display:grid;gap:10px}
.pricing-page .faq-list details{border:1px solid #252a2d;border-radius:7px;background:linear-gradient(135deg,#151719,#0d0f10);padding:0 22px;overflow:hidden;transition:background .45s ease,border-color .45s ease,transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
.pricing-page .faq-list details:hover,.pricing-page .faq-list details.is-open{border-color:#555b5e;background:linear-gradient(135deg,#1b1e20,#101214);box-shadow:0 18px 45px rgba(0,0,0,.25)}
.pricing-page .faq-list details.is-open{transform:translateX(4px)}
.pricing-page .faq-list summary{display:grid;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:16px;min-height:78px;list-style:none;cursor:pointer;font-size:14px}
.pricing-page .faq-list summary::-webkit-details-marker{display:none}
.pricing-page .faq-list .faq-index{color:#8f989b!important;font:700 11px "DM Mono",monospace;letter-spacing:.08em}
.pricing-page .faq-list .faq-question{color:#eef0f0!important;font-weight:800}
.pricing-page .faq-list .faq-toggle{color:#f3cf62!important;font-size:24px;font-weight:400;line-height:1;text-align:center;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.pricing-page .faq-list details.is-open .faq-toggle{transform:rotate(45deg)}
.pricing-page .faq-list .faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1),opacity .28s ease}
.pricing-page .faq-list .faq-answer>p{min-height:0;overflow:hidden;color:#aeb6b8!important;line-height:1.7;padding:0!important;margin:0!important;transition:padding .42s ease}
.pricing-page .faq-list details.is-open .faq-answer{grid-template-rows:1fr;opacity:1}
.pricing-page .faq-list details.is-open .faq-answer>p{padding:0 0 22px!important}
@media(max-width:620px){.pricing-page .faq{padding-top:74px}.pricing-page .faq-list details{padding:0 16px}.pricing-page .faq-list summary{grid-template-columns:28px minmax(0,1fr) 24px;gap:10px;min-height:70px;font-size:13px}.pricing-page .faq-list details.is-open{transform:none}}
@media(prefers-reduced-motion:reduce){.pricing-page .shooting-star{animation:none}.pricing-page .faq-list details,.pricing-page .faq-answer,.pricing-page .faq-toggle{transition:none}}

/* Let the pricing sky and its gravity field reach both viewport edges. */
.pricing-page{
  width:100%;
  max-width:none!important;
  margin:0;
  background:#070809!important;
}
.pricing-page>.pricing-sky{
  width:100vw;
  left:50%;
  right:auto;
  transform:translateX(-50%);
  position:fixed;
  top:0;
  bottom:0;
  height:100dvh;
}
.pricing-page>.pricing-sky>.page-starfield{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
}

/* The page background is full-bleed; content keeps its centered reading width. */
.pricing-page>.plans,
.pricing-page>.pricing-note,
.pricing-page>.faq{
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
}

/* Keep the starfield visible through the pricing surfaces. */
.pricing-page .plan-card,
.pricing-page .plan-card:hover,
.pricing-page .plan-card.featured,
.pricing-page .plan-card.featured:hover{
  background:rgba(20,23,25,.78)!important;
  backdrop-filter:blur(2px);
}
.pricing-page .plan-card.featured{
  background:rgba(31,34,36,.8)!important;
}

/* Only the plus control rotates when an FAQ item opens. */
.pricing-page .faq-list summary .faq-index,
.pricing-page .faq-list summary .faq-question{
  transform:none!important;
}
.pricing-page .faq-list summary .faq-toggle{
  transform:none!important;
}
.pricing-page .faq-list details.is-open summary .faq-toggle{
  transform:rotate(45deg)!important;
}

/* Final pricing alignment and atmosphere. */
.pricing-page .pricing-hero{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.pricing-page .pricing-hero h1,
.pricing-page .pricing-hero>p{
  margin-left:auto;
  margin-right:auto;
}
.pricing-page>.pricing-sky{
  background:none!important;
}
.pricing-page .plan-card,
.pricing-page .plan-card:hover,
.pricing-page .plan-card.featured,
.pricing-page .plan-card.featured:hover{
  background:rgba(20,23,25,.58)!important;
  backdrop-filter:blur(2px);
}
.pricing-page .plan-card.featured{
  background:rgba(31,34,36,.62)!important;
}
.pricing-page .shooting-star{
  top:-12%;
  left:var(--shooting-start-x,15%);
  transform:rotate(var(--shooting-angle,28deg));
  animation:pricing-shooting-star 6.8s ease-in-out infinite;
}
@keyframes pricing-shooting-star{
  0%,82%{
    opacity:0;
    transform:translate3d(0,0,0) rotate(var(--shooting-angle,24deg));
  }
  84%{opacity:.92}
  100%{
    opacity:0;
    transform:translate3d(var(--shooting-drift-x,35vw),124vh,0) rotate(var(--shooting-angle,24deg));
  }
}
body:has(.pricing-page) .ambient-grid{
  background-image:none!important;
}
body:has(.pricing-page) .ambient-grid .grid-star{
  display:none!important;
}
body:has(.pricing-page) .page-star{
  animation:none;
  opacity:.72;
}

/* Animated weekly-limit timeline. */
.pricing-page .grant-line{
  z-index:2;
  height:2px!important;
  top:14px!important;
  overflow:visible;
  background:#454d50!important;
  box-shadow:0 0 10px rgba(214,220,222,.12);
}
.pricing-page .grant-line::after{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:24%;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#eef1f1 45%,#d6ad36);
  box-shadow:0 0 13px rgba(238,241,241,.6),0 0 18px rgba(214,173,54,.28);
  animation:grant-progress 5.8s cubic-bezier(.45,0,.25,1) infinite;
}
.pricing-page .grant-line i{
  position:relative;
  z-index:2;
}
@keyframes grant-progress{
  0%{left:0;opacity:.35}
  10%{opacity:1}
  88%{opacity:1}
  100%{left:76%;opacity:.35}
}
@media(prefers-reduced-motion:reduce){.pricing-page .grant-line::after{animation:none;left:0}}

/* Keep the accordion from changing the page height when one answer opens. */
.pricing-page .faq-list{
  height:430px;
  align-content:start;
  overflow:visible;
}
.pricing-page .faq-list details{
  height:78px;
  box-sizing:border-box;
  transition:height .5s cubic-bezier(.16,1,.3,1),background .45s ease,border-color .45s ease,box-shadow .45s ease;
}
.pricing-page .faq-list details.is-open{
  height:142px;
}
.pricing-page .faq-list details.is-open{
  transform:none;
}
.pricing-page .faq-list details.is-open .faq-answer>p{
  max-width:92%;
}
@media(max-width:620px){
  .pricing-page .faq-list{
    height:390px;
  }
  .pricing-page .faq-list details{
    height:70px;
  }
  .pricing-page .faq-list details.is-open{
    height:136px;
  }
}

/* A restrained violet atmosphere behind the pricing surface. */
.pricing-page::before{
  content:"";
  position:absolute;
  inset:-12% -8% 0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 42% 28% at 50% 8%,rgba(116,79,255,.28),transparent 72%),
    radial-gradient(ellipse 34% 23% at 24% 45%,rgba(71,47,177,.16),transparent 76%),
    radial-gradient(ellipse 38% 25% at 76% 72%,rgba(92,54,207,.14),transparent 78%);
  filter:blur(24px);
  opacity:.8;
  animation:pricing-violet-breathe 12s ease-in-out infinite alternate;
}
.pricing-page>.pricing-sky{z-index:1}
.pricing-page>section,.pricing-page>.page-hero{z-index:2}
@keyframes pricing-violet-breathe{
  0%{transform:translate3d(-1.5%,0,0) scale(1);opacity:.62}
  50%{transform:translate3d(1%,1.5%,0) scale(1.04);opacity:.84}
  100%{transform:translate3d(-.5%,-1%,0) scale(1.01);opacity:.68}
}
@media(prefers-reduced-motion:reduce){.pricing-page::before{animation:none}}

/* Model catalog */
.models-page{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 42% 26% at 50% 0%,rgba(116,79,255,.18),transparent 72%)}
.models-page:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 9% 36%,rgba(255,255,255,.035),transparent 22%),radial-gradient(circle at 91% 72%,rgba(255,255,255,.03),transparent 24%)}
.models-hero{padding-bottom:62px}
.models-hero h1{max-width:860px;margin-left:auto;margin-right:auto}
.models-hero>p{max-width:620px}
.catalog-status{display:inline-flex;align-items:center;margin-top:28px;padding:9px 13px;border:1px solid #303638;border-radius:999px;color:#9fa7a9;font:10px "DM Mono",monospace;letter-spacing:.02em;background:rgba(13,15,16,.55)}
.catalog-status:first-letter{color:#d6ad36}
.models-toolbar{display:flex;align-items:end;justify-content:space-between;gap:46px;padding-top:32px;padding-bottom:28px;border-top:1px solid #252a2c}
.models-toolbar h2,.models-note h2{margin:15px 0 0;font-size:42px;line-height:1.04;letter-spacing:-2px}
.models-toolbar h2 em,.models-note h2 em{font-style:normal;color:#f0eee6}
.models-disclaimer{max-width:430px;margin:0;color:#858e91;font-size:12px;line-height:1.7}
.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:18px;padding-bottom:110px}
.model-card{position:relative;min-height:300px;padding:24px;border:1px solid transparent;border-radius:7px;background:rgba(18,21,23,.66);backdrop-filter:blur(8px);box-shadow:0 24px 70px rgba(0,0,0,.2);transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .45s}
.model-card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,#555d60,transparent);opacity:.7}
.model-card:hover{transform:translateY(-7px);border-color:#4a5154;background:rgba(28,31,33,.76);box-shadow:0 32px 85px rgba(0,0,0,.38)}
.model-card-top{display:flex;justify-content:space-between;align-items:center;color:#858e91;font:10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.model-status{color:#c4c9ca;letter-spacing:0;text-transform:none}
.model-card h3{margin:38px 0 25px;font:700 25px "Sora",sans-serif;letter-spacing:-.8px;color:#f0f1f1}
.model-prices{display:grid;gap:10px;border-top:1px solid #2c3234;border-bottom:1px solid #2c3234;padding:16px 0}
.model-prices div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;color:#8e9799;font-size:11px;line-height:1.35}
.model-prices span{min-width:0}
.model-prices b{color:#e2e5e5;font:500 13px "DM Mono",monospace;white-space:nowrap}
.model-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;color:#7e888a;font:10px "DM Mono",monospace;line-height:1.4}
.model-foot strong{color:#f0cf63;font-weight:500;text-align:right}
.models-note{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:90px;padding-bottom:130px;border-top:1px solid #252a2c}
.models-note>p{max-width:560px;margin:0;color:#8d9698;font-size:14px;line-height:1.8;align-self:end}
.model-loading{grid-column:1/-1;color:#899294;font:11px "DM Mono",monospace;padding:35px 0}
@media(max-width:800px){.models-toolbar,.models-note{display:block}.models-disclaimer{margin-top:28px}.model-grid{grid-template-columns:1fr;padding-top:12px;padding-bottom:75px}.models-note>p{margin-top:28px}.models-toolbar h2,.models-note h2{font-size:36px}}
@media(max-width:520px){.model-card{padding:20px;min-height:0}.model-card h3{font-size:21px;margin-top:30px}.model-prices div{align-items:flex-start;flex-direction:column;gap:4px}.model-foot{align-items:flex-start;flex-direction:column}.model-foot strong{text-align:left}.catalog-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){.model-card{transition:none}.model-card:hover{transform:none}}

/* Model catalog: compact provider list inspired by marketplace tables. */
.models-page{background:radial-gradient(ellipse 50% 28% at 50% 0%,rgba(116,79,255,.16),transparent 72%),#08090a}
.models-hero{padding-bottom:54px}
.models-hero h1{font-size:clamp(54px,7vw,92px);line-height:.94}
.catalog-shell{position:relative;max-width:1320px;margin:0 auto;padding-top:0}
.catalog-tabs{display:flex;gap:8px;border-bottom:1px solid #292d2f;margin-bottom:24px}
.catalog-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:none;color:#838b8e;padding:16px 22px 15px;font:700 13px "Sora",sans-serif;cursor:pointer;transition:color .25s,border-color .25s}
.catalog-tabs button b{margin-left:7px;color:#5f676a;font:11px "DM Mono",monospace}
.catalog-tabs button.is-active{color:#f1f2ef;border-color:#d6ad36}.catalog-tabs button.is-active b{color:#d6ad36}
.catalog-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) 180px 160px auto auto;gap:10px;align-items:center;margin-bottom:26px}
.catalog-search,.catalog-toolbar select{height:44px;border:1px solid #2d3335;border-radius:5px;background:rgba(17,19,21,.86);color:#d8dcdb;font:12px "DM Mono",monospace}
.catalog-search{display:flex;align-items:center;padding:0 13px;gap:9px}.catalog-search span{color:#a4abad;font-size:20px}.catalog-search input{width:100%;border:0;outline:0;background:transparent;color:#eef0ef;font:12px "DM Mono",monospace}.catalog-search input::placeholder{color:#697174}
.catalog-toolbar select{padding:0 11px;outline:0}.catalog-segment{display:flex;height:44px;border:1px solid #2d3335;border-radius:5px;overflow:hidden;background:#111315}.catalog-segment button{border:0;border-right:1px solid #2d3335;background:transparent;color:#81898b;padding:0 12px;font:11px "DM Mono",monospace;cursor:pointer}.catalog-segment button:last-child{border-right:0}.catalog-segment button.is-active{background:#d6ad36;color:#17130a;font-weight:700}
.catalog-groups{display:grid;gap:12px;padding-bottom:110px;max-width:1140px;margin:0 auto}.provider-group{border-top:1px solid #303537;background:rgba(17,19,21,.62);backdrop-filter:blur(8px)}
.provider-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 22px 14px;color:#777f81;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.provider-brand{display:flex;align-items:center;gap:10px;color:#e7e9e8;font:700 14px "Sora",sans-serif;text-transform:none;letter-spacing:0}.provider-brand img{width:24px;height:24px;object-fit:contain;filter:brightness(1.15)}
.model-row{border-top:1px solid #24292b}.model-row-trigger{display:grid;grid-template-columns:46px minmax(0,1fr) 150px 28px;align-items:center;width:100%;min-height:76px;padding:10px 22px;border:0;background:transparent;color:#e9ebea;text-align:left;cursor:pointer;transition:background .25s}.model-row-trigger:hover,.model-row.is-open .model-row-trigger{background:rgba(42,45,47,.45)}.model-logo{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#1e2224}.model-logo img{width:18px;height:18px;object-fit:contain}.model-title{display:flex;align-items:center;gap:12px;min-width:0}.model-title>b{font:600 14px "DM Mono",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-title small{display:flex;flex-wrap:wrap;gap:5px}.model-title small i{padding:4px 6px;border:1px solid #3a4042;border-radius:3px;color:#9da5a6;font:10px "DM Mono",monospace;font-style:normal}.model-routes{text-align:right}.model-routes b{display:block;color:#e7c75e;font:600 15px "DM Mono",monospace}.model-routes small{display:block;margin-top:4px;color:#70797b;font:10px "DM Mono",monospace}.model-chevron{justify-self:end;color:#8a9294;font-size:22px;transition:transform .35s}.model-row.is-open .model-chevron{transform:rotate(180deg);color:#e0bd50}.model-detail{margin:0 22px 18px 68px;padding:18px 20px;border-left:1px solid #d6ad36;background:rgba(10,12,13,.78);animation:model-detail-in .35s ease both}.detail-meta{display:flex;justify-content:space-between;gap:20px;color:#899294;font:10px "DM Mono",monospace}.detail-meta strong{color:#e0bd50;font-weight:500}.detail-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.detail-prices div{padding:12px;border:1px solid #292f31;background:#151819}.detail-prices span{display:block;color:#818a8c;font:10px "DM Mono",monospace}.detail-prices b{display:block;margin-top:7px;color:#f0f1ef;font:600 13px "DM Mono",monospace}.model-detail p{margin:15px 0 0;color:#737c7e;font:11px/1.6 "DM Mono",monospace}.model-empty{padding:50px 20px;border-top:1px solid #303537;color:#858e91;font:12px "DM Mono",monospace;text-align:center}@keyframes model-detail-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}.catalog-segment{justify-content:center}.catalog-segment button{flex:1}}
@media(max-width:680px){.catalog-tabs{overflow:auto}.catalog-tabs button{white-space:nowrap;padding-inline:14px}.catalog-toolbar{grid-template-columns:1fr}.catalog-segment{width:100%}.model-row-trigger{grid-template-columns:36px minmax(0,1fr) 26px;padding:10px 14px}.model-routes{display:none}.model-title{display:block}.model-title small{margin-top:7px}.provider-heading{padding-inline:14px}.model-detail{margin-left:50px;margin-right:14px;padding:14px}.detail-prices{grid-template-columns:1fr 1fr}.models-hero h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){.model-detail{animation:none}.model-row-trigger,.model-chevron{transition:none}}

/* Catalog table: one continuous surface, with compact marketplace rows. */
.models-page .catalog-shell{max-width:1240px;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(12,14,15,.82);box-shadow:0 28px 90px rgba(0,0,0,.28);overflow:hidden}
.models-page .catalog-tabs{margin:0;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(23,26,28,.52)}
.models-page .catalog-tabs button{padding:17px 24px 15px;color:#7d8588}
.models-page .catalog-tabs button.is-active{color:#f2f3ef;border-color:#d6ad36}
.models-page .catalog-toolbar{margin:0;padding:16px 18px;background:rgba(16,18,20,.72);border-bottom:1px solid rgba(255,255,255,.1)}
.models-page .catalog-search,.models-page .catalog-toolbar select,.models-page .catalog-segment{border-color:rgba(255,255,255,.14);background:#111416}
.models-page .catalog-groups{gap:0;padding:0;background:rgba(10,12,13,.58);max-width:1080px;margin-inline:auto}
.models-page .provider-group{border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.models-page .provider-group:first-child{border-top:0}
.models-page .provider-heading{min-height:48px;padding:0 22px;background:rgba(25,29,30,.52);border-bottom:1px solid rgba(255,255,255,.08)}
.models-page .provider-brand{font-size:13px}
.models-page .provider-logo{width:25px;height:25px;border:0;border-radius:7px;background:#202426}
.models-page .provider-logo img{width:17px;height:17px}
.models-page .model-row-trigger{min-height:68px;grid-template-columns:46px minmax(300px,1fr) 154px 24px;padding:9px 22px}
.models-page .model-row-trigger:hover,.models-page .model-row.is-open .model-row-trigger{background:linear-gradient(90deg,rgba(214,173,54,.1),rgba(255,255,255,.025))}
.models-page .model-logo{width:36px;height:36px;border:0;border-radius:8px;background:#202426}
.models-page .model-logo img{width:22px;height:22px}
.models-page .model-title{gap:8px;display:flex;align-items:center;flex:1;min-width:0}
.models-page .model-name-line{display:flex;align-items:center;flex-shrink:0}
.models-page .model-title > .model-name-line > b{font-size:15px;font-weight:600;color:#f8fafb;white-space:nowrap}
.models-page .model-title small{display:flex;gap:6px;flex-wrap:nowrap}
.models-page .model-title small i{padding:4px 8px;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.018);font-size:10px;white-space:nowrap;flex-shrink:0}
.models-page .model-routes b{font-size:14px}
.models-page .model-chevron{font-size:18px}
.models-page .model-detail{position:relative;overflow:hidden;margin:0 22px 18px 68px;padding:16px 18px;border:1px solid rgba(214,173,54,.2);border-left:2px solid #d6ad36;border-radius:7px;background:rgba(15,18,19,.96);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.models-page .detail-meta{align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.09)}
.models-page .detail-meta .detail-kicker{color:#c5caca;font-weight:700;letter-spacing:.08em}
.models-page .detail-meta strong{margin-left:auto;color:#d8bb63;font-size:10px}
.models-page .route-grid{position:static;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;opacity:1;background:none!important;background-image:none!important}
.models-page .route-price{display:flex;flex-direction:column;min-width:0;margin:0;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:rgba(255,255,255,.025)}
.models-page .route-price:first-of-type{margin:0;padding:14px;border-top:1px solid rgba(255,255,255,.11)}
.models-page .route-price-heading{align-items:flex-start}
.models-page .route-price-heading > div{display:flex;flex-direction:column;gap:7px;min-width:0}
.models-page .route-price-heading b{font:600 12px/1.35 "DM Mono",monospace;color:#f0f1ee;overflow-wrap:anywhere}
.models-page .route-kind{display:inline-flex;width:max-content;max-width:100%;padding:4px 6px;border:1px solid rgba(214,173,54,.24);border-radius:4px;color:#d5bb71!important;background:rgba(214,173,54,.08);font:9px "DM Mono",monospace!important}
.models-page .route-kind.is-value{color:#e2c66d!important}
.models-page .route-arrow{color:#9aa2a2;font-size:15px}
.models-page .route-description{flex:1;min-height:50px;margin:12px 0 0!important;color:#899193!important;font:10px/1.55 "DM Mono",monospace!important;overflow-wrap:anywhere}
.models-page .price-tier{margin-top:12px}
.models-page .price-tier > strong{font-size:9px;color:#9da6a6}
.models-page .detail-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}
.models-page .detail-prices div{padding:8px 9px;background:rgba(6,8,9,.48);border-color:rgba(255,255,255,.08)}
.models-page .detail-prices span{font-size:9px}
.models-page .detail-prices b{margin-top:5px;font-size:11px}
.models-page .detail-footnote{margin:13px 0 0!important;color:#707a7b!important;font-size:10px!important}
.models-page .model-empty{padding:52px 20px;border:0}
@media(max-width:900px){.models-page .route-grid{grid-template-columns:1fr 1fr}.models-page .model-row-trigger{grid-template-columns:42px minmax(0,1fr) 130px 22px}}
  @media(max-width:680px){.models-page .catalog-shell{border-radius:8px}.models-page .catalog-tabs{padding-inline:7px}.models-page .catalog-tabs button{padding-inline:14px}.models-page .catalog-toolbar{padding:12px}.models-page .provider-heading{padding-inline:14px}.models-page .model-row-trigger{grid-template-columns:36px minmax(0,1fr) 22px;padding-inline:14px}.models-page .model-routes{display:none}.models-page .model-detail{margin:0 12px 14px 50px;padding:12px}.models-page .route-grid{grid-template-columns:1fr}.models-page .route-description{min-height:0}.models-page .detail-meta strong{width:100%;margin-left:0}.models-page .detail-prices{grid-template-columns:1fr 1fr}}

.models-page .model-row { cursor: pointer; }

/* Keep the expanded panel in normal document flow; the global model table
   styles otherwise turn it into a zero-width grid column. */
.models-page .model-row{display:block;min-width:0;overflow:clip}
.models-page .model-row-trigger{display:grid;width:100%;position:relative;z-index:1}
.models-page .model-detail{display:block;position:relative;clear:both;width:auto;min-width:0;box-sizing:border-box}
.models-page .catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:28px 22px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(42,45,48,.52),rgba(17,19,21,.18))}
.models-page .catalog-heading h2{margin-top:7px;color:#f1f2ef;font-size:clamp(24px,3vw,38px);letter-spacing:-1.2px}
.models-page .catalog-heading-note{max-width:390px;color:#818a8c;font:10px/1.6 "DM Mono",monospace;text-align:right}
.models-page .model-routes b{color:#dfc36b}
.models-page .detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(210px,.8fr);gap:12px;margin-top:14px;align-items:stretch}
.models-page .price-compare,.models-page .detail-usecase{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-sizing:border-box}
.models-page .price-compare-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;color:#f0f1ee;font:600 12px/1.35 "DM Mono",monospace}
.models-page .price-compare-head small{color:#737d7f;font:9px "DM Mono",monospace;white-space:nowrap}
.models-page .price-compare .detail-prices{margin-top:12px}
.models-page .price-compare .detail-prices div{display:grid;grid-template-columns:1fr;gap:2px}
.models-page .price-compare .detail-prices b{margin-top:3px}
.models-page .price-compare .detail-prices small{color:#d5bb71;font:9px "DM Mono",monospace}
.models-page .detail-usecase{display:flex;flex-direction:column;justify-content:space-between}
.models-page .detail-usecase-kicker{color:#c5caca;font:700 9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.models-page .detail-usecase p{margin:13px 0 0!important;color:#d4d9d8!important;font:12px/1.6 "Sora",sans-serif!important}
.models-page .detail-context{margin-top:18px;color:#d6b966;font:10px "DM Mono",monospace}
.models-page .model-logo img,.models-page .provider-logo img{filter:none;mix-blend-mode:normal;opacity:1}
.models-page .catalog-heading + .catalog-toolbar{border-top:0}
@media(max-width:900px){.models-page .detail-layout{grid-template-columns:1fr 1fr}.models-page .detail-usecase{grid-column:1/-1}}
@media(max-width:680px){.models-page .catalog-heading{display:block;padding:22px 14px}.models-page .catalog-heading-note{margin-top:10px;text-align:left}.models-page .detail-layout{grid-template-columns:1fr}.models-page .detail-usecase{grid-column:auto}}

/* Premium access surface */
.auth-page-premium{position:relative;min-height:calc(100vh - 88px);isolation:isolate;overflow:hidden;background:#08090a;display:grid;place-items:start center;padding:156px 34px 110px}
.auth-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:auto;--pointer-x:0px;--pointer-y:0px;background:radial-gradient(circle at 50% 42%,rgba(73,78,82,.18),transparent 31%),#08090a}
.auth-grid{position:absolute;inset:-20%;opacity:.42;background-image:linear-gradient(rgba(197,203,206,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(197,203,206,.055) 1px,transparent 1px);background-size:54px 54px;transform:perspective(720px) rotateX(62deg) translateY(22%) translate(var(--pointer-x),var(--pointer-y));transform-origin:center;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 72%,transparent)}
.auth-glow{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .6s ease}
.auth-glow-one{width:420px;height:420px;left:8%;top:8%;background:rgba(101,84,180,.12)}
.auth-glow-two{width:360px;height:360px;right:7%;bottom:7%;background:rgba(196,169,106,.08)}
.auth-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(183,190,192,.14);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotate(-22deg) translate(var(--pointer-x),var(--pointer-y));transition:transform .8s cubic-bezier(.16,1,.3,1)}
.auth-orbit--primary{width:min(74vw,900px);height:min(28vw,340px)}
.auth-orbit--secondary{width:min(60vw,720px);height:min(20vw,240px);transform:translate(-50%,-50%) rotate(35deg) translate(var(--pointer-x),var(--pointer-y));border-color:rgba(205,180,120,.12)}
.auth-particles{position:absolute;inset:0;pointer-events:none;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .8s ease}
.auth-particle{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#d9ddde;box-shadow:0 0 14px rgba(224,227,228,.8);opacity:.28;animation:auth-float calc(7s + var(--i) * .12s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.18s)}
@keyframes auth-float{from{transform:translate3d(0,0,0);opacity:.18}to{transform:translate3d(calc((var(--i) % 5) * 8px - 16px),calc((var(--i) % 7) * 7px - 21px),0);opacity:.65}}
.auth-card-premium{position:relative;z-index:2;width:min(520px,100%);padding:34px 38px 30px;border:1px solid rgba(214,220,221,.2);background:linear-gradient(145deg,rgba(24,27,29,.94),rgba(11,13,14,.9));box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.025) inset;backdrop-filter:blur(18px)}
.auth-card-top,.auth-heading,.auth-meta,.auth-divider,.auth-provider-row{display:flex;align-items:center}.auth-card-top{justify-content:space-between;margin-bottom:40px}.auth-overline,.auth-secure{font:600 9px "DM Mono",monospace;letter-spacing:.14em;color:#adb5b6}.auth-secure{letter-spacing:.03em;color:#828b8d}.auth-secure i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#c7a85d;box-shadow:0 0 12px rgba(199,168,93,.75)}
.auth-heading{gap:17px;align-items:flex-start}.auth-mark{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #7f8587;border-radius:50%;color:#f0f1ef;font:700 12px "Sora",sans-serif;box-shadow:0 0 0 7px rgba(255,255,255,.025),0 0 30px rgba(209,184,121,.12)}.auth-heading h1{margin:0;color:#f1f2ef;font:700 29px/1.06 "Sora",sans-serif;letter-spacing:-1.3px}.auth-heading p{margin:9px 0 0;color:#8e9899;font-size:13px;line-height:1.5}.auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:34px 0 27px;padding:4px;border:1px solid #303739;background:rgba(4,5,6,.6)}.auth-mode button{border:0;background:transparent;color:#778184;padding:10px;font:600 11px "Manrope",sans-serif;cursor:pointer;transition:background .25s,color .25s}.auth-mode button.is-active{background:#d9dbda;color:#121415;box-shadow:0 4px 16px rgba(0,0,0,.25)}.auth-form-premium{display:flex;flex-direction:column;gap:16px}.auth-form-premium>label{color:#aab2b3;font:600 10px "DM Mono",monospace}.auth-form-premium input{box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #343b3d;border-radius:3px;outline:0;background:#0a0c0d;color:#f0f1ef;font:13px "Manrope",sans-serif;transition:border-color .25s,box-shadow .25s}.auth-form-premium input:focus{border-color:#a8afb0;box-shadow:0 0 0 3px rgba(180,188,190,.08)}.auth-password-field{position:relative}.auth-password-field input{padding-right:45px}.auth-password-toggle{position:absolute;right:6px;bottom:5px;width:34px;height:34px;border:0;background:transparent;color:#858e90;cursor:pointer}.auth-meta{justify-content:space-between;margin-top:-2px;color:#7e888a;font-size:11px}.auth-check{display:flex;align-items:center;gap:7px;cursor:pointer}.auth-check input{display:inline-block;width:14px;height:14px;margin:0;accent-color:#c9ad6d}.auth-meta a{color:#b5bbbc}.auth-submit{display:flex!important;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:3px}.auth-submit b{font-size:16px;font-weight:400}.auth-divider{gap:12px;margin:25px 0 16px;color:#626c6f;font:9px "DM Mono",monospace}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#2d3436}.auth-provider-row{gap:8px}.auth-provider-row button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border:1px solid #333a3c;background:#15191a;color:#b9c0c0;font:600 10px "Manrope",sans-serif;cursor:pointer;transition:background .25s,border-color .25s,color .25s}.auth-provider-row button:hover{border-color:#8e9799;background:#202527;color:#f1f2ef}.auth-provider-row button span{color:#d1d5d5;font-weight:700}.auth-helper{margin:19px 0 0;color:#687274;font-size:10px;line-height:1.55;text-align:center}.auth-side-note{position:absolute;z-index:2;left:clamp(25px,8vw,130px);bottom:80px;display:grid;gap:7px;max-width:210px}.auth-side-note span{color:#7e8688;font:10px "DM Mono",monospace}.auth-side-note b{color:#dadddc;font:600 15px/1.25 "Sora",sans-serif}.auth-side-note small{color:#737e80;font-size:10px;line-height:1.5}

/* Developer portal */
.developers-page{position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 24% at 70% 0%,rgba(95,77,150,.14),transparent 72%)}.developers-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:80px;align-items:center;max-width:1280px;text-align:left;padding-top:120px;padding-bottom:110px}.developers-hero-copy{max-width:580px}.developers-hero h1{margin:19px 0 24px;font-size:clamp(58px,7vw,94px);line-height:.92}.developers-hero p{max-width:510px;margin:0;color:#a5aead;font-size:16px;line-height:1.72}.developers-proof{display:flex;gap:25px;margin-top:30px;color:#899394;font:10px "DM Mono",monospace}.developers-proof i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#c8ab65;box-shadow:0 0 11px rgba(200,171,101,.7)}.developers-proof code{color:#d8bf7f}.developer-terminal-card{min-height:310px;border:1px solid #363d3f;background:#0c0f10;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:perspective(1000px) rotateY(-4deg)}.terminal-card-head{display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;border-bottom:1px solid #282f31;color:#798487;font:10px "DM Mono",monospace}.terminal-card-head code{flex:1}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#535b5c}.terminal-status{color:#bcbfba;font-size:9px}.terminal-card-body{padding:28px 25px;color:#c6cecc;font:11px/2.1 "DM Mono",monospace}.terminal-card-body p{margin:0}.terminal-card-body em{color:#d4b96e;font-style:normal}.terminal-dim{color:#647074}.terminal-success{color:#d6d9d6}.terminal-cursor{display:inline-block;color:#d4b96e;animation:cursor-blink 1s steps(2) infinite}.developer-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:48px}.developer-step{position:relative;min-height:225px;padding:25px;border:1px solid #303739;background:rgba(18,21,23,.7);transition:transform .35s,border-color .35s,background .35s}.developer-step:hover,.developer-step-active{border-color:#6b6250;background:rgba(30,30,29,.85);transform:translateY(-5px)}.developer-step>b{color:#c6a964;font:11px "DM Mono",monospace}.developer-step h3{margin:50px 0 12px;color:#e8eae7;font-size:19px}.developer-step p{margin:0 0 22px;color:#8d9797;font-size:12px;line-height:1.65}.developer-step a{color:#c8b37d;font-size:11px}.developer-step a span,.developer-client i,.developer-link-grid i{margin-left:7px}.developer-integrations{padding-top:115px;padding-bottom:120px}.developer-client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:45px}.developer-client{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:95px;padding:16px;border:1px solid #2e3638;background:rgba(15,18,19,.72);color:#e0e3e0;text-align:left;cursor:pointer;transition:transform .3s,border-color .3s,background .3s}.developer-client:hover{transform:translateY(-4px);border-color:#9a8962;background:#1a1d1d}.developer-client strong{display:grid;place-items:center;width:32px;height:32px;border:1px solid #62696a;border-radius:50%;color:#d1ba7d;font:700 13px "DM Mono",monospace}.developer-client span{font-size:13px;font-weight:700}.developer-client small{display:block;margin-top:5px;color:#7f898b;font-size:10px;font-weight:400}.developer-client i{color:#8c9697;font-style:normal}.developer-lab{padding-top:100px;padding-bottom:120px;border-top:1px solid #282f31}.developer-lab-head{display:flex;justify-content:space-between;align-items:end;gap:35px}.developer-lab-head h2,.developer-links h2{margin:16px 0 0;font-size:45px;line-height:1}.developer-lab-head p{margin:22px 0 0;color:#899394;font-size:13px}.developer-lab-links{display:flex;flex-direction:column;gap:12px;text-align:right}.developer-lab-links a{color:#c5ad71;font:11px "DM Mono",monospace}.developer-lab-window{margin-top:44px;border:1px solid #353c3e;background:#0c0f10;box-shadow:0 30px 80px rgba(0,0,0,.24)}.developer-tabs{display:flex;gap:0;border-bottom:1px solid #2d3436}.developer-tab,.developer-tabs button{border:0;border-right:1px solid #2d3436;background:#121617;color:#758083;padding:14px 20px;font:11px "DM Mono",monospace;cursor:pointer}.developer-tabs button.is-active{background:#d4d6d4;color:#141718}.developer-example-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #272e30;color:#818b8d;font:10px "DM Mono",monospace}.developer-example-head button{border:1px solid #5f614f;background:transparent;color:#d3b66e;padding:7px 10px;font:10px "DM Mono",monospace;cursor:pointer}.developer-example pre{min-height:200px;margin:0;padding:25px;overflow:auto;color:#c3ccca;font:12px/1.85 "DM Mono",monospace}.developer-links{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:100px;padding-bottom:140px;border-top:1px solid #282f31}.developer-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.developer-link-grid a{display:grid;grid-template-columns:28px 1fr 15px;gap:10px;padding:17px;border:1px solid #2f3739;background:rgba(16,19,20,.72);color:#e3e5e1;transition:background .25s,border-color .25s,transform .25s}.developer-link-grid a:hover{transform:translateY(-3px);border-color:#817454;background:#1a1d1e}.developer-link-grid b{color:#c8ac65;font:10px "DM Mono",monospace}.developer-link-grid span{font-size:12px;font-weight:700}.developer-link-grid small{display:block;margin-top:6px;color:#7f898b;font-size:10px;font-weight:400}.developer-link-grid i{color:#899294;font-style:normal}
@media(max-width:900px){.developers-hero{grid-template-columns:1fr;gap:45px;padding-top:75px}.developer-terminal-card{transform:none}.developer-step-grid,.developer-client-grid{grid-template-columns:1fr 1fr}.developer-links{grid-template-columns:1fr;gap:40px}.auth-side-note{display:none}}
@media(max-width:620px){.auth-page-premium{padding:45px 18px 80px;min-height:calc(100vh - 70px)}.auth-card-premium{padding:25px 21px}.auth-card-top{margin-bottom:30px}.auth-heading h1{font-size:23px}.auth-provider-row{display:grid;grid-template-columns:1fr}.auth-orbit--primary{width:130vw;height:45vw}.auth-orbit--secondary{width:105vw;height:35vw}.developers-hero h1{font-size:57px}.developers-hero p{font-size:14px}.developers-proof{display:block;line-height:2.2}.developer-step-grid,.developer-client-grid{grid-template-columns:1fr}.developer-lab-head{display:block}.developer-lab-links{text-align:left;margin-top:28px}.developer-lab-head h2,.developer-links h2{font-size:37px}.developer-tabs{overflow:auto}.developer-tabs button{white-space:nowrap;padding-inline:14px}.developer-example-head{align-items:flex-start;gap:12px;flex-direction:column}.developer-links{padding-top:70px}.developer-link-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.auth-particle,.terminal-cursor{animation:none}.auth-grid,.auth-glow,.auth-orbit,.auth-particles{transition:none}.developer-step,.developer-client,.developer-link-grid a{transition:none}.developer-step:hover,.developer-client:hover,.developer-link-grid a:hover{transform:none}}

/* Keep the trust strip open so the animated galaxy can pass behind it. */
.trusted{border-top:0!important;border-bottom:0!important}

/* Routing explainer: the markup is intentionally layered so the flow stays
   behind readable controls instead of competing with their text. */
.feature-section-routing {
  grid-template-columns: minmax(280px, .68fr) minmax(700px, 1.55fr);
  gap: clamp(42px, 5vw, 76px);
  align-items: center;
  padding-top: 118px;
  padding-bottom: 150px;
}
.feature-section-routing .feature-copy { max-width: 500px; }
.feature-section-routing .feature-copy h2 {
  margin-top: 18px;
  font-size: clamp(45px, 4.6vw, 68px);
  line-height: .96;
  letter-spacing: -2.5px;
}
.feature-section-routing .feature-copy p {
  max-width: 420px;
  margin-top: 26px;
  color: #aeb5b7;
  font-size: 14px;
  line-height: 1.75;
}
.feature-section-routing [data-route-description],
.feature-section-routing [data-route-status] {
  will-change: color, text-shadow, opacity;
}
.feature-section-routing .route-description-flash {
  animation: route-description-flash 2.2s cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes route-description-flash {
  0% {
    color: #ddd2ff;
    text-shadow: 0 0 0 rgba(139, 92, 246, 0), 0 0 24px rgba(139, 92, 246, .7);
    opacity: .7;
  }
  18% {
    color: #f0ebff;
    text-shadow: 0 0 1px rgba(244, 240, 255, .65), 0 0 22px rgba(139, 92, 246, .62);
    opacity: 1;
  }
  56% {
    color: #c7b8f6;
    text-shadow: 0 0 1px rgba(226, 217, 255, .3), 0 0 12px rgba(139, 92, 246, .35);
  }
  100% {
    color: #aeb5b7;
    text-shadow: none;
    opacity: 1;
  }
}
.feature-section-routing [data-route-status].route-description-flash {
  color: #e1d7ff;
}
.route-explainer {
  display: grid;
  gap: 16px;
  margin-top: 39px;
  max-width: 390px;
}
.route-explainer-step {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 13px;
  align-items: start;
  color: #e4e7e8;
}
.route-explainer-step > span {
  color: #8f9799;
  font: 600 11px "DM Mono", monospace;
  padding-top: 2px;
}
.route-explainer-step > div {
  display: grid;
  gap: 4px;
}
.route-explainer-step b { font-size: 14px; font-weight: 700; }
.route-explainer-step small { color: #858e90; font-size: 11px; }

.feature-section-routing .route-visual-interactive {
  position: relative;
  width: 100%;
  height: 472px;
  min-height: 472px;
  border: 1px solid #3a4144 !important;
  border-radius: 16px;
  background:
    radial-gradient(circle at 74% 36%, rgba(191, 198, 201, .09), transparent 24%),
    linear-gradient(145deg, rgba(33, 37, 39, .95), rgba(10, 12, 14, .98) 70%);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .055);
  overflow: hidden;
  transform: translate3d(var(--route-x, 0px), var(--route-y, 0px), 0);
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), border-color .3s ease;
}
.feature-section-routing .route-visual-interactive:hover { border-color: #697174 !important; }
.feature-section-routing .route-grid {
  position: absolute;
  inset: 0;
  opacity: .35;
  background-image:
    linear-gradient(rgba(190, 198, 200, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(190, 198, 200, .08) 1px, transparent 1px) !important;
  background-size: 42px 42px;
  mask-image: radial-gradient(ellipse at center, #000 20%, transparent 84%);
  pointer-events: none;
}
.route-visual-header {
  position: absolute;
  z-index: 4;
  inset: 0 0 auto;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 25px;
  border-bottom: 1px solid rgba(211, 217, 219, .11);
  background: linear-gradient(180deg, rgba(28, 32, 34, .9), rgba(20, 23, 25, .52));
}
.route-visual-header > div { display: grid; gap: 5px; }
.route-kicker {
  color: #a6adaf;
  font: 600 9px "DM Mono", monospace;
  letter-spacing: .14em;
}
.route-visual-header strong { color: #f0f2f1; font-size: 17px; font-weight: 800; }
.route-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #adb4b5;
  font: 10px "DM Mono", monospace;
  white-space: nowrap;
}
.route-status i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d6dadb;
  box-shadow: 0 0 0 4px rgba(214, 218, 219, .08), 0 0 15px rgba(214, 218, 219, .46);
  animation: route-status-pulse 2.2s ease-in-out infinite;
}
@keyframes route-status-pulse { 50% { opacity: .42; transform: scale(.72); } }
.route-stage {
  position: absolute;
  z-index: 2;
  inset: 71px 24px 92px;
}
.route-stage-label {
  position: absolute;
  top: 17px;
  color: #737d80;
  font: 600 9px "DM Mono", monospace;
  letter-spacing: .12em;
}
.route-stage-label-input { left: 9px; }
.route-stage-label-output { left: 208px; }
.route-node,
.route-lane,
.route-response,
.route-metrics { box-sizing: border-box; }
.route-node-request {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  width: 154px;
  min-height: 84px;
  display: grid;
  grid-template-columns: 28px 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  column-gap: 10px;
  padding: 13px 15px;
  border: 1px solid #596164;
  border-radius: 10px;
  background: linear-gradient(145deg, #303538, #1b1f21);
  color: #f0f2f2;
  text-align: left;
  box-shadow: 0 16px 35px rgba(0, 0, 0, .3), inset 0 1px rgba(255,255,255,.11);
  transform: translateY(-50%);
  cursor: pointer;
  transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
.route-node-request:hover { transform: translateY(-50%) translateY(-3px); border-color: #d3d7d8; }
.route-node-mark {
  grid-row: 1 / -1;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border: 1px solid #8f9799;
  border-radius: 7px;
  color: #f0f2f2;
  font-size: 14px;
}
.route-node-title { font-size: 12px; font-weight: 800; }
.route-node-request small { color: #9fa7a8; font: 9px "DM Mono", monospace; }
.route-lane {
  position: absolute;
  left: 193px;
  right: 0;
  height: 60px;
  display: grid;
  grid-template-columns: 25px 25px minmax(0, 1fr) auto 8px;
  gap: 10px;
  align-items: center;
  padding: 8px 13px;
  border: 1px solid rgba(128, 137, 140, .24);
  border-radius: 10px;
  background: rgba(19, 22, 24, .8);
  color: #cfd4d4;
  text-align: left;
  cursor: pointer;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), border-color .3s, background .3s, box-shadow .3s;
}
.route-lane.path-a { top: 55px; }
.route-lane.path-b { top: 128px; }
.route-lane.path-c { top: 201px; }
.route-lane:hover,
.route-lane.route-selected {
  border-color: #aeb4b5;
  background: linear-gradient(90deg, rgba(168, 176, 178, .16), rgba(35, 39, 41, .88));
  box-shadow: 0 10px 25px rgba(0, 0, 0, .2), inset 3px 0 #d4d8d9;
  transform: translateX(5px);
}
.route-lane-number { color: #7e8789; font: 10px "DM Mono", monospace; }
.route-lane-icon {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border: 1px solid #697174;
  border-radius: 6px;
  color: #e0e3e3;
  font-size: 12px;
}
.route-lane-copy { display: grid; gap: 4px; min-width: 0; }
.route-lane-copy strong { overflow: hidden; color: #eef0ef; font: 700 12px "DM Mono", monospace; text-overflow: ellipsis; white-space: nowrap; }
.route-lane-copy small { color: #818a8d; font-size: 10px; }
.route-lane-state { color: #b8bec0; font: 600 9px "DM Mono", monospace; letter-spacing: .04em; }
.route-target { width: 5px; height: 5px; border-radius: 50%; background: #d9ddde; box-shadow: 0 0 12px rgba(220, 225, 226, .62); }
.route-response {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border: 1px solid rgba(163, 172, 174, .25);
  border-radius: 9px;
  background: rgba(23, 27, 29, .82);
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}
.route-response-check {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: #c9ced0;
  color: #171a1b;
  font-size: 13px;
  font-weight: 800;
}
.route-response span:nth-child(2) { display: grid; gap: 3px; }
.route-response b { color: #e8ebea; font-size: 11px; }
.route-response small { color: #838d8f; font-size: 9px; }
.route-response > strong { margin-left: auto; color: #dce0e0; font: 700 11px "DM Mono", monospace; }
.route-metrics {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -57px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.route-metrics span {
  display: grid;
  gap: 4px;
  color: #7e888a;
  font: 9px "DM Mono", monospace;
}
.route-metrics b { color: #d3d8d8; font-size: 13px; font-weight: 600; }
.route-hint {
  position: absolute;
  z-index: 5;
  right: 25px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #788286;
  font: 9px "DM Mono", monospace;
}
.route-hint-dot { width: 5px; height: 5px; border-radius: 50%; background: #cbd0d1; animation: route-hint-blink 1.8s ease-in-out infinite; }
@keyframes route-hint-blink { 50% { opacity: .3; } }
.route-flow {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.route-flow-line {
  fill: none !important;
  stroke: rgba(218, 223, 224, .58) !important;
  stroke-width: 1.35 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 4 7;
  opacity: .78;
}
.route-flow-fallback,
.route-flow-response { opacity: .78; }
.route-flow-dot {
  fill: #e6e9e9 !important;
  stroke: none !important;
  filter: url(#route-flow-glow);
  opacity: .9;
}

@media (max-width: 1100px) {
  .feature-section-routing { grid-template-columns: minmax(280px, .82fr) minmax(480px, 1.18fr); gap: 38px; }
  .feature-section-routing .route-visual-interactive { min-height: 450px; height: 450px; }
  .route-lane { left: 178px; }
  .route-stage-label-output { left: 193px; }
}
@media (max-width: 860px) {
  .feature-section-routing { grid-template-columns: 1fr; gap: 44px; padding-top: 82px; }
  .feature-section-routing .feature-copy { max-width: 620px; }
  .feature-section-routing .route-visual-interactive { min-height: 452px; height: 452px; }
}
@media (max-width: 560px) {
  .feature-section-routing { padding-left: 18px; padding-right: 18px; }
  .feature-section-routing .feature-copy h2 { font-size: 43px; }
  .feature-section-routing .route-visual-interactive { min-height: 510px; height: 510px; border-radius: 12px; }
  .route-visual-header { height: 68px; padding: 0 17px; }
  .route-visual-header strong { font-size: 15px; }
  .route-status { max-width: 115px; text-align: right; white-space: normal; line-height: 1.3; }
  .route-stage { inset: 68px 17px 92px; }
  .route-stage-label-output { left: 154px; }
  .route-node-request { width: 128px; min-height: 76px; padding: 10px; grid-template-columns: 23px 1fr; column-gap: 7px; }
  .route-node-mark { width: 22px; height: 22px; }
  .route-node-title { font-size: 10px; }
  .route-node-request small { font-size: 8px; }
  .route-lane { left: 145px; height: 58px; grid-template-columns: 18px 22px minmax(0, 1fr) 5px; gap: 7px; padding: 7px 8px; }
  .route-lane.path-a { top: 55px; }
  .route-lane.path-b { top: 126px; }
  .route-lane.path-c { top: 197px; }
  .route-lane-state { display: none; }
  .route-lane-copy strong { font-size: 10px; }
  .route-lane-copy small { font-size: 8px; }
  .route-metrics { gap: 5px; }
  .route-metrics span { font-size: 8px; }
  .route-metrics b { font-size: 11px; }
  .route-hint { right: 17px; bottom: 16px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-section-routing .route-visual-interactive,
  .route-node-request,
  .route-lane { transition: none; }
  .route-status i,
  .route-hint-dot { animation: none; }
  .route-flow-dot { display: none; }
  .feature-section-routing .route-description-flash { animation: none; color: #c7b8f6; text-shadow: none; }
}

/* Keep the route lanes, result, and telemetry on separate visual levels. */
.feature-section-routing .route-visual-interactive {
  min-height: 520px;
  height: 520px;
  overflow: hidden;
  transform: translate3d(var(--route-x, 0px), var(--route-y, 0px), 0);
  transition: transform .45s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, box-shadow .35s ease;
}
.feature-section-routing .route-visual-interactive:hover {
  border-color: rgba(215, 220, 221, .42);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28), inset 0 1px rgba(255,255,255,.05);
}
.feature-section-routing .route-stage {
  inset: 71px 24px 24px;
}
.feature-section-routing .route-response {
  top: 315px;
  bottom: auto;
  z-index: 4;
  animation: route-response-in 1s .25s cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes route-response-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.feature-section-routing .route-metrics {
  top: 390px;
  bottom: auto;
  z-index: 4;
}
.feature-section-routing .route-hint {
  top: 72px;
  right: 25px;
  bottom: auto;
  z-index: 6;
}
.feature-section-routing .route-flow {
  z-index: 1;
}
.feature-section-routing .route-lane,
.feature-section-routing .route-node-request {
  z-index: 3;
}
.feature-section-routing .route-lane.route-selected {
  animation: route-lane-focus .7s cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes route-lane-focus {
  0% { filter: brightness(1); }
  45% { filter: brightness(1.24); }
  100% { filter: brightness(1); }
}
@media (max-width: 1100px) {
  .feature-section-routing .route-visual-interactive { min-height: 500px; height: 500px; }
  .feature-section-routing .route-stage { inset: 71px 24px 24px; }
  .feature-section-routing .route-response { top: 300px; }
  .feature-section-routing .route-metrics { top: 375px; }
}
@media (max-width: 860px) {
  .feature-section-routing .route-visual-interactive { min-height: 510px; height: 510px; }
  .feature-section-routing .route-stage { inset: 68px 20px 24px; }
  .feature-section-routing .route-response { top: 305px; }
  .feature-section-routing .route-metrics { top: 380px; }
}
@media (max-width: 560px) {
  .feature-section-routing .route-visual-interactive { min-height: 560px; height: 560px; }
  .feature-section-routing .route-stage { inset: 68px 17px 24px; }
  .feature-section-routing .route-response { top: 300px; }
  .feature-section-routing .route-metrics { top: 385px; }
  .feature-section-routing .route-hint { top: 69px; right: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-section-routing .route-visual-interactive,
  .feature-section-routing .route-response,
  .feature-section-routing .route-lane.route-selected { animation: none; transition: none; }
}

/* Keep every routing stage in its own row at all viewport widths. */
.feature-section-routing .route-stage {
  display: grid;
  grid-template-columns: minmax(154px, .36fr) minmax(0, 1fr);
  grid-template-rows: 26px repeat(3, minmax(56px, 1fr)) 58px 42px;
  gap: 6px clamp(42px, 6.5vw, 92px);
}
.feature-section-routing .route-stage-label {
  position: static;
  align-self: center;
}
.feature-section-routing .route-stage-label-input {
  grid-column: 1;
  grid-row: 1;
}
.feature-section-routing .route-stage-label-output {
  grid-column: 2;
  grid-row: 1;
}
.feature-section-routing .route-node-request {
  position: relative;
  grid-column: 1;
  grid-row: 2 / span 3;
  top: auto;
  left: auto;
  width: 100%;
  align-self: center;
  transform: none;
}
.feature-section-routing .route-node-request:hover {
  transform: translateY(-3px);
}
.feature-section-routing .route-lane {
  position: relative;
  grid-column: 2;
  left: auto;
  right: auto;
  top: auto;
  width: 100%;
  height: 58px;
  align-self: center;
}
.feature-section-routing .route-lane.path-a { grid-row: 2; }
.feature-section-routing .route-lane.path-b { grid-row: 3; }
.feature-section-routing .route-lane.path-c { grid-row: 4; }
.feature-section-routing .route-response {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 5;
  inset: auto;
}
.feature-section-routing .route-metrics {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 6;
  inset: auto;
}
@media (max-width: 1200px) {
  .feature-section-routing {
    grid-template-columns: 1fr;
    gap: 44px;
    padding-top: 82px;
  }
  .feature-section-routing .feature-copy { max-width: 620px; }
  .feature-section-routing .route-stage {
    grid-template-columns: minmax(154px, .36fr) minmax(0, 1fr);
    column-gap: clamp(38px, 6vw, 68px);
  }
}
@media (max-width: 560px) {
  .feature-section-routing .route-stage {
    grid-template-columns: minmax(108px, 128px) minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 6px;
  }
  .feature-section-routing .route-node-request {
    min-height: 76px;
    padding: 10px;
    grid-template-columns: 23px 1fr;
    column-gap: 7px;
  }
  .feature-section-routing .route-lane {
    grid-template-columns: 18px 22px minmax(0, 1fr) 5px;
    gap: 7px;
    padding: 7px 8px;
  }
  .feature-section-routing .route-hint { display: none; }
}

/* PromptUzel visual refinement: hierarchy, contrast, and restrained micro-interactions. */
.hero h1,
.page-hero h1 { font-size: clamp(58px, 8vw, 98px); line-height: .94; letter-spacing: -4.5px; }
.section-intro h2,
.feature-copy h2,
.cta-band h2,
.dev-panel h2 { font-size: 52px; font-weight: 850; }
.hero { padding-top: 90px; padding-bottom: 100px; }
.demo-section { padding-top: 180px; }
.feature-section { padding-top: 120px; }
.hero-copy > p,
.page-hero > p { color: #b2bbb8; }
.section-intro p,
.feature-copy p { color: #96a09e; }
.code-line b,
.key { color: #f5c066; }
.route-card.active { border-color: #5a7a6f; }
.footer-links a { color: #7a8784; }
.footer-links b { color: #b2bbb7; }
.status-pill { border-color: #4a5558; color: #c8cdc9; }
.button,
.primary-button { padding: 16px 22px; font-size: 13px; }
.button:hover,
.primary-button:hover { box-shadow: 0 20px 48px rgba(240, 173, 88, .32); }
.demo-composer { min-height: 52px; padding: 8px; }
.feature-card:hover { transform: translateY(-6px); box-shadow: 0 24px 70px rgba(0, 0, 0, .5); border-color: #4a5558; }
.plan-card { padding: 28px; }
.plan-card > strong { font-size: 48px; letter-spacing: -2px; }
.plan-card.featured { border-width: 2px; border-color: #b8864a; box-shadow: 0 22px 60px rgba(0, 0, 0, .35); }
.galaxy-core { width: 152px; height: 152px; margin: -76px; box-shadow: 0 0 85px rgba(235, 171, 86, .24) !important; }
.model-planet img { width: 64px; height: 64px; }
.model-planet:hover { transform: scale(1.18); }
.demo-window-premium .terminal-lines { font-size: 12px; line-height: 2.4; color: #d4ddd9; }
.code-block { border-color: #3a464a; background: #1c2532; }
.code-block pre { color: #cbd9d4; }
.feature-card,
.plan-card,
.metric-card,
.demo-window,
.docs-quick-grid a { position: relative; overflow: hidden; }
.feature-card::before,
.plan-card::before,
.metric-card::before,
.demo-window::before,
.docs-quick-grid a::before {
  content: ""; position: absolute; width: 300px; height: 300px;
  left: var(--mouse-x, 50%); top: var(--mouse-y, 50%); z-index: 1;
  border-radius: 50%; pointer-events: none; opacity: 0;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(240, 173, 88, .08) 0%, transparent 65%);
  transition: opacity .35s ease;
}
.feature-card:hover::before,
.plan-card:hover::before,
.metric-card:hover::before,
.demo-window:hover::before,
.docs-quick-grid a:hover::before { opacity: 1; }
.hero-signal:not(.galaxy),
.galaxy-starfield,
.signal-orbit,
[data-parallax] { will-change: transform; }
.button,
.primary-button { transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .25s ease; }
.button:hover,
.primary-button:hover { transform: translateY(-4px) scale(1.02); }
.feature-card,
.plan-card { transform-style: preserve-3d; }
.feature-card:hover,
.plan-card:hover { transform: translateY(-6px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); }
@media (max-width: 800px) {
  .hero h1,
  .page-hero h1 { font-size: 56px !important; letter-spacing: -2.5px !important; }
  .section-pad { padding-left: 24px !important; padding-right: 24px !important; }
  .section-intro h2,
  .feature-copy h2,
  .cta-band h2 { font-size: 42px !important; }
  .button,
  .primary-button { padding: 14px 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-card::before,
  .plan-card::before,
  .metric-card::before,
  .demo-window::before,
  .docs-quick-grid a::before,
  [data-parallax] { transition: none !important; animation: none !important; }
  .feature-card:hover,
  .plan-card:hover,
  .button:hover,
  .primary-button:hover { transform: none !important; }
}

/* Keep the visual refinement effective on the pricing page, whose base rules use !important. */
.pricing-page .plan-card {
  padding: 28px 28px 76px;
}
.pricing-page .plan-card > strong {
  font-size: 48px;
  letter-spacing: -2px;
}
.pricing-page .plan-card.featured,
.pricing-page .plan-card.featured:hover {
  border-width: 2px !important;
  border-color: #b8864a !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .35) !important;
}
@media (prefers-reduced-motion: reduce) {
  .pricing-page .plan-card,
  .pricing-page .plan-card:hover,
  .pricing-page .plan-card.featured,
  .pricing-page .plan-card.featured:hover { transform: none !important; }
}

.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -.14em;
  overflow: visible;
}
.menu-toggle .ui-icon { width: 22px; height: 22px; vertical-align: -.22em; }
.demo-rail .ui-icon { width: 19px; height: 19px; vertical-align: -.2em; }
.send-button .ui-icon { width: 19px; height: 19px; vertical-align: -.2em; }
.agent-avatar .ui-icon { width: 17px; height: 17px; vertical-align: -.2em; }
.route-lane-icon .ui-icon,
.route-node-mark .ui-icon,
.route-response-check .ui-icon { width: 15px; height: 15px; vertical-align: -.2em; }
.demo-live .ui-icon,
.demo-state .ui-icon,
.terminal-status .ui-icon,
[data-catalog-status] .ui-icon { width: 10px; height: 10px; vertical-align: 0; }
.button .ui-icon,
.arrow-link .ui-icon,
.route-arrow .ui-icon,
.docs-catalog-link .ui-icon,
.developer-client .ui-icon,
.route-price-heading .ui-icon,
.detail-meta strong .ui-icon { width: 1em; height: 1em; }

body { font-size: 15px; }
.hero-copy > p, .page-hero > p, .section-intro p, .feature-copy p, .docs-content p, .auth-card-premium p { line-height: 1.7; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 18px; color: #aab4b2; font: 11px/1.4 var(--font-mono); letter-spacing: .02em; }
.hero-proof span { position: relative; }
.hero-proof span:not(:last-child)::after { content: '·'; position: absolute; right: -11px; color: #c99a5b; }
.demo-flow-note { margin: 12px 0 0; color: #9da9a7; font: 11px/1.5 var(--font-mono); letter-spacing: .03em; }
.plans-toggle { display: block; margin: 20px auto 84px; min-width: 220px; }
.plan-card-extra { display: none; }
.plans.plans-expanded .plan-card-extra { display: block; }
.models-page .catalog-toolbar select[data-model-sort] { min-width: 180px; }
.model-routes b { color: #f2c477; font: 700 15px/1.2 var(--font-mono); }
.model-routes small { white-space: nowrap; }
.docs-sidebar { position: sticky; top: 92px; align-self: start; max-height: calc(100vh - 116px); overflow: auto; padding-right: 10px; }
.docs-content { max-width: 820px; min-width: 0; }
.docs-content .code-block { overflow: hidden; }
.docs-content .code-block pre, .developers-page pre { max-width: 100%; overflow-x: auto; white-space: pre; }
.code-head button.is-copied, [data-dev-copy].is-copied { color: #d9b477; border-color: #c28f4e; }
.auth-provider-row button:disabled { cursor: not-allowed; opacity: .42; filter: saturate(.35); }
.auth-provider-soon { margin-left: auto; color: #9ca6a4; font: 10px/1 var(--font-mono); text-transform: uppercase; }
.auth-inline-error { display: block; margin: -2px 0 12px; color: #e5a09b; font-size: 12px; line-height: 1.45; }
.auth-form-premium input[aria-invalid="true"] { border-color: #b96f68; box-shadow: 0 0 0 3px rgba(185,111,104,.12); }
.site-footer { color: #9ca7a5; }
.footer-links a { color: #aab4b2; }
.footer-links a:hover { color: #e8c487; }
.cosmic-layer { opacity: .34; }
.landing .cosmic-layer { opacity: .56; }
@media (max-width: 800px) {
  .hero-proof { gap: 7px 14px; font-size: 10px; }
  .hero-proof span:not(:last-child)::after { right: -9px; }
  .plans-toggle { margin: 20px auto 60px; }
  .docs-sidebar { position: static; max-height: none; padding-right: 0; }
  .docs-content { max-width: none; }
  .models-page .catalog-toolbar select[data-model-sort] { width: 100%; }
  .model-row-trigger { grid-template-columns: 38px minmax(0,1fr) auto 24px; }
  .model-routes { min-width: 72px; }
  .model-routes b { font-size: 13px; }
}
.site-header { isolation: isolate; width: 100%; max-width: none !important; margin: 0 !important; padding-left: 54px; padding-right: 54px; background: transparent !important; border-bottom: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.site-header::before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: calc((100vw - 100%) / -2); right: calc((100vw - 100%) / -2); background: radial-gradient(ellipse 34% 150% at 22% 0%, rgba(100,73,180,.14), transparent 72%), linear-gradient(180deg, rgba(23,19,36,.97), rgba(10,12,13,.96)); border-bottom: 1px solid rgba(140,120,185,.13); box-shadow: 0 10px 30px rgba(0,0,0,.12); pointer-events: none; }
.site-header > * { position: relative; z-index: 1; }
.models-page { position: relative; isolation: isolate; overflow: hidden; background: #0a0c0d; }
.models-page::before { content: ""; position: absolute; z-index: 0; pointer-events: none; inset: -12% -8% 0; background: radial-gradient(ellipse 42% 28% at 50% 8%, rgba(116,79,255,.28), transparent 72%), radial-gradient(ellipse 34% 23% at 24% 45%, rgba(71,47,177,.16), transparent 76%), radial-gradient(ellipse 38% 25% at 76% 72%, rgba(92,54,207,.14), transparent 78%); filter: blur(24px); opacity: .8; animation: models-violet-breathe 12s ease-in-out infinite alternate; }
.models-page > * { position: relative; z-index: 1; }
.models-page > .models-starfield { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.models-stars { position: absolute; inset: 0; overflow: hidden; mix-blend-mode: screen; }
.models-star { position: absolute; width: var(--size); height: var(--size); border-radius: 50%; background: var(--tone); opacity: .7; box-shadow: 0 0 11px rgba(193,205,255,.48), 0 0 26px rgba(136,100,255,.24); transform: translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(var(--pointer-scale,1)); animation: models-star-twinkle var(--duration) ease-in-out var(--delay) infinite alternate; transition: filter .18s ease, opacity .18s ease; will-change: transform, opacity, filter; }
.models-star:hover { opacity: 1; filter: brightness(1.5); }
.models-shooting-star { position: absolute; left: 108%; width: 150px; height: 2px; border-radius: 999px; opacity: 0; transform-origin: 100% 50%; transform: rotate(-7deg) scaleX(.2); background: linear-gradient(90deg, transparent, rgba(196,181,255,.2) 18%, rgba(255,255,255,.98) 78%, rgba(255,255,255,.12)); box-shadow: 0 0 12px rgba(211,196,255,.8); animation: models-shooting-star 15s cubic-bezier(.16,.72,.24,1) var(--shoot-delay,0s) infinite; }
.models-shooting-star-one { top: 19%; --shoot-delay: -2s; }
.models-shooting-star-two { top: 48%; --shoot-delay: -8s; width: 118px; opacity: .72; }
.models-shooting-star-three { top: 76%; --shoot-delay: -13s; width: 132px; opacity: .6; }
@keyframes models-star-twinkle { 0%,100% { opacity: .5; filter: brightness(.95); } 50% { opacity: 1; filter: brightness(1.55); } }
@keyframes models-shooting-star { 0%,79% { opacity: 0; transform: translate3d(0,0,0) rotate(-7deg) scaleX(.2); } 82% { opacity: .96; } 92% { opacity: .78; } 100% { opacity: 0; transform: translate3d(-138vw,13vh,0) rotate(-7deg) scaleX(1); } }
@keyframes models-violet-breathe { from { transform: translate3d(-1%,0,0) scale(1); opacity: .68; } to { transform: translate3d(1%,1%,0) scale(1.04); opacity: .92; } }
.cosmic-shooting-star { top: 18% !important; left: 105% !important; width: 140px !important; height: 2px !important; transform-origin: 100% 50%; transform: rotate(-7deg) !important; background: linear-gradient(90deg, transparent, rgba(255,236,190,.18) 20%, rgba(255,255,255,.96) 78%, rgba(255,255,255,.18)) !important; box-shadow: 0 0 10px rgba(255,245,216,.72); animation: cosmic-shoot-horizontal 11s cubic-bezier(.16,.72,.24,1) 2s infinite !important; }
@keyframes cosmic-shoot-horizontal { 0%,76% { opacity: 0; transform: translate3d(0,0,0) rotate(-7deg) scaleX(.2); } 79% { opacity: .95; } 88% { opacity: .8; } 100% { opacity: 0; transform: translate3d(-135vw,12vh,0) rotate(-7deg) scaleX(1); } }
.pricing-page .shooting-star { top: var(--shooting-start-y,18%) !important; left: var(--shooting-start-x,108%) !important; width: 150px !important; height: 2px !important; transform-origin: 100% 50%; transform: rotate(var(--shooting-angle,-7deg)) !important; background: linear-gradient(90deg, transparent, rgba(224,235,255,.2) 20%, rgba(255,255,255,.98) 80%, rgba(255,255,255,.12)) !important; box-shadow: 0 0 12px rgba(220,235,255,.78); animation: pricing-shooting-star 6.8s ease-in-out infinite !important; }
@keyframes pricing-shooting-star { 0%,82% { opacity: 0; transform: translate3d(0,0,0) rotate(var(--shooting-angle,-7deg)) scaleX(.2); } 84% { opacity: .96; } 100% { opacity: 0; transform: translate3d(var(--shooting-drift-x,-135vw),var(--shooting-drift-y,14vh),0) rotate(var(--shooting-angle,-7deg)) scaleX(1); } }

/* Shared premium surface language: no exposed sharp corners. */
.button,
.button-ghost,
.menu-toggle,
.catalog-toolbar,
.catalog-toolbar select,
.catalog-toolbar button,
.billing-toggle button,
.plans-toggle button,
.auth-mode button,
.auth-provider-row button,
.models-toolbar,
.models-note,
.model-row,
.model-row-trigger,
.model-detail,
.model-route,
.route-price,
.provider-group,
.feature-card,
.plan-card,
.metric-card,
.demo-window,
.demo-content,
.demo-rail,
.demo-sidebar,
.sidebar-account,
.cli-header,
.demo-side,
.side-stat,
.route-visual-header,
.cta-band,
.video-stage-scene,
.scene-panel,
.faq,
.faq-list details,
.pricing-note,
.docs-status,
.docs-sidebar,
.docs-callout,
.docs-quick-grid a,
.developer-terminal-card,
.developer-step,
.developer-client,
.developer-lab,
.developer-lab-window,
.developer-links,
.developer-link-grid a,
.auth-card-premium,
.auth-mode,
.auth-provider-row,
.auth-form-premium,
.auth-form-premium input,
.auth-form-premium button,
.code-block,
.topbar,
.panel { border-radius: 14px; }
.button,
.button-ghost,
.menu-toggle,
.catalog-toolbar select,
.catalog-toolbar button,
.catalog-search input,
.auth-form-premium input,
.auth-form-premium button,
.billing-toggle button,
.plans-toggle button,
.auth-mode button,
.auth-provider-row button,
.developer-tabs button { border-radius: 10px; }
.auth-page-premium input[type="checkbox"] { border-radius: 50%; }
.auth-page-premium input,
.auth-page-premium select,
.auth-page-premium textarea,
.auth-page-premium button { border-radius: 10px; }
.model-row,
.provider-group,
.docs-sidebar,
.developer-links { overflow: hidden; }
.site-footer { border-radius: 18px 18px 0 0; overflow: hidden; }
.pricing-page .plan-card,
.models-page .provider-group,
.docs-page .docs-sidebar,
.auth-page .auth-card-premium { overflow: hidden; }
@media(max-width:800px) {
  .site-header { padding-left: 20px; padding-right: 20px; }
  .cosmic-shooting-star { top:22% !important; left:110% !important; width:92px !important; }
  .models-page::before { inset:-8% -24% 0; filter:blur(18px); }
}
@media(prefers-reduced-motion:reduce) { .models-page::before { animation:none; } .cosmic-shooting-star, .pricing-page .shooting-star { animation:none; opacity:.25; } }

/* Design prompt refinement; keep existing page backgrounds and responsive layout intact. */
.site-header { padding-top: 27px; padding-bottom: 27px; }
.site-nav a { transition: color .25s ease, border-color .25s ease; }
.site-nav a:hover,
.site-nav a.active { border-bottom-width: 3px; }
.hero h1 { line-height: 1.05; }
.status-pill { padding: 10px 14px; border-radius: 24px; }
.hero-actions { gap: 14px; }
.button { padding: 16px 24px; }
.signal-orbit { opacity: .7; }
.orbit-one { border-left-color: rgba(240,173,88,.6); }
.orbit-two { border-top-color: rgba(102,216,189,.5); }
.trusted { padding: 32px 40px; }
.trusted div { font-size: 11px; letter-spacing: 1.2px; }
.demo-window { border-radius: 14px; }
.demo-bar { min-height: 42px; }
.terminal-lines { line-height: 2.4; }
.demo-composer input { padding: 10px 12px; }
.route-center { padding: 16px 24px; }
.route-path i { width: 7px; height: 7px; }
.feature-card { padding: 28px 30px; }
.feature-card h3 { font-size: 27px; }
.card-index { color: #8d9690; }
.cta-band { padding: 100px 40px; }
.cta-band h2 { font-size: 52px; }
.site-footer { padding: 80px 34px 25px; gap: 80px; }
.footer-links a { font-size: 12px; }
.plans { gap: 12px; }
.pricing-page .plan-card { padding: 26px 28px; }
.pricing-page .plan-card > strong { font-size: 46px; }
.pricing-page .plan-card.featured { border-width: 2px; }
.model-row { padding-top: 16px; padding-bottom: 16px; }
.model-row b { font-size: 13px; }
.provider-note { padding: 14px 16px; }
.docs-sidebar { padding: 20px 16px 24px; }
.docs-sidebar a { padding: 10px 12px; }
.docs-content h1 { letter-spacing: -3.2px; }
.code-block pre { padding: 20px 22px; }
.dev-panel { padding: 34px 36px; }
.cli-list span { padding: 13px 14px; }
.eyebrow { letter-spacing: 1.7px; }
.feature-card:hover,
.pricing-page .plan-card:hover,
.docs-quick-grid a:hover { transform: translateY(-3px); }
button,
a,
.feature-card,
.plan-card { transition-duration: .25s; transition-timing-function: ease; }
.demo-section,
.feature-section { padding-top: 100px; }

@media (max-width: 800px) {
  .site-header { padding-top: 20px; padding-bottom: 20px; }
  .trusted { padding: 26px 20px; }
  .feature-card { padding: 24px 22px; }
  .cta-band { padding: 76px 24px; }
  .cta-band h2 { font-size: clamp(34px, 8vw, 46px); }
  .site-footer { padding: 60px 22px 24px; gap: 42px; }
  .pricing-page .plan-card { padding: 22px 20px; }
  .pricing-page .plan-card > strong { font-size: 40px; }
  .dev-panel { padding: 26px 22px; }
}

/* Final polish: keep the existing interaction states, but make their motion and
   hierarchy feel deliberate across the hash-routed pages. */
.signal-core {
  background: radial-gradient(circle, rgba(240,173,88,.9) 0%, rgba(240,173,88,.4) 40%, transparent 70%);
}
.hero h1 span { font-weight: 800; font-size: 1.05em; }
.button:not(.button-ghost) {
  background: linear-gradient(135deg, #f0ad58 0%, #e09745 100%);
}
.button:not(.button-ghost):hover,
.primary-button:hover { box-shadow: 0 20px 50px rgba(240,173,88,.3); transform: translateY(-4px); }
.demo-composer input::placeholder { color: #8a9591; }
.send-button { width: 34px; height: 32px; }
.landing .feature-card::after {
  display: block;
  box-shadow: 0 0 40px rgba(102,216,189,.1);
  opacity: .6;
}
.route-center { box-shadow: 0 0 20px rgba(240,173,88,.15) !important; }
.route-lane.path-a .route-lane-icon,
.route-lane.path-c .route-lane-icon { animation: path-pulse 2s cubic-bezier(.4,0,.6,1) infinite; }
@keyframes path-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: .7; }
}
.pricing-page .plan-card.featured { border-color: #c08840 !important; position: relative; }
.pricing-page .plan-card.featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--amber), transparent);
  border-radius: 14px 14px 0 0;
  opacity: 1 !important;
}
.footer-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-footer .brand { transform: scale(1.05); transform-origin: left center; }
.section-intro h2,
.feature-copy h2,
.cta-band h2,
.dev-panel h2 { font-weight: 800; }
.eyebrow { text-shadow: 0 1px 2px rgba(0,0,0,.3); }
.demo-section { margin-bottom: 120px; }
.cta-band { padding: 110px 40px; }
.feature-card:hover,
.plan-card:hover,
.docs-quick-grid a:hover,
.api-family-grid article:hover { box-shadow: 0 24px 60px rgba(0,0,0,.35); }

/* Motion is scoped to real states; hidden pricing cards never flash on load. */
.site-nav { transition: opacity .3s cubic-bezier(.4,0,.2,1), transform .4s cubic-bezier(.4,0,.2,1); }
.site-nav.open { animation: nav-reveal .4s cubic-bezier(.4,0,.2,1) both; }
@keyframes nav-reveal {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
.faq-list details { transition: background .3s cubic-bezier(.4,0,.2,1), border-color .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1); }
.faq-list summary { transition: color .25s cubic-bezier(.4,0,.2,1), transform .25s cubic-bezier(.4,0,.2,1); }
.faq-list details.is-open summary { transform: translateY(2px); }
.faq-list details p { animation: fade-in-down .4s cubic-bezier(.4,0,.2,1) both; transform-origin: top; }
@keyframes fade-in-down {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
.plans { transition: height .5s cubic-bezier(.4,0,.2,1); }
.plans.plans-expanded .plan-card-extra {
  display: block;
  animation: plan-card-reveal .5s cubic-bezier(.4,0,.2,1) both;
}
.plans.plans-expanded .plan-card-extra:nth-child(4) { animation-delay: .06s; }
.plans.plans-expanded .plan-card-extra:nth-child(5) { animation-delay: .12s; }
.plans.plans-expanded .plan-card-extra:nth-child(6) { animation-delay: .18s; }
@keyframes plan-card-reveal {
  from { opacity: 0; transform: translateY(18px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.plans-toggle { transition: transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1), background .3s cubic-bezier(.4,0,.2,1); }
.plans-toggle[aria-expanded="true"] { transform: translateY(-1px); }
.mode-tabs button { position: relative; transition: color .25s cubic-bezier(.4,0,.2,1), background .25s cubic-bezier(.4,0,.2,1); }
.mode-tabs button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--amber); transform: scaleX(0); transition: transform .3s cubic-bezier(.4,0,.2,1); }
.mode-tabs button.selected::after { transform: scaleX(1); }
.terminal-lines span,
.terminal-lines .dim-line,
.terminal-lines .green-line { animation: terminal-line-appear .25s cubic-bezier(0,0,.2,1) both; }
@keyframes terminal-line-appear {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}
.route-card { transition: transform .35s cubic-bezier(.4,0,.2,1), background .35s cubic-bezier(.4,0,.2,1), border-color .35s cubic-bezier(.4,0,.2,1), box-shadow .35s cubic-bezier(.4,0,.2,1); }
.route-card.active { animation: card-activate .4s cubic-bezier(.4,0,.2,1); }
@keyframes card-activate { 0%,100% { transform: scale(1); } 50% { transform: scale(1.02); } }
.toast { transition: opacity .3s cubic-bezier(.4,0,.2,1), transform .4s cubic-bezier(.34,1.56,.64,1); }
.toast.show { animation: toast-bounce-in .5s cubic-bezier(.34,1.56,.64,1); }
@keyframes toast-bounce-in {
  0% { opacity: 0; transform: translateY(30px) scale(.9); }
  60% { opacity: 1; transform: translateY(-4px) scale(1.02); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
input, textarea, select { transition: border-color .25s cubic-bezier(.4,0,.2,1), box-shadow .25s cubic-bezier(.4,0,.2,1), background .25s cubic-bezier(.4,0,.2,1), outline .25s cubic-bezier(.4,0,.2,1); }
input:focus, textarea:focus { animation: input-focus-pulse .4s cubic-bezier(.4,0,.2,1) both; }
@keyframes input-focus-pulse {
  from { box-shadow: 0 0 0 0 rgba(102,216,189,.4); }
  to { box-shadow: 0 0 0 4px rgba(102,216,189,0); }
}
.button:not(.button-ghost) { position: relative; overflow: hidden; }
.button:not(.button-ghost)::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle, rgba(255,255,255,.25) 0%, transparent 70%); transform: scale(0); opacity: 0; pointer-events: none; }
.button:not(.button-ghost):active::after { animation: button-ripple .6s cubic-bezier(.4,0,.2,1); }
@keyframes button-ripple { from { transform: scale(0); opacity: 1; } to { transform: scale(2.5); opacity: 0; } }
.site-nav a,
.footer-links a,
.text-link { position: relative; transition: color .3s cubic-bezier(.4,0,.2,1), border-color .3s cubic-bezier(.4,0,.2,1); }
.site-nav a::after,
.footer-links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--amber); transform: scaleX(0); transform-origin: right; transition: transform .35s cubic-bezier(.4,0,.2,1); }
.site-nav a:hover::after,
.footer-links a:hover::after { transform: scaleX(1); transform-origin: left; }
.loading-skeleton { background: linear-gradient(90deg, rgba(255,255,255,.03), rgba(255,255,255,.08), rgba(255,255,255,.03)); background-size: 200% 100%; animation: skeleton-shimmer 1.5s cubic-bezier(.4,0,.6,1) infinite; }
@keyframes skeleton-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
#galaxy-hero { animation: galaxy-fade-in 1.5s cubic-bezier(.4,0,.2,1) both; }
@keyframes galaxy-fade-in { from { opacity: 0; transform: scale(.95); } to { opacity: 1; transform: scale(1); } }
.demo-window { animation: demo-window-reveal .8s cubic-bezier(.4,0,.2,1) both; }
@keyframes demo-window-reveal { from { opacity: 0; transform: perspective(1000px) rotateX(10deg) translateY(30px); } to { opacity: 1; transform: perspective(1000px) rotateX(0) translateY(0); } }
.live-dot, .pulse, .status-label i { animation: status-pulse 2s cubic-bezier(.4,0,.6,1) infinite; }
@keyframes status-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .6; transform: scale(1.1); } }
.eyebrow { animation: eyebrow-slide .6s cubic-bezier(.4,0,.2,1) both; }
@keyframes eyebrow-slide { from { opacity: 0; transform: translateX(-20px); letter-spacing: 0; } to { opacity: 1; transform: translateX(0); letter-spacing: 1.7px; } }
.billing-toggle button { transition: transform .3s cubic-bezier(.4,0,.2,1), color .3s cubic-bezier(.4,0,.2,1), background .3s cubic-bezier(.4,0,.2,1); }
.billing-toggle button.selected { animation: toggle-select .4s cubic-bezier(.34,1.56,.64,1); }
@keyframes toggle-select { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } }
.feature-card:hover, .plan-card:hover, .button:hover, .demo-window:hover, .reveal { will-change: transform, opacity; }
.model-row { transition: background .25s cubic-bezier(.4,0,.2,1), border-color .25s cubic-bezier(.4,0,.2,1), box-shadow .25s cubic-bezier(.4,0,.2,1); }
.model-row:hover { background: rgba(255,255,255,.03); }
.demo-composer input:focus { outline: 2px solid rgba(102,216,189,.3); outline-offset: 2px; }

@media (max-width: 800px) {
  .site-nav { max-height: 0; opacity: 0; overflow: hidden; transform: translateY(-8px); transition: max-height .4s cubic-bezier(.4,0,.2,1), opacity .3s cubic-bezier(.4,0,.2,1), transform .4s cubic-bezier(.4,0,.2,1), padding .3s cubic-bezier(.4,0,.2,1); }
  .site-nav.open { max-height: 500px; opacity: 1; transform: translateY(0); }
  .pricing-page .plan-card { padding: 22px 24px; }
  .demo-sidebar { overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .feature-card:hover, .plan-card:hover, .button:hover, .demo-window:hover, .site-footer .brand { transform: none !important; }
  .site-nav { max-height: none; }
}


/* Premium model gallery: provider-tinted cards with catalog-native data. */
.models-page .catalog-shell { max-width: 1440px; }
.models-page .catalog-groups { display: grid; gap: 48px; }
.models-page .provider-group { min-width: 0; padding: 22px; border: 1px solid rgba(255,255,255,.075); border-radius: 24px; background: linear-gradient(145deg,rgba(29,31,37,.52),rgba(15,16,21,.26)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.models-page .provider-heading { margin: 0 0 20px; padding: 0 2px 16px; border-bottom-color: rgba(255,255,255,.09); }
.models-page .provider-logo { width: 48px; height: 48px; border-radius: 16px; background: linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); border: 1px solid rgba(255,255,255,.1); box-shadow: 0 8px 26px rgba(0,0,0,.18); }
.models-page .provider-logo img { width: 27px; height: 27px; object-fit: contain; }
.models-page .provider-model-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; align-items: start; }
.models-page .premium-model-card { --provider-accent: #a58bff; --provider-glow: rgba(144,112,255,.14); position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.085); border-radius: 20px; background: radial-gradient(ellipse at 82% 0%,var(--provider-glow),transparent 55%),linear-gradient(155deg,rgba(31,33,40,.96),rgba(18,19,24,.97)); box-shadow: 0 10px 28px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035); transition: transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease; animation: model-card-enter .5s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(min(var(--card-index,0),12)*28ms); }
.models-page .premium-model-card::before { content:""; position:absolute; z-index:1; inset:0 18% auto; height:1px; opacity:.8; background:linear-gradient(90deg,transparent,var(--provider-accent),transparent); pointer-events:none; }
.models-page .premium-model-card:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--provider-accent) 36%,rgba(255,255,255,.14)); box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 32px var(--provider-glow),inset 0 1px rgba(255,255,255,.05); }
.models-page .premium-model-card.is-open { grid-column:1/-1; border-color:color-mix(in srgb,var(--provider-accent) 32%,rgba(255,255,255,.14)); box-shadow:0 16px 40px rgba(0,0,0,.26),0 0 30px var(--provider-glow); }
.models-page .provider-openai { --provider-accent:#77c6ad; --provider-glow:rgba(65,171,137,.13); }
.models-page .provider-anthropic { --provider-accent:#d9ac82; --provider-glow:rgba(190,131,83,.13); }
.models-page .provider-google { --provider-accent:#a7a4ff; --provider-glow:rgba(111,117,255,.14); }
.models-page .provider-xai { --provider-accent:#c6c9ce; --provider-glow:rgba(188,194,203,.11); }
.models-page .provider-deepseek { --provider-accent:#83aaff; --provider-glow:rgba(82,126,230,.14); }
.models-page .provider-typesafe { --provider-accent:#8ebfff; --provider-glow:rgba(64,143,231,.14); }
.models-page .provider-meta { --provider-accent:#81aaff; --provider-glow:rgba(54,113,233,.14); }
.models-page .provider-model-grid .premium-model-card:nth-child(1) { --card-index:0; }
.models-page .provider-model-grid .premium-model-card:nth-child(2) { --card-index:1; }
.models-page .provider-model-grid .premium-model-card:nth-child(3) { --card-index:2; }
.models-page .provider-model-grid .premium-model-card:nth-child(4) { --card-index:3; }
.models-page .provider-model-grid .premium-model-card:nth-child(5) { --card-index:4; }
.models-page .provider-model-grid .premium-model-card:nth-child(6) { --card-index:5; }
.models-page .premium-model-card-trigger { display:flex; width:100%; min-height:300px; flex-direction:column; align-items:stretch; gap:15px; padding:20px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.models-page .premium-model-card-trigger:focus-visible { outline:2px solid var(--provider-accent); outline-offset:-4px; border-radius:19px; }
.models-page .model-card-topline { display:flex; justify-content:space-between; align-items:flex-start; }
.models-page .premium-model-card .model-logo { display:grid; width:54px; height:54px; flex:0 0 54px; place-items:center; overflow:hidden; border:1px solid color-mix(in srgb,var(--provider-accent) 25%,rgba(255,255,255,.1)); border-radius:17px; background:linear-gradient(145deg,var(--provider-glow),rgba(255,255,255,.025)); }
.models-page .premium-model-card .model-logo img { width:30px; height:30px; object-fit:contain; }
.models-page .model-card-mark { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,255,255,.075); border-radius:12px; color:#81848c; transition:color .2s ease,transform .2s ease,border-color .2s ease; }
.models-page .model-card-mark .ui-icon { width:16px; height:16px; }
.models-page .premium-model-card:hover .model-card-mark,.models-page .premium-model-card.is-open .model-card-mark { color:var(--provider-accent); border-color:color-mix(in srgb,var(--provider-accent) 30%,transparent); transform:translate(1px,-1px); }
.models-page .premium-model-card .model-title { display:block; min-width:0; }
.models-page .premium-model-card .model-name-line { display:block; min-width:0; }
.models-page .premium-model-card .model-name-line b { display:block; overflow-wrap:anywhere; color:#f0efec; font:600 18px/1.32 "Sora",sans-serif; letter-spacing:-.045em; }
.models-page .premium-model-card .model-title small { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.models-page .premium-model-card .model-title small i { padding:5px 8px; border:1px solid rgba(255,255,255,.075); border-radius:999px; background:rgba(255,255,255,.025); color:#9699a1; font:500 10px/1.2 "DM Mono",monospace; font-style:normal; }
.models-page .premium-model-card .model-description { display:-webkit-box; min-height:42px; overflow:hidden; color:#989aa1; font:12px/1.65 "Sora",sans-serif; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.models-page .model-card-prices { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:auto; padding-top:14px; border-top:1px solid rgba(255,255,255,.075); }
.models-page .model-card-prices > span { display:grid; gap:6px; min-width:0; }
.models-page .model-card-prices small { color:#777b84; font:10px/1.35 "DM Mono",monospace; }
.models-page .model-card-prices b { overflow-wrap:anywhere; color:#e6e5e1; font:600 14px/1.3 "DM Mono",monospace; }
.models-page .premium-model-card .model-detail { margin-top:6px; padding:0 20px 20px; animation:model-detail-enter .28s ease both; }
.models-page .premium-model-card .detail-meta { flex-wrap:wrap; gap:8px 14px; }
.models-page .premium-model-card .detail-layout { grid-template-columns:repeat(2,minmax(0,1fr)) minmax(190px,.8fr); }
@keyframes model-card-enter { from { opacity:0; transform:translateY(12px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes model-detail-enter { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1120px) { .models-page .provider-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .models-page .catalog-groups { gap:30px; } .models-page .provider-group { padding:15px; border-radius:21px; } .models-page .provider-model-grid { grid-template-columns:1fr; gap:11px; } .models-page .premium-model-card.is-open { grid-column:auto; } .models-page .premium-model-card-trigger { min-height:0; padding:17px; } .models-page .premium-model-card .model-description { min-height:0; } .models-page .premium-model-card .detail-layout { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .models-page .premium-model-card,.models-page .premium-model-card .model-detail { animation:none; transition:none; } .models-page .premium-model-card:hover { transform:none; } }

/* Keep the catalog surface edge-to-edge instead of trapping it in a centered column. */
.models-page { width: 100%; max-width: none; margin-inline: 0; }
.models-page .catalog-shell { width: 100%; max-width: none; }

:root { --radius: 10px; --radius-sm: 7px; --radius-lg: 16px; }
html, body { width: 100%; min-width: 0; }
html {
  overflow-x: clip;
  scrollbar-width: none;
}
html::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
body {
  min-height: 100vh;
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  background: #0a0c0d;
}
#app { position: relative; z-index: 1; width: 100%; min-width: 0; }
.ambient-grid { position: fixed; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
.grid-scan { position: absolute; inset: 0; opacity: .18; background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.035) 50%, transparent 100%); animation: grid-scan 9s ease-in-out infinite; }
.grid-star { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 30px 6px rgba(240,173,88,.45); animation: drift 5s ease-in-out infinite; cursor: pointer; pointer-events: auto; transition: transform .3s ease, box-shadow .3s ease; }
.grid-star:hover { transform: scale(1.8); box-shadow: 0 0 50px 10px rgba(240,173,88,.7); }
.star-one { top: 18%; left: 12%; animation-delay: .4s; }
.star-two { top: 72%; left: 80%; animation-delay: 1.3s; background: var(--teal); }
.star-three { top: 42%; left: 58%; animation-delay: 2.8s; background: #b9a4ff; width: 4px; height: 4px; }
.star-four { top: 15%; right: 25%; animation-delay: 2.2s; background: var(--teal); width: 4px; height: 4px; }
.star-five { top: 58%; left: 18%; animation-delay: 1.5s; width: 6px; height: 6px; }
.star-six { top: 82%; right: 40%; animation-delay: 3.8s; background: #83b9ff; width: 3px; height: 3px; }
.star-seven { top: 35%; right: 60%; animation-delay: .8s; background: var(--teal); }
.star-eight { top: 68%; right: 8%; animation-delay: 4.5s; width: 4px; height: 4px; }
@keyframes drift { 0%, 100% { transform: translate3d(0,0,0); opacity: .62; } 50% { transform: translate3d(10px,-8px,0); opacity: 1; } }
@keyframes grid-scan { 0%, 100% { transform: translateY(-8%); opacity: .08; } 50% { transform: translateY(8%); opacity: .25; } }
.site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%); box-shadow: 0 4px 24px rgba(0,0,0,.25); }
.site-header::before { background: radial-gradient(ellipse 34% 150% at 22% 0%, rgba(100,73,180,.16), transparent 72%), linear-gradient(180deg, rgba(23,19,36,.98), rgba(10,12,13,.97)); border-bottom-color: rgba(140,120,185,.18); }
.models-page { background: linear-gradient(180deg, #0a0c0d 0%, #0f0e16 40%, #0a0c0d 100%); min-height: 100vh; position: relative; isolation: isolate; }
.models-page::before { content: ""; position: fixed; inset: 0; background: radial-gradient(circle at 30% 40%, rgba(75,60,100,.2) 0%, transparent 60%), radial-gradient(circle at 70% 60%, rgba(60,80,90,.16) 0%, transparent 60%); pointer-events: none; z-index: -1; opacity: .75; }
.models-page .catalog-shell, .models-page .catalog-toolbar, .models-page .catalog-heading { width: min(100%, 1440px); margin-inline: auto; }
.models-page .catalog-toolbar { max-width: 1440px; }
.models-page .catalog-heading { max-width: 1440px; }
.models-page .provider-group { position: relative; overflow: visible; border-radius: 22px; background: linear-gradient(145deg, rgba(29,31,37,.55), rgba(15,16,21,.3)); box-shadow: inset 0 1px rgba(255,255,255,.025); transition: box-shadow .45s ease, border-color .45s ease; }
.models-page .provider-group::before { content: ""; position: absolute; z-index: -1; inset: -24px; border-radius: 30px; opacity: 0; pointer-events: none; filter: blur(34px); transition: opacity .45s ease; }
.models-page .provider-group:hover::before { opacity: 1; background: radial-gradient(circle at 50% 15%, var(--provider-glow, rgba(102,216,189,.14)), transparent 70%); }
.models-page .provider-model-grid { grid-auto-flow: row; align-items: start; }
.models-page .premium-model-card { min-width: 0; }
.models-page .premium-model-card.is-open { grid-column: 1 / -1; }
.models-page .premium-model-card .model-detail { position: static; clear: both; width: auto; min-width: 0; margin: 0; padding: 20px; overflow: visible; border: 0; border-top: 1px solid rgba(255,255,255,.09); border-radius: 0 0 20px 20px; background: linear-gradient(180deg, rgba(9,11,14,.35), rgba(8,10,12,.72)); box-shadow: none; }
.models-page .premium-model-card .detail-meta { display: flex; align-items: center; min-width: 0; line-height: 1.5; }
.models-page .premium-model-card .detail-layout { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)) minmax(200px,.86fr); gap: 14px; align-items: stretch; margin-top: 16px; }
.models-page .premium-model-card .price-compare, .models-page .premium-model-card .detail-usecase { min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(255,255,255,.025); }
.models-page .premium-model-card .detail-prices { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; margin-top: 12px; }
.models-page .premium-model-card .detail-prices > div { min-width: 0; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(0,0,0,.18); }
.models-page .premium-model-card .detail-prices b, .models-page .premium-model-card .detail-prices small { overflow-wrap: anywhere; }
.models-page .premium-model-card .detail-usecase p { margin: 10px 0 0; line-height: 1.65; }
.models-page .premium-model-card .detail-context { margin-top: 14px; color: var(--provider-accent); font: 10px/1.4 "DM Mono", monospace; }
.hero-signal::before { content: ""; position: absolute; inset: 0; pointer-events: none; filter: blur(60px); background: radial-gradient(circle at center, rgba(240,173,88,.12), rgba(102,216,189,.08) 30%, transparent 65%); animation: ambient-glow 8s ease-in-out infinite; }
@keyframes ambient-glow { 0%, 100% { opacity: .5; transform: scale(1); } 50% { opacity: .8; transform: scale(1.15); } }
.signal-core { width: 110px; height: 110px; background: radial-gradient(circle, rgba(240,173,88,.35), rgba(45,36,27,.7) 35%, #111514 75%); box-shadow: 0 0 0 20px rgba(240,173,88,.055), 0 0 80px rgba(240,173,88,.3), inset 0 0 50px rgba(240,173,88,.15); }
.demo-window, .demo-window-premium { position: relative; border-radius: 10px; background: linear-gradient(145deg, #0f1415, #0a0e0f); box-shadow: 0 30px 100px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04), inset 0 2px 0 rgba(255,255,255,.06); }
.demo-window::before, .demo-window-premium::before { content: ""; position: absolute; z-index: 1; inset: 0 0 auto; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(102,216,189,.35), transparent); }
.button { border-radius: 8px; background: linear-gradient(135deg, #f0ad58, #e09745); box-shadow: 0 12px 32px rgba(240,173,88,.18), inset 0 2px rgba(255,255,255,.25); position: relative; overflow: hidden; transition: transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s ease; }
.button:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(240,173,88,.28), inset 0 2px rgba(255,255,255,.3); }
.section-intro h2, .feature-copy h2, .cta-band h2, .dev-panel h2 { background: linear-gradient(180deg, #f8f5ec, #dbd8d0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.models-page .premium-model-card:hover { box-shadow: 0 28px 70px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.06), 0 0 40px var(--provider-glow); }
.models-page .model-card-prices b, .models-page .price-value { color: #faf7f0; text-shadow: 0 0 24px rgba(255,255,255,.12); }
.site-footer { width: min(100%, 1400px); border-top: 1px solid rgba(255,255,255,.08); position: relative; }
.site-footer::before { content: ""; position: absolute; top: 0; left: 50%; width: min(700px, 80%); height: 2px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(240,173,88,.35), transparent); filter: blur(1px); }
.reveal { opacity: 0; transform: translateY(32px) scale(.97); transition: opacity 1s cubic-bezier(.4,0,.2,1), transform 1s cubic-bezier(.4,0,.2,1); }
.reveal.in-view { opacity: 1; transform: translateY(0) scale(1); }
input, textarea, select, .button, .button-small, .icon-button, .help-button, .code-block, .docs-callout, .feature-card, .plan-card, .metric-card, .panel, .model-route, .route-price { border-radius: var(--radius-sm); }
.feature-card, .plan-card, .metric-card, .panel, .provider-group { border-radius: var(--radius-lg); }
@media (max-width: 760px) {
  .models-page .catalog-shell, .models-page .catalog-toolbar, .models-page .catalog-heading { width: 100%; }
  .models-page .premium-model-card .detail-layout { grid-template-columns: 1fr; }
  .models-page .premium-model-card .model-detail { padding: 16px; }
  .site-header { padding-left: 20px; padding-right: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .grid-star, .grid-scan, .hero-signal::before { animation: none !important; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .models-page .premium-model-card, .models-page .premium-model-card .model-detail, .button { transition: none; animation: none; }
}

.page-hero,
.models-hero,
.docs-layout,
.developer-panels {
  position: relative;
  isolation: isolate;
}

/* Главная страница — чистый черный с тонким градиентом только под hero */
.hero {
  position: relative;
  isolation: isolate;
}

.hero::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: 0;
  right: 0;
  height: 300px;
  background: linear-gradient(180deg, transparent 0%, rgba(10,12,13,0.8) 100%);
  pointer-events: none;
  z-index: -1;
}

.landing .hero::after {
  display: none !important;
}

.landing .product-video-section {
  margin-top: 96px;
}

@media (max-width: 900px) {
  .landing .product-video-section {
    margin-top: 64px;
  }
}

/* На главной header остаётся прозрачным: без фиолетовой подложки, с лёгким blur. */
#app:has(.landing) > .site-header {
  background: rgba(10, 12, 13, 0.38) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
}

#app:has(.landing) > .site-header::before {
  background: linear-gradient(180deg, rgba(10, 12, 13, 0.52), rgba(10, 12, 13, 0.28)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14) !important;
}

/* Единная полупрозрачная шапка поверх атмосферы на всех страницах. */
.site-header,
#app:has(.landing) > .site-header,
#app:has(.pricing-page) > .site-header,
#app:has(.models-page) > .site-header,
#app:has(.docs-layout) > .site-header,
#app:has(.developers-page) > .site-header,
#app:has(.auth-page-premium) > .site-header {
  background: rgba(10, 12, 13, 0.38) !important;
  background-color: rgba(10, 12, 13, 0.38) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.site-header::before {
  background: linear-gradient(180deg, rgba(10, 12, 13, 0.52), rgba(10, 12, 13, 0.28)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14) !important;
}

/* Full-bleed page atmosphere: no centered background slabs or black side blocks. */
#app:has(.pricing-page),
#app:has(.models-page),
#app:has(.docs-layout),
#app:has(.developers-page),
#app:has(.auth-page-premium) {
  min-height: 100vh;
  background-color: #0a0c0d;
}

#app:has(.pricing-page) {
  background:
    radial-gradient(circle at 23% 17%, rgba(83, 61, 132, 0.19) 0%, transparent 42%),
    radial-gradient(circle at 78% 52%, rgba(54, 77, 97, 0.13) 0%, transparent 46%),
    linear-gradient(180deg, #0a0c0d 0%, #10101a 48%, #0a0c0d 100%);
}

#app:has(.models-page) {
  background:
    radial-gradient(circle at 30% 32%, rgba(75, 60, 100, 0.18) 0%, transparent 52%),
    radial-gradient(circle at 72% 64%, rgba(60, 80, 90, 0.12) 0%, transparent 55%),
    linear-gradient(180deg, #0a0c0d 0%, #0f0e16 42%, #0a0c0d 100%);
}

#app:has(.docs-layout),
#app:has(.developers-page) {
  background:
    radial-gradient(circle at 26% 25%, rgba(80, 65, 110, 0.16) 0%, transparent 46%),
    radial-gradient(circle at 76% 68%, rgba(65, 85, 95, 0.12) 0%, transparent 50%),
    #0a0c0d;
}

.landing > .trusted {
  display: none !important;
}

.pricing-page,
.models-page {
  background: transparent !important;
}

.pricing-page::before {
  background:
    radial-gradient(ellipse 42% 28% at 50% 8%, rgba(116, 79, 255, 0.22), transparent 72%),
    radial-gradient(ellipse 34% 23% at 24% 45%, rgba(71, 47, 177, 0.13), transparent 76%),
    radial-gradient(ellipse 38% 25% at 76% 72%, rgba(92, 54, 207, 0.11), transparent 78%) !important;
  opacity: 0.78 !important;
}

.pricing-page > .pricing-sky {
  background: transparent !important;
}

body:has(.pricing-page) .page-star {
  display: block !important;
  opacity: 0.72;
}

.pricing-page .shooting-star {
  z-index: 3;
  opacity: 0;
  animation: pricing-shooting-star 6.8s ease-in-out infinite !important;
}

/* Models catalog: softer surfaces and breathing room at the end of the list. */
.models-page .catalog-shell {
  border-radius: 28px;
}

.models-page .catalog-heading {
  border-radius: 26px 26px 0 0;
}

.models-page .catalog-search,
.models-page .catalog-toolbar select,
.models-page .catalog-segment {
  border-radius: 14px;
}

.models-page .catalog-segment button {
  border-radius: 0;
}

.models-page .catalog-segment button:first-child {
  border-radius: 13px 0 0 13px;
}

.models-page .catalog-segment button:last-child {
  border-radius: 0 13px 13px 0;
}

.models-page .catalog-segment {
  overflow: hidden;
}

.models-page .catalog-groups {
  padding-bottom: 52px;
}

.models-page .provider-group {
  border-radius: 28px;
}

.models-page .premium-model-card {
  border-radius: 24px;
}

.models-page .premium-model-card .model-detail {
  border-radius: 0 0 24px 24px;
}

.models-page .provider-logo,
.models-page .premium-model-card .model-logo,
.models-page .model-card-mark,
.models-page .price-compare,
.models-page .detail-usecase,
.models-page .premium-model-card .detail-prices > div {
  border-radius: 16px;
}

@media (max-width: 760px) {
  .models-page .catalog-shell {
    border-radius: 22px;
  }

  .models-page .provider-group {
    border-radius: 22px;
  }

  .models-page .premium-model-card {
    border-radius: 20px;
  }

  .models-page .premium-model-card .model-detail {
    border-radius: 0 0 20px 20px;
  }
}

/* Models use the exact same full-viewport sky and interaction as pricing. */
.models-page {
  isolation: isolate;
}

.models-page > .models-sky {
  position: fixed !important;
  inset: 0 auto auto 50% !important;
  width: 100vw !important;
  height: 100dvh !important;
  transform: translateX(-50%) !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: .72;
}

.models-page > .models-sky > .page-starfield {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.models-page > .models-sky > .shooting-star {
  top: var(--shooting-start-y, 18%) !important;
  left: var(--shooting-start-x, 108%) !important;
  width: 150px !important;
  height: 2px !important;
  position: absolute !important;
  z-index: 1 !important;
  transform-origin: 100% 50%;
  transform: rotate(var(--shooting-angle, -7deg)) !important;
  background: linear-gradient(90deg, transparent, rgba(224,235,255,.2) 20%, rgba(255,255,255,.98) 80%, rgba(255,255,255,.12)) !important;
  box-shadow: 0 0 12px rgba(220,235,255,.78);
  animation: pricing-shooting-star 6.8s ease-in-out infinite !important;
}

.models-page > .models-sky .page-star {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .models-page > .models-sky .shooting-star {
    animation: none !important;
  }
}

/* Full report polish: ambient depth, stronger controls and clearer feedback. */
body {
  background: radial-gradient(ellipse at 50% 20%, rgba(15, 14, 22, .8) 0%, #0a0c0d 60%);
  color: #f2f0ea;
  overflow-x: clip;
  overflow-y: visible;
  position: relative;
}

.hero-signal::before {
  content: "";
  position: absolute;
  inset: -80px;
  background: radial-gradient(circle at center, rgba(240, 173, 88, .06) 0%, transparent 70%);
  pointer-events: none;
  animation: ambient-pulse 8s ease-in-out infinite;
  filter: blur(60px);
}

@keyframes ambient-pulse {
  0%, 100% { opacity: .4; }
  50% { opacity: .7; }
}

.demo-window,
.demo-window-premium {
  border: 1px solid #3a4549;
  border-radius: 10px;
  background: linear-gradient(145deg, #0f1415, #0a0e0f);
  box-shadow: 0 30px 100px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .04), inset 0 2px 0 rgba(255, 255, 255, .06);
  overflow: hidden;
  position: relative;
}

.demo-window::before,
.demo-window-premium::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(102, 216, 189, .35), transparent);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 22px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: linear-gradient(135deg, #f0ad58 0%, #e09745 100%);
  color: #1e1913;
  font-weight: 800;
  font-size: 12px;
  transition: .35s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 12px 32px rgba(240, 173, 88, .18), inset 0 2px 0 rgba(255, 255, 255, .25), inset 0 -2px 0 rgba(0, 0, 0, .1);
  position: relative;
  overflow: hidden;
}

.button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, .25) 0%, transparent 100%);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}

.button:hover::before { opacity: 1; }
.button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 45px rgba(240, 173, 88, .28), inset 0 2px 0 rgba(255, 255, 255, .3);
}
.button > * { position: relative; z-index: 1; }

.button.button-ghost {
  background: transparent;
  border-color: #394143;
  box-shadow: none;
  color: #d7d4cb;
}
.button.button-ghost:hover { border-color: var(--amber); color: var(--amber); box-shadow: none; }

.section-intro h2,
.feature-copy h2,
.cta-band h2,
.dev-panel h2,
.pricing-note h2 {
  font-size: 48px;
  line-height: 1.02;
  letter-spacing: -2px;
  margin: 17px 0;
  background: linear-gradient(180deg, #f8f5ec 0%, #dbd8d0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.model-card:hover {
  transform: translateY(-4px);
  border-color: #505958;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .48), 0 0 0 1px rgba(255, 255, 255, .06), 0 0 40px rgba(102, 216, 189, .08);
}

.route-lane:hover {
  background: rgba(102, 216, 189, .08);
  border-color: rgba(102, 216, 189, .3);
}
.route-lane.path-a { border-left: 2px solid rgba(240, 173, 88, .4); }
.route-lane.path-b { border-left: 2px solid rgba(102, 216, 189, .4); }
.route-lane.path-c { border-left: 2px solid rgba(99, 199, 177, .4); }

.site-footer {
  max-width: 1280px;
  margin: auto;
  padding: 90px 34px 32px;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 70px;
  color: #74807c;
  border-top: 1px solid rgba(255, 255, 255, .08);
  position: relative;
}
.site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(700px, 80%);
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(240, 173, 88, .35), transparent);
  filter: blur(1px);
}

.reveal {
  opacity: 0;
  transform: translateY(32px) scale(.97);
  transition: opacity 1s cubic-bezier(.4, 0, .2, 1), transform 1s cubic-bezier(.4, 0, .2, 1);
}
.reveal.in-view { opacity: 1; transform: translateY(0) scale(1); }

.model-prices b,
.price-value,
.plan-card > strong {
  text-shadow: 0 0 24px rgba(255, 255, 255, .12);
}

@media (max-width: 680px) {
  .section-intro h2,
  .feature-copy h2,
  .cta-band h2,
  .dev-panel h2,
  .pricing-note h2 { font-size: clamp(34px, 10vw, 44px); letter-spacing: -1.5px; }
  .site-footer { padding: 70px 20px 25px; grid-template-columns: 1fr; gap: 45px; }
}

/* Keep the primary landing CTA above the legacy neutral-button override. */
.hero-actions .button:not(.button-ghost) {
  background: linear-gradient(135deg, #f0ad58 0%, #e09745 100%) !important;
  border-color: transparent !important;
  color: #1e1913 !important;
}

/* Final audit polish: keep the landing hero deep-black and the dashboard usable. */
.hero-signal::before { display: none !important; }
.landing, .hero { background: #000 !important; }
.landing { position: relative; isolation: isolate; }
.dash-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(10, 12, 13, .96);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.dash-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 22px;
  align-items: start;
}
.dash-card { display: flex; flex-direction: column; height: 100%; min-height: 220px; }
.dash-card .dash-card-head { flex: 0 0 auto; }
.pricing-page .plan-card {
  opacity: 1;
  transform: translateY(30px);
  animation: cardReveal .6s cubic-bezier(.4, 0, .2, 1) forwards;
}
.pricing-page .plan-card:nth-child(1) { animation-delay: 0s; }
.pricing-page .plan-card:nth-child(2) { animation-delay: .1s; }
.pricing-page .plan-card:nth-child(3) { animation-delay: .2s; }
.pricing-page .plan-card:nth-child(4) { animation-delay: .3s; }
.pricing-page .plan-card:nth-child(5) { animation-delay: .4s; }
.pricing-page .plan-card:nth-child(6) { animation-delay: .5s; }
@keyframes cardReveal { to { opacity: 1; transform: translateY(0); } }
.models-page .model-row { margin-bottom: 10px; }
.models-page .model-row-trigger { padding-top: 17px; padding-bottom: 17px; }
.models-page .model-title { gap: 14px; }
.models-page .model-detail { margin-bottom: 22px; padding: 22px 24px; }
.button:hover { transform: translateY(-4px); box-shadow: 0 22px 54px rgba(240, 173, 88, .34), inset 0 2px 0 rgba(255, 255, 255, .34); }
.button:active { transform: translateY(-1px) scale(.985); box-shadow: 0 10px 24px rgba(240, 173, 88, .2); }
@media (max-width: 820px) {
  .site-header { min-height: 64px; padding: 14px 20px; }
  .site-header .brand { min-width: 0; }
  .site-header .header-actions { margin-left: auto; }
  .site-nav { max-width: 100%; }
}
@media (max-width: 768px) {
  .site-header { flex-wrap: wrap; gap: 12px; }
  .site-header .header-actions { order: 2; }
  .site-header .menu-toggle { order: 3; }
  .site-nav { flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 4px; margin-top: 8px; }
  .site-nav:not(.open) { display: none; }
  .site-nav a { padding: 12px 14px; }
  .dash-grid { grid-template-columns: 1fr; }
  .dash-header { padding-top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .pricing-page .plan-card { animation: none; opacity: 1; transform: none; }
  .button:hover, .button:active { transform: none; }
}

/* Keep the pricing grid visible and keep its controls anchored to the layout. */
.pricing-page .plans.reveal {
  opacity: 1;
  transform: none;
}

.pricing-page .plan-foot .button {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Keep the action below the final pricing row instead of overlaying it. */
.pricing-page .plan-foot {
  bottom: 8px;
}

.pricing-page > .plans-toggle {
  display: flex;
  width: max-content;
  max-width: 100%;
  min-width: 220px;
  margin: 20px auto 84px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* Additional plans stay hidden until the pricing toggle is activated. */
.pricing-page .plans:not(.plans-expanded) .plan-card-extra {
  display: none !important;
}
.pricing-page .plans.plans-expanded .plan-card-extra {
  display: flex !important;
}

@media (max-width: 800px) {
  .pricing-page > .plans-toggle {
    width: min(220px, 100%);
    min-width: 0;
    margin: 20px auto 60px;
  }
}
/* DASHBOARD SIDEBAR */
.dashboard-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: 240px;
  height: 100vh;
  background: #0f1214;
  border-right: 1px solid #2a2e31;
  display: flex;
  flex-direction: column;
  z-index: 100;
}

.sidebar-header {
  padding: 20px;
  border-bottom: 1px solid #2a2e31;
}

.sidebar-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #f8fafc;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.sidebar-logo i {
  font-size: 24px;
  color: var(--amber);
}

.sidebar-content {
  flex: 1;
  overflow-y: auto;
  padding: 20px 12px;
}

.sidebar-section {
  margin-bottom: 24px;
}

.sidebar-label {
  font-size: 11px;
  font-weight: 600;
  color: #6b7172;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0 12px 8px;
  font-family: "DM Mono", monospace;
}

.sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sidebar-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  color: #9ba8a3;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.sidebar-link:hover {
  background: rgba(255,255,255,0.05);
  color: #f8fafc;
}

.sidebar-link.active {
  background: rgba(240,173,88,0.12);
  color: var(--amber);
}

.sidebar-link i {
  font-size: 18px;
}

.sidebar-footer {
  padding: 12px;
  border-top: 1px solid #2a2e31;
}

.sidebar-user {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  background: transparent;
  border: none;
  color: #f8fafc;
  cursor: pointer;
  transition: background 0.2s ease;
}

.sidebar-user:hover {
  background: rgba(255,255,255,0.05);
}

.user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--amber);
  color: #1e1913;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
}

.user-info {
  flex: 1;
  text-align: left;
}

.user-name {
  font-size: 13px;
  font-weight: 600;
}

.user-email {
  font-size: 11px;
  color: #6b7172;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Dashboard main layout */
.dashboard-layout {
  display: flex;
  min-height: 100vh;
}

.dashboard-main {
  margin-left: 240px;
  flex: 1;
  background: #0a0c0d;
}

.dashboard-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(15,18,20,0.95);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #2a2e31;
  padding: 16px 32px;
}

.dashboard-content {
  padding: 32px;
  max-width: 1400px;
  margin: 0 auto;
}


/* METRICS GRID */
.metrics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}

.metric-card {
  background: #171a1d;
  border: 1px solid #2a2e31;
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}

.metric-card:hover {
  border-color: #3a4045;
  transform: translateY(-2px);
}

.metric-card-balance {
  background: linear-gradient(135deg, rgba(102,216,189,0.08) 0%, rgba(102,216,189,0.02) 100%);
  border-color: rgba(102,216,189,0.2);
}

.metric-label {
  font-size: 12px;
  color: #6b7172;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
  font-family: "DM Mono", monospace;
}

.metric-value {
  font-size: 32px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 8px;
  font-family: "DM Mono", monospace;
}

.metric-value-large {
  font-size: 40px;
  color: var(--teal);
}

.metric-change {
  font-size: 13px;
  color: #9ba8a3;
  display: flex;
  align-items: center;
  gap: 6px;
}

.metric-change-positive {
  color: var(--teal);
}

.metric-change i {
  font-size: 16px;
}

/* DASHBOARD SECTIONS */
.dashboard-section {
  background: #171a1d;
  border: 1px solid #2a2e31;
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 32px;
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}

.section-header h2 {
  font-size: 20px;
  font-weight: 700;
  color: #f8fafc;
  margin: 0 0 4px;
}

.section-subtitle {
  font-size: 13px;
  color: #6b7172;
  margin: 0;
}

.link-button {
  color: var(--amber);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.link-button:hover {
  color: #f5b662;
}

/* CHART CONTAINER */
.chart-container {
  height: 300px;
  padding: 20px;
  background: #0f1214;
  border-radius: 8px;
}

/* ACTIVITY TABLE */
.activity-table-container {
  overflow-x: auto;
}

.activity-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.activity-table thead {
  background: #0f1214;
}

.activity-table th {
  padding: 12px 16px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  color: #6b7172;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #2a2e31;
  font-family: "DM Mono", monospace;
}

.activity-table td {
  padding: 14px 16px;
  color: #9ba8a3;
  border-bottom: 1px solid #1c2023;
}

.activity-table tbody tr:hover {
  background: rgba(255,255,255,0.03);
}

.req-id {
  font-family: "DM Mono", monospace;
  font-size: 12px;
  color: var(--amber);
  background: rgba(240,173,88,0.1);
  padding: 4px 8px;
  border-radius: 4px;
}

.cost-value {
  font-family: "DM Mono", monospace;
  font-weight: 600;
  color: #f8fafc;
}

/* QUICK ACTIONS */
.quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}

.action-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: #0f1214;
  border: 1px solid #2a2e31;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: left;
}

.action-card:hover {
  border-color: var(--amber);
  background: rgba(240,173,88,0.05);
}

.action-card i {
  font-size: 28px;
  color: var(--amber);
}

.action-title {
  font-size: 15px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 4px;
}

.action-description {
  font-size: 12px;
  color: #6b7172;
}
/* KEYS TABLE */
.keys-table-container {
  overflow-x: auto;
}

.keys-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.keys-table thead {
  background: #0f1214;
}

.keys-table th {
  padding: 14px 16px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  color: #6b7172;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #2a2e31;
  font-family: "DM Mono", monospace;
}

.keys-table td {
  padding: 16px;
  color: #9ba8a3;
  border-bottom: 1px solid #1c2023;
}

.keys-table tbody tr:hover {
  background: rgba(255,255,255,0.03);
}

.key-name {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #f8fafc;
}

.key-name i {
  color: var(--amber);
  font-size: 18px;
}

.key-value {
  display: flex;
  align-items: center;
  gap: 10px;
}

.key-masked {
  font-family: "DM Mono", monospace;
  font-size: 12px;
  color: #9ba8a3;
  background: rgba(255,255,255,0.05);
  padding: 6px 10px;
  border-radius: 4px;
  user-select: all;
}

.icon-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #2a2e31;
  border-radius: 6px;
  color: #9ba8a3;
  cursor: pointer;
  transition: all 0.2s ease;
}

.icon-btn:hover {
  background: rgba(255,255,255,0.05);
  border-color: var(--amber);
  color: var(--amber);
}

.icon-btn-danger:hover {
  border-color: var(--red);
  color: var(--red);
}

.table-actions {
  display: flex;
  gap: 8px;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.status-active {
  background: rgba(102,216,189,0.1);
  color: var(--teal);
}

.status-inactive {
  background: rgba(107,113,114,0.1);
  color: #6b7172;
}

.status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

/* NOTICE CARDS */
.notice-card {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  margin-top: 24px;
}

.notice-warning {
  background: rgba(245,158,11,0.08);
  border: 1px solid rgba(245,158,11,0.2);
}

.notice-success {
  background: rgba(102,216,189,0.08);
  border: 1px solid rgba(102,216,189,0.2);
}

.notice-card i {
  font-size: 24px;
  flex-shrink: 0;
}

.notice-warning i {
  color: #f59e0b;
}

.notice-success i {
  color: var(--teal);
}

.notice-title {
  font-size: 14px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 4px;
}

.notice-text {
  font-size: 13px;
  color: #9ba8a3;
  line-height: 1.5;
}

/* MODALS */
.modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(4px);
}

.modal-content {
  position: relative;
  background: #171a1d;
  border: 1px solid #2a2e31;
  border-radius: 12px;
  max-height: 90vh;
  overflow-y: auto;
  width: 100%;
  animation: modalSlideIn 0.3s ease;
}

.modal-medium {
  max-width: 540px;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border-bottom: 1px solid #2a2e31;
}

.modal-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: #f8fafc;
  margin: 0;
}

.modal-close {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #2a2e31;
  border-radius: 6px;
  color: #9ba8a3;
  cursor: pointer;
  transition: all 0.2s ease;
}

.modal-close:hover {
  background: rgba(255,255,255,0.05);
  border-color: var(--red);
  color: var(--red);
}

.modal-body {
  padding: 24px;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px;
  border-top: 1px solid #2a2e31;
}

/* FORMS */
.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #f8fafc;
  margin-bottom: 8px;
}

.form-input {
  width: 100%;
  padding: 12px 14px;
  background: #0f1214;
  border: 1px solid #2a2e31;
  border-radius: 6px;
  color: #f8fafc;
  font-size: 14px;
  transition: all 0.2s ease;
}

.form-input:focus {
  outline: none;
  border-color: var(--amber);
  background: #1c2023;
}

.form-hint {
  font-size: 12px;
  color: #6b7172;
  margin-top: 6px;
}

.checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #9ba8a3;
  cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* KEY REVEAL */
.key-reveal {
  margin-top: 20px;
}

.key-reveal label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #f8fafc;
  margin-bottom: 8px;
}

.key-reveal-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #0f1214;
  border: 1px solid var(--teal);
  border-radius: 8px;
}

.key-reveal-box code {
  flex: 1;
  font-family: "DM Mono", monospace;
  font-size: 13px;
  color: var(--teal);
  user-select: all;
}

/* TOAST */
.toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 14px 20px;
  background: #171a1d;
  border: 1px solid var(--teal);
  border-radius: 8px;
  color: #f8fafc;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 10px 40px rgba(0,0,0,0.4);
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 10000;
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

/* BUTTONS */
.button-create-key {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.button-secondary {
  background: transparent;
  border: 1px solid #2a2e31;
  color: #9ba8a3;
}

.button-secondary:hover {
  background: rgba(255,255,255,0.05);
  border-color: #3a4045;
  color: #f8fafc;
}
/* FILTERS PANEL */
.filters-panel {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  padding: 20px;
  background: #171a1d;
  border: 1px solid #2a2e31;
  border-radius: 12px;
  margin-bottom: 32px;
}

.filter-group {
  flex: 1;
  max-width: 220px;
}

.filter-group label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #6b7172;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: "DM Mono", monospace;
}

.filter-select {
  width: 100%;
  padding: 10px 12px;
  background: #0f1214;
  border: 1px solid #2a2e31;
  border-radius: 6px;
  color: #f8fafc;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.filter-select:focus {
  outline: none;
  border-color: var(--amber);
}

.filter-actions {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

/* USAGE OVERVIEW GRID */
.usage-overview-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 16px;
}

.overview-card {
  padding: 20px;
  background: #0f1214;
  border: 1px solid #2a2e31;
  border-radius: 8px;
}

.overview-card-primary {
  background: rgba(240,173,88,0.05);
  border-color: rgba(240,173,88,0.2);
}

.overview-label {
  font-size: 12px;
  color: #6b7172;
  font-weight: 600;
  margin-bottom: 12px;
}

.overview-value {
  font-size: 28px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 8px;
  font-family: "DM Mono", monospace;
}

.overview-card-primary .overview-value {
  font-size: 32px;
  color: var(--amber);
}

.overview-hint {
  font-size: 11px;
  color: #6b7172;
}

.overview-period {
  font-size: 12px;
  color: #9ba8a3;
  font-weight: 600;
}

/* DATA GRID */
.data-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 32px;
}

/* USAGE DISTRIBUTION */
.usage-distribution-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.distribution-item {
  padding-bottom: 20px;
  border-bottom: 1px solid #2a2e31;
}

.distribution-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.distribution-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}

.distribution-rank {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.05);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #9ba8a3;
  font-family: "DM Mono", monospace;
}

.distribution-name {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #f8fafc;
}

.distribution-badge {
  padding: 4px 10px;
  background: rgba(240,173,88,0.1);
  border: 1px solid rgba(240,173,88,0.2);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: var(--amber);
}

.distribution-cost {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-family: "DM Mono", monospace;
}

.distribution-cost > div:first-child {
  font-size: 16px;
  font-weight: 700;
  color: #f8fafc;
}

.distribution-percent {
  font-size: 13px;
  color: #6b7172;
}

.distribution-bar {
  height: 4px;
  background: #2a2e31;
  border-radius: 2px;
  overflow: hidden;
}

.distribution-fill {
  height: 100%;
  background: var(--amber);
  border-radius: 2px;
}

/* TOKEN COMPOSITION */
.token-composition {
  padding: 20px 0;
}

.composition-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.composition-label {
  font-size: 13px;
  color: #9ba8a3;
  margin-bottom: 6px;
}

.composition-ratio {
  font-size: 14px;
  font-weight: 600;
  color: #f8fafc;
  font-family: "DM Mono", monospace;
}

.composition-percentage {
  font-size: 32px;
  font-weight: 700;
  color: var(--teal);
  font-family: "DM Mono", monospace;
}

.composition-bar {
  display: flex;
  height: 32px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
}

.composition-segment {
  height: 100%;
}

.composition-uncached {
  background: #3a4045;
}

.composition-cache-read {
  background: var(--teal);
}

.composition-cache-write {
  background: var(--amber);
}

.composition-legend {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #9ba8a3;
}

.legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  flex-shrink: 0;
}

.legend-uncached {
  background: #3a4045;
}

.legend-cache-read {
  background: var(--teal);
}

.legend-cache-write {
  background: var(--amber);
}

.legend-output {
  background: #6b7172;
}

.legend-item strong {
  margin-left: auto;
  color: #f8fafc;
  font-family: "DM Mono", monospace;
}

/* USAGE TABLE */
.usage-table-container {
  overflow-x: auto;
}

.usage-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.usage-table thead {
  background: #0f1214;
}

.usage-table th {
  padding: 12px 14px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  color: #6b7172;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #2a2e31;
  font-family: "DM Mono", monospace;
}

.usage-table td {
  padding: 16px 14px;
  color: #9ba8a3;
  border-bottom: 1px solid #1c2023;
}

.usage-table tbody tr:hover {
  background: rgba(255,255,255,0.03);
}

.key-name-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #f8fafc;
}

.highest-badge {
  padding: 3px 8px;
  background: rgba(240,173,88,0.1);
  border: 1px solid rgba(240,173,88,0.2);
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  color: var(--amber);
}

.usage-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.usage-amount {
  font-family: "DM Mono", monospace;
  font-weight: 700;
  color: #f8fafc;
}

.usage-bar-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.usage-bar-fill {
  height: 4px;
  background: var(--amber);
  border-radius: 2px;
}

.usage-bar-label {
  font-size: 11px;
  color: #6b7172;
  font-family: "DM Mono", monospace;
}

.tokens-cell {
  font-size: 12px;
  font-family: "DM Mono", monospace;
}

.tokens-cell div:first-child {
  margin-bottom: 4px;
}

.keys-count {
  font-size: 12px;
  color: #9ba8a3;
  font-weight: 600;
}
/* BILLING */
.balance-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  background: linear-gradient(135deg, rgba(240,173,88,0.08) 0%, rgba(240,173,88,0.02) 100%);
  border: 1px solid rgba(240,173,88,0.2);
  border-radius: 12px;
  margin-bottom: 32px;
}

.balance-label {
  font-size: 14px;
  color: #9ba8a3;
  margin-bottom: 8px;
}

.balance-value {
  font-size: 48px;
  font-weight: 700;
  color: var(--amber);
  font-family: "DM Mono", monospace;
}

.button-large {
  padding: 16px 28px;
  font-size: 16px;
}

.topup-amounts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
}

.topup-amount-card {
  padding: 24px;
  background: #0f1214;
  border: 1px solid #2a2e31;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}

.topup-amount-card:hover {
  border-color: var(--amber);
  background: rgba(240,173,88,0.05);
  transform: translateY(-2px);
}

.topup-amount-value {
  font-size: 28px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 6px;
  font-family: "DM Mono", monospace;
}

.topup-amount-hint {
  font-size: 12px;
  color: #6b7172;
}

.topup-amount-custom {
  border-style: dashed;
}

.transactions-table-container {
  overflow-x: auto;
}

.transactions-table {
  width: 100%;
  border-collapse: collapse;
}

.transactions-table th {
  padding: 12px 16px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  color: #6b7172;
  text-transform: uppercase;
  border-bottom: 1px solid #2a2e31;
  background: #0f1214;
}

.transactions-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #1c2023;
}

.tx-type {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #9ba8a3;
}

.tx-amount {
  font-family: "DM Mono", monospace;
  font-weight: 700;
  font-size: 14px;
}

.tx-amount.positive {
  color: var(--teal);
}

.tx-amount.negative {
  color: #9ba8a3;
}

.tx-balance {
  font-family: "DM Mono", monospace;
  color: #f8fafc;
}
/* INVITE REWARDS */
.referral-hero {
  display: flex;
  gap: 32px;
  padding: 40px;
  background: linear-gradient(135deg, rgba(102,216,189,0.08) 0%, rgba(102,216,189,0.02) 100%);
  border: 1px solid rgba(102,216,189,0.2);
  border-radius: 12px;
  margin-bottom: 32px;
}

.referral-icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(102,216,189,0.1);
  border-radius: 50%;
  flex-shrink: 0;
}

.referral-icon i {
  font-size: 40px;
  color: var(--teal);
}

.referral-content {
  flex: 1;
}

.referral-label {
  font-size: 13px;
  color: #9ba8a3;
  margin-bottom: 8px;
}

.referral-code {
  font-size: 36px;
  font-weight: 700;
  color: var(--teal);
  margin-bottom: 20px;
  font-family: "DM Mono", monospace;
  letter-spacing: 2px;
}

.referral-link-box {
  display: flex;
  gap: 12px;
}

.referral-link-input {
  flex: 1;
  padding: 12px 16px;
  background: #0f1214;
  border: 1px solid #2a2e31;
  border-radius: 6px;
  color: #9ba8a3;
  font-size: 13px;
  font-family: "DM Mono", monospace;
}

.invite-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-bottom: 32px;
}

.invite-stat-card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: #171a1d;
  border: 1px solid #2a2e31;
  border-radius: 12px;
}

.stat-card-highlight {
  background: rgba(240,173,88,0.05);
  border-color: rgba(240,173,88,0.2);
}

.stat-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.05);
  border-radius: 12px;
  flex-shrink: 0;
}

.stat-icon i {
  font-size: 28px;
  color: var(--teal);
}

.stat-card-highlight .stat-icon i {
  color: var(--amber);
}

.stat-value {
  font-size: 32px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 4px;
  font-family: "DM Mono", monospace;
}

.stat-label {
  font-size: 13px;
  color: #6b7172;
}

.how-it-works-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.how-step {
  display: flex;
  gap: 20px;
  padding: 24px;
  background: #0f1214;
  border: 1px solid #2a2e31;
  border-radius: 8px;
}

.step-number {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--amber);
  color: #1e1913;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  flex-shrink: 0;
}

.step-title {
  font-size: 16px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 8px;
}

.step-text {
  font-size: 13px;
  color: #9ba8a3;
  line-height: 1.6;
}

.empty-state {
  text-align: center;
  padding: 60px 20px;
}

.empty-state i {
  font-size: 64px;
  color: #3a4045;
  margin-bottom: 20px;
}

.empty-state-title {
  font-size: 18px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 8px;
}

.empty-state-text {
  font-size: 14px;
  color: #6b7172;
}
.form-textarea {
  width: 100%;
  padding: 12px 14px;
  background: #0f1214;
  border: 1px solid #2a2e31;
  border-radius: 6px;
  color: #f8fafc;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
  transition: all 0.2s ease;
}

.form-textarea:focus {
  outline: none;
  border-color: var(--amber);
  background: #1c2023;
}
/* PROFILE */
.profile-info-grid {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 40px;
}

.profile-avatar-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.profile-avatar-large {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--amber);
  color: #1e1913;
  border-radius: 50%;
  font-size: 48px;
  font-weight: 700;
}

.profile-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.profile-field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #6b7172;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.profile-value {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  color: #f8fafc;
  font-weight: 500;
}

.verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(102,216,189,0.1);
  border: 1px solid rgba(102,216,189,0.2);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--teal);
}

.settings-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.setting-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #2a2e31;
}

.setting-item:last-child {
  border-bottom: none;
}

.setting-title {
  font-size: 15px;
  font-weight: 600;
  color: #f8fafc;
  margin-bottom: 4px;
}

.setting-description {
  font-size: 13px;
  color: #6b7172;
}

.toggle-switch {
  position: relative;
  width: 48px;
  height: 26px;
  cursor: pointer;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: absolute;
  inset: 0;
  background: #2a2e31;
  border-radius: 26px;
  transition: 0.3s;
}

.toggle-slider::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 3px;
  bottom: 3px;
  background: #6b7172;
  border-radius: 50%;
  transition: 0.3s;
}

.toggle-switch input:checked + .toggle-slider {
  background: var(--teal);
}

.toggle-switch input:checked + .toggle-slider::before {
  transform: translateX(22px);
  background: #fff;
}

.section-danger {
  border: 1px solid rgba(227,125,112,0.3);
  background: rgba(227,125,112,0.03);
}

.danger-actions {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.danger-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background: rgba(227,125,112,0.05);
  border: 1px solid rgba(227,125,112,0.2);
  border-radius: 8px;
}

.danger-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--red);
  margin-bottom: 6px;
}

.danger-description {
  font-size: 13px;
  color: #9ba8a3;
  max-width: 600px;
}

.button-danger {
  background: var(--red);
  border-color: var(--red);
  color: #fff;
}

.button-danger:hover {
  background: #d66b5e;
  box-shadow: 0 10px 30px rgba(227,125,112,0.3);
}
/* DASHBOARD LAYOUT */
.dashboard-page {
  background: #0a0c0d;
}

.dashboard-page .site-header,
.dashboard-page .site-footer {
  display: none;
}

.dashboard-layout {
  display: flex;
  min-height: 100vh;
}

.dashboard-main {
  margin-left: 240px;
  flex: 1;
  background: #0a0c0d;
  min-height: 100vh;
}

.dashboard-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(15,18,20,0.95);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #2a2e31;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-header h1 {
  font-size: 28px;
  font-weight: 700;
  color: #f8fafc;
  margin: 0 0 4px;
}

.dashboard-subtitle {
  font-size: 14px;
  color: #6b7172;
  margin: 0;
}

.dashboard-content {
  padding: 32px;
  max-width: 1400px;
  margin: 0 auto;
}

/* Mobile responsiveness */
@media (max-width: 1024px) {
  .dashboard-sidebar {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }

  .dashboard-sidebar.mobile-open {
    transform: translateX(0);
  }

  .dashboard-main {
    margin-left: 0;
  }
}

@media (max-width: 680px) {
  .dashboard-main,
  .dashboard-content,
  .dashboard-section,
  .dashboard-header {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .dashboard-header {
    padding: 18px 16px;
  }

  .dashboard-content {
    padding: 20px 16px 48px;
  }

  .dashboard-section {
    padding: 20px 16px;
    overflow: hidden;
  }

  .section-header {
    gap: 12px;
    flex-wrap: wrap;
  }

  .token-composition {
    width: 100%;
    min-width: 0;
  }

  .composition-header,
  .composition-legend {
    flex-wrap: wrap;
    gap: 8px;
  }

  .composition-percentage {
    margin-left: auto;
  }

  .transactions-table-container,
  .keys-table-container,
  .activity-table-container {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .transactions-table,
  .keys-table,
  .activity-table {
    min-width: 620px;
  }

  .referral-hero,
  .profile-info-grid {
    flex-direction: column;
    display: flex;
    padding: 24px 20px;
    gap: 20px;
  }

  .referral-content,
  .profile-details,
  .profile-field,
  .profile-value {
    min-width: 0;
    max-width: 100%;
  }

  .referral-link-box {
    flex-wrap: wrap;
  }

  .referral-link-input {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .referral-link-box .button {
    width: 100%;
  }

  .profile-value {
    flex-wrap: wrap;
    overflow-wrap: anywhere;
  }

  .setting-item,
  .danger-action {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .danger-action .button {
    width: 100%;
  }
}

/* Dashboard redesign */
.dashboard-redesign {
  --dashboard-bg: #0a0c0d;
  --dashboard-sidebar: #080b0d;
  --dashboard-card: #151a1c;
  --dashboard-raised: #1b2224;
  --dashboard-border: #2b3536;
  --dashboard-text: #f8fafc;
  --dashboard-muted: #a1aaa7;
  --dashboard-tertiary: #687570;
  --dashboard-cyan: #66d8bd;
  --dashboard-orange: #f97316;
  --dashboard-success: #10b981;
  --dashboard-danger: #ef4444;
  display: flex;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--dashboard-text);
  background: var(--dashboard-bg);
}
.dashboard-redesign *, .dashboard-redesign *::before, .dashboard-redesign *::after { box-sizing: border-box; }
.dashboard-sidebar-redesign {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  width: 240px;
  min-height: 100vh;
  padding: 24px 16px;
  background: var(--dashboard-sidebar);
  border-right: 1px solid #1e293b;
}
.dashboard-sidebar-redesign .sidebar-header { padding: 0 8px 28px; }
.dashboard-sidebar-redesign .sidebar-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--dashboard-text);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.dashboard-logo-mark {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(56,189,248,.55);
  border-radius: 8px;
  color: #07131d;
  background: var(--dashboard-cyan);
  font: 800 11px/1 "JetBrains Mono", "DM Mono", monospace;
  box-shadow: 0 0 22px rgba(56,189,248,.22);
}
.dashboard-sidebar-redesign .sidebar-content { flex: 1; min-height: 0; overflow-y: auto; }
.dashboard-sidebar-redesign .sidebar-section + .sidebar-section { margin-top: 28px; }
.dashboard-sidebar-redesign .sidebar-label {
  margin: 0 12px 8px;
  color: var(--dashboard-tertiary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dashboard-sidebar-redesign .sidebar-nav { display: grid; gap: 3px; }
.dashboard-sidebar-redesign .sidebar-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 6px;
  color: var(--dashboard-muted);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s ease, color .15s ease;
}
.dashboard-sidebar-redesign .sidebar-link i { width: 20px; color: var(--dashboard-tertiary); font-size: 18px; text-align: center; }
.dashboard-sidebar-redesign .sidebar-link:hover { color: var(--dashboard-text); background: rgba(30,41,59,.5); }
.dashboard-sidebar-redesign .sidebar-link:hover i, .dashboard-sidebar-redesign .sidebar-link.active i { color: var(--dashboard-cyan); }
.dashboard-sidebar-redesign .sidebar-link.active { color: var(--dashboard-text); background: var(--dashboard-card); }
.dashboard-sidebar-redesign .sidebar-link.active::before { content: ""; position: absolute; inset: 7px auto 7px 0; width: 2px; border-radius: 2px; background: var(--dashboard-cyan); }
.dashboard-sidebar-redesign .sidebar-footer { margin-top: 24px; padding-top: 16px; border-top: 1px solid #1e293b; }
.dashboard-sidebar-redesign .sidebar-user {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  padding: 8px;
  border: 0;
  border-radius: 8px;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.dashboard-sidebar-redesign .sidebar-user:hover { background: var(--dashboard-card); }
.dashboard-sidebar-redesign .user-avatar, .dashboard-profile-avatar {
  display: grid;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  color: #082033;
  background: linear-gradient(135deg, var(--dashboard-cyan), #a5f3fc);
  font-size: 13px;
  font-weight: 800;
}
.dashboard-sidebar-redesign .user-info { min-width: 0; flex: 1; }
.dashboard-sidebar-redesign .user-name, .dashboard-sidebar-redesign .user-email { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-sidebar-redesign .user-name { color: var(--dashboard-text); font-size: 14px; font-weight: 600; }
.dashboard-sidebar-redesign .user-email { margin-top: 2px; color: var(--dashboard-tertiary); font-size: 12px; }
.dashboard-sidebar-redesign .sidebar-user-chevron { color: var(--dashboard-tertiary); font-size: 16px; }
.dashboard-redesign .dashboard-main { position: relative; width: calc(100% - 240px); max-width: none; min-height: 100vh; margin: 0 0 0 240px; padding: 0; background: var(--dashboard-bg); }
.dashboard-redesign .dashboard-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 92px;
  padding: 22px 32px;
  border-bottom: 1px solid rgba(51,65,85,.7);
  background: rgba(10,12,13,.88);
  backdrop-filter: blur(16px);
}
.dashboard-heading h1 { margin: 0; color: var(--dashboard-text); font-size: 24px; line-height: 1.15; letter-spacing: -.035em; }
.dashboard-heading p { margin: 6px 0 0; color: var(--dashboard-muted); font-size: 14px; }
.dashboard-header-actions { display: flex; align-items: center; gap: 10px; }
.dashboard-menu-toggle { display: none; }
.dashboard-redesign .dashboard-content { width: min(100%, 1440px); margin: 0 auto; padding: 40px 32px 72px; }
.dashboard-backdrop { display: none; }
.dashboard-welcome, .dashboard-page-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.dashboard-kicker { display: block; margin-bottom: 8px; color: var(--dashboard-cyan); font: 700 11px/1 "JetBrains Mono", "DM Mono", monospace; letter-spacing: .1em; }
.dashboard-welcome h2, .dashboard-page-intro h2 { margin: 0; color: var(--dashboard-text); font-size: 32px; line-height: 1.12; letter-spacing: -.045em; }
.dashboard-welcome p, .dashboard-page-intro p { margin: 9px 0 0; color: var(--dashboard-muted); font-size: 14px; }
.dashboard-welcome-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.dashboard-currency-switcher { display: flex; align-items: center; gap: 8px; }
.dashboard-currency-switcher small { color: var(--dashboard-tertiary); font-size: 11px; white-space: nowrap; }
.dashboard-currency-switcher select, .dashboard-setting-row select {
  min-height: 38px;
  padding: 0 30px 0 11px;
  border: 1px solid var(--dashboard-border);
  border-radius: 6px;
  color: var(--dashboard-text);
  background: var(--dashboard-card);
  font: 600 13px inherit;
  cursor: pointer;
}
.dashboard-redesign .button, .dashboard-redesign button { font-family: inherit; }
.dashboard-primary-button, .dashboard-secondary-button, .dashboard-danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.dashboard-primary-button { border: 1px solid var(--dashboard-cyan); color: #06131b; background: var(--dashboard-cyan); }
.dashboard-primary-button:hover { background: #7dd3fc; transform: translateY(-1px); }
.dashboard-secondary-button { border: 1px solid var(--dashboard-border); color: var(--dashboard-text); background: var(--dashboard-card); }
.dashboard-secondary-button:hover { border-color: var(--dashboard-cyan); background: var(--dashboard-raised); }
.dashboard-danger-button { border: 1px solid rgba(239,68,68,.5); color: #fecaca; background: rgba(239,68,68,.1); }
.dashboard-danger-button:hover { background: rgba(239,68,68,.18); }
.dashboard-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.dashboard-stat-card {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  min-height: 132px;
  padding: 20px;
  border: 1px solid var(--dashboard-border);
  border-radius: 8px;
  background: var(--dashboard-card);
  box-shadow: 0 1px 3px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.18);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.dashboard-stat-card:hover { border-color: rgba(56,189,248,.65); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.26); }
.dashboard-stat-icon { display: grid; flex: 0 0 auto; width: 40px; height: 40px; place-items: center; border-radius: 8px; color: var(--dashboard-cyan); background: rgba(56,189,248,.12); font-size: 20px; }
.dashboard-stat-card-accent .dashboard-stat-icon { color: var(--dashboard-orange); background: rgba(249,115,22,.12); }
.dashboard-stat-label { color: var(--dashboard-muted); font-size: 13px; }
.dashboard-stat-value { display: block; margin-top: 7px; color: var(--dashboard-text); font: 700 22px/1.1 "JetBrains Mono", "DM Mono", monospace; letter-spacing: -.04em; }
.dashboard-stat-value-inner { color: inherit; font: inherit; }
.dashboard-stat-sublabel { margin-top: 7px; color: var(--dashboard-tertiary); font-size: 12px; }
.dashboard-panel {
  margin-top: 32px;
  padding: 24px;
  border: 1px solid var(--dashboard-border);
  border-radius: 8px;
  background: var(--dashboard-card);
  box-shadow: 0 1px 3px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.18);
}
.dashboard-panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.dashboard-panel-header h3 { margin: 0; color: var(--dashboard-text); font-size: 17px; letter-spacing: -.02em; }
.dashboard-panel-header p { margin: 6px 0 0; color: var(--dashboard-muted); font-size: 13px; }
.dashboard-text-link { display: inline-flex; align-items: center; gap: 5px; color: var(--dashboard-cyan); font-size: 13px; text-decoration: none; }
.dashboard-text-link:hover { color: #bae6fd; }
.dashboard-chart-panel { min-height: 350px; }
.dashboard-chart-wrap { position: relative; height: 270px; }
.dashboard-chart-wrap canvas { display: block; width: 100% !important; height: 100% !important; }
.dashboard-two-column { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 32px; align-items: start; }
.dashboard-two-column > .dashboard-panel { margin-top: 0; }
.dashboard-table-wrap { width: 100%; overflow-x: auto; }
.dashboard-table { width: 100%; min-width: 620px; border-collapse: collapse; text-align: left; }
.dashboard-table th { padding: 0 14px 12px; color: var(--dashboard-tertiary); font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.dashboard-table td { padding: 15px 14px; border-top: 1px solid rgba(51,65,85,.75); color: var(--dashboard-muted); font-size: 13px; white-space: nowrap; }
.dashboard-table tbody tr { transition: background .15s ease; }
.dashboard-table tbody tr:hover { background: rgba(15,23,42,.42); }
.dashboard-table td:first-child, .dashboard-table td:nth-child(2) { color: var(--dashboard-text); }
.dashboard-table code, .dashboard-api-key, .dashboard-stat-value, .dashboard-balance-value { font-family: "JetBrains Mono", "DM Mono", monospace; }
.dashboard-model-name { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; }
.dashboard-model-name i { color: var(--dashboard-cyan); }
.dashboard-status { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; }
.dashboard-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.status-success { color: var(--dashboard-success); }
.status-pending { color: var(--dashboard-orange); }
.dashboard-inline-filters { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.dashboard-inline-filters > div { display: flex; align-items: center; gap: 10px; }
.dashboard-filter { min-height: 36px; padding: 0 11px; border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-muted); background: var(--dashboard-card); font-size: 13px; }
.dashboard-quick-grid, .dashboard-support-grid, .dashboard-invite-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dashboard-quick-card, .dashboard-support-card {
  display: block;
  padding: 20px;
  border: 1px solid var(--dashboard-border);
  border-radius: 8px;
  color: inherit;
  background: var(--dashboard-card);
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.dashboard-quick-card:hover, .dashboard-support-card:hover { border-color: var(--dashboard-cyan); background: var(--dashboard-raised); transform: translateY(-2px); }
.dashboard-quick-card i, .dashboard-support-card i { display: block; margin-bottom: 14px; color: var(--dashboard-cyan); font-size: 22px; }
.dashboard-quick-card strong, .dashboard-support-card strong { display: block; color: var(--dashboard-text); font-size: 14px; }
.dashboard-quick-card p, .dashboard-support-card p { margin: 7px 0 0; color: var(--dashboard-muted); font-size: 13px; line-height: 1.55; }
.dashboard-keys-table td { vertical-align: middle; }
.dashboard-api-key { color: var(--dashboard-text); font-size: 12px; }
.dashboard-icon-button { display: inline-grid; width: 30px; height: 30px; margin-left: 7px; place-items: center; border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-muted); background: transparent; cursor: pointer; }
.dashboard-icon-button:hover { border-color: var(--dashboard-cyan); color: var(--dashboard-cyan); }
.dashboard-panel-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border: 1px solid rgba(16,185,129,.35); border-radius: 999px; color: #6ee7b7; background: rgba(16,185,129,.1); font-size: 11px; font-weight: 700; }
.dashboard-notice { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; padding: 14px 16px; border: 1px solid rgba(56,189,248,.28); border-radius: 8px; color: var(--dashboard-muted); background: rgba(56,189,248,.08); font-size: 13px; line-height: 1.5; }
.dashboard-notice i { flex: 0 0 auto; color: var(--dashboard-cyan); font-size: 18px; }
.dashboard-billing-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: 24px; align-items: start; }
.dashboard-balance-panel { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.dashboard-big-number { display: block; margin-top: 12px; color: var(--dashboard-text); font: 700 34px/1.1 "JetBrains Mono", "DM Mono", monospace; letter-spacing: -.05em; }
.dashboard-balance-panel p { margin: 8px 0 0; color: var(--dashboard-muted); font-size: 13px; }
.dashboard-payment-methods { display: grid; gap: 10px; }
.dashboard-payment-method { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-muted); background: rgba(15,23,42,.42); cursor: pointer; }
.dashboard-payment-method:hover, .dashboard-payment-method.is-selected { border-color: var(--dashboard-cyan); color: var(--dashboard-text); }
.dashboard-amount-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin-top: 16px; }
.dashboard-amount-button { min-height: 40px; border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-muted); background: transparent; font: 600 12px "JetBrains Mono", "DM Mono", monospace; cursor: pointer; }
.dashboard-amount-button:hover, .dashboard-amount-button.is-selected { border-color: var(--dashboard-cyan); color: var(--dashboard-cyan); background: rgba(56,189,248,.1); }
.dashboard-wide-button { width: 100%; margin-top: 16px; }
.dashboard-invite-hero { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 20px; align-items: center; }
.dashboard-invite-copy h3 { margin: 0; color: var(--dashboard-text); font-size: 22px; }
.dashboard-invite-copy p { max-width: 590px; margin: 10px 0 0; color: var(--dashboard-muted); line-height: 1.65; }
.dashboard-invite-art { display: grid; width: 150px; height: 150px; margin-left: auto; place-items: center; border-radius: 50%; color: var(--dashboard-cyan); background: radial-gradient(circle, rgba(56,189,248,.28), rgba(56,189,248,.03) 70%); font-size: 54px; }
.dashboard-referral-box { display: flex; align-items: center; gap: 10px; margin-top: 20px; padding: 8px; border: 1px solid var(--dashboard-border); border-radius: 6px; background: var(--dashboard-sidebar); }
.dashboard-referral-box code { min-width: 0; flex: 1; overflow: hidden; color: var(--dashboard-muted); text-overflow: ellipsis; white-space: nowrap; }
.dashboard-invite-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px; }
.dashboard-invite-stats > div { padding: 16px; border: 1px solid var(--dashboard-border); border-radius: 8px; background: var(--dashboard-card); }
.dashboard-invite-stats strong { display: block; color: var(--dashboard-text); font: 700 23px "JetBrains Mono", "DM Mono", monospace; }
.dashboard-invite-stats span { display: block; margin-top: 6px; color: var(--dashboard-muted); font-size: 12px; }
.dashboard-profile-grid { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 20px; align-items: start; }
.dashboard-profile-avatar { width: 64px; height: 64px; font-size: 23px; }
.dashboard-profile-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px 28px; }
.dashboard-profile-fields > div { min-width: 0; }
.dashboard-profile-fields span { display: block; margin-bottom: 7px; color: var(--dashboard-tertiary); font-size: 12px; }
.dashboard-profile-fields strong { display: flex; align-items: center; min-width: 0; color: var(--dashboard-text); font-size: 14px; font-weight: 600; }
.dashboard-profile-fields code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-verified { display: inline-flex; align-items: center; gap: 5px; margin-left: 9px; color: #6ee7b7; font-size: 11px; font-style: normal; font-weight: 600; }
.dashboard-settings-list { display: grid; gap: 0; }
.dashboard-setting-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 0; border-top: 1px solid rgba(51,65,85,.65); }
.dashboard-setting-row:first-child { padding-top: 0; border-top: 0; }
.dashboard-setting-row strong { display: block; color: var(--dashboard-text); font-size: 14px; }
.dashboard-setting-row small { display: block; margin-top: 5px; color: var(--dashboard-tertiary); font-size: 12px; }
.dashboard-switch { position: relative; display: inline-flex; flex: 0 0 auto; width: 40px; height: 22px; }
.dashboard-switch input { position: absolute; opacity: 0; }
.dashboard-switch span { width: 100%; height: 100%; border-radius: 99px; background: var(--dashboard-border); cursor: pointer; transition: background .2s ease; }
.dashboard-switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--dashboard-muted); transition: transform .2s ease, background .2s ease; }
.dashboard-switch input:checked + span { background: var(--dashboard-cyan); }
.dashboard-switch input:checked + span::after { transform: translateX(18px); background: #082033; }
.dashboard-danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 32px; padding: 18px 20px; border: 1px solid rgba(239,68,68,.3); border-radius: 8px; background: rgba(239,68,68,.06); }
.dashboard-danger-zone strong { color: #fecaca; font-size: 14px; }
.dashboard-danger-zone p { margin: 6px 0 0; color: var(--dashboard-muted); font-size: 13px; }
.dashboard-modal { position: fixed; inset: 0; z-index: 80; display: grid; visibility: hidden; place-items: center; padding: 20px; opacity: 0; transition: opacity .2s ease, visibility .2s ease; }
.dashboard-modal.is-open { visibility: visible; opacity: 1; }
.dashboard-modal-backdrop { position: absolute; inset: 0; background: rgba(2,6,23,.78); backdrop-filter: blur(7px); }
.dashboard-modal-card { position: relative; width: min(100%, 520px); padding: 28px; border: 1px solid var(--dashboard-border); border-radius: 10px; background: var(--dashboard-card); box-shadow: 0 24px 70px rgba(0,0,0,.5); transform: translateY(10px) scale(.98); transition: transform .2s ease; }
.dashboard-modal.is-open .dashboard-modal-card { transform: none; }
.dashboard-modal-card h3 { margin: 0 0 22px; color: var(--dashboard-text); font-size: 22px; }
.dashboard-modal-card label { display: block; margin-top: 14px; color: var(--dashboard-muted); font-size: 12px; font-weight: 600; }
.dashboard-modal-card input, .dashboard-modal-card textarea { display: block; width: 100%; margin-top: 7px; padding: 11px 12px; border: 1px solid var(--dashboard-border); border-radius: 6px; color: var(--dashboard-text); background: var(--dashboard-sidebar); font: 14px inherit; resize: vertical; }
.dashboard-modal-card input:focus, .dashboard-modal-card textarea:focus { outline: 0; border-color: var(--dashboard-cyan); box-shadow: 0 0 0 3px rgba(56,189,248,.12); }
.dashboard-modal-card .dashboard-primary-button { width: 100%; margin-top: 18px; }
.dashboard-modal-close { position: absolute; top: 15px; right: 15px; display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 6px; color: var(--dashboard-muted); background: transparent; cursor: pointer; }
.dashboard-modal-close:hover { color: var(--dashboard-text); background: rgba(15,23,42,.6); }
@media (max-width: 1180px) {
  .dashboard-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-two-column, .dashboard-billing-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .dashboard-sidebar-redesign { width: min(86vw, 300px); transform: translateX(-102%); transition: transform .22s ease; box-shadow: 20px 0 50px rgba(0,0,0,.36); }
  .dashboard-redesign.dashboard-sidebar-open .dashboard-sidebar-redesign { transform: none; }
  .dashboard-redesign .dashboard-main { width: 100%; margin-left: 0; }
  .dashboard-redesign .dashboard-header { min-height: 76px; padding: 16px 18px; gap: 12px; }
  .dashboard-menu-toggle { display: grid; flex: 0 0 auto; width: 36px; height: 36px; place-items: center; border: 1px solid var(--dashboard-border); border-radius: 7px; color: var(--dashboard-text); background: var(--dashboard-card); font-size: 19px; cursor: pointer; }
  .dashboard-heading { min-width: 0; flex: 1; }
  .dashboard-heading h1 { font-size: 20px; }
  .dashboard-heading p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
  .dashboard-header-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
  .dashboard-header-actions .dashboard-currency-switcher { display: none; }
  .dashboard-redesign .dashboard-content { padding: 24px 18px 42px; }
  .dashboard-backdrop { position: fixed; inset: 0; z-index: 20; display: block; visibility: hidden; background: rgba(2,6,23,.65); opacity: 0; transition: opacity .2s ease, visibility .2s ease; }
  .dashboard-redesign.dashboard-sidebar-open .dashboard-backdrop { visibility: visible; opacity: 1; }
  .dashboard-welcome, .dashboard-page-intro { display: block; margin-bottom: 24px; }
  .dashboard-welcome h2, .dashboard-page-intro h2 { font-size: 28px; }
  .dashboard-welcome-actions { justify-content: flex-start; margin-top: 18px; }
  .dashboard-currency-switcher { flex-wrap: wrap; }
  .dashboard-stats-grid, .dashboard-quick-grid, .dashboard-support-grid, .dashboard-invite-stats { grid-template-columns: 1fr; gap: 12px; }
  .dashboard-stat-card { min-height: 108px; padding: 16px; }
  .dashboard-panel { margin-top: 20px; padding: 18px 16px; }
  .dashboard-panel-header { margin-bottom: 16px; }
  .dashboard-panel-header h3 { font-size: 16px; }
  .dashboard-chart-panel { min-height: 300px; }
  .dashboard-chart-wrap { height: 220px; }
  .dashboard-inline-filters, .dashboard-balance-panel, .dashboard-danger-zone { align-items: stretch; flex-direction: column; }
  .dashboard-inline-filters > div { flex-wrap: wrap; }
  .dashboard-amount-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-invite-hero { grid-template-columns: 1fr; }
  .dashboard-invite-art { width: 110px; height: 110px; margin: 0 auto; font-size: 40px; }
  .dashboard-profile-grid { grid-template-columns: 1fr; }
  .dashboard-profile-avatar { margin-bottom: 2px; }
  .dashboard-profile-fields { grid-template-columns: 1fr; gap: 16px; }
  .dashboard-setting-row { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-redesign *, .dashboard-redesign *::before, .dashboard-redesign *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Dashboard polish: deep-black atmosphere, centered breathing room, motion */
.dashboard-redesign { position: relative; isolation: isolate; }
.dashboard-redesign::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 18%, rgba(102,216,189,.055), transparent 31%),
    radial-gradient(circle at 20% 72%, rgba(255,255,255,.025), transparent 34%);
  animation: dashboard-ambient-breathe 12s ease-in-out infinite alternate;
}
.dashboard-redesign .dashboard-content-redesign > * { animation: dashboard-rise .55s cubic-bezier(.22,.8,.26,1) both; }
.dashboard-redesign .dashboard-content-redesign > *:nth-child(2) { animation-delay: .06s; }
.dashboard-redesign .dashboard-content-redesign > *:nth-child(3) { animation-delay: .12s; }
.dashboard-redesign .dashboard-content-redesign > *:nth-child(4) { animation-delay: .18s; }
.dashboard-redesign .dashboard-content-redesign > *:nth-child(5) { animation-delay: .24s; }
.dashboard-redesign .dashboard-panel, .dashboard-redesign .dashboard-stat-card { position: relative; overflow: hidden; }
.dashboard-redesign .dashboard-panel::after, .dashboard-redesign .dashboard-stat-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.028) 48%, transparent 58%);
  transform: translateX(-120%);
  transition: transform .8s ease;
}
.dashboard-redesign .dashboard-panel:hover::after, .dashboard-redesign .dashboard-stat-card:hover::after { transform: translateX(120%); }
.dashboard-redesign .dashboard-stat-icon { background: rgba(102,216,189,.09); }
.dashboard-redesign .dashboard-stat-card-accent .dashboard-stat-icon { background: rgba(249,115,22,.1); }
.dashboard-redesign .dashboard-stat-card:hover { border-color: rgba(102,216,189,.48); }
@keyframes dashboard-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes dashboard-ambient-breathe { from { opacity: .55; } to { opacity: 1; } }
@media (max-width: 767px) {
  .dashboard-redesign .dashboard-main { max-width: none; margin-left: 0; }
  .dashboard-redesign .dashboard-content { padding: 28px 18px 56px; }
}

/* Dashboard final visual system: black canvas, centered content, premium rhythm */
.dashboard-redesign {
  --dashboard-bg: #080a0b;
  --dashboard-sidebar: #070909;
  --dashboard-card: #111516;
  --dashboard-raised: #171d1d;
  --dashboard-border: rgba(210, 224, 218, .14);
  --dashboard-text: #f4f2ed;
  --dashboard-muted: #a2aba7;
  --dashboard-tertiary: #707b76;
  --dashboard-cyan: #78d8c1;
  --dashboard-orange: #e5aa62;
  --dashboard-success: #72d2aa;
  --dashboard-danger: #e37d70;
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  color: var(--dashboard-text);
  background: var(--dashboard-bg);
}
.dashboard-redesign::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 73% 8%, rgba(120, 216, 193, .045), transparent 28%),
    radial-gradient(circle at 14% 82%, rgba(229, 170, 98, .028), transparent 30%);
  animation: dashboard-ambient-breathe 14s ease-in-out infinite alternate;
}
.dashboard-redesign .dashboard-sidebar-redesign {
  width: 248px;
  padding: 28px 18px 22px;
  border-right: 1px solid rgba(210, 224, 218, .11);
  background: rgba(7, 9, 9, .92);
  box-shadow: 18px 0 50px rgba(0, 0, 0, .14);
}
.dashboard-redesign .dashboard-logo-mark {
  border-color: rgba(120, 216, 193, .44);
  color: #071311;
  background: linear-gradient(145deg, #8ce4cf, #5fc3ad);
  box-shadow: 0 0 24px rgba(120, 216, 193, .16);
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link {
  min-height: 44px;
  border-radius: 13px;
  transition: color .25s ease, background .25s ease, transform .25s ease;
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link:hover { transform: translateX(3px); background: rgba(255,255,255,.045); }
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active {
  background: linear-gradient(135deg, rgba(120,216,193,.12), rgba(255,255,255,.025));
  box-shadow: inset 0 0 0 1px rgba(120,216,193,.14);
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active::before { width: 3px; background: var(--dashboard-cyan); }
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-footer { border-top-color: rgba(210,224,218,.11); }
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-user { border-radius: 16px; }
.dashboard-redesign .dashboard-main {
  width: calc(100% - 248px);
  max-width: none;
  min-width: 0;
  margin-left: 248px;
  background: transparent;
}
.dashboard-redesign .dashboard-header {
  min-height: 96px;
  padding: 24px clamp(30px, 4vw, 64px);
  border-bottom-color: rgba(210,224,218,.10);
  background: rgba(8,10,11,.78);
  box-shadow: 0 12px 32px rgba(0,0,0,.12);
}
.dashboard-redesign .dashboard-heading h1 { font-size: clamp(23px, 2vw, 29px); }
.dashboard-redesign .dashboard-heading p { color: #87938e; }
.dashboard-redesign .dashboard-content {
  width: min(100%, 1380px);
  margin: 0 auto;
  padding: 54px clamp(30px, 4vw, 64px) 104px;
}
.dashboard-redesign .dashboard-welcome { margin-bottom: 42px; }
.dashboard-redesign .dashboard-welcome h2,
.dashboard-redesign .dashboard-page-intro h2 { font-size: clamp(31px, 3vw, 43px); }
.dashboard-redesign .dashboard-welcome p,
.dashboard-redesign .dashboard-page-intro p { max-width: 640px; line-height: 1.7; }
.dashboard-redesign .dashboard-welcome-actions { gap: 14px; }
.dashboard-redesign .dashboard-stats-grid { gap: 20px; }
.dashboard-redesign .dashboard-stat-card,
.dashboard-redesign .dashboard-panel,
.dashboard-redesign .dashboard-quick-card,
.dashboard-redesign .dashboard-support-card,
.dashboard-redesign .dashboard-invite-stats > div,
.dashboard-redesign .dashboard-danger-zone {
  border-radius: 20px;
  border-color: var(--dashboard-border);
  background: linear-gradient(145deg, rgba(24,31,31,.96), rgba(14,19,19,.98));
  box-shadow: 0 20px 55px rgba(0,0,0,.16);
}
.dashboard-redesign .dashboard-stat-card {
  min-height: 148px;
  padding: 26px;
  gap: 18px;
  transition: transform .35s cubic-bezier(.22,.8,.26,1), border-color .35s ease, box-shadow .35s ease;
}
.dashboard-redesign .dashboard-stat-card:hover { transform: translateY(-6px); border-color: rgba(120,216,193,.42); box-shadow: 0 26px 60px rgba(0,0,0,.28); }
.dashboard-redesign .dashboard-stat-icon { width: 46px; height: 46px; border-radius: 14px; color: var(--dashboard-cyan); background: rgba(120,216,193,.10); }
.dashboard-redesign .dashboard-stat-card-accent .dashboard-stat-icon { color: var(--dashboard-orange); background: rgba(229,170,98,.11); }
.dashboard-redesign .dashboard-stat-label { color: #aeb7b3; }
.dashboard-redesign .dashboard-stat-value { margin-top: 6px; font-size: 28px; }
.dashboard-redesign .dashboard-stat-sublabel { color: #77827d; }
.dashboard-redesign .dashboard-panel { margin-top: 40px; padding: 30px; }
.dashboard-redesign .dashboard-chart-panel { min-height: 402px; }
.dashboard-redesign .dashboard-chart-wrap { height: 300px; }
.dashboard-redesign .dashboard-panel-header { margin-bottom: 26px; }
.dashboard-redesign .dashboard-panel-header h3 { font-size: 19px; }
.dashboard-redesign .dashboard-table td { border-top-color: rgba(210,224,218,.10); padding: 18px 14px; }
.dashboard-redesign .dashboard-table tbody tr { transition: background .25s ease; }
.dashboard-redesign .dashboard-table tbody tr:hover { background: rgba(120,216,193,.035); }
.dashboard-redesign .dashboard-quick-grid { gap: 20px; }
.dashboard-redesign .dashboard-quick-card { min-height: 132px; padding: 24px; transition: transform .35s cubic-bezier(.22,.8,.26,1), border-color .35s ease, background .35s ease; }
.dashboard-redesign .dashboard-quick-card:hover { transform: translateY(-5px); background: linear-gradient(145deg, rgba(31,42,40,.98), rgba(14,19,19,.98)); }
.dashboard-redesign .dashboard-button,
.dashboard-redesign .dashboard-primary-button,
.dashboard-redesign .dashboard-secondary-button,
.dashboard-redesign .dashboard-danger-button,
.dashboard-redesign .dashboard-amount-button,
.dashboard-redesign .dashboard-filter { border-radius: 12px; }
.dashboard-redesign .dashboard-primary-button { background: linear-gradient(135deg, #edb873, #d99043); box-shadow: 0 12px 28px rgba(229,170,98,.16); }
.dashboard-redesign .dashboard-primary-button:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(229,170,98,.24); }
.dashboard-redesign .dashboard-currency-switcher { border-radius: 14px; background: rgba(255,255,255,.035); }
.dashboard-redesign .dashboard-currency-switcher select { border-radius: 10px; background: #111516; }
.dashboard-redesign .dashboard-notice { border-color: rgba(120,216,193,.20); background: rgba(120,216,193,.055); border-radius: 16px; }
.dashboard-redesign .dashboard-modal-card { border-radius: 24px; background: #111516; box-shadow: 0 34px 100px rgba(0,0,0,.55); }
.dashboard-redesign .dashboard-content-redesign > * { will-change: transform, opacity; animation: dashboard-rise-premium .72s cubic-bezier(.2,.78,.25,1) both; }
.dashboard-redesign .dashboard-content-redesign > *:nth-child(2) { animation-delay: .07s; }
.dashboard-redesign .dashboard-content-redesign > *:nth-child(3) { animation-delay: .14s; }
.dashboard-redesign .dashboard-content-redesign > *:nth-child(4) { animation-delay: .21s; }
.dashboard-redesign .dashboard-content-redesign > *:nth-child(5) { animation-delay: .28s; }
@keyframes dashboard-rise-premium { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 1180px) {
  .dashboard-redesign .dashboard-content { padding-right: 30px; padding-left: 30px; }
}
@media (max-width: 767px) {
  .dashboard-redesign .dashboard-sidebar-redesign { width: min(86vw, 310px); }
  .dashboard-redesign .dashboard-main { width: 100%; margin-left: 0; }
  .dashboard-redesign .dashboard-header { min-height: 78px; padding: 17px 18px; }
  .dashboard-redesign .dashboard-content { width: 100%; padding: 32px 18px 68px; }
  .dashboard-redesign .dashboard-welcome { margin-bottom: 28px; }
  .dashboard-redesign .dashboard-welcome h2,
  .dashboard-redesign .dashboard-page-intro h2 { font-size: 31px; }
  .dashboard-redesign .dashboard-panel { margin-top: 24px; padding: 20px 17px; border-radius: 17px; }
  .dashboard-redesign .dashboard-chart-panel { min-height: 330px; }
  .dashboard-redesign .dashboard-chart-wrap { height: 230px; }
  .dashboard-redesign .dashboard-stat-card { min-height: 122px; padding: 20px; border-radius: 17px; }
  .dashboard-redesign .dashboard-quick-card { border-radius: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-redesign::before { animation: none; }
  .dashboard-redesign .dashboard-content-redesign > * { animation: none; }
}

/* Public surfaces: neutral white accents, keep the original deep-black/purple backgrounds. */
body:has(.landing, .pricing-page, .models-page, .docs-shell, .developers-page, .auth-page) {
  --amber: #f1f1ef;
}
body:has(.landing, .pricing-page, .models-page, .docs-shell, .developers-page, .auth-page) .button:not(.button-ghost),
body:has(.landing, .pricing-page, .models-page, .docs-shell, .developers-page, .auth-page) .primary-button,
body:has(.landing, .pricing-page, .models-page, .docs-shell, .developers-page, .auth-page) .small-primary {
  background: #f1f1ef !important;
  border-color: #f1f1ef !important;
  color: #17191a !important;
  box-shadow: 0 10px 26px rgba(255,255,255,.12), inset 0 2px rgba(255,255,255,.55) !important;
}
body:has(.landing, .pricing-page, .models-page, .docs-shell, .developers-page, .auth-page) .button:not(.button-ghost):hover,
body:has(.landing, .pricing-page, .models-page, .docs-shell, .developers-page, .auth-page) .primary-button:hover,
body:has(.landing, .pricing-page, .models-page, .docs-shell, .developers-page, .auth-page) .small-primary:hover {
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(255,255,255,.16), inset 0 2px rgba(255,255,255,.7) !important;
}

body:has(.landing) {
  background: #000 !important;
}

#app > .site-header {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  z-index: 50;
}

#app > .site-header ~ main {
  padding-top: 106px;
}

@media (max-width: 820px) {
  #app > .site-header ~ main {
    padding-top: 92px;
  }
}

@media (max-width: 800px) {
  #app > .site-header ~ main {
    padding-top: 80px;
  }
}

/* PromptUzel PU mark: white sign on a black field for the dark theme. */
.brand-logo-frame,
.demo-logo-mark,
.dashboard-logo-mark {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: #050607 !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.08) !important;
  overflow: hidden;
}
.brand-logo-frame {
  width: 30px;
  height: 30px;
  border-radius: 8px;
}
.brand-logo,
.brand-logo-frame .brand-logo {
  display: block;
  width: 23px;
  height: 23px;
  object-fit: contain;
}
.demo-logo-mark {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}
.demo-logo-mark .brand-logo {
  width: 22px;
  height: 22px;
}
.dashboard-redesign .dashboard-logo-mark {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: transparent !important;
}
.dashboard-logo-mark .brand-logo {
  width: 23px;
  height: 23px;
}
@media (max-width: 520px) {
  .brand-logo-frame {
    width: 28px;
    height: 28px;
  }
  .brand-logo-frame .brand-logo {
    width: 22px;
    height: 22px;
  }
}


/* Dashboard premium purple surface and compact currency control. */
.dashboard-redesign {
  --dashboard-cyan: #ffffff;
  --dashboard-success: #ffffff;
  --dashboard-neon: #ffffff;
  --dashboard-purple: #8b5cf6;
  --dashboard-purple-soft: rgba(139, 92, 246, .2);
}
.dashboard-redesign::before {
  background:
    radial-gradient(circle at 16% 12%, rgba(117, 76, 194, .24), transparent 34%),
    radial-gradient(circle at 84% 24%, rgba(91, 65, 170, .2), transparent 32%),
    radial-gradient(circle at 68% 82%, rgba(132, 76, 190, .16), transparent 36%);
}
.dashboard-redesign .dashboard-logo-mark {
  border-color: rgba(255,255,255,.38);
  background: linear-gradient(145deg, #ffffff, #d9d4ff);
  box-shadow: 0 0 26px rgba(139,92,246,.24);
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active {
  background: linear-gradient(135deg, rgba(139,92,246,.22), rgba(255,255,255,.045));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active::before,
.dashboard-redesign .dashboard-kicker,
.dashboard-redesign .dashboard-text-link,
.dashboard-redesign .dashboard-panel-badge,
.dashboard-redesign .dashboard-quick-card > i,
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active i {
  color: #ffffff;
  text-shadow: 0 0 14px rgba(255,255,255,.28);
}
.dashboard-redesign .dashboard-section-title { margin-bottom: 12px; }
.dashboard-redesign .dashboard-quick-card {
  display: flex;
  min-height: 108px;
  align-items: center;
  gap: 15px;
  padding: 18px 20px;
  background: linear-gradient(135deg, #ffffff, #ddd8ff);
  border-color: rgba(255,255,255,.78);
}
.dashboard-redesign .dashboard-quick-card:hover {
  background: linear-gradient(135deg, #ffffff, #cfc5ff);
  border-color: rgba(255,255,255,.98);
  box-shadow: 0 18px 42px rgba(112,76,190,.25);
}
.dashboard-redesign .dashboard-quick-card > span { min-width: 0; flex: 1; }
.dashboard-redesign .dashboard-quick-card > i { flex: 0 0 auto; margin: 0; color: #11121a; text-shadow: none; }
.dashboard-redesign .dashboard-quick-card strong,
.dashboard-redesign .dashboard-quick-card small { color: #050607; }
.dashboard-redesign .dashboard-quick-card small { display: block; margin-top: 6px; line-height: 1.4; }
.dashboard-redesign .dashboard-primary-button {
  color: #050607;
  background: linear-gradient(135deg, #ffffff, #d9d4ff);
  border-color: rgba(255,255,255,.92);
  box-shadow: 0 12px 32px rgba(139,92,246,.22);
}
.dashboard-redesign .dashboard-primary-button:hover { background: #ffffff; box-shadow: 0 16px 36px rgba(139,92,246,.3); }
.dashboard-redesign .dashboard-panel-badge {
  border-color: rgba(255,255,255,.28);
  background: rgba(255,255,255,.08);
}
.dashboard-redesign .dashboard-currency-switcher {
  min-width: 0;
  min-height: 46px;
  padding: 5px 8px 5px 13px;
  gap: 10px;
  flex-wrap: nowrap;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 15px;
  background: rgba(255,255,255,.045);
}
.dashboard-redesign .dashboard-currency-label { white-space: nowrap; color: #ffffff; font-size: 12px; font-weight: 700; }
.dashboard-redesign .dashboard-currency-control { display: inline-flex; min-width: 0; align-items: center; gap: 8px; }
.dashboard-redesign .dashboard-currency-switcher select {
  min-width: 78px;
  min-height: 34px;
  padding: 0 26px 0 10px;
  border-radius: 10px;
  color: #ffffff;
  background: #11121a;
}
.dashboard-redesign .dashboard-currency-switcher small { display: none; }
.dashboard-redesign .dashboard-currency-switcher .dashboard-cbr-rate-status { display: block; flex-basis: 100%; margin-top: 4px; color: var(--dashboard-text-muted, #a5a5b2); font-size: 10px; line-height: 1.4; }
.dashboard-currency-logo {
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 14px rgba(255,255,255,.12);
}
.dashboard-currency-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) {
  .dashboard-redesign .dashboard-quick-card { min-height: 96px; padding: 15px 16px; }
  .dashboard-redesign .dashboard-currency-switcher { width: 100%; justify-content: space-between; }
}

/* Dashboard currency and accent cleanup: black surfaces with purple ambient light. */
.dashboard-redesign {
  --dashboard-cyan: #ffffff;
  --dashboard-success: #ffffff;
  --dashboard-orange: #ffffff;
  --dashboard-border: rgba(255, 255, 255, .14);
}
.dashboard-redesign::before {
  background:
    radial-gradient(circle at 18% 16%, rgba(139, 92, 246, .24), transparent 34%),
    radial-gradient(circle at 82% 28%, rgba(105, 76, 190, .20), transparent 32%),
    radial-gradient(circle at 64% 82%, rgba(168, 85, 247, .15), transparent 38%);
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active {
  background: linear-gradient(135deg, rgba(139, 92, 246, .22), rgba(255, 255, 255, .045));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active::before { background: #ffffff; }
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active i,
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link:hover i {
  color: #ffffff;
  text-shadow: 0 0 14px rgba(255, 255, 255, .42);
}
.dashboard-redesign .dashboard-stat-card,
.dashboard-redesign .dashboard-panel,
.dashboard-redesign .dashboard-support-card,
.dashboard-redesign .dashboard-invite-stats > div,
.dashboard-redesign .dashboard-danger-zone {
  border-color: rgba(255, 255, 255, .14);
  background: linear-gradient(145deg, rgba(24, 22, 34, .96), rgba(14, 15, 22, .98));
}
.dashboard-redesign .dashboard-stat-card:hover { border-color: rgba(255, 255, 255, .46); }
.dashboard-redesign .dashboard-stat-icon,
.dashboard-redesign .dashboard-stat-card-accent .dashboard-stat-icon {
  color: #ffffff;
  background: rgba(139, 92, 246, .18);
  box-shadow: 0 0 22px rgba(139, 92, 246, .18);
}
.dashboard-redesign .dashboard-stat-label,
.dashboard-redesign .dashboard-stat-sublabel,
.dashboard-redesign .dashboard-heading p,
.dashboard-redesign .dashboard-panel-header p { color: rgba(255, 255, 255, .62); }
.dashboard-redesign .dashboard-status.status-success,
.dashboard-redesign .dashboard-status.status-pending,
.dashboard-redesign .dashboard-notice i,
.dashboard-redesign .dashboard-payment-method:hover,
.dashboard-redesign .dashboard-payment-method.is-selected,
.dashboard-redesign .dashboard-amount-button:hover,
.dashboard-redesign .dashboard-amount-button.is-selected,
.dashboard-redesign .dashboard-invite-art,
.dashboard-redesign .dashboard-kicker {
  color: #ffffff;
  text-shadow: 0 0 14px rgba(255, 255, 255, .30);
}
.dashboard-redesign .dashboard-status.status-success i,
.dashboard-redesign .dashboard-status.status-pending i { background: #ffffff; }
.dashboard-redesign .dashboard-table tbody tr:hover { background: rgba(139, 92, 246, .08); }
.dashboard-redesign .dashboard-primary-button {
  color: #08090c;
  background: linear-gradient(135deg, #ffffff, #ddd4ff);
  border-color: #ffffff;
  box-shadow: 0 12px 32px rgba(139, 92, 246, .24);
}
.dashboard-redesign .dashboard-primary-button:hover { background: #ffffff; box-shadow: 0 16px 38px rgba(139, 92, 246, .34); }
.dashboard-redesign .dashboard-notice { border-color: rgba(139, 92, 246, .34); background: rgba(139, 92, 246, .10); }
.dashboard-redesign .dashboard-payment-method:hover,
.dashboard-redesign .dashboard-payment-method.is-selected,
.dashboard-redesign .dashboard-amount-button:hover,
.dashboard-redesign .dashboard-amount-button.is-selected {
  border-color: rgba(255, 255, 255, .55);
  background: rgba(139, 92, 246, .14);
}
.dashboard-redesign .dashboard-invite-art { background: radial-gradient(circle, rgba(139, 92, 246, .34), rgba(139, 92, 246, .04) 70%); }
.dashboard-redesign .dashboard-section-title { margin-top: 42px; margin-bottom: 16px; }
.dashboard-redesign .dashboard-quick-grid { margin-top: 0; }
.dashboard-redesign .dashboard-quick-card {
  min-height: 100px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #ffffff, #ddd8ff);
  border-color: rgba(255, 255, 255, .82);
}
.dashboard-redesign .dashboard-quick-card:hover { background: linear-gradient(135deg, #ffffff, #cec3ff); border-color: #ffffff; }
.dashboard-redesign .dashboard-quick-card > i,
.dashboard-redesign .dashboard-quick-card strong,
.dashboard-redesign .dashboard-quick-card small { color: #08090c; text-shadow: none; }
.dashboard-redesign .dashboard-quick-card small { margin-top: 5px; line-height: 1.3; }
.dashboard-redesign .dashboard-currency-switcher { border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .055); }
.dashboard-redesign .dashboard-currency-switcher select { color: #ffffff; background: #12101c; border-color: rgba(255, 255, 255, .20); }
.dashboard-redesign .dashboard-currency-logo { width: 28px; height: 28px; flex-basis: 28px; border-color: rgba(255, 255, 255, .48); box-shadow: 0 0 16px rgba(139, 92, 246, .30); }
@media (max-width: 767px) {
  .dashboard-redesign .dashboard-section-title { margin-top: 32px; margin-bottom: 14px; }
  .dashboard-redesign .dashboard-quick-card { min-height: 88px; padding: 12px 14px; }
  .dashboard-redesign .dashboard-quick-card small { font-size: 11px; }
}

.dashboard-redesign .dashboard-topup-panel { padding: 28px; }
.dashboard-redesign .dashboard-topup-panel .dashboard-amount-grid { gap: 12px; margin-top: 20px; }
.dashboard-redesign .dashboard-topup-panel .dashboard-payment-methods { gap: 12px; margin-top: 22px; }
.dashboard-redesign .dashboard-topup-panel .dashboard-wide-button { margin-top: 22px; }
.dashboard-custom-amount { display: grid; gap: 8px; margin-top: 18px; color: var(--dashboard-muted); font-size: 12px; }
.dashboard-custom-amount-control { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 13px; border: 1px solid var(--dashboard-border); border-radius: 10px; background: rgba(15,23,42,.42); }
.dashboard-custom-amount-control:focus-within { border-color: rgba(255,255,255,.62); box-shadow: 0 0 0 3px rgba(139,92,246,.12); }
.dashboard-custom-amount-control input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--dashboard-text); background: transparent; font: 600 14px "JetBrains Mono", "DM Mono", monospace; }
.dashboard-custom-amount-control input::placeholder { color: var(--dashboard-muted); }
.dashboard-custom-amount-control b { color: var(--dashboard-text); font: 600 11px "JetBrains Mono", "DM Mono", monospace; }
.dashboard-custom-amount small { color: var(--dashboard-muted); font-size: 11px; }
.dashboard-redesign .dashboard-chart-panel .dashboard-panel-header { flex-wrap: wrap; align-items: flex-start; }
.dashboard-chart-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-left: auto; }
.dashboard-chart-control-group { display: inline-flex; gap: 4px; padding: 3px; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; background: rgba(255,255,255,.035); }
.dashboard-chart-control-group button { min-height: 28px; padding: 0 9px; border: 0; border-radius: 6px; color: rgba(255,255,255,.58); background: transparent; font-size: 11px; cursor: pointer; }
.dashboard-chart-control-group button:hover, .dashboard-chart-control-group button.is-selected { color: #08090c; background: #ffffff; }
.dashboard-table button.dashboard-text-link { padding: 2px 6px; border: 0; color: #111318; background: #ffffff; font-size: 12px; }
@media (max-width: 767px) {
  .dashboard-redesign .dashboard-topup-panel { padding: 22px 18px; }
  .dashboard-chart-controls { width: 100%; justify-content: flex-start; margin-left: 0; }
}

/* Data dashboard and request log polish */
.dashboard-redesign .dashboard-inline-filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}
.dashboard-redesign .dashboard-filter {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  border-radius: 12px;
  white-space: nowrap;
}
.dashboard-redesign .dashboard-filter > span { flex: 0 0 auto; color: rgba(255,255,255,.7); font-size: 12px; font-weight: 700; }
.dashboard-redesign .dashboard-filter select { min-width: 154px; color: #ffffff; background: #11121a; }
.dashboard-redesign .dashboard-filter-period select { min-width: 142px; }
.dashboard-redesign .dashboard-select { position: relative; display: inline-flex; min-width: 0; flex: 0 0 auto; }
.dashboard-redesign .dashboard-select-trigger {
  display: inline-flex;
  min-width: 82px;
  min-height: 36px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 10px;
  border: 1px solid rgba(196,181,253,.3);
  border-radius: 10px;
  color: #f7f5ff;
  background: rgba(13,11,22,.94);
  font: 500 12px "Manrope", sans-serif;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.dashboard-redesign .dashboard-select-trigger > span { min-width: 0; }
.dashboard-redesign .dashboard-select-trigger > i { color: #a99bd2; font-size: 13px; transition: transform .18s ease; }
.dashboard-redesign .dashboard-select-trigger:hover,
.dashboard-redesign .dashboard-select-trigger[aria-expanded="true"] {
  border-color: rgba(196,181,253,.58);
  background: #151124;
  box-shadow: 0 0 0 3px rgba(139,92,246,.1);
}
.dashboard-redesign .dashboard-select.is-open .dashboard-select-trigger > i { transform: rotate(180deg); }
.dashboard-redesign .dashboard-select-menu {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 140;
  display: grid;
  gap: 2px;
  min-width: 100%;
  width: max-content;
  max-width: min(260px, calc(100vw - 32px));
  padding: 5px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(13,14,19,.98);
  box-shadow: 0 16px 38px rgba(0,0,0,.45), 0 0 24px rgba(109,74,255,.08);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px) scale(.98);
  transform-origin: top right;
  transition: opacity .2s ease, transform .24s cubic-bezier(.2,.78,.25,1), visibility 0s linear .24s;
}
.dashboard-redesign .dashboard-select.is-open .dashboard-select-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition-delay: 0s;
}
.dashboard-redesign .dashboard-content-redesign > *:has(.dashboard-select.is-open) { position: relative; z-index: 20; }
.dashboard-redesign .dashboard-select-menu button {
  display: flex;
  width: 100%;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  color: #c8cbd2;
  background: transparent;
  font: 500 12px "Manrope", sans-serif;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.dashboard-redesign .dashboard-select-menu button:hover,
.dashboard-redesign .dashboard-select-menu button[aria-selected="true"] {
  color: #ffffff;
  background: rgba(139,92,246,.18);
}
.dashboard-redesign .dashboard-select-menu button[aria-selected="true"]::after { content: "✓"; margin-left: 14px; color: #c4b5fd; font-size: 11px; }
.dashboard-redesign .dashboard-period-select .dashboard-select-trigger { min-width: 142px; }
.dashboard-redesign .dashboard-currency-select .dashboard-select-trigger { min-width: 78px; }
.dashboard-redesign .dashboard-data-overview { margin-top: 0; }
.dashboard-redesign .dashboard-data-stat-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 10px; }
.dashboard-redesign .dashboard-data-stat,
.dashboard-redesign .dashboard-data-primary-stat { min-width: 0; min-height: 142px; padding: 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.035); }
.dashboard-redesign .dashboard-data-primary-stat { background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(139,92,246,.1)); }
.dashboard-redesign .dashboard-big-number { display: block; margin: 16px 0 8px; color: #ffffff; font: 700 clamp(24px, 2.2vw, 36px)/1 "JetBrains Mono", "DM Mono", monospace; letter-spacing: -.05em; }
.dashboard-redesign .dashboard-data-stat .dashboard-big-number { font-size: 25px; }
.dashboard-redesign .dashboard-data-stat small,
.dashboard-redesign .dashboard-data-primary-stat small { display: block; color: rgba(255,255,255,.58); font-size: 11px; line-height: 1.45; }
.dashboard-redesign .dashboard-data-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); gap: 14px; }
.dashboard-redesign .dashboard-data-grid > .dashboard-panel { margin-top: 14px; }
.dashboard-redesign .dashboard-usage-distribution { display: grid; gap: 20px; }
.dashboard-redesign .dashboard-distribution-row { display: grid; grid-template-columns: 28px 22px minmax(90px, 1fr) auto auto; align-items: center; gap: 10px; position: relative; padding-bottom: 15px; }
.dashboard-redesign .dashboard-distribution-index { color: rgba(255,255,255,.45); font: 11px "JetBrains Mono", monospace; }
.dashboard-redesign .dashboard-distribution-icon { color: rgba(255,255,255,.72); font-size: 14px; }
.dashboard-redesign .dashboard-distribution-row strong { color: #ffffff; font-size: 14px; }
.dashboard-redesign .dashboard-distribution-row b { color: #ffffff; font: 600 13px "JetBrains Mono", monospace; }
.dashboard-redesign .dashboard-distribution-row small { color: rgba(255,255,255,.58); font-size: 11px; }
.dashboard-redesign .dashboard-distribution-bar { grid-column: 2 / -1; display: block; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #ffffff var(--distribution), rgba(255,255,255,.09) var(--distribution)); }
.dashboard-redesign .dashboard-cache-callout { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.04); }
.dashboard-redesign .dashboard-cache-callout span,
.dashboard-redesign .dashboard-cache-callout small { color: rgba(255,255,255,.62); font-size: 11px; }
.dashboard-redesign .dashboard-cache-callout strong { grid-row: span 2; color: #ffffff; font: 700 26px "JetBrains Mono", monospace; }
.dashboard-redesign .dashboard-token-bar { display: flex; overflow: hidden; height: 28px; margin: 22px 0; border-radius: 7px; background: rgba(255,255,255,.08); }
.dashboard-redesign .dashboard-token-bar i { flex: 0 0 var(--token-size); background: #ffffff; }
.dashboard-redesign .dashboard-token-bar i:nth-child(2) { background: #8b5cf6; }
.dashboard-redesign .dashboard-token-bar i:nth-child(3) { background: #c4b5fd; }
.dashboard-redesign .dashboard-token-bar i:nth-child(4) { background: #f0abfc; }
.dashboard-redesign .dashboard-token-legend { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; }
.dashboard-redesign .dashboard-token-legend span { display: flex; align-items: center; gap: 7px; color: rgba(255,255,255,.66); font-size: 11px; }
.dashboard-redesign .dashboard-token-legend b { margin-left: auto; color: #ffffff; font: 600 11px "JetBrains Mono", monospace; }
.dashboard-redesign .dashboard-token-legend i { width: 7px; height: 7px; border-radius: 50%; background: #ffffff; }
.dashboard-redesign .dashboard-token-legend .token-cache { background: #8b5cf6; }
.dashboard-redesign .dashboard-token-legend .token-write { background: #c4b5fd; }
.dashboard-redesign .dashboard-token-legend .token-output { background: #f0abfc; }
.dashboard-redesign .dashboard-api-keys-table td { vertical-align: middle; }
.dashboard-redesign .dashboard-api-keys-table td small { display: block; margin-top: 4px; color: rgba(255,255,255,.55); font-size: 10px; }
.dashboard-redesign .dashboard-log-back { margin: 0 0 12px; }
.dashboard-redesign .dashboard-back-link { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.7); font-size: 12px; text-decoration: none; }
.dashboard-redesign .dashboard-back-link:hover { color: #ffffff; }
.dashboard-redesign .dashboard-log-intro { align-items: flex-end; }
.dashboard-redesign .dashboard-log-metrics { display: flex; flex-wrap: wrap; gap: 8px; }
.dashboard-redesign .dashboard-log-metrics span { padding: 9px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; color: rgba(255,255,255,.58); font: 11px "JetBrains Mono", monospace; background: rgba(255,255,255,.035); }
.dashboard-redesign .dashboard-log-metrics b { color: #ffffff; }
.dashboard-redesign .dashboard-log-toolbar { margin-top: 0; padding: 12px; }
.dashboard-redesign .dashboard-log-toolbar { z-index: 8; overflow: visible !important; }
.dashboard-redesign .dashboard-log-filter-row { position: relative; z-index: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.dashboard-redesign .dashboard-log-filter-row select,
.dashboard-redesign .dashboard-log-filter-row input,
.dashboard-redesign .dashboard-log-date { min-height: 38px; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; color: rgba(255,255,255,.78); background: rgba(255,255,255,.045); font-size: 12px; }
.dashboard-redesign .dashboard-log-filter-row select { padding: 0 10px; }
.dashboard-redesign .dashboard-log-filter-row input { width: 185px; padding: 0 11px; outline: 0; }
.dashboard-redesign .dashboard-log-filter-row input:focus { border-color: rgba(139,92,246,.75); }
.dashboard-redesign .dashboard-log-date { display: inline-flex; align-items: center; gap: 8px; padding: 0 11px; }
.dashboard-redesign .dashboard-log-date-range { position: relative; z-index: 3; }
.dashboard-redesign .dashboard-log-date-trigger { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; max-width: 100%; padding: 0 12px; border: 1px solid rgba(167,139,250,.34); border-radius: 10px; color: #f7f4ff; background: linear-gradient(135deg, rgba(139,92,246,.18), rgba(255,255,255,.05)); font: 600 11px "JetBrains Mono", monospace; cursor: pointer; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.dashboard-redesign .dashboard-log-date-trigger:hover,
.dashboard-redesign .dashboard-log-date-range.is-open .dashboard-log-date-trigger { border-color: rgba(196,181,253,.8); background: linear-gradient(135deg, rgba(139,92,246,.3), rgba(255,255,255,.08)); box-shadow: 0 8px 24px rgba(80,48,170,.2); }
.dashboard-redesign .dashboard-log-date-trigger > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-redesign .dashboard-log-date-trigger > i:first-child { color: #c4b5fd; font-size: 15px; }
.dashboard-redesign .dashboard-log-date-caret { color: rgba(255,255,255,.58); font-size: 13px; transition: transform .2s ease; }
.dashboard-redesign .dashboard-log-date-range.is-open .dashboard-log-date-caret { transform: rotate(180deg); }
.dashboard-redesign .dashboard-log-date-popover { position: absolute; top: calc(100% + 10px); left: 0; z-index: 50; width: min(382px, calc(100vw - 40px)); padding: 15px; border: 1px solid rgba(167,139,250,.32); border-radius: 15px; background: linear-gradient(145deg, #19132a, #0e0c16 82%); box-shadow: 0 24px 70px rgba(0,0,0,.55), 0 0 32px rgba(109,74,255,.15); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px) scale(.98); transform-origin: top left; transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s; }
.dashboard-redesign .dashboard-log-date-range.is-open .dashboard-log-date-popover { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); transition-delay: 0s; }
.dashboard-redesign .dashboard-log-date-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dashboard-redesign .dashboard-log-date-fields label { display: grid; gap: 6px; color: rgba(255,255,255,.56); font-size: 10px; }
.dashboard-redesign .dashboard-log-date-fields input { width: 100%; min-width: 0; min-height: 36px; padding: 0 9px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; color: #ffffff; background: rgba(255,255,255,.06); color-scheme: dark; font: 11px "JetBrains Mono", monospace; outline: 0; }
.dashboard-redesign .dashboard-log-date-fields input:focus { border-color: rgba(196,181,253,.9); box-shadow: 0 0 0 3px rgba(139,92,246,.16); }
.dashboard-redesign .dashboard-log-date-presets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 13px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.1); }
.dashboard-redesign .dashboard-log-date-presets button { min-height: 31px; padding: 0 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: rgba(255,255,255,.68); background: rgba(255,255,255,.045); font-size: 10px; cursor: pointer; transition: border-color .2s ease, color .2s ease, background .2s ease; }
.dashboard-redesign .dashboard-log-date-presets button:hover,
.dashboard-redesign .dashboard-log-date-presets button.is-selected { border-color: rgba(196,181,253,.65); color: #ffffff; background: rgba(139,92,246,.2); }
.dashboard-redesign .dashboard-log-date-apply { width: 100%; min-height: 36px; margin-top: 13px; justify-content: center; }
.dashboard-redesign .dashboard-log-period { min-height: 38px; }
.dashboard-redesign .dashboard-log-period > .dashboard-filter-label { display: none; }
.dashboard-redesign .dashboard-log-period select { min-width: 135px; }
.dashboard-redesign .dashboard-log-table { min-width: 980px; }
.dashboard-redesign .dashboard-log-table td { font-size: 12px; }
.dashboard-redesign .dashboard-log-table td > small { display: block; margin-top: 5px; color: rgba(255,255,255,.53); font-size: 10px; }
.dashboard-redesign .dashboard-log-state { color: #ffffff !important; }
.dashboard-redesign .dashboard-log-detail { color: #ffffff; }
.dashboard-redesign .dashboard-log-detail-more { margin-left: 5px; color: rgba(255,255,255,.55); }
.dashboard-redesign button.dashboard-log-detail { padding: 0; border: 0; color: #ffffff; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.dashboard-redesign button.dashboard-log-detail:hover { color: #c4b5fd; }
.dashboard-redesign button.dashboard-log-detail:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; border-radius: 3px; }
.dashboard-redesign .dashboard-log-modal { overflow-y: auto; }
.dashboard-redesign .dashboard-log-modal {
  transition: opacity .32s cubic-bezier(.2,.78,.25,1), visibility 0s linear .32s;
}
.dashboard-redesign .dashboard-log-modal.is-open { transition-delay: 0s; }
.dashboard-redesign .dashboard-log-modal-card {
  opacity: 0;
  transform: translateY(38px) scale(.985);
  transition: opacity .32s cubic-bezier(.2,.78,.25,1), transform .32s cubic-bezier(.2,.78,.25,1);
}
.dashboard-redesign .dashboard-log-modal.is-open .dashboard-log-modal-card {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.dashboard-redesign .dashboard-log-modal-card { width: min(880px, 100%); max-height: min(88vh, 860px); overflow-y: auto; padding: 26px; border-color: rgba(167,139,250,.3); background: radial-gradient(ellipse at 12% 0%, rgba(109,74,255,.13), transparent 42%), linear-gradient(145deg, #15111f, #0e0c15 76%); box-shadow: 0 34px 100px rgba(0,0,0,.62), 0 0 55px rgba(109,74,255,.12); }
.dashboard-redesign .dashboard-log-modal-card > .dashboard-kicker { display: block; margin: 0 42px 7px 0; }
.dashboard-redesign .dashboard-log-modal-card > h3 { margin: 0 42px 22px 0; font: 600 18px "JetBrains Mono", monospace; overflow-wrap: anywhere; }
.dashboard-redesign .dashboard-log-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dashboard-redesign .dashboard-log-detail-section { min-width: 0; padding: 16px; border: 1px solid rgba(167,139,250,.19); border-radius: 12px; background: linear-gradient(145deg, rgba(139,92,246,.09), rgba(255,255,255,.018)); }
.dashboard-redesign .dashboard-log-detail-section h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: #ffffff; font-size: 13px; }
.dashboard-redesign .dashboard-log-detail-section h4 i { color: #c4b5fd; font-size: 16px; }
.dashboard-redesign .dashboard-log-detail-items { display: grid; gap: 9px; }
.dashboard-redesign .dashboard-log-detail-item { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-width: 0; padding-bottom: 8px; border-bottom: 1px solid rgba(196,181,253,.1); }
.dashboard-redesign .dashboard-log-detail-item:last-child { padding-bottom: 0; border-bottom: 0; }
.dashboard-redesign .dashboard-log-detail-item > span { color: rgba(255,255,255,.58); font-size: 11px; }
.dashboard-redesign .dashboard-log-detail-item > strong { min-width: 0; color: #ffffff; font-size: 11px; font-weight: 600; text-align: right; overflow-wrap: anywhere; }
.dashboard-redesign .dashboard-log-detail-item.is-mono > strong { font-family: "JetBrains Mono", monospace; }
.dashboard-redesign .dashboard-log-detail-item.is-total { margin: 2px -8px -8px; padding: 10px 8px; border: 1px solid rgba(167,139,250,.2); border-radius: 8px; background: linear-gradient(100deg, rgba(109,74,255,.2), rgba(196,181,253,.08)); }
.dashboard-redesign .dashboard-log-detail-item.is-total > span,
.dashboard-redesign .dashboard-log-detail-item.is-total > strong { color: #ffffff; font-weight: 800; }
.dashboard-redesign .dashboard-log-demo-note { margin: 14px 2px 0; color: rgba(255,255,255,.48); font-size: 10px; line-height: 1.5; }
.dashboard-redesign .dashboard-log-footer { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; margin-top: 18px; color: rgba(255,255,255,.6); font-size: 12px; }
.dashboard-redesign .dashboard-log-footer strong { color: #ffffff; }
.dashboard-redesign .dashboard-log-footer button { min-width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; color: rgba(255,255,255,.7); background: rgba(255,255,255,.045); cursor: pointer; }
.dashboard-redesign .dashboard-log-footer button.is-current { color: #0b0b10; background: #ffffff; }
@media (max-width: 900px) {
  .dashboard-redesign .dashboard-data-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-redesign .dashboard-data-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .dashboard-redesign .dashboard-inline-filters { align-items: stretch; justify-content: stretch; width: 100%; margin-top: 18px; }
  .dashboard-redesign .dashboard-inline-filters .dashboard-filter,
  .dashboard-redesign .dashboard-inline-filters .dashboard-currency-switcher { width: 100%; justify-content: space-between; }
  .dashboard-redesign .dashboard-filter select { flex: 1; min-width: 0; }
  .dashboard-redesign .dashboard-data-stat-grid { grid-template-columns: 1fr; }
  .dashboard-redesign .dashboard-token-legend { grid-template-columns: 1fr; }
  .dashboard-redesign .dashboard-log-filter-row > * { width: 100%; }
  .dashboard-redesign .dashboard-log-filter-row .dashboard-secondary-button { justify-content: center; }
  .dashboard-redesign .dashboard-log-footer { justify-content: flex-start; }
  .dashboard-redesign .dashboard-log-modal { padding: 10px; }
  .dashboard-redesign .dashboard-log-modal-card { max-height: 94vh; padding: 20px 16px; }
  .dashboard-redesign .dashboard-log-date-range { width: 100%; }
  .dashboard-redesign .dashboard-log-date-trigger { width: 100%; justify-content: space-between; }
  .dashboard-redesign .dashboard-log-date-popover { width: min(100%, 382px); }
  .dashboard-redesign .dashboard-log-detail-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-redesign .dashboard-log-modal,
  .dashboard-redesign .dashboard-log-modal-card {
    transition-duration: .01ms;
  }
  .dashboard-redesign .dashboard-select-menu,
  .dashboard-redesign .dashboard-select-trigger > i {
    transition: none;
  }
  .dashboard-redesign .dashboard-log-modal { transition-delay: 0s; }
}

/* Dashboard overview: make the log entry point a clear premium action. */
.dashboard-redesign .dashboard-log-link {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 11px;
  flex: 0 0 auto;
  padding: 0 13px 0 16px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 12px;
  color: #08090c;
  background: linear-gradient(135deg, #ffffff 0%, #e2dcff 100%);
  box-shadow: 0 10px 26px rgba(139,92,246,.18), inset 0 1px rgba(255,255,255,.8);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.dashboard-redesign .dashboard-log-link:hover {
  color: #08090c;
  background: #ffffff;
  box-shadow: 0 15px 34px rgba(139,92,246,.28), inset 0 1px rgba(255,255,255,.9);
  transform: translateY(-2px);
}
.dashboard-redesign .dashboard-log-link:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
.dashboard-redesign .dashboard-log-link span { display: inline-block; }
.dashboard-redesign .dashboard-log-link i {
  color: #08090c;
  font-size: 15px;
  text-shadow: none;
  transition: transform .25s ease;
}
.dashboard-redesign .dashboard-log-link:hover i { transform: translate(2px, -2px); }
@media (max-width: 767px) {
  .dashboard-redesign .dashboard-log-link { width: 100%; justify-content: space-between; }
}

/* Native select menus use a light popup surface on desktop browsers. */
.dashboard-redesign select option,
.dashboard-redesign select optgroup {
  color: #08090c;
  background: #ffffff;
}
.dashboard-redesign select option:checked,
.dashboard-redesign select option:hover {
  color: #ffffff;
  background: #6d4aff;
}

/* Premium native controls: keep the browser popup dark and consistent with the dashboard surface. */
.dashboard-redesign select {
  appearance: none;
  -webkit-appearance: none;
  color-scheme: dark;
  min-height: 40px;
  padding: 0 34px 0 13px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 11px;
  color: #f8f7ff;
  background-color: rgba(15,13,24,.94);
  background-image: linear-gradient(45deg, transparent 50%, rgba(221,214,255,.86) 50%), linear-gradient(135deg, rgba(221,214,255,.86) 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 8px 24px rgba(0,0,0,.16);
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.dashboard-redesign select:hover {
  border-color: rgba(196,181,253,.62);
  background-color: #171326;
}
.dashboard-redesign select:focus-visible {
  outline: none;
  border-color: rgba(196,181,253,.9);
  box-shadow: 0 0 0 3px rgba(139,92,246,.18), inset 0 1px 0 rgba(255,255,255,.09);
}
.dashboard-redesign select option,
.dashboard-redesign select optgroup {
  color: #f8f7ff;
  background: #151124;
}
.dashboard-redesign select option:checked,
.dashboard-redesign select option:hover {
  color: #ffffff;
  background: #6d4aff;
}
.dashboard-redesign .dashboard-currency-switcher {
  border-color: rgba(196,181,253,.28);
  background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(139,92,246,.08));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 28px rgba(0,0,0,.18);
}
.dashboard-redesign .dashboard-currency-switcher select {
  min-width: 82px;
  min-height: 36px;
  border-color: rgba(196,181,253,.34);
  background-color: rgba(13,11,22,.96);
}
.dashboard-redesign .dashboard-filter {
  border-color: rgba(196,181,253,.24);
  background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(139,92,246,.06));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 22px rgba(0,0,0,.14);
}
.dashboard-redesign .dashboard-filter select {
  min-height: 36px;
  border-color: rgba(196,181,253,.32);
  background-color: rgba(13,11,22,.96);
}
.dashboard-redesign .dashboard-setting-row > select {
  min-width: 116px;
}

/* API keys: separate the safety notice and keep the active state readable. */
.dashboard-redesign .dashboard-panel:has(.dashboard-keys-table) {
  margin-bottom: 18px;
}
.dashboard-redesign .dashboard-status.status-active {
  padding: 3px 8px;
  border: 1px solid rgba(74, 222, 128, .25);
  border-radius: 999px;
  color: #63f5a3;
  background: rgba(34, 197, 94, .10);
  font-weight: 700;
  text-shadow: 0 0 12px rgba(99, 245, 163, .38);
}
.dashboard-redesign .dashboard-status.status-active i {
  background: #63f5a3;
  box-shadow: 0 0 10px rgba(99, 245, 163, .75);
}
@media (max-width: 767px) {
  .dashboard-redesign .dashboard-panel:has(.dashboard-keys-table) { margin-bottom: 14px; }
}

/* Light theme. The dark theme remains the default and is intentionally untouched. */
body.light-theme {
  --bg: #f4f5f8;
  --panel: #ffffff;
  --panel2: #eef0f5;
  --line: #d9dce5;
  --text: #17151d;
  --muted: #606574;
  --dim: #858a98;
  --amber: #d49b17;
  background: #f4f5f8;
  color: #17151d;
}

body.light-theme #app,
body.light-theme .landing,
body.light-theme .page,
body.light-theme .pricing-page,
body.light-theme .models-page,
body.light-theme .docs-layout,
body.light-theme .developers-page,
body.light-theme .auth-page-premium {
  background: #f4f5f8;
  color: #17151d;
}
body.light-theme #app:has(.pricing-page),
body.light-theme #app:has(.models-page),
body.light-theme #app:has(.docs-layout),
body.light-theme #app:has(.developers-page),
body.light-theme #app:has(.auth-page-premium) {
  background: linear-gradient(180deg, #f8f9fc 0%, #f0f1f6 52%, #f7f8fb 100%);
}

body.light-theme .site-header {
  background: rgba(248, 249, 252, .78) !important;
  background-color: rgba(248, 249, 252, .78) !important;
  border-bottom-color: rgba(34, 31, 46, .10) !important;
  box-shadow: 0 12px 28px rgba(42, 45, 65, .08) !important;
}
body.light-theme .site-header::before {
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(238,240,246,.58)) !important;
  border-bottom-color: rgba(34, 31, 46, .09) !important;
  box-shadow: 0 10px 28px rgba(42,45,65,.08) !important;
}
body.light-theme .brand,
body.light-theme .brand > span:last-child,
body.light-theme .site-nav a,
body.light-theme .text-link,
body.light-theme .menu-toggle { color: #17151d; }
body.light-theme .site-nav a,
body.light-theme .text-link { color: #626674; }
body.light-theme .site-nav a:hover,
body.light-theme .site-nav a.active,
body.light-theme .text-link:hover { color: #17151d; }
body.light-theme .site-nav a.active {
  color: #17151d !important;
  -webkit-text-fill-color: #17151d !important;
}
body.light-theme .pricing-page .billing-toggle button small,
body.light-theme .pricing-page .plan-top > span {
  color: #656a79 !important;
  -webkit-text-fill-color: #656a79 !important;
}
body.light-theme .brand-logo,
body.light-theme .demo-logo-mark .brand-logo,
body.light-theme .dashboard-logo-mark .brand-logo { filter: invert(1) brightness(.35); }
body.light-theme .brand-logo-frame,
body.light-theme .demo-logo-mark,
body.light-theme .dashboard-logo-mark {
  background: #ffffff !important;
  border-color: rgba(24, 22, 31, .14) !important;
  box-shadow: 0 5px 18px rgba(42,45,65,.12), inset 0 1px rgba(255,255,255,.9) !important;
}
body.light-theme .brand-mark i { background: #d49b17; }

.theme-toggle {
  display: inline-grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(229, 170, 98, .72);
  border-radius: 50%;
  color: #35250b;
  background: linear-gradient(145deg, #ffe58a, #f3bd36);
  box-shadow: 0 7px 18px rgba(225, 166, 41, .24), inset 0 1px rgba(255,255,255,.8);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.theme-toggle:hover { transform: translateY(-2px) rotate(8deg); filter: brightness(1.06); box-shadow: 0 11px 24px rgba(225,166,41,.32), inset 0 1px rgba(255,255,255,.9); }
.theme-toggle:focus-visible { outline: 2px solid #d49b17; outline-offset: 3px; }
.theme-toggle-sun { display: block; font-size: 19px; line-height: 1; }
body.light-theme .theme-toggle { border-color: rgba(185, 126, 0, .38); }

body.light-theme .ambient-grid {
  opacity: .52;
  background-image: linear-gradient(rgba(33,30,45,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(33,30,45,.06) 1px, transparent 1px);
}
body.light-theme .grid-scan { background: linear-gradient(90deg, transparent, rgba(112,78,190,.28), transparent); }
body.light-theme .grid-star { background: #201b2d; box-shadow: 0 0 16px 3px rgba(44,35,76,.18); }
body.light-theme .cosmic-layer { opacity: .74; mix-blend-mode: multiply; }
body.light-theme .cosmic-star,
body.light-theme .cosmic-star:nth-child(4n),
body.light-theme .cosmic-star:nth-child(7n) { background: #191521; box-shadow: 0 0 7px rgba(30,24,45,.65), 0 0 18px rgba(63,47,96,.20); }
body.light-theme .cosmic-shooting-star { background: linear-gradient(90deg, transparent, rgba(20,17,27,.88), transparent); box-shadow: 0 0 10px rgba(30,24,45,.36); }
body.light-theme .page-starfield { opacity: .62; }
body.light-theme .page-star { background: #15121d !important; box-shadow: 0 0 9px rgba(34,25,57,.34) !important; }
body.light-theme .shooting-star { background: linear-gradient(90deg, transparent, rgba(24,19,31,.92), transparent) !important; box-shadow: 0 0 12px rgba(40,28,64,.34) !important; }
body.light-theme #galaxy-hero.galaxy-container canvas { filter: none; }




body.light-theme .hero h1,
body.light-theme .page-hero h1,
body.light-theme .docs-content h1,
body.light-theme .section-intro h2,
body.light-theme .feature-copy h2,
body.light-theme .cta-band h2,
body.light-theme .dev-panel h2,
body.light-theme .developers-hero h1,
body.light-theme .developers-hero h2,
body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4 { color: #17151d; }
body.light-theme .hero-copy > p,
body.light-theme .page-hero > p,
body.light-theme .section-intro > p,
body.light-theme .feature-copy > p,
body.light-theme .developers-hero-copy > p,
body.light-theme .auth-card-premium p { color: #626674; }
body.light-theme .eyebrow,
body.light-theme .hero h1 span,
body.light-theme .page-hero h1 em,
body.light-theme .docs-content h1 em,
body.light-theme .section-intro h2 em,
body.light-theme .feature-copy h2 em,
body.light-theme .cta-band h2 em,
body.light-theme .dev-panel h2 em { color: #b27a05; }
body.light-theme .status-pill,
body.light-theme .hero-note,
body.light-theme .trusted,
body.light-theme .footer-bottom,
body.light-theme .site-footer p { color: #6e7280; border-color: #d5d8e1; }

body.light-theme .product-demo,
body.light-theme .dev-panel,
body.light-theme .developer-client,
body.light-theme .developer-lab-window,
body.light-theme .developer-link-grid a,
body.light-theme .route-visual,
body.light-theme .auth-card-premium,
body.light-theme .auth-provider-row button,
body.light-theme .docs-sidebar,
body.light-theme .docs-quick-grid a,
body.light-theme .models-toolbar,
body.light-theme .models-note,
body.light-theme .model-row,
body.light-theme .model-detail,
body.light-theme .model-route,
body.light-theme .pricing-page .plan-card,
body.light-theme .pricing-page .faq-list details {
  color: #17151d;
  border-color: #d8dbe4 !important;
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(242,244,249,.98)) !important;
  box-shadow: 0 18px 48px rgba(48, 48, 72, .09) !important;
}
body.light-theme .product-demo .demo-window,
body.light-theme .developer-example,
body.light-theme .code-block,
body.light-theme pre,
body.light-theme .terminal-lines,
body.light-theme .route-stage { background: #eceef4 !important; color: #252331; border-color: #d5d8e1; }
body.light-theme .demo-bar,
body.light-theme .developer-example-head,
body.light-theme .route-visual-header,
body.light-theme .model-detail-head { border-color: #d8dbe4; }
body.light-theme .model-row,
body.light-theme .model-row-trigger,
body.light-theme .model-detail,
body.light-theme .model-route { color: #252331; }
body.light-theme .model-row small,
body.light-theme .model-detail p,
body.light-theme .model-route small,
body.light-theme .developer-client small,
body.light-theme .developer-link-grid small,
body.light-theme .docs-content p,
body.light-theme .docs-content li { color: #656a79; }
body.light-theme .model-row strong,
body.light-theme .model-detail strong,
body.light-theme .developer-client span,
body.light-theme .developer-link-grid span,
body.light-theme .docs-content strong { color: #17151d; }
body.light-theme .pricing-page .plan-card p,
body.light-theme .pricing-page .plan-breakdown,
body.light-theme .pricing-page .plan-bonus-row { color: #626674; }
body.light-theme .pricing-page .faq-list .faq-question { color: #17151d !important; }
body.light-theme .pricing-page .faq-list .faq-answer > p { color: #626674 !important; }
body.light-theme .pricing-page .faq-list details:hover,
body.light-theme .pricing-page .faq-list details.is-open { background: #ffffff !important; border-color: #bfc3d0 !important; }
body.light-theme .cta-band { background: linear-gradient(135deg, #ece8fb, #f7f8fc) !important; border-color: #d8d1ee !important; }
body.light-theme .site-footer { border-color: #d8dbe4; }
body.light-theme .footer-links b,
body.light-theme .footer-links a { color: #5e6270; }
body.light-theme .footer-links a:hover { color: #17151d; }

body.light-theme .auth-backdrop { opacity: .55; filter: invert(1) hue-rotate(180deg); }
body.light-theme .auth-card-premium { background: rgba(255,255,255,.92) !important; }
body.light-theme .auth-card-premium label,
body.light-theme .auth-card-premium .auth-helper,
body.light-theme .auth-card-premium .auth-divider { color: #626674; }
body.light-theme .auth-card-premium input,
body.light-theme .auth-mode,
body.light-theme .auth-provider-row button { background: #f4f5f8; color: #17151d; }
body.light-theme .auth-card-premium input { border-color: #d1d5df; }

body.light-theme .dashboard-redesign {
  --dashboard-bg: #f4f5f8;
  --dashboard-sidebar: #ffffff;
  --dashboard-card: #ffffff;
  --dashboard-raised: #f0f1f6;
  --dashboard-border: #d9dce5;
  --dashboard-text: #17151d;
  --dashboard-muted: #656a79;
  --dashboard-tertiary: #858a98;
  --dashboard-cyan: #5e43a4;
  --dashboard-orange: #b27a05;
  --dashboard-success: #18864b;
  --dashboard-danger: #c24036;
  color: var(--dashboard-text);
  background: var(--dashboard-bg);
}
body.light-theme.dashboard-page,
body.light-theme.dashboard-page .dashboard-main { background: #f4f5f8; }
body.light-theme .dashboard-sidebar-redesign { background: #ffffff; border-right-color: #d9dce5; box-shadow: 10px 0 34px rgba(42,45,65,.05); }
body.light-theme .dashboard-redesign .dashboard-header { background: rgba(248,249,252,.82); border-bottom-color: #d9dce5; box-shadow: 0 12px 30px rgba(42,45,65,.07); }
body.light-theme .dashboard-redesign .dashboard-stat-card,
body.light-theme .dashboard-redesign .dashboard-panel,
body.light-theme .dashboard-redesign .dashboard-quick-card,
body.light-theme .dashboard-redesign .dashboard-support-card,
body.light-theme .dashboard-redesign .dashboard-invite-stats > div,
body.light-theme .dashboard-redesign .dashboard-danger-zone {
  color: var(--dashboard-text);
  border-color: var(--dashboard-border);
  background: linear-gradient(145deg, #ffffff, #f0f1f6);
  box-shadow: 0 20px 55px rgba(42,45,65,.09);
}
body.light-theme .dashboard-redesign .dashboard-stat-sublabel,
body.light-theme .dashboard-redesign .dashboard-panel p,
body.light-theme .dashboard-redesign .dashboard-page-intro p,
body.light-theme .dashboard-redesign .dashboard-welcome p,
body.light-theme .dashboard-redesign .dashboard-heading p,
body.light-theme .dashboard-redesign .dashboard-setting-row small,
body.light-theme .dashboard-redesign .dashboard-log-detail-more { color: #656a79 !important; }
body.light-theme .dashboard-redesign .sidebar-link,
body.light-theme .dashboard-redesign .sidebar-label,
body.light-theme .dashboard-redesign .sidebar-user,
body.light-theme .dashboard-redesign .user-email { color: #656a79; }
body.light-theme .dashboard-redesign .sidebar-link:hover,
body.light-theme .dashboard-redesign .sidebar-link.active { color: #17151d; background: #f0eef8; }
body.light-theme .dashboard-redesign .sidebar-footer { border-top-color: #d9dce5; }
body.light-theme .dashboard-redesign .dashboard-table th,
body.light-theme .dashboard-redesign .dashboard-table td { border-color: #d9dce5; color: #252331; }
body.light-theme .dashboard-redesign .dashboard-table th { color: #747988; }
body.light-theme .dashboard-redesign .dashboard-table code,
body.light-theme .dashboard-redesign .dashboard-model-name { color: #3d3265; }
body.light-theme .dashboard-redesign .dashboard-secondary-button,
body.light-theme .dashboard-redesign .dashboard-filter,
body.light-theme .dashboard-redesign .dashboard-currency-switcher,
body.light-theme .dashboard-redesign select,
body.light-theme .dashboard-redesign input { color: #252331; background: #ffffff; border-color: #d1d5df; }
body.light-theme .dashboard-redesign .dashboard-secondary-button:hover { background: #f0eef8; border-color: #afa4d7; }
body.light-theme .dashboard-redesign .dashboard-log-link { color: #17151d; background: linear-gradient(135deg, #ffffff, #e9e3ff); border-color: #d2c9f1; }
body.light-theme .dashboard-redesign .dashboard-log-link:hover { background: #ffffff; }
body.light-theme .dashboard-redesign .dashboard-status.status-active { color: #137a43; background: rgba(34,197,94,.10); }
body.light-theme .dashboard-redesign .dashboard-status.status-active i { background: #18864b; }

@media (max-width: 800px) {
  body.light-theme .site-header { box-shadow: 0 8px 22px rgba(42,45,65,.07) !important; }
  .theme-toggle { width: 36px; height: 36px; flex-basis: 36px; }
}

/* The landing page has legacy !important rules; keep its light theme explicit. */
body.light-theme .landing,
body.light-theme .hero {
  background: #f4f5f8 !important;
  color: #17151d;
}

body.light-theme {
  background: #f4f5f8 !important;
}

body.light-theme #app:has(.landing) > .site-header {
  background: rgba(248, 249, 252, .78) !important;
  background-color: rgba(248, 249, 252, .78) !important;
  border-bottom-color: rgba(34, 31, 46, .10) !important;
  box-shadow: 0 12px 28px rgba(42, 45, 65, .08) !important;
}

body.light-theme #app:has(.landing) > .site-header::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(238, 240, 246, .58)) !important;
  border-bottom-color: rgba(34, 31, 46, .09) !important;
  box-shadow: 0 10px 28px rgba(42, 45, 65, .08) !important;
}

/* Final light-theme contrast pass for legacy graphite components. */
body.light-theme .pricing-page .pricing-hero h1 em,
body.light-theme .pricing-page .page-hero h1 em,
body.light-theme .models-page .models-hero h1 em,
body.light-theme .docs-layout .docs-content h1 em {
  color: #b27a05 !important;
}

body.light-theme .pricing-page .plan-card > strong,
body.light-theme .pricing-page .plan-card > strong small {
  color: #17151d !important;
}
body.light-theme .pricing-page .plan-card p,
body.light-theme .pricing-page .plan-breakdown > div,
body.light-theme .pricing-page .plan-breakdown,
body.light-theme .pricing-page .plan-foot {
  color: #4f5360 !important;
}
body.light-theme .pricing-page .plan-breakdown > div {
  border-color: #c7cbd5 !important;
}
body.light-theme .pricing-page .plan-breakdown b,
body.light-theme .pricing-page .plan-bonus-row b {
  color: #393148 !important;
}
body.light-theme .pricing-page .plan-token-equivalent {
  color: #5d3f9e !important;
  border-color: rgba(111, 73, 184, .2) !important;
  background: rgba(139, 92, 246, .055) !important;
  box-shadow: 0 0 12px rgba(139, 92, 246, .08) !important;
}
body.light-theme .pricing-page .plan-token-equivalent span { color: #6e54a1 !important; }
body.light-theme .pricing-page .plan-token-equivalent b {
  color: #614096 !important;
  -webkit-text-fill-color: #614096 !important;
  text-shadow: 0 0 8px rgba(139, 92, 246, .2);
}
body.light-theme .pricing-page .plan-bonus {
  border-color: #d5a72a !important;
  background: rgba(213, 167, 42, .12) !important;
  color: #8b6500 !important;
}
body.light-theme .pricing-page .plan-bonus.no-bonus {
  border-color: #bcc1cd !important;
  background: #f4f5f8 !important;
  color: #656a79 !important;
}
body.light-theme .pricing-page .plan-bonus-row span {
  color: #806000 !important;
}

/* Dashboard light-theme contrast pass for legacy dark-mode accents. */
body.light-theme .dashboard-redesign .dashboard-kicker,
body.light-theme .dashboard-redesign .dashboard-text-link,
body.light-theme .dashboard-redesign .dashboard-panel-badge,
body.light-theme .dashboard-redesign .dashboard-invite-art {
  color: #5e43a4 !important;
  text-shadow: none !important;
}
body.light-theme .dashboard-redesign .dashboard-panel-badge {
  border-color: rgba(94, 67, 164, .26) !important;
  background: rgba(94, 67, 164, .09) !important;
}
body.light-theme .dashboard-redesign .dashboard-text-link:hover {
  color: #453080 !important;
}
body.light-theme .dashboard-redesign .dashboard-currency-label {
  color: #252331 !important;
}
body.light-theme .dashboard-redesign .dashboard-big-number,
body.light-theme .dashboard-redesign .dashboard-distribution-row strong,
body.light-theme .dashboard-redesign .dashboard-distribution-row b,
body.light-theme .dashboard-redesign .dashboard-cache-callout strong,
body.light-theme .dashboard-redesign .dashboard-token-legend b,
body.light-theme .dashboard-redesign .dashboard-log-metrics b {
  color: #17151d !important;
}
body.light-theme .dashboard-redesign .dashboard-distribution-index,
body.light-theme .dashboard-redesign .dashboard-distribution-icon,
body.light-theme .dashboard-redesign .dashboard-distribution-row small,
body.light-theme .dashboard-redesign .dashboard-cache-callout span,
body.light-theme .dashboard-redesign .dashboard-cache-callout small,
body.light-theme .dashboard-redesign .dashboard-token-legend span,
body.light-theme .dashboard-redesign .dashboard-log-metrics span {
  color: #656a79 !important;
}
body.light-theme .dashboard-redesign .dashboard-status.status-success {
  color: #18864b !important;
  text-shadow: none !important;
}
body.light-theme .dashboard-redesign .dashboard-status.status-pending {
  color: #9a6900 !important;
  text-shadow: none !important;
}
body.light-theme .dashboard-redesign .dashboard-status.status-success i {
  background: #18864b !important;
}
body.light-theme .dashboard-redesign .dashboard-status.status-pending i {
  background: #9a6900 !important;
}
body.light-theme .dashboard-redesign .dashboard-payment-method,
body.light-theme .dashboard-redesign .dashboard-amount-button {
  color: #656a79 !important;
  border-color: #d1d5df !important;
  background: #ffffff !important;
}
body.light-theme .dashboard-redesign .dashboard-payment-method:hover,
body.light-theme .dashboard-redesign .dashboard-payment-method.is-selected,
body.light-theme .dashboard-redesign .dashboard-amount-button:hover,
body.light-theme .dashboard-redesign .dashboard-amount-button.is-selected {
  color: #3d3265 !important;
  border-color: #afa4d7 !important;
  background: #f0eef8 !important;
  text-shadow: none !important;
}
body.light-theme .dashboard-redesign .dashboard-distribution-bar {
  background: linear-gradient(90deg, #5e43a4 var(--distribution), #e1e3ea var(--distribution)) !important;
}
body.light-theme .dashboard-redesign .dashboard-cache-callout {
  border-color: #d9dce5 !important;
  background: #f4f5f8 !important;
}
body.light-theme .dashboard-redesign .dashboard-token-bar {
  background: #e6e8ef !important;
}
body.light-theme .dashboard-redesign .dashboard-token-bar i:first-child,
body.light-theme .dashboard-redesign .dashboard-token-legend i:first-child {
  background: #5e43a4 !important;
}
body.light-theme .dashboard-redesign .dashboard-log-metrics span {
  border-color: #d9dce5 !important;
  background: #ffffff !important;
}
body.light-theme .dashboard-redesign .dashboard-log-date,
body.light-theme .dashboard-redesign .dashboard-log-filter-row select,
body.light-theme .dashboard-redesign .dashboard-log-filter-row input {
  color: #252331 !important;
  border-color: #d1d5df !important;
  background: #ffffff !important;
}
body.light-theme .dashboard-redesign .dashboard-custom-amount-control {
  border-color: #d1d5df !important;
  background: #ffffff !important;
}
body.light-theme .dashboard-redesign .dashboard-custom-amount-control input,
body.light-theme .dashboard-redesign .dashboard-custom-amount-control b,
body.light-theme .dashboard-redesign .dashboard-custom-amount small {
  color: #656a79 !important;
}
body.light-theme .model-picker button small,
body.light-theme .arrow-link {
  color: #5e43a4 !important;
  -webkit-text-fill-color: #5e43a4 !important;
}
body.light-theme .pricing-page .pricing-rule span {
  background: #ffffff !important;
  border: 1px solid #d9dce5 !important;
  color: #515663 !important;
  box-shadow: 0 8px 22px rgba(48, 48, 72, .07) !important;
}
body.light-theme .pricing-page .pricing-rule i {
  background: #b27a05 !important;
  box-shadow: 0 0 8px rgba(178, 122, 5, .22) !important;
}
body.light-theme .pricing-page .billing-toggle {
  background: #ffffff !important;
  border-color: #cbd0da !important;
  box-shadow: 0 8px 24px rgba(48, 48, 72, .08) !important;
}
body.light-theme .pricing-page .billing-toggle button {
  color: #686d7a !important;
  background: transparent !important;
}
body.light-theme .pricing-page .billing-toggle button.selected {
  color: #2b210b !important;
  background: #f0c64f !important;
  border-color: #e0b62e !important;
}
body.light-theme .pricing-page .plan-card .button {
  color: #252331 !important;
  background: #ffffff !important;
  border-color: #bfc4cf !important;
  box-shadow: 0 7px 18px rgba(48, 48, 72, .08) !important;
}
body.light-theme .pricing-page .plan-card.featured .button {
  color: #2b210b !important;
  background: #e5b72f !important;
  border-color: #d5a519 !important;
}

body.light-theme .demo-window-premium,
body.light-theme .demo-window-premium .demo-content,
body.light-theme .demo-window-premium .demo-rail,
body.light-theme .demo-window-premium .demo-sidebar,
body.light-theme .demo-window-premium .demo-side,
body.light-theme .demo-window-premium .demo-bar,
body.light-theme .demo-window-premium .terminal-lines,
body.light-theme .demo-window-premium .cli-header,
body.light-theme .demo-window-premium .demo-composer {
  background: #ffffff !important;
  color: #282333 !important;
  border-color: #d8dbe4 !important;
  box-shadow: none;
}
body.light-theme .demo-window-premium .demo-rail,
body.light-theme .demo-window-premium .demo-bar {
  background: #f0f1f6 !important;
}
body.light-theme .demo-window-premium .demo-rail button,
body.light-theme .demo-window-premium .demo-rail small,
body.light-theme .demo-window-premium .side-heading,
body.light-theme .demo-window-premium .demo-caption,
body.light-theme .demo-window-premium .cli-identity small,
body.light-theme .demo-window-premium .cli-metrics small,
body.light-theme .demo-window-premium .demo-state,
body.light-theme .demo-window-premium .balance-mini,
body.light-theme .demo-window-premium .balance-mini small,
body.light-theme .demo-window-premium .side-stat,
body.light-theme .demo-window-premium .workspace-item small,
body.light-theme .demo-window-premium .sidebar-bottom small {
  color: #6b7080 !important;
}
body.light-theme .demo-window-premium .demo-rail button:hover,
body.light-theme .demo-window-premium .demo-rail button.rail-on,
body.light-theme .demo-window-premium .side-heading button,
body.light-theme .demo-window-premium .demo-live,
body.light-theme .demo-window-premium .demo-caption button,
body.light-theme .demo-window-premium .eyebrow {
  color: #b27a05 !important;
}
body.light-theme .demo-window-premium .workspace-item {
  color: #4f5360 !important;
  border-color: transparent !important;
  background: transparent !important;
}
body.light-theme .demo-window-premium .workspace-item:hover,
body.light-theme .demo-window-premium .workspace-item.active {
  color: #282333 !important;
  border-color: #d9c98a !important;
  background: #fbf6e5 !important;
}
body.light-theme .demo-window-premium .sidebar-account,
body.light-theme .demo-window-premium .sidebar-bottom,
body.light-theme .demo-window-premium .balance-mini {
  border-color: #d8dbe4 !important;
}
body.light-theme .demo-window-premium .balance-mini b,
body.light-theme .demo-window-premium .demo-heading strong,
body.light-theme .demo-window-premium .cli-identity b,
body.light-theme .demo-window-premium .user-line,
body.light-theme .demo-window-premium .terminal-lines,
body.light-theme .demo-window-premium .demo-composer input {
  color: #282333 !important;
}
body.light-theme .demo-window-premium .mode-tabs button,
body.light-theme .demo-window-premium .model-select,
body.light-theme .demo-window-premium .demo-composer input {
  background: #f4f5f8 !important;
  border-color: #d1d5df !important;
}
body.light-theme .demo-window-premium .mode-tabs button {
  color: #6b7080 !important;
}
body.light-theme .demo-window-premium .mode-tabs button.selected,
body.light-theme .demo-window-premium .model-select {
  color: #2b210b !important;
  background: #f0c64f !important;
  border-color: #e0b62e !important;
}
body.light-theme .demo-window-premium .terminal-lines .dim-line,
body.light-theme .demo-window-premium .terminal-lines .green-line,
body.light-theme .demo-window-premium .route-card small {
  color: #656a79 !important;
}
body.light-theme .demo-window-premium .route-card {
  color: #282333 !important;
  background: transparent !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .demo-window-premium .route-card:hover,
body.light-theme .demo-window-premium .route-card.active {
  background: #f2eefc !important;
  border-color: #afa4d7 !important;
}

body.light-theme .developer-terminal-card,
body.light-theme .developer-step,
body.light-theme .developer-step-active,
body.light-theme .developer-lab-window,
body.light-theme .developer-link-grid a {
  background: #ffffff !important;
  color: #282333 !important;
  border-color: #d8dbe4 !important;
  box-shadow: 0 18px 48px rgba(48, 48, 72, .09) !important;
}
body.light-theme .developer-terminal-card .terminal-card-head,
body.light-theme .developer-terminal-card .terminal-card-body,
body.light-theme .developer-example,
body.light-theme .developer-example-head,
body.light-theme .developer-tabs,
body.light-theme .developer-tabs button {
  background: #f4f5f8 !important;
  color: #4f5360 !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .developer-terminal-card .terminal-card-body p,
body.light-theme .developer-terminal-card .terminal-card-body .terminal-dim,
body.light-theme .developer-terminal-card .terminal-status,
body.light-theme .developer-terminal-card code,
body.light-theme .developer-step p,
body.light-theme .developer-lab-head p,
body.light-theme .developer-example-head,
body.light-theme .developer-link-grid small {
  color: #656a79 !important;
}
body.light-theme .developer-terminal-card .terminal-card-body em,
body.light-theme .developer-terminal-card .terminal-success,
body.light-theme .developer-step > b,
body.light-theme .developer-step a,
body.light-theme .developer-lab-links a,
body.light-theme .developer-link-grid b {
  color: #b27a05 !important;
}
body.light-theme .developer-step h3,
body.light-theme .developer-link-grid span,
body.light-theme .developer-link-grid i {
  color: #282333 !important;
}
body.light-theme .developer-tabs button {
  background: #ffffff !important;
  color: #656a79 !important;
}
body.light-theme .developer-tabs button.is-active {
  background: #f0c64f !important;
  color: #2b210b !important;
  border-color: #e0b62e !important;
}
body.light-theme .developer-example pre {
  color: #282333 !important;
  background: #eceef4 !important;
}
body.light-theme .developer-example-head button {
  color: #806000 !important;
  border-color: #d5a72a !important;
  background: #fffaf0 !important;
}

body.light-theme .hero h1 span,
body.light-theme .section-intro h2 em,
body.light-theme .feature-copy h2 em,
body.light-theme .cta-band h2 em,
body.light-theme .dev-panel h2 em {
  color: #b27a05 !important;
}
body.light-theme .button-ghost {
  color: #34313e !important;
  border-color: #bfc4cf !important;
  background: transparent !important;
}
body.light-theme .button-ghost:hover {
  color: #806000 !important;
  border-color: #d5a72a !important;
  background: #fffaf0 !important;
}

body.light-theme .models-page .catalog-status {
  color: #656a79 !important;
  background: rgba(255, 255, 255, .86) !important;
  border-color: #cbd0da !important;
  box-shadow: 0 8px 22px rgba(48, 48, 72, .08) !important;
}
body.light-theme .models-page .catalog-heading {
  color: #282333 !important;
  background: linear-gradient(135deg, #ffffff, #f0f1f6) !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .models-page .catalog-heading h2 {
  color: #282333 !important;
}
body.light-theme .models-page .catalog-heading-note {
  color: #656a79 !important;
}
body.light-theme .models-page .catalog-groups {
  background: rgba(247, 248, 251, .78) !important;
}
body.light-theme .models-page .provider-group {
  background: rgba(255, 255, 255, .9) !important;
  border-color: #d8dbe4 !important;
  box-shadow: 0 18px 48px rgba(48, 48, 72, .08) !important;
}
body.light-theme .models-page .provider-heading {
  color: #656a79 !important;
  background: #f1f2f6 !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .models-page .provider-brand {
  color: #282333 !important;
}
body.light-theme .models-page .premium-model-card {
  color: #282333 !important;
  border-color: #d8dbe4 !important;
  background: radial-gradient(ellipse at 82% 0%, rgba(112, 85, 210, .10), transparent 55%), linear-gradient(155deg, #ffffff, #f0f1f6) !important;
  box-shadow: 0 14px 34px rgba(48, 48, 72, .09), inset 0 1px rgba(255, 255, 255, .9) !important;
}
body.light-theme .models-page .premium-model-card:hover,
body.light-theme .models-page .premium-model-card.is-open {
  border-color: #afa4d7 !important;
  box-shadow: 0 22px 48px rgba(48, 48, 72, .14), 0 0 28px rgba(112, 85, 210, .10) !important;
}
body.light-theme .models-page .premium-model-card-trigger {
  color: #282333 !important;
  background: transparent !important;
}
body.light-theme .models-page .premium-model-card .model-logo,
body.light-theme .models-page .premium-model-card .model-card-mark {
  background: #ffffff !important;
  border-color: #d8dbe4 !important;
  color: #656a79 !important;
}
body.light-theme .models-page .premium-model-card .model-name-line b {
  color: #282333 !important;
}
body.light-theme .models-page .premium-model-card .model-title small i {
  color: #656a79 !important;
  background: #f4f5f8 !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .models-page .premium-model-card .model-description {
  color: #656a79 !important;
}
body.light-theme .models-page .premium-model-card .model-detail {
  color: #34313e !important;
  background: linear-gradient(180deg, #f8f9fc, #ffffff) !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .models-page .premium-model-card .detail-meta,
body.light-theme .models-page .premium-model-card .detail-meta span,
body.light-theme .models-page .premium-model-card .detail-usecase p,
body.light-theme .models-page .premium-model-card .detail-footnote {
  color: #656a79 !important;
}
body.light-theme .models-page .premium-model-card .detail-meta strong,
body.light-theme .models-page .premium-model-card .detail-context,
body.light-theme .models-page .premium-model-card .detail-usecase strong {
  color: #806000 !important;
}
body.light-theme .models-page .premium-model-card .price-compare,
body.light-theme .models-page .premium-model-card .detail-usecase,
body.light-theme .models-page .premium-model-card .detail-prices > div {
  background: #ffffff !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .models-page .premium-model-card .price-compare > strong,
body.light-theme .models-page .premium-model-card .detail-prices b {
  color: #43346f !important;
}
body.light-theme .models-page .premium-model-card .detail-prices span,
body.light-theme .models-page .premium-model-card .detail-prices small,
body.light-theme .models-page .premium-model-card .price-compare small {
  color: #656a79 !important;
}

body.light-theme .models-page .catalog-shell {
  background: rgba(255, 255, 255, .86) !important;
  border-color: #d8dbe4 !important;
  box-shadow: 0 28px 90px rgba(48, 48, 72, .12) !important;
}
body.light-theme .models-page .catalog-tabs,
body.light-theme .models-page .catalog-toolbar {
  background: rgba(248, 249, 252, .94) !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .models-page .catalog-tabs button,
body.light-theme .models-page .catalog-heading-note,
body.light-theme .models-page .provider-heading > span:last-child {
  color: #727786 !important;
}
body.light-theme .models-page .catalog-tabs button.is-active {
  color: #282333 !important;
  border-color: #c99417 !important;
}
body.light-theme .models-page .catalog-toolbar select,
body.light-theme .models-page .catalog-search,
body.light-theme .models-page .catalog-segment {
  color: #34313e !important;
  background: #ffffff !important;
  border-color: #cbd0da !important;
}
body.light-theme .models-page .catalog-search input,
body.light-theme .models-page .catalog-toolbar select {
  color: #34313e !important;
}
body.light-theme .models-page .catalog-search input::placeholder {
  color: #858a98 !important;
}
body.light-theme .models-page .catalog-search > span {
  color: #737887 !important;
}
body.light-theme .models-page .catalog-segment button {
  color: #727786 !important;
  border-color: #d8dbe4 !important;
  background: transparent !important;
}
body.light-theme .models-page .catalog-segment button.is-active {
  color: #2b210b !important;
  background: #edc34a !important;
}
body.light-theme .models-page .catalog-groups {
  background: rgba(247, 248, 251, .78) !important;
}
body.light-theme .models-page .provider-group {
  background: rgba(255, 255, 255, .72) !important;
  border-color: #dfe2e9 !important;
}
body.light-theme .models-page .provider-heading {
  color: #737887 !important;
  background: #f1f2f6 !important;
  border-color: #dfe2e9 !important;
}
body.light-theme .models-page .provider-brand {
  color: #282333 !important;
}
body.light-theme .models-page .provider-logo,
body.light-theme .models-page .model-logo {
  background: #ffffff !important;
  border-color: #d8dbe4 !important;
  box-shadow: 0 4px 12px rgba(48, 48, 72, .08) !important;
}
body.light-theme .models-page .provider-logo .provider-mark,
body.light-theme .models-page .model-logo .provider-mark {
  color: #4f5360 !important;
}
body.light-theme .models-page .model-row {
  background: rgba(255, 255, 255, .90) !important;
  border-color: #e1e3e9 !important;
}
body.light-theme .models-page .model-row-trigger,
body.light-theme .models-page .model-row-trigger:hover,
body.light-theme .models-page .model-row.is-open .model-row-trigger {
  color: #282333 !important;
  background: transparent !important;
}
body.light-theme .models-page .model-row-trigger:hover,
body.light-theme .models-page .model-row.is-open .model-row-trigger {
  background: #f7f3e8 !important;
}
body.light-theme .models-page .model-title > .model-name-line > b,
body.light-theme .models-page .model-title > b,
body.light-theme .models-page .model-description {
  color: #282333 !important;
}
body.light-theme .models-page .model-title small i {
  color: #656a79 !important;
  border-color: #d8dbe4 !important;
  background: #f4f5f8 !important;
}
body.light-theme .models-page .model-card-prices small,
body.light-theme .models-page .model-routes small {
  color: #7a7f8c !important;
}
body.light-theme .models-page .model-card-prices b,
body.light-theme .models-page .model-routes b {
  color: #43346f !important;
}
body.light-theme .models-page .model-card-mark,
body.light-theme .models-page .model-chevron {
  color: #858a98 !important;
}
body.light-theme .models-page .model-detail {
  color: #34313e !important;
  background: #ffffff !important;
  border-color: #d9c98a !important;
  box-shadow: 0 16px 35px rgba(48, 48, 72, .10) !important;
}
body.light-theme .models-page .detail-meta,
body.light-theme .models-page .model-detail p,
body.light-theme .models-page .detail-prices span {
  color: #656a79 !important;
}
body.light-theme .models-page .detail-meta strong,
body.light-theme .models-page .detail-prices b {
  color: #43346f !important;
}
body.light-theme .models-page .price-compare-head,
body.light-theme .models-page .price-compare-head span,
body.light-theme .models-page .detail-usecase-kicker {
  color: #34313e !important;
  -webkit-text-fill-color: #34313e !important;
}
body.light-theme .models-page .detail-prices div {
  background: #f4f5f8 !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .models-page .route-price {
  border-color: #d8dbe4 !important;
}

body.light-theme .docs-layout .docs-sidebar {
  background: rgba(255, 255, 255, .92) !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .docs-layout .docs-sidebar a {
  color: #656a79 !important;
}
body.light-theme .docs-layout .docs-sidebar a:hover,
body.light-theme .docs-layout .docs-sidebar a.active {
  color: #282333 !important;
  background: #f2eefc !important;
  border-color: #d8d0f1 !important;
}
body.light-theme .docs-layout .docs-sidebar a.active {
  box-shadow: inset 3px 0 #b27a05 !important;
}
body.light-theme .docs-layout .docs-sidebar .docs-section-label,
body.light-theme .docs-layout .docs-sidebar small {
  color: #858a98 !important;
}
body.light-theme .docs-layout .docs-callout {
  color: #4f5360 !important;
  background: #ffffff !important;
  border-color: #d8dbe4 !important;
  border-left-color: #b27a05 !important;
  box-shadow: 0 16px 34px rgba(48, 48, 72, .08) !important;
}
body.light-theme .docs-layout .docs-callout > span,
body.light-theme .docs-layout .docs-callout p,
body.light-theme .docs-layout .docs-callout small {
  color: #656a79 !important;
}

body.light-theme .demo-window-premium .demo-main,
body.light-theme .demo-window-premium .mode-tabs,
body.light-theme .demo-window-premium .agent-strip,
body.light-theme .demo-window-premium .model-menu,
body.light-theme .demo-window-premium .model-menu button,
body.light-theme .demo-window-premium .demo-heading,
body.light-theme .demo-window-premium .demo-composer,
body.light-theme .demo-window-premium .demo-composer button,
body.light-theme .demo-window-premium .demo-composer input {
  background: #ffffff !important;
  color: #282333 !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .demo-window-premium .mode-tabs,
body.light-theme .demo-window-premium .agent-strip,
body.light-theme .demo-window-premium .demo-heading,
body.light-theme .demo-window-premium .demo-composer {
  background: #f4f5f8 !important;
}
body.light-theme .demo-window-premium .mode-tabs button,
body.light-theme .demo-window-premium .model-menu button,
body.light-theme .demo-window-premium .agent-strip button,
body.light-theme .demo-window-premium .model-select {
  color: #656a79 !important;
  background: transparent !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .demo-window-premium .mode-tabs button.selected,
body.light-theme .demo-window-premium .model-menu button.selected {
  color: #2b210b !important;
  background: #f0c64f !important;
  border-color: #e0b62e !important;
}
body.light-theme .demo-window-premium .demo-heading strong,
body.light-theme .demo-window-premium .agent-strip b,
body.light-theme .demo-window-premium .terminal-lines span:not(.dim-line):not(.green-line),
body.light-theme .demo-window-premium .cli-identity b,
body.light-theme .demo-window-premium .cli-metrics b {
  color: #282333 !important;
}
body.light-theme .demo-window-premium .demo-heading .demo-state,
body.light-theme .demo-window-premium .agent-strip small,
body.light-theme .demo-window-premium .cli-identity small,
body.light-theme .demo-window-premium .cli-metrics small,
body.light-theme .demo-window-premium .terminal-lines .dim-line {
  color: #656a79 !important;
}
body.light-theme .demo-window-premium .terminal-lines .green-line {
  color: #5e43a4 !important;
}
body.light-theme .demo-window-premium .model-menu {
  box-shadow: 0 16px 30px rgba(48,48,72,.14) !important;
}

body.light-theme .feature-section-routing .route-visual-interactive {
  background: linear-gradient(145deg, #ffffff, #f0f1f6) !important;
  border-color: #d8dbe4 !important;
  box-shadow: 0 18px 48px rgba(48,48,72,.09) !important;
}
body.light-theme .feature-section-routing .route-stage,
body.light-theme .feature-section-routing .route-node-request,
body.light-theme .feature-section-routing .route-lane,
body.light-theme .feature-section-routing .route-response {
  color: #282333 !important;
  background: #ffffff !important;
  border-color: #d8dbe4 !important;
  box-shadow: 0 10px 26px rgba(48,48,72,.07) !important;
}
body.light-theme .feature-section-routing .route-visual-header,
body.light-theme .feature-section-routing .route-stage-label,
body.light-theme .feature-section-routing .route-hint,
body.light-theme .feature-section-routing .route-metrics span,
body.light-theme .feature-section-routing .route-lane-number,
body.light-theme .feature-section-routing .route-lane-copy small,
body.light-theme .feature-section-routing .route-node-request small,
body.light-theme .feature-section-routing .route-response small {
  color: #656a79 !important;
}
body.light-theme .feature-section-routing .route-visual-header strong,
body.light-theme .feature-section-routing .route-node-title,
body.light-theme .feature-section-routing .route-lane-copy strong,
body.light-theme .feature-section-routing .route-response b,
body.light-theme .feature-section-routing .route-response > strong,
body.light-theme .feature-section-routing .route-metrics b {
  color: #282333 !important;
}
body.light-theme .feature-section-routing .route-node-mark,
body.light-theme .feature-section-routing .route-lane-icon {
  color: #5e43a4 !important;
  border-color: #c9c2e6 !important;
  background: #f7f4ff !important;
}
body.light-theme .feature-section-routing .route-lane:hover,
body.light-theme .feature-section-routing .route-lane.route-selected,
body.light-theme .feature-section-routing .route-node-request:hover {
  background: #f2eefc !important;
  border-color: #afa4d7 !important;
}
body.light-theme .feature-section-routing .route-response-check {
  color: #ffffff !important;
  background: #5e43a4 !important;
}
body.light-theme .feature-section-routing .route-flow-line {
  stroke: rgba(94,67,164,.35) !important;
}
body.light-theme .feature-section-routing .route-flow-dot,
body.light-theme .feature-section-routing .route-target {
  fill: #5e43a4 !important;
  background: #5e43a4 !important;
}

body.light-theme .feature-card,
body.light-theme .feature-card.feature-card-dark {
  color: #282333 !important;
  background: linear-gradient(145deg, #ffffff, #f0f1f6) !important;
  border-color: #d8dbe4 !important;
  box-shadow: 0 18px 48px rgba(48,48,72,.09) !important;
}
body.light-theme .feature-card h3,
body.light-theme .feature-card p,
body.light-theme .feature-card .card-index,
body.light-theme .feature-card .feature-card-corner,
body.light-theme .feature-card .feature-card-corner span {
  color: #282333 !important;
}
body.light-theme .feature-card p,
body.light-theme .feature-card .card-index {
  color: #656a79 !important;
}
body.light-theme .feature-card .feature-card-corner {
  border-color: #d8dbe4 !important;
  background: #f4f5f8 !important;
}
body.light-theme .scene-panel,
body.light-theme .video-stage-scene,
body.light-theme .video-stage-top,
body.light-theme .video-stage-caption {
  color: #282333 !important;
  background: #ffffff !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .scene-panel b,
body.light-theme .scene-panel span,
body.light-theme .video-stage-top,
body.light-theme .video-stage-caption {
  color: #656a79 !important;
}
body.light-theme .scene-panel i,
body.light-theme .scene-cursor {
  background: #5e43a4 !important;
  color: #ffffff !important;
}
body.light-theme .scene-orb {
  color: #ffffff !important;
  background: linear-gradient(135deg, #5e43a4, #b27a05) !important;
}

body.light-theme .developer-steps .section-intro h2,
body.light-theme .developer-integrations .section-intro h2,
body.light-theme .developer-lab-head h2,
body.light-theme .developer-links-intro h2,
body.light-theme .developer-steps .section-intro h2 em,
body.light-theme .developer-integrations .section-intro h2 em,
body.light-theme .developer-lab-head h2 em,
body.light-theme .developer-links-intro h2 em {
  color: #17151d !important;
}
body.light-theme .developer-steps .section-intro h2 em,
body.light-theme .developer-integrations .section-intro h2 em,
body.light-theme .developer-lab-head h2 em,
body.light-theme .developer-links-intro h2 em {
  color: #b27a05 !important;
}

body.light-theme .models-page img[src$="/openai-knot.svg"],
body.light-theme .models-page img[src$="/xai.svg"],
body.light-theme .models-page img[src$="/codex.svg"] {
  filter: invert(1) brightness(.35) !important;
}
body.light-theme .models-page img[src$="/moonshot.svg"] {
  filter: brightness(0) saturate(100%) !important;
}

body.light-theme .brand > span:last-child span,
body.light-theme .eyebrow,
body.light-theme .developers-page .eyebrow,
body.light-theme .docs-layout .eyebrow,
body.light-theme .models-page .eyebrow,
body.light-theme .pricing-page .eyebrow {
  color: #b27a05 !important;
  -webkit-text-fill-color: #b27a05 !important;
  text-shadow: none !important;
}

body.light-theme .hero-note,
body.light-theme .trusted,
body.light-theme .trusted div,
body.light-theme .hero .trusted div,
body.light-theme .pricing-rule,
body.light-theme .pricing-rule span,
body.light-theme .models-page .catalog-heading-note,
body.light-theme .models-page .catalog-status,
body.light-theme .docs-sidebar .docs-section-label,
body.light-theme .docs-sidebar small,
body.light-theme .developers-proof,
body.light-theme .developer-terminal-card .terminal-status {
  color: #626674 !important;
}

body.light-theme .pricing-page .plan-card > strong,
body.light-theme .pricing-page .plan-card > strong small,
body.light-theme .pricing-page .plan-card p,
body.light-theme .pricing-page .plan-breakdown,
body.light-theme .pricing-page .plan-breakdown > div,
body.light-theme .pricing-page .plan-foot,
body.light-theme .pricing-page .plan-bonus-row span {
  -webkit-text-fill-color: currentColor !important;
}

body.light-theme .section-intro h2,
body.light-theme .feature-copy h2,
body.light-theme .cta-band h2,
body.light-theme .dev-panel h2,
body.light-theme .pricing-note h2,
body.light-theme .developer-lab-head h2,
body.light-theme .developer-links h2,
body.light-theme .developer-links-intro h2,
body.light-theme .developer-steps .section-intro h2,
body.light-theme .developer-integrations .section-intro h2 {
  background: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: #17151d !important;
  -webkit-text-fill-color: #17151d !important;
  text-shadow: none !important;
}

body.light-theme .section-intro h2 em,
body.light-theme .feature-copy h2 em,
body.light-theme .cta-band h2 em,
body.light-theme .dev-panel h2 em,
body.light-theme .pricing-note h2 em,
body.light-theme .developer-lab-head h2 em,
body.light-theme .developer-links h2 em,
body.light-theme .developer-links-intro h2 em,
body.light-theme .developer-steps .section-intro h2 em,
body.light-theme .developer-integrations .section-intro h2 em {
  color: #b27a05 !important;
  -webkit-text-fill-color: #b27a05 !important;
}

/* Last light-theme overrides must stay after all legacy dashboard rules. */
body.light-theme .dashboard-redesign .dashboard-stat-label,
body.light-theme .dashboard-redesign .dashboard-data-stat small,
body.light-theme .dashboard-redesign .dashboard-distribution-row small {
  color: #656a79 !important;
  -webkit-text-fill-color: #656a79 !important;
}
body.light-theme .dashboard-redesign .dashboard-chart-controls > span,
body.light-theme .dashboard-redesign .dashboard-chart-control-group > span {
  color: #656a79 !important;
  -webkit-text-fill-color: #656a79 !important;
}
body.light-theme .dashboard-redesign .dashboard-filter-period > span,
body.light-theme .dashboard-redesign .dashboard-data-primary-stat > small {
  color: #656a79 !important;
  -webkit-text-fill-color: #656a79 !important;
}
body.light-theme .dashboard-redesign .dashboard-chart-control-group { border-color: #d1d5df !important; background: #f0f1f6 !important; }
body.light-theme .dashboard-redesign .dashboard-chart-control-group button { color: #656a79 !important; background: transparent !important; }
body.light-theme .dashboard-redesign .dashboard-chart-control-group button:hover,
body.light-theme .dashboard-redesign .dashboard-chart-control-group button.is-selected { color: #ffffff !important; background: #5e43a4 !important; }
body.light-theme .dashboard-redesign .dashboard-api-keys-table td small { color: #656a79 !important; -webkit-text-fill-color: #656a79 !important; }
body.light-theme .dashboard-redesign .dashboard-verified { color: #138a55 !important; -webkit-text-fill-color: #138a55 !important; }
body.light-theme .dashboard-redesign .dashboard-danger-zone strong { color: #c24036 !important; -webkit-text-fill-color: #c24036 !important; }
body.light-theme .dashboard-redesign .dashboard-danger-button { color: #c24036 !important; border-color: rgba(194,64,54,.38) !important; background: rgba(194,64,54,.08) !important; }
body.light-theme .dashboard-redesign select option,
body.light-theme .dashboard-redesign select optgroup { color: #252331 !important; background: #ffffff !important; }


body.light-theme .dashboard-redesign .dashboard-primary-button {
  color: #ffffff !important;
  background: linear-gradient(135deg, #6d4aff, #8668e8) !important;
  border-color: #6d4aff !important;
  box-shadow: 0 10px 24px rgba(109, 74, 255, .20) !important;
}
body.light-theme .dashboard-redesign .dashboard-primary-button:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #5f3ff0, #7659da) !important;
  border-color: #5f3ff0 !important;
  box-shadow: 0 14px 30px rgba(109, 74, 255, .28) !important;
}
body.light-theme .dashboard-redesign .dashboard-danger-button {
  color: #b33831 !important;
  background: rgba(194, 64, 54, .08) !important;
  border-color: rgba(194, 64, 54, .30) !important;
}
body.light-theme .dashboard-redesign .dashboard-select-trigger {
  color: #252331 !important;
  background: #ffffff !important;
  border-color: #d1d5df !important;
  box-shadow: 0 5px 14px rgba(42, 45, 65, .06) !important;
}
body.light-theme .dashboard-redesign .dashboard-select-trigger > i { color: #8064c7 !important; }
body.light-theme .dashboard-redesign .dashboard-select-trigger:hover,
body.light-theme .dashboard-redesign .dashboard-select-trigger[aria-expanded="true"] {
  color: #252331 !important;
  background: #ffffff !important;
  border-color: #afa4d7 !important;
  box-shadow: 0 0 0 3px rgba(112, 85, 210, .12) !important;
}
body.light-theme .dashboard-redesign .dashboard-select-menu {
  border-color: #d1d5df !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 16px 38px rgba(42, 45, 65, .16), 0 0 24px rgba(112, 85, 210, .08) !important;
}
body.light-theme .dashboard-redesign .dashboard-select-menu button {
  color: #656a79 !important;
  background: transparent !important;
}
body.light-theme .dashboard-redesign .dashboard-select-menu button:hover,
body.light-theme .dashboard-redesign .dashboard-select-menu button[aria-selected="true"] {
  color: #282333 !important;
  background: #f0eef8 !important;
}
body.light-theme .dashboard-redesign .dashboard-select-menu button[aria-selected="true"]::after { color: #8064c7 !important; }
body.light-theme .dashboard-redesign .dashboard-currency-label,
body.light-theme .dashboard-redesign .dashboard-filter > span { color: #656a79 !important; }
body.light-theme .dashboard-redesign .dashboard-quick-card {
  color: #282333 !important;
  background: linear-gradient(135deg, #ffffff, #eeeaff) !important;
  border-color: #d2c9f1 !important;
  box-shadow: 0 14px 34px rgba(48, 48, 72, .09) !important;
}
body.light-theme .dashboard-redesign .dashboard-quick-card:hover {
  background: linear-gradient(135deg, #ffffff, #e5defe) !important;
  border-color: #afa4d7 !important;
  box-shadow: 0 18px 42px rgba(112, 76, 190, .16) !important;
}
body.light-theme .dashboard-redesign .dashboard-quick-card > i,
body.light-theme .dashboard-redesign .dashboard-quick-card strong,
body.light-theme .dashboard-redesign .dashboard-quick-card small { color: #282333 !important; }

/* Homepage demo and routing copy used legacy white-on-dark tokens. */
body.light-theme .demo-window .demo-bar,
body.light-theme .demo-window .demo-content,
body.light-theme .demo-window .demo-sidebar,
body.light-theme .demo-window .demo-main,
body.light-theme .demo-window .demo-rail { color: #252331 !important; }
body.light-theme .demo-window .demo-sidebar,
body.light-theme .demo-window .demo-rail,
body.light-theme .demo-window .demo-main { border-color: #d5d8e1 !important; }
body.light-theme .demo-window .demo-sidebar,
body.light-theme .demo-window .demo-rail { background: #f7f8fb !important; }
body.light-theme .demo-window .demo-bar,
body.light-theme .demo-window .cli-header,
body.light-theme .demo-window .demo-heading,
body.light-theme .demo-window .agent-strip,
body.light-theme .demo-window .mode-tabs { border-color: #d8dbe4 !important; }
body.light-theme .demo-window .demo-bar code,
body.light-theme .demo-window .demo-live,
body.light-theme .demo-window .demo-heading .demo-state,
body.light-theme .demo-window .cli-identity small,
body.light-theme .demo-window .cli-metrics small,
body.light-theme .demo-window .agent-strip small,
body.light-theme .demo-window .workspace-item small,
body.light-theme .demo-window .sidebar-credits small,
body.light-theme .demo-window .sidebar-bottom small,
body.light-theme .demo-window .terminal-lines .dim-line { color: #656a79 !important; -webkit-text-fill-color: #656a79 !important; }
body.light-theme .demo-window .demo-heading strong,
body.light-theme .demo-window .cli-identity b,
body.light-theme .demo-window .cli-metrics b,
body.light-theme .demo-window .agent-strip b,
body.light-theme .demo-window .sidebar-credits b,
body.light-theme .demo-window .terminal-lines,
body.light-theme .demo-window .terminal-lines span,
body.light-theme .demo-window .workspace-item,
body.light-theme .demo-window .side-heading,
body.light-theme .demo-window .mode-tabs button { color: #252331 !important; -webkit-text-fill-color: #252331 !important; }
body.light-theme .demo-window .mode-tabs button.selected,
body.light-theme .demo-window .workspace-item.active { color: #ffffff !important; background: #5e43a4 !important; }
body.light-theme .demo-window .agent-strip button,
body.light-theme .demo-window .side-heading button,
body.light-theme .demo-window .demo-caption button { color: #5e43a4 !important; border-color: #c9c2e6 !important; background: #f2eefc !important; }

body.light-theme .feature-section-routing [data-route-description],
body.light-theme .feature-section-routing .route-description-flash,
body.light-theme .feature-section-routing [data-route-status],
body.light-theme .feature-section-routing .route-kicker,
body.light-theme .feature-section-routing .route-hint,
body.light-theme .feature-section-routing .route-stage-label,
body.light-theme .feature-section-routing .route-explainer-step small { color: #656a79 !important; -webkit-text-fill-color: #656a79 !important; text-shadow: none !important; }
body.light-theme .feature-section-routing .route-explainer-step b,
body.light-theme .feature-section-routing .route-visual-header strong { color: #252331 !important; -webkit-text-fill-color: #252331 !important; }

/* Small muted labels that remained too faint after the light-theme inversion. */
body.light-theme .pricing-page .plan-card .plan-popular,
body.light-theme .pricing-page .plan-card .popular,
body.light-theme .pricing-page .faq-list summary::after,
body.light-theme .models-page .catalog-heading-note,
body.light-theme .models-page .models-note p,
body.light-theme .docs-sidebar .docs-status,
body.light-theme .docs-sidebar .docs-status span,
body.light-theme .docs-sidebar .docs-status small { color: #656a79 !important; -webkit-text-fill-color: #656a79 !important; }
body.light-theme .models-page .models-note h2 em { color: #b27a05 !important; -webkit-text-fill-color: #b27a05 !important; }

/* Override the higher-specificity full-bleed header rules in the light theme. */
body.light-theme #app:has(.landing) > .site-header,
body.light-theme #app:has(.pricing-page) > .site-header,
body.light-theme #app:has(.models-page) > .site-header,
body.light-theme #app:has(.docs-layout) > .site-header,
body.light-theme #app:has(.developers-page) > .site-header,
body.light-theme #app:has(.auth-page-premium) > .site-header {
  background: rgba(248,249,252,.78) !important;
  background-color: rgba(248,249,252,.78) !important;
  border-bottom: 0 !important;
  box-shadow: 0 12px 28px rgba(42,45,65,.08) !important;
}
body.light-theme #app:has(.landing) > .site-header::before,
body.light-theme #app:has(.pricing-page) > .site-header::before,
body.light-theme #app:has(.models-page) > .site-header::before,
body.light-theme #app:has(.docs-layout) > .site-header::before,
body.light-theme #app:has(.developers-page) > .site-header::before,
body.light-theme #app:has(.auth-page-premium) > .site-header::before {
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(238,240,246,.58)) !important;
  border-bottom: 1px solid rgba(34,31,46,.09) !important;
  box-shadow: 0 10px 28px rgba(42,45,65,.08) !important;
}

/* Real-color theme transition: reveal the browser's new-theme snapshot without inversion. */
::view-transition-group(root) {
  animation-duration: 1.15s;
  animation-timing-function: cubic-bezier(.72, 0, .28, 1);
}
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}
::view-transition-old(root) { z-index: 0; }
::view-transition-new(root) {
  z-index: 1;
  clip-path: circle(0 at var(--theme-transition-x, 50vw) var(--theme-transition-y, 50vh));
  animation: theme-transition-reveal 1.15s cubic-bezier(.72, 0, .28, 1) both;
}
@keyframes theme-transition-reveal {
  to { clip-path: circle(150vmax at var(--theme-transition-x, 50vw) var(--theme-transition-y, 50vh)); }
}

body.light-theme .site-header .brand-mark i,
body.light-theme .brand-mark i { background: #d49b17 !important; }

body.light-theme .grid-star,
body.light-theme .cosmic-star,
body.light-theme .page-star {
  background: #0d0b12 !important;
  opacity: .92 !important;
}
body.light-theme .grid-star { box-shadow: 0 0 18px 3px rgba(18, 13, 30, .28) !important; }
body.light-theme .cosmic-star { box-shadow: 0 0 8px rgba(18, 13, 30, .72), 0 0 18px rgba(42, 27, 72, .24) !important; }
body.light-theme .page-star { box-shadow: 0 0 10px rgba(18, 13, 30, .48) !important; }
body.light-theme .cosmic-shooting-star,
body.light-theme .shooting-star { background: linear-gradient(90deg, transparent, rgba(13, 11, 18, .96), transparent) !important; box-shadow: 0 0 12px rgba(18, 13, 30, .44) !important; }

/* Legacy dark hover declarations use !important and otherwise win over the theme. */
body.light-theme .feature-card,
body.light-theme .feature-card:hover,
body.light-theme .feature-card.feature-selected,
body.light-theme .feature-card-dark,
body.light-theme .feature-card-dark:hover,
body.light-theme .feature-card-dark.feature-selected,
body.light-theme .landing .feature-card,
body.light-theme .landing .feature-card:hover {
  color: #282333 !important;
  background: linear-gradient(145deg, #ffffff, #f0f1f6) !important;
  border-color: #c4c9d5 !important;
  box-shadow: 0 18px 48px rgba(48, 48, 72, .10) !important;
}
body.light-theme .feature-card:hover,
body.light-theme .feature-card-dark:hover,
body.light-theme .landing .feature-card:hover {
  border-color: #9f94c9 !important;
  box-shadow: 0 22px 54px rgba(48, 48, 72, .16), 0 0 0 1px rgba(112, 85, 210, .12) !important;
}
body.light-theme .feature-card::after,
body.light-theme .feature-card:hover::after,
body.light-theme .feature-card::before,
body.light-theme .feature-card:hover::before {
  background: transparent !important;
  border-color: #c4c9d5 !important;
}
body.light-theme .landing .feature-card-corner:hover,
body.light-theme .landing .feature-card:focus-visible .feature-card-corner {
  color: #282333 !important;
  background: #f2eefc !important;
  border-color: #9f94c9 !important;
  box-shadow: 0 8px 20px rgba(48, 48, 72, .12) !important;
}

body.light-theme .button,
body.light-theme .button-ghost,
body.light-theme .button-small,
body.light-theme .menu-toggle,
body.light-theme .hero-actions a,
body.light-theme .feature-card-corner,
body.light-theme .demo-caption button,
body.light-theme .catalog-toolbar button,
body.light-theme .catalog-toolbar select,
body.light-theme .billing-toggle button,
body.light-theme .plans-toggle button,
body.light-theme .faq-toggle,
body.light-theme .auth-provider-row button,
body.light-theme .developer-tabs button {
  border-color: #b9bfce !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42), 0 4px 12px rgba(48, 48, 72, .05) !important;
}
body.light-theme .button:hover,
body.light-theme .button-ghost:hover,
body.light-theme .button-small:hover,
body.light-theme .menu-toggle:hover,
body.light-theme .hero-actions a:hover,
body.light-theme .catalog-toolbar button:hover,
body.light-theme .catalog-toolbar select:hover,
body.light-theme .billing-toggle button:hover,
body.light-theme .plans-toggle button:hover,
body.light-theme .faq-toggle:hover,
body.light-theme .auth-provider-row button:hover,
body.light-theme .developer-tabs button:hover {
  border-color: #8f83bf !important;
}
body.light-theme .button.button-small,
body.light-theme .button.button-primary,
body.light-theme .button.primary-button,
body.light-theme .button.featured,
body.light-theme .plan-card.featured .button {
  border-color: #d49b17 !important;
}

body.light-theme .feature-section,
body.light-theme .feature-grid,
body.light-theme .developer-steps,
body.light-theme .developer-integrations,
body.light-theme .developer-lab,
body.light-theme .developer-links,
body.light-theme .docs-content,
body.light-theme .cta-band,
body.light-theme .site-footer {
  background: transparent !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .developer-step:hover,
body.light-theme .developer-client:hover,
body.light-theme .developer-link-grid a:hover,
body.light-theme .docs-quick-grid a:hover,
body.light-theme .api-family-grid article:hover {
  background: #ffffff !important;
  border-color: #aaa0cf !important;
  box-shadow: 0 16px 36px rgba(48, 48, 72, .12) !important;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root),
  ::view-transition-new(root) { animation-duration: .01ms !important; }
}

/* Keep the starfield dense without running an animation on every particle. */
body:has(.pricing-page) .page-star:not(.page-star-live),
body:has(.models-page) .page-star:not(.page-star-live) { animation: none !important; }
body:has(.pricing-page) .page-star.page-star-live,
body:has(.models-page) .page-star.page-star-live { animation: page-star-twinkle 4.5s ease-in-out var(--delay) infinite !important; }
body:not(:has(.pricing-page)):not(:has(.models-page)) .cosmic-star:not(.cosmic-star-live) { animation: none !important; }
body:not(:has(.pricing-page)):not(:has(.models-page)) .cosmic-star.cosmic-star-live { animation: cosmic-twinkle 5.5s ease-in-out var(--delay) infinite !important; }
/* Static particles stay interactive but do not consume a compositor layer or an animation timeline. */
body .page-star:not(.page-star-live),
body:has(.pricing-page) .page-star:not(.page-star-live),
body:has(.models-page) .page-star:not(.page-star-live) {
  animation: none !important;
  will-change: auto !important;
}
body .page-star.page-star-live {
  will-change: auto;
}
.is-offscreen-animation {
  animation-play-state: paused !important;
}
/* Large blurred atmospheres are static; moving them forces full-page repaints while scrolling. */
.pricing-page::before,
.models-page::before {
  animation: none !important;
}
body.light-theme .cosmic-layer {
  mix-blend-mode: normal;
}
body.light-theme #galaxy-hero.galaxy-container canvas.galaxy-renderer {
  filter: invert(1) brightness(.86) contrast(.94) !important;
}

/* Keep support ticket modal readable in the light theme. */
body.light-theme .dashboard-redesign .dashboard-modal-backdrop {
  background: rgba(32, 28, 52, .28) !important;
  backdrop-filter: blur(10px);
}

.pricing-page .billing-toggle { border-radius: 10px; }
.pricing-page .billing-toggle button { border-radius: 8px; }
.pricing-page .pricing-rule span { border-radius: 8px; }

/* Keep pricing actions in the card flow and animate a restrained pointer-origin fill. */
.pricing-page .plan-card {
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
  isolation: isolate;
  transform: none;
  animation-name: pricingCardReveal;
  transition: transform .65s cubic-bezier(.2,.8,.2,1), border-color .65s ease,
    box-shadow .65s ease;
}
@keyframes pricingCardReveal { from { opacity: 0; } to { opacity: 1; } }
.pricing-page .plan-card.featured { transform: translateY(-10px); }
.pricing-page .plan-card > :not(.plan-card-fill) { position: relative; z-index: 1; }
.pricing-page .plan-card .plan-foot {
  position: static;
  inset: auto;
  margin-top: auto;
  padding-top: 22px;
}
.pricing-page .plan-card-fill {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  clip-path: circle(0 at var(--fill-x, 50%) var(--fill-y, 50%));
  transition: clip-path 1.25s cubic-bezier(.42, 0, .2, 1), opacity .9s ease;
}
.pricing-page .plan-card.is-pointer-active .plan-card-fill {
  opacity: 1;
  clip-path: circle(150% at var(--fill-x, 50%) var(--fill-y, 50%));
}
.pricing-page .plan-card:not(.featured) .plan-card-fill {
  background: radial-gradient(ellipse at var(--fill-x, 50%) var(--fill-y, 50%), rgba(143,121,190,.18), rgba(111,88,156,.10) 48%, rgba(111,88,156,.04) 100%);
}
.pricing-page .plan-card.featured .plan-card-fill {
  background: radial-gradient(ellipse at var(--fill-x, 50%) var(--fill-y, 50%), rgba(143,121,190,.22), rgba(111,88,156,.13) 48%, rgba(111,88,156,.05) 100%);
}
.pricing-page .plan-card:hover {
  z-index: 3;
  transform: translateY(-7px) scale(1.018);
  border-color: #8877aa !important;
  box-shadow: 0 30px 76px rgba(44,34,67,.24), 0 0 0 1px rgba(143,121,190,.12);
}
.pricing-page .plan-card.featured:hover { transform: translateY(-12px) scale(1.018); }
.pricing-page .plan-card.is-neighbor-left { transform: translateX(-7px); }
.pricing-page .plan-card.is-neighbor-right { transform: translateX(7px); }
.pricing-page .plan-card.featured.is-neighbor-left { transform: translateY(-10px) translateX(-7px); }
.pricing-page .plan-card.featured.is-neighbor-right { transform: translateY(-10px) translateX(7px); }
@media (max-width: 800px) {
  .pricing-page .plan-card.is-neighbor-left,
  .pricing-page .plan-card.is-neighbor-right,
  .pricing-page .plan-card.featured.is-neighbor-left,
  .pricing-page .plan-card.featured.is-neighbor-right { transform: none; }
}

body.light-theme .pricing-page .plan-card:hover,
body.light-theme .pricing-page .plan-card.featured:hover {
  border-color: #d49b17 !important;
  box-shadow: 0 24px 60px rgba(180, 126, 19, .18), 0 0 0 1px rgba(212, 155, 23, .14) !important;
}

body.light-theme .pricing-page .plan-card .plan-card-fill {
  background: radial-gradient(ellipse at var(--fill-x, 50%) var(--fill-y, 50%), rgba(244,190,62,.28), rgba(244,190,62,.16) 48%, rgba(244,190,62,.05) 100%);
}
body.light-theme .pricing-page .plan-card.featured .plan-card-fill {
  background: radial-gradient(ellipse at var(--fill-x, 50%) var(--fill-y, 50%), rgba(244,190,62,.34), rgba(244,190,62,.19) 48%, rgba(244,190,62,.07) 100%);
}
body.light-theme .pricing-page .plan-top b {
  color: #4f3a00 !important;
  -webkit-text-fill-color: #4f3a00 !important;
  background: #fff7dd !important;
  border-color: #d49b17 !important;
  text-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .pricing-page .plan-card,
  .pricing-page .plan-card-fill { transition: none !important; }
  .pricing-page .plan-card:hover,
  .pricing-page .plan-card.featured:hover { transform: none !important; }
}

body:not(.light-theme) .pricing-page .pricing-rule span {
  color: #c4c8ca !important;
  background: rgba(37, 40, 43, .88) !important;
  border: 1px solid #3b4043 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
}

body:not(.light-theme) .pricing-page .pricing-rule i {
  background: #c2c7c9 !important;
  box-shadow: 0 0 8px rgba(194, 199, 201, .3) !important;
}

body.light-theme .dashboard-redesign .dashboard-modal-card {
  color: #17151d !important;
  border-color: #c8c3dc !important;
  background: linear-gradient(145deg, #ffffff, #f1f0f7) !important;
  box-shadow: 0 34px 100px rgba(42, 45, 65, .22) !important;
}

body.light-theme .dashboard-redesign .dashboard-modal-card h3 {
  color: #17151d !important;
}

body.light-theme .dashboard-redesign .dashboard-modal-card label {
  color: #656a79 !important;
}

body.light-theme .dashboard-redesign .dashboard-modal-card input,
body.light-theme .dashboard-redesign .dashboard-modal-card textarea {
  color: #252331 !important;
  border-color: #d1d5df !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(42, 45, 65, .04) !important;
}

body.light-theme .dashboard-redesign .dashboard-modal-card input::placeholder,
body.light-theme .dashboard-redesign .dashboard-modal-card textarea::placeholder {
  color: #9297a5 !important;
}

body.light-theme .dashboard-redesign .dashboard-modal-card input:focus,
body.light-theme .dashboard-redesign .dashboard-modal-card textarea:focus {
  border-color: #9f94c9 !important;
  box-shadow: 0 0 0 3px rgba(94, 67, 164, .12) !important;
}

body.light-theme .dashboard-redesign .dashboard-modal-close {
  color: #656a79 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
}

body.light-theme .dashboard-redesign .dashboard-modal-close:hover {
  color: #3d3265 !important;
  border-color: #d1c9e7 !important;
  background: #f0eef8 !important;
}

.language-switcher {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 54px;
  height: 36px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  color: #c9ced0;
  background: rgba(255, 255, 255, .035);
  font: 600 11px "DM Mono", monospace;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease, transform .2s ease;
}

.language-switcher svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
}

.language-switcher:hover,
.language-switcher:focus-visible {
  color: #fff;
  border-color: rgba(196, 181, 253, .48);
  background: rgba(139, 92, 246, .12);
}

.language-switcher:focus-visible { outline: 2px solid rgba(196, 181, 253, .6); outline-offset: 2px; }
.dashboard-header-actions .language-switcher { flex: 0 0 auto; }

body.light-theme .language-switcher {
  color: #4c4660;
  border-color: rgba(83, 70, 112, .16);
  background: rgba(255, 255, 255, .58);
}

body.light-theme .language-switcher:hover,
body.light-theme .language-switcher:focus-visible {
  color: #302451;
  border-color: rgba(109, 74, 255, .38);
  background: rgba(109, 74, 255, .08);
}

@media (max-width: 800px) {
  .header-actions { gap: 10px; }
  .language-switcher { min-width: 50px; height: 34px; }
}

.language-control {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}

.site-header .language-switcher,
.dashboard-header .language-switcher {
  display: inline-flex;
  gap: 8px;
  min-width: 64px;
  height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 9px;
  color: #aeb3ba;
  background: rgba(255, 255, 255, .025);
  box-shadow: none;
  font: 500 13px "DM Mono", monospace;
}

.site-header .language-switcher svg,
.dashboard-header .language-switcher svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.3;
}

.site-header .language-switcher:hover,
.site-header .language-switcher:focus-visible,
.dashboard-header .language-switcher:hover,
.dashboard-header .language-switcher:focus-visible {
  color: #f3f4f6;
  border-color: rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .06);
  box-shadow: none;
}

.language-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 120;
  display: none;
  min-width: 142px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 9px;
  background: rgba(13, 14, 17, .98);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .42);
  backdrop-filter: blur(18px);
}

.language-control.is-open .language-menu { display: grid; gap: 2px; }

.language-menu button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 9px 10px;
  border: 0;
  border-radius: 6px;
  color: #c8cbd2;
  background: transparent;
  font: 500 12px "Manrope", sans-serif;
  text-align: left;
  cursor: pointer;
}

.language-menu button:hover,
.language-menu button[aria-checked="true"] {
  color: #fff;
  background: rgba(139, 92, 246, .16);
}

.language-menu button[aria-checked="true"]::after {
  content: "✓";
  color: #c4b5fd;
  font-size: 11px;
}

body.light-theme .language-menu {
  border-color: rgba(40, 36, 55, .12);
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 14px 34px rgba(35, 30, 55, .16);
}

body.light-theme .language-menu button { color: #373344; }
body:not(.light-theme) .auth-page-premium .auth-mark,
body.light-theme .auth-page-premium .auth-mark {
  position: relative;
  overflow: hidden;
  border-color: rgba(167, 139, 250, .62);
  background-color: #111018;
  color: transparent;
  font-size: 0;
  box-shadow: 0 0 0 7px rgba(167, 139, 250, .07), 0 0 28px rgba(139, 92, 246, .22);
}

.auth-page-premium .auth-mark::before {
  content: "";
  display: block;
  width: 27px;
  height: 18px;
  transform: translateY(2px);
  background: url("/assets/brand/promptuzel-pu-white.svg") center / contain no-repeat;
}

body:not(.light-theme) .auth-page-premium .auth-card-premium {
  border-color: rgba(167, 139, 250, .48);
  box-shadow: 0 40px 120px rgba(0, 0, 0, .6), 0 0 0 1px rgba(167, 139, 250, .12), 0 0 32px rgba(139, 92, 246, .12);
}

body.light-theme .auth-page-premium .auth-mark {
  border-color: rgba(231, 125, 54, .58);
  background-color: #fff9f3;
  box-shadow: 0 0 0 7px rgba(231, 125, 54, .08), 0 0 24px rgba(231, 125, 54, .16);
}

body.light-theme .auth-page-premium .auth-mark::before {
  filter: brightness(0) saturate(100%) invert(52%) sepia(73%) saturate(712%) hue-rotate(344deg) brightness(94%) contrast(91%);
}

body.light-theme .auth-page-premium .auth-card-premium {
  border: 1px solid rgba(225, 119, 47, .62) !important;
  box-shadow: 0 28px 80px rgba(54, 39, 28, .13), 0 0 0 1px rgba(225, 119, 47, .12), 0 0 30px rgba(225, 119, 47, .1) !important;
}

body.light-theme .auth-page-premium .auth-backdrop {
  opacity: .55;
  filter: none;
  background: radial-gradient(circle at 50% 42%, rgba(226, 174, 255, .22), transparent 34%), #f6f5fa;
}

/* Pricing cards share one stable frame; the pointer fill is the only hover layer. */
@media (min-width: 901px) {
  .pricing-page .plans {
    grid-auto-rows: 516px;
  }

  .pricing-page .plan-card {
    height: 516px;
    min-height: 0;
    box-sizing: border-box;
  }
}

.pricing-page .plan-card::before {
  display: none !important;
}

.pricing-page .plan-card > :not(.plan-card-fill) {
  z-index: 2;
}

body.light-theme .pricing-page .plan-card:hover,
body.light-theme .pricing-page .plan-card:focus-within {
  background: #fbfbfe !important;
  background-image: linear-gradient(145deg, #ffffff, #f7f7fb) !important;
}

body.light-theme .pricing-page .plan-card.featured::after,
body.light-theme .pricing-page .plan-card.featured:hover::after,
body.light-theme .pricing-page .plan-card.featured:focus-within::after {
  display: none !important;
  content: none !important;
}

body.light-theme .pricing-page .plan-card:hover,
body.light-theme .pricing-page .plan-card.featured:hover {
  transform: translateY(-7px);
}

body.light-theme .pricing-page .plan-card-fill {
  z-index: 1;
  background: radial-gradient(ellipse at var(--fill-x, 50%) var(--fill-y, 50%), rgba(244, 190, 62, .28), rgba(244, 190, 62, .16) 48%, rgba(244, 190, 62, .05) 100%) !important;
  mix-blend-mode: normal;
}

@media (max-width: 900px) {
  .pricing-page .plan-card {
    height: auto;
    min-height: 516px;
  }
}
body.light-theme .language-menu button:hover,
body.light-theme .language-menu button[aria-checked="true"] { color: #241b3e; background: rgba(109, 74, 255, .1); }

body.light-theme .dashboard-redesign .dashboard-log-toolbar { overflow: visible !important; }
body.light-theme .dashboard-redesign .dashboard-log-date-trigger {
  border-color: #c9c0e8;
  color: #30284b;
  background: linear-gradient(135deg, #f3f0fb, #ffffff);
  box-shadow: none;
}
body.light-theme .dashboard-redesign .dashboard-log-date-trigger:hover,
body.light-theme .dashboard-redesign .dashboard-log-date-range.is-open .dashboard-log-date-trigger {
  border-color: #9c89d0;
  background: #f0ecfb;
  box-shadow: 0 8px 24px rgba(89, 67, 145, .12);
}
body.light-theme .dashboard-redesign .dashboard-log-date-trigger > i:first-child,
body.light-theme .dashboard-redesign .dashboard-log-date-caret { color: #7055ad; }
body.light-theme .dashboard-redesign .dashboard-log-date-popover {
  border-color: #d8d0ed;
  background: linear-gradient(145deg, #ffffff, #f7f5fb);
  box-shadow: 0 24px 70px rgba(53, 42, 84, .18), 0 0 25px rgba(109, 74, 255, .08);
}
body.light-theme .dashboard-redesign .dashboard-log-date-fields label { color: #706a7d; }
body.light-theme .dashboard-redesign .dashboard-log-date-fields input {
  border-color: #d8d2e2;
  color: #302b3f;
  background: #ffffff;
  color-scheme: light;
}
body.light-theme .dashboard-redesign .dashboard-log-date-fields input:focus { border-color: #9c89d0; box-shadow: 0 0 0 3px rgba(139, 92, 246, .1); }
body.light-theme .dashboard-redesign .dashboard-log-date-presets { border-top-color: #e5e0ee; }
body.light-theme .dashboard-redesign .dashboard-log-date-presets button { border-color: #ddd7e8; color: #625b70; background: #ffffff; }
body.light-theme .dashboard-redesign .dashboard-log-date-presets button:hover,
body.light-theme .dashboard-redesign .dashboard-log-date-presets button.is-selected { border-color: #b6a5df; color: #44346d; background: #f0ecfb; }

.dashboard-redesign {
  --dashboard-border: rgba(167, 139, 250, .22);
  --dashboard-cyan: #a78bfa;
  --dashboard-orange: #c4b5fd;
  --dashboard-success: #b8a4ff;
}
.dashboard-redesign::before {
  background:
    radial-gradient(circle at 73% 8%, rgba(139, 92, 246, .09), transparent 28%),
    radial-gradient(circle at 14% 82%, rgba(196, 181, 253, .055), transparent 30%);
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active {
  background: linear-gradient(135deg, rgba(139, 92, 246, .16), rgba(255, 255, 255, .025));
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, .22);
}
.dashboard-redesign .dashboard-sidebar-redesign .sidebar-link.active::before { background: #a78bfa; }
.dashboard-redesign .dashboard-logo-mark {
  border-color: rgba(167, 139, 250, .48);
  color: #171126;
  background: linear-gradient(145deg, #c4b5fd, #8b5cf6);
  box-shadow: 0 0 24px rgba(139, 92, 246, .2);
}
.dashboard-redesign .dashboard-stat-card,
.dashboard-redesign .dashboard-panel,
.dashboard-redesign .dashboard-quick-card,
.dashboard-redesign .dashboard-support-card,
.dashboard-redesign .dashboard-invite-stats > div,
.dashboard-redesign .dashboard-danger-zone {
  border-color: rgba(167, 139, 250, .2);
  background: linear-gradient(145deg, rgba(25, 20, 39, .97), rgba(14, 11, 23, .99));
}
.dashboard-redesign .dashboard-stat-card:hover,
.dashboard-redesign .dashboard-quick-card:hover,
.dashboard-redesign .dashboard-support-card:hover { border-color: rgba(167, 139, 250, .52); }
.dashboard-redesign .dashboard-stat-icon,
.dashboard-redesign .dashboard-quick-card i,
.dashboard-redesign .dashboard-support-card i { color: #c4b5fd; background: rgba(139, 92, 246, .12); }
.dashboard-redesign .dashboard-quick-card i,
.dashboard-redesign .dashboard-support-card i { background: transparent; }
.dashboard-redesign .dashboard-stat-card-accent .dashboard-stat-icon { color: #ddd6fe; background: rgba(124, 58, 237, .18); }
.dashboard-redesign .dashboard-primary-button { background: linear-gradient(135deg, #8b5cf6, #6d4aff); box-shadow: 0 12px 28px rgba(109, 74, 255, .24); }
.dashboard-redesign .dashboard-primary-button:hover { background: linear-gradient(135deg, #9b74ff, #7c5cff); box-shadow: 0 16px 34px rgba(109, 74, 255, .34); }
.dashboard-redesign .dashboard-secondary-button:hover,
.dashboard-redesign .dashboard-amount-button:hover,
.dashboard-redesign .dashboard-amount-button.is-selected,
.dashboard-redesign .dashboard-payment-method:hover,
.dashboard-redesign .dashboard-payment-method.is-selected { border-color: rgba(167, 139, 250, .62); color: #c4b5fd; background: rgba(139, 92, 246, .1); }
.dashboard-redesign .dashboard-notice { border-color: rgba(167, 139, 250, .28); background: rgba(139, 92, 246, .08); }
.dashboard-redesign .dashboard-notice i,
.dashboard-redesign .dashboard-invite-art { color: #c4b5fd; }
.dashboard-redesign .dashboard-invite-art { background: radial-gradient(circle, rgba(139, 92, 246, .3), rgba(139, 92, 246, .04) 70%); }
.dashboard-redesign .dashboard-status.status-success,
.dashboard-redesign .dashboard-status.status-pending,
.dashboard-redesign .dashboard-status.status-active {
  color: #b8a4ff !important;
  border-color: rgba(167, 139, 250, .28) !important;
  background: rgba(139, 92, 246, .1) !important;
}
.dashboard-redesign .dashboard-status.status-success i,
.dashboard-redesign .dashboard-status.status-pending i,
.dashboard-redesign .dashboard-status.status-active i { background: #a78bfa !important; box-shadow: 0 0 10px rgba(167, 139, 250, .72); }

body.light-theme .dashboard-redesign .dashboard-stat-card,
body.light-theme .dashboard-redesign .dashboard-panel,
body.light-theme .dashboard-redesign .dashboard-quick-card,
body.light-theme .dashboard-redesign .dashboard-support-card,
body.light-theme .dashboard-redesign .dashboard-invite-stats > div,
body.light-theme .dashboard-redesign .dashboard-danger-zone {
  border-color: #d8d1eb !important;
  background: linear-gradient(145deg, #ffffff, #f3f0fb) !important;
  color: #252331 !important;
}
body.light-theme .dashboard-redesign .dashboard-stat-card:hover,
body.light-theme .dashboard-redesign .dashboard-quick-card:hover,
body.light-theme .dashboard-redesign .dashboard-support-card:hover { border-color: #b6a5df !important; }
body.light-theme .dashboard-redesign .dashboard-stat-icon,
body.light-theme .dashboard-redesign .dashboard-quick-card i,
body.light-theme .dashboard-redesign .dashboard-support-card i { color: #7055ad !important; background: rgba(139, 92, 246, .1) !important; }
body.light-theme .dashboard-redesign .dashboard-stat-card-accent .dashboard-stat-icon { color: #7055ad !important; background: #eee8ff !important; }
body.light-theme .dashboard-redesign .dashboard-primary-button { color: #ffffff !important; background: linear-gradient(135deg, #8b5cf6, #6d4aff) !important; border-color: #6d4aff !important; }
body.light-theme .dashboard-redesign .dashboard-secondary-button,
body.light-theme .dashboard-redesign .dashboard-amount-button,
body.light-theme .dashboard-redesign .dashboard-payment-method { color: #3c3550 !important; background: #ffffff !important; border-color: #d1c9e7 !important; }
body.light-theme .dashboard-redesign .dashboard-secondary-button:hover,
body.light-theme .dashboard-redesign .dashboard-amount-button:hover,
body.light-theme .dashboard-redesign .dashboard-amount-button.is-selected,
body.light-theme .dashboard-redesign .dashboard-payment-method:hover,
body.light-theme .dashboard-redesign .dashboard-payment-method.is-selected { color: #44346d !important; border-color: #9c89d0 !important; background: #f0ecfb !important; }
body.light-theme .dashboard-redesign .dashboard-status.status-success,
body.light-theme .dashboard-redesign .dashboard-status.status-pending,
body.light-theme .dashboard-redesign .dashboard-status.status-active { color: #7055ad !important; border-color: #c7b9e9 !important; background: #f0ecfb !important; }
body.light-theme .dashboard-redesign .dashboard-status.status-success i,
body.light-theme .dashboard-redesign .dashboard-status.status-pending i,
body.light-theme .dashboard-redesign .dashboard-status.status-active i { background: #8064c7 !important; box-shadow: 0 0 9px rgba(128, 100, 199, .45); }

body.light-theme .dashboard-redesign .dashboard-log-table td,
body.light-theme .dashboard-redesign .dashboard-log-table td strong,
body.light-theme .dashboard-redesign .dashboard-log-table td span,
body.light-theme .dashboard-redesign .dashboard-log-table td small,
body.light-theme .dashboard-redesign .dashboard-log-state,
body.light-theme .dashboard-redesign .dashboard-log-detail,
body.light-theme .dashboard-redesign .dashboard-log-detail-more,
body.light-theme .dashboard-redesign .dashboard-log-footer,
body.light-theme .dashboard-redesign .dashboard-log-footer strong,
body.light-theme .dashboard-redesign button.dashboard-log-detail { color: #302b3f !important; -webkit-text-fill-color: #302b3f !important; }
body.light-theme .dashboard-redesign .dashboard-log-table td small,
body.light-theme .dashboard-redesign .dashboard-log-detail-more,
body.light-theme .dashboard-redesign .dashboard-log-footer { color: #706a7d !important; -webkit-text-fill-color: #706a7d !important; }
body.light-theme .dashboard-redesign button.dashboard-log-detail { background: transparent !important; }
body.light-theme .dashboard-redesign button.dashboard-log-detail:hover { color: #6d4aff !important; -webkit-text-fill-color: #6d4aff !important; }
body.light-theme .dashboard-redesign .dashboard-log-footer button { color: #5f5870 !important; background: #ffffff !important; border-color: #d8d1eb !important; }
body.light-theme .dashboard-redesign .dashboard-log-footer button.is-current { color: #ffffff !important; background: #6d4aff !important; border-color: #6d4aff !important; }
body.light-theme .dashboard-redesign .dashboard-log-modal-card .dashboard-log-detail-section { border-color: #d8d1eb !important; background: linear-gradient(145deg, #ffffff, #f5f2fb) !important; }
body.light-theme .dashboard-redesign .dashboard-log-modal-card .dashboard-log-detail-section h4,
body.light-theme .dashboard-redesign .dashboard-log-modal-card .dashboard-log-detail-item > strong { color: #302b3f !important; }
body.light-theme .dashboard-redesign .dashboard-log-modal-card .dashboard-log-detail-item > span,
body.light-theme .dashboard-redesign .dashboard-log-demo-note { color: #706a7d !important; }

/* Keep the homepage demos legible and visually unframed in the light theme. */
body.light-theme .landing .product-demo .demo-window-premium,
body.light-theme .landing .product-demo,
body.light-theme .landing .feature-section-routing .route-visual-interactive {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.light-theme .landing .demo-window-premium .demo-sidebar,
body.light-theme .landing .demo-window-premium .demo-rail,
body.light-theme .landing .demo-window-premium .demo-main,
body.light-theme .landing .demo-window-premium .demo-content {
  border-color: transparent !important;
}
body.light-theme .landing .demo-window-premium .demo-bar,
body.light-theme .landing .demo-window-premium .demo-heading,
body.light-theme .landing .demo-window-premium .agent-strip,
body.light-theme .landing .demo-window-premium .mode-tabs,
body.light-theme .landing .demo-window-premium .demo-composer {
  border-color: transparent !important;
}
body.light-theme .landing .demo-window-premium .sidebar-credits {
  color: #282333 !important;
  background: #f4f5f8 !important;
  border-color: transparent !important;
}
body.light-theme .landing .demo-window-premium .sidebar-account,
body.light-theme .landing .demo-window-premium .sidebar-bottom {
  color: #282333 !important;
  background: #f4f5f8 !important;
  border-color: transparent !important;
}
body.light-theme .landing .demo-window-premium .profile-avatar {
  color: #282333 !important;
  background: #e6e8ee !important;
}
body.light-theme .landing .demo-window-premium .sidebar-credits small,
body.light-theme .landing .demo-window-premium .sidebar-credits b {
  color: #282333 !important;
  -webkit-text-fill-color: #282333 !important;
}
body.light-theme .landing .demo-window-premium .workspace-item.active small {
  color: rgba(255, 255, 255, .82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .82) !important;
  opacity: 1 !important;
}
body.light-theme .landing .demo-window-premium .side-stat {
  border-color: transparent !important;
}
body.light-theme .landing .demo-window-premium .route-card strong {
  color: #4f5360 !important;
  background: #eceef3 !important;
}
body.light-theme .landing .demo-window-premium .route-card.active strong {
  color: #4f3b86 !important;
  background: #e7e1f7 !important;
}
body.light-theme .landing .demo-window-premium .demo-state,
body.light-theme .landing .demo-window-premium .demo-live,
body.light-theme .landing .demo-window-premium .side-heading,
body.light-theme .landing .demo-window-premium .side-stat,
body.light-theme .landing .demo-window-premium .workspace-item small,
body.light-theme .landing .demo-window-premium .sidebar-bottom small,
body.light-theme .landing .demo-window-premium .cli-identity small,
body.light-theme .landing .demo-window-premium .cli-metrics small,
body.light-theme .landing .demo-window-premium .agent-strip small,
body.light-theme .landing .demo-window-premium .terminal-lines .dim-line {
  color: #626779 !important;
  -webkit-text-fill-color: #626779 !important;
}
body.light-theme .landing .demo-window-premium .demo-heading strong,
body.light-theme .landing .demo-window-premium .agent-strip b,
body.light-theme .landing .demo-window-premium .cli-identity b,
body.light-theme .landing .demo-window-premium .cli-metrics b,
body.light-theme .landing .demo-window-premium .terminal-lines,
body.light-theme .landing .demo-window-premium .terminal-lines span:not(.dim-line):not(.green-line),
body.light-theme .landing .demo-window-premium .demo-composer input {
  color: #252331 !important;
  -webkit-text-fill-color: #252331 !important;
}
body.light-theme .landing .feature-section-routing .route-explainer-step,
body.light-theme .landing .feature-section-routing .route-explainer-step b {
  color: #282333 !important;
  -webkit-text-fill-color: #282333 !important;
}
body.light-theme .landing .feature-section-routing .route-explainer-step small,
body.light-theme .landing .feature-section-routing [data-route-description],
body.light-theme .landing .feature-section-routing [data-route-status] {
  color: #626779 !important;
  -webkit-text-fill-color: #626779 !important;
}
body.light-theme .landing .feature-section-routing .route-visual-header {
  color: #626779 !important;
  background: linear-gradient(180deg, #f4f5f8, rgba(244, 245, 248, .72)) !important;
  border-color: transparent !important;
}
body.light-theme .landing .feature-section-routing .route-visual-header strong {
  color: #252331 !important;
  -webkit-text-fill-color: #252331 !important;
}
body.light-theme .landing .feature-section-routing .route-stage {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.light-theme .landing .feature-section-routing .route-lane,
body.light-theme .landing .feature-section-routing .route-node-request,
body.light-theme .landing .feature-section-routing .route-response {
  border-color: #e5e7ee !important;
  box-shadow: 0 6px 18px rgba(48, 48, 72, .045) !important;
}
body.light-theme .landing .feature-section-routing .route-lane.route-selected,
body.light-theme .landing .feature-section-routing .route-lane:hover,
body.light-theme .landing .feature-section-routing .route-node-request:hover {
  border-color: #afa4d7 !important;
}

body.light-theme .api-page .page-hero h1 em,
body.light-theme .support-page .page-hero h1 em,
body.light-theme .changelog-page .page-hero h1 em {
  color: #5e43a4 !important;
  -webkit-text-fill-color: #5e43a4 !important;
}
body.light-theme .api-page .endpoint-list code,
body.light-theme .api-page .endpoint-list span {
  color: #343142 !important;
  -webkit-text-fill-color: #343142 !important;
}
body.light-theme .api-page .endpoint-list small {
  color: #626779 !important;
  -webkit-text-fill-color: #626779 !important;
}
body.light-theme .api-page .endpoint-list > div {
  border-color: #d8dbe4 !important;
}
body.light-theme .api-page .dev-panel,
body.light-theme .support-page .dev-panel,
body.light-theme .changelog-page .dev-panel {
  border-color: transparent !important;
}
body.light-theme .auth-page-premium .auth-card-premium {
  border-color: transparent !important;
  box-shadow: 0 24px 64px rgba(48, 48, 72, .12) !important;
}
body.light-theme .auth-page-premium .auth-mark {
  border-color: #c9c2e6 !important;
  background: #f7f4ff !important;
  box-shadow: 0 0 0 6px rgba(94, 67, 164, .07) !important;
}
body.light-theme .auth-page-premium .auth-mark::before {
  filter: brightness(0) saturate(100%) invert(31%) sepia(21%) saturate(1880%) hue-rotate(218deg) brightness(91%) contrast(90%) !important;
}
body.light-theme .auth-page-premium .auth-mode {
  border-color: #d8dbe4 !important;
}
body.light-theme .auth-page-premium .auth-mode button.is-active {
  color: #372a5b !important;
  background: #f0ecfb !important;
  box-shadow: none !important;
}
body.light-theme .auth-page-premium .auth-submit {
  color: #252331 !important;
  background: #ffffff !important;
  border-color: #d8dbe4 !important;
}
body.light-theme .auth-page-premium .auth-meta a {
  color: #626779 !important;
}
body.light-theme .auth-page-premium .auth-divider::before,
body.light-theme .auth-page-premium .auth-divider::after {
  background: #d8dbe4 !important;
}
body.light-theme .auth-page-premium .auth-side-note b {
  color: #252331 !important;
}
body.light-theme .auth-page-premium .auth-side-note span,
body.light-theme .auth-page-premium .auth-side-note small {
  color: #626779 !important;
}

/* Final Dashboard palette cleanup: statuses, verification and notifications stay violet. */
.dashboard-redesign .dashboard-verified {
  color: #c4b5fd !important;
  border-color: rgba(167, 139, 250, .32) !important;
  background: rgba(139, 92, 246, .12) !important;
}
.dashboard-redesign .dashboard-verified i { color: #a78bfa !important; }
.dashboard-redesign .dashboard-status.status-success,
.dashboard-redesign .dashboard-status.status-pending,
.dashboard-redesign .dashboard-status.status-active {
  color: #c4b5fd !important;
  border-color: rgba(167, 139, 250, .32) !important;
  background: rgba(139, 92, 246, .12) !important;
}
.dashboard-redesign .dashboard-status.status-success i,
.dashboard-redesign .dashboard-status.status-pending i,
.dashboard-redesign .dashboard-status.status-active i {
  background: #a78bfa !important;
  box-shadow: 0 0 9px rgba(167, 139, 250, .52) !important;
}
body.dashboard-page .toast {
  color: #f7f4ff !important;
  background: #21183a !important;
  border-color: rgba(167, 139, 250, .52) !important;
  box-shadow: 0 16px 42px rgba(42, 24, 82, .28) !important;
}
body.light-theme.dashboard-page .toast {
  color: #302b3f !important;
  background: #ffffff !important;
  border-color: #c7b9e9 !important;
  box-shadow: 0 16px 42px rgba(78, 57, 126, .18) !important;
}
body.light-theme .dashboard-redesign .dashboard-verified {
  color: #7055ad !important;
  border-color: #c7b9e9 !important;
  background: #f0ecfb !important;
}
body.light-theme .dashboard-redesign .dashboard-verified i { color: #8064c7 !important; }

.dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card {
  border-color: rgba(167, 139, 250, .38) !important;
  background:
    radial-gradient(ellipse at 12% 0%, rgba(109, 74, 255, .18), transparent 48%),
    linear-gradient(145deg, #171224, #0e0c15 78%) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .62), 0 0 48px rgba(109, 74, 255, .14) !important;
}
.dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card input,
.dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card textarea {
  border-color: rgba(167, 139, 250, .25) !important;
  color: #f7f4ff !important;
  background: #0f0c18 !important;
}
.dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card input:focus,
.dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card textarea:focus {
  border-color: #a78bfa !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .16) !important;
}
.dashboard-redesign .dashboard-notice {
  border-color: rgba(167, 139, 250, .32) !important;
  background: rgba(139, 92, 246, .1) !important;
}
body.light-theme .dashboard-redesign .dashboard-back-link {
  color: #62517f !important;
}
body.light-theme .dashboard-redesign .dashboard-back-link:hover {
  color: #5b35b5 !important;
}
body.light-theme .dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card {
  border-color: #d2c7ed !important;
  background:
    radial-gradient(ellipse at 12% 0%, rgba(139, 92, 246, .09), transparent 48%),
    linear-gradient(145deg, #ffffff, #f5f2fb 82%) !important;
  box-shadow: 0 34px 100px rgba(42, 35, 68, .24), 0 0 42px rgba(109, 74, 255, .08) !important;
}
body.light-theme .dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card input,
body.light-theme .dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card textarea {
  border-color: #d6cfea !important;
  color: #302b3f !important;
  background: #ffffff !important;
}
body.light-theme .dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card input:focus,
body.light-theme .dashboard-redesign [data-dashboard-ticket-modal] .dashboard-modal-card textarea:focus {
  border-color: #9c82d4 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .12) !important;
}

/* Mobile navigation drawer and consistent keyboard focus. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--amber, #f0ad58);
  outline-offset: 3px;
}

@media (max-width: 800px) {
  .site-header { position: sticky; isolation: isolate; }
  .site-header:has(.site-nav.open) { z-index: 51; }
  body:has(.site-nav.open)::before {
    content: "";
    position: fixed;
    z-index: 49;
    inset: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, .58);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  body.light-theme:has(.site-nav.open)::before {
    background: rgba(25, 23, 34, .34);
  }
  .site-nav,
  .site-nav.open {
    position: absolute;
    z-index: 1;
    top: calc(100% + 8px);
    left: max(16px, env(safe-area-inset-left));
    right: max(16px, env(safe-area-inset-right));
    box-sizing: border-box;
    max-height: min(70dvh, 520px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px;
    gap: 4px;
    border: 1px solid #303a3b;
    border-radius: 10px;
    background: #151a1b;
    box-shadow: 0 20px 54px rgba(0, 0, 0, .42);
    transform-origin: top center;
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
  }
  .site-nav:not(.open) {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-8px) scale(.985);
  }
  .site-nav.open {
    display: flex;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .site-nav a {
    display: flex;
    min-height: 46px;
    align-items: center;
    padding: 0 14px;
    border: 0;
    border-radius: 7px;
    color: #d2d6d5;
    font-size: 14px;
  }
  .site-nav a:hover,
  .site-nav a:focus-visible {
    border: 0;
    background: rgba(255, 255, 255, .07);
    color: #f1eee7;
  }
  .site-nav a.active { color: var(--amber, #f0ad58); }
  .menu-toggle {
    position: relative;
    z-index: 2;
    min-width: 44px;
    min-height: 44px;
    display: inline-grid;
    place-items: center;
    border-radius: 8px;
    cursor: pointer;
  }
  .header-actions { position: relative; z-index: 2; gap: 10px; }
  .header-actions .button-small { min-height: 40px; }
  body.light-theme .site-nav,
  body.light-theme .site-nav.open {
    border-color: #dedbe5;
    background: #fff;
    box-shadow: 0 20px 54px rgba(42, 35, 68, .2);
  }
  body.light-theme .site-nav a:hover,
  body.light-theme .site-nav a:focus-visible {
    background: rgba(109, 74, 255, .09);
    color: #241b3e;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-nav,
  .site-nav.open,
  .site-nav a,
  .menu-toggle { animation: none !important; transition: none !important; }
  body:has(.site-nav.open)::before { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

@media (max-width: 800px) {
  #app > .site-header ~ .auth-page-premium { padding-top: 96px; }
}

#app > .site-header ~ .auth-page-premium {
  padding-top: 156px;
}

#app > .site-header .brand-mark {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: #050607 url("./assets/brand/promptuzel-pu-white.svg") center / 23px auto no-repeat;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .08);
  overflow: hidden;
}

#app > .site-header .brand-mark i {
  display: none;
}


/* Make the landing starfield visible through the transparent hero surface. */
.landing > *:not(.page-starfield) {
  position: relative;
  z-index: 2;
}

.landing > .page-starfield {
  z-index: 1 !important;
}

.landing > .hero {
  background: transparent !important;
}

.landing > .page-starfield .page-star {
  background: #fff !important;
  box-shadow:
    0 0 10px rgba(255, 255, 255, 1),
    0 0 25px rgba(178, 219, 255, .82),
    0 0 44px rgba(115, 177, 255, .34);
  opacity: .92;
}

.landing > .page-starfield .page-star:nth-child(4n) { background: #ffe8c2 !important; }
.landing > .page-starfield .page-star:nth-child(7n) { background: #c1e9ff !important; }

@keyframes page-star-twinkle {
  0%, 100% { opacity: .72; }
  50% { opacity: 1; }
}


.legal-page { max-width: 1180px; margin: 0 auto; padding-top: 44px; }
.legal-access-form { display: grid; gap: 12px; max-width: 420px; margin: 0 auto; padding: 24px; border: 1px solid var(--border, rgba(255,255,255,.1)); border-radius: 16px; background: var(--surface, rgba(255,255,255,.035)); }
.legal-access-form label { color: var(--text-muted, #b9bbc5); font-size: 14px; }
.legal-access-form input { width: 100%; padding: 12px 14px; border: 1px solid var(--border, rgba(255,255,255,.14)); border-radius: 10px; background: rgba(0,0,0,.22); color: var(--text, #fff); }
.legal-access-form button { justify-self: start; margin-top: 8px; }
.legal-access-feedback { min-height: 1.5em; margin: 0; color: var(--text-muted, #b9bbc5); }
.legal-hero { max-width: 860px; margin: 0 auto; }
.legal-warning { display: flex; gap: 14px; align-items: flex-start; margin-top: 28px; padding: 18px 20px; border: 1px solid rgba(255, 170, 75, .38); border-radius: 14px; background: rgba(255, 153, 51, .08); color: #f5c28c; }
.legal-warning > i { font-size: 22px; }
.legal-warning span, .legal-warning small { display: block; }
.legal-warning small { margin-top: 5px; color: var(--text-muted, #a5a8b4); line-height: 1.55; }
.legal-sections { max-width: 900px; margin: 0 auto; padding-top: 28px; }
.legal-section { margin: 0 0 12px; padding: 0 22px; border: 1px solid var(--border, rgba(255,255,255,.1)); border-radius: 16px; background: var(--surface, rgba(255,255,255,.035)); }
.legal-section summary { display: flex; align-items: center; gap: 14px; min-height: 68px; cursor: pointer; list-style: none; }
.legal-section summary::-webkit-details-marker { display: none; }
.legal-section summary > span { color: var(--accent, #f6a14a); font-size: 12px; }
.legal-section summary > strong { flex: 1; }
.legal-section summary > i { transition: transform .2s ease; }
.legal-section[open] summary > i { transform: rotate(180deg); }
.legal-section-content { padding: 0 0 22px 30px; color: var(--text-muted, #b9bbc5); line-height: 1.7; }
.legal-section-content p { margin: 0 0 14px; }
.legal-section-content a { color: var(--accent, #f6a14a); }
.legal-price-table-wrap { overflow-x: auto; margin: 18px 0; }
.legal-price-table { width: 100%; border-collapse: collapse; text-align: left; }
.legal-price-table th, .legal-price-table td { padding: 12px; border-bottom: 1px solid var(--border, rgba(255,255,255,.1)); }
.legal-price-table th { color: var(--text, #fff); }
.legal-todo { padding: 14px 16px; border-left: 2px solid #f6a14a; background: rgba(255,153,51,.06); }
@media (max-width: 640px) { .legal-page { padding: 28px 18px 0; } .legal-section { padding: 0 15px; } .legal-section-content { padding-left: 0; } .legal-price-table th, .legal-price-table td { padding: 9px 7px; font-size: 13px; } }