.hero-landing{--outer-primary:#2563eb;--outer-primary-dark:#1d4ed8;--outer-primary-soft:#dbeafe;--outer-bg-accent:#eff6ff;--outer-border:#bfdbfecc;--header-height:73px;--hero-max-width:1400px;--hero-inline-padding:clamp(1rem, 2.5vw, 2.5rem);--phone-width:min(100%, 288px);--phone-screen-height:clamp(460px, 52vh, 540px);--phone-gap:clamp(1rem, 2.5vw, 1.75rem)}.dark .hero-landing{--outer-primary:#3b82f6;--outer-primary-dark:#2563eb;--outer-primary-soft:#1e3a8a66;--outer-bg-accent:#1e3a8a26;--outer-border:#1e3a8a80}.phone-chat-ui{--chat-primary:#16a34a;--chat-primary-dark:#15803d;--chat-bubble-sent:#dcfce7;--chat-bg:#f8faf8;--chat-header-from:#16a34a;--chat-header-to:#15803d;--chat-online:#4ade80;--chat-focus-ring:#16a34a4d}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes phone-enter{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes message-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-animate-fade-up{animation:.7s cubic-bezier(.22,1,.36,1) both hero-fade-up}.hero-animate-fade-in{animation:.6s both hero-fade-in}.hero-delay-100{animation-delay:.1s}.hero-delay-200{animation-delay:.2s}.hero-delay-300{animation-delay:.3s}.hero-delay-400{animation-delay:.4s}.hero-delay-500{animation-delay:.5s}.phone-mockup-enter{animation:.8s cubic-bezier(.22,1,.36,1) both phone-enter}.phone-mockup-enter-delay{animation-delay:.15s}.phone-mockup-hover-wrap{backface-visibility:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}@media (hover:hover){.phone-mockup-hover-wrap:hover{transform:translateY(-6px)translateZ(0)}}.phone-mockup-shadow{transition:box-shadow .35s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 48px -12px #0f172a38,0 8px 16px -8px #0f172a1f}@media (hover:hover){.phone-mockup-hover-wrap:hover .phone-mockup-shadow{box-shadow:0 32px 64px -12px #0f172a47,0 12px 24px -8px #0f172a24}}.dark .phone-mockup-shadow{box-shadow:0 24px 48px -12px #0006,0 8px 16px -8px #00000040}.dark .phone-mockup-hover-wrap:hover .phone-mockup-shadow{box-shadow:0 32px 64px -12px #00000080,0 12px 24px -8px #00000059}.chat-message-enter{animation:.35s cubic-bezier(.22,1,.36,1) both message-enter}.hero-gradient-bg{background:radial-gradient(80% 50% at 20% -10%,#2563eb1a,#0000),radial-gradient(60% 40% at 90% 10%,#3b82f60f,#0000),radial-gradient(70% 40% at 50% 100%,#2563eb0d,#0000),linear-gradient(#fafcff 0%,#fff 45%,#f8faff 100%)}.dark .hero-gradient-bg{background:radial-gradient(80% 50% at 20% -10%,#2563eb1a,#0000),radial-gradient(60% 40% at 90% 10%,#3b82f60f,#0000),radial-gradient(70% 40% at 50% 100%,#2563eb0f,#0000),linear-gradient(#0a0c10 0%,#0f1117 45%,#0a0c10 100%)}.hero-badge{border:1px solid var(--outer-border);background:color-mix(in srgb, var(--outer-primary-soft) 80%, transparent);color:var(--outer-primary-dark)}.dark .hero-badge{color:#93c5fd}.hero-headline-accent{color:var(--outer-primary)}.dark .hero-headline-accent{color:#60a5fa}.hero-btn-primary{background:var(--outer-primary);box-shadow:0 10px 25px -5px #2563eb40}.hero-btn-primary:hover{background:var(--outer-primary-dark);box-shadow:0 10px 25px -5px #1d4ed84d}.hero-btn-primary:focus-visible{box-shadow:0 0 0 2px white, 0 0 0 4px var(--outer-primary);outline:none}.hero-btn-secondary:hover{border-color:var(--outer-border);background:color-mix(in srgb, var(--outer-primary-soft) 50%, white)}.dark .hero-btn-secondary:hover{background:color-mix(in srgb, var(--outer-primary-soft) 30%, transparent)}.hero-glow-primary{background:color-mix(in srgb, var(--outer-primary-soft) 60%, transparent)}.hero-glow-secondary{background:color-mix(in srgb, var(--outer-bg-accent) 80%, transparent)}.hero-trust-divider{border-color:var(--outer-border)}.hero-container{width:100%;max-width:var(--hero-max-width);padding-inline:var(--hero-inline-padding);margin-inline:auto}.hero-main{min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));flex-direction:column;justify-content:center;padding-block:clamp(1.5rem,3vh,2.5rem);display:flex}.hero-inner{grid-template-columns:1fr;align-items:center;gap:clamp(2rem,4vw,3rem);width:100%;display:grid}.hero-content{max-width:36rem}.hero-phones{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-phones-display{justify-content:flex-start;align-items:flex-end;gap:var(--phone-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;width:100%;margin-inline:calc(var(--hero-inline-padding) * -1);padding-bottom:.5rem;padding-inline:var(--hero-inline-padding);display:flex;overflow-x:auto}.hero-phone-slot{flex:0 0 var(--phone-width);width:var(--phone-width);scroll-snap-align:center}.hero-glow-bottom{pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--outer-primary-soft) 45%, transparent), transparent 70%);filter:blur(40px);opacity:.7;border-radius:50%;width:min(90%,720px);height:clamp(120px,18vh,220px);position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}@media (min-width:640px){.hero-landing{--phone-width:clamp(268px, 44vw, 300px)}.hero-phones-display{justify-content:center;margin-inline:0;padding-inline:0}}@media (min-width:1024px){.hero-landing{--phone-width:clamp(288px, 17.5vw, 330px);--phone-screen-height:clamp(540px, 58vh, 660px);--phone-gap:clamp(1.25rem, 2.5vw, 2.5rem)}.hero-inner{grid-template-columns:minmax(380px,.94fr) minmax(580px,1.06fr);gap:clamp(2rem,4vw,4.5rem)}.hero-content{max-width:none}.hero-phones{align-items:flex-end}.hero-phones-display{padding-bottom:0;overflow:visible}}@media (min-width:1280px){.hero-landing{--phone-width:clamp(310px, 18vw, 360px);--phone-screen-height:clamp(580px, 62vh, 700px);--phone-gap:clamp(1.5rem, 2.8vw, 2.75rem)}.hero-inner{grid-template-columns:minmax(420px,.9fr) minmax(620px,1.1fr);gap:clamp(2.5rem,5vw,5.5rem)}}@media (min-width:1536px){.hero-landing{--hero-max-width:1440px;--phone-width:clamp(330px, 17vw, 380px);--phone-screen-height:clamp(620px, 64vh, 720px)}}.phone-mockup-root{width:100%;max-width:var(--phone-width);margin-inline:auto}.phone-mockup-frame{isolation:isolate;border-radius:clamp(2rem,5vw,2.5rem)}.phone-mockup-screen{height:var(--phone-screen-height);border-radius:clamp(1.65rem,4.2vw,2.1rem);overflow:hidden;transform:translateZ(0)}.phone-mockup-island{width:clamp(72px,28%,96px);height:clamp(18px,3.8%,24px);top:clamp(8px,1.8%,12px)}.phone-mockup-btn-left-1{height:clamp(24px,5%,32px);top:16%}.phone-mockup-btn-left-2{height:clamp(44px,9%,56px);top:24%}.phone-mockup-btn-right{height:clamp(64px,13%,80px);top:20%}.phone-chat-header{background:linear-gradient(to right, var(--chat-header-from), var(--chat-header-to))}.phone-chat-bg{background:var(--chat-bg)}.phone-chat-bubble-sent{background:var(--chat-bubble-sent)}.phone-chat-send-btn{background:var(--chat-primary)}.phone-chat-send-btn:hover:not(:disabled){background:var(--chat-primary-dark)}.phone-chat-send-btn:focus-visible{box-shadow:0 0 0 2px white, 0 0 0 4px var(--chat-primary);outline:none}.phone-chat-send-btn:disabled{background:color-mix(in srgb, var(--chat-primary) 50%, #ccc)}.phone-chat-input:focus{border-color:var(--chat-primary);box-shadow:0 0 0 3px var(--chat-focus-ring)}.phone-chat-online-dot{background:var(--chat-online)}.phone-chat-check-icon{color:var(--chat-primary)}.phone-chat-typing-dot{animation:1.2s ease-in-out infinite chat-typing-bounce}.phone-chat-typing-dot-delay-1{animation-delay:.15s}.phone-chat-typing-dot-delay-2{animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.hero-animate-fade-up,.hero-animate-fade-in,.phone-mockup-enter,.phone-mockup-enter-delay,.chat-message-enter,.phone-chat-typing-dot{animation:none}.phone-mockup-hover-wrap{transition:none}@media (hover:hover){.phone-mockup-hover-wrap:hover{transform:none}}}