:root{--ink:#17151a;--paper:#f3ecdb;--paper2:#e8d9bf;--gold:#d8a84e;--red:#b73834;--indigo:#182846;--muted:#746c65;--line:rgba(50,37,28,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;top:-4rem;left:1rem;background:var(--paper);padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:84px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:20;color:var(--paper)}.brand{font-family:"Playfair Display",serif;font-size:1.55rem;font-style:italic}.brand span{color:var(--gold);margin-right:.25rem}.site-header nav{display:flex;gap:2rem;font-size:.85rem}.site-header nav a{opacity:.72}.site-header nav a:hover{opacity:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;background:var(--red);color:#fff5e5;padding:.9rem 1.35rem;border:1px solid #dc625b;border-radius:3px;box-shadow:0 10px 30px rgba(80,18,16,.25);font-weight:600;line-height:1.05}.button:hover{background:#c5423c;transform:translateY(-2px)}.button small{display:block;font-size:.55rem;font-weight:400;opacity:.8;margin-bottom:.17rem}.button-small{padding:.65rem 1rem;font-size:.8rem}.windows-mark{font-size:1.55rem}.hero{min-height:820px;background:radial-gradient(circle at 15% 12%,rgba(216,168,78,.12),transparent 35%),radial-gradient(circle at 90% 90%,rgba(155,90,134,.2),transparent 38%),linear-gradient(145deg,#0f192a,#100f14 48%,#25182d);color:var(--paper);display:grid;grid-template-columns:minmax(330px,.85fr) minmax(520px,1.3fr);align-items:center;padding:130px clamp(24px,7vw,110px) 70px;gap:4vw;position:relative}.hero:after{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:linear-gradient(105deg,transparent 49.8%,rgba(216,168,78,.25) 50%,transparent 50.2%);background-size:650px 450px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.66rem;font-weight:600;display:flex;align-items:center;gap:.65rem;margin:0 0 1.4rem;color:#5d5550}.eyebrow span{display:block;width:28px;height:1px;background:var(--gold)}.eyebrow.light{color:#c8bda9}.hero h1,.section-heading h2,.sandbox h2,.final-cta h2{font-family:"Playfair Display",serif;font-size:clamp(4rem,7vw,7.2rem);line-height:.88;letter-spacing:-.05em;margin:0}.hero h1 em,.section-heading h2 em,.sandbox h2 em,.final-cta h2 em{color:var(--gold);font-weight:600}.lede{font-size:1.05rem;line-height:1.75;color:#c8c0b5;max-width:490px;margin:2rem 0}.hero-actions{display:flex;align-items:center;gap:1.8rem}.text-link{font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.3);padding:.8rem 0}.text-link span{color:var(--gold);margin-left:.4rem}.trust-row{display:flex;gap:1.5rem;margin-top:2.2rem;color:#948b82;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.trust-row span+span:before{content:"✦";color:var(--gold);margin-right:1.5rem}.hero-art{position:relative;z-index:2;perspective:1200px}.window-frame{background:#171216;border:1px solid rgba(216,168,78,.45);padding:8px;box-shadow:0 40px 80px #050407;transform:rotateY(-4deg) rotateZ(1deg);border-radius:7px;overflow:hidden}.window-bar{height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#d7b669;font:italic .8rem "Playfair Display",serif}.window-dots{color:#82786f;letter-spacing:.4rem}.window-frame img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:center}.floating-card{position:absolute;width:92px;height:132px;border-radius:6px;box-shadow:0 18px 35px #050407;z-index:4}.card-back{right:-25px;top:-55px;transform:rotate(11deg);background:linear-gradient(145deg,#21375c,#0c1325);border:2px solid #d8a84e;display:grid;place-items:center;color:var(--gold);font-size:2rem}.card-back:before{content:"";position:absolute;inset:7px;border:1px solid var(--gold);transform:rotate(45deg) scale(.55)}.card-face{bottom:-60px;left:12%;background:linear-gradient(145deg,#fff8e8,#e8d9bf);color:var(--red);padding:9px;font-family:serif;transform:rotate(-8deg)}.card-face b{font-size:1.4rem;display:block}.card-face i{font-style:normal}.card-face strong{font-size:3.4rem;display:block;text-align:center;margin-top:5px}.gold-line{position:absolute;border-top:1px solid rgba(216,168,78,.45);width:70%;z-index:-1}.line-one{right:-20%;top:-15%;transform:rotate(30deg)}.line-two{left:-20%;bottom:-8%;transform:rotate(-20deg)}.ticker{background:var(--gold);color:#34230f;padding:15px 0;text-transform:uppercase;white-space:nowrap;overflow:hidden;font-size:.65rem;font-weight:600;letter-spacing:.14em}.ticker div{width:max-content;animation:ticker 26s linear infinite}.ticker b{padding:0 1.6rem}@keyframes ticker{to{transform:translateX(-45%)}}.section{padding:120px clamp(24px,8vw,130px)}.section-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:end;margin-bottom:70px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:-1rem}.section-heading h2{font-size:clamp(3.4rem,6vw,6.2rem)}.section-heading>p:last-child{max-width:430px;color:var(--muted);line-height:1.8}.game-showcase{display:grid;grid-template-columns:1.5fr .65fr;gap:5vw;align-items:center}.shot-stack{position:relative;min-height:520px}.game-shot{margin:0;position:absolute;inset:0;opacity:0;transform:translateY(20px);transition:.6s ease;pointer-events:none}.game-shot.active{opacity:1;transform:none;pointer-events:auto}.game-shot img{height:470px;width:100%;object-fit:cover;box-shadow:0 24px 70px rgba(38,24,18,.2);border:7px solid #e9decb}.game-shot figcaption{font:italic 1rem "Playfair Display",serif;margin-top:1rem;color:#655b54}.game-shot figcaption span{font:500 .65rem "DM Sans";color:var(--gold);margin-right:.6rem}.game-tabs{display:flex;flex-direction:column}.game-tabs button{display:grid;grid-template-columns:35px 1fr;text-align:left;padding:1.5rem 0;border:0;border-bottom:1px solid var(--line);background:none;color:#8b827b;cursor:pointer}.game-tabs button span{grid-row:1/3;font-size:.62rem;color:var(--gold)}.game-tabs button b{font:600 1.7rem "Playfair Display",serif;color:inherit}.game-tabs button small{margin-top:.3rem}.game-tabs button.active{color:var(--ink);padding-left:1rem;border-left:2px solid var(--red)}.sandbox{background:#151116;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;min-height:720px;overflow:hidden}.sandbox h2{font-size:clamp(3.5rem,6vw,6.4rem)}.sandbox-copy>p:nth-of-type(2){color:#b6ada2;line-height:1.8;max-width:550px;margin:2rem 0}.sandbox ul{padding:0;list-style:none;margin-top:2.5rem}.sandbox li{padding:1rem 0;border-top:1px solid rgba(216,168,78,.2);font-family:"Playfair Display",serif}.sandbox li span{font:500 .6rem "DM Sans";color:var(--gold);margin-right:1.2rem}.sandbox-art{height:500px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(216,168,78,.22);border-radius:50%;width:480px;height:260px;transform:rotate(-18deg)}.orbit-two{transform:rotate(48deg);width:400px;height:400px}.demo-card{width:130px;height:185px;background:var(--paper);color:#182846;border-radius:8px;position:absolute;padding:15px;font:1.8rem "Playfair Display",serif;box-shadow:0 25px 50px #060506}.demo-card i{display:block;font-style:normal}.demo-card .red{color:var(--red)}.demo-card.c1{left:12%;top:18%;transform:rotate(-14deg)}.demo-card.c2{right:9%;top:13%;transform:rotate(17deg);background:linear-gradient(150deg,#182846,#0c1325);border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:2.5rem}.demo-card.c3{right:20%;bottom:2%;transform:rotate(8deg)}.sandbox-art p{z-index:3;text-align:center;font:italic 1.5rem "Playfair Display",serif;color:var(--gold)}.details{background:#eee3d1}.details .section-heading{grid-template-columns:1fr}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.feature-grid article{padding:2.2rem 2rem 1rem 0;border-right:1px solid var(--line);min-height:260px}.feature-grid article+article{padding-left:2rem}.feature-grid article:last-child{border:0}.feature-icon{font-size:2.3rem;color:var(--gold)}.feature-grid h3{font:600 1.35rem "Playfair Display",serif;margin:1.4rem 0 .8rem}.feature-grid p{font-size:.85rem;line-height:1.7;color:var(--muted)}.privacy-band{background:var(--indigo);color:var(--paper);padding:90px clamp(24px,10vw,160px);display:grid;grid-template-columns:160px 1fr 1fr;gap:5vw;align-items:center}.privacy-band h2{font:600 clamp(2.8rem,4vw,4.5rem)/.95 "Playfair Display",serif;margin:0}.privacy-band>p{line-height:1.8;color:#c2c9d5;max-width:500px}.privacy-seal{border:1px solid var(--gold);border-radius:50%;width:140px;height:140px;display:grid;place-items:center;padding:20px;color:var(--gold);transform:rotate(-8deg)}.privacy-seal span{font-size:.55rem;letter-spacing:.25em}.privacy-seal b{font-size:2.2rem}.final-cta{text-align:center;padding:130px 24px;background:radial-gradient(circle,#fff7e7,#e8d9bf)}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(4rem,7vw,7rem);margin-bottom:2.5rem}.final-cta>.button{margin:auto}.final-cta>small{display:block;margin-top:1rem;color:var(--muted)}footer{background:#100f14;color:#b7afa4;padding:42px clamp(24px,6vw,90px);display:flex;align-items:center;gap:2rem;font-size:.75rem}footer .brand{color:var(--paper);margin-right:auto}footer div{display:flex;gap:1.5rem}footer small{margin-left:2rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{z-index:3}.hero-art{margin-top:3rem}.section-heading,.game-showcase,.sandbox{grid-template-columns:1fr}.shot-stack{min-height:420px}.game-shot img{height:360px}.game-tabs{flex-direction:row;overflow:auto}.game-tabs button{min-width:180px}.sandbox-art{margin-top:1rem}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article:nth-child(2){border-right:0}.privacy-band{grid-template-columns:120px 1fr}.privacy-band>p{grid-column:2}.privacy-seal{width:110px;height:110px}.hero h1{font-size:clamp(4.2rem,15vw,7rem)}}
@media(max-width:560px){.site-header{height:70px}.site-header .button{font-size:0}.site-header .button:after{content:"Get Cardz";font-size:.75rem}.hero{padding:115px 22px 70px;min-height:860px}.hero-actions{align-items:flex-start;flex-direction:column;gap:.5rem}.trust-row{gap:.7rem;flex-wrap:wrap}.trust-row span+span:before{margin-right:.7rem}.floating-card{width:65px;height:94px}.card-face strong{font-size:2rem}.section{padding:85px 22px}.section-heading{margin-bottom:45px}.game-shot img{height:280px}.shot-stack{min-height:340px}.game-tabs button{min-width:145px}.game-tabs button small{display:none}.sandbox-art{height:380px}.demo-card{width:90px;height:130px}.orbit{width:320px;height:190px}.orbit-two{width:290px;height:290px}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line);padding:2rem 0!important;min-height:0}.privacy-band{grid-template-columns:1fr;padding:70px 25px}.privacy-band>p{grid-column:auto}.privacy-seal{margin:auto}footer{flex-wrap:wrap}footer p{width:100%;order:3}footer small{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}