/* Readable small copy stays readable at every breakpoint. */
:root{--muted:#4e6978}
html[data-theme=dark]{--muted:#aac1cd}
body{font-size:18px;line-height:1.7}
body:has(.app-shell){font-size:16px;line-height:1.65}
input,select,textarea{font-size:16px}
small,code,pre{font-size:14px;line-height:1.65}
.eyebrow{font-size:14px;line-height:1.65;letter-spacing:.065em}
.section .eyebrow,.auth-content .eyebrow{letter-spacing:.065em}
.public-header{gap:30px}
.public-header>nav,.header-actions{font-size:16px}
.btn{font-size:16px;min-height:46px;gap:16px}
.btn-small{font-size:15px;min-height:44px}
.hero .eyebrow{font-size:14px;letter-spacing:.06em;max-width:620px}
.hero h1{line-height:1.15}
.hero-copy{font-size:19px;line-height:1.8}
.hero-note{font-size:15px;line-height:1.7;color:#c1d7df}
.ocean-label{font-size:14px;line-height:1.6;letter-spacing:.035em;color:#b9d1dc;gap:25px}
.capability-strip{font-size:15px;gap:20px;flex-wrap:wrap}
.section-intro>p:last-child,.demo-grid h2+p,.semantic-copy>p:not(.eyebrow):not(.map-note){font-size:18px;line-height:1.8}
.steps p,.feature-grid p,.faq-list p{font-size:17px;line-height:1.8}
.demo-tab,.map-presets button{font-size:15px;min-height:44px;line-height:1.5;padding:10px 15px}
.demo-disclaimer{font-size:14px;line-height:1.75}
.demo-top{font-size:14px;letter-spacing:.035em;flex-wrap:wrap;gap:12px}
.demo-query{font-size:16px;line-height:1.6}
.result-label{font-size:14px;letter-spacing:.025em;line-height:1.65;gap:15px}
.demo-result p{font-size:16px;line-height:1.8}
.demo-url{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.demo-foot{font-size:14px;line-height:1.65;align-items:flex-start}
.demo-foot .live-dot{flex-shrink:0;margin-top:8px}
.pricing-heading>p:last-child{font-size:17px;line-height:1.8}
.plan-description{font-size:16px;line-height:1.7;min-height:58px}
.plan-price small{font-size:16px}
.price-badge{font-size:14px;letter-spacing:.03em}
.price-tax{font-size:14px;line-height:1.65}
.price-card .btn{font-size:15px;white-space:normal;text-align:center}
.plan-features{font-size:16px;line-height:1.65}
.pricing-note{font-size:15px;line-height:1.8;max-width:900px}
.faq-list summary{font-size:18px;line-height:1.6}
.final-cta p,.final-cta.ocean-scene p{font-size:16px;line-height:1.75}
.public-footer{font-size:15px;line-height:1.75;gap:24px}
.public-footer>span,.public-footer nav{font-size:15px}
.public-footer small{font-size:14px}
.pipeline-art-label{font-size:14px;line-height:1.65;letter-spacing:.035em}
.pipeline-controls button{padding:24px 20px 24px 57px}
.pipeline-controls button>span{left:20px;top:25px;font-size:15px}
.pipeline-controls button strong{font-size:17px;line-height:1.5}
.pipeline-controls button small{font-size:14px;line-height:1.65}
.pipeline-caption>strong{font-size:21px;line-height:1.5}
.pipeline-caption p{font-size:16px;line-height:1.8;min-height:0}
.pipeline-caption>span{font-size:14px;line-height:1.75;letter-spacing:0}
.map-node,.map-node-d{font-size:14px;line-height:1.55;padding:7px 10px}
.map-node-a{top:8%;left:5%}
.map-node-b{bottom:15%;left:4%}
.map-node-c{top:32%;right:3%}
.map-node-d{top:5%;right:4%}
.map-center{top:51%;padding:10px 13px;min-width:160px}
.map-center small{font-size:14px;line-height:1.5;letter-spacing:.03em}
.map-center strong{font-size:16px;line-height:1.5;white-space:normal}
.map-scale{font-size:14px;line-height:1.5;letter-spacing:.03em;bottom:12px;left:16px;right:16px}
.map-explanation p{font-size:16px;line-height:1.8;min-height:0}
.semantic-copy .map-note{font-size:14px;line-height:1.75}
.auth-art .eyebrow,.auth-art small{font-size:14px;line-height:1.75;letter-spacing:.05em}
.auth-art p:not(.eyebrow){font-size:17px;line-height:1.8}
.back-link{font-size:16px}
.auth-content>p{font-size:17px;line-height:1.8}
.auth-content label{font-size:15px;line-height:1.6}
.auth-content input:not([type=checkbox]),.auth-content select{font-size:16px;min-height:48px;line-height:1.5}
.auth-content .terms-check{font-size:14px;line-height:1.8}
.auth-content .form-foot,.forgot-link{font-size:15px;line-height:1.7}
.auth-hint,.auth-legal{font-size:14px;line-height:1.75}
.auth-legal{flex-wrap:wrap}
.form-message{font-size:16px;line-height:1.75}
.legal-content p,.legal-content li,.mail-preview p{font-size:17px;line-height:1.8}
/* The application uses the same floor, with room for its denser controls. */
.app-shell .sidebar{width:272px;overflow-y:auto}
.main-wrap{margin-left:272px}
.sidebar .nav-item{font-size:15px;line-height:1.6;padding:11px 10px;gap:10px}
.workspace-select-label,.workspace-role,.nav-label,.engine-label,.sidebar-version{font-size:14px;line-height:1.65;letter-spacing:.03em}
#workspace-select{font-size:15px;line-height:1.6;min-height:46px}
.engine-card strong{font-size:16px}
.engine-card p{font-size:15px;line-height:1.7}
.breadcrumb,.status-pill,.metric-top,.metric-note,.section-heading p{font-size:14px;line-height:1.7}
.page-heading p,.notice,.empty-state p,.result-card p,.panel>p,.model-panel p{font-size:16px;line-height:1.8}
.button,.button.small,.page-heading>.button{font-size:15px;min-height:44px;white-space:normal;text-align:center;line-height:1.5}
label,.form-grid label{font-size:15px;line-height:1.6}
.field input,.field textarea,.login-panel input,.search-input-row input{font-size:16px;line-height:1.6}
.field small,.checkbox-row,.checkbox-row small,.field-error,.login-note{font-size:14px;line-height:1.75}
.checkbox-row strong{font-size:15px}
.filter-input input,.source-url,.source-footer,.source-stats,.source-progress,.source-settings{font-size:14px;line-height:1.7}
.source-url,.source-progress{overflow-wrap:anywhere}
.source-stats{flex-wrap:wrap;gap:10px 18px}
.source-progress{padding-block:11px}
.how-intro .eyebrow,.how-step>span,.how-step p{font-size:14px;line-height:1.7}
.how-step strong{font-size:16px;line-height:1.6}
.page-footer{font-size:14px;line-height:1.75;gap:15px;flex-wrap:wrap}
.search-options label,.search-options select,.search-options>span,.search-meta,.result-top,.result-url,.live-label{font-size:14px;line-height:1.7}
.search-options select{min-height:44px}
.result-card p{color:var(--muted)}
table,.page-log td{font-size:14px;line-height:1.7}
th{font-size:14px;line-height:1.6;letter-spacing:.025em}
td .text-button,.code-heading,.code-note,dd,.job-summary .muted,.job-counts,.page-log small,.log-pagination{font-size:14px;line-height:1.75}
.code-panel pre,.model-panel code,.endpoint span,dt small{font-size:14px;line-height:1.7}
dt,.job-message{font-size:16px;line-height:1.75}
.toast{font-size:15px;line-height:1.65}
.account-banner,.account-banner p{font-size:15px;line-height:1.7}
.workspace-content .panel>p.muted{font-size:16px;line-height:1.8}
.inline-form label,.account-bootstrap label,.plan-edit-fields label{font-size:14px;line-height:1.65}
.inline-form input,.inline-form select,.workspace-content select,.plan-edit-fields input,.account-bootstrap input{font-size:16px;line-height:1.5;min-height:46px}
.list-row,.account-details>div,.billing-summary p,.usage-item>div{font-size:15px;line-height:1.7}
.list-row small,.secret-box,.secret-box p,.workspace-price small,.readiness-grid>div,.readiness-grid .status-pill{font-size:14px;line-height:1.75}
.secret-box input{font-size:14px;line-height:1.7}
.usage-note{font-size:14px!important;line-height:1.8}
.workspace-plan .eyebrow,.workspace-plan ul,.workspace-plan button{font-size:15px;line-height:1.7}
@media(max-width:1100px) and (min-width:761px){.public-header{height:auto;min-height:88px;flex-wrap:wrap;padding-block:18px;gap:18px}.public-header>.wordmark{order:1}.public-header .header-actions{order:2;margin-left:auto}.public-header>nav{order:3;width:100%;margin:0;justify-content:center;gap:32px}}
@media(max-width:1050px){.pipeline-controls button{padding-left:47px}.pipeline-controls button>span{left:16px}.pipeline-controls button strong{font-size:16px}.map-center strong{font-size:15px}}
@media(max-width:900px){.app-shell .sidebar{width:100%;overflow-y:visible}.main-wrap{margin-left:0}.sidebar .nav-item{font-size:14px;min-height:44px;padding:10px 12px;white-space:nowrap;gap:8px}.sidebar #workspace-select{font-size:14px;max-width:48%;min-height:42px}.sidebar nav{scroll-padding:12px}}
@media(max-width:760px){body{font-size:17px}.public-header{gap:10px;padding-inline:5%}.public-header .wordmark{font-size:28px;gap:7px}.header-actions{gap:8px}.header-actions .login-link{font-size:15px}.public-header .btn-small{font-size:14px;gap:8px;padding:10px 12px;min-height:44px}.hero .eyebrow{font-size:14px;line-height:1.7;letter-spacing:.035em;align-items:flex-start;gap:10px;max-width:34ch}.hero .eyebrow .tiny-wave{margin-top:3px}.hero-copy{font-size:18px;line-height:1.8}.hero-actions .btn{font-size:16px;line-height:1.6;padding:13px 17px;gap:12px}.hero-note{font-size:14px;line-height:1.8;max-width:34ch}.hero-inner{padding-bottom:135px}.ocean-label{font-size:14px;line-height:1.65;letter-spacing:.025em;right:6%;left:6%;bottom:22px}.capability-strip{font-size:14px;line-height:1.7;gap:16px 18px}.capability-strip span{min-width:0}.section-intro>p:last-child,.demo-grid h2+p,.semantic-copy>p:not(.eyebrow):not(.map-note){font-size:17px}.steps p,.feature-grid p,.faq-list p{font-size:16px}.public-footer>span,.public-footer nav{font-size:14px}.public-footer nav{flex-wrap:wrap;gap:14px 22px}.public-footer small{font-size:14px}.pipeline-art-label{top:14px;left:15px;font-size:14px;letter-spacing:.03em}.pipeline-caption p{font-size:16px;min-height:0}.pipeline-caption>span{font-size:14px}.map-node,.map-node-d{font-size:14px;padding:6px 8px}.map-center{min-width:145px;max-width:58%;padding:9px 10px}.map-center strong{font-size:15px}.map-center small{font-size:14px}.map-scale{font-size:14px;line-height:1.5;left:14px;bottom:10px}.workspace-content .workspace-plan{padding:24px}.source-actions{margin-left:0;width:100%}.source-actions .button{flex:1}.source-stats{font-size:14px}.metrics{gap:12px}.metric{padding:15px}.metric-value.compact{font-size:19px}.filter-input input{font-size:15px}.page-footer{font-size:14px}.account-banner{gap:16px}.account-banner .button{width:100%}.search-options select{font-size:15px;max-width:100%}.search-options label{min-width:0}.page-heading>.button{font-size:15px}.workspace-price small{font-size:15px}}
@media(max-width:600px){.pipeline-controls{grid-template-columns:1fr}.pipeline-controls button{display:grid;grid-template-columns:28px 1fr;text-align:left;gap:4px 14px;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.pipeline-controls button:last-child{border-bottom:0}.pipeline-controls button>span{position:static;grid-column:1;grid-row:1/3;margin:0;align-self:start;font-size:15px}.pipeline-controls button strong{grid-column:2;font-size:16px}.pipeline-controls button small{display:block;grid-column:2;font-size:14px}.pipeline-caption{padding:22px}.demo-top{font-size:14px}.result-label{font-size:14px}.plan-description{min-height:0}.price-card .btn{font-size:16px}.map-center{top:51%}.login-panel .eyebrow,.modal-heading .eyebrow{font-size:14px}}
@media(max-width:380px){.public-header .wordmark{font-size:25px}.public-header .wordmark img{width:27px}.public-header .btn-small{padding-inline:10px}.header-actions{gap:7px}.hero h1{font-size:40px}}
.metric-note,.source-footer,.source-stats,.source-url,.source-settings,.how-step p,.login-note,.page-footer,.code-note,.search-options>span,.result-url{color:var(--muted)}
@media(max-width:760px){.semantic-map{aspect-ratio:1.1}.map-center{top:40%}.map-node-c{top:24%}}
@media(max-width:340px){.public-header{height:auto;min-height:72px;flex-wrap:wrap;padding-block:14px;row-gap:12px}.public-header .header-actions{width:100%;justify-content:space-between}.public-header>.wordmark{margin-right:auto}}
@media(max-width:1000px){.pricing-grid{grid-template-columns:1fr;max-width:600px;margin-inline:auto}.feature-grid{grid-template-columns:1fr}.feature-grid article{position:relative;padding:26px 26px 26px 92px}.feature-grid .feature-symbol{position:absolute;left:26px;top:26px}}
@media(max-width:760px){.feature-grid article{padding:24px 22px 24px 82px}.feature-grid .feature-symbol{left:22px;top:24px}}