:root{--bg:#100e11;--panel:#1c1718;--panel2:#281d1a;--line:#54382b;--text:#fff5e8;--muted:#c4ab9b;--gold:#ffd27d;--orange:#ff741e;--fire:#ff450a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.72 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.muted{color:var(--muted)}.eyebrow{color:#ffc36b;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff17;background:#100e11eb;backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:.04em;font-size:21px}.brand img{width:45px;height:45px;object-fit:contain}.brand span b{color:#ff9b3a}.navlinks{display:flex;align-items:center;gap:27px}.navlinks a{text-decoration:none;color:#ded2ca;font-size:14px;font-weight:650}.navlinks a:hover,.footer a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:850;font-size:14px;border-radius:13px;padding:15px 23px;transition:transform .2s,box-shadow .2s;line-height:1.3;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#ffe09a,#ffae42 45%,#fc671a);color:#2f140b;box-shadow:0 7px 36px #e6561266}.btn-outline{border:1px solid #ae6d40;background:#ffffff08;color:var(--text)}.hero{position:relative;overflow:hidden;padding:95px 0 82px;background:radial-gradient(ellipse at 78% 31%,#a83c1250,transparent 40%),linear-gradient(180deg,#1b1111,#100e11)}.hero:before{content:"";position:absolute;right:-130px;top:-160px;width:560px;height:560px;background:#ff500e18;filter:blur(100px);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:38px}.hero h1{font-size:clamp(42px,5.3vw,75px);line-height:1.05;letter-spacing:-.055em;margin:12px 0 24px;max-width:700px}.gradient{color:#ffc16d}.hero p{color:#d6bfb1;font-size:18px;max-width:590px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;inset:7%;background:#fa610d;filter:blur(90px);opacity:.25}.hero-visual img{position:relative;box-shadow:0 28px 90px #0009;border:1px solid #ad552c78;border-radius:24px;aspect-ratio:1.25;object-fit:cover}.pillrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.pill{font-size:12px;letter-spacing:.015em;padding:7px 12px;border:1px solid #75452d;background:#45281c50;border-radius:30px;color:#f9dcb7}.section{padding:88px 0}.section-alt{background:linear-gradient(135deg,#211719,#160f11)}h2{font-size:clamp(30px,3.8vw,48px);line-height:1.16;letter-spacing:-.03em;margin:12px 0 18px}h3{font-size:20px;line-height:1.28;margin:12px 0}p{margin:0 0 18px}.lead{color:#d7bdae;max-width:750px;font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.showcase{border-radius:21px;overflow:hidden;border:1px solid #6f3b28;box-shadow:0 20px 70px #0008}.showcase img{width:100%;aspect-ratio:1.65;object-fit:cover}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:35px}.tile{padding:27px;background:linear-gradient(140deg,#2c201e,#171214);border:1px solid #643b2a;border-radius:19px}.tile .num{color:#ffb158;font-size:13px;font-weight:900;letter-spacing:.11em}.tile p{color:#ceb5a7;font-size:15px;margin:10px 0 0}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.step{background:#1d1719;border:1px solid #593a2b;border-radius:18px;padding:25px}.step:before{counter-increment:s;content:'0' counter(s);display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(125deg,#ffce69,#ff6521);color:#261008;font-weight:900;width:43px;height:43px;margin-bottom:18px}.games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:33px}.game{background:#1f1818;border-radius:14px;padding:10px;border:1px solid #603923;overflow:hidden}.game img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.game span{display:block;margin:11px 2px 4px;font-size:13px;font-weight:700;line-height:1.35}.faq{max-width:870px;margin:35px auto 0}.faq details{border-bottom:1px solid #5b3827;padding:20px 5px}.faq summary{cursor:pointer;font-size:18px;font-weight:780;list-style:none}.faq summary:after{content:'+';float:right;color:#ffab55}.faq details[open] summary:after{content:'−'}.faq details p{padding:15px 0 0;color:#cfb8ad}.notice{padding:20px 24px;border:1px solid #97512a;background:#38221a;color:#f2d8bf;border-radius:16px;font-size:14px;margin-top:28px}.footer{padding:57px 0 26px;border-top:1px solid #5a3626;background:#120e0e}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer h3{font-size:15px;color:#ffe0aa}.footer a{display:block;text-decoration:none;color:#cfb5a5;font-size:14px;margin:7px 0}.footer p{color:#bba498;font-size:14px}.subfoot{border-top:1px solid #442d25;margin-top:40px;padding-top:20px;color:#a9958c;font-size:13px}.doc{max-width:860px;padding:70px 0 105px}.doc h1{font-size:clamp(38px,5vw,58px);line-height:1.13}.doc h2{font-size:25px;margin-top:38px}.doc p,.doc li{color:#dac3b7}.doc ul{padding-left:23px}.doc a{text-decoration-color:#f28b42}.mobile-menu{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ffb869;outline-offset:4px}@media(max-width:950px){.navlinks{display:none}.mobile-menu{display:inline-flex}.hero-grid,.split{grid-template-columns:1fr}.hero{padding:64px 0}.hero-visual{max-width:780px}.grid3,.steps{grid-template-columns:1fr 1fr}.games{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.wrap{width:min(100% - 28px,1180px)}.nav{min-height:66px}.brand{font-size:18px}.brand img{height:40px;width:40px}.hero h1{font-size:42px}.hero p{font-size:16px}.hero{padding:46px 0 55px}.section{padding:57px 0}.grid3,.steps,.footer-grid{grid-template-columns:1fr}.games{grid-template-columns:repeat(2,1fr)}.actions .btn{width:100%}.hero-visual img{border-radius:15px}}
/* Compact above-the-fold hero: constrain the artwork on every screen size. */
.hero{padding:46px 0 48px}
.hero-grid{gap:30px}
.hero h1{font-size:clamp(36px,4.2vw,60px);margin:10px 0 18px}
.hero p{font-size:16px;line-height:1.6}
.hero .actions{margin:22px 0}
.hero .pillrow{margin-top:18px}
.hero-visual img{display:block;width:100%;height:clamp(230px,26vw,340px);max-height:340px;aspect-ratio:auto;object-fit:cover;object-position:center}
@media(max-width:950px){.hero{padding:36px 0 42px}.hero-visual img{height:280px;max-height:280px}}
@media(max-width:580px){.hero{padding:28px 0 35px}.hero-grid{gap:24px}.hero h1{font-size:clamp(32px,9vw,40px)}.hero-visual img{height:200px;max-height:200px}.hero .pillrow{margin-top:14px}}

/* Fixed header logo and hero aspect ratio */
.topbar .brand{flex:0 0 auto;gap:0}.topbar .brand img{width:100px;height:58px;max-width:none;object-fit:contain}.hero-grid{align-items:center}.hero-visual{align-self:center;min-height:0}.hero-visual img{height:300px!important;max-height:300px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center}
@media(max-width:950px){.hero-visual img{height:240px!important;max-height:240px!important}}
@media(max-width:580px){.topbar .brand img{width:84px;height:50px}.hero-visual img{height:190px!important;max-height:190px!important}}

/* Mobile header and horizontal overflow fixes (2026-11-13) */
html,body{max-width:100%;overflow-x:clip}
.wrap,.nav,.hero-grid,.split,.hero-grid>*,.split>*,.tile,.step,.showcase,.hero-visual{min-width:0}
img,svg,video,iframe{max-width:100%}
@media(max-width:950px){
 .nav{gap:14px;flex-wrap:nowrap}
 .nav>.btn-primary{max-width:180px;padding:12px 14px;text-align:center}
 .nav>.mobile-menu{white-space:nowrap;min-width:0}
}
@media(max-width:580px){
 .wrap{width:calc(100% - 28px);max-width:100%}
 .nav{gap:10px;min-height:68px;justify-content:space-between}
 .topbar .brand{flex:0 0 auto;min-width:0}
 .topbar .brand img{height:52px!important;width:91px!important;max-width:100%!important}
 .nav>.btn-primary{display:none!important}
 .nav>.mobile-menu{display:inline-flex;flex:0 0 auto;max-width:calc(100% - 110px);padding:11px 17px;font-size:13px;white-space:normal;text-align:center;overflow-wrap:anywhere}
 .hero-grid,.split{grid-template-columns:minmax(0,1fr)}
 .hero h1{overflow-wrap:break-word}
 .actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .actions .btn{width:100%;min-width:0;max-width:100%;padding:14px 12px;text-align:center;white-space:normal}
 .pillrow{width:100%;max-width:100%}
 .pill{max-width:100%;overflow-wrap:anywhere}
 .games{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-visual img{width:100%;height:190px!important;max-width:100%}
 .footer-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){.topbar .brand img{width:78px!important}.nav>.mobile-menu{font-size:12px;padding:10px 12px}}

/* infernos-app.com: revised app-first landing page */
html,body{width:100%;max-width:100%;overflow-x:clip}
.hero-grid,.split,.grid3,.steps,.games{min-width:0}
.hero-grid>*,.split>*,.grid3>*,.steps>*,.games>*{min-width:0}
.hero-visual img{width:100%;height:300px!important;max-height:300px!important;object-fit:cover;object-position:center!important}
@media(max-width:950px){.hero-visual img{height:240px!important;max-height:240px!important}}
@media(max-width:580px){.nav>.btn-primary{display:none!important}.nav>.mobile-menu{max-width:calc(100% - 115px);white-space:normal}.hero-visual img{height:190px!important;max-height:190px!important}.grid3,.steps{grid-template-columns:minmax(0,1fr)}.games{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* infernosapp.com mobile refinements */
html,body{max-width:100%;overflow-x:clip}
.wrap,.nav,.hero-grid,.split,.grid3,.steps,.games{min-width:0}
.hero-grid>*,.split>*,.grid3>*,.steps>*,.games>*{min-width:0}
.hero-visual{align-self:center;min-height:0}
.hero-visual img{display:block;width:100%;height:300px!important;max-height:300px!important;object-fit:cover}
@media(max-width:950px){.hero-visual img{height:240px!important;max-height:240px!important}}
@media(max-width:580px){.nav>.btn-primary{display:none!important}.hero-visual img{height:190px!important;max-height:190px!important}.actions{display:grid;grid-template-columns:minmax(0,1fr)}.actions>.btn{width:100%;max-width:100%}.games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.nav .mobile-menu{font-size:12px;padding:10px 12px}.nav .brand img{max-width:90px;height:auto}}

/* Uniform image heights: avoid full-screen illustrations across all content sections. */
.hero-visual img{height:280px!important;max-height:280px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
.split .showcase{width:100%;max-width:100%;align-self:center}
.split .showcase img,.section .showcase img{display:block;width:100%;height:275px!important;max-height:275px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
.section img[src*="app-slots"]{display:block;width:100%;height:275px!important;max-height:275px!important;aspect-ratio:auto!important;object-fit:cover!important}
.game img{height:auto;max-height:none;aspect-ratio:1;object-fit:cover}
@media(max-width:950px){.hero-visual img{height:235px!important;max-height:235px!important}.split .showcase img,.section .showcase img,.section img[src*="app-slots"]{height:230px!important;max-height:230px!important}}
@media(max-width:580px){.hero-visual img{height:185px!important;max-height:185px!important}.split .showcase img,.section .showcase img,.section img[src*="app-slots"]{height:180px!important;max-height:180px!important}.section .split{gap:24px}.section{padding:48px 0}.hero{padding:26px 0 34px}}

/* Infernos Betting: compact all illustrated media without overflowing */
html,body{max-width:100%;overflow-x:clip}.wrap,.hero-grid,.split,.nav,.tile,.step{min-width:0}.hero{padding:42px 0 48px}.hero-grid{gap:30px;align-items:center}.hero h1{font-size:clamp(36px,4.6vw,60px)}.hero p{font-size:16px}.hero-visual{align-self:center;min-width:0;min-height:0}.hero-visual img{width:100%;height:280px;max-height:280px;aspect-ratio:auto;object-fit:cover}.showcase img,.showcase img[style]{height:265px!important;max-height:265px!important;aspect-ratio:auto!important;object-fit:cover!important}.section{padding:65px 0}.brand img{width:108px;height:57px;max-width:108px;object-fit:contain}.topbar .nav{gap:16px}.navlinks{gap:21px}.navlinks a{white-space:nowrap}.sports-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:28px 0}.sport{padding:24px;border:1px solid #643b2a;background:#201718;border-radius:17px}.sport b{display:block;color:#ffbe75;font-size:12px;letter-spacing:.13em}.sport h3{margin-top:8px}.sport p{font-size:14px;color:#d4bdb0}.rule-table{width:100%;border-collapse:collapse;margin:22px 0}.rule-table th,.rule-table td{padding:13px 15px;text-align:left;border-bottom:1px solid #583829}.rule-table th{color:#ffca82;background:#261b19}.table-wrap{overflow-x:auto}.tip{color:#ffbc73;font-weight:700}.site-note{font-size:13px;color:#c3a99b}.nav .btn{white-space:nowrap}
@media(max-width:950px){.hero-visual img{height:235px;max-height:235px}.showcase img,.showcase img[style]{height:225px!important;max-height:225px!important}.sports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{display:none}.nav>.btn-primary{display:none}.mobile-menu{display:inline-flex}}
@media(max-width:580px){.wrap{width:calc(100% - 28px)}.nav{gap:10px;flex-wrap:nowrap;min-height:64px}.brand img{width:90px;height:48px}.nav .mobile-menu{max-width:140px;padding:10px 13px;font-size:12px;white-space:nowrap}.nav>.btn-primary{display:none!important}.hero{padding:35px 0 40px}.hero h1{font-size:clamp(33px,9.4vw,45px);overflow-wrap:break-word}.hero-visual img{height:175px;max-height:175px}.showcase img,.showcase img[style]{height:175px!important;max-height:175px!important}.sports-grid{grid-template-columns:1fr}.actions{gap:10px;margin:22px 0}.actions .btn{width:100%;min-width:0;white-space:normal;text-align:center}.pillrow{margin-top:18px}.section{padding:48px 0}.split,.hero-grid{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:1fr}.table-wrap{max-width:100%}}

/* v2 content images: independent, strictly limited dimensions */
.hero-grid,.split,.tile,.nav,.wrap{min-width:0}
.hero-visual,.showcase{min-width:0;align-self:center;max-width:100%}
.hero-visual img,.showcase img,.showcase img[style],.bet-figure img{display:block;width:100%!important;height:260px!important;max-height:260px!important;min-height:0!important;object-fit:cover!important;aspect-ratio:auto!important;border-radius:18px}
.bet-figure{max-width:100%;margin:0;min-width:0}.bet-figure figcaption{font-size:12px;color:#c7a899;margin-top:7px}
@media(max-width:960px){.hero-visual img,.showcase img,.showcase img[style],.bet-figure img{height:215px!important;max-height:215px!important}}
@media(max-width:600px){html,body{max-width:100%;overflow-x:clip}.hero-visual img,.showcase img,.showcase img[style],.bet-figure img{height:160px!important;max-height:160px!important}.hero-grid,.split{grid-template-columns:minmax(0,1fr)}.hero{padding:28px 0 34px}.section{padding:42px 0}.nav>.btn-primary{display:none!important}.navlinks{display:none!important}.nav{gap:8px;min-width:0}.mobile-menu{display:inline-flex!important;white-space:nowrap;padding:10px 12px;max-width:150px}.actions .btn{width:100%;white-space:normal}.wrap{width:calc(100% - 28px)}.hero h1{font-size:clamp(32px,9vw,43px)}.footer-grid{grid-template-columns:1fr}}