:root{--bg: #071018;--bg-2: #0d1722;--surface: rgba(13, 23, 34, .9);--surface-strong: rgba(19, 31, 44, .96);--surface-light: rgba(27, 40, 52, .82);--card: rgba(20, 31, 42, .82);--card-2: rgba(29, 41, 54, .9);--text: #ecf6ff;--muted: #9cadbe;--muted-soft: #cedbe8;--primary: #2d7ef7;--primary-2: #5ab6ff;--green: #31d27d;--yellow: #f5c451;--orange: #ff9b4a;--border: rgba(165, 189, 214, .14);--shadow: rgba(0, 0, 0, .35)}.landing-page.light{--bg: #ebf5ff;--bg-2: #f7fbff;--surface: rgba(255, 255, 255, .86);--surface-strong: rgba(255, 255, 255, .96);--surface-light: rgba(232, 240, 248, .9);--card: rgba(243, 247, 253, .9);--card-2: rgba(227, 237, 247, .9);--text: #112031;--muted: #557088;--muted-soft: #213b54;--primary: #0f6bff;--primary-2: #48b5ff;--green: #1ba963;--yellow: #d79900;--orange: #ff7d18;--border: rgba(82, 103, 134, .12);--shadow: rgba(15, 23, 42, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}button,a{font:inherit}a{text-decoration:none}.landing-page{min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(45,126,247,.22),transparent 30%),radial-gradient(circle at 80% 20%,rgba(90,182,255,.18),transparent 25%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);color:var(--text);transition:all .25s ease;overflow:hidden}main{position:relative;z-index:1}.topbar-landing{max-width:1200px;margin:0 auto;padding:24px 28px 8px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-block{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em;font-size:1rem}.brand-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 8px 20px #2d7ef759}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{color:var(--muted);font-weight:500}.nav-links a:hover{color:var(--text)}.cta-button,.secondary-button{border:none;border-radius:12px;cursor:pointer;transition:transform .18s ease}.cta-button:hover,.secondary-button:hover{transform:translateY(-1px)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 12px 30px #2d7ef747}.cta-button.small{padding:.72rem 1.15rem}.secondary-button{background:#94a3b814;color:var(--text);border:1px solid var(--border);padding:.9rem 1.1rem;font-weight:600}.hero-section{max-width:1200px;margin:0 auto;padding:36px 28px 48px;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.hero-copy,.hero-visual,.feature-card,.step-item,.gallery-card,.purchase-box,.floating-card{animation:floatIn .7s ease both}@keyframes floatIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.eyebrow{display:inline-flex;padding:.52rem .9rem;border-radius:999px;background:#2d7ef71f;border:1px solid rgba(45,126,247,.28);color:var(--primary-2);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero-copy h1{margin:18px 0 16px;font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.08em;line-height:.94}.hero-copy p{margin:0;max-width:650px;font-size:1.1rem;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:26px;flex-wrap:wrap}.hero-badges{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:14px;color:var(--muted-soft);font-weight:600}.hero-badges li{background:#94a3b80f;border:1px solid var(--border);border-radius:999px;padding:.7rem .9rem}.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.tilt-card{--glow-x: 50%;--glow-y: 50%;position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease}.tilt-card:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(90,182,255,.22),transparent 30%);pointer-events:none;z-index:0}.screen-mockup{width:min(100%,590px);border-radius:26px;padding:18px 18px 20px;background:linear-gradient(180deg,#0e171ff0,#091118fa);border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 80px #00000073;transform:perspective(1200px) rotateX(0) rotateY(0);transition:transform .18s ease,box-shadow .2s ease;overflow:hidden}.hero-showcase{width:min(100%,620px);padding:0;background:transparent;border:none;box-shadow:none}.hero-showcase .product-image-card{min-height:unset;max-width:100%;width:100%;border-radius:24px;box-shadow:0 28px 80px #0b121e6b;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-showcase .product-image-card img{width:100%;height:auto;max-height:560px;object-fit:contain;display:block;margin:0 auto;background:#ffffff05}.screen-mockup:hover{box-shadow:0 34px 90px #00000080}.mockup-topbar{display:flex;align-items:center;gap:8px;padding:4px 0 18px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot.red{background:#ff5f57}.dot.yellow{background:#f7bd3d}.dot.green{background:#28c840}.mockup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 18px;font-weight:800;letter-spacing:.12em;font-size:.9rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;border-radius:999px;background:#31d27d24;color:var(--green);font-size:.72rem;border:1px solid rgba(49,210,125,.25)}.product-image-card{position:relative;overflow:hidden;border-radius:18px;background:#0f181fcc;border:1px solid var(--border);min-height:380px}.product-image-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.06)}.mini-legend{display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--muted-soft);font-weight:700}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 20px}.mini-stat{background:#94a3b80f;border:1px solid var(--border);border-radius:14px;padding:16px 12px;text-align:center}.mini-stat strong{display:block;font-size:clamp(1.6rem,2vw,2.4rem);letter-spacing:-.05em;margin-bottom:4px}.mini-stat span{color:var(--muted);font-size:.72rem}.mini-stat.warning{background:#f5c45114;border-color:#f5c45133}.game-list-preview{display:flex;flex-direction:column;gap:12px}.game-row{display:flex;align-items:center;gap:12px;background:#94a3b80a;border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--muted-soft)}.game-tag{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:1rem}.tag-green{background:#31d27d24}.tag-blue{background:#2d7ef726}.tag-red{background:#ff9b4a26}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;background:#112031e0;border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:0 20px 38px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulseFloat 4s ease-in-out infinite}.floating-card span{font-size:1.4rem}.floating-card strong{display:block;font-size:.88rem}.floating-card small{color:var(--muted)}.card-one{left:-12px;bottom:90px}.card-two{right:10px;top:70px;animation-delay:.8s}@keyframes pulseFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.features-section,.steps-section,.gallery-section,.purchase-section{max-width:1200px;margin:0 auto;padding:28px 28px 18px}.section-heading{text-align:center;margin-bottom:24px}.section-heading.align-left{text-align:left}.section-heading h2{margin:16px 0 0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.06em}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{background:#94a3b80a;border:1px solid var(--border);border-radius:22px;padding:28px 22px;box-shadow:0 20px 40px #0000001f;transform:perspective(1200px) rotateX(0) rotateY(0);transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease}.feature-card:hover,.step-item:hover,.gallery-card:hover{border-color:#5ab6ff59;box-shadow:0 24px 54px #0f172a1f}.feature-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#2d7ef72e,#5ab6ff1a);font-size:1.5rem;margin-bottom:18px}.feature-card h3{margin:0 0 12px;font-size:1.35rem}.feature-card p{margin:0;color:var(--muted);line-height:1.7}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-item{background:#94a3b80a;border:1px solid var(--border);border-radius:18px;padding:22px 18px;transform:perspective(1200px) rotateX(0) rotateY(0);transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease}.step-number{display:inline-flex;min-width:54px;height:54px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-weight:800;margin-bottom:14px}.step-item p{margin:0;color:var(--muted);line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.gallery-card{background:linear-gradient(180deg,#0e171fe6,#0d141bf5);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 18px 38px #0000002e;transform:perspective(1200px) rotateX(0) rotateY(0);transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease}.gallery-card img{display:block;width:100%;height:220px;object-fit:cover;background:#ffffff0a}.gallery-content{padding:18px 18px 22px}.gallery-content span{color:var(--muted);display:block;margin-bottom:4px}.gallery-content h3{margin:0;font-size:1.2rem}.purchase-section{padding-bottom:60px}.purchase-box{background:linear-gradient(135deg,#2d7ef71f,#5ab6ff14);border:1px solid rgba(90,182,255,.2);border-radius:26px;padding:32px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.purchase-box h2{margin:14px 0 0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.06em;max-width:680px}.purchase-call{text-align:right}.purchase-call p{margin:0 0 16px;color:var(--muted);font-size:1rem}@media (max-width: 980px){.hero-section{grid-template-columns:1fr;display:block}.features-grid,.steps-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{margin-bottom:28px}.hero-visual{min-height:500px}.purchase-box{flex-direction:column;align-items:flex-start}.purchase-call{text-align:left}}@media (max-width: 720px){.topbar-landing{flex-wrap:wrap}.nav-links{width:100%;justify-content:center;flex-wrap:wrap}.hero-section,.features-section,.steps-section,.gallery-section,.purchase-section{padding-left:18px;padding-right:18px}.gallery-grid{grid-template-columns:1fr}.floating-card{position:static;margin-top:14px}.hero-visual{display:block}.screen-mockup{width:100%;transform:none}.stats-row{grid-template-columns:1fr}.cta-button,.secondary-button{width:100%}.hero-actions{display:grid}.product-image-card{min-height:250px}}