@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,Hiragino Sans GB,sans-serif;color:#182126;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}main:not(.console-shell){min-height:100vh;display:grid;place-items:center;background:#edf3f1}main:not(.console-shell) section{width:min(560px,calc(100% - 48px))}main:not(.console-shell) h1{font:700 44px Space Grotesk;margin:12px 0}main:not(.console-shell) p{color:#53615f;line-height:1.7}main:not(.console-shell) button,.primary-action{background:#17735f;color:#fff;border:0;padding:12px 18px;border-radius:8px;font-weight:600}.console-shell{min-height:100vh;display:flex;background:#f5f7f8}.sidebar{width:248px;flex:0 0 248px;background:#123b38;color:#d7e7e1;padding:30px 18px 22px;display:flex;flex-direction:column}.brand-mark{display:flex;gap:12px;align-items:center;padding:0 14px 42px;color:#fff}.brand-mark>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid #74c7af;color:#98e0c7;border-radius:12px;font:700 12px Space Grotesk}.brand-mark strong{display:block;font:700 19px Space Grotesk}.brand-mark small{display:block;margin-top:3px;color:#83aaa0;font-size:9px;letter-spacing:.16em}.side-nav{display:grid;gap:7px}.side-nav button{display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#abc9c1;padding:13px 15px;border-radius:9px;text-align:left;font-size:14px;font-weight:600}.side-nav button:hover,.side-nav button.active{color:#fff;background:#1c5a54}.side-nav button.active{box-shadow:inset 3px 0 #87dbc0}.nav-icon{width:20px;color:#8ad3bd;font-size:19px;text-align:center}.sidebar-foot{margin-top:auto;padding:14px 15px;color:#719f94;font-size:11px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#75d8a9}.console-main{min-width:0;flex:1}.topbar{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(22px,4vw,58px);background:#fff;border-bottom:1px solid #e6eceb}.top-kicker,.section-kicker{margin:0 0 7px;color:#71908a;font-size:10px;font-weight:700;letter-spacing:.18em}.topbar h1,.page-content h2,.page-content h3{font-family:Space Grotesk}.topbar h1{margin:0;font-size:25px}.quick-actions{display:flex;align-items:center;gap:14px}.quick-link,.text-action{background:transparent;border:0;color:#48736a;font-weight:600;padding:8px}.balance-pill{padding:11px 15px;border-radius:8px;background:#eff9f5;color:#5b7770;font-size:12px}.balance-pill strong{color:#17735f;margin-left:6px;font-size:16px}.account-menu{position:relative}.account-chip{display:flex;gap:9px;align-items:center;padding:5px 0 5px 8px;border:0;border-left:1px solid #e5ecea;background:transparent;text-align:left}.account-chip>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#17735f;font-weight:700}.account-chip strong,.account-chip small{display:block}.account-chip strong{font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip small{margin-top:2px;color:#8b9b98;font-size:10px}.account-chip b{color:#78908a}.account-dropdown{position:absolute;z-index:5;top:calc(100% + 10px);right:0;width:176px;padding:7px;border:1px solid #e0e9e5;border-radius:10px;background:#fff;box-shadow:0 14px 32px #1d3b3524}.account-dropdown button{width:100%;border:0;border-radius:6px;padding:10px 11px;background:transparent;color:#39564f;text-align:left;font-size:13px;font-weight:600}.account-dropdown button:hover{background:#eff9f5;color:#17735f}.account-dropdown hr{height:1px;margin:6px 2px;border:0;background:#e6eceb}.account-dropdown .logout-action{color:#b54f4f}.page-content{width:min(1250px,calc(100% - 80px));margin:0 auto;padding:48px 0 70px}.welcome-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.page-content h2{margin:0;font-size:31px}.muted{color:#82908e;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{min-height:151px;display:flex;gap:16px;align-items:center;padding:24px;border:1px solid #e4eae8;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1d3b350b}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;font:600 20px Space Grotesk}.metric-card p{margin:0 0 7px;color:#7a8785;font-size:12px}.metric-card strong{display:block;font:600 28px Space Grotesk;overflow-wrap:anywhere}.metric-card small{display:block;margin-top:5px;color:#9aa7a4;font-size:11px}.mint .metric-icon{color:#168b69;background:#daf6e9}.blue .metric-icon{color:#3971c9;background:#e1edff}.amber .metric-icon{color:#c18011;background:#fff0c9}.violet .metric-icon{color:#8561c8;background:#eee6ff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:47px 0 17px}.section-heading h3{margin:0;font-size:20px}.activity-list,.log-table-wrap,.topup-card,.balance-card{border:1px solid #e4eae8;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1d3b350b}.activity-row{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid #edf1f0}.activity-row:last-child{border-bottom:0}.activity-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;color:#17735f;background:#e3f4ed}.activity-copy{min-width:0;flex:1}.activity-copy strong,.activity-copy span{display:block}.activity-copy strong{font-size:13px}.activity-copy span{margin-top:4px;color:#8b9996;font-size:11px}.activity-tokens{color:#557b72;font-size:12px}.log-table-wrap{overflow-x:auto}table{width:100%;min-width:780px;border-collapse:collapse;font-size:12px}th,td{padding:15px 17px;text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f0}th{color:#78908a;background:#f8faf9;font-size:10px;letter-spacing:.08em}td{color:#38534d}tbody tr:last-child td{border-bottom:0}.token-usage{min-width:155px;color:#263331;font-family:Space Grotesk,monospace;font-size:16px;line-height:1.35}.token-usage>div:first-child{display:flex;align-items:center;gap:7px}.token-usage strong{font-weight:500}.token-separator{color:#a9b5b2}.token-arrow{font-size:21px;line-height:1}.token-cache{display:flex;align-items:center;gap:6px;margin-top:5px;color:#6b7472;font-family:DM Sans,sans-serif;font-size:14px}.token-cache .token-arrow{font-size:20px}.token-cache strong{font-family:Space Grotesk,monospace;font-size:16px;color:#5a6260}.empty-state{margin:0;padding:38px 24px;text-align:center;color:#8b9996}.topup-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:18px}.topup-card,.balance-card{padding:30px}.topup-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#17735f;background:#def6eb;font-size:22px}.topup-card h3{margin:22px 0 7px;font:600 20px Space Grotesk}.topup-card form{max-width:480px;margin-top:28px}label{display:block;margin-bottom:8px;color:#5f7771;font-size:12px;font-weight:600}input,select{width:100%;padding:13px 14px;border:1px solid #dce7e3;border-radius:8px;outline:none;color:#213b35;background:#fff}input:focus,select:focus{border-color:#5cb497}.topup-card .primary-action{margin-top:13px}.form-error{color:#b54f4f;font-size:12px}.balance-card{display:flex;flex-direction:column;align-items:flex-start}.balance-card>strong{margin-top:31px;color:#17735f;font:600 42px Space Grotesk}.balance-card>span{color:#879693;font-size:12px}.balance-card .text-action{padding:0;margin-top:auto}.admin-tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid #dfe8e5}.admin-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#71827e;padding:12px 16px 10px;font-weight:600}.admin-tabs button.active{color:#17735f;border-bottom-color:#17735f}.admin-code-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:18px}.admin-code-layout .topup-card h3{margin-top:0}.admin-code-layout .topup-card label:not(:first-child){margin-top:16px}.profile-card{display:grid;grid-template-columns:auto minmax(170px,.75fr) minmax(320px,1.25fr);align-items:center;gap:20px;padding:30px;border:1px solid #e4eae8;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1d3b350b}.profile-avatar{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#17735f;color:#fff;font:600 30px Space Grotesk}.profile-card h3{margin:0;font-size:21px}.profile-card p{margin:5px 0 0;color:#82908e;font-size:13px;overflow-wrap:anywhere}.profile-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}.profile-card dl div{padding-left:16px;border-left:1px solid #e3ece8}.profile-card dt{color:#879693;font-size:11px}.profile-card dd{margin:6px 0 0;color:#27483f;font-size:13px;font-weight:600}.profile-card .profile-note{grid-column:1 / -1;margin:3px 0 0;padding-top:18px;border-top:1px solid #edf1f0}@media(max-width:960px){.sidebar{width:208px;flex-basis:208px}.page-content{width:min(100% - 44px,800px)}.metric-grid{grid-template-columns:repeat(2,1fr)}.quick-link{display:none}.admin-code-layout,.profile-card{grid-template-columns:1fr}}@media(max-width:640px){.console-shell{display:block}.sidebar{width:100%;padding:14px 16px 10px}.brand-mark{padding:0 4px 13px}.side-nav{display:flex;gap:5px}.side-nav button{flex:1;justify-content:center;padding:9px 6px;font-size:12px}.side-nav button.active{box-shadow:inset 0 -3px #87dbc0}.nav-icon,.sidebar-foot{display:none}.topbar{min-height:78px;padding:15px 18px}.topbar h1{font-size:21px}.account-chip{border-left:0}.account-chip>div,.account-chip b{display:none}.balance-pill{padding:9px 10px}.page-content{width:calc(100% - 32px);padding:30px 0 48px}.welcome-row{align-items:start;flex-direction:column}.page-content h2{font-size:26px}.metric-grid,.profile-card dl{grid-template-columns:1fr}.metric-card{min-height:112px}.topup-layout{grid-template-columns:1fr}.balance-card{min-height:210px}.admin-tabs button{flex:1;padding-inline:6px}}:root{--ink: #171717;--body: #4d4d4d;--mute: #8f8f8f;--hairline: #ebebeb;--canvas: #fafafa;--white: #fff;--link: #0070f3}html{scroll-behavior:smooth}main.marketing-shell:not(.console-shell){display:block;min-height:100vh;background:var(--canvas)}main.marketing-shell:not(.console-shell) section{width:auto}main.marketing-shell:not(.console-shell) h1{margin:16px 0 24px;font:600 clamp(48px,7vw,78px)/.98 "Space Grotesk",sans-serif}main.marketing-shell:not(.console-shell) p{color:inherit;line-height:inherit}main.marketing-shell:not(.console-shell) button{background:initial;color:initial;border:initial;padding:initial;border-radius:initial;font-weight:initial}.marketing-shell{display:block!important;min-height:100vh;background:var(--canvas);color:var(--ink)}.marketing-nav{height:64px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline)}.wordmark{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.wordmark strong{font:600 18px Space Grotesk,sans-serif;letter-spacing:.02em}.wordmark-mark{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:6px;font:600 9px Space Grotesk,sans-serif}.marketing-links,.marketing-actions{display:flex;align-items:center;gap:7px}.marketing-links a{padding:8px 12px;color:var(--body);text-decoration:none;font-size:13px}.marketing-links a:hover,.marketing-footer a:hover{color:var(--link)}.nav-button{min-height:32px;padding:0 12px;border:1px solid var(--hairline);border-radius:6px;background:var(--white);color:var(--ink);font-size:13px;font-weight:500}.nav-button-dark{background:var(--ink);color:var(--white);border-color:var(--ink)}.hero-band{position:relative;max-width:1180px;min-height:600px;margin:auto;padding:110px 24px 100px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,.8fr);gap:80px;align-items:center;overflow:hidden}.hero-mesh{position:absolute;z-index:0;width:690px;height:430px;right:-80px;top:80px;opacity:.62;filter:blur(25px);background:radial-gradient(ellipse at 22% 44%,#50e3c2 0 12%,transparent 42%),radial-gradient(ellipse at 52% 38%,#007cf0 0 15%,transparent 46%),radial-gradient(ellipse at 74% 60%,#7928ca 0 13%,transparent 44%),radial-gradient(ellipse at 88% 24%,#ff0080 0 10%,transparent 38%),radial-gradient(ellipse at 48% 88%,#f9cb28 0 10%,transparent 40%)}.hero-copy,.hero-console{position:relative;z-index:1}.mono-eyebrow{margin:0;color:var(--mute);font:500 11px/16px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.hero-copy h1{margin:16px 0 24px;font:600 clamp(48px,7vw,78px)/.98 "Space Grotesk",sans-serif;letter-spacing:-2px}.hero-copy h1 span,.cta-band h2 span{color:transparent;background:linear-gradient(100deg,#007cf0,#7928ca 48%,#ff0080);background-clip:text;-webkit-background-clip:text}.hero-lead{max-width:490px;margin:0;color:var(--body);font-size:17px;line-height:27px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:32px}.marketing-button{min-height:44px;padding:0 17px;border:0;border-radius:100px;background:var(--ink);color:var(--white);font-size:14px;font-weight:500}.marketing-button span,.text-button span{margin-left:8px}.marketing-button:hover{background:#000;transform:translateY(-1px)}.text-button{border:0;padding:8px 0;background:transparent;color:var(--body);font-size:14px}.text-button:hover{color:var(--link)}.hero-console{width:min(100%,430px);justify-self:end;border:1px solid #dcdcdc;border-radius:12px;background:#ffffffdb;box-shadow:0 24px 60px #1717171f;transform:rotate(1.5deg)}.window-bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid var(--hairline)}.window-bar>span{width:8px;height:8px;border-radius:50%;background:#d7d7d7}.window-bar small{margin-left:auto;color:var(--mute);font:11px ui-monospace,monospace}.hero-console pre,.code-editor pre{margin:0;overflow:auto;font:13px/24px ui-monospace,monospace}.hero-console pre{padding:26px 24px 20px}.hero-console code em{color:#7928ca;font-style:normal}.hero-console code b{color:#0070f3;font-weight:400}.console-status{padding:14px 20px;border-top:1px solid var(--hairline);color:var(--mute);font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#00a878}.console-status span:not(.live-dot){margin:0 7px;color:#ccc}.logo-strip{padding:29px 24px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);text-align:center}.logo-strip>div{max-width:960px;margin:23px auto 0;display:flex;justify-content:space-between;gap:20px;color:#a1a1a1;font:600 13px Space Grotesk,sans-serif;letter-spacing:.08em}.marketing-section{max-width:1180px;margin:auto;padding:124px 24px}.section-intro{max-width:560px}.section-intro h2,.code-band h2{margin:14px 0 17px;font:600 38px/1.12 Space Grotesk,sans-serif;letter-spacing:-1px}.section-intro>p:last-child,.code-band>div:first-child>p:last-of-type{max-width:455px;margin:0;color:var(--body);font-size:16px;line-height:25px}.feature-grid{margin-top:66px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hairline);border-left:1px solid var(--hairline)}.feature-grid article{min-height:270px;padding:25px;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--white)}.feature-number{color:var(--mute);font:11px ui-monospace,monospace}.feature-grid h3{margin:66px 0 12px;font:600 20px Space Grotesk,sans-serif}.feature-grid p{margin:0 0 25px;color:var(--body);font-size:14px;line-height:21px}.feature-grid a{color:var(--link);text-decoration:none;font-size:13px}.code-band{padding:100px max(24px,calc((100vw - 1132px)/2));display:grid;grid-template-columns:.8fr 1fr;gap:100px;align-items:center;background:#f2f2f2}.code-band .marketing-button{margin-top:30px}.code-editor{min-width:0;border:1px solid #303030;border-radius:8px;overflow:hidden;background:#171717;color:#f5f5f5;box-shadow:0 16px 38px #00000029}.editor-header{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333;color:#999;font:11px ui-monospace,monospace}.code-editor pre{padding:26px 24px;white-space:pre-wrap}.code-muted{color:#777}.code-string{color:#50e3c2}.cta-band{padding:120px 24px;border-bottom:1px solid var(--hairline);text-align:center}.cta-band h2{margin:15px 0 30px;font:600 54px/1.02 Space Grotesk,sans-serif;letter-spacing:-1px}.marketing-footer{max-width:1180px;min-height:100px;margin:auto;padding:24px;display:flex;align-items:center;gap:30px;color:var(--mute);font-size:12px}.marketing-footer .wordmark{margin-right:auto}.console-shell{background:var(--canvas);color:var(--ink)}.sidebar{background:#fff;color:var(--body);border-right:1px solid var(--hairline);padding:25px 16px 22px}.brand-mark{padding:0 9px 43px;color:var(--ink)}.brand-mark>span{border-color:var(--ink);color:var(--ink);border-radius:6px}.brand-mark strong{color:var(--ink)}.brand-mark small{color:var(--mute)}.side-nav{gap:3px}.side-nav button{border-radius:6px;color:var(--body);font-weight:500}.side-nav button:hover,.side-nav button.active{color:var(--ink);background:#f2f2f2}.side-nav button.active{box-shadow:inset 2px 0 var(--ink)}.nav-icon{color:var(--ink)}.sidebar-foot{color:var(--mute)}.status-dot{background:#00a878}.topbar{min-height:80px;padding:18px clamp(22px,4vw,58px);background:#ffffffe6;border-color:var(--hairline)}.top-kicker,.section-kicker{color:var(--mute);font:500 11px/16px ui-monospace,monospace;letter-spacing:.08em}.topbar h1{font:600 23px Space Grotesk,sans-serif}.quick-link,.text-action{color:var(--link)}.balance-pill{border:1px solid var(--hairline);border-radius:6px;background:#fff;color:var(--body)}.balance-pill strong{color:var(--ink)}.account-chip>span{border-radius:6px;background:var(--ink)}.account-dropdown{border-radius:6px;box-shadow:0 10px 28px #0000001a}.page-content{padding-top:54px}.page-content h2,.page-content h3{font-family:Space Grotesk,sans-serif;letter-spacing:0}.page-content h2{font-size:30px}.metric-card,.activity-list,.log-table-wrap,.topup-card,.balance-card,.profile-card{border-color:var(--hairline);border-radius:8px;box-shadow:0 2px 8px #00000006}.metric-card{min-height:145px}.metric-icon,.topup-icon{border-radius:6px}.primary-action{border-radius:6px;background:var(--ink)}.primary-action:hover{background:#000}.section-heading{margin-top:54px}.activity-icon{border-radius:6px;color:var(--ink);background:#f2f2f2}.activity-row{border-color:var(--hairline)}.log-table-wrap th{background:#f7f7f7;color:var(--mute)}.log-table-wrap td{color:var(--body)}.admin-tabs button.active{color:var(--ink);border-color:var(--ink)}.admin-tabs{border-color:var(--hairline)}input,select{border-radius:6px;border-color:var(--hairline)}input:focus,select:focus{border-color:var(--ink)}@media(max-width:760px){.marketing-links{display:none}.marketing-nav{padding:0 16px}.hero-band{display:block;min-height:auto;padding:78px 20px 64px}.hero-mesh{right:-190px;top:145px;opacity:.5}.hero-copy h1{font-size:54px}.hero-lead{font-size:16px}.hero-console{width:100%;margin-top:70px;transform:none}.logo-strip>div{flex-wrap:wrap;justify-content:center;font-size:11px}.marketing-section{padding:82px 20px}.section-intro h2,.code-band h2{font-size:32px}.feature-grid{grid-template-columns:1fr;margin-top:42px}.feature-grid article{min-height:210px}.feature-grid h3{margin-top:40px}.code-band{padding:76px 20px;grid-template-columns:1fr;gap:48px}.cta-band{padding:82px 20px}.cta-band h2{font-size:44px}.marketing-footer{flex-wrap:wrap;gap:14px}.marketing-footer .wordmark{width:100%}.page-content{width:calc(100% - 32px)}}main.marketing-shell:not(.console-shell) .marketing-button{min-height:44px;padding:0 17px;border:0;border-radius:100px;background:var(--ink);color:var(--white);font-size:14px;font-weight:500}main.marketing-shell:not(.console-shell) .text-button{border:0;padding:8px 0;background:transparent;color:var(--body);font-size:14px}main.marketing-shell:not(.console-shell) .nav-button{min-height:32px;padding:0 12px;border:1px solid var(--hairline);border-radius:6px;background:var(--white);color:var(--ink);font-size:13px;font-weight:500}main.marketing-shell:not(.console-shell) .nav-button-dark{background:var(--ink);color:var(--white);border-color:var(--ink)}.key-create{max-width:520px;margin-bottom:22px}.key-create form{display:flex;align-items:end;gap:12px}.key-create form label{flex:1}.key-create form input{margin-top:7px}.key-secret{margin:16px 0 0;color:#176b58;font-size:12px}.key-secret code{word-break:break-all}.danger{color:#b35454;margin-left:10px}@media(max-width:640px){.key-create form{display:block}}
