:root{--paper:#fff8f1;--ink:#273647;--pink:#dc5f88;--pink-dark:#b9436d;--mist:#ffe2ea;--yellow:#ffd867;--green:#80c9a0;--line:rgba(220,95,136,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}a{color:inherit}.nav{height:76px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,248,241,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px dashed var(--pink)}.brand{color:var(--pink);font-weight:900;font-size:24px;text-decoration:none;letter-spacing:.04em}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{text-decoration:none;font-weight:700;font-size:14px}.nav-cta,.button{background:var(--pink);color:white!important;border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:999px;padding:12px 20px;text-decoration:none;font-weight:900;display:inline-block}.hero{min-height:690px;max-width:1240px;margin:auto;padding:80px 56px 60px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{color:var(--pink);font-weight:900;letter-spacing:.14em;font-size:13px}.hero h1,.section h2,.world h2,.download h2{font-size:clamp(42px,6vw,78px);line-height:1.08;margin:16px 0 24px;letter-spacing:-.04em}.hero h1 span{color:var(--pink)}.lead{font-size:18px;line-height:2;margin-bottom:30px}.availability{font-size:12px;color:#637080;margin-left:14px;display:inline-block}.hero-art{height:520px;position:relative}.phone{position:absolute;width:238px;height:488px;border:7px solid var(--ink);border-radius:38px;background:white;overflow:hidden;box-shadow:10px 14px 0 rgba(39,54,71,.14)}.phone img{width:1330px;max-width:none}.phone-back{left:4%;top:35px;transform:rotate(-7deg)}.phone-back img{transform:translate(-266px,-15px)}.phone-front{right:6%;top:0;transform:rotate(7deg);z-index:2}.phone-front img{transform:translate(-1060px,-630px)}.doodle{position:absolute;color:var(--pink);font-size:54px;font-weight:900}.star{right:0;top:80px}.bolt{left:6px;bottom:50px;color:var(--yellow)}.heart{right:40px;bottom:6px;color:var(--green)}.ticker{background:var(--pink);color:white;padding:18px;display:flex;gap:34px;justify-content:center;font-weight:900;font-size:18px;letter-spacing:.15em;transform:rotate(-1deg);box-shadow:0 6px 0 var(--ink)}.ticker i{color:var(--yellow)}.section{padding:130px 56px;max-width:1200px;margin:auto;text-align:center}.section h2,.world h2,.download h2{font-size:clamp(36px,5vw,60px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;text-align:left}.cards article{background:white;border:3px solid var(--ink);border-radius:24px;padding:28px;position:relative;box-shadow:7px 8px 0 var(--mist)}.cards article:nth-child(2){transform:translateY(22px)}.number{position:absolute;right:20px;top:18px;color:#f2b2c5;font-weight:900;font-size:30px}.icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--mist);font-size:32px;color:var(--pink);border:2px dashed var(--pink)}.cards h3{font-size:22px;margin:20px 0 10px}.cards p,.world-copy p{line-height:1.9;color:#53616f}.world{max-width:1240px;margin:0 auto 120px;padding:70px 56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;background:rgba(255,255,255,.72);border:3px dashed var(--pink);border-radius:34px}.world ul{padding-left:20px;line-height:2;font-weight:700}.screen-sheet{height:570px;overflow:hidden;border-radius:24px;border:4px solid var(--ink);background:#f9dce5;box-shadow:10px 12px 0 var(--mist)}.screen-sheet img{width:100%;display:block}.download{text-align:center;padding:120px 24px 130px;background:var(--mist);position:relative;overflow:hidden}.download p:not(.eyebrow){font-size:17px}.big-star{font-size:240px;color:rgba(255,255,255,.7);position:absolute;left:5%;top:-50px}.store-badge{display:inline-block;margin-top:26px;background:var(--ink);color:white;border-radius:13px;padding:12px 32px;font-size:18px;font-weight:700;text-align:left}.store-badge small{font-size:11px;font-weight:400}footer{padding:42px 56px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}footer div{display:flex;gap:22px;font-size:12px}footer p{grid-column:1/-1;color:#aab3bd;font-size:11px;margin:0}
@media(max-width:800px){.nav nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:55px 24px 30px;text-align:center}.hero-art{height:460px}.lead br{display:none}.phone{width:205px;height:420px}.phone img{width:1145px}.phone-back img{transform:translate(-230px,-12px)}.phone-front img{transform:translate(-912px,-540px)}.cards{grid-template-columns:1fr}.cards article:nth-child(2){transform:none}.section{padding:90px 24px}.world{grid-template-columns:1fr;margin:0 18px 80px;padding:45px 24px}.screen-sheet{height:430px}footer{padding:38px 24px;grid-template-columns:1fr}footer div{flex-direction:column;gap:12px}.ticker{gap:14px;font-size:13px}.hero h1{font-size:48px}}
@media(max-width:430px){.hero-art{height:390px}.phone{width:170px;height:350px;border-radius:28px}.phone img{width:950px}.phone-back img{transform:translate(-190px,-10px)}.phone-front img{transform:translate(-758px,-450px)}.availability{display:block;margin:18px 0}.screen-sheet{height:330px}}
.store-badge{text-decoration:none}.legal-nav{position:static}.legal-nav>a:last-child{font-size:13px;font-weight:700;text-decoration:none}.legal{max-width:840px;margin:0 auto;padding:80px 28px 120px;line-height:1.9}.legal h1{font-size:clamp(38px,7vw,58px);line-height:1.2;margin:12px 0 34px;letter-spacing:-.03em}.legal h2{margin:48px 0 14px;font-size:25px;line-height:1.45}.legal h3{margin:26px 0 8px;font-size:18px}.legal p,.legal li{font-size:15px}.legal ul,.legal ol{padding-left:1.5em}.legal li+li{margin-top:8px}.legal a{color:var(--pink-dark);text-underline-offset:3px}.legal-date{margin-top:48px;color:#637080;font-size:13px!important}.legal-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:46px;padding-top:24px;border-top:1px dashed var(--pink)}
