:root{--bg:#11141b;--panel:#202531;--text:#f8f9ff;--muted:#b6bdd1;--blue:#5868ff;--orange:#ff850d;--radius:28px;--shadow:0 18px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-rounded,"Segoe UI",system-ui,sans-serif;line-height:1.58}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:white;color:#111;padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:20px;min-height:76px;margin:0 auto;padding:10px clamp(16px,3vw,44px);background:rgba(31,36,48,.96);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:5px;font-size:25px;font-weight:900;letter-spacing:.5px}.logo-mark{width:10px;height:26px;background:linear-gradient(170deg,#ff7b00 0 47%,#4ed8ff 48%);clip-path:polygon(0 0,45% 13%,100% 100%,55% 86%)}.site-header nav{justify-self:center;display:flex;align-items:center;gap:8px}.site-header nav a{padding:10px 13px;color:var(--muted);font-weight:700;border-radius:12px}.site-header nav a:hover,.site-header nav a:focus-visible{color:white;background:#2c3240}.header-cta,.primary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;border-radius:999px;background:linear-gradient(120deg,#6774ff,#4c58eb);color:white;font-weight:900;box-shadow:0 10px 28px rgba(77,89,238,.34);transition:.2s transform,.2s box-shadow}.header-cta:hover,.primary-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(77,89,238,.48)}.menu-button{display:none;width:42px;height:42px;border:0;border-radius:13px;background:#2a303d;padding:11px}.menu-button span{display:block;height:2px;background:white;margin:4px 0;border-radius:2px}
main{overflow:hidden}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;min-height:520px;max-width:1760px;margin:12px auto 26px;border-radius:0 0 42px 42px;background:#152247;overflow:hidden;box-shadow:var(--shadow)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,36,.04),rgba(8,13,36,.18) 48%,rgba(8,13,36,.82) 70%,rgba(8,13,36,.93))}.hero-copy{position:relative;z-index:2;grid-column:2;padding:clamp(34px,5vw,80px);text-align:left}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(20,25,49,.52);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:16px 0 12px;font-size:clamp(38px,4.5vw,72px);line-height:.98;letter-spacing:-.04em}.hero h1 em{display:block;color:#91c7ff;font-style:normal;text-shadow:0 0 28px rgba(83,186,255,.45)}.hero p{max-width:650px;margin:0 0 22px;color:#e4e8f7;font-size:clamp(16px,1.3vw,20px)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.secondary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(17,21,35,.55);font-weight:800}.bonus-lockup{display:flex;align-items:end;gap:10px;margin:16px 0}.bonus-lockup strong{font-size:clamp(42px,5vw,78px);line-height:.9;color:#8bc1ff;text-shadow:0 0 22px rgba(94,170,255,.35)}.bonus-lockup span{font-size:20px;font-weight:900;line-height:1.05}.bonus-lockup mark{background:#ffe500;padding:2px 7px;border-radius:8px}.date-note{display:block;margin-top:10px;color:#c9cfe0;font-size:13px}.utility-hero{min-height:430px}.utility-hero .hero-copy{max-width:760px}
.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1680px;margin:0 auto 24px;padding:0 20px}.quick-card{position:relative;min-height:116px;padding:22px 18px 18px 96px;border-radius:24px;background:linear-gradient(120deg,#3a2237,#26335f);overflow:hidden}.quick-card:before{content:"";position:absolute;left:12px;bottom:-14px;width:76px;height:90px;background-image:url('/assets/images/martin-demo-atlas.png');background-size:400% 300%;background-position:100% 50%;border-radius:18px;transform:rotate(-7deg)}.quick-card:nth-child(2){background:linear-gradient(120deg,#243b76,#313b61)}.quick-card:nth-child(2):before{background-position:0 0}.quick-card:nth-child(3){background:linear-gradient(120deg,#522a52,#5e214e)}.quick-card:nth-child(3):before{background-position:0 100%}.quick-card:nth-child(4){background:linear-gradient(120deg,#5b2629,#832840)}.quick-card:nth-child(4):before{background-position:66.666% 0}.quick-card b{display:block;font-size:18px}.quick-card small{color:#dfe2ef}
.category-nav{display:flex;gap:12px;align-items:center;max-width:1680px;margin:0 auto 16px;padding:14px 20px;border-radius:22px;background:#202530;overflow-x:auto;scrollbar-width:none}.category-nav a{flex:0 0 auto;padding:10px 15px;border-radius:12px;color:#929bb4;font-weight:800}.category-nav a:first-child,.category-nav a:hover{background:#2c3341;color:white}.lobby{max-width:1720px;margin:auto;padding:0 20px 36px}.game-rail{margin:14px 0 20px;padding:26px;border-radius:30px;background:#202531;box-shadow:0 10px 35px rgba(0,0,0,.18)}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.rail-head h2{display:flex;align-items:center;gap:11px;margin:0;font-size:24px;text-transform:uppercase}.rail-head h2 span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--orange)}.rail-head>a{padding:10px 18px;border-radius:999px;background:var(--blue);font-weight:900}.game-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-color:#515a70 #202531}.game-card{position:relative;display:block;min-height:256px;border-radius:21px;background:#171b24;overflow:hidden;scroll-snap-align:start;box-shadow:0 9px 24px rgba(0,0,0,.28);isolation:isolate}.game-art{position:absolute;inset:0 0 54px;background-image:url('/assets/images/martin-demo-atlas.png');background-repeat:no-repeat;background-size:400% 300%;transition:transform .25s}.game-meta{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;height:58px;padding:8px 12px;background:#171b24}.game-meta b{font-size:14px}.game-meta small{color:#9ba4bb}.game-hover{position:absolute;z-index:3;inset:0 0 54px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;background:linear-gradient(rgba(49,41,124,.2),rgba(31,23,85,.94));opacity:0;transform:translateY(6px);transition:.22s}.game-hover:before{content:"▶";display:grid;place-items:center;width:50px;height:50px;margin-bottom:11px;border-radius:50%;background:var(--orange);font-size:18px}.game-hover b{font-size:15px}.game-hover small{color:#eee}.game-card:hover .game-hover,.game-card:focus-visible .game-hover{opacity:1;transform:none}.game-card:hover .game-art{transform:scale(1.04)}
.content-wrap{max-width:1440px;margin:0 auto;padding:28px 22px 70px}.section-heading{max-width:880px;margin:0 auto 30px;text-align:center}.section-heading .eyebrow{color:#ffbf7a}.section-heading h2{margin:12px 0;font-size:clamp(32px,4vw,54px);line-height:1.05}.section-heading p{color:var(--muted)}.article-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:26px;align-items:start}.article{padding:clamp(24px,4vw,56px);border-radius:32px;background:#1f242f}.article h2{margin-top:1.5em;font-size:32px;line-height:1.15}.article h2:first-child{margin-top:0}.article h3{margin-top:1.4em;font-size:23px}.article p,.article li{color:#d6dbe8}.article a:not(.primary-cta){color:#9fcaff;text-decoration:underline;text-underline-offset:3px}.article table{width:100%;border-collapse:collapse;margin:24px 0;background:#181c24;border-radius:18px;overflow:hidden}.article th,.article td{padding:14px 16px;text-align:left;border-bottom:1px solid #2f3543}.article th{color:#fff}.article td{color:#d4d8e4}.article ul,.article ol{padding-left:22px}.sidebar{position:sticky;top:98px;display:grid;gap:16px}.info-card,.cta-card,.faq-card{position:relative;padding:24px;border-radius:26px;background:linear-gradient(140deg,#2b3041,#252231);overflow:hidden}.info-card:before,.faq-card:before{content:"";position:absolute;right:-25px;bottom:-35px;width:140px;height:170px;background:url('/assets/images/martin-demo-atlas.png') 100% 100%/400% 300%;opacity:.25;border-radius:30px}.info-card h2,.cta-card h2{position:relative;margin:0 0 10px;font-size:22px}.info-card p,.cta-card p{position:relative;color:#d4d8e5}.cta-card{background:linear-gradient(140deg,#363c8e,#692972)}.cta-card .primary-cta{position:relative;width:100%}.fact-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.fact{position:relative;min-height:170px;padding:22px;border-radius:24px;background:#202530;overflow:hidden}.fact:after{content:"";position:absolute;right:-20px;bottom:-30px;width:115px;height:140px;background:url('/assets/images/martin-demo-atlas.png') 0 0/400% 300%;opacity:.2}.fact:nth-child(2):after{background-position:100% 50%}.fact:nth-child(3):after{background-position:66.666% 100%}.fact b{position:relative;z-index:1;display:block;font-size:25px;color:#82cfff}.fact p{position:relative;z-index:1;color:#c6ccdb}.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.faq-card h3{position:relative;margin:0 0 8px;font-size:20px}.faq-card p{position:relative;color:#cbd0dd}.closing{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;max-width:1400px;margin:20px auto 70px;padding:40px;border-radius:32px;background:linear-gradient(120deg,#373e8d,#7e2f70);overflow:hidden}.closing:before{content:"";position:absolute;inset:0;background:url('/assets/images/martin-parrot-hero.png') left center/cover no-repeat;opacity:.16}.closing>div,.closing>a{position:relative}.closing h2{margin:0;font-size:34px}.closing p{margin:7px 0 0;color:#e4e4ef}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.promo-card{position:relative;min-height:260px;padding:26px;border-radius:28px;background:#252a36;overflow:hidden}.promo-card:before{content:"";position:absolute;inset:0;background:url('/assets/images/martin-demo-atlas.png') 66.666% 0/400% 300%;opacity:.35}.promo-card:nth-child(2):before{background-position:33.333% 50%}.promo-card:nth-child(3):before{background-position:100% 100%}.promo-card>div{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;padding:18px;border-radius:18px;background:rgba(17,20,27,.82);backdrop-filter:blur(8px)}.promo-card h2{margin:0;font-size:24px}.promo-card p{margin:6px 0 0;color:#d7dbe8}.warning-box{padding:22px 24px;border-left:5px solid var(--orange);border-radius:18px;background:#2b2730}.app-steps{counter-reset:steps;display:grid;gap:14px}.app-step{counter-increment:steps;position:relative;padding:20px 20px 20px 74px;border-radius:20px;background:#242a36}.app-step:before{content:counter(steps);position:absolute;left:18px;top:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--blue);font-weight:900}
.site-footer{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:40px;padding:48px clamp(22px,5vw,80px) 26px;background:#1d222c;border-top:1px solid #2f3542}.site-footer h2{margin:0 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#aab3c9}.site-footer>div>a:not(.brand){display:block;padding:5px 0;color:#d4d9e6}.footer-brand p{max-width:420px;color:#9fa8bd}.footer-note{grid-column:1/-1;padding-top:18px;border-top:1px solid #333a48;color:#929bb0;font-size:13px}
:focus-visible{outline:3px solid #66d7ff;outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1050px){.site-header{grid-template-columns:auto auto 1fr}.menu-button{display:block}.site-header nav{position:absolute;left:12px;right:12px;top:75px;display:none;flex-direction:column;align-items:stretch;padding:16px;border-radius:20px;background:#252a36;box-shadow:var(--shadow)}.site-header nav.is-open{display:flex}.header-cta{justify-self:end}.hero{grid-template-columns:1fr;min-height:570px}.hero:after{background:linear-gradient(0deg,rgba(8,13,36,.96),rgba(8,13,36,.13) 66%)}.hero>img{object-position:34% center}.hero-copy{grid-column:1;align-self:end;padding:36px;text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-actions,.bonus-lockup{justify-content:center}.quick-strip{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:repeat(2,1fr)}.fact-list{grid-template-columns:1fr 1fr}.promo-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.site-header{min-height:66px;padding:8px 12px;gap:9px}.brand{font-size:19px}.logo-mark{height:21px}.header-cta{min-height:44px;padding:10px 16px;font-size:14px}.menu-button{width:40px;height:40px}.hero{min-height:620px;margin-top:0;border-radius:0 0 28px 28px}.hero>img{object-position:30% top}.hero-copy{padding:28px 18px 32px}.hero h1{font-size:42px}.bonus-lockup{align-items:center}.bonus-lockup strong{font-size:54px}.bonus-lockup span{font-size:17px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.quick-strip{display:flex;overflow-x:auto;padding:0 14px}.quick-card{flex:0 0 80%;min-height:105px}.category-nav{margin:0 12px 12px;padding:10px;border-radius:17px}.lobby{padding:0 12px 24px}.game-rail{margin:10px 0;padding:18px 14px;border-radius:22px}.rail-head h2{font-size:18px}.rail-head>a{padding:8px 11px;font-size:13px}.game-row{grid-auto-columns:142px;gap:10px}.game-card{min-height:235px}.content-wrap{padding:20px 14px 50px}.article{padding:23px;border-radius:24px}.article h2{font-size:28px}.article table{display:block;overflow-x:auto}.sidebar,.fact-list,.faq,.promo-grid{grid-template-columns:1fr}.closing{grid-template-columns:1fr;margin:15px 14px 50px;padding:28px;text-align:center}.closing .primary-cta{width:100%}.site-footer{grid-template-columns:1fr;padding:36px 22px 24px}.footer-note{grid-column:auto}.utility-hero{min-height:560px}}