.home-page {overflow-x:clip;}
.home-page .hero {min-height:calc(100svh - 130px);}
.home-page .hero-art {transform:translate3d(0,calc(var(--hero-scroll,0) * 55px),0) scale(calc(1 - var(--hero-scroll,0) * .06));}
.home-motion-ready .home-reveal {opacity:0;translate:0 30px;filter:blur(5px);transition:opacity .75s var(--ease) var(--reveal-delay,0ms),translate .9s var(--ease) var(--reveal-delay,0ms),filter .75s var(--ease) var(--reveal-delay,0ms);}
.home-motion-ready .home-reveal.is-visible {opacity:1;translate:0 0;filter:blur(0);}
.home-story {--story-accent:var(--lime);--story-progress:0;position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:start;padding-top:12vh;padding-bottom:10vh;}
.home-story[data-step="1"] {--story-accent:var(--violet);}
.home-story[data-step="2"] {--story-accent:var(--orange);}
.home-story-visual {position:sticky;top:18vh;height:65vh;max-height:660px;min-height:360px;display:grid;place-items:center;isolation:isolate;}
.story-glow {position:absolute;inset:7% -8%;z-index:-2;background:radial-gradient(ellipse,color-mix(in srgb,var(--story-accent) 16%,transparent),transparent 65%);transition:background .8s ease;}
.story-orbit {position:absolute;width:87%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--story-accent) 25%,transparent);border-radius:50%;transform:rotate(calc(var(--story-progress) * 110deg));transition:border-color .8s ease;}
.story-orbit::before {content:"";position:absolute;inset:13%;border:1px dashed #7c8d642b;border-radius:50%;}
.story-orbit::after {content:"";position:absolute;top:14%;left:14%;width:8px;height:8px;background:var(--story-accent);box-shadow:0 0 25px var(--story-accent);border-radius:50%;transition:background .8s ease;}
.story-visual-caption {position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;color:#8d9b88;font-size:9px;letter-spacing:2px;}
.story-object {position:absolute;inset:10% -5% 12%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(35px) scale(.88);transition:opacity .65s ease,transform .9s var(--ease);pointer-events:none;}
.story-object-box>svg {width:120%;height:100%;overflow:visible;filter:drop-shadow(0 25px 35px #0008);}
.home-story[data-step="0"] .story-object-box,.home-story[data-step="1"] .story-object-scratch,.home-story[data-step="2"] .story-object-win {opacity:1;transform:translateY(0) scale(1);}
.story-symbol {width:115px;height:115px;fill:none;stroke:var(--story-accent);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
.story-object>span {font-family:var(--display);font-size:clamp(25px,4vw,53px);letter-spacing:-1px;color:var(--story-accent);margin-top:22px;}
.story-scratch-line {position:absolute;inset:50% 15% auto;height:2px;background:linear-gradient(90deg,transparent,var(--story-accent),transparent);transform:rotate(-28deg);box-shadow:0 0 25px var(--story-accent);}
.story-win-ring {display:grid;place-items:center;width:170px;height:170px;border:1px solid #ff9c5555;border-radius:50%;background:#ff9c5508;}
.story-stage-label {position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:22px;color:var(--story-accent);font-size:10px;letter-spacing:2px;transition:color .8s ease;}
.story-progress-track {flex:1;height:1px;background:#3c4539;}
.story-progress-track>span {display:block;width:100%;height:2px;background:var(--story-accent);transform:scaleX(var(--story-progress));transform-origin:left;}
.story-step {min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:10vh;}
.story-step .eyebrow {color:var(--story-accent);transition:color .8s ease;}
.story-step h2 {font-family:var(--display);font-size:clamp(32px,4.2vw,68px);font-weight:400;line-height:1.17;letter-spacing:-1.7px;margin:25px 0;}
.story-step h2 em {font-style:normal;color:var(--story-accent);transition:color .8s ease;}
.story-step>p:not(.eyebrow) {font-size:17px;line-height:1.9;color:var(--muted);max-width:390px;}
.story-step .button {margin-top:18px;}
.story-scroll-cue {display:flex;align-items:center;gap:16px;margin-top:30px;font-size:9px;letter-spacing:1px;color:#9eab92;}
.story-scroll-cue>span {font-size:22px;color:var(--lime);}
.home-page .how-section {border-top:1px solid var(--line);}
.home-page .closing-note {padding-block:55px;}
@media(max-width:700px){.home-page .hero{min-height:0;}.home-story{grid-template-columns:1fr;padding-top:35px;gap:0;}.home-story-visual{top:8px;height:35svh;min-height:230px;max-height:320px;z-index:2;background:linear-gradient(var(--bg) 85%,transparent);margin-bottom:30px;}.story-glow{inset:0 5%;}.story-orbit{width:230px;}.story-object{inset:4% 12% 12%;}.story-object-box>svg{width:100%;}.story-visual-caption{font-size:7px;letter-spacing:1.2px;}.story-stage-label{font-size:8px;bottom:10px;}.story-symbol{width:75px;height:75px;}.story-win-ring{width:110px;height:110px;}.story-object>span{font-size:29px;margin-top:8px;}.story-step{min-height:68svh;padding:40px 5px;justify-content:center;}.story-step h2{font-size:38px;letter-spacing:-1px;}.story-step>p:not(.eyebrow){font-size:15px;}.story-step .eyebrow{font-size:9px;}}
@media(prefers-reduced-motion:reduce){.home-page .hero-art{transform:none;}.home-motion-ready .home-reveal{opacity:1;translate:none;filter:none;transition:none;}.home-story-visual{position:relative;top:0;}.story-object,.story-step h2 em,.story-step .eyebrow{transition:none;}.home-story-copy .story-step{min-height:0;padding-block:35px;}.home-story[data-step] .story-object{opacity:0;}.home-story[data-step] .story-object-box{opacity:1;transform:none;}.story-orbit{transform:none;}}
/* Tactile surfaces: fine grain, etched metal and changing foil. */
.home-page::before {content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");}
.home-page>main,.home-page>.site-header,.home-page>.top-rail,.home-page>.site-footer {position:relative;z-index:1;}
.home-page .hero-copy h1 {font-size:clamp(52px,6.6vw,105px);line-height:1.1;letter-spacing:-3px;overflow-wrap:anywhere;}
.home-page .hero-actions {margin-top:34px;}
.home-page .hero-art {border-radius:22px;background:repeating-linear-gradient(115deg,#c9ff6804 0 1px,transparent 1px 8px),radial-gradient(ellipse at 50% 55%,#59733024,transparent 70%);box-shadow:inset 0 1px 0 #d6ebac12;}
.home-page .hero-grid {opacity:.55;}
.home-page .hero-art::after {content:"";position:absolute;inset:12px;border:1px solid #b4d27a0d;border-radius:15px;pointer-events:none;background:repeating-linear-gradient(0deg,#d6e9a704 0 1px,transparent 1px 4px);}
.home-page .hero-art-label,.home-page .hero-art-coordinates,.home-page .hero-art-footer,.home-page .floating-chip {display:none;}
.home-page .hero-crate {filter:drop-shadow(0 30px 35px #0009);}
.home-page .promise-strip {background:repeating-linear-gradient(120deg,#a5c16b05 0 1px,transparent 1px 10px),#111710;}
.home-page .story-step h2 {font-size:clamp(44px,5.5vw,86px);line-height:1.15;letter-spacing:-2px;}
.story-texture-surface {position:absolute;inset:12% 0;z-index:-1;border-radius:50%;background:repeating-conic-gradient(from 15deg,#fff0 0deg 12deg,#ffffff04 12deg 13deg),repeating-linear-gradient(135deg,transparent 0 5px,#ffffff03 5px 6px),radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--story-accent) 14%,transparent),#0c1013 75%);border:1px solid #ffffff09;transform:rotate(calc(var(--story-progress) * 18deg));transition:background .8s ease;box-shadow:inset 0 1px 10px #ffffff05,0 20px 60px #0005;}
.home-story[data-step="1"] .story-texture-surface {border-radius:36%;background:repeating-linear-gradient(125deg,transparent 0 6px,#b49aff18 6px 7px),radial-gradient(ellipse at 30% 30%,#b49aff27,#101018 75%);}
.home-story[data-step="2"] .story-texture-surface {border-radius:42%;background:repeating-conic-gradient(from 40deg,#ff9c5503 0deg 20deg,#ff9c5515 20deg 21deg),radial-gradient(ellipse at 30% 30%,#ff9c5530,#18120f 75%);}
.home-page .closing-note {background:repeating-linear-gradient(120deg,#c9ff6806 0 1px,transparent 1px 12px),radial-gradient(ellipse at 80% 50%,#91b84612,transparent 60%);border-block:1px solid #c9ff6818;}
.home-page .closing-note h2 {font-size:clamp(28px,4vw,48px);}
@media(max-width:700px){.home-page .hero-copy h1{font-size:clamp(46px,12vw,75px);letter-spacing:-2px;}.home-page .hero-art{width:100%;margin-top:20px;}.home-page .story-step h2{font-size:clamp(38px,10vw,60px);letter-spacing:-1.5px;}.story-texture-surface{inset:6% 12%;}.home-page .closing-note{padding:35px 20px;}.home-page .closing-note .button{margin-left:0;}}
@media(prefers-reduced-motion:reduce){.story-texture-surface{transform:none;}}
/* Product-led presentation, inspired by the supplied Apple reference. */
.home-page {background:#000;background-image:none;--bg:#000;--line:#262629;}
.home-page::before {opacity:.022;}
.home-page>.top-rail {display:none;}
.home-page>.site-header {position:sticky;top:0;z-index:30;min-height:72px;width:100%;padding:12px max(28px,calc((100% - 1200px)/2));border-color:#ffffff16;background:#0c0c0de6;backdrop-filter:blur(22px);}
.home-page .brand {font-size:25px;}
.home-page .brand-mark {width:25px;}
.home-page .main-nav {font-size:12px;gap:24px;}
.home-page .main-nav .nav-active::after {bottom:-20px;height:2px;}
.home-page .header-account {gap:7px;}
.home-page .header-account .history-button,.home-page .account-profile-link,.home-page .header-wallet,.home-page .header-logout .icon-button {border-radius:22px;background:#ffffff06;border-color:#ffffff18;}
.home-page .hero {display:flex;flex-direction:column;min-height:0;width:100%;max-width:none;padding:0;gap:0;overflow:hidden;}
.home-page .hero-copy {order:2;text-align:center;width:100%;padding:0 24px 90px;z-index:3;}
.home-page .hero-copy>.eyebrow {justify-content:center;color:#f5f5f7;font-size:20px;letter-spacing:-.6px;font-weight:600;}
.home-page .hero-copy .eyebrow-line {display:none;}
.home-page .hero-copy h1 {font-size:clamp(42px,6vw,80px);font-weight:750;letter-spacing:-3px;line-height:1.03;text-transform:none;max-width:900px;margin:18px auto 26px;color:#f5f5f7;}
.home-page .hero-actions {justify-content:center;margin-top:25px;}
.home-page .hero-status {justify-content:center;border:0;margin:24px auto 0;padding:0;font-size:11px;color:#86868b;}
.home-page .hero-art {order:1;width:100%;max-width:1440px;height:clamp(380px,65svh,700px);margin:0 auto;background:none;border-radius:0;box-shadow:none;transform:translate3d(0,calc(var(--hero-scroll,0) * -45px),0) scale(calc(1 + var(--hero-scroll,0) * .14));}
.home-page .hero-art::after,.home-page .hero-art .hud-corner,.home-page .hero-grid {display:none;}
.hero-wordmark {position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);font-size:clamp(180px,31vw,450px);font-weight:900;line-height:1;letter-spacing:-.09em;padding-right:.08em;white-space:nowrap;background:linear-gradient(175deg,#fcfff7 0%,#a6b78b 18%,#2c3526 35%,#e8f7d4 52%,#6e8055 64%,#eaf9d8 76%,#28321e 98%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #c9ff6822);}
.home-page .hero-crate {left:50%;top:53%;width:min(78vw,850px);height:100%;transform:translate(-50%,-50%) rotate(-7deg);filter:drop-shadow(0 30px 28px #000b);}
.home-page .hero-halo {inset:12% 10% -5%;width:auto;height:auto;background:radial-gradient(ellipse,#7d9b3e24,transparent 64%);filter:blur(40px);}
.home-page .promise-strip {background:#111113;border-color:#262629;}
.home-page .promise-strip span {font-family:var(--font);font-size:10px;letter-spacing:.2px;}
.home-page .home-story {width:calc(100% - 80px);max-width:1200px;gap:10%;padding-top:15vh;padding-bottom:12vh;}
.home-page .home-story-visual {border-radius:38px;background:radial-gradient(ellipse,#ffffff04,transparent 65%);}
.home-page .story-step h2 {font-size:clamp(48px,7vw,100px);font-weight:750;letter-spacing:-4px;line-height:1.06;}
.home-page .story-step .eyebrow {font-size:17px;letter-spacing:0;font-weight:600;color:#86868b;}
.home-page .story-visual-caption,.home-page .story-stage-label {font-family:var(--font);letter-spacing:.5px;}
.home-page .story-orbit {border-color:#ffffff12;}
.home-page .story-texture-surface {box-shadow:inset 0 0 80px #0009,0 25px 70px #000;}
.home-page .closing-note {padding:85px 45px;border:1px solid #ffffff10;border-radius:30px;background:radial-gradient(ellipse at 70% 50%,#8ca84414,#111113 75%);margin-bottom:70px;}
.home-page .closing-note h2 {text-transform:none;font-weight:700;letter-spacing:-1.8px;}
.home-page .closing-symbol {display:none;}
.home-page .site-footer {border-color:#262629;color:#86868b;}
@media(max-width:850px){.home-page .main-nav{gap:16px;}.home-page .main-nav a:last-child{display:none;}.home-page .hero-copy h1{letter-spacing:-2px;}}
@media(max-width:700px){.home-page>.site-header{padding:14px 20px;gap:12px;}.home-page .hero-art{height:390px;margin:0;min-height:0;}.home-page .hero-crate{width:110%;max-width:none;top:54%;height:100%;}.hero-wordmark{font-size:35vw;letter-spacing:-.09em;top:47%;}.home-page .hero-copy{padding:0 20px 65px;}.home-page .hero-copy>.eyebrow{font-size:17px;}.home-page .hero-copy h1{font-size:clamp(40px,10vw,62px);letter-spacing:-2px;}.home-page .hero-actions .button{font-size:13px;padding:13px 24px;}.home-page .hero-status{font-size:10px;}.home-page .home-story{width:calc(100% - 40px);gap:0;}.home-page .home-story-visual{background:#000;top:145px;border-radius:20px;}.home-page .story-step h2{font-size:clamp(42px,11vw,66px);letter-spacing:-2px;}.home-page .closing-note{padding:50px 24px;margin-bottom:35px;}.home-page .closing-note h2{font-size:34px;}.home-page .header-account{justify-content:flex-end;}}
@media(prefers-reduced-motion:reduce){.home-page .hero-art{transform:none;}.home-page .home-story-visual{top:0;}}
.home-page .hero-crate {animation:none;}
@media(max-width:600px){.home-page .site-header .main-nav a:nth-child(2){display:inline-flex;}.home-page .site-header .main-nav{gap:12px;}.home-page .site-header .main-nav a{font-size:11px;}.home-page .site-header .main-nav .nav-active::after{bottom:-6px;}.home-page .site-header .brand{font-size:22px;}}
/* Three product moments: choose, reveal, collect. */
.home-page .home-story {--story-accent:var(--lime);}
.home-page .story-orbit,.home-page .story-texture-surface {display:none;}
.home-page .home-story-visual {background:radial-gradient(ellipse at 50% 52%,#b5ee5b0a,transparent 66%);perspective:1000px;}
.story-card-fan {position:relative;width:100%;height:100%;display:grid;place-items:center;}
.story-mystery-card {position:absolute;width:46%;height:70%;max-height:340px;display:grid;place-items:center;border:1px solid #d0ff7333;border-radius:22px;background:repeating-linear-gradient(125deg,#c9ff6804 0 1px,transparent 1px 7px),linear-gradient(150deg,#263021,#0b0e0b 80%);color:var(--lime);font-size:clamp(60px,9vw,120px);font-weight:700;box-shadow:0 25px 45px #0009,inset 0 1px 0 #ffffff12;transform:translateX(0) rotate(0);transition:transform 1.1s var(--ease);}
.home-story[data-step="0"] .story-mystery-card:first-child {transform:translate(-48%,8%) rotate(-17deg);}
.home-story[data-step="0"] .story-mystery-card:last-child {transform:translate(48%,8%) rotate(17deg);}
.story-mystery-card:nth-child(2) {z-index:2;}
.story-reveal-card {position:relative;width:64%;height:79%;max-height:360px;border-radius:24px;overflow:hidden;border:1px solid #c9ff683b;background:#141914;box-shadow:0 30px 60px #000a;transform:rotate(-6deg);}
.story-reveal-card>img {width:100%;height:100%;object-fit:cover;}
.story-game-title {position:absolute;bottom:0;inset-inline:0;padding:45px 20px 24px;background:linear-gradient(transparent,#000e);color:#fff;font-size:19px;font-weight:650;line-height:1.25;}
.story-foil {position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(125deg,#ffffff07 0 1px,transparent 1px 5px),linear-gradient(145deg,#597444,#c8eaa4 48%,#526e3e);clip-path:inset(0);}
.story-foil>span {color:#14210b;font-size:110px;font-weight:700;}
.story-sweep {position:absolute;left:-30%;top:0;width:160%;height:2px;background:#e4ffc9;box-shadow:0 0 25px #c9ff68;opacity:0;transform:rotate(-12deg);}
.home-story[data-step="1"] .story-foil {animation:story-uncover 2.4s .4s var(--ease) both;}
.home-story[data-step="1"] .story-sweep {animation:story-wipe 2.4s .4s var(--ease) both;}
.story-prize-fan {position:relative;width:100%;height:75%;display:grid;place-items:center;}
.story-prize-card {position:absolute;width:52%;height:77%;background:#161916;border:1px solid #ffffff29;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px #000a;transform:translateY(30px) scale(.85);transition:transform 1.1s var(--ease);}
.story-prize-card img {width:100%;height:100%;object-fit:cover;}
.story-prize-card>span {position:absolute;bottom:0;inset-inline:0;padding:35px 15px 18px;background:linear-gradient(transparent,#000e);font-size:14px;font-weight:600;line-height:1.3;color:#fff;}
.home-story[data-step="2"] .story-prize-card:first-child {transform:translate(-43%,9%) rotate(-15deg);}
.home-story[data-step="2"] .story-prize-card:nth-child(2) {transform:translate(43%,9%) rotate(15deg);}
.home-story[data-step="2"] .story-prize-card:last-child {transform:translateY(-8%);}
.story-success-seal {position:absolute;bottom:15%;width:58px;height:58px;display:grid;place-items:center;background:var(--lime);color:#17200f;border:5px solid #080b07;border-radius:50%;box-shadow:0 10px 35px #0009;}
.story-success-seal .icon {width:26px;height:26px;}
.story-drop-mark {object-fit:contain!important;padding:30%;}
@keyframes story-uncover {0%,12%{clip-path:inset(0);}85%,100%{clip-path:inset(100% 0 0);}}
@keyframes story-wipe {0%,12%{top:0;opacity:0;}20%{opacity:1;}85%,100%{top:105%;opacity:0;}}
@media(max-width:700px){.story-mystery-card{width:32%;height:74%;border-radius:13px;font-size:65px;}.story-reveal-card{width:42%;height:88%;border-radius:15px;}.story-foil>span{font-size:65px;}.story-game-title{font-size:12px;padding:30px 12px 15px;}.story-prize-card{width:38%;height:90%;border-radius:12px;}.story-prize-card>span{font-size:10px;padding:25px 10px 12px;}.story-success-seal{width:40px;height:40px;bottom:9%;border-width:3px;}.story-success-seal .icon{width:20px;height:20px;}}
@media(prefers-reduced-motion:reduce){.story-mystery-card,.story-prize-card{transition:none;}.story-foil,.story-sweep{animation:none!important;}}