:root{--bg:radial-gradient(circle at top left,#1f9dff 0%,#a855f7 35%,#fb7185 70%,#0f172a 100%);--card-bg:rgba(15,23,42,.9);--border-soft:rgba(148,163,184,.35);--border-strong:rgba(148,163,184,.6);--text-main:#e5e7eb;--text-soft:#9ca3af;--accent-blue:#38bdf8;--accent-purple:#a855f7;--accent-amber:#fbbf24;--accent-emerald:#34d399}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;color:var(--text-main);background:#020617}body{min-height:100vh;background-image:var(--bg);background-attachment:fixed;background-size:160% 160%;animation:bg-pan 18s ease-in-out infinite alternate}.page{max-width:1120px;margin:0 auto;padding:32px 16px 72px}@media (min-width:768px){.page{padding:40px 24px 96px}}.hero{display:grid;grid-gap:32px;gap:32px;align-items:center;margin-bottom:80px}@media (min-width:900px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px}}.hero-content h1{font-size:clamp(2.5rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.04em;margin:16px 0}.subtitle{margin:0 0 24px;max-width:520px;font-size:.98rem;line-height:1.7}.pill,.subtitle{color:var(--text-soft)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at top left,rgba(15,23,42,.96),rgba(15,23,42,.8));font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.pill-soft{border-color:rgba(148,163,184,.35)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.btn{border-radius:999px;padding:9px 18px;font-size:.9rem;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#0f172a;box-shadow:0 18px 40px rgba(56,189,248,.5)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 24px 56px rgba(56,189,248,.6)}.btn-ghost{background:rgba(15,23,42,.8);color:var(--text-main);border-color:var(--border-soft)}.btn-ghost:hover{background:rgba(15,23,42,.9);border-color:var(--border-strong);transform:translateY(-1px)}.store-row{display:flex;flex-wrap:wrap;gap:10px}.store-button{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 16px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.6);color:var(--text-main);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.store-button:hover{transform:translateY(-1px);border-color:#e5e7eb;box-shadow:0 20px 40px rgba(15,23,42,.7)}.store-icon{font-size:1.3rem}.store-text{display:flex;flex-direction:column;align-items:flex-start}.store-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft)}.store-name{font-size:.9rem;font-weight:600}.phone-wrapper{position:relative;display:flex;justify-content:center;animation:float 7s ease-in-out infinite}.glow{position:absolute;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.2),transparent 60%);filter:blur(18px);z-index:-1}.phone{width:260px;border-radius:32px;padding:8px;background:linear-gradient(145deg,rgba(248,250,252,.8),rgba(148,163,184,.9));box-shadow:0 18px 40px rgba(15,23,42,.7),0 0 0 1px rgba(15,23,42,.8)}.phone-notch{width:60%;height:16px;margin:0 auto 6px;border-radius:999px;background:#020617}.phone-screen{border-radius:24px;background:radial-gradient(circle at top,#0f172a,#020617 70%);padding:12px 12px 10px;border:1px solid rgba(15,23,42,.9);display:flex;flex-direction:column;gap:10px}.screen-header{display:flex;justify-content:flex-end;gap:4px}.dot{width:6px;height:6px;border-radius:999px}.dot-green{background:#22c55e}.dot-amber{background:#fbbf24}.dot-red{background:#f97373}.screen-content{padding:4px 0 2px}.screen-chip{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft);margin-bottom:4px}.screen-title{font-size:1.15rem;letter-spacing:-.04em;margin:0 0 4px}.screen-subtitle{font-size:.72rem;color:var(--text-soft);margin:0 0 10px}.screen-cards{display:flex;flex-direction:column;gap:6px}.screen-card{border-radius:12px;padding:7px 8px;background:radial-gradient(circle at top left,rgba(56,189,248,.12),rgba(15,23,42,.98));border:1px solid rgba(148,163,184,.5);font-size:.76rem}.screen-card.muted{background:rgba(15,23,42,.96);border-style:dashed}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;border:1px solid transparent}.badge-blue{background:rgba(56,189,248,.15);border-color:rgba(56,189,248,.7);color:#e0f2fe}.badge-purple{background:rgba(168,85,247,.16);border-color:rgba(168,85,247,.75);color:#f3e8ff}.badge-soft{background:rgba(15,23,42,.8);border-color:rgba(148,163,184,.6);color:var(--text-soft)}.screen-footer{display:flex;justify-content:center}.status-pill{padding:4px 10px;border-radius:999px;background:rgba(15,23,42,.96);border:1px solid rgba(148,163,184,.7);font-size:.64rem;color:var(--text-soft)}.section{margin-bottom:72px}.section-header{max-width:640px;margin-bottom:28px}.section-header h2{font-size:1.5rem;letter-spacing:-.04em;margin:0 0 8px}.section-header p{margin:0;color:var(--text-soft);font-size:.98rem}.features{display:grid;grid-gap:20px;gap:20px}@media (min-width:768px){.features{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:24px}}.feature-tabs{display:flex;flex-direction:column;gap:8px}.feature-tab{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(15,23,42,.7);border:1px solid transparent;cursor:pointer;color:var(--text-soft);font-size:.9rem;transition:background .15s ease,border-color .15s ease,transform .15s ease,color .15s ease}.feature-tab:hover{border-color:rgba(148,163,184,.6);transform:translateY(-1px)}.feature-tab-active{background:radial-gradient(circle at top left,rgba(56,189,248,.25),rgba(15,23,42,.96));border-color:rgba(56,189,248,.85);color:#e0f2fe}.feature-index{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-blue)}.feature-label{font-weight:500}.feature-panel{border-radius:24px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.55);padding:18px 18px 16px;position:relative;overflow:hidden}.feature-panel:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg at 50% 50%,rgba(56,189,248,.1),rgba(168,85,247,.14),rgba(244,114,182,.1),rgba(56,189,248,.1));opacity:.7;mix-blend-mode:screen;pointer-events:none}.feature-panel-inner{position:relative;z-index:1;animation:fade-slide-in .26s ease-out}.feature-panel-inner h3{margin:0 0 6px;font-size:1.2rem}.feature-panel-inner p{margin:0 0 10px;color:var(--text-soft);font-size:.96rem}.feature-meta{display:flex;flex-wrap:wrap;gap:8px}.carousel{border-radius:28px;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.6);padding:18px 18px 16px}@media (min-width:768px){.carousel{padding:22px 22px 18px}}.carousel-main{display:grid;grid-gap:12px;gap:12px}@media (min-width:768px){.carousel-main{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);align-items:center;gap:20px}}.carousel-card{display:none}.carousel-card-active{display:grid;grid-gap:14px;gap:14px}@media (min-width:768px){.carousel-card-active{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}}.carousel-art{border-radius:22px;height:210px;background:radial-gradient(circle at 10% 10%,rgba(56,189,248,.35),transparent 55%),radial-gradient(circle at 80% 0,rgba(244,114,182,.35),transparent 55%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.4),transparent 55%),#020617;box-shadow:0 26px 60px rgba(15,23,42,.8);position:relative;overflow:hidden}.carousel-art:after{content:"";position:absolute;inset:16%;border-radius:18px;border:1px solid rgba(15,23,42,.9);box-shadow:inset 0 0 0 1px rgba(148,163,184,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carousel-info h3{margin:0 0 6px;font-size:1.1rem}.carousel-info p{margin:4px 0 0;color:var(--text-soft);font-size:.95rem}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.icon-button{width:30px;height:30px;border-radius:999px;border:1px solid rgba(148,163,184,.65);background:rgba(15,23,42,.9);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.86rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.icon-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.8);background:rgba(15,23,42,.96)}.dots{display:flex;gap:6px}.dot-indicator{width:7px;height:7px;border-radius:999px;border:none;background:rgba(148,163,184,.5);padding:0;cursor:pointer;transition:width .15s ease,background .15s ease}.dot-indicator-active{width:22px;background:linear-gradient(135deg,#22c55e,#0ea5e9)}.testimonials{display:grid;grid-gap:14px;gap:14px}@media (min-width:768px){.testimonials{grid-template-columns:repeat(3,minmax(0,1fr))}}.testimonial-card{margin:0;border-radius:20px;padding:16px 14px 14px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.6);font-size:.9rem;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transform-origin:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.testimonial-card:hover{transform:translateY(-4px) rotate(-.5deg);border-color:rgba(56,189,248,.8);box-shadow:0 20px 40px rgba(15,23,42,.9)}.testimonial-card blockquote{margin:0;color:var(--text-main)}.testimonial-card figcaption{display:flex;flex-direction:column;gap:2px}.testimonial-card .name{font-size:.86rem;font-weight:500}.testimonial-card .role{font-size:.78rem;color:var(--text-soft)}.cta-banner{position:-webkit-sticky;position:sticky;bottom:16px;margin:0 -4px}@media (min-width:768px){.cta-banner{margin:0}}.cta-inner{border-radius:22px;padding:16px 18px;background:radial-gradient(circle at 0 0,rgba(56,189,248,.45),transparent 60%),radial-gradient(circle at 100% 10%,rgba(244,114,182,.45),transparent 60%),#020617;border:1px solid rgba(15,23,42,.95);box-shadow:0 22px 60px rgba(15,23,42,.95);display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.cta-inner{padding:18px 22px;flex-direction:row;align-items:center;justify-content:space-between}}.cta-inner h2{margin:6px 0;font-size:1.2rem;letter-spacing:-.04em}.cta-inner p{margin:0;color:var(--text-soft);font-size:.9rem}.cta-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-invert{background:#f9fafb;color:#020617;border-color:transparent}.btn-invert:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-outline{background:transparent;color:#e5e7eb;border-color:rgba(148,163,184,.6)}.btn-outline:hover{border-color:#e5e7eb;background:rgba(15,23,42,.8)}@keyframes bg-pan{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes float{0%,to{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-10px) rotate(-.5deg)}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}