.landing{--background:#f5f6f8;--foreground:#0b0d12;--surface:#ffffff;--surface-elevated:#fdfdff;--surface-muted:#f1f3f7;--line:rgba(15,23,42,0.08);--muted:#5f6570;--accent:#2f6bff;--accent-strong:#1f4fd8;--accent-soft:rgba(47,107,255,0.12);--glow:rgba(47,107,255,0.15);background:radial-gradient(1200px 600px at 70% -10%,rgba(47,107,255,.12),transparent 60%),radial-gradient(900px 500px at 10% 0,rgba(120,140,200,.12),transparent 55%),var(--background);color:var(--foreground);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}.landing-scroll,.landing-scroll body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}.landing .font-display{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}.landing .text-gradient-primary{background-image:linear-gradient(120deg,#111827,#1f4fd8,#111827);background-clip:text;-webkit-background-clip:text;color:transparent}.landing .glass-card{border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,255,.9));box-shadow:0 24px 60px rgba(15,23,42,.08),0 8px 20px rgba(15,23,42,.05);backdrop-filter:blur(16px)}.landing .surface-card{border-radius:32px;border:1px solid var(--line);background:var(--surface);box-shadow:0 30px 70px rgba(15,23,42,.08)}.landing .section-title{letter-spacing:-.02em}.landing .eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.landing .chip{border-radius:999px;border:1px solid rgba(47,107,255,.2);background:rgba(47,107,255,.08);padding:6px 14px;font-size:12px;color:var(--foreground)}.landing .chip-muted{border:1px solid var(--line);background:rgba(255,255,255,.6);color:var(--muted)}.landing .hero-grid{display:grid;gap:48px}@media (min-width:1024px){.landing .hero-grid{grid-template-columns:1.1fr .9fr;align-items:center}}.landing .image-frame{border-radius:32px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#ffffff,#f4f6fb);box-shadow:0 28px 50px rgba(15,23,42,.08),0 10px 24px rgba(15,23,42,.04)}.landing #carebot .image-frame{border:none;background:none;background-image:none;box-shadow:none}.landing #receptionist .image-frame{background-color:unset;background:unset;background-image:none;box-shadow:none}.landing #relations .image-frame{padding-top:0;padding-bottom:0;height:622px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(244,246,251,0));box-shadow:none}.landing .soft-shadow{box-shadow:0 20px 40px rgba(15,23,42,.12)}.landing .section-fade{opacity:0;transform:translateY(24px);animation:landingFadeInUp .8s ease-out forwards}@keyframes landingFadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes landingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes landingMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.landing .animate-float{animation:landingFloat 8s ease-in-out infinite}.landing .animate-marquee{animation:landingMarquee 42s linear infinite}.landing .animate-marquee-reverse{animation:landingMarquee 42s linear infinite reverse}@media (prefers-reduced-motion:reduce){.landing .animate-float,.landing .animate-marquee,.landing .animate-marquee-reverse{animation:none}}