/* Landing: each block mirrors a Minta template section (measured 1440 layout). */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:0 24px 120px;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;background:url(../assets/img/hero-bg.jpg) center/cover no-repeat;transform:scale(1.05);will-change:transform}
.hero-bg.in{transform:scale(1);transition:transform 2s var(--ease-bg)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1) 40%,rgba(0,0,0,.75) 100%)}
.hero-content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:760px;opacity:0;transform:translateY(24px)}
.hero-content.in{opacity:1;transform:none;transition:opacity 1.5s var(--ease) .4s,transform 1.5s var(--ease) .4s}
.hero h1{max-width:640px}
.hero .lead{max-width:420px;text-align:center}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.hero .live-strip{display:flex;align-items:center;gap:10px;margin-top:8px}
@media (max-width:809px){.hero{padding-bottom:96px;justify-content:center}.hero-content{gap:20px}}

/* numbers (trust bar) */
.numbers{padding:112px 0 96px;text-align:center}
.numbers .two{font:400 20px/1.3 var(--display);letter-spacing:-.02em}
.numbers .two span:last-child{display:block;color:var(--fg-2)}
.numbers .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:780px;margin:56px auto 0}
.numbers .stat b{display:block;font:300 40px/1.1 var(--num);letter-spacing:-.02em;color:var(--fg)}
.numbers .stat span{display:block;margin-top:8px;font-size:14px;color:var(--fg-2)}
@media (max-width:809px){.numbers .stats{grid-template-columns:1fr 1fr;gap:32px 16px}}

/* features bento */
.features{position:relative;padding:112px 0;isolation:isolate}
.features .beam{background-image:url(../assets/img/beam-features.png);opacity:.9}
.features .grid-3{align-items:stretch}
.feat{height:460px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.feat .vis{position:absolute;inset:0 0 132px;display:grid;place-items:center;padding:24px}
.feat .card-text{max-width:300px}
.mini{width:100%;max-width:272px;display:flex;flex-direction:column;gap:10px;align-items:center}
.mini .big{font:400 40px/1 var(--display);letter-spacing:-.03em}
.mini .chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:26px;background:var(--glass);box-shadow:inset 0 1px 0 var(--line);font-size:12px;color:var(--fg-2)}
.mini .line{width:100%;height:40px;border-radius:40px;background:var(--glass);box-shadow:inset 0 1px 0 var(--line);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--fg-2)}
.mini .post{width:100%;text-align:left;border-radius:12px;background:var(--glass);box-shadow:inset 0 1px 0 var(--line);padding:12px}
.mini .post .who{display:flex;align-items:center;gap:8px;font-size:13px}
.mini .post .who b{font-weight:500}
.mini .post p{font-size:13px;line-height:1.35;color:var(--fg-2);margin-top:8px}
.mini .post .ok{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font:400 11px/1 var(--mono);color:var(--green)}
.mini-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}
.mini-board i{aspect-ratio:1;border-radius:8px;background:var(--glass);box-shadow:inset 0 1px 0 var(--line);position:relative}
.mini-board i.win{background:rgba(250,128,57,.28);box-shadow:inset 0 0 0 1px rgba(250,128,57,.7),0 0 24px rgba(250,128,57,.35)}
.mini-board i::after{content:"";position:absolute;inset:30%;border-radius:50%;background:rgba(255,255,255,.25)}
.mini-board i.win::after{background:var(--accent)}
@keyframes sweep{0%{box-shadow:inset 0 1px 0 var(--line)}50%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}100%{box-shadow:inset 0 1px 0 var(--line)}}
.mini-board.anim i{animation:sweep 2.4s linear infinite;animation-delay:calc(var(--i)*.12s)}
.mini-board.anim i.win{animation:none}
@media (max-width:809px){.feat{height:auto;min-height:380px}.feat .vis{position:relative;inset:auto;padding:16px 0 24px}}

/* two-column feature (Minta AI): panel left, list right */
.split{display:grid;grid-template-columns:376px 1fr;gap:48px;align-items:center;max-width:840px;margin:0 auto}
.panel{position:relative;height:508px;border-radius:16px;box-shadow:inset 0 1px 0 var(--line-2);overflow:hidden;display:grid;place-items:center;isolation:isolate}
.panel .glow{position:absolute;width:140%;height:60%;left:-20%;top:20%;background:linear-gradient(100deg,transparent 30%,rgba(250,128,57,.22) 50%,transparent 70%);filter:blur(24px);animation:drift 9s linear infinite;opacity:.9;z-index:-1}
@keyframes drift{from{transform:translate(-30%,-30%) rotate(-24deg)}to{transform:translate(30%,30%) rotate(-24deg)}}
.orb{width:100px;height:100px;border-radius:50%;background:var(--glass);box-shadow:inset 0 1px 0 var(--line-2);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:14px}
.orb b{font:300 18px/1 var(--num)}
.orb small{font:400 11px/1 var(--mono);color:var(--fg-2);text-transform:uppercase}
.split .text p.big{font-size:20px;line-height:1.35;letter-spacing:-.01em;color:var(--fg)}
.bul{display:flex;flex-direction:column;gap:20px;margin:32px 0}
.bul li{display:grid;grid-template-columns:20px 1fr;gap:6px 6px;list-style:none}
.bul li svg{width:16px;height:16px;margin-top:2px;color:var(--fg)}
.bul li b{font-weight:500;font-size:16px}
.bul li p{grid-column:2;color:var(--fg-2);font-size:16px;line-height:1.4;max-width:300px}
@media (max-width:809px){.split{grid-template-columns:1fr;gap:32px}.panel{height:360px}}

