:root {
  --ink: #f6f7fa;
  --muted: #a0a3ad;
  --line: #292b33;
  --paper: #08090c;
  --soft: #111318;
  --dark: #f5f5f7;
  --green: #64dfad;
}
body { background: var(--paper); color: var(--ink); }
p, .muted { color: var(--muted); }
input, select { color: var(--ink); background: #14161b; }
input:focus, select:focus, button:focus-visible, a:focus-visible { outline-color: #9babff; }
.shell { width: min(1240px, calc(100% - 56px)); }
.kicker, .panel-label, .plan-list-title, .stat-label { color: #9295a0; font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.heading-muted { color: #777d8a; }
.gradient-heading { background: linear-gradient(100deg, #fff 10%, #a6b7ff 55%, #748df1 100%); color: transparent; -webkit-background-clip: text; background-clip: text; }
.status-dot { background: #64dfad; box-shadow: 0 0 0 4px rgba(100,223,173,.11); }
.site-header { height: 72px; position: sticky; top: 0; z-index: 20; border-color: rgba(255,255,255,.09); background: rgba(8,9,12,.89); backdrop-filter: blur(18px); }
.nav-row { gap: 58px; }
.brand { gap: 8px; color: #f7f8fb; font-weight: 720; }
.brand-logo { width: 38px; height: 38px; }
.main-nav { color: #a4a6af; font-size: 13px; }
.main-nav a { transition: color .2s; }
.main-nav a:hover, .footer-row a:hover { color: #fff; }
.nav-action { display: flex; align-items: center; gap: 25px; }
.nav-action .nav-chat { color: #dce4ff; font-size: 13px; font-weight: 750; position: relative; white-space: nowrap; }
.nav-action .nav-chat:after { content: ""; position: absolute; left: 0; right: 0; bottom: -7px; height: 2px; background: #8297ff; }
.nav-action .nav-chat:hover, .nav-action .nav-chat.active { color: #fff; }
.button { border-radius: 7px; padding: 12px 19px; }
.button-white, .button-dark { background: #f7f8fa; border-color: #f7f8fa; color: #0a0a0e; }
.button-white:hover, .button-dark:hover { background: #dfe3ef; border-color: #dfe3ef; }
.button-quiet, .button-outline-light { background: #17191f; border-color: #343741; color: #f0f1f6; }
.button-quiet:hover, .button-outline-light:hover { background: #252834; border-color: #5a5f6b; }
.button:disabled { opacity: .7; background: #9a9da6; border-color: #9a9da6; color: #111217; }
.site-footer { border-color: var(--line); background: #0b0c10; color: #777d8a; }
.footer-brand { color: #fff; letter-spacing: -.02em; }
.footer-note { margin-top: 15px; color: #656b78; font-size: 10px; }

/* Home */
.hero { background: #090a0e; border-bottom: 1px solid var(--line); }
.grid-backdrop { background-image: linear-gradient(rgba(134,143,172,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(134,143,172,.07) 1px, transparent 1px); background-size: 64px 64px; }
.hero:before { background: linear-gradient(90deg, rgba(8,9,12,.78), transparent 80%); }
.hero-glow { position: absolute; width: 850px; height: 680px; left: 45%; top: -210px; background: radial-gradient(ellipse, rgba(64,82,184,.24), transparent 68%); pointer-events: none; }
.hero-layout { grid-template-columns: minmax(0,1.08fr) minmax(440px,.92fr); gap: 62px; min-height: 650px; padding-block: 115px 105px; }
.hero-badge { display: inline-flex; align-items: center; gap: 12px; border: 1px solid #343642; background: rgba(20,22,29,.82); padding: 9px 12px; border-radius: 100px; color: #b8bdc9; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.badge-arrow { padding-left: 5px; color: #f7f7fc; font-size: 13px; }
.hero h1 { font-size: clamp(58px, 6.4vw, 102px); margin: 31px 0 25px; line-height: .98; letter-spacing: -.078em; font-weight: 650; }
.hero-lead { max-width: 520px; font-size: 17px; line-height: 1.7; color: #aeb3c0; }
.hero-actions { margin-top: 34px; gap: 10px; }
.hero-actions .button { min-width: 150px; }
.hero-proof { display: flex; align-items: center; gap: 12px; margin-top: 44px; color: #767b8a; font-size: 9px; font-weight: 700; letter-spacing: .11em; flex-wrap: wrap; }
.proof-line { width: 28px; height: 1px; background: #5a6dc8; }
.hero-visual { min-width: 0; border: 1px solid #343846; border-radius: 17px; background: linear-gradient(135deg, rgba(28,31,45,.98), rgba(12,13,19,.98)); box-shadow: 0 30px 85px rgba(0,0,0,.38), 0 0 60px rgba(67,88,187,.12); overflow: hidden; transform: perspective(1000px) rotateY(-3deg); }
.visual-caption, .visual-foot { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 0 18px; border-bottom: 1px solid #303340; color: #bfc4d1; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.visual-pulse { width: 8px; height: 8px; border-radius: 50%; background: #7e91fa; }
.visual-caption-right { margin-left: auto; color: #717789; }
.route-map { padding: 38px 40px 36px; background: radial-gradient(ellipse at 48% 50%, rgba(76,94,205,.14), transparent 62%); }
.route-input, .route-core, .route-targets>div { display: flex; align-items: center; border: 1px solid #414557; background: #171a24; border-radius: 8px; }
.route-input { width: 72%; margin: 0 auto; padding: 13px 15px; color: #ecedf5; font-weight: 700; font-size: 11px; letter-spacing: .04em; gap: 11px; }
.route-input-icon { color: #99a8ff; font-family: ui-monospace, monospace; font-size: 14px; }
.route-input-status { margin-left: auto; color: #757c8f; font-size: 9px; }
.route-trunk { height: 45px; display: flex; justify-content: center; }
.route-trunk span:nth-child(2) { width: 1px; height: 100%; background: linear-gradient(#576bdb, #a8b4ff); box-shadow: 0 0 12px #7d91f3; }
.route-core { min-height: 83px; padding: 13px 19px; border-color: #6979cf; background: linear-gradient(115deg, #22294c, #161b2c); box-shadow: 0 0 35px rgba(95,112,220,.25); }
.route-core img { width: 52px; height: 52px; object-fit: contain; margin-right: 9px; }
.route-core strong { display: block; font-size: 19px; letter-spacing: -.04em; }
.route-core small { display: block; color: #a3add2; font-size: 9px; letter-spacing: .12em; }
.route-core-state { margin-left: auto; font-size: 9px; letter-spacing: .08em; color: #83e2b9; }
.route-branches { height: 46px; position: relative; display: flex; justify-content: space-around; margin: 0 8%; }
.route-branches:before { content: ""; position: absolute; top: 23px; left: 15%; right: 15%; border-top: 1px solid #5765a6; }
.route-branches span { z-index: 1; width: 1px; height: 23px; margin-top: 23px; background: #5765a6; }
.route-targets { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.route-targets>div { justify-content: flex-start; gap: 6px; min-height: 47px; padding: 0 9px; font-weight: 700; font-size: 11px; white-space: nowrap; }
.route-targets>div>span:last-child { color: #81869a; margin-left: auto; }
.route-brand-icon { display: block; flex: none; width: 17px; height: 17px; filter: invert(1); }
.route-target-icon { font-size: 18px; }
.gpt-icon { color: #9fdaca; }.gemini-icon { color: #a3b5ff; }.claude-icon { color: #eab494; }
.visual-foot { border-top: 1px solid #303340; border-bottom: 0; justify-content: space-between; color: #737a8f; font-family: ui-monospace, monospace; letter-spacing: 0; }
.visual-ready { display: flex; align-items: center; gap: 8px; color: #aeb4c2; letter-spacing: .08em; }
.visual-ready .status-dot { width: 5px; height: 5px; }
.hero-stats { position: relative; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #30323c; }
.hero-stat { padding: 31px 34px 34px; border-right: 1px solid #30323c; }
.hero-stat:first-child { padding-left: 0; }.hero-stat:last-child { border-right: 0; }
.hero-stat strong { display: block; margin-top: 10px; font-size: clamp(31px,3vw,44px); font-weight: 650; letter-spacing: -.06em; line-height: 1.1; }
.stat-caption { display: block; margin-top: 7px; color: #8e93a1; font-size: 12px; }
.section { padding-block: 116px; }
.section-heading { margin-bottom: 43px; }
.section-heading h2, .feature-layout h2 { font-size: clamp(36px,4.3vw,58px); font-weight: 630; line-height: 1.08; margin-top: 16px; }
.section-heading p { color: #979ba8; max-width: 310px; line-height: 1.7; }
.provider-grid { grid-template-columns: repeat(4,1fr); border: 0; border-radius: 0; gap: 12px; overflow: visible; }
.provider-card { display: flex; flex-direction: column; justify-content: space-between; padding: 24px; min-height: 380px; border: 1px solid #30333d; border-radius: 10px; background: #121419; overflow: hidden; position: relative; }
.provider-card:last-child { border-right: 1px solid #30333d; border-bottom: 1px solid #30333d; }
.provider-card:after { content: ""; position: absolute; width: 260px; height: 260px; right: -110px; top: -115px; border-radius: 50%; background: radial-gradient(circle, var(--card-glow), transparent 68%); opacity: .78; pointer-events: none; }
.provider-card:hover { background: #181b22; border-color: #4b5162; transform: none; }
.provider-gpt { --card-glow: rgba(70,164,139,.17); }.provider-gemini { --card-glow: rgba(94,111,239,.26); }.provider-claude { --card-glow: rgba(189,112,79,.19); }.provider-more { --card-glow: rgba(139,117,225,.2); }
.provider-top, .provider-card-bottom { position: relative; z-index: 1; }
.provider-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.provider-logo { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 29px; font-weight: 650; letter-spacing: -.06em; line-height: 1; }
.brand-icon { display: block; flex: none; width: 28px; height: 28px; filter: invert(1); }
.gpt-logo { letter-spacing: -.08em; }.gpt-emblem { font-size: 30px; color: #b0e5d6; }.gemini-emblem { font-size: 33px; color: #a9bcff; }.claude-emblem { font-size: 32px; color: #edae90; }.claude-logo { font-family: Georgia, serif; font-weight: 600; }.more-logo { color: #c4b6fa; font-size: 23px; letter-spacing: .02em; }
.provider-number { color: #5f6471; font: 10px ui-monospace, monospace; white-space: nowrap; }
.provider-company { color: #8d92a1; font-size: 10px; font-weight: 750; letter-spacing: .18em; }
.anthropic-wordmark { color: #e2a68a; letter-spacing: .21em; }
.anthropic-icon { display: inline-block; width: 15px; height: 15px; margin-right: 8px; vertical-align: -3px; filter: invert(1); }
.provider-card h3 { margin: 13px 0 14px; font-size: clamp(23px,2.3vw,31px); font-weight: 620; line-height: 1.13; }
.provider-card p { margin: 0; min-height: 0; max-width: none; color: #959aa7; font-size: 12px; line-height: 1.65; }
.showcase-action { display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid #30333d; border-top: 0; margin-top: 13px; padding: 18px 24px; color: #9ea3af; border-radius: 8px; font-size: 13px; }
.section-lined { background: #0d0f13; border-color: #262830; }
.feature-layout { grid-template-columns: .95fr 1.05fr; gap: 115px; }
.feature-lead { max-width: 390px; margin: 25px 0 33px; line-height: 1.75; }
.feature-command { display: inline-flex; align-items: center; gap: 18px; border: 1px solid #353840; background: #15171c; border-radius: 7px; padding: 11px 14px; }
.feature-command span { color: #727888; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.feature-command code { color: #c9d1ee; font-size: 11px; }
.feature-list>div { border-color: #30323a; padding-block: 25px; }
.feature-list h3 { color: #f6f7f9; font-size: 20px; }
.feature-list p { color: #979ca9; }
.feature-index { color: #727bd2; min-width: 37px; }
.code-section .hero-code { width: 100%; box-shadow: none; border-radius: 10px; background: #111318; border-color: #30343e; }
.code-section .hero-code pre { font-size: 13px; padding: 28px 31px 34px; color: #d0d4df; }
.code-top, .code-bottom { border-color: #2c3039; }
.code-dot { display: inline-block; background: #768bf7; width: 7px; height: 7px; border-radius: 50%; margin-right: 8px; }
.code-controls { display: flex; align-items: center; gap: 16px; }
.code-run { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid #5968a0; border-radius: 6px; background: #202944; color: #e4e9ff; font-size: 11px; font-weight: 700; }
.code-run:hover { border-color: #9aacfa; background: #29365a; }
.code-run-icon { font-size: 9px; }
.code-run:disabled { cursor: progress; opacity: .8; }
.code-output { border-top: 1px solid #2c3039; padding: 18px 30px 22px; background: #0d1017; }
.code-output-label { color: #828ba6; font: 700 10px ui-monospace, monospace; letter-spacing: .14em; }
.code-output p { margin: 8px 0 0; color: #d7e4ff; font: 12px ui-monospace, monospace; }
.code-output p.is-streaming { min-height: 1.3em; }
.code-output p.is-streaming:after { content: ""; display: inline-block; width: 6px; height: 12px; margin-left: 3px; vertical-align: -2px; background: #9caeff; animation: output-cursor .7s steps(1) infinite; }
@keyframes output-cursor { 50% { opacity: 0; } }
.syntax-purple { color: #bfaeff; }.syntax-green { color: #9dddbf; }
.final-cta { position: relative; overflow: hidden; border: 1px solid #343a55; border-radius: 15px; background: linear-gradient(115deg, #181c2c, #0f111a 65%); margin-bottom: 110px; padding-block: 100px; }
.final-cta h2 { position: relative; font-size: clamp(46px,5.2vw,72px); margin: 18px 0 0; }
.final-cta p { position: relative; color: #aeb3c3; }
.final-cta .kicker { position: relative; }.cta-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 115%, rgba(77,96,215,.25), transparent 55%); }
.final-actions { position: relative; display: flex; gap: 10px; justify-content: center; }

/* Plans and model catalogue */
.page-main { min-height: 74vh; padding-block: 96px 110px; }
.page-intro { max-width: 720px; margin-bottom: 54px; }
.page-intro h1 { font-size: clamp(50px,5.4vw,76px); line-height: 1.04; font-weight: 630; }
.page-intro p { color: #9ea3af; }
.pricing-grid { max-width: 1020px; gap: 14px; }
.pricing-card { min-height: 480px; border-color: #32353e; border-radius: 11px; padding: 33px; background: #121419; }
.pricing-card-featured { border-color: #6374bf; background: linear-gradient(145deg,#242b48,#141723 60%,#11141c); box-shadow: 0 0 55px rgba(72,93,195,.1); }
.plan-label { color: #f5f6fb; }.small-tag { color: #a8adba; }
.plan-price { margin-top: 42px; font-size: 56px; }
.plan-price span { color: #a8adbb; font-size: 14px; }
.pricing-card>p { color: #aeb3c0; min-height: 23px; margin-bottom: 28px; }
.pricing-card .button { min-height: 43px; }
.plan-pending { margin-top: 8px; color: #a8aebe; font-size: 11px; }
.pricing-card-featured .plan-list-title { margin-top: 18px; }
.plan-list-title { border-color: #343740; margin-top: 31px; }
.check-list li { color: #c0c4cf; padding-block: 10px; }
.check-list li:before { color: #a4b4ff; }
.plan-bottom-link { max-width: 1020px; margin: 31px auto 0; display: flex; justify-content: center; gap: 10px; color: #9ca1ae; font-size: 13px; }
.plan-bottom-link a { color: #d4dcff; font-weight: 700; }
.plan-bottom-link a:hover { text-decoration: underline; }
.fine-print { max-width: 870px; color: #747a88; line-height: 1.7; }
.models-intro { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 55px; }
.models-intro h1 { font-size: clamp(58px,6vw,84px); font-weight: 630; line-height: .99; margin: 19px 0 25px; }
.models-intro p { max-width: 540px; font-size: 16px; line-height: 1.7; }
.catalogue-tally { display: flex; flex-direction: column; min-width: 235px; border: 1px solid #383c4b; border-radius: 12px; background: linear-gradient(130deg,#1c2136,#11141d); padding: 24px; }
.catalogue-tally strong { font-size: 62px; line-height: 1.1; letter-spacing: -.07em; margin: 8px 0; }
.catalogue-tally>span:last-child { color: #a2a8b9; font-size: 12px; }
.models-legend { display: flex; align-items: center; gap: 22px; border-top: 1px solid #30333b; border-bottom: 1px solid #30333b; padding: 19px 0; color: #c0c4d0; font-size: 12px; }
.models-legend>span { display: inline-flex; align-items: center; gap: 8px; }
.legend-dot { display: inline-block; height: 7px; width: 7px; border-radius: 50%; }
.free-dot { background: #63dcb0; }.pro-dot { background: #9baaef; }
.legend-note { margin-left: auto; color: #828896; }.legend-note span { color: #545a66; }
.model-group { padding-top: 62px; }
.model-group-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 24px; }
.model-group h2 { font-size: 38px; margin: 9px 0 0; }
.model-group-count { color: #767c8d; font: 10px ui-monospace,monospace; letter-spacing: .1em; }
.model-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.model-row { min-width: 0; display: flex; align-items: center; gap: 15px; min-height: 91px; padding: 17px 18px; border: 1px solid #30333d; border-radius: 9px; background: #121419; }
.model-row-mark { display: grid; place-items: center; flex: none; width: 42px; height: 42px; background: #22352f; border: 1px solid #3e6657; border-radius: 8px; color: #a0e6cd; font-size: 24px; }
.gemini-mark { background: #202844; border-color: #46557d; color: #b9c7ff; }.claude-mark { background: #38271f; border-color: #6d4635; color: #e9b09a; }.other-mark { background: #2b253e; border-color: #5c5181; color: #c6b8f2; }
.model-row-claude-icon { display: block; width: 24px; height: 24px; filter: invert(1); }
.model-row-name { min-width: 0; flex: 1; }
.model-row-name h3 { margin: 0 0 4px; font-size: 15px; letter-spacing: -.02em; }
.model-row-name code { display: block; color: #838a9b; font-size: 10px; overflow-wrap: anywhere; }
.model-row-access { display: flex; flex-wrap: wrap; justify-content: end; gap: 5px; }
.access-pill { border-radius: 100px; padding: 4px 8px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.free-access { color: #a7e9cd; background: #173a2d; border: 1px solid #2d6a50; }.pro-access { color: #c5cbff; background: #222744; border: 1px solid #48548a; }.discount-pill { color: #f2d49b; background: #3d2f16; border: 1px solid #7a5c26; }
.catalogue-empty { text-align: center; padding: 95px 20px; border: 1px solid #30333d; border-radius: 12px; margin-top: 36px; background: #121419; }
.catalogue-empty>span { color: #8a9af5; font-size: 50px; }.catalogue-empty h2 { font-size: 28px; margin: 12px 0; }
.models-outro { display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid #363b57; border-radius: 12px; background: linear-gradient(120deg,#1b2034,#11141d); padding: 31px; margin-top: 92px; }
.models-outro h2 { margin: 9px 0 0; font-size: 27px; }

/* Account and admin surfaces */
.grid-backdrop-light { background-color: #0b0c10; background-image: linear-gradient(#171920 1px,transparent 1px),linear-gradient(90deg,#171920 1px,transparent 1px); }
.auth-card, .panel, .stat-card { background: #121419; border-color: #30333b; box-shadow: none; }
.auth-card h1, .panel h2, .panel h3 { color: #f5f6fa; }
.auth-card>p { color: #9fa4af; }.login-button { border-color: #343842; color: #edf0f6; background: #171a21; }
.login-button:not(.disabled):hover { border-color: #8493dc; background: #24283a; }
.login-button.disabled { background: #15171c; color: #6f7582; }
.stack-form input, .inline-form input, .form-row input, .form-row select, .log-filters input, .log-filters select, .search-form input, .micro-form select, .model-form input { background: #171a21; color: #f3f4f9; border-color: #383c46; }
.stack-form label, .form-row label, .log-filters label { color: #adb2c0; }
.tier-pill, .status-label { border-color: #3a3e49; background: #1a1d24; color: #ccd1dd; }
.key-reveal { border-color: #3b765e; background: #14271f; }.key-reveal code { background: #1e3b2d; border-color: #3b765e; color: #e2ffed; }
.usage-panel { background: linear-gradient(110deg,#1b2138,#11131b); border: 1px solid #3a456c; }
.usage-spark { color: #a8b7ff; font-size: 28px; }
.usage-reset { margin: 9px 0 0; color: #a4aac0; font-size: 12px; }
.usage-progress { display: block; height: 10px; margin: 27px 0 12px; background: #30364a; }
.usage-progress::-webkit-progress-bar { background: #30364a; }
.usage-progress::-webkit-progress-value { background: linear-gradient(90deg,#738cff,#b6a6ff); }
.usage-progress::-moz-progress-bar { background: #91a2ff; }
.usage-meta { margin: 0; padding: 0; border: 0; color: #c1c7d7; font-size: 12px; }
.usage-meta span:last-child { color: #d2dbff; font-weight: 700; }
th { background: #1a1c23; color: #9298a6; }.strong, td strong { color: #f0f2f7; }th,td { border-color: #2c2f37; }
.table-sub, .panel-count, .empty-cell { color: #8f95a3; }
.text-button, .text-link { color: #bec7f5; }.text-button.danger { color: #f0a4a4; }
.model-chip { border-color: #343842; background: #171a20; }.model-chip code { color: #939aab; }
.provider-mini, .stat-card span, .stat-card small { color: #8c93a2; }
.admin-tabs { border-color: #31343c; }.admin-tabs a { color: #a3a8b3; }.admin-tabs a:hover { color: #f3f4fb; border-color: #9caaf0; }
.check-inline { color: #c7cbd5; }.check-inline input { accent-color: #92a6ff; }
.model-settings-table input[type=number], .model-settings-table input[name^=levels_], .model-settings-table input[name^=default_reasoning_] { color: #f3f5fc; background: #1b1e27; border-color: #424756; }
.model-settings-table input::placeholder { color: #9199aa; opacity: 1; }
.model-save-bar { background: #1a1d25; border-color: #3b4050; box-shadow: 0 12px 30px #0008; }
.model-save-bar span { color: #abb3c4; }
.model-save-bar .button { background: #a8b6ff; border-color: #a8b6ff; color: #0b1020; }
.model-save-bar .button:hover { background: #c1caff; border-color: #c1caff; }
.notice { background: #17291e; color: #b8e4c1; border-color: #356445; }
.detail-list dt, .detail-list dd { border-color: #30333b; }.detail-list dt { color: #989eac; }
.log-content { background: #0c0e12; color: #d8dce5; border-color: #30333b; }

@media (max-width: 1100px) {
  .hero-layout { grid-template-columns: 1fr 1fr; gap: 35px; }
  .route-map { padding-inline: 24px; }
  .provider-card { padding: 20px; }
  .provider-logo { font-size: 24px; }
  .provider-card h3 { font-size: 24px; }
  .feature-layout { gap: 60px; }
}
@media (max-width: 900px) {
  .hero-layout { grid-template-columns: 1fr; padding-block: 84px 70px; }
  .hero-visual { max-width: 680px; transform: none; }
  .provider-grid { grid-template-columns: repeat(2,1fr); }
  .provider-card { min-height: 310px; }
  .feature-layout { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .shell { width: min(100% - 32px,1240px); }
  .site-header { height: 62px; }.nav-row { gap: 16px; }.nav-action { gap: 15px; }
  .main-nav { gap: 12px; }.main-nav a:nth-child(2) { display: inline; }
  .main-nav .nav-dashboard, .main-nav .nav-admin { display: none; }
  .hero-layout { padding-block: 68px 54px; }.hero h1 { font-size: clamp(54px,13vw,74px); }.hero-lead { font-size: 15px; }
  .hero-proof { gap: 8px; margin-top: 30px; font-size: 8px; }
  .route-map { padding: 25px 16px; }.route-input { width: 90%; }.route-targets>div { font-size: 9px; padding-inline: 6px; }.route-target-icon { font-size: 13px; }.route-core { padding: 9px; }.route-core-state { font-size: 8px; }
  .visual-caption-right { display: none; }.visual-foot { font-size: 8px; }
  .hero-stats { grid-template-columns: 1fr; }.hero-stat, .hero-stat:first-child { border-right: 0; border-bottom: 1px solid #30323c; padding: 22px 0; }.hero-stat:last-child { border-bottom: 0; }
  .section { padding-block: 76px; }.section-heading h2, .feature-layout h2 { font-size: 40px; }
  .provider-grid { grid-template-columns: 1fr; }.provider-card { min-height: 275px; padding: 23px; }
  .showcase-action { align-items: start; flex-direction: column; border-top: 1px solid #30333d; }
  .feature-command { max-width: 100%; }.feature-command code { overflow-wrap: anywhere; }
  .code-section .hero-code pre { font-size: 10px; padding: 20px 13px; }.code-lang { display: none; }.code-output { padding-inline: 14px; }.final-cta { margin-bottom: 76px; padding: 70px 15px; }.final-cta h2 { font-size: 49px; }.final-actions { flex-direction: column; align-items: center; }
  .page-main { padding-block: 67px 85px; }.page-intro h1 { font-size: 49px; }.pricing-grid { grid-template-columns: 1fr; }.pricing-card { min-height: 0; }
  .plan-bottom-link { flex-wrap: wrap; text-align: center; }
  .models-intro { display: block; }.models-intro h1 { font-size: 62px; }.catalogue-tally { margin-top: 25px; min-width: 0; }.catalogue-tally strong { font-size: 48px; }
  .models-legend { flex-wrap: wrap; }.legend-note { width: 100%; margin-left: 0; }
  .model-list { grid-template-columns: 1fr; }.model-row { gap: 11px; }.model-row-access { flex-direction: column; }
  .models-outro { flex-direction: column; align-items: start; margin-top: 70px; }.models-outro h2 { font-size: 24px; }
}
@media (max-width: 370px) {
  .brand { font-size: 15px; }.brand-logo { width: 30px; height: 30px; }.main-nav { font-size: 10px; gap: 8px; }.nav-action { gap: 9px; }.nav-action .nav-chat { font-size: 10px; }.nav-action .button { font-size: 10px; padding: 7px 8px; }
  .main-nav .nav-plans { display: none; }
  .route-targets { gap: 4px; }.route-targets>div { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .provider-card, .button, .main-nav a { transition: none; }
}