:root{color-scheme:dark;--bg:#0b0b10;--text:#f6f5fa;--muted:#a5a3b2;--accent:#ff4797}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header,main,footer{max-width:1240px;margin:auto}.header{padding:28px 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:23px;letter-spacing:-.7px}.brand img{border-radius:9px;object-fit:cover}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav>a:not(.nav-download),footer a:not(.brand){color:var(--muted)}nav a:hover,footer a:hover{color:var(--accent)}.nav-download{border:1px solid #393940;padding:10px 18px;border-radius:30px}.nav-download span{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;min-height:690px;padding:50px 48px 80px;overflow:hidden}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 24px}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.08;letter-spacing:-3.5px;margin:0 0 28px;font-weight:800}h1 span{color:var(--accent)}.intro{color:var(--muted);font-size:18px;line-height:1.8;max-width:470px;margin:0 0 32px}.download{display:inline-flex;gap:13px;align-items:center;background:var(--text);color:#101015;padding:12px 24px;border-radius:12px;transition:transform .2s}.download:hover,.button:hover{transform:translateY(-3px)}.download small{display:block;font-size:10px;letter-spacing:1px;line-height:1.4}.download strong{display:block;font-size:23px;line-height:1.3;font-weight:600}.availability{color:var(--muted);font-size:12px;margin-top:13px}.showcase{height:560px;position:relative;isolation:isolate}.showcase:before{content:'';position:absolute;inset:40px -40px;background:radial-gradient(ellipse,#61359d55,transparent 67%);z-index:-1}.screen{position:absolute;width:238px;height:510px;overflow:hidden;border-radius:27px;border:6px solid #24242c;background:#111;box-shadow:0 25px 60px #0009}.screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.front{left:20px;top:35px;transform:rotate(-7deg)}.back{right:0;top:0;transform:rotate(9deg);filter:brightness(.85)}.about{border-top:1px solid #25252d;padding:80px 48px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;align-items:center}.section-head .eyebrow{grid-column:1/-1}h2{font-size:40px;line-height:1.2;letter-spacing:-1.4px;margin:0}.section-head>p:last-child{color:var(--muted);font-size:18px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.features article{border-top:1px solid #35353e;padding-top:22px}.number{color:var(--accent);font-size:13px}.features h3{font-size:20px;margin:15px 0 10px;letter-spacing:-.4px}.features p{color:var(--muted);margin:0}.cta{margin:0 48px 80px;padding:36px 40px;border-radius:20px;background:#21131d;display:flex;gap:30px;align-items:center;justify-content:space-between}.cta .eyebrow{margin-bottom:12px}.cta h2{font-size:30px}.button{display:inline-flex;align-items:center;gap:22px;background:var(--accent);color:#180910;padding:15px 23px;border-radius:8px;font-weight:700;white-space:nowrap;transition:transform .2s}footer{border-top:1px solid #25252d;padding:30px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer .brand{font-size:19px}footer p,footer>div{font-size:12px;color:var(--muted)}footer>div{display:flex;gap:22px}@media(min-width:1400px){.hero{min-height:760px}}@media(max-width:1000px){.screen{width:200px;height:435px}.showcase{height:480px}.front{left:0}.back{right:-12px}.hero{gap:16px}h1{font-size:60px}.section-head{gap:0 30px}.cta{padding:30px}.cta h2{font-size:25px}footer{flex-wrap:wrap}}@media(max-width:720px){.header{padding:22px 24px}nav{gap:14px}nav>a:not(.nav-download){display:none}.brand{font-size:21px}.nav-download{padding:8px 13px}.hero{grid-template-columns:1fr;padding:40px 24px 50px;text-align:center;gap:25px;min-height:0}h1{font-size:clamp(46px,10vw,64px);letter-spacing:-2px}.intro{font-size:16px;margin:0 auto 28px}.eyebrow{font-size:11px;letter-spacing:1.5px}.showcase{width:min(100%,380px);height:440px;margin:0 auto}.screen{width:190px;height:405px;border-width:5px}.front{left:14px;top:24px}.back{right:12px;top:0}.about{padding:48px 24px}.section-head{display:block}.section-head h2{font-size:34px;margin-bottom:22px}.section-head>p:last-child{font-size:16px}.features{grid-template-columns:1fr;gap:28px;margin-top:35px}.features h3{margin-top:8px}.cta{margin:0 24px 48px;padding:28px;flex-direction:column;align-items:flex-start}.cta h2{font-size:28px}footer{padding:28px 24px;flex-direction:column;align-items:flex-start;gap:18px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download,.button{transition:none}}

