/* Reference-led visual pass. Operational behavior remains in the existing scripts. */
:root { --bg:#fafaf8; --surface-2:#f1f2f2; --border:#e2e3e3; --text:#191b1d; --muted:#5e6267; }
:root[data-theme='dark'] { --bg:#151618; --surface-2:#222427; --border:#3b3e43; --text:#f5f5f3; --muted:#b8bdc4; }
.site-header { background:var(--surface); }
.nav { height:80px; }
.brand img.brand-wordmark { width:156px; }
.nav-links a { font-weight:500; }
.nav-links a:hover { color:var(--accent-ink); }
.btn--primary { background:#101112; border-color:#101112; box-shadow:inset 0 1px 0 #ffffff24; }
.btn--primary:hover { background:#252729; border-color:#ad7b20; box-shadow:0 3px 12px #11111112; }
.landing-hero { height:640px; min-height:0; background:#fff; }
.hero-content { max-width:1320px; padding-inline:48px; }
.landing-hero .eyebrow { display:flex; align-items:center; gap:10px; color:#63502e; font-size:11px; margin-bottom:22px; }
.landing-hero .eyebrow::before { content:''; width:24px; height:1px; background:#b58021; }
.landing-hero h1 { font-size:80px; font-weight:550; margin-bottom:18px; }
.landing-hero .hero-subtitle { font-size:44px; line-height:1.14; font-weight:450; margin-bottom:20px; }
.hero-subtitle span { color:#926013; }
.landing-hero .lead { font-size:16px; line-height:1.7; color:#4f5358; }
.hero-cta .btn { min-height:46px; padding-inline:22px; }
.hero-capabilities { display:flex; gap:22px; margin-top:28px; font-size:11px; color:#43474c; }
.hero-capabilities span { display:flex; align-items:center; gap:8px; }
.hero-capabilities img { opacity:.8; }
.hero-caption { font-size:9px; color:#55595d; }
.signal-strip { padding:24px 0; }
.signal-grid > div + div { border-left:1px solid var(--border); padding-left:32px; }
.signal-dot { background:#c08216; }
.product-section { padding-block:64px; }
.section-intro h2 { font-size:36px; line-height:1.18; }
.product-links { gap:30px; }
.product-item { position:relative; padding-top:24px; }
.product-item > img { width:26px; height:26px; margin-bottom:20px; }
.product-item h3 { font-size:21px; font-weight:500; }
.product-item p { min-height:76px; }
.product-item > span { justify-content:space-between; padding-top:8px; }
.product-item:hover { border-color:#ab7920; }
.workspace-band { background:#f0f2f3; }
:root[data-theme='dark'] .workspace-band { background:#202225; }
.workspace-figure img { border-color:#d8dbde; box-shadow:0 14px 40px #1a23230c; }
.developer-band { padding-block:88px; }
.code-example { background:#15191e; border-color:#343b43; }
.code-heading { border-color:#343b43; color:#d5dce4; }
.pricing-facts > div { border-left:2px solid #d5a44a; padding-left:20px; }
.pricing-facts strong { font-size:38px; }
.pricing-facts span { line-height:1.8; }
.contact-band { border-block:1px solid var(--border); }
.plan h2,.card h2,.card h3 { font-weight:500; }
.plan,.card { border-color:var(--border); box-shadow:none; }
.plan.featured { border-color:#ad7b20; }
.page-hero h1 { font-weight:500; line-height:1.1; }
.site-footer .brand-wordmark { width:130px; }
@media(min-width:1600px) { .landing-hero { height:690px; }.hero-content { max-width:1420px; }.hero-scene img { object-position:center 42%; } }
@media(max-width:1100px) { .hero-content { padding-inline:32px; }.landing-hero { height:600px; }.landing-hero h1 { font-size:68px; }.landing-hero .hero-subtitle { font-size:36px; }.hero-capabilities { gap:14px; font-size:10px; }.brand img.brand-wordmark { width:128px; } }
@media(max-width:900px) { .hero-scene img { object-position:58% center; }.landing-hero .lead { font-size:14px; }.landing-hero .hero-subtitle { font-size:32px; }.hero-capabilities { flex-direction:column; gap:8px; margin-top:20px; }.signal-grid > div + div { padding-left:16px; }.nav-links { top:80px; }.product-item p { min-height:100px; } }
@media(max-width:640px) { .nav { height:64px; }.nav-links { top:64px; }.hero-content { padding:32px 20px; }.landing-hero { height:760px; }.hero-scene { inset:400px 0 0; }.hero-scene img { object-position:73% center; }.landing-hero .eyebrow { margin-bottom:16px; }.landing-hero h1 { font-size:58px; margin-bottom:14px; }.landing-hero .hero-subtitle { font-size:30px; margin-bottom:16px; }.landing-hero .lead { font-size:13px; margin-bottom:18px; }.hero-cta .btn { min-height:42px; padding-inline:16px; }.hero-note { margin-top:12px; }.hero-capabilities { flex-direction:row; flex-wrap:wrap; gap:12px; font-size:9px; margin-top:20px; }.hero-capabilities img { width:14px; height:14px; }.signal-grid > div + div { border:0; padding-left:0; }.product-section,.developer-band { padding-block:44px; }.section-intro h2 { font-size:28px; }.product-item p { min-height:0; }.product-item h3 { font-size:20px; }.pricing-facts strong { font-size:32px; } }