:root{
  --display:'Google Sans Flex','Inter',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ui:'Google Sans Flex','Inter',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

body{
  font-family:var(--ui);
  font-optical-sizing:auto;
  font-weight:430;
  letter-spacing:-.006em;
}

.nav-link,.nav-item,.utility,.create-btn,.ghost-btn,.mega-start,.model-pill,.eyebrow,.hero-status,.model-tag,.workflow-step,.footer a{
  font-family:var(--ui);
}
.nav-link,.nav-item,.utility{font-weight:540;letter-spacing:-.012em}
.create-btn,.ghost-btn,.mega-start{font-weight:660;letter-spacing:-.018em}
.eyebrow,.hero-status,.workflow-step{font-weight:620;letter-spacing:.105em}

.hero h1{
  font-family:var(--display);
  font-weight:820;
  font-optical-sizing:auto;
  letter-spacing:-.064em;
  line-height:.88;
}
.hero h1 em{
  font-style:normal;
  font-weight:720;
  letter-spacing:-.058em;
}
.section-head h2,.feature-statement h2{
  font-family:var(--display);
  font-weight:745;
  font-optical-sizing:auto;
  letter-spacing:-.052em;
  line-height:.94;
}
.feature-statement h2 em{font-style:normal;font-weight:745}
.mega-intro h3{
  font-family:var(--display);
  font-weight:760;
  font-optical-sizing:auto;
  letter-spacing:-.05em;
  line-height:.94;
}
.final-card h2{
  font-family:var(--display);
  font-weight:820;
  font-optical-sizing:auto;
  letter-spacing:-.062em;
  line-height:.88;
}
.final-card h2 em{font-style:normal;font-weight:690}
.mobile-drawer nav a{
  font-family:var(--display);
  font-weight:760;
  font-optical-sizing:auto;
  letter-spacing:-.045em;
}
.card-copy h3,.feature-copy strong,.project-copy strong,.mega-model strong{
  font-family:var(--ui);
  font-weight:650;
  letter-spacing:-.025em;
}
.hero-copy>p,.section-side p,.feature-statement p,.feature-copy span,.card-copy p,.mega-intro p,.footer-brand p{
  font-family:var(--ui);
  font-weight:430;
  letter-spacing:-.01em;
}

/* Above-the-fold copy must never wait on model/feed requests to become visible. */
.hero-copy.reveal{opacity:1;transform:none}

/* Theme control shows the active theme, not the opposite destination. */
html[data-theme="night"] .theme-toggle .sun{display:none}
html[data-theme="night"] .theme-toggle .moon{display:block}
html[data-theme="day"] .theme-toggle .sun{display:block}
html[data-theme="day"] .theme-toggle .moon{display:none}

/* Cleaner mobile menu glyph. */
.mobile-menu-btn .menu-glyph{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Logo-only model marquee: no pills, cards, borders or chip backgrounds. */
.model-strip{border:0;background:var(--bg);overflow:hidden}
.model-strip-track{min-height:78px;display:block;overflow:hidden;padding:0;scrollbar-width:none}
.model-strip-track::-webkit-scrollbar{display:none}
.model-logo-marquee{display:flex;align-items:center;width:max-content;min-width:100%;animation:model-logo-drift var(--model-marquee-duration,28s) linear infinite;will-change:transform;transform:translate3d(0,0,0)}
.model-logo-group{display:flex;align-items:center;gap:clamp(42px,5vw,82px);padding-inline:clamp(32px,4.5vw,72px);flex:0 0 auto}
.model-logo-item{width:clamp(92px,9vw,132px);height:76px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;opacity:.58;transition:opacity .18s ease,transform .18s ease;transform:translateZ(0)}
.model-logo-item:hover{opacity:1;transform:scale(1.035)}
.model-logo-item img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:32px;object-fit:contain!important;object-position:center!important;filter:brightness(0) saturate(100%);pointer-events:none}
html[data-theme="night"] .model-logo-item img{filter:brightness(0) saturate(100%) invert(1)}
@keyframes model-logo-drift{to{transform:translate3d(-50%,0,0)}}

/* Reduce repeated compositing work without flattening the visual identity. */
.hero-media-layer video{filter:none!important}
.hero-shot{backdrop-filter:none;-webkit-backdrop-filter:none}
.model-tag{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(9,8,13,.82)}
.mega:not(.open) .managed-video{display:none}

@media(max-width:820px){
  .site-header.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .hero-dots,.workspace-dots{opacity:.22}
  .hero h1{letter-spacing:-.058em}
  .model-strip-track{min-height:70px}
  .model-logo-group{gap:42px;padding-inline:28px}
  .model-logo-item{width:102px;height:68px}
  .model-logo-item img{max-height:28px}
}

@media(max-width:560px){
  .hero h1{font-size:clamp(52px,15vw,62px);line-height:.9}
  .section-head h2,.feature-statement h2{line-height:.95}
  .mobile-drawer nav a{font-size:40px;line-height:1}
  .model-logo-group{gap:34px;padding-inline:22px}
  .model-logo-item{width:92px;height:64px}
  .model-logo-item img{max-height:25px}
}

@media(prefers-reduced-motion:reduce){
  .site-header.scrolled,.mega,.model-tag{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .model-strip-track{overflow-x:auto}
  .model-logo-marquee{animation:none!important;transform:none!important;will-change:auto}
  .model-logo-marquee .model-logo-group[aria-hidden="true"]{display:none}
  .model-logo-item:hover{transform:none}
}