/* Marketing only. Product references remain unmodified; no application UI is recreated. */
@font-face { font-family: MallioJakarta; src: url('/fonts/PlusJakartaSans-Variable.ttf') format('truetype'); font-weight: 200 800; font-display: swap; }
@font-face { font-family: MallioInter; src: url('/fonts/Inter-Variable.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
body.landing { --product-navy: #0e1c2f; --product-blue: #0051d5; font-family: MallioInter, sans-serif; background: radial-gradient(ellipse at 90% 8%, #153f78 0, transparent 32%), #0e1c2f; }
.landing h1, .landing h2, .landing h3, .landing .btn { font-family: MallioJakarta, MallioInter, sans-serif; }
.landing .site-nav { background: rgba(14,28,47,.95); }
.landing .hero--split { gap: 64px; align-items: center; padding-top: 64px; padding-bottom: 64px; }
.landing .hero__title { font-size: clamp(40px,4.5vw,64px); line-height: 1.1; letter-spacing: -.045em; }
.landing .hero__content .lead { font-size: 17px; line-height: 1.8; color: #c0cbdd; }
.landing .hero__glow { display: none; }
.landing .btn--primary, .landing .site-nav__cta { background: #0051d5; box-shadow: 0 8px 24px #0051d526; }
.landing .btn, .landing .site-nav__cta { transition: transform 160ms ease-out, background-color 160ms ease-out; }
.landing button:active, .landing .btn:active { transform: scale(.98); }
.landing :focus-visible { outline: 3px solid #97baff; outline-offset: 5px; }
.product-hero { margin: 0; display: grid; justify-items: center; gap: 18px; }
.product-hero__label { display: flex; gap: 12px; align-items: center; font-size: 13px; color: #d6e3fe; }
.product-version { padding: 6px 10px; border-radius: 8px; background: #0051d5; color: white; font-weight: 700; }
.product-hero a { display: block; width: min(100%,260px); border-radius: 22px; overflow: hidden; border: 1px solid #40516a; box-shadow: 0 30px 70px #0005; }
.product-hero img, .product-story__visual img { display: block; width: 100%; height: auto; }
.product-hero figcaption, .product-story figcaption { font-size: 11px; line-height: 1.6; color: #a9bbdd; text-align: center; }
.product-story { margin: 40px auto 80px; padding: 64px; border-radius: 32px; background: #f7f9fb; color: #191c1e; display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 70px; }
.product-story__copy > h2 { font-size: clamp(30px,3.5vw,44px); line-height: 1.18; letter-spacing: -.04em; margin: 16px 0 24px; }
.product-story__copy > p, .product-story__step p { color: #44474c; font-size: 15px; line-height: 1.8; }
.product-story .section__eyebrow { color: #0051d5; text-align: left; }
.product-story__step { display: flex; gap: 18px; margin: 30px 0; }
.product-story__step > span { color: #0051d5; font-size: 12px; font-weight: 700; padding-top: 5px; }
.product-story__step h3 { font-size: 17px; margin: 0; }
.product-story__step p { margin: 8px 0 0; }
.product-story__visual { margin: 0; display: grid; justify-items: center; gap: 16px; }
.product-story__visual a { display: block; max-width: 240px; border: 1px solid #dbe1e8; border-radius: 18px; overflow: hidden; box-shadow: 0 15px 45px #0e1c2f12; }
.product-story figcaption { color: #44474c; }
.landing .feature-card, .landing .team-card { background: #14263e; box-shadow: none; }
.landing .feature-card::after { opacity: .3; }
@media (max-width: 800px) {
  .landing .hero--split { grid-template-columns: 1fr; gap: 44px; padding-top: 40px; }
  .product-story { grid-template-columns: 1fr; padding: 32px 24px; gap: 36px; margin: 32px 0 56px; }
  .product-hero a { width: 235px; }
  .product-story__visual a { max-width: 230px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing *, .landing *::before, .landing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}