@font-face{font-family:Cinzel;src:url('assets/Cinzel-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--navy:#081b27;--deep:#05131c;--gold:#d5ac62;--ivory:#f3e9d4;--muted:#b6c0c3;--line:#d5ac6240;--red:#a13b2d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:var(--ivory);font:15px/1.75 Montserrat,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;background:var(--ivory);color:var(--navy);padding:12px;z-index:10}.skip:focus{top:10px}.preview-note{text-align:center;background:#102935;color:#d1d6d2;font-size:10px;letter-spacing:.1em;padding:7px 12px}.preview-note span{padding:0 9px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:600 23px Cinzel,serif;letter-spacing:.03em;display:flex;gap:13px;align-items:center}.brand img{border-radius:10px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px}.site-header nav a:hover,.text-link:hover,footer a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--line);padding:10px 17px}.nav-cta span{margin-left:18px}.hero{min-height:670px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:30px;padding-block:74px 80px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:600;color:var(--gold);margin:0 0 25px}.tiny-diamond{display:inline-block;width:6px;height:6px;transform:rotate(45deg);background:var(--gold);margin:0 10px 1px 0}h1,h2,h3{font-family:Cinzel,Georgia,serif;font-weight:600;line-height:1.14;margin:0}h1{font-size:clamp(40px,4.4vw,61px);letter-spacing:-.045em}em{font-style:normal;color:var(--gold)}.intro{max-width:440px;color:var(--muted);font-size:14px;line-height:1.95;margin:26px 0 30px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 23px;font-size:12px;font-weight:600;border:1px solid var(--gold);transition:background .2s,transform .2s}.button:hover{background:#ead0a0;transform:translateY(-2px)}.gold{background:var(--gold);color:var(--deep)}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.text-link span{margin-left:8px}.small-meta{font-size:9px;letter-spacing:.12em;margin:32px 0 0;color:var(--muted)}.small-meta span{font-size:7px;color:var(--gold);margin:0 13px}.hero-art{position:relative;height:505px;isolation:isolate}.orbit{position:absolute;width:455px;height:455px;border:1px solid var(--line);border-radius:50%;left:50%;top:-3px;transform:translateX(-50%);z-index:-1}.orbit.inner{width:420px;height:420px;top:14px;opacity:.5}.art-star{position:absolute;color:var(--gold);font-size:30px}.art-star.top{right:0;top:13px}.art-star.bottom{left:8px;bottom:145px;font-size:19px}.fan-card,.demo-card{position:absolute;width:207px;height:290px;top:55px;left:50%;border-radius:13px;box-shadow:0 24px 38px #0007}.fan-card{object-fit:cover}.fan-card.left{transform:translateX(-100%) rotate(-17deg);top:78px}.fan-card.right{transform:translateX(1%) rotate(17deg);top:78px}.demo-card{transform:translateX(-50%);width:229px;height:321px;top:24px;perspective:1200px}.card-turner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s}.demo-card.revealed .card-turner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;border-radius:13px;overflow:hidden}.card-face.front{transform:rotateY(180deg)}.demo-panel{position:absolute;top:388px;left:0;right:0;text-align:center}.demo-caption{font-size:9px;letter-spacing:.19em;color:var(--gold);margin:0 0 10px}.guess-buttons{display:flex;justify-content:center;gap:9px}.guess-buttons button{min-width:100px;background:var(--ivory);color:var(--deep);border:1px solid var(--ivory);padding:6px 16px;font-size:12px}.guess-buttons button:hover{background:#dfc18e}.guess-buttons span{font-size:18px;margin-right:7px}.red-suit{color:var(--red)}[hidden]{display:none!important}.demo-result{margin:8px 0 0;font-size:10px;color:var(--muted);min-height:18px}.ribbon{border-block:1px solid var(--line);background:#0c2330}.ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:23px;color:var(--muted);font-size:12px}.ribbon span[aria-hidden]{color:var(--gold);font-size:18px}.light-section{background:var(--ivory);color:var(--navy);padding:88px 0 42px}.light-section .eyebrow{color:#805b23}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading>p{font-size:14px;line-height:1.9;color:#4e5b5e;margin:0 0 6px}h2{font-size:clamp(32px,3.5vw,47px);letter-spacing:-.035em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:48px 0 40px}.steps article{position:relative;border-top:1px solid #92744b60;padding-top:28px}.step-number{font-size:11px;letter-spacing:.12em;color:#806134;position:absolute;right:0;top:21px}.steps h3{font-size:21px;margin:12px 0}.steps p{color:#4e5b5e;font-size:13px;max-width:310px;margin:0}.dice-symbol,.suits-symbol,.turn-symbol{height:54px;font:42px/1.2 Georgia,serif}.suits-symbol span{color:var(--red)}.play-note{border-top:1px solid #92744b50;padding-top:25px;text-align:center;font-size:11px;color:#4e5b5e}.play-note span{color:#8a6226;margin-right:8px}.app-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-block:100px}.phone-stage{margin:0;text-align:center;position:relative;background:radial-gradient(ellipse at center,#193a494d,transparent 68%)}.phone{width:245px;margin:auto;padding:8px;background:#061018;border:1px solid #b39358;border-radius:33px;box-shadow:0 35px 70px #0005;transform:rotate(-4deg)}.phone img{width:100%;height:auto;display:block;border-radius:24px}.phone-stage figcaption{font-size:9px;color:var(--muted);margin-top:30px}.app-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:430px;margin:24px 0}.feature-list{list-style:none;padding:0;margin:28px 0 32px}.feature-list li{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.feature-list span{font-size:10px;color:var(--gold);margin-right:20px}.release-status{display:flex;gap:12px;margin:25px 0}.status-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;margin-top:9px;flex-shrink:0}.release-status strong{font-size:12px;font-weight:600}.release-status p{font-size:11px;color:var(--muted);margin:3px 0 0}.deck-section{background:#0e2632;border-block:1px solid var(--line)}.deck-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:70px;min-height:550px}.deck-layout p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:420px}.suit-row{font:30px Georgia,serif;letter-spacing:14px;margin:28px 0;color:var(--gold)}.suit-row span{color:#da8068}.physical-note{border-left:2px solid var(--gold);padding-left:18px;font-size:11px!important}.physical-note strong{color:var(--ivory);font-weight:600}.deck-art{position:relative;height:385px}.deck-art img{position:absolute;width:218px;height:auto;border-radius:13px;box-shadow:0 15px 30px #0005;top:20px;left:50%}.deck-back{transform:translateX(-88%) rotate(-13deg)}.deck-front{transform:translateX(-7%) rotate(10deg)}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-block:90px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:19px 0;font-size:13px;display:flex;justify-content:space-between;gap:20px;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--gold);font-size:21px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{margin:0 25px 23px 0;font-size:12px;color:var(--muted)}.closing{border-block:1px solid var(--line);text-align:center;padding:58px 0 63px;position:relative}.closing>span{color:var(--gold);font-size:24px}.closing h2{margin:15px 0 30px}.closing:before,.closing:after{content:'';position:absolute;top:50%;width:12%;height:1px;background:var(--line)}.closing:before{left:6%}.closing:after{right:6%}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:35px}footer .brand{font-size:18px}footer p{color:var(--muted);font-size:10px}footer>div{display:flex;gap:23px;font-size:11px}
@media(min-width:1500px){.hero{min-height:740px}.hero-art{transform:scale(1.08)}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:0;grid-template-columns:1fr 1fr}.hero-art{transform:scale(.83);transform-origin:center}.hero-actions{gap:15px;flex-wrap:wrap}.small-meta span{margin:0 7px}.app-section{gap:45px}.deck-layout{gap:25px}.deck-art{transform:scale(.9)}.site-header nav{gap:18px}.brand{font-size:20px}footer{flex-wrap:wrap}.steps{gap:25px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.preview-note{font-size:8px;letter-spacing:.04em}.site-header{height:82px}.site-header .brand{font-size:18px;gap:8px}.brand img{width:33px;height:33px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:8px 10px}.nav-cta span{margin-left:4px}.hero{display:flex;flex-direction:column;padding:44px 0 15px;min-height:0;gap:10px}.hero-copy{width:100%;text-align:center}.eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:clamp(35px,8.5vw,54px)}.intro{font-size:12px;margin:20px auto 24px;max-width:380px}.hero-actions{justify-content:center}.button{font-size:11px;padding:12px 18px;gap:20px}.text-link{font-size:11px}.small-meta{font-size:8px;margin-top:23px}.hero-art{width:100%;max-width:470px;height:480px;transform:scale(.85);margin:-8px 0 -40px}.ribbon .wrap{justify-content:center;flex-wrap:wrap;padding:18px 0;gap:8px 14px;font-size:10px}.ribbon span:first-child{width:100%;text-align:center}.ribbon span:nth-child(2){display:none}.light-section{padding:55px 0 25px}.section-heading{display:block}.section-heading>p{margin-top:22px;font-size:12px}.steps{grid-template-columns:1fr;gap:25px;margin-top:32px}.steps article{padding-top:22px;padding-left:70px;min-height:130px}.steps article>div{position:absolute;left:0;top:28px}.steps h3{font-size:20px;margin:12px 0 9px}.steps p{font-size:12px;max-width:none}.step-number{top:12px}.play-note{font-size:10px}.app-section{display:flex;flex-direction:column-reverse;gap:38px;padding-block:55px}.app-copy{width:100%}.app-copy>p:not(.eyebrow){font-size:12px}.phone{width:215px;transform:rotate(-3deg)}.phone-stage{width:100%}.deck-layout{grid-template-columns:1fr;padding:50px 0 20px;gap:10px}.deck-layout p:not(.eyebrow){font-size:12px}.deck-art{width:100%;height:380px;transform:scale(.82);margin-block:-15px}.faq{grid-template-columns:1fr;gap:30px;padding-block:55px}summary{font-size:12px}.closing{padding:40px 0 45px}.closing:before,.closing:after{display:none}footer{display:block;text-align:center;padding:30px 0}footer .brand,footer>div{justify-content:center}footer p{margin:15px 0}h2{font-size:34px}}
@media(max-width:380px){.hero-art{transform:scale(.72);margin-block:-35px -65px}.nav-cta{padding:6px}.site-header .brand{font-size:15px}.brand img{width:28px;height:28px}.deck-art{transform:scale(.72);margin-block:-35px}.intro br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep the decorative card fan within narrow viewports. */
@media(min-width:381px) and (max-width:440px){.hero-art{transform:scale(.74);margin-block:-28px -65px}}
@media(max-width:380px){.hero-art{transform:scale(.62);margin-block:-48px -85px}}
@media(max-width:720px){.demo-panel{transform:scale(1.25);transform-origin:top center}.guess-buttons button{min-height:48px}}
@media(max-width:440px){.demo-panel{transform:scale(1.4)}}
@media(max-width:380px){.deck-art{transform:scale(.66)}.demo-panel{transform:scale(1.65)}}
@media(min-width:721px) and (max-width:1000px){.deck-art{transform:scale(.82)}}