:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display:"Outfit", var(--font-sans);--bg-light:#fff;--bg-page:#f8fafc;--primary:#06f;--primary-hover:#0052cc;--primary-glow:#0066ff26;--text-main:#1d212a;--text-sub:#475569;--text-light:#64748b;--border-light:#0066ff14;--border-hover:#0066ff40;--spring-ease:cubic-bezier(.34, 1.56, .64, 1);--smooth-ease:cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-light);color:var(--text-main);font-family:var(--font-sans);scroll-behavior:smooth;width:100%;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.text-gradient-purple{background:linear-gradient(135deg,#06f 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container-custom{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.flex-row-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.grid-layout{gap:2rem;display:grid}.btn-primary{color:#fff;cursor:pointer;transition:all .3s var(--spring-ease);background-color:#0e71e1;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.85rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #0066ff40}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 25px #0066ff59}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-sub);cursor:pointer;transition:all .3s var(--smooth-ease);background:#ffffffe6;border:1px solid #0066ff26;border-radius:9999px;justify-content:center;align-items:center;padding:.85rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #00000005}.btn-secondary:hover{color:var(--primary);border-color:var(--primary);background:#fff;transform:translateY(-2px)}.hero-stagger-0,.hero-stagger-1,.hero-stagger-2,.hero-stagger-3{opacity:0;animation:heroFadeUp .8s var(--spring-ease) forwards;transform:translateY(35px)}.hero-stagger-0{animation-delay:.1s}.hero-stagger-1{animation-delay:.25s}.hero-stagger-2{animation-delay:.4s}.hero-stagger-3{animation-delay:.55s}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transition:opacity .8s var(--smooth-ease), transform .8s var(--spring-ease);transform:translateY(40px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.capsule-card{text-align:left;transition:transform .4s var(--spring-ease), border-color .4s ease, box-shadow .4s ease;background:#fff;border:1px solid #0066ff0f;border-radius:9999px;align-items:center;width:auto;max-width:none;height:110px;padding:1.5rem 3.5rem;display:flex;box-shadow:0 8px 30px #0066ff08}.capsule-card:hover{border-color:#06f3;transform:translateY(-4px);box-shadow:0 15px 35px #0066ff14}.ai-feature-card{transition:transform .3s var(--smooth-ease), border-color .3s ease, box-shadow .3s ease;background:#fff;border:1px solid #0066ff0f;border-radius:20px;flex-direction:column;padding:2.25rem;display:flex;box-shadow:0 10px 30px #0066ff08}.ai-feature-card:hover{border-color:#0066ff40;transform:translateY(-5px);box-shadow:0 15px 40px #0066ff14}.btn-shine-sweep{position:relative;overflow:hidden}.btn-shine-sweep:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);width:100%;height:100%;animation:4s ease-in-out infinite shineSweep;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes shineSweep{0%{left:-150%}30%,to{left:150%}}.skeleton-box{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s linear infinite skeletonLoading}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.phone-list-item{opacity:0;animation:phoneListEntrance .5s var(--spring-ease) forwards;transform:translateY(15px)}@keyframes phoneListEntrance{to{opacity:1;transform:translateY(0)}}.app-root{width:100%;min-height:100vh;font-family:var(--font-sans);background-color:#fff;position:relative;overflow-x:hidden}