@font-face{font-family:Avo;src:url('/assets/utm-avo.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Avo;src:url('/assets/utm-avo-bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{--bg:#10080a;--bg2:#1b0c0d;--panel:#211416;--cream:#fff5dc;--muted:#b8a7a1;--gold:#f8d783;--amber:#d9983e;--line:rgba(255,210,131,.2);--red:#7b2022}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Avo,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.page-glow{position:absolute;top:0;left:0;width:100%;height:990px;pointer-events:none;background:radial-gradient(ellipse 46% 38% at 69% 30%,rgba(147,48,27,.31),transparent 76%),radial-gradient(ellipse 39% 30% at 13% 14%,rgba(116,34,31,.17),transparent 80%);z-index:-1}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:5px}
.shell{width:min(100% - 64px,1296px);margin-inline:auto}
.site-header{height:104px;position:relative;z-index:10;border-bottom:1px solid rgba(243,192,102,.1);background:linear-gradient(180deg,rgba(12,5,6,.96),rgba(12,5,6,.35))}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{width:194px;flex:none;display:block}
.brand img{width:100%;height:auto;filter:drop-shadow(0 7px 18px rgba(214,66,14,.17))}
.desktop-nav{display:flex;gap:42px;align-items:center;margin-left:auto;margin-right:55px}
.desktop-nav a{font-size:13px;font-weight:700;letter-spacing:.035em;color:#c8b7ab;transition:color .25s}
.desktop-nav a:hover{color:var(--gold)}
.header-cta{height:46px;padding:0 20px;display:inline-flex;align-items:center;gap:26px;border:1px solid rgba(246,204,130,.54);border-radius:3px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.14em;transition:background .25s,transform .25s}
.header-cta:hover{background:rgba(238,184,89,.12);transform:translateY(-2px)}
.header-cta span{font-size:20px;line-height:1}
.hero{position:relative;min-height:745px;display:grid;grid-template-columns:47% 53%;align-items:center;padding-top:30px;padding-bottom:110px}
.hero-copy{position:relative;z-index:2;padding:35px 0 35px 0}
.eyebrow{display:flex;align-items:center;gap:11px;color:var(--gold);font-weight:700;font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.eyebrow-line{display:inline-block;width:26px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(45px,5.1vw,77px);line-height:1.08;letter-spacing:-.065em;font-weight:900;margin:28px 0 26px;text-transform:uppercase;text-wrap:balance;max-width:720px}
h1 span,h2 em{font-style:normal;background:linear-gradient(180deg,#fff8d5 2%,#ffd875 37%,#b76d28 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:510px;font-size:17px;line-height:1.85;color:#d0beb4;margin-bottom:32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px}
.button{min-height:61px;display:inline-flex;align-items:center;gap:13px;padding:0 19px;border-radius:4px;font-size:13px;font-weight:900;letter-spacing:.08em;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}
.button:hover{transform:translateY(-3px)}
.button svg{width:20px;height:20px;flex:none}
.button-gold{background:linear-gradient(120deg,#e1a83f 0%,#ffe09a 45%,#cf8b2f 100%);color:#2a120e;box-shadow:0 12px 34px rgba(187,106,32,.22),inset 0 1px rgba(255,255,255,.7)}
.button-gold:hover{box-shadow:0 16px 39px rgba(216,139,48,.3)}
.button-outline{border:1px solid rgba(255,218,151,.45);background:rgba(33,17,15,.7);color:#ffe6b7}
.button-outline:hover{background:rgba(86,43,27,.48)}
.button-arrow{margin-left:7px;font-size:18px;font-weight:400}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:25px;color:#aa9186;font-size:12px}
.note-star{color:#d7aa63;font-size:17px}
.hero-art{position:relative;height:610px;display:flex;align-items:center;justify-content:center;margin-left:18px}
.hero-halo{position:absolute;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(178,67,22,.38),rgba(79,22,22,.17) 48%,transparent 70%);filter:blur(4px)}
.hero-orbit{position:absolute;border:1px solid rgba(244,171,84,.22);border-radius:50%;transform:rotate(-16deg)}
.orbit-one{width:610px;height:575px}.orbit-two{width:510px;height:660px;transform:rotate(36deg);border-color:rgba(164,65,46,.16)}
.hero-poster{position:relative;width:min(100%,670px);padding:11px;border-radius:17px;background:linear-gradient(135deg,rgba(255,236,176,.73),rgba(116,60,31,.7) 26%,rgba(45,26,22,.9) 50%,rgba(211,154,75,.63) 100%);box-shadow:0 35px 90px #0009,0 0 0 6px rgba(240,179,79,.05),inset 0 1px 0 #ffebc3;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) rotateZ(-2deg);transition:transform .5s}
.hero-poster:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(1deg) rotateZ(0)}
.hero-poster::before{content:"";position:absolute;inset:-27px;z-index:-1;border:1px solid rgba(244,186,84,.16);border-radius:29px}
.poster-top,.poster-bottom{background:#1b1010;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#d8aa69;letter-spacing:.18em;font-weight:700;font-size:10px}
.poster-top{height:39px;border-radius:7px 7px 0 0}
.poster-dot{width:8px;height:8px;border-radius:50%;background:#ffcc68;box-shadow:0 0 12px #ffa33b}
.poster-mark{font-size:18px}
.hero-poster img{aspect-ratio:5/3;width:100%;height:auto;object-fit:cover;object-position:center;border:1px solid rgba(255,223,156,.25)}
.poster-bottom{height:36px;border-radius:0 0 7px 7px;color:#9e7d69}
.floating-icon{position:absolute;z-index:2;width:104px;height:104px;border-radius:23px;padding:9px;background:linear-gradient(150deg,#f5d58d,#603325 39%,#2a1311);box-shadow:0 16px 35px #0009,0 0 28px rgba(225,139,48,.18);transform:rotate(-11deg);animation:float 5.5s ease-in-out infinite}
.floating-icon img{border-radius:18px;width:100%;height:100%;object-fit:cover}
.floating-zeus{top:22px;right:15px}.floating-poker{left:-14px;bottom:41px;transform:rotate(10deg);animation-delay:-2s}
.floating-shine{position:absolute;color:#ffe49f;text-shadow:0 0 28px #ffb54f;font-size:33px}.shine-a{right:28px;bottom:82px}.shine-b{left:20px;top:24px;font-size:22px}
.hero-bottom{position:absolute;bottom:37px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:1px solid rgba(255,212,134,.2);color:#9f8171;letter-spacing:.22em;font-size:10px;font-weight:700}
.down-arrow{font-size:22px;color:#f2c376}
.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid rgba(232,173,97,.14);background:linear-gradient(90deg,#210e0c,#3b1b16 50%,#210e0c);height:69px;display:flex;align-items:center;color:#cba66b}
.marquee-track{display:flex;align-items:center;gap:32px;min-width:max-content;animation:marquee 38s linear infinite;font-size:14px;font-weight:700;letter-spacing:.25em}
.marquee-track i{font-style:normal;color:#8a4b30;font-size:20px}
.section{padding-block:120px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:42px}
.section-heading h2,.visual-copy h2,.download-heading h2{font-size:clamp(33px,3.2vw,53px);font-weight:900;letter-spacing:-.055em;line-height:1.18;margin:18px 0 0;max-width:740px;text-transform:uppercase}
.section-heading p{max-width:290px;color:var(--muted);line-height:1.8;font-size:14px;margin-bottom:5px}
.games-section{padding-bottom:125px}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.game-tile{position:relative;min-height:218px;overflow:hidden;padding:20px;background:radial-gradient(circle at 80% 23%,rgba(146,63,44,.19),transparent 54%),linear-gradient(145deg,#241515,#160d0e 72%);border:1px solid rgba(251,195,117,.17);border-radius:12px;display:flex;align-items:flex-end;gap:15px;transition:transform .3s,border-color .3s,box-shadow .3s}
.game-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 65%,rgba(252,207,131,.05));pointer-events:none}
.game-tile:hover{transform:translateY(-6px);border-color:rgba(255,211,137,.52);box-shadow:0 18px 35px #0005}
.game-tile img{position:absolute;width:125px;height:125px;object-fit:contain;top:22px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));transition:transform .35s}
.game-tile:hover img{transform:translateX(-50%) scale(1.09)}
.tile-num{position:absolute;top:20px;left:20px;color:#b39169;font-size:10px;letter-spacing:.1em}
.game-tile h3{font-size:16px;margin:0 0 3px;font-weight:700;letter-spacing:-.03em}.game-tile p{margin:0;color:#ab8c7c;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.tile-plus{margin-left:auto;color:#dbac67;font-size:20px;line-height:1}
.visual-section{position:relative;background:radial-gradient(ellipse 32% 65% at 14% 50%,rgba(109,29,26,.32),transparent 90%),#1a0d0f;border-block:1px solid rgba(250,199,113,.13);overflow:hidden}
.visual-section::after{content:"";position:absolute;width:700px;height:700px;right:-280px;top:-330px;border:1px solid rgba(244,191,112,.11);border-radius:50%;pointer-events:none}
.visual-layout{display:grid;grid-template-columns:35% 65%;align-items:center;gap:38px}
.visual-copy h2{margin:20px 0 21px}.visual-copy p{color:#c2aaa0;font-size:15px;line-height:1.85;max-width:390px}
.visual-points{display:grid;gap:14px;margin-top:35px;color:#e1c9ae;font-size:13px}.visual-points div{border-top:1px solid rgba(249,206,136,.15);padding-top:14px}.visual-points span{color:#f2bf72;margin-right:11px}
.showcase-window{position:relative;margin-left:15px;border:1px solid rgba(247,201,119,.5);border-radius:12px;overflow:hidden;background:#271615;box-shadow:0 30px 75px #0009,0 0 0 8px rgba(251,210,134,.04)}
.showcase-window::before{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 70px rgba(39,11,13,.4);pointer-events:none}
.showcase-window img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}
.window-head{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,#3a2220,#231313);font-size:9px;letter-spacing:.2em;color:#bd9471;font-weight:700}
.window-head span:first-child{display:flex;gap:6px}.window-head i{width:7px;height:7px;border:1px solid #9d7054;border-radius:50%}
.art-section{padding-bottom:135px}
.cover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cover-card{position:relative;margin:0;border-radius:14px;overflow:hidden;aspect-ratio:3/3.8;background:#211312;border:1px solid rgba(247,196,117,.25);box-shadow:0 18px 40px #0004;transition:transform .35s,border-color .35s}
.cover-card:hover{transform:translateY(-7px);border-color:#efc278}
.cover-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.cover-card:hover img{transform:scale(1.045)}
.cover-card::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(10,4,5,.9))}
.cover-card figcaption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:22px}.cover-card figcaption span{display:block;font-size:10px;letter-spacing:.2em;color:#f1c682;font-weight:700;margin-bottom:5px}.cover-card figcaption strong{font-size:18px;letter-spacing:-.04em}
.download-section{position:relative;overflow:hidden;background:radial-gradient(ellipse 45% 85% at 50% 100%,rgba(144,44,26,.35),transparent 78%),linear-gradient(180deg,#281011,#160a0c);border-top:1px solid rgba(250,196,119,.24);padding-block:106px 120px}
.download-glow{position:absolute;left:50%;top:-310px;width:650px;height:650px;border-radius:50%;transform:translateX(-50%);border:1px solid rgba(255,206,123,.13);box-shadow:0 0 0 88px rgba(233,140,73,.025),0 0 0 175px rgba(233,140,73,.02);pointer-events:none}
.download-inner{position:relative;z-index:1}
.download-heading{text-align:center;margin-bottom:50px}.download-heading .eyebrow{justify-content:center}.download-heading h2{max-width:none;margin:18px 0}.download-heading p{color:#c8aea3;font-size:15px;margin-bottom:0}
.download-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:970px;margin:auto}
.download-card{position:relative;padding:31px;background:linear-gradient(145deg,rgba(62,37,32,.96),rgba(30,17,17,.98));border:1px solid rgba(246,198,115,.33);border-radius:13px;box-shadow:0 22px 55px #0005;overflow:hidden}
.download-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 89% 0%,rgba(213,126,53,.18),transparent 42%);pointer-events:none}
.download-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.platform-mark{font-size:11px;letter-spacing:.22em;color:#f0c480;font-weight:900}.platform-icon{font-size:30px;color:#ba7749}
.download-card h3{position:relative;font-size:25px;letter-spacing:-.05em;margin:0 0 10px}.download-card p{position:relative;color:#c2aca4;line-height:1.7;font-size:13px;min-height:48px;max-width:340px;margin-bottom:29px}
.download-link{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 18px;background:linear-gradient(95deg,#f3c670,#cf872f);color:#2b170f;border-radius:4px;font-size:12px;font-weight:900;letter-spacing:.1em;transition:filter .25s,transform .25s}
.download-link:hover{filter:brightness(1.1);transform:translateY(-2px)}.download-link span:last-child{font-size:20px;line-height:1;font-weight:400}
.download-card small{position:relative;display:block;margin-top:17px;font-size:10px;letter-spacing:.12em;color:#a88779}
.site-footer{background:#100809;border-top:1px solid rgba(244,195,123,.14)}
.footer-inner{min-height:138px;display:flex;align-items:center;gap:30px}.footer-inner img{width:145px;height:auto}.footer-inner p{color:#8d766d;font-size:12px;margin:0 auto 0 0}.footer-inner>a:last-child{font-size:10px;letter-spacing:.16em;color:#d5a660;font-weight:700}
.mobile-download{display:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.in-view{opacity:1;transform:none}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){.desktop-nav{gap:22px;margin-right:10px}.hero{grid-template-columns:52% 48%;min-height:700px}.hero-art{height:500px;margin-left:0}.hero-poster{width:100%}.floating-icon{width:85px;height:85px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-tile{min-height:190px}.game-tile img{width:100px;height:100px}.visual-layout{grid-template-columns:40% 60%}}
@media(max-width:800px){.shell{width:min(100% - 40px,680px)}.site-header{height:80px}.brand{width:155px}.desktop-nav{display:none}.header-cta{height:41px;padding:0 13px;font-size:10px;gap:12px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:65px;padding-bottom:80px}.hero-copy{padding:0}.hero h1{max-width:650px;font-size:clamp(43px,8vw,68px)}.hero-lead{font-size:15px}.hero-art{height:440px;margin-top:25px}.hero-poster{width:91%}.floating-zeus{right:2px}.floating-poker{left:0}.hero-bottom{bottom:25px}.section{padding-block:83px}.section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:28px}.section-heading p{max-width:530px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-tile{min-height:210px}.game-tile img{width:118px;height:118px}.visual-layout{grid-template-columns:1fr;gap:34px}.showcase-window{margin-left:0}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-section{padding-block:87px 94px}}
@media(max-width:550px){.shell{width:min(100% - 32px,470px)}.site-header{height:70px}.brand{width:132px}.header-cta{height:38px;font-size:9px;letter-spacing:.09em}.hero{padding-top:49px;padding-bottom:72px}.eyebrow{font-size:9px;letter-spacing:.18em}.hero h1{font-size:clamp(38px,10.1vw,52px);line-height:1.14;letter-spacing:-.06em;margin:20px 0}.hero-lead{font-size:13px;line-height:1.8;margin-bottom:24px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button{min-height:55px;padding:0 11px;gap:7px;font-size:9px;letter-spacing:.02em;justify-content:center}.button svg{width:17px;height:17px}.button-arrow{margin-left:0;font-size:14px}.hero-note{font-size:10px;margin-top:18px}.hero-art{height:290px;margin-top:28px}.hero-halo{width:300px;height:300px}.orbit-one{width:330px;height:300px}.orbit-two{width:280px;height:350px}.hero-poster{width:93%;padding:6px;border-radius:10px;transform:perspective(900px) rotateY(-5deg) rotateZ(-2deg)}.poster-top{height:25px;font-size:6px;padding:0 8px}.poster-bottom{height:23px;font-size:6px;padding:0 8px}.poster-dot{width:5px;height:5px}.floating-icon{width:59px;height:59px;padding:5px;border-radius:14px}.floating-icon img{border-radius:10px}.floating-zeus{top:1px;right:-4px}.floating-poker{bottom:3px;left:-3px}.floating-shine{font-size:20px}.hero-bottom{bottom:17px;font-size:8px;padding-top:14px}.down-arrow{font-size:16px}.marquee{height:48px}.marquee-track{gap:19px;font-size:10px}.section{padding-block:70px}.section-heading h2,.visual-copy h2,.download-heading h2{font-size:clamp(29px,8vw,41px)}.section-heading p{font-size:12px}.game-grid{gap:9px}.game-tile{min-height:173px;padding:13px;border-radius:8px}.game-tile img{width:92px;height:92px;top:19px}.game-tile h3{font-size:12px}.game-tile p{font-size:9px}.tile-num{top:12px;left:12px;font-size:9px}.tile-plus{font-size:16px}.visual-copy p{font-size:13px}.visual-points{font-size:11px;margin-top:22px}.showcase-window{border-radius:8px}.window-head{height:26px;font-size:7px}.cover-grid{gap:10px}.cover-card{border-radius:8px;aspect-ratio:3/4}.cover-card figcaption{padding:13px}.cover-card figcaption span{font-size:8px}.cover-card figcaption strong{font-size:13px}.download-section{padding-block:72px 96px}.download-heading{margin-bottom:30px}.download-heading p{font-size:12px}.download-cards{grid-template-columns:1fr;gap:12px}.download-card{padding:22px}.download-card h3{font-size:22px}.download-card p{font-size:12px;min-height:0;margin-bottom:20px}.download-card-top{margin-bottom:16px}.footer-inner{min-height:145px;align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding-block:21px}.footer-inner img{width:116px}.footer-inner p{font-size:10px}.footer-inner>a:last-child{display:none}.mobile-download{display:block;position:fixed;z-index:15;left:0;right:0;bottom:0;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(10,4,5,.98),rgba(10,4,5,.92));border-top:1px solid rgba(245,196,112,.27)}.mobile-download a{height:46px;display:flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(110deg,#f7d484,#d18f39);border-radius:5px;color:#29130f;font-size:11px;font-weight:900;letter-spacing:.1em}.mobile-download span{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.floating-icon{animation:none}.reveal{opacity:1;transform:none;transition:none}.hero-poster,.game-tile,.cover-card,.button{transition:none}}
