.hero-landing{--outer-primary:var(--primary);--outer-primary-dark:var(--primary-hover);--outer-primary-soft:var(--primary-soft);--outer-bg-accent:var(--background-secondary);--outer-border:var(--border);--header-height:65px;--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)}.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(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes phone-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes message-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-animate-fade-up{animation:.45s both hero-fade-up}.hero-animate-fade-in{animation:.4s both hero-fade-in}.hero-delay-100{animation-delay:80ms}.hero-delay-200{animation-delay:.14s}.hero-delay-300{animation-delay:.2s}.hero-delay-400{animation-delay:.26s}.hero-delay-500{animation-delay:.32s}.phone-mockup-enter{animation:.5s both phone-enter}.phone-mockup-enter-delay{animation-delay:.12s}.phone-mockup-hover-wrap{backface-visibility:hidden;transform:translateZ(0)}.phone-mockup-shadow{box-shadow:0 12px 32px #1818181a}.dark .phone-mockup-shadow{box-shadow:0 12px 32px #00000059}.chat-message-enter{animation:.28s both message-enter}.hero-gradient-bg{background:var(--background)}.hero-badge{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent)}.hero-headline-accent{color:var(--accent)}.hero-btn-primary{background:var(--primary);color:var(--primary-foreground)}.hero-btn-primary:hover{background:var(--primary-hover)}.hero-btn-primary:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--ring);outline:none}.hero-btn-secondary:hover{border-color:var(--border-strong);background:var(--surface-hover)}.hero-glow-primary,.hero-glow-secondary,.hero-glow-bottom{display:none}.hero-trust-divider{border-color:var(--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}@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}}