:root{--ink:#12241f;--paper:#f3efe4;--gold:#d4a45a;--tomato:#c4452d;--tomato-deep:#9e331f;--shadow:0 28px 60px rgba(8,18,14,.45);--font-display:Fraunces,Georgia,serif;--font-body:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--paper);background:#0b1713;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.stage{position:relative;min-height:100svh;overflow:clip;display:grid;grid-template-rows:auto 1fr auto}.hero-media{position:absolute;inset:0;z-index:0}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 35%;transform:scale(1.04);animation:drift 18s ease-in-out infinite alternate;filter:saturate(.92) contrast(1.05)}.hero-veil{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 18% 35%,rgba(31,77,61,.35),transparent 60%),linear-gradient(105deg,rgba(8,18,14,.88),rgba(8,18,14,.72) 42%,rgba(8,18,14,.35) 68%,rgba(8,18,14,.55)),linear-gradient(to top,rgba(8,18,14,.85),transparent 40%)}.top,.hero,.foot{position:relative;z-index:1}.top{padding:1.25rem clamp(1.25rem,4vw,3rem) 0}.brand-lockup{display:inline-flex;align-items:center;gap:.75rem;animation:rise .9s ease both}.brand-mark{border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.35)}.brand-word{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(1.5rem,5vh,3.5rem) clamp(1.25rem,4vw,3rem) clamp(1.5rem,4vh,2.5rem)}.copy{max-width:34rem}.kicker{margin:0 0 .85rem;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);animation:rise .9s .08s ease both}h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,8vw,5.4rem);line-height:.95;letter-spacing:-.03em;animation:rise 1s .12s ease both}.lede{margin:1.25rem 0 0;font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:1.55;color:rgba(243,239,228,.88);max-width:30rem;animation:rise 1s .2s ease both}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem;animation:rise 1s .28s ease both}.store-btn{appearance:none;border:0;display:inline-flex;align-items:center;gap:.75rem;min-width:11.5rem;padding:.85rem 1.15rem;border-radius:14px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.store-btn svg{width:1.55rem;height:1.55rem;flex:0 0 auto}.store-btn span{display:grid;line-height:1.15;text-align:left}.store-btn small{font-size:.7rem;opacity:.8;font-weight:500}.store-btn strong{font-size:1rem;font-weight:700}.store-btn.apple{background:var(--tomato);color:#fff8f4;box-shadow:0 14px 30px rgba(196,69,45,.35)}.store-btn.apple:hover{background:var(--tomato-deep);transform:translateY(-2px)}.store-btn.android{background:rgba(243,239,228,.12);color:var(--paper);border:1px solid rgba(243,239,228,.28)}.store-btn.android:disabled{cursor:default;opacity:.92}.hint{min-height:1.4rem;margin:1rem 0 0;font-size:.92rem;color:rgba(243,239,228,.72);animation:rise 1s .34s ease both}.phone-stage{position:relative;height:min(68vh,560px);min-height:420px;display:grid;place-items:center;animation:rise 1.1s .18s ease both}.phone{position:absolute;width:min(42%,210px);aspect-ratio:9/19.5;border-radius:28px;overflow:hidden;border:2px solid rgba(243,239,228,.35);background:#0b1713;box-shadow:var(--shadow)}.phone img{width:100%;height:100%;object-fit:cover;display:block}.phone-back{transform:translate(-38%,8%) rotate(-10deg) scale(.9);opacity:.72;animation:float-a 7s ease-in-out infinite}.phone-mid{transform:translate(36%,4%) rotate(8deg) scale(.92);opacity:.82;animation:float-b 8s ease-in-out infinite}.phone-front{width:min(48%,240px);z-index:2;animation:float-c 6.5s ease-in-out infinite}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding:0 clamp(1.25rem,4vw,3rem) 1.35rem;font-size:.82rem;color:rgba(243,239,228,.62)}.foot p{margin:0}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{from{transform:scale(1.04)}to{transform:scale(1.08) translate3d(-1.2%,-.8%,0)}}@keyframes float-a{0%,100%{transform:translate(-38%,8%) rotate(-10deg) scale(.9)}50%{transform:translate(-38%,2%) rotate(-8deg) scale(.9)}}@keyframes float-b{0%,100%{transform:translate(36%,4%) rotate(8deg) scale(.92)}50%{transform:translate(36%,-2%) rotate(10deg) scale(.92)}}@keyframes float-c{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:1.25rem}.phone-stage{order:-1;height:380px;min-height:340px}.phone-front{width:min(46%,200px)}.phone-back,.phone-mid{width:min(40%,170px)}}@media(max-width:560px){h1{font-size:clamp(2.6rem,12vw,3.4rem)}.cta-row{flex-direction:column}.store-btn{width:100%;justify-content:center}.phone-stage{height:320px;min-height:300px}.foot{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hero-photo{transform:none}}