main{max-width:1080px;margin:0 auto;padding:0 24px}
.top{max-width:1080px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.top__brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.05rem}
.top__nav{display:flex;gap:20px;font-size:.95rem}.top__nav a{color:var(--soft);text-decoration:none}.top__nav a:hover{color:var(--ink)}
.eyebrow{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:700;margin:0 0 10px}
section{padding:72px 0}section h2{margin-top:0;font-size:clamp(1.6rem,3.6vw,2.4rem)}
.btn{display:inline-block;background:linear-gradient(#EDEEF2,#B9BCC4);color:#0A0A0C;font-weight:700;padding:15px 24px;border-radius:14px;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 30px rgba(0,0,0,.45)}.btn:hover{color:#000;filter:brightness(1.05)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:40px}
.hero h1{font-size:clamp(2.4rem,6.5vw,4.2rem)}
.phone{position:relative;margin:0 auto;width:min(380px,70vw);aspect-ratio:1317/2716}
.phone__frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.phone__shot{position:absolute;left:4.176%;top:1.767%;width:91.572%;height:96.502%;border-radius:16.6% / 7.64%;object-fit:cover}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.steps li{background:linear-gradient(#1A1B20,#111216);border:1px solid var(--line);border-radius:16px;padding:22px}.steps h3{margin:10px 0 6px;font-size:1.15rem}.steps p{margin:0;color:var(--soft)}
.step__n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--silver);color:#0A0A0C;font-weight:800}
.show{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.show--flip .show__text{order:2}.show p{color:var(--soft);max-width:44ch}
.services{text-align:center}.services .lede{margin:0 auto 22px}
.chips{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.chip{padding:10px 18px;border-radius:999px;font-weight:700;color:#0A0A0C}.chip--apple{background:linear-gradient(135deg,#FA2D48,#FF6A3D);color:#fff}.chip--spotify{background:linear-gradient(#24E066,#17B14E)}
.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid .card{margin:0}.grid h3{margin:0 0 6px;font-size:1.05rem}.grid p{margin:0;color:var(--soft);font-size:.98rem}
.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";float:right;color:var(--faint)}.faq details[open] summary::after{content:"–"}.faq p{color:var(--soft);margin:10px 0 0}
.final{text-align:center;padding-bottom:40px}.final .lede{margin:0 auto 22px}
.foot{max-width:1080px;margin:0 auto;padding:30px 24px 60px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--faint);font-size:.9rem;border-top:1px solid var(--line)}.foot nav{display:flex;gap:18px}.foot a{color:var(--soft);text-decoration:none}
@media (max-width:760px){.hero,.show{grid-template-columns:1fr}.show--flip .show__text{order:0}.steps,.grid{grid-template-columns:1fr}.top__nav{display:none}section{padding:52px 0}}