/* steps on a curve (how it works) */
.steps-wrap{position:relative;height:640px;max-width:1080px;margin:0 auto}
.steps-wrap svg{position:absolute;left:50%;top:0;width:797px;height:591px;transform:translateX(-50%);overflow:visible}
.steps-wrap svg .track{stroke:rgba(255,255,255,.12);fill:none;stroke-width:1}
.steps-wrap svg .glow{stroke:var(--accent);fill:none;stroke-width:1.5;stroke-dasharray:220 1300;stroke-dashoffset:0;animation:trace 3.2s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 0 6px rgba(250,128,57,.8))}
@keyframes trace{from{stroke-dashoffset:1520}to{stroke-dashoffset:0}}
.step{position:absolute;padding-left:12px;border-left:1px dashed rgba(255,255,255,.2);max-width:260px}
.step.hot{border-left-color:var(--accent)}
.step b{display:block;font-weight:500;font-size:16px;margin-bottom:8px}
.step p{color:var(--fg-2);font-size:16px;line-height:1.4}
.step small{display:block;margin-top:8px;font:400 12px/1 var(--mono);color:var(--fg-3)}
.step:nth-child(2){left:110px;top:140px}.step:nth-child(3){left:250px;top:276px}.step:nth-child(4){left:560px;top:344px}.step:nth-child(5){left:830px;top:412px}
@media (max-width:1100px){.steps-wrap{height:auto;display:flex;flex-direction:column;gap:32px;padding:0 0 0 0}.steps-wrap svg{display:none}.step{position:static}}

/* play preview (mobile app) */
.preview{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center;max-width:640px;margin:0 auto}
.phone{position:relative;width:340px;height:440px;border-radius:44px 44px 0 0;background:#0b0b0b;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25),inset 0 0 0 8px #000,0 30px 80px rgba(0,0,0,.6);overflow:hidden;padding:26px 22px 0}
.phone::before{content:"";position:absolute;top:14px;left:50%;width:96px;height:26px;transform:translateX(-50%);border-radius:14px;background:#000}
.phone .scr{margin-top:22px;display:flex;flex-direction:column;gap:14px;font-size:13px}
.phone .scr .top{display:flex;align-items:center;justify-content:space-between}
.phone .scr .top b{font:400 20px/1 var(--display)}
.phone .scr .pot{display:flex;justify-content:space-between;align-items:flex-end}
.phone .scr .pot b{font:300 30px/1 var(--num)}
.phone .scr .pot small{font:400 11px/1 var(--mono);color:var(--fg-2);text-transform:uppercase}
.phone .scr .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.phone .scr .grid i{aspect-ratio:1;border-radius:6px;background:var(--glass);box-shadow:inset 0 1px 0 var(--line)}
.phone .scr .grid i.on{background:rgba(255,255,255,.14)}
.phone .scr .grid i.win{background:rgba(250,128,57,.35);box-shadow:inset 0 0 0 1px var(--accent)}
.phone .scr .feed{display:flex;flex-direction:column;gap:8px}
.phone .scr .feed div{display:flex;gap:8px;align-items:center;color:var(--fg-2);font-size:12px}
.phone .scr .feed div b{color:var(--fg);font-weight:500}
@media (max-width:809px){.preview{grid-template-columns:1fr;justify-items:center}.phone{width:300px;height:380px}.phone .scr .pot b{font-size:22px}}

/* fanned cards (card section) */
.fan{position:relative;height:520px;max-width:1080px;margin:0 auto;perspective:1400px}
.fan .fcard{position:absolute;left:50%;top:50%;width:400px;height:250px;margin:-125px 0 0 -200px;border-radius:20px;background:#111 center/cover no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 30px 80px rgba(0,0,0,.6);padding:22px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transform:translate(-280px,-96px) rotateX(20deg) rotateZ(-80deg);transform-origin:50% 50%;backface-visibility:hidden}
.fan.in .fcard{opacity:1;transition:transform 1.6s var(--ease),opacity 1.2s var(--ease)}
.fan.in .fcard:nth-child(1){transform:translate(-150px,-40px) rotateX(12deg) rotateZ(-26deg)}
.fan.in .fcard:nth-child(2){transform:translate(-40px,-10px) rotateX(12deg) rotateZ(-12deg);transition-delay:.12s}
.fan.in .fcard:nth-child(3){transform:translate(110px,30px) rotateX(12deg) rotateZ(2deg);transition-delay:.24s}
.fan .fcard .lg{display:flex;align-items:center;gap:8px;font:500 16px/1 var(--display)}
.fan .fcard .lg svg{width:16px;height:16px}
.fan .fcard .amt{font:300 28px/1 var(--num)}
.fan .fcard .row{justify-content:space-between;align-items:flex-end}
.fan .fcard small{font:400 11px/1.4 var(--mono);color:rgba(255,255,255,.7);text-transform:uppercase}
.fan .fcard .chip-img{width:36px;opacity:.9}
.fan-bullets{max-width:640px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:809px){.fan{height:420px}.fan .fcard{width:300px;height:188px;margin:-94px 0 0 -150px}.fan.in .fcard:nth-child(1){transform:translate(-60px,-30px) rotateX(12deg) rotateZ(-22deg)}.fan.in .fcard:nth-child(2){transform:translate(-10px,0) rotateX(12deg) rotateZ(-10deg)}.fan.in .fcard:nth-child(3){transform:translate(50px,26px) rotateX(12deg) rotateZ(2deg)}.fan-bullets{grid-template-columns:1fr}}

/* winners grid (testimonials) */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wcard{height:360px;padding:24px;display:flex;flex-direction:column}
.wcard .avatar{width:48px;height:48px}
.wcard blockquote{margin-top:32px;font:400 20px/1.3 var(--display);letter-spacing:-.01em;color:var(--fg);flex:1}
.wcard .who{border-top:1px solid var(--line-soft);padding-top:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.wcard .who b{display:block;font-weight:500}
.wcard .who span{display:block;color:var(--fg-2);font-size:14px;margin-top:4px}
.wcard .who .amt{font:300 20px/1 var(--num);color:var(--fg)}
.wempty{grid-column:1/-1;padding:48px 24px;text-align:center}
.wempty h3{font-size:24px}
@media (max-width:809px){.wgrid{grid-template-columns:1fr}.wcard{height:auto;min-height:260px}}

/* fairness (security) */
.fair-sec{position:relative;padding:112px 0;overflow:hidden;isolation:isolate}
.fair-sec .beam{background-image:url(../assets/img/beam-security.jpg);opacity:.85}
.shield{width:180px;margin:24px auto 0;color:#fff;opacity:.95}
.shield svg{width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(255,255,255,.25))}
.fair-bul{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:760px;margin:-40px auto 0;position:relative}
.fair-bul li{list-style:none;display:grid;grid-template-columns:20px 1fr;gap:6px}
.fair-bul li svg{width:16px;height:16px;margin-top:2px}
.fair-bul li b{font-weight:500}.fair-bul li p{grid-column:2;color:var(--fg-2);line-height:1.4}
.fair-sec .ctas{display:flex;justify-content:center;gap:12px;margin-top:48px;flex-wrap:wrap}
@media (max-width:809px){.fair-bul{grid-template-columns:1fr;margin-top:0}}

/* FAQ */
.faq{display:grid;grid-template-columns:1fr 624px;gap:48px;align-items:start}
.faq .section-head{margin:0}
.acc{display:flex;flex-direction:column;gap:16px}
.acc-item{background:var(--glass);border-radius:12px;box-shadow:inset 0 1px 0 var(--line);overflow:hidden}
.acc-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;height:51px;text-align:left;font:500 16px/1.2 var(--sans);color:var(--fg)}
.acc-q .ic{position:relative;width:14px;height:14px;flex:none}
.acc-q .ic::before,.acc-q .ic::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1.5px;background:var(--fg);transition:transform .3s var(--ease)}
.acc-q .ic::after{transform:rotate(90deg)}
.acc-item.open .acc-q .ic::before{transform:rotate(45deg)}.acc-item.open .acc-q .ic::after{transform:rotate(-45deg)}
.acc-a{height:0;overflow:hidden;transition:height .4s var(--ease)}
.acc-a p{padding:0 16px 16px;color:var(--fg-2);line-height:1.4;font-size:16px}
@media (max-width:1000px){.faq{grid-template-columns:1fr}}

/* final CTA */
.final{padding:112px 0 96px;text-align:center}
.final .mark{width:160px;height:160px;margin:0 auto 24px;border-radius:40px;background:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,0));display:grid;place-items:center;color:rgba(255,255,255,.5);mask:linear-gradient(to bottom,#000 30%,transparent)}
.final .mark svg{width:96px;height:96px}
.final h2{max-width:520px;margin:0 auto}
.final .lead{margin:16px auto 32px;text-align:center}
.final .ctas{flex-wrap:wrap}