*{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-mark{height:24px;width:25px;display:flex;align-items:flex-end;gap:3px}.brand-mark i:nth-child(2){height:20px}.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-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)}.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}.send-button{width:30px;border:0;border-radius:4px;background:var(--amber);color:#201b15;font-weight:800;font-size:19px}.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)}}body{background:var(--bg);letter-spacing:0;overflow-x:hidden}.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 #f0ad583d;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:#0f1214d1;backdrop-filter:blur(18px);box-shadow:24px 0 60px #00000029;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))}.nav-item{position:relative;transition:background .25s ease,color .25s ease,transform .25s ease}.nav-item:hover{transform:translate(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:#ffffff17;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 #66d8bd1a;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 #f0ad5829;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:translate(-120%);animation:button-sheen 4s 1s ease-in-out infinite}.primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 38px #f0ad5845}.progress{background:#282e30}.progress i{box-shadow:0 0 10px #f0ad5859}.content-grid,.lower-grid{gap:12px}.panel{animation:rise .7s .15s ease both}.panel-head h3{font-size:18px}.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)}.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}.send-button{transition:.2s ease}.send-button:hover{transform:scale(1.07);box-shadow:0 0 20px #f0ad584d}.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:#ffffff06;padding-left:5px}.small-primary{transition:.25s ease}.small-primary:hover{box-shadow:0 0 22px #f0ad583b;transform:translateY(-2px)}footer{border-top:1px solid rgba(255,255,255,.07);margin-top:25px;padding-top:20px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(78vh)}}@keyframes drift{0%,to{opacity:.3;transform:translate(0)}50%{opacity:1;transform:translate(18px,10px)}}@keyframes blink{0%,to{opacity:.45}50%{opacity:1}}@keyframes button-sheen{0%,45%{transform:translate(-120%)}65%,to{transform:translate(150%)}}@keyframes panel-sheen{0%,35%{left:-35%}65%,to{left:130%}}@keyframes cursor-blink{50%{opacity:0}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes point-pulse{0%,to{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}}body{background:#0a0c0d;color:#f2f0ea;overflow-x:hidden}.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 #f0ad581f}.button:hover{transform:translateY(-3px);box-shadow:0 18px 40px #f0ad583d}.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}.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}.label-top{top:56px}.label-right{right:25px;top:210px}.label-bottom{bottom:55px}.section-intro{max-width:570px}.eyebrow{color:var(--amber);font:10px DM Mono;letter-spacing:1.5px}.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}.window-dots i{width:6px;height:6px;border-radius:50%;background:#586260}.window-dots i:first-child{background:var(--amber)}.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)}.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}.side-label{font:9px DM Mono;color:#52625f;letter-spacing:1px;margin-bottom:16px}.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}.arrow-link{display:inline-flex;gap:9px;color:var(--amber);font-size:12px;margin-top:22px}.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)}.card-index{font:10px DM Mono;color:#6d7b76}.card-icon{position:absolute;right:25px;bottom:22px;color:var(--amber);font-size:27px}.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 #66d8bd1a;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}.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-muted{color:#a99cf1}.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}.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)}.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%,to{opacity:.6}50%{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 10px var(--teal)}50%{opacity:.7;box-shadow:0 0 20px var(--teal)}}.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)}.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)}.status-label{color:var(--teal)}.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)}.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-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)}.keys-card{grid-column:1}.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}.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}.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}body{background:#050607;color:#f5f3ed}@keyframes star-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(8px,-5px,0) scale(1.015)}to{transform:translateZ(0) scale(1)}}@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes planet-orbit-a{0%{--orbit-angle:0deg}to{--orbit-angle:360deg}}@keyframes planet-orbit-b{0%{--orbit-angle:120deg}to{--orbit-angle:480deg}}@keyframes planet-orbit-c{0%{--orbit-angle:235deg}to{--orbit-angle:595deg}}@keyframes core-breathe{0%,to{filter:brightness(.95)}50%{filter:brightness(1.22)}}body{font-weight:500;background:#070809;color:#f4f5f5}h1,h2,h3,h4{line-height:1.06}.button,.primary-button,.small-primary,.send-button{background:#d3d7d8!important;border-color:#d3d7d8!important;color:#101214!important;box-shadow:0 12px 28px #d2d7d81a}.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 #d2d7d833}.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}.status-pill{border-color:#353a3c;background:#ffffff06}.soon-badge{border-color:#555b5d!important}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:90px}.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}@keyframes galaxy-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes page-star-twinkle{0%,to{opacity:.35}50%{opacity:.95}}.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 #c5e2ffe6,0 0 18px #adcdff47;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}@keyframes gravity-twinkle{0%,to{opacity:.42}50%{opacity:.95}}@keyframes cosmic-twinkle{0%,to{opacity:.22}48%{opacity:.72}56%{opacity:.42}}@keyframes cosmic-shoot{0%,76%{opacity:0;transform:translateZ(0) rotate(28deg) scaleX(.35)}79%{opacity:.9}88%{opacity:.72}to{opacity:0;transform:translate3d(-52vw,68vh,0) rotate(28deg) scaleX(1.1)}}.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}.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}.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}.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 #f0ad5840}.user-line{display:block;color:#f0eee8;margin-top:9px}.node-pulse{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px #66d8bd14,0 0 18px var(--teal)}@keyframes page-star-twinkle{0%,to{opacity:.52}50%{opacity:1}}.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)}.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)}.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 #f0ad584d,inset 0 0 28px #f0ad5826}}@keyframes film-cursor{0%,to{transform:translate(0)}50%{transform:translate(-24px,-15px)}}.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}.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}@keyframes terminal-line-in{0%{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)}}.pulse,.live-dot,.live-dot i,.node-pulse,.live-tag i{background:#c6cbcd!important;box-shadow:0 0 0 3px #c6cbcd1a,0 0 12px #c6cbcd47!important}@keyframes route-flow-dash{to{stroke-dashoffset:-34}}@keyframes route-flow-pulse{0%,to{opacity:.38}50%{opacity:1}}body{font-family:Manrope,system-ui,sans-serif;font-weight:500}.plans{max-width:1280px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:105px}@keyframes grant-breathe{0%,to{box-shadow:0 0 #c6cbcd00;transform:scale(1)}50%{box-shadow:0 0 13px #c6cbcd3d;transform:scale(1.12)}}body{font-weight:600}@keyframes pricing-shooting-star{0%,82%{opacity:0;transform:translate(-10vw,-3vh) rotate(24deg)}84%{opacity:.9}to{opacity:0;transform:translate(125vw,42vh) rotate(24deg)}}@keyframes pricing-shooting-star{0%,82%{opacity:0;transform:translateZ(0) rotate(var(--shooting-angle,24deg))}84%{opacity:.92}to{opacity:0;transform:translate3d(var(--shooting-drift-x,35vw),124vh,0) rotate(var(--shooting-angle,24deg))}}@keyframes grant-progress{0%{left:0;opacity:.35}10%{opacity:1}88%{opacity:1}to{left:76%;opacity:.35}}@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}to{transform:translate3d(-.5%,-1%,0) scale(1.01);opacity:.68}}.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}@keyframes model-detail-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes auth-float{0%{transform:translateZ(0);opacity:.18}to{transform:translate3d(calc((var(--i) % 5) * 8px - 16px),calc((var(--i) % 7) * 7px - 21px),0);opacity:.65}}.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-dim{color:#647074}.terminal-success{color:#d6d9d6}.terminal-cursor{display:inline-block;color:#d4b96e;animation:cursor-blink 1s steps(2) infinite}@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)}to{color:#aeb5b7;text-shadow:none;opacity:1}}@keyframes route-status-pulse{50%{opacity:.42;transform:scale(.72)}}@keyframes route-hint-blink{50%{opacity:.3}}@keyframes route-response-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes route-lane-focus{0%{filter:brightness(1)}45%{filter:brightness(1.24)}to{filter:brightness(1)}}.code-line b,.key{color:#f5c066}.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 #f0ad5852}.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)}.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}.send-button .ui-icon{width:19px;height:19px;vertical-align:-.2em}.agent-avatar .ui-icon{width:17px;height:17px;vertical-align:-.2em}body{font-size:15px}.plans-toggle{display:block;margin:20px auto 84px;min-width:220px}.code-head button.is-copied,[data-dev-copy].is-copied{color:#d9b477;border-color:#c28f4e}.footer-links a{color:#aab4b2}.footer-links a:hover{color:#e8c487}@keyframes models-star-twinkle{0%,to{opacity:.5;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.55)}}@keyframes models-shooting-star{0%,79%{opacity:0;transform:translateZ(0) rotate(-7deg) scaleX(.2)}82%{opacity:.96}92%{opacity:.78}to{opacity:0;transform:translate3d(-138vw,13vh,0) rotate(-7deg) scaleX(1)}}@keyframes models-violet-breathe{0%{transform:translate3d(-1%,0,0) scale(1);opacity:.68}to{transform:translate3d(1%,1%,0) scale(1.04);opacity:.92}}@keyframes cosmic-shoot-horizontal{0%,76%{opacity:0;transform:translateZ(0) rotate(-7deg) scaleX(.2)}79%{opacity:.95}88%{opacity:.8}to{opacity:0;transform:translate3d(-135vw,12vh,0) rotate(-7deg) scaleX(1)}}@keyframes pricing-shooting-star{0%,82%{opacity:0;transform:translateZ(0) rotate(var(--shooting-angle,-7deg)) scaleX(.2)}84%{opacity:.96}to{opacity:0;transform:translate3d(var(--shooting-drift-x,-135vw),var(--shooting-drift-y,14vh),0) rotate(var(--shooting-angle,-7deg)) scaleX(1)}}.site-nav a{transition:color .25s ease,border-color .25s ease}.site-nav a:hover,.site-nav a.active{border-bottom-width:3px}.status-pill{padding:10px 14px;border-radius:24px}.button{padding:16px 24px}.terminal-lines{line-height:2.4}.card-index{color:#8d9690}.footer-links a{font-size:12px}.plans{gap:12px}.dev-panel{padding:34px 36px}.cli-list span{padding:13px 14px}.eyebrow{letter-spacing:1.7px}.button:not(.button-ghost){background:linear-gradient(135deg,#f0ad58,#e09745)}.button:not(.button-ghost):hover,.primary-button:hover{box-shadow:0 20px 50px #f0ad584d;transform:translateY(-4px)}.send-button{width:34px;height:32px}@keyframes path-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.eyebrow{text-shadow:0 1px 2px rgba(0,0,0,.3)}.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{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.plans{transition:height .5s cubic-bezier(.4,0,.2,1)}@keyframes plan-card-reveal{0%{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{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes card-activate{0%,to{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)}to{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{0%{box-shadow:0 0 #66d8bd66}to{box-shadow:0 0 0 4px #66d8bd00}}.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{0%{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,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-shimmer{0%{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{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes demo-window-reveal{0%{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%,to{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{0%{opacity:0;transform:translate(-20px);letter-spacing:0}to{opacity:1;transform:translate(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%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes model-card-enter{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes model-detail-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}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}.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 #f0ad5873;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 #f0ad58b3}.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%,to{transform:translateZ(0);opacity:.62}50%{transform:translate3d(10px,-8px,0);opacity:1}}@keyframes grid-scan{0%,to{transform:translateY(-8%);opacity:.08}50%{transform:translateY(8%);opacity:.25}}@keyframes ambient-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.button{border-radius:8px;background:linear-gradient(135deg,#f0ad58,#e09745);box-shadow:0 12px 32px #f0ad582e,inset 0 2px #ffffff40;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease}body{background:radial-gradient(ellipse at 50% 20%,#0f0e16cc,#0a0c0d 60%);color:#f2f0ea;overflow-x:clip;overflow-y:visible;position:relative}@keyframes ambient-pulse{0%,to{opacity:.4}50%{opacity:.7}}.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,#e09745);color:#1e1913;font-weight:800;font-size:12px;transition:.35s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 32px #f0ad582e,inset 0 2px #ffffff40,inset 0 -2px #0000001a;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 #f0ad5847,inset 0 2px #ffffff4d}.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}.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)}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.button:hover{transform:translateY(-4px);box-shadow:0 22px 54px #f0ad5857,inset 0 2px #ffffff57}.button:active{transform:translateY(-1px) scale(.985);box-shadow:0 10px 24px #f0ad5833}.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:.05em;padding:0 12px 8px;font-family:DM Mono,monospace}.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 .2s ease}.sidebar-link:hover{background:#ffffff0d;color:#f8fafc}.sidebar-link.active{background:#f0ad581f;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 .2s ease}.sidebar-user:hover{background:#ffffff0d}.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}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.metric-label{font-size:12px;color:#6b7172;font-weight:600;text-transform:uppercase;letter-spacing:.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}.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 .2s ease}.link-button:hover{color:#f5b662}.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:.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:#ffffff08}.req-id{font-family:DM Mono,monospace;font-size:12px;color:var(--amber);background:#f0ad581a;padding:4px 8px;border-radius:4px}.cost-value{font-family:DM Mono,monospace;font-weight:600;color:#f8fafc}.action-card{display:flex;align-items:center;gap:16px;padding:20px;background:#0f1214;border:1px solid #2a2e31;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.action-card:hover{border-color:var(--amber);background:#f0ad580d}.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}.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:#ffffff0d;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 .2s ease}.icon-btn:hover{background:#ffffff0d;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:#66d8bd1a;color:var(--teal)}.status-inactive{background:#6b71721a;color:#6b7172}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.notice-card{display:flex;gap:16px;padding:16px;border-radius:8px;margin-top:24px}.notice-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.notice-success{background:#66d8bd14;border:1px solid rgba(102,216,189,.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}.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:#000000b3;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 .3s ease}.modal-medium{max-width:540px}@keyframes modalSlideIn{0%{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 .2s ease}.modal-close:hover{background:#ffffff0d;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}.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 .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{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{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 #0006;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:10000}.toast.show{opacity:1;transform:translateY(0)}.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:#ffffff0d;border-color:#3a4045;color:#f8fafc}.filters-panel{display:flex;align-items:flex-end;gap:16px;padding:20px;background:#171a1d;border:1px solid #2a2e31;border-radius:12px;margin-bottom:32px}.usage-overview-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:16px}.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-hint{font-size:11px;color:#6b7172}.overview-period{font-size:12px;color:#9ba8a3;font-weight:600}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.usage-distribution-list{display:flex;flex-direction:column;gap:20px}.token-composition{padding:20px 0}.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}.key-name-cell{display:flex;align-items:center;gap:10px;font-weight:600;color:#f8fafc}.highest-badge{padding:3px 8px;background:#f0ad581a;border:1px solid rgba(240,173,88,.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}.balance-hero{display:flex;justify-content:space-between;align-items:center;padding:40px;background:linear-gradient(135deg,#f0ad5814,#f0ad5805);border:1px solid rgba(240,173,88,.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}.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}.stat-card-highlight{background:#f0ad580d;border-color:#f0ad5833}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;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 .2s ease}.form-textarea:focus{outline:none;border-color:var(--amber);background:#1c2023}.verified-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#66d8bd1a;border:1px solid rgba(102,216,189,.2);border-radius:4px;font-size:12px;font-weight:600;color:var(--teal)}.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:.3s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#6b7172;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--teal)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background:#fff}.section-danger{border:1px solid rgba(227,125,112,.3);background:#e37d7008}.button-danger{background:var(--red);border-color:var(--red);color:#fff}.button-danger:hover{background:#d66b5e;box-shadow:0 10px 30px #e37d704d}.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}@media(max-width:520px){.brand-logo-frame{width:28px;height:28px}.brand-logo-frame .brand-logo{width:22px;height:22px}}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 .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 .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 #e1a6293d,inset 0 1px #fffc;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 #e1a62952,inset 0 1px #ffffffe6}.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:#b97e0061}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 #2c234c2e}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{background:#f4f5f8!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}.demo-rail button,.demo-rail a,.model-planet,.icon-button,.button,.site-nav a,.footer-links a{outline:2px solid transparent;outline-offset:2px}.demo-rail button:focus-visible,.demo-rail a:focus-visible,.model-planet:focus-visible,.icon-button:focus-visible,.button:focus-visible,.site-nav a:focus-visible,.footer-links a:focus-visible{outline-color:var(--amber)}.demo-rail button:focus:not(:focus-visible),.model-planet:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}