:root{--bg: #1A1A20;--bg-panel: #22222A;--bg-deep: #121217;--primary: #FF6B35;--primary-glow: rgba(255, 107, 53, .35);--accent: #4ECDC4;--accent-glow: rgba(78, 205, 196, .3);--text: #F8F7F4;--text-mid: rgba(248, 247, 244, .72);--text-dim: rgba(248, 247, 244, .5);--rule: rgba(248, 247, 244, .1);--rule-strong: rgba(248, 247, 244, .18);--display: Impact, "Arial Black", "Helvetica Neue Condensed Bold", "Helvetica Neue", system-ui, sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Helvetica, Arial, sans-serif;font-family:var(--body);line-height:1.55;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100%}body{min-width:320px;overflow-x:hidden;font-family:var(--body);font-feature-settings:"ss01","cv11"}#root{width:100%;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--primary)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}button,input{font-family:inherit;font-size:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img,svg{display:block}.page{max-width:1180px;margin:0 auto;padding:0 1.5rem}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(180deg,#1a1a20eb,#1a1a20a6 70%,#1a1a2000);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1180px;margin:0 auto}.nav-logo{display:inline-flex;align-items:center;gap:.55rem;color:var(--text);font-family:var(--body);font-weight:700;font-size:1.05rem;letter-spacing:-.005em;text-decoration:none}.nav-logo:hover{color:var(--text)}.nav-dot{display:inline-block;width:.55rem;height:.55rem;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px #ff6b352e}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-links a{color:var(--text-mid);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.005em}.nav-links a:hover{color:var(--text)}.nav-links .pill-cta-sm,.nav-links .pill-cta-sm:hover{color:var(--bg)}@media(max-width:640px){.nav-links a:not(.pill-cta-sm){display:none}.nav{padding:.85rem 1.25rem}}.pill-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--primary);color:var(--bg);border:1.5px solid var(--primary);padding:.95rem 1.85rem;font-weight:700;font-size:.95rem;letter-spacing:.005em;border-radius:999px;text-decoration:none;cursor:pointer;transition:filter .15s ease,transform .05s ease,background .15s ease,color .15s ease,border-color .15s ease;font-family:var(--body)}.pill-cta:hover{filter:brightness(1.08);color:var(--bg)}.pill-cta:active{transform:translateY(1px)}.pill-cta-sm{padding:.55rem 1.05rem;font-size:.82rem;font-weight:700}.pill-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.pill-outline:hover{background:#4ecdc41a;color:var(--accent);border-color:var(--accent)}.tracker{display:inline-flex;align-items:center;gap:.85rem;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 1.5rem}.tracker:before{content:"";display:inline-block;width:1.75rem;height:1.5px;background:var(--accent);flex-shrink:0}.hero{position:relative;isolation:isolate;overflow:hidden;padding:3.5rem 1.5rem 4rem}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 12% 10%,rgba(255,107,53,.22),transparent 60%),radial-gradient(ellipse 60% 55% at 88% 92%,rgba(78,205,196,.18),transparent 60%);pointer-events:none}.hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}.hero-text{position:relative;z-index:1}.hero-visual{position:relative;width:100%;max-width:560px;margin:0 auto}.wordmark{font-family:var(--display);font-weight:900;color:var(--primary);font-size:clamp(4.5rem,14vw,10.5rem);line-height:.86;letter-spacing:-.015em;margin:.25rem 0 1.25rem;text-shadow:0 2px 0 rgba(0,0,0,.2)}.hook{font-family:var(--body);font-weight:600;color:var(--text);font-size:clamp(1.4rem,3.6vw,2.5rem);line-height:1.18;letter-spacing:-.01em;margin:0 0 1rem;max-width:22ch}.hero-sub{font-size:1.05rem;color:var(--text-mid);margin:0 0 2rem;font-weight:500}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}.dice-art{width:100%;height:auto;max-width:620px;margin:0 auto;filter:drop-shadow(0 36px 55px rgba(0,0,0,.55));animation:hero-float 7s ease-in-out infinite;will-change:transform}@keyframes hero-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-1.2deg)}}@media(prefers-reduced-motion:reduce){.dice-art{animation:none!important;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}}.section{padding:5rem 1.5rem;position:relative}.section--alt{background:var(--bg-panel)}.section+.section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(78,205,196,.4) 30%,rgba(255,107,53,.4) 70%,transparent 100%);opacity:.6}.section h2{font-family:var(--display);font-weight:900;font-size:clamp(2rem,5.5vw,3.5rem);letter-spacing:-.005em;line-height:1.04;color:var(--text);margin:0 0 1.5rem;max-width:22ch}.section p{color:var(--text-mid);font-size:1.0625rem;line-height:1.65;margin:0 0 1rem;max-width:56ch}.section p:last-child{margin-bottom:0}.steps-grid{list-style:none;margin:2.25rem 0 0;padding:0;display:grid;gap:1.25rem;grid-template-columns:1fr}.step-card{background:#f8f7f40a;border:1px solid var(--rule);border-radius:16px;padding:1.75rem 1.75rem 2rem;position:relative;overflow:hidden;transition:border-color .2s ease,background .2s ease}.section--alt .step-card{background:#f8f7f406}.step-card:hover{border-color:var(--rule-strong);background:#f8f7f40f}.step-card:after{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,107,53,.18),transparent 65%);pointer-events:none}.step-n{display:block;font-family:var(--display);font-weight:900;font-size:clamp(3.25rem,7vw,5rem);color:var(--primary);line-height:.9;margin-bottom:.4rem;letter-spacing:-.02em}.step-card strong{display:block;font-family:var(--body);font-weight:700;color:var(--text);font-size:1.15rem;margin-bottom:.4rem;letter-spacing:-.005em}.step-body{color:var(--text-mid);font-size:1rem;line-height:1.55}.ios-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;margin-top:2.25rem}.ios-card{background:linear-gradient(160deg,#4ecdc40f,#ff6b350a);border:1px solid var(--rule);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.ios-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,rgba(255,107,53,.12),transparent 60%);pointer-events:none}.ios-pill{display:inline-flex;align-items:center;gap:.45rem;background:#4ecdc414;color:var(--accent);border:1.5px solid var(--accent);padding:.55rem 1.05rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.5rem}.ios-pill-dot{width:.5rem;height:.5rem;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px #4ecdc440}.ios-card h2{margin-bottom:.85rem}.ios-lede{color:var(--text-mid);font-size:1.05rem;margin:0 0 1.75rem;max-width:44ch}.app-badge{display:inline-flex;align-items:center;gap:.65rem;background:#000;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:13px;padding:.6rem 1.15rem;text-decoration:none;transition:filter .15s ease,transform .05s ease,border-color .15s ease}.app-badge:hover{filter:brightness(1.18);color:#fff;border-color:#ffffff73}.app-badge:active{transform:translateY(1px)}.app-badge-logo{width:1.7rem;height:1.7rem;flex-shrink:0}.app-badge-text{display:flex;flex-direction:column;line-height:1.05;text-align:left}.app-badge-text small{font-size:.62rem;font-weight:500;letter-spacing:.01em;opacity:.92}.app-badge-text strong{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.phone-shot-stack{position:relative;width:100%;max-width:360px;margin:0 auto;padding-bottom:.5rem}.phone-shot{border-radius:38px;padding:7px;background:linear-gradient(160deg,#2b2b34,#131318);border:1px solid rgba(78,205,196,.4);box-shadow:0 25px 45px #00000080}.phone-shot img{width:100%;height:auto;border-radius:31px;display:block}.phone-shot--front{position:relative;width:72%;margin-left:auto;z-index:2}.phone-shot--back{position:absolute;top:1.5rem;left:0;width:64%;opacity:.92;transform:rotate(-5deg);z-index:1}footer{padding:3rem 1.5rem 3.5rem;position:relative}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(78,205,196,.35) 30%,rgba(255,107,53,.35) 70%,transparent 100%);opacity:.6}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text-dim);font-size:.85rem;flex-wrap:wrap}.footer-mark{display:inline-flex;align-items:center;gap:.6rem;color:var(--text-dim)}.footer-mark svg{width:1.35rem;height:1.35rem;flex-shrink:0}.footer-links{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap;color:var(--text-dim)}.footer-links a{color:var(--text-mid)}.footer-links a:hover{color:var(--primary)}@media(min-width:900px){.hero{padding:5rem 2rem;min-height:88vh;display:flex;flex-direction:column;justify-content:center}.hero-grid{grid-template-columns:1.1fr .9fr;gap:3.5rem}.hero-visual{max-width:none}.section{padding:7rem 2rem}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.ios-grid{grid-template-columns:1.25fr .75fr;gap:3rem}.ios-card{padding:2.5rem}}.rol-die{position:relative;width:56px;height:56px;border-radius:13px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;padding:9px;box-shadow:0 8px 18px #00000073,inset 0 -3px 6px #00000040;animation:rolDieTumble .55s cubic-bezier(.2,.85,.3,1.1)}.rol-die-gloss{position:absolute;inset:3px 3px 50%;border-radius:13px 13px 40% 40%;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.rol-pip{width:9px;height:9px;border-radius:50%;background:#1a1a20;box-shadow:inset 0 1px 2px #00000080}@keyframes rolDieTumble{0%{transform:rotate(-200deg) scale(.55)}60%{transform:rotate(18deg) scale(1.08)}to{transform:rotate(0) scale(1)}}.rol-roll-btn{animation:rolRollPulse .9s ease-in-out infinite alternate}@keyframes rolRollPulse{0%{transform:scale(1);box-shadow:0 0 12px #ff6b3540}to{transform:scale(1.03);box-shadow:0 0 28px #ff6b3599}}@media(prefers-reduced-motion:reduce){.rol-die,.rol-roll-btn{animation:none}}.recap-card{animation:recapPop .5s cubic-bezier(.2,.9,.3,1.2) both}@keyframes recapPop{0%{transform:scale(.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.recap-row{animation:recapRowIn .4s cubic-bezier(.2,.85,.3,1) both}@keyframes recapRowIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.recap-card,.recap-row{animation:none}}.lb-row{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.rol-your-roll{animation:rolRollPulse .9s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.lb-row{transition:none}}.lb-roller{animation:lbRollerGlow .9s ease-in-out infinite alternate}@keyframes lbRollerGlow{0%{box-shadow:0 0 4px 0 var(--lbc)}to{box-shadow:0 0 16px 2px var(--lbc)}}@media(prefers-reduced-motion:reduce){.lb-roller{animation:none}}.rol-confetti{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.rol-confetti span{position:absolute;top:-50px;animation:rolConfettiFall 2.6s ease-in forwards}@keyframes rolConfettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(112vh) rotate(380deg);opacity:0}}.win-trophy{animation:winTrophyDrop .7s cubic-bezier(.2,.9,.3,1.3) both}@keyframes winTrophyDrop{0%{transform:translateY(-80px) scale(.4);opacity:0}60%{transform:translateY(8px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.win-name{animation:winNamePop .6s .25s cubic-bezier(.2,.9,.3,1.2) both}@keyframes winNamePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.rol-danger-pop{animation:recapPop .45s cubic-bezier(.2,.9,.3,1.3) both}@media(prefers-reduced-motion:reduce){.rol-confetti,.win-trophy,.win-name,.rol-danger-pop{animation:none}}