@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#262437;background:#fafaff;--accent:#5546d8;--muted:#706e80;--line:#e8e6f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #9686e3;outline-offset:5px}.skip{position:absolute;top:-60px;background:white;padding:12px}.skip:focus{top:10px;z-index:5}.wrap{max-width:1180px;width:calc(100% - 80px);margin:auto}.header{height:108px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;font:800 28px Manrope,sans-serif;letter-spacing:-1.3px}.brand>span:first-child{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:#fff;border-radius:11px;padding-bottom:4px}nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}nav a:hover{color:var(--accent)}.nav-cta{padding:12px 17px;border:1px solid #d9d4ee;border-radius:8px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:60px 0 100px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--accent);margin:0 0 24px}h1{font:800 clamp(45px,5.3vw,68px)/1.09 Manrope,sans-serif;letter-spacing:-3px;margin:0 0 30px}h1 em{font-style:normal;color:var(--accent)}.lede{font-size:17px;line-height:1.8;color:var(--muted);max-width:430px}.button{display:inline-flex;gap:42px;padding:16px 22px;background:var(--accent);color:white;font-size:14px;font-weight:600;border-radius:9px;margin-top:24px;transition:background .2s}.button:hover{background:#4434c4}.availability-note{font-size:12px;color:var(--muted);margin-top:20px}.product-scene{background:#eeecfa;border-radius:38px;padding:30px 36px 24px;transform:rotate(2deg)}.sample-label{font-size:10px;letter-spacing:1.6px;color:#7d76a0;text-align:center;margin-bottom:20px;font-weight:600}.phone{background:#fff;border:6px solid #e2dff1;border-radius:29px;padding:24px 20px;box-shadow:0 24px 45px #3b2c6314}.phone-top{display:flex;align-items:center;justify-content:space-between}.brand.small{font-size:20px;gap:6px}.brand.small>span{width:27px;height:27px;font-size:21px;border-radius:8px}.sample-badge{font-size:8px;color:var(--muted);letter-spacing:1px}.phone h2{font-size:22px;letter-spacing:-.7px;margin:24px 0 18px}.balance{background:var(--accent);color:white;padding:23px 19px;border-radius:15px;display:flex;flex-direction:column;gap:12px}.balance>span{font-size:11px;color:#e0dcff}.balance strong{font:700 34px Manrope,sans-serif;letter-spacing:-1px}.balance small{font-size:10px;color:#e0dcff}.preview-heading{display:flex;justify-content:space-between;margin:24px 0 10px;font-size:13px;font-weight:700}.preview-heading span{font-size:10px;font-weight:400;color:var(--muted)}.payment{display:flex;gap:10px;align-items:center;border-bottom:1px solid #f1f0f6;padding:13px 0;font-size:11px}.payment>div{flex:1}.payment small{display:block;color:var(--muted);margin-top:4px;font-size:9px}.merchant-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font:800 16px Manrope}.music{background:#e6f6e9;color:#36825a}.cloud{background:#e7f0fe;color:#4775b5}.internet{background:#ffedee;color:#ba3a4e}.sample-reminder{margin-top:20px;border-radius:11px;background:#f5f3fe;padding:15px;display:flex;flex-direction:column;gap:7px}.sample-reminder span{font-size:8px;letter-spacing:1px;color:var(--accent)}.sample-reminder strong{font-size:12px}.sample-reminder small{font-size:10px;color:var(--muted)}.scene-caption{font-size:10px;color:#7d76a0;text-align:center;line-height:1.6;margin:18px 0 0}.section{padding:95px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.section-heading>.eyebrow{grid-column:1/-1}.section-heading h2{font:700 37px/1.25 Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.section-heading>p:last-child{max-width:390px;color:var(--muted);font-size:16px;line-height:1.8;align-self:center}.steps{margin-top:50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.steps article{padding-top:24px;border-top:1px solid #d9d6e8;display:flex;gap:16px}.step-number{font-size:12px;font-weight:600;color:var(--accent);padding-top:3px}h3{font:700 16px Manrope,sans-serif;margin:0 0 12px;letter-spacing:-.3px}.steps p,.feature-list p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.features-section{background:#f0eef8}.features{display:grid;grid-template-columns:1fr 1fr;gap:90px}.features h2,.availability h2{font:700 43px/1.2 Manrope,sans-serif;letter-spacing:-1.7px;margin:0}.section-description{color:var(--muted);line-height:1.8;font-size:16px;max-width:320px;margin-top:25px}.feature-list{display:flex;flex-direction:column;gap:28px}.feature-list article{display:flex;gap:18px}.feature-list article>span{background:white;width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;color:var(--accent);font-size:18px}.availability{display:grid;grid-template-columns:1.4fr 1fr;gap:110px}.availability>div>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:16px;line-height:1.8;margin:25px 0}.store-note{font-size:13px;font-weight:600;color:var(--accent);margin-top:26px}.availability aside{background:#f1eff8;padding:32px;border-radius:20px;align-self:center}.availability aside p{font-size:14px;line-height:1.8;color:var(--muted)}hr{border:0;border-top:1px solid #dedbe9;margin:25px 0}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:30px 0}footer p,footer>span{font-size:12px;color:var(--muted)}footer .brand{font-size:20px}footer .brand>span{width:28px;height:28px;border-radius:8px}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:35px;padding-top:35px}.product-scene{padding:25px 16px}.section{padding:70px 0}.features,.availability{gap:40px}.section-heading{gap:20px}h1{font-size:48px}.steps{gap:18px}.steps article{display:block}.step-number{display:block;margin-bottom:15px}.phone{padding:20px 15px}.section-heading h2{font-size:30px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:90px}.brand{font-size:24px}.brand>span:first-child{width:33px;height:33px}nav{gap:16px;font-size:12px}nav a:first-child{display:none}.nav-cta{padding:10px}.hero{grid-template-columns:1fr;gap:50px;padding:40px 0 60px}h1{font-size:52px;letter-spacing:-2.5px}.lede{font-size:16px}.eyebrow{font-size:10px;letter-spacing:1.1px}.product-scene{max-width:350px;width:100%;margin:auto;padding:25px 25px}.section-heading,.features,.availability{grid-template-columns:1fr;gap:20px}.section-heading h2{font-size:31px}.section-heading .eyebrow{margin-bottom:0}.steps{grid-template-columns:1fr;margin-top:24px}.steps article{display:flex;padding-top:20px}.steps p{font-size:15px}.steps h3{margin-bottom:8px}.steps .step-number{margin-top:2px}.section{padding:60px 0}.features h2,.availability h2{font-size:36px}.feature-list{margin-top:15px}.availability aside{margin-top:20px}footer{flex-wrap:wrap}footer p{display:none}.intro .availability-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}