/* Shared navigation: icon-led links, native disclosure and a quiet application action. */
.site-header .nav-feature{display:grid;grid-template-columns:21px minmax(0,1fr);align-items:start;gap:12px}
.nav-feature-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.site-header .nav-feature>.nav-feature-icon{margin-top:1px;color:#9cbfff}
.site-header .nav-feature>span{min-width:0}
.nav-disclosure.nav-current>summary{color:#9fc3ff}
.site-header [data-nav-section=pricing] .nav-feature{min-height:80px}
.site-header [data-nav-section=pricing] .nav-feature[href='/pricing/pro/']{background:#183457}
.site-header .login svg{display:none}
.site-header .header-actions>.button{font-weight:650;min-height:44px}
.application-anchor{display:block;scroll-margin-top:var(--header-height,80px)}
.plan-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.plan-detail-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#bdd4f6}
.plan-detail-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.pricing-preview .plan-cta{font-weight:650}
/* Tier details use the same product previews and typography as the marketing site. */
.tier-top{padding-top:calc(var(--header-height,80px) + 32px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;color:#b8cbea}
.tier-top>nav{display:flex;gap:20px;align-items:center}
.tier-top a{min-height:44px;display:inline-flex;align-items:center}
.tier-top a[aria-current=page]{color:#fff;border-bottom:2px solid #4e8fff}
.tier-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:64px;padding-block:64px 90px}
.tier-copy h1{font-size:clamp(2.75rem,4.5vw,4.9rem);line-height:1.07;letter-spacing:-.04em;max-width:680px}
.tier-copy>p{font-size:17px;line-height:1.75;color:#c0d0e8;max-width:540px;margin-top:26px}
.tier-copy .hero-actions{justify-content:flex-start;gap:24px;flex-wrap:wrap;margin-top:30px}
.tier-copy .button{min-height:44px;padding:12px 18px;font-weight:650;font-size:14px}
.tier-copy .tier-availability{font-size:12px;line-height:1.6;color:#9fb5d4;max-width:390px;margin-top:22px}
.tier-visual{min-width:0}
.tier-visual .ai-platform-visual{display:block;min-height:430px}
.tier-visual .ai-platform-prompt{font-size:13px;line-height:1.7;margin:270px 25px 25px}
.tier-visual .ai-platform-prompt strong{font-size:16px}
.tier-visual .ai-platform-signal{margin:28px}
.tier-visual .cb-mini-body{padding:24px}
.tier-visual .vg-brand-editor{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;font-size:13px;color:#bdd1ee}
.tier-visual .vg-brand-editor input{max-width:60%}
.tier-visual .vg-brand-note{font-size:11px;color:#adc0de;margin-top:15px}
.tier-features{padding-block:58px 76px;border-top:1px solid #273b56}
.tier-features h2{font-size:clamp(2.5rem,4vw,3.8rem);letter-spacing:-.04em;margin-bottom:36px}
.tier-features>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px}
.tier-features article{display:flex;gap:18px;align-items:flex-start;padding:30px 0;border-top:1px solid #24364f}
.tier-features article>.nav-feature-icon{color:#90b7f7;width:25px;height:25px;margin-top:3px}
.tier-features h3{font-size:23px;line-height:1.35;font-weight:550;letter-spacing:-.025em}
.tier-features p{font-size:16px;color:#b9cce7;line-height:1.75;margin-top:12px;max-width:520px}
.tier-next{padding-block:60px 85px;border-top:1px solid #273b56;display:flex;justify-content:space-between;align-items:center;gap:50px}
.tier-next h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.035em;max-width:680px;line-height:1.13}
.tier-next p{color:#bfd0e8;margin-top:20px;line-height:1.75;max-width:600px}
.tier-next>a{white-space:nowrap}
@media(max-width:1180px){.tier-hero{gap:36px}.tier-copy h1{font-size:clamp(2.7rem,4.6vw,4.2rem)}.tier-visual .cb-mini-body{padding:18px}.tier-visual .cb-mini-fields{gap:20px}.tier-visual .vg-brand-editor{align-items:flex-start;flex-direction:column}.tier-visual .vg-brand-editor input{max-width:100%;width:100%}}
@media(max-width:850px){.tier-hero{grid-template-columns:1fr;gap:40px;padding-block:40px 60px}.tier-copy{max-width:650px}.tier-visual{max-width:700px;width:100%}.tier-features>div{gap:0 35px}.tier-next{align-items:flex-start;flex-direction:column;gap:24px}.tier-visual .ai-platform-visual{min-height:350px}.tier-visual .ai-platform-prompt{margin-top:230px}}
@media(max-width:600px){.site-header .nav-panel{max-width:100%}.mobile-nav .nav-panel{gap:8px}.mobile-nav .nav-panel-heading{padding-top:8px}.mobile-nav .nav-group{padding-top:4px}.mobile-nav .nav-feature{gap:12px}.site-header [data-nav-section=pricing] .nav-feature{min-height:68px}.tier-top{padding-top:calc(var(--header-height,68px) + 18px);font-size:12px;gap:15px}.tier-top>nav{gap:15px}.tier-copy h1{font-size:clamp(2.6rem,10.3vw,3.7rem)}.tier-copy>p{font-size:16px}.tier-features>div{grid-template-columns:1fr}.tier-features{padding-block:40px}.tier-features h2{margin-bottom:20px}.tier-features article{padding-block:25px}.tier-features h3{font-size:21px}.tier-features p{font-size:15px}.tier-visual .ai-platform-signal{margin:23px}.tier-visual .ai-platform-prompt{margin:215px 20px 20px;font-size:12px;gap:10px}.tier-visual .ai-platform-prompt strong{font-size:14px}.tier-visual .cb-mini-body{padding:20px 15px}.tier-visual .cb-profile h3{font-size:21px}.plan-detail-link{font-size:12px}}
