@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14233a;--muted:#617087;--blue:#2563eb;--line:#e5eaf2;--pale:#f6f8fc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif;line-height:1.2;letter-spacing:-.045em}a{color:inherit;text-decoration:none}a:focus-visible,.button:focus-visible{outline:3px solid #94b8ff;outline-offset:3px}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:42px;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(255,255,255,.94);position:relative;z-index:4}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.055em;white-space:nowrap}.brand strong{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:linear-gradient(145deg,#2875f6,#184abf);color:#fff;font-size:20px;box-shadow:0 7px 15px #1e64e738}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{font-size:14px;color:#53627a;font-weight:700}.site-header nav a:hover,.site-header nav a.active{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:0 20px;border-radius:9px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-outline{border:1px solid #d6dfed;background:#fff;color:#1e385e}.button-outline:hover{border-color:#adc5ef;box-shadow:0 7px 18px #14233a0b}.button-primary{color:white;background:var(--blue);box-shadow:0 10px 22px #2563eb30}.button-primary:hover{background:#164fcc;box-shadow:0 14px 25px #2563eb3b}.button-text{color:#254775;padding-left:8px}.eyebrow{color:#2563eb;font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.hero{min-height:596px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;position:relative}.hero-copy{padding:62px 0}.hero h1{font-size:clamp(44px,4.5vw,67px);max-width:600px;margin:21px 0 22px;font-weight:800}.hero h1 em{font-style:normal;color:var(--blue)}.hero .lede{font-size:17px;color:var(--muted);max-width:525px;line-height:1.75}.actions{display:flex;gap:9px;align-items:center;margin-top:30px}.hero-footnote{font-size:12px;color:#8794a5;margin:25px 0 0}.status-dot{display:inline-block;width:7px;height:7px;background:#3bbda2;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #dcf8f1}.hero-art{height:460px;position:relative;display:grid;place-items:center;overflow:hidden}.art-glow{position:absolute;width:390px;height:390px;background:#dbeaff;border-radius:50%;filter:blur(24px);opacity:.7}.orbit{position:absolute;border:1px solid #d7e4fa;border-radius:50%}.orbit-one{width:430px;height:430px}.orbit-two{width:570px;height:570px}.art-card{position:absolute;border:1px solid #dce6f5;border-radius:16px;background:white;box-shadow:0 22px 60px #16438e18}.art-card-back{width:300px;height:164px;transform:translate(70px,-104px) rotate(9deg);padding:24px;color:#97a8c1;font-size:11px;font-weight:800;letter-spacing:.13em}.art-card-back i{display:block;width:75%;height:8px;background:#edf2f9;border-radius:10px;margin-top:20px}.art-card-back i:nth-child(3){width:55%}.art-card-back i:nth-child(4){width:67%}.art-card-front{width:min(430px,91%);padding:21px 23px 25px;transform:translate(-18px,38px) rotate(-3deg)}.art-card-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e8edf4;padding-bottom:17px;margin-bottom:17px;font-family:monospace;font-size:12px;font-weight:700;color:#34517a}.code-dot{width:9px;height:9px;background:#2c74f3;border-radius:50%}.ok-pill{margin-left:auto;background:#e6f8f0;color:#19a372;border-radius:5px;padding:3px 5px;font:700 10px 'DM Sans',sans-serif}.code-line{font:13px/2.1 monospace;color:#334969}.code-line b{font-weight:400;color:#aebbd0;margin-right:13px}.code-line span{color:#18886d}.trust-strip{border-block:1px solid var(--line);background:#fcfdff}.trust-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-inner span{color:#8692a5;font-size:12px}.trust-inner strong{font:800 15px Manrope,sans-serif;color:#697994}.section{padding:104px 0}.section-heading{text-align:center;max-width:650px;margin:0 auto 45px}.section-heading h2,.split h2{font-size:clamp(32px,3.5vw,45px);margin:13px 0 16px}.section-heading>p:last-child,.split>div>p:not(.eyebrow){font-size:16px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:17px;padding:29px;min-height:258px;box-shadow:0 15px 35px #162f5707;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #162f5714}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:22px;font-weight:800}.feature-icon.blue{color:#2869df;background:#e7efff}.feature-icon.violet{color:#6958d6;background:#f0edff}.feature-icon.green{color:#1e9a80;background:#e5f8f2}.feature-card h3{font-size:20px;margin:24px 0 11px}.feature-card p{font-size:14px;color:var(--muted);line-height:1.7;min-height:70px}.feature-card a{font-size:13px;color:var(--blue);font-weight:800}.section-tinted{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split>div>p:not(.eyebrow){max-width:430px;margin-bottom:25px}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #dfe6f1}.steps li:last-child{border:0}.steps li>span{color:#3475e8;font:800 14px Manrope,sans-serif}.steps h3{font-size:17px;margin-bottom:6px}.steps p{color:var(--muted);font-size:14px;margin:0}.plan-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px;border-radius:18px;background:#eaf2ff}.plan-callout h3{font-size:23px;margin-bottom:8px}.plan-callout p{color:#63758e;margin:0}footer{border-top:1px solid var(--line)}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;color:#738097}.footer-inner>a:last-child{color:#255dc7;font-weight:700}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:var(--pale)}.dashboard-page main{flex:1}.dashboard-main{padding-top:65px;padding-bottom:95px}.dashboard-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:30px}.dashboard-heading h1{font-size:42px;margin:10px 0}.dashboard-heading p:last-child{color:var(--muted)}.preview-badge,.coming-soon{display:inline-block;color:#5b6f8b;background:#e8edf5;border-radius:100px;font-size:11px;font-weight:800;padding:7px 11px}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.dashboard-stack{display:grid;gap:18px}.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:31px}.dashboard-panel h2{font-size:29px;margin:23px 0 12px}.dashboard-panel h3{font-size:19px;margin:8px 0 10px}.dashboard-panel p{color:var(--muted);font-size:14px;max-width:490px}.dashboard-welcome{min-height:408px;display:flex;flex-direction:column;align-items:start}.dashboard-welcome .button{margin-top:auto}.panel-label{font-size:10px!important;letter-spacing:.12em;font-weight:800;color:#2781d4!important;margin:0}.coming-soon{margin-top:8px}.dashboard-page footer{background:#fff}@media(max-width:850px){.site-header{gap:20px}.site-header nav{gap:15px}.hero{grid-template-columns:1fr 1fr;gap:0}.hero-art{height:390px}.trust-inner{flex-wrap:wrap;justify-content:center;padding-block:22px}.trust-inner span{width:100%;text-align:center}.split{gap:45px}}@media(max-width:680px){.container{width:min(100% - 36px,480px)}.site-header{height:auto;min-height:68px;padding:14px 18px;flex-wrap:wrap;justify-content:space-between}.site-header nav{order:3;width:100%;margin:0;overflow:auto;padding-bottom:3px;gap:22px}.site-header nav a{white-space:nowrap;font-size:12px}.header-action{min-height:37px;padding:0 11px;font-size:12px}.brand{font-size:15px}.brand-mark{width:30px;height:30px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:58px 0 18px}.hero h1{font-size:clamp(40px,11vw,56px)}.hero .lede{font-size:15px}.hero-art{height:295px;overflow:hidden}.art-glow{width:250px;height:250px}.art-card-front{transform:translate(-5px,18px) rotate(-3deg)}.art-card-back{transform:translate(75px,-85px) rotate(9deg)}.orbit-one{width:320px;height:320px}.orbit-two{width:450px;height:450px}.trust-inner{gap:10px 22px}.trust-inner strong{font-size:12px}.section{padding:70px 0}.feature-grid,.split,.dashboard-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-card p{min-height:0}.split{gap:22px}.plan-callout{display:block;padding:27px}.plan-callout .button{margin-top:20px}.footer-inner{padding:22px 0;min-height:0;flex-wrap:wrap}.footer-inner>span{order:3;width:100%}.dashboard-main{padding-top:40px}.dashboard-heading h1{font-size:34px}.dashboard-panel{padding:25px}.dashboard-welcome{min-height:350px}.actions{flex-wrap:wrap}.button-text{padding-left:0}}
[hidden]{display:none!important}.dashboard-message{min-height:1.5em;color:#1f7e66;font-size:14px}.dashboard-message.error{color:#cf3f45}.sign-in-panel{max-width:660px;margin:0 auto;padding:44px}.sign-in-panel h2{margin:24px 0 10px}.sign-in-panel .button{border:0;cursor:pointer;margin-top:13px}.account-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.account-toolbar strong{font:700 14px monospace;overflow-wrap:anywhere}.button{cursor:pointer}.button:disabled{opacity:.6;cursor:wait}.key-form{margin-top:26px}.key-form label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.key-form>div{display:flex;gap:10px}.key-form input{flex:1;min-width:0;border:1px solid #d6dfed;border-radius:9px;padding:0 13px;font:inherit}.key-form button{border:0}.new-key{margin:22px 0;padding:18px;border:1px solid #a9d9c6;border-radius:10px;background:#edfaf5}.new-key strong,.new-key code{display:block}.new-key code{overflow-wrap:anywhere;font-size:13px;margin:8px 0 13px}.key-list,.usage-list{list-style:none;margin:23px 0 0;padding:0}.key-list li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.key-list li span{overflow-wrap:anywhere}.key-list button{border:0;background:transparent;color:#bc3b46;cursor:pointer;font-weight:700}.usage-total{display:block;font:800 38px Manrope,sans-serif;margin:10px 0}.usage-list li{padding:8px 0;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}@media(max-width:680px){.account-toolbar{align-items:start;flex-direction:column}.key-form>div{flex-direction:column}.key-form input{min-height:46px}.key-list li{align-items:start}}
.local-notice{padding:13px 17px;border:1px solid #ebd59f;border-radius:10px;background:#fff8e8;color:#73551a;font-size:13px;margin-bottom:20px}
.auth-actions,.account-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.auth-actions .button,.account-links .button{border:1px solid #d6dfed}.auth-actions .button-primary{border-color:#2563eb}.auth-hint{margin:13px 0 0!important;font-size:12px!important}.account-links{margin-top:9px}.account-links .button{min-height:34px;font-size:12px;padding:0 12px}.payment-options{display:grid;gap:10px;margin:15px 0}.payment-options label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:13px;cursor:pointer}.payment-options input{accent-color:var(--blue)}
.payment-chain-label{display:block;font-size:12px;font-weight:800;margin:14px 0 6px}.dashboard-panel select{width:100%;min-height:42px;padding:0 11px;border:1px solid #d6dfed;border-radius:8px;background:#fff;color:var(--ink);font:inherit}.payment-warning{color:#926a1f!important;font-size:12px!important}
.email-auth{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.email-auth-tabs{display:flex;gap:8px;margin-bottom:18px}.email-auth-tabs button{border:1px solid #d6dfed;border-radius:8px;background:#fff;color:#52647e;padding:9px 19px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer}.email-auth-tabs button.active{background:#eaf1ff;border-color:#9fbdff;color:#2056be}.email-auth-form{display:grid;gap:8px}.email-auth-form label{font-size:13px;font-weight:800}.email-auth-form input{width:100%;min-height:44px;border:1px solid #d6dfed;border-radius:8px;padding:0 12px;font:inherit}.email-auth-form .button{width:max-content;border:0;margin-top:10px}.email-text-button{border:0;background:transparent;color:#2563eb;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:13px;padding:0}.email-auth a{color:#2563eb;text-decoration:underline}@media(max-width:680px){.sign-in-panel{padding:24px}.auth-actions .button{width:100%;margin-top:4px}.email-auth-form .button{width:100%}}
.password-details{display:grid;gap:8px}.password-meter{height:7px;border-radius:99px;background:#e7ebf1;overflow:hidden}.password-meter span{display:block;width:0;height:100%;border-radius:inherit;background:#dc424d;transition:width .2s ease,background .2s ease}.password-meter[data-score="1"] span{width:20%}.password-meter[data-score="2"] span{width:40%;background:#e87536}.password-meter[data-score="3"] span{width:60%;background:#d7a524}.password-meter[data-score="4"] span{width:80%;background:#84b849}.password-meter[data-score="5"] span{width:100%;background:#26a576}.password-details p,.password-hint{font-size:12px;color:var(--muted);margin:0 0 6px}.password-details label{margin-top:4px}
.password-input{position:relative;min-width:0}.email-auth-form .password-input input{padding-right:52px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:7px;background:transparent;color:#617087;cursor:pointer}.password-toggle:hover{background:#eef3fb;color:#2563eb}.password-toggle:focus-visible{outline:3px solid #94b8ff;outline-offset:1px}.password-toggle .eye-slash{display:block}.password-toggle.is-visible .eye-slash{display:none}
.starkey-connect{gap:10px}.starkey-logo{display:grid;place-items:center;width:29px;height:29px;flex:none}.starkey-logo img{display:block;width:100%;height:100%;object-fit:contain}
.email-auth{position:relative}.email-auth-divider{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:0 12px;background:#fff;color:var(--muted);font-size:12px;font-weight:800;line-height:20px;letter-spacing:.08em}
.new-key p{margin:5px 0 10px!important;color:#376955!important;font-size:12px!important}.key-actions{display:flex;align-items:center;gap:12px;flex:none}.key-actions .key-rotate{color:#2563eb}.key-actions button:disabled{opacity:.55;cursor:wait}@media(max-width:680px){.key-list li{flex-wrap:wrap}.key-actions{width:100%;justify-content:flex-end}}
.brand-image{display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;background:#050b18;border-radius:10px}.brand-image img{display:block;object-fit:contain}.brand-image-gateway{width:132px;height:66px;padding:5px}.brand-image-gateway img{width:100%;height:100%}.brand-image-api{width:94px;height:78px}.brand-image-api img{width:100%;height:100%}.dashboard-page .site-header{height:94px}.press-kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.press-kit-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 12px 30px #14233a0b}.press-kit-preview{height:220px;display:grid;place-items:center;overflow:hidden;padding:18px}.press-kit-preview img{display:block;width:100%;height:100%;object-fit:contain}.press-kit-dark{background:#050811}.press-kit-transparent{background-color:#202b40;background-image:linear-gradient(45deg,#28354b 25%,transparent 25%),linear-gradient(-45deg,#28354b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#28354b 75%),linear-gradient(-45deg,transparent 75%,#28354b 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.press-kit-details{padding:20px}.press-kit-details h3{font-size:18px;margin:0 0 8px}.press-kit-details p{font-size:13px;color:var(--muted);min-height:42px;margin-bottom:16px}.press-kit-details .button{min-height:40px;font-size:12px}@media(max-width:850px){.press-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.brand-image-gateway{width:118px;height:59px}.brand-image-api{width:80px;height:66px}.dashboard-page .site-header{height:auto}.press-kit-grid{grid-template-columns:1fr}.press-kit-preview{height:190px}.press-kit-details p{min-height:0}}
.press-kit-preview img{min-width:0;min-height:0}
.site-header{gap:18px}.site-header nav{gap:20px}.theme-toggle{flex:none;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);font:700 12px 'DM Sans',sans-serif;cursor:pointer}.theme-toggle:hover{border-color:var(--blue);color:var(--blue)}.theme-toggle:focus-visible{outline:3px solid #94b8ff;outline-offset:2px}.brand-image-gateway{background:transparent}
.brand-image-gateway .logo-for-dark{display:none}html[data-theme="dark"] .brand-image-gateway .logo-for-light{display:none}html[data-theme="dark"] .brand-image-gateway .logo-for-dark{display:block}
html[data-theme="dark"]{--ink:#e8effd;--muted:#aebbd0;--blue:#70a8ff;--line:#2b3850;--pale:#101827;--white:#0c1423;color-scheme:dark}html[data-theme="dark"] body{background:var(--white)}html[data-theme="dark"] .site-header{background:rgba(12,20,35,.96)}html[data-theme="dark"] .site-header nav a{color:#bac8dc}html[data-theme="dark"] .site-header nav a:hover,html[data-theme="dark"] .site-header nav a.active{color:#81b5ff}html[data-theme="dark"] .button-outline,html[data-theme="dark"] .theme-toggle{background:#162338;border-color:#34445d;color:#e8effd}html[data-theme="dark"] .button-text{color:#a8c8ff}html[data-theme="dark"] .trust-strip{background:#111b2d}html[data-theme="dark"] .feature-card,html[data-theme="dark"] .dashboard-panel,html[data-theme="dark"] .press-kit-card,html[data-theme="dark"] .art-card{background:#162236;border-color:#2b3850}html[data-theme="dark"] .art-card-top{border-color:#2b3850;color:#b5c9e5}html[data-theme="dark"] .code-line{color:#b9cbe6}html[data-theme="dark"] .plan-callout{background:#1a2c47}html[data-theme="dark"] .dashboard-page footer{background:#0c1423}html[data-theme="dark"] .coming-soon,html[data-theme="dark"] .preview-badge{background:#263650;color:#bed3f2}html[data-theme="dark"] .local-notice{background:#392e1c;border-color:#6a5330;color:#f4d79f}html[data-theme="dark"] .key-form input,html[data-theme="dark"] .email-auth-form input,html[data-theme="dark"] .dashboard-panel select{background:#0f1a2c;border-color:#34445d;color:#e8effd}html[data-theme="dark"] .payment-options label{border-color:#34445d}html[data-theme="dark"] .new-key{background:#12342c;border-color:#276a56}html[data-theme="dark"] .new-key p{color:#a8dcc9!important}html[data-theme="dark"] .email-auth-divider{background:#162236}html[data-theme="dark"] .email-auth-tabs button{background:#17243a;border-color:#34445d;color:#d0dcf0}html[data-theme="dark"] .email-auth-tabs button.active{background:#203e67;border-color:#5277a9;color:#fff}html[data-theme="dark"] .password-toggle:hover{background:#223550}html[data-theme="dark"] .press-kit-details .button{background:#1d2e49}html[data-theme="dark"] .brand-image-api{background:#050811}@media(max-width:680px){.site-header{gap:10px}.theme-toggle{min-height:34px;padding:0 9px;font-size:11px}.site-header nav{gap:18px}}
.site-header{background:#0c1423;border-bottom-color:#2b3850;color:#e8effd}.site-header nav a{color:#bac8dc}.site-header nav a:hover,.site-header nav a.active{color:#81b5ff}.site-header .theme-toggle,.site-header .header-action.button-outline{background:#162338;border-color:#34445d;color:#e8effd}.site-header .theme-toggle:hover,.site-header .header-action.button-outline:hover{border-color:#70a8ff;color:#fff}.site-header .brand-image-gateway .logo-for-light{display:none}.site-header .brand-image-gateway .logo-for-dark{display:block}
.brand-image-dashboard{width:312px;height:76px;gap:8px;background:transparent;border-radius:0}.brand-image-dashboard .dashboard-brand-symbol{width:108px;height:60px;flex:none}.brand-image-dashboard .dashboard-brand-text{width:196px;height:70px;flex:none}@media(max-width:680px){.dashboard-page .site-header .brand-image-dashboard{width:100%;height:58px;justify-content:flex-start}.brand-image-dashboard .dashboard-brand-symbol{width:88px;height:48px}.brand-image-dashboard .dashboard-brand-text{width:154px;height:56px}}
.home-page .site-header{height:94px}.brand-image-home{width:312px;height:76px;gap:8px;background:transparent;border-radius:0}.brand-image-home .home-brand-symbol{width:108px;height:60px;flex:none}.brand-image-home .home-brand-text{width:196px;height:70px;flex:none}@media(max-width:680px){.home-page .site-header{height:auto}.home-page .site-header .brand-image-home{width:100%;height:58px;justify-content:flex-start}.brand-image-home .home-brand-symbol{width:88px;height:48px}.brand-image-home .home-brand-text{width:154px;height:56px}}
footer,.dashboard-page footer,html[data-theme="dark"] .dashboard-page footer{background:#0c1423;border-top-color:#2b3850}footer .footer-inner{color:#aebbd0}footer .footer-inner>a:last-child{color:#a8c8ff}footer .footer-inner>a:last-child:hover{color:#fff}footer .brand-image-gateway .logo-for-light{display:none}footer .brand-image-gateway .logo-for-dark{display:block}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{border:1px solid var(--line);border-radius:17px;padding:27px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:var(--white)}.plan-card h3{font-size:22px;margin:0}.plan-card p{font-size:14px;color:var(--muted);margin:0}.plan-card .plan-price{font:800 34px Manrope,sans-serif;color:var(--ink)}.plan-price span{font:600 13px 'DM Sans',sans-serif;color:var(--muted)}.plan-card .button{margin-top:auto}.billing-invoice{margin:20px 0;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--pale);overflow-wrap:anywhere}.billing-invoice strong{display:block;margin-bottom:8px}.billing-invoice p{margin-bottom:10px}.billing-invoice .button{margin-top:5px}#billing-message{min-height:1.4em;margin-top:14px}.billing-panel #billing-history{margin-top:12px}html[data-theme="dark"] .plan-card{background:#162236;border-color:#2b3850}@media(max-width:850px){.plan-grid{grid-template-columns:1fr}.plan-card{min-height:230px}}
.plan-summary{min-height:165px}.plan-badge{display:inline-flex;align-items:center;margin:16px 0 9px;padding:8px 15px;border-radius:10px;background:#e5f0ff;color:#1957b4;font:800 22px Manrope,sans-serif;letter-spacing:.08em}.plan-summary p:last-child{margin:0}.billing-invoice input{display:block;width:100%;min-width:0;margin:7px 0 11px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink)}#real-payment-controls{margin-top:14px}#real-payment-controls .button{max-width:100%;white-space:normal}html[data-theme="dark"] .plan-badge{background:#153356;color:#82b9ff}
.quota-note{padding:12px 14px;border-left:3px solid var(--blue);border-radius:7px;background:var(--pale);font-size:13px!important;line-height:1.55}.quota-note strong{color:var(--ink)}.plan-summary .quota-note{max-width:none}
.wallet-switch-link{display:inline-block;border:0;background:none;color:var(--blue);font:700 13px 'DM Sans',sans-serif;padding:0;text-decoration:underline;cursor:pointer}.wallet-switch-link:hover{color:var(--ink)}

/* Payment asset and wallet choices */
.payment-assets,.wallet-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-asset,.wallet-option{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);padding:13px;cursor:pointer;font:inherit}.payment-asset:hover,.wallet-option:hover{border-color:var(--blue)}.payment-asset.selected,.wallet-option.selected{border:2px solid var(--blue);padding:12px;background:var(--pale)}.payment-asset img,.wallet-option img{width:42px;height:42px;object-fit:contain;flex:none}.payment-asset span{display:flex;flex-direction:column;line-height:1.3;min-width:0}.payment-asset strong{font-size:15px}.payment-asset small{font-size:12px;color:var(--muted)}.wallet-picker{margin-top:10px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--pale);box-shadow:0 12px 30px #0002}.wallet-picker[hidden]{display:none}.wallet-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wallet-picker-heading button{border:0;background:transparent;color:var(--muted);font-size:25px;line-height:1;cursor:pointer}.wallet-option{justify-content:center;font-weight:700}.payment-asset:focus-visible,.wallet-option:focus-visible,.wallet-picker-heading button:focus-visible{outline:3px solid #94b8ff;outline-offset:3px}@media(max-width:540px){.payment-assets,.wallet-picker-options{grid-template-columns:1fr}.payment-asset{padding:10px 12px}.payment-asset.selected{padding:9px 11px}}
.payment-asset .payment-wallet-mark{width:23px;height:23px;margin-top:6px;object-fit:contain;align-self:flex-start}.payment-asset:has(.payment-wallet-mark) span{align-items:flex-start}
.plan-toggle{display:inline-flex;align-items:center;gap:7px;margin-top:2px;padding:7px 0;border:0;background:transparent;color:var(--blue);font:800 14px 'DM Sans',Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.plan-toggle:focus-visible{outline:3px solid #94b8ff;outline-offset:3px}.plan-summary .billing-panel{margin-top:18px;padding-top:22px;border-top:1px solid var(--line);min-width:0}.plan-summary .billing-panel[hidden]{display:none}.plan-summary .billing-panel p{max-width:none}
.plan-toggle[hidden]{display:none}
.usage-insights{margin-top:18px}.usage-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.usage-panel-heading h2{margin:6px 0!important}.usage-panel-heading label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px;font-weight:700;min-width:165px}.usage-panel-heading select{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);font:inherit}.usage-metrics{display:flex;align-items:baseline;gap:12px;margin:15px 0 6px}.usage-metrics strong{font:800 clamp(27px,4vw,42px) Manrope,sans-serif;color:var(--ink)}.usage-metrics span,.usage-data-note{font-size:13px;color:var(--muted)}.usage-chart{display:block;width:100%;height:auto;margin:18px 0 12px;overflow:visible}.usage-grid-line{stroke:var(--line);stroke-width:1}.usage-axis-label{fill:var(--muted);font:11px 'DM Sans',Arial,sans-serif}.usage-chart-fill{fill:var(--blue);opacity:.12}.usage-chart-line{fill:none;stroke:var(--blue);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.usage-route-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:0}.usage-route-list li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);overflow-wrap:anywhere}.usage-route-list strong{color:var(--ink);white-space:nowrap}@media(max-width:600px){.usage-panel-heading{flex-direction:column}.usage-panel-heading label{width:100%}.usage-metrics{align-items:flex-start;flex-direction:column;gap:0}.usage-chart{min-height:210px}}
.admin-main{padding-top:44px;padding-bottom:70px}.admin-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.admin-heading h1{font-size:clamp(32px,5vw,48px);margin:4px 0 8px}.admin-heading p{color:var(--muted)}.admin-error{min-height:1.5em;color:#cf3943}.admin-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.admin-filters label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.admin-filters input,.admin-filters select{width:100%;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);padding:0 11px;font:inherit}.admin-personal{margin-top:18px}.admin-personal h2{margin:6px 0 12px!important}.admin-personal strong{font:800 34px Manrope,sans-serif}.admin-page .usage-insights{margin-top:0}@media(max-width:680px){.admin-heading{flex-direction:column}.admin-filters{grid-template-columns:1fr}}
.dashboard-grid{align-items:start}.dashboard-stack{align-content:start}.usage-chart-scroll{overflow-x:auto;max-width:100%}@media(max-width:600px){.usage-chart-scroll .usage-chart{width:620px;min-width:620px;min-height:0}}
.usage-forecast{display:grid;gap:2px;width:fit-content;max-width:100%;margin:16px 0;padding:13px 17px;border:1px solid var(--line);border-radius:12px;background:var(--pale)}.usage-forecast span,.throughput-metrics span{font-size:12px;font-weight:700;color:var(--muted)}.usage-forecast strong{font:800 27px Manrope,sans-serif;color:var(--ink)}.usage-forecast small{font-size:11px;color:var(--muted)}.usage-forecast[hidden]{display:none}.throughput-panel{margin-top:18px}.throughput-metrics{display:flex;flex-wrap:wrap;gap:28px;margin:18px 0 10px}.throughput-metrics div{display:grid;gap:1px}.throughput-metrics strong{font:800 27px Manrope,sans-serif;color:var(--ink)}
.usage-chart-forecast{stroke:#eb2aa9;stroke-width:3;stroke-dasharray:7 7;stroke-linecap:round}.usage-forecast-label{fill:#d22294;font:700 11px 'DM Sans',Arial,sans-serif}.usage-chart-legend{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:700}.usage-chart-legend span{display:inline-flex;align-items:center;gap:7px}.usage-chart-legend i{display:inline-block;width:24px;border-top:3px solid var(--blue)}.usage-chart-legend .usage-legend-forecast{border-top-color:#eb2aa9;border-top-style:dashed}
.usage-chart-legend[hidden]{display:none}
.portal-sidebar{position:fixed;z-index:15;left:0;top:78px;bottom:0;width:230px;background:#0b1424;color:#dce8fa;border-right:1px solid #263754;display:flex;flex-direction:column;overflow:auto;padding:22px 14px}.portal-sidebar[hidden],.portal-side-overlay[hidden],#portal-side-toggle[hidden],.portal-sidebar [hidden]{display:none!important}.portal-side-head{display:grid;gap:2px;padding:4px 12px 22px;border-bottom:1px solid #263754}.portal-side-head strong{font:800 17px Manrope,sans-serif;color:#fff}.portal-side-head small{font-size:12px;color:#9fb1cb}.portal-sidebar nav{display:grid;gap:5px;padding:20px 0}.portal-sidebar nav a,.portal-sidebar nav button{display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#c8d5e7;text-align:left;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer}.portal-sidebar nav a:hover,.portal-sidebar nav a:focus-visible,.portal-sidebar nav button:hover,.portal-sidebar nav button:focus-visible{background:#18283f;color:#fff;outline:none}.portal-side-footer{display:grid;gap:12px;margin-top:auto;padding:18px 12px 4px;border-top:1px solid #263754;color:#aabbd2;font-size:12px;overflow-wrap:anywhere}.portal-side-footer a{color:#99bfff}.portal-side-overlay{display:none}.with-portal-sidebar main.dashboard-main,.with-portal-sidebar main.admin-main{margin-left:230px;margin-right:0;width:calc(100% - 230px);max-width:none;padding-left:max(24px,calc((100% - 1160px)/2));padding-right:max(24px,calc((100% - 1160px)/2))}.with-portal-sidebar footer{margin-left:230px}#portal-side-toggle{display:none;border:1px solid #33445d;border-radius:8px;background:transparent;color:#fff;width:39px;height:36px;font-size:20px;cursor:pointer}.error-log-panel{margin-top:18px}.error-table-scroll{max-width:100%;overflow:auto}.error-table{width:100%;min-width:820px;border-collapse:collapse;text-align:left;font-size:12px}.error-table th,.error-table td{padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.error-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.error-table td:nth-child(3),.error-table td:nth-child(5){white-space:normal;overflow-wrap:anywhere;min-width:130px}.error-status{font-weight:800}.error-client{color:#b76718}.error-server{color:#c83949}.error-log-panel .button{margin-top:14px}.account-settings{margin-top:18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-details{display:grid;grid-template-columns:90px 1fr;gap:9px 12px;font-size:13px;overflow-wrap:anywhere}.settings-details dt{color:var(--muted)}.settings-details dd{margin:0;font-weight:700}.settings-password-form{display:grid;gap:10px;max-width:520px}.settings-password-form label{display:grid;gap:5px;font-weight:700;font-size:13px}.settings-password-form input{min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit}.settings-password-form .button{justify-self:start}.account-settings #settings-password-section{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:900px){.portal-sidebar{top:0;width:min(280px,85vw);z-index:31;transform:translateX(-102%);transition:transform .2s}.portal-side-open .portal-sidebar{transform:translateX(0)}.portal-side-overlay:not([hidden]){display:block;position:fixed;inset:0;z-index:30;background:#02050a99;border:0;width:100%;height:100%}#portal-side-toggle:not([hidden]){display:inline-grid;place-items:center}.with-portal-sidebar main.dashboard-main,.with-portal-sidebar main.admin-main{margin-left:auto;margin-right:auto;width:min(1160px,calc(100% - 48px));max-width:1160px;padding-left:0;padding-right:0}.with-portal-sidebar footer{margin-left:0}}@media(max-width:600px){.settings-grid{grid-template-columns:1fr}.settings-details{grid-template-columns:75px 1fr}}

/* Portal navigation uses the same fixed header height on every viewport. */
.dashboard-page{--portal-header-height:94px;padding-top:var(--portal-header-height)}
.dashboard-page .site-header{position:fixed;inset:0 0 auto;height:var(--portal-header-height);z-index:40;padding-left:24px;padding-right:24px}
.dashboard-page .portal-sidebar{top:var(--portal-header-height);z-index:39}
.dashboard-page .site-header #theme-toggle{display:none!important}
.dashboard-page .portal-sidebar nav a[aria-current="page"]{background:#203a5e;color:#fff;box-shadow:inset 3px 0 #66a7ff}
.dashboard-page #sidebar-theme{width:100%;min-height:40px;padding:8px 12px;border:1px solid #344a68;border-radius:9px;background:#15243a;color:#e6efff;text-align:left;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer}
.dashboard-page #sidebar-theme:hover,.dashboard-page #sidebar-theme:focus-visible{background:#233b5c;outline:2px solid #77adff}
.dashboard-page #portal-side-toggle{color:#fff}
.dashboard-page[data-portal-view="keys"] .dashboard-grid,.dashboard-page[data-portal-view="plans"] .dashboard-grid{grid-template-columns:minmax(0,1fr)}
.dashboard-page[data-portal-view="keys"] #plan-card,.dashboard-page[data-portal-view="plans"] #keys-card,
.dashboard-page[data-portal-view="keys"] .dashboard-grid>.dashboard-stack:nth-child(2),
.dashboard-page[data-portal-view="plans"] .dashboard-grid>.dashboard-stack:nth-child(2){display:none}
.dashboard-page[data-portal-view="keys"] #personal-insights,.dashboard-page[data-portal-view="keys"] #personal-error-logs,.dashboard-page[data-portal-view="keys"] #account-settings,
.dashboard-page[data-portal-view="plans"] #personal-insights,.dashboard-page[data-portal-view="plans"] #personal-error-logs,.dashboard-page[data-portal-view="plans"] #account-settings,
.dashboard-page[data-portal-view="usage"] .dashboard-grid,.dashboard-page[data-portal-view="usage"] #personal-error-logs,.dashboard-page[data-portal-view="usage"] #account-settings,
.dashboard-page[data-portal-view="logs"] .dashboard-grid,.dashboard-page[data-portal-view="logs"] #personal-insights,.dashboard-page[data-portal-view="logs"] #account-settings,
.dashboard-page[data-portal-view="settings"] .dashboard-grid,.dashboard-page[data-portal-view="settings"] #personal-insights,.dashboard-page[data-portal-view="settings"] #personal-error-logs{display:none}
.admin-page[data-portal-view="usage"] #admin-error-logs,.admin-page[data-portal-view="logs"] #admin-usage,.admin-page[data-portal-view="logs"] .admin-personal{display:none}
.dashboard-page[data-portal-view="usage"] #personal-insights,.dashboard-page[data-portal-view="logs"] #personal-error-logs,.dashboard-page[data-portal-view="settings"] #account-settings{margin-top:0}
.dashboard-page[data-portal-view="keys"] #personal-throughput,.dashboard-page[data-portal-view="plans"] #personal-throughput,.dashboard-page[data-portal-view="logs"] #personal-throughput,.dashboard-page[data-portal-view="settings"] #personal-throughput{display:none}
@media(max-width:900px){
  .dashboard-page .portal-sidebar{top:var(--portal-header-height);bottom:0;width:min(300px,88vw);z-index:39}
  .dashboard-page .portal-side-overlay:not([hidden]){inset:var(--portal-header-height) 0 0;z-index:38}
  .dashboard-page .site-header nav{margin-left:auto}
  .dashboard-page .site-header nav a{display:none}
  .dashboard-page .site-header .header-action{display:none}
  .dashboard-page #portal-side-toggle:not([hidden]){display:inline-grid}
}
@media(max-width:680px){
  .dashboard-page{--portal-header-height:70px}
  .dashboard-page .site-header{height:var(--portal-header-height);gap:8px;padding:0 16px}
  .dashboard-page .site-header{flex-wrap:nowrap;justify-content:space-between}
  .dashboard-page .site-header nav{order:0;width:auto;margin:0 0 0 auto;padding:0;overflow:visible;flex:none}
  .dashboard-page .site-header .brand-image-dashboard{width:auto;max-width:calc(100vw - 78px);height:60px;gap:2px}
  .dashboard-page .brand-image-dashboard .dashboard-brand-symbol{width:78px;height:52px}
  .dashboard-page .brand-image-dashboard .dashboard-brand-text{width:138px;height:52px}
  .dashboard-page #portal-side-toggle{flex:none}
  .dashboard-page .dashboard-main,.dashboard-page .admin-main{padding-top:24px}
  .dashboard-page .account-toolbar .account-links{display:flex;flex-wrap:wrap;gap:8px}
  .dashboard-page .usage-panel-heading{flex-wrap:wrap;gap:12px}
}
@media(max-width:390px){.dashboard-page .brand-image-dashboard .dashboard-brand-text{width:105px}}
.press-kit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.press-kit-preview{height:96px;padding:12px}.press-kit-preview img{max-width:68%;max-height:68%}.press-kit-details{padding:14px 16px}.press-kit-details h3{font-size:15px;margin-bottom:5px}.press-kit-details p{font-size:12px;min-height:0;margin:0}@media(max-width:850px){.press-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.press-kit-grid{gap:10px}.press-kit-preview{height:76px;padding:7px}.press-kit-details{padding:11px}.press-kit-details h3{font-size:13px}.press-kit-details p{font-size:11px}}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ecosystem-card{display:flex;flex-direction:column;align-items:flex-start;min-height:255px;padding:28px;border:1px solid var(--line);border-radius:17px;background:var(--white)}.ecosystem-type{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.ecosystem-card h3{font-size:22px;margin:18px 0 10px}.ecosystem-card p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:22px}.ecosystem-card a{margin-top:auto;font-size:13px;font-weight:800;color:var(--blue)}.ecosystem-card a:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:850px){.ecosystem-grid{grid-template-columns:1fr}.ecosystem-card{min-height:0}}
.robbie-card{position:relative;overflow:hidden;isolation:isolate}.robbie-card::before{content:"";position:absolute;inset:0;background:url("./robbie-flame-transparent.png") no-repeat right bottom / auto 100%;opacity:.34;mask-image:linear-gradient(90deg,transparent 8%,#000 62%);pointer-events:none;z-index:0}.robbie-card>*{position:relative;z-index:1}html[data-theme="dark"] .robbie-card::before{opacity:.4}