.native-plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-plan{position:relative}
.pricing-plan>.sparse-plan-icon{position:absolute;left:24px;top:27px;z-index:2;width:26px;height:26px}
.pricing-plan h3{padding-left:36px}
.pricing-plan ul{display:none}
.pricing-plan .yv-metal-wrap button,.pricing-plan>div>button{width:100%}
.enterprise-tier-card>.sparse-plan-icon{width:32px;height:32px;flex-shrink:0}
.product-universe .container-jumps{margin-bottom:28px}
@media(min-width:1001px){.product-universe .product-container-scene{padding-top:18px}}
.pricing-main>.pricing-photo-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:0;align-items:stretch;padding:0;overflow:hidden;border-radius:18px;background:#e9e7e1;margin:38px 0 52px;min-height:360px}
.pricing-photo-hero>div{padding:46px 42px;display:flex;flex-direction:column;justify-content:center}
.pricing-photo-hero h1{font-size:clamp(36px,4vw,62px);line-height:1.08;letter-spacing:-.055em;margin:0 0 24px}
.pricing-photo-hero p{font-size:14px;line-height:1.8;max-width:360px;margin:0;color:#68655d}
.pricing-photo-hero>img{display:block;width:100%;height:100%;max-height:450px;min-height:360px;object-fit:cover;object-position:55% 50%}
@media(max-width:700px){.native-plans-grid{grid-template-columns:1fr}.pricing-main>.pricing-photo-hero{grid-template-columns:1fr}.pricing-photo-hero>div{padding:30px 26px}.pricing-photo-hero>img{min-height:0;height:220px}.pricing-photo-hero h1{font-size:38px}}

.pricing-plan>.sparse-plan-icon{width:34px;height:34px;top:24px}
.pricing-plan h3{padding-left:46px}
.enterprise-tier-card>.sparse-plan-icon{width:40px;height:40px}
.pricing-main>[data-source-plans]{min-height:0!important;padding:0 0 44px!important}
.pricing-main>[data-source-plans]>.native-plans{margin:0!important}
.pricing-plan>div>button,.pricing-plan>div>.yv-metal-wrap>button{height:36px;border-radius:8px;font-size:13px;line-height:20px}
.pricing-plan>div>button{border:1px solid #d3d0c7;background:transparent}
.pricing-plan>div>.yv-metal-wrap:has(>button){border-radius:8px}
.pricing-main>.pricing-photo-hero{position:relative;display:block;height:340px;min-height:0;margin:24px 0 44px;background:#232720;color:#f5f4ee}
.pricing-photo-hero>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-position:60% 48%}
.pricing-photo-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101711bc,#10171145 58%,transparent)}
.pricing-photo-hero>div{position:relative;z-index:1;padding:42px 5%;height:100%;max-width:740px;justify-content:center}
.pricing-photo-hero h1{font-size:clamp(36px,4.3vw,62px);margin-bottom:20px;color:#f5f4ee}
.pricing-photo-hero p{max-width:420px;color:#f5f4eee0;font-size:14px;line-height:1.65;text-wrap:pretty}
.product-universe>.catalog-banner{height:400px}
.product-universe>.catalog-banner>div{inset:0 5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:32px}
.product-universe>.catalog-banner h1{font-size:clamp(46px,5.1vw,74px);line-height:1.07;max-width:840px;margin-bottom:20px}
.product-universe>.catalog-banner p{max-width:660px;line-height:1.65;font-size:15px;margin-bottom:24px;text-wrap:pretty}
@media(max-width:700px){.pricing-main>.pricing-photo-hero{height:340px}.pricing-photo-hero>div{padding:28px 26px}.pricing-photo-hero h1{font-size:36px}.product-universe>.catalog-banner{height:380px!important}.product-universe>.catalog-banner p{font-size:13px}}

.request-main{padding-top:48px!important;padding-bottom:48px!important}
.yond-data-plane.is-graphic{width:150px;height:86px}
.yond-data-plane.is-photo{width:172px;height:114px}
.yond-data-plane.is-model{width:170px;height:36px;display:flex;align-items:center;gap:8px;background:transparent}
.yond-data-plane.is-model img{width:23px;height:23px;object-fit:contain;border-radius:0;filter:grayscale(1) brightness(0) invert(1)}
.yond-data-plane.is-model strong{font-size:13px;font-weight:450;line-height:1.2;white-space:nowrap}
.native-plans .pricing-plan>div>button,.native-plans .pricing-plan>div>.yv-metal-wrap>button{height:36px!important;border-radius:8px!important;font-size:13px!important;line-height:20px}

@media(max-width:700px){.pricing-photo-hero h1{font-size:clamp(21px,6.5vw,36px)}}

/* Overview shares Brief's scene extent, with a more distant material composition. */
@media(min-width:1001px){
 .product-universe #workspace>.scene-mount{min-height:620px}
 .product-universe #workspace .universe-filter-shell{height:620px;gap:26px;padding:26px 0 40px;box-sizing:border-box}
 .product-universe #workspace .universe-filter-board{width:90%;align-self:center}
}

/* Retain the person and the night interior in the portrait project crop. */
img[src$="project-covers/avero-night-wide.jpg"]{object-position:80% center}

.intelligence-page .yond-space-greeting{margin-top:0}

.intelligence-page .yond-space-emblem [data-source-yonder-emblem],
.intelligence-page .yond-space-emblem .yv-yonder-mark{width:43.2px;height:14.2px}
.intelligence-page .yond-space-emblem{gap:12px}

/* Product tier inks on cream, from the source tier-identity palette. */
.sparse-plan-icon[data-plan-tier="starter"]{color:#1F8A4C}
.sparse-plan-icon[data-plan-tier="growth"]{color:#2563C9}
.sparse-plan-icon[data-plan-tier="scale"]{color:#4B45C6}
.sparse-plan-icon[data-plan-tier="custom"]{color:#B3239A}
/* Enterprise retains the source star / planet / orbit / galaxy pictograms. */
.enterprise-metal-defs{position:absolute;pointer-events:none}
.enterprise-tier-card>.enterprise-tier-icon{width:40px;height:40px;flex-shrink:0}
.enterprise-tier-card.tier-starter .enterprise-tier-icon{color:#1F8A4C}
.enterprise-tier-card.tier-growth .enterprise-tier-icon{color:#2563C9}
.enterprise-tier-card.tier-scale .enterprise-tier-icon{color:#4B45C6}
.enterprise-tier-card.tier-custom{--plan-title-gradient:linear-gradient(110deg,#222224 0%,#77777b 35%,#303032 58%,#969694 76%,#242426 100%)}
.enterprise-tier-card.tier-custom .enterprise-tier-icon{color:#29292b}
.enterprise-tier-card.tier-custom .enterprise-tier-icon circle{fill:url(#enterprise-custom-metal)!important;stroke:none}

/* Personal circle marks share the title's 40px line; enterprise uses its own glyphs. */
.pricing-plan>.personal-tier-icon{position:absolute;left:24px;top:24px;z-index:2;width:40px;height:40px;pointer-events:none}
.pricing-plan>.personal-tier-icon svg{display:block;width:40px;height:40px}
.personal-tier-0{color:#e5bc00}
.personal-tier-1{color:#009b46}
.personal-tier-2{color:#0055ff}
.native-plans-grid .pricing-plan article h3{padding-left:54px;font-size:28px;line-height:40px}
.native-plans-grid .pricing-plan article>p{font-size:14px;line-height:1.6;text-wrap:pretty}
.native-plans-grid .pricing-plan article{height:256px}

.native-plans-grid .pricing-plan article h3{flex:none!important;height:40px}
.native-plans-grid .pricing-plan article h3>span{height:40px;line-height:40px}
.native-plans-grid .pricing-plan article h3>span>span{vertical-align:top}

/* Match the visible ink-to-label gap, including the narrow Custom galaxy. */
.enterprise-plan-grid .enterprise-tier-card{gap:8px}
.enterprise-tier-card.tier-custom>.enterprise-tier-icon{width:30px}
.enterprise-tier-card>.enterprise-tier-icon svg{width:40px;height:40px;flex-shrink:0}
.native-plans-grid .pricing-plan article h3{padding-left:44px}

.enterprise-tier-card:is(.tier-starter,.tier-growth)>.enterprise-tier-icon{width:39.4667px}
.enterprise-tier-card.tier-scale>.enterprise-tier-icon{width:38.2222px}
.enterprise-tier-card.tier-custom>.enterprise-tier-icon{width:29.3333px}

/* Personal plans use yellow / green / blue ramps. */
.pricing-plan-0{--personal-title-gradient:linear-gradient(110deg,#e5bc00,#f2d000)}
.pricing-plan-1{--personal-title-gradient:linear-gradient(110deg,#009b46,#10c85c)}
.pricing-plan-2{--personal-title-gradient:linear-gradient(110deg,#0055ff,#2878ff)}
.pricing-plan h3>span>span{background:var(--personal-title-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Enterprise material ladder: bronze, silver, gold, then black / grey. */
.enterprise-tier-card.tier-starter{--plan-title-gradient:linear-gradient(110deg,#6f442c,#b98359 52%,#7e5035)}
.enterprise-tier-card.tier-growth{--plan-title-gradient:linear-gradient(110deg,#484f58,#8b949f 52%,#515a65)}
.enterprise-tier-card.tier-scale{--plan-title-gradient:linear-gradient(110deg,#765517,#b38c34 52%,#806019)}
.enterprise-tier-card.tier-starter .enterprise-tier-icon circle{fill:url(#enterprise-starter-metal)!important}
.enterprise-tier-card.tier-growth .enterprise-tier-icon circle{fill:url(#enterprise-growth-metal)!important}
.enterprise-tier-card.tier-scale .enterprise-tier-icon circle{fill:url(#enterprise-scale-metal)!important}

/* Tighter cards: description and status align with each emblem's left edge. */
.pricing-plan-0{--personal-ink-left:12px}
.pricing-plan-1{--personal-ink-left:8px}
.pricing-plan-2{--personal-ink-left:7px}
.native-plans-grid .pricing-plan article{height:232px}
.native-plans-grid .pricing-plan article>div:first-child{min-height:40px}
.native-plans-grid .pricing-plan article>p{padding-left:var(--personal-ink-left);margin-top:12px}
.native-plans-grid .pricing-plan article>div:last-child{padding-left:var(--personal-ink-left)}
.native-plans .pricing-plan .pricing-notify-metal{border-radius:16px!important}
.native-plans .pricing-plan>div>.yv-metal-wrap>.pricing-notify-button{width:100%;height:40px!important;min-height:40px;border-radius:16px!important;border:1px solid #d3d0c7;background:transparent!important;color:#24241f!important;font-size:13px;line-height:20px;cursor:pointer}
.native-plans .pricing-plan>div>.yv-metal-wrap>.pricing-notify-button[data-active=true]{border-color:transparent;background:#191916!important;color:#f5f3ed!important}
@media(min-width:1001px){.pricing-enterprise>div:first-child{flex:1;min-width:0}.pricing-enterprise>div:first-child>p{max-width:none;white-space:nowrap;font-size:14px}}
@media(max-width:360px){.native-plans-grid .pricing-plan article{height:auto;min-height:232px}.native-plans-grid .pricing-plan article>p{margin-bottom:16px}}

.native-plans-grid .pricing-plan article>div:last-child>span{font-size:16px;line-height:1.35;font-weight:500}

/* Waiting-list form shares the existing request page's responsive layout. */
.access-optional{font-weight:400;color:var(--text-secondary,#77736a)}
.access-main .request-fields textarea{min-height:120px}

.access-main{align-items:start}

.access-main [hidden]{display:none!important}
.access-main .access-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.access-form-error{font-size:14px;line-height:1.5;color:#9b3930;margin:0}
.access-success{padding:32px 0;outline:none}
.access-success-check{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#18714415;color:#187144;font-size:23px;margin-bottom:24px}
.access-success h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0 0 12px}
.access-success p{font-size:16px;line-height:1.6;max-width:34ch;color:var(--text-secondary,#77736a)}
.access-main button:disabled{cursor:wait;opacity:.7}

/* Shared landing hero dimensions and header spacing. */
:root{--site-hero-gap:24px;--site-hero-height:400px;--site-hero-radius:13px}
.pricing-main,.enterprise-main,.product-universe:has(>.catalog-banner){padding-top:var(--site-hero-gap)}
.pricing-main>.pricing-photo-hero,.enterprise-main>.enterprise-hero-banner,.product-universe>.catalog-banner{height:var(--site-hero-height);min-height:0;margin-top:0;margin-bottom:44px;border-radius:var(--site-hero-radius)}
.native-plans-head h2{font-size:34px}
@media(max-width:700px){:root{--site-hero-gap:16px;--site-hero-height:380px}.product-universe>.catalog-banner{height:var(--site-hero-height)!important}.native-plans-head h2{font-size:30px}}

/* Request forms on the product's routes (2026-10-12): the bot check takes no
   room until Cloudflare asks for a tick; the enterprise demo form carries the
   access form's trap, error and confirmation, in the dark page's inks. */
.form-verify{display:contents}
.request-main .access-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.request-main button:disabled,.pricing-application-submit:disabled{cursor:wait;opacity:.7}
.request-dark .access-form-error{color:#ff9d8f}
.request-dark .access-success-check{background:#4fd18b1f;color:#4fd18b}
.request-dark .access-success p{color:#aaa79e}

/* Products hero headline (2026-10-12): the column flex (align-items:flex-start) shrink-wrapped the h1 to its nowrap
   fit-lines, so typography.js compared the lines with the h1 itself and the banner clipped them on phones.
   Bound the h1 by its text column; the fitter then scales the two authored lines to fit. Only where the banner
   cuts the line (under 512px); from there up the h1 is Codex's own. */
@media(max-width:511px){.product-universe>.catalog-banner h1{max-width:min(840px,100%)}}
/* Same fit before/without typography.js: text column = 90% of (100vw - 2x20px), less 1px;
   9.8em = width of "From brand knowledge." at -.05em. Re-measure if the headline copy changes.
   Only where the banner cuts the line (under 512px); from there up the size is Codex's own. */
@media(max-width:511px){.product-universe>.catalog-banner h1{font-size:min(46px,calc((90vw - 37px) / 9.8))!important}}