.hero{padding-block:clamp(var(--space-xl),5vw,80px) clamp(var(--space-xxl),8vw,128px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,38vw,520px);gap:clamp(var(--space-lg),4vw,72px);align-items:center}.hero-copy{max-width:640px}.hero-eyebrow{margin:0 0 var(--space-md);color:var(--color-accent);font-size:var(--type-body-sm);font-weight:700;letter-spacing:.12em;text-transform:lowercase}.hero-title{margin:0;color:var(--color-ink);font-size:clamp(3rem,7vw,5.6rem);font-weight:800;line-height:.94;letter-spacing:-.045em;text-wrap:balance}.hero-subtitle{max-width:580px;margin:var(--space-lg) 0 0;color:var(--color-ink-muted);font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;margin-top:var(--space-xl)}.status-line{margin:var(--space-md) 0 0;color:var(--color-ink-subtle);font-size:var(--type-body-sm)}.hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin:clamp(var(--space-xl),4vw,56px) 0 0;padding:0;list-style:none;max-width:540px}.hero-meta li{display:flex;flex-direction:column;gap:4px;color:var(--color-ink-muted);font-size:var(--type-body-sm);line-height:1.2}.hero-meta li strong{color:var(--color-ink);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1}.hero-phone-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);justify-self:center}.phone-frame{position:relative;width:clamp(280px,30vw,380px);aspect-ratio:9 / 19.5;padding:10px;border-radius:56px;background:#0b0c14;border:1.5px solid #1d1f2c;box-shadow:0 40px 80px #0009,inset 0 0 0 1px #ffffff0a}.hero-phone{filter:drop-shadow(0 0 80px color-mix(in srgb,var(--game-color, var(--color-accent)) 28%,transparent));transition:filter .6s cubic-bezier(.16,1,.3,1)}.phone-screen{position:relative;width:100%;height:100%;border-radius:46px;overflow:hidden;isolation:isolate;background:var(--color-bg)}.phone-slide{position:absolute;inset:0;margin:0;display:block;opacity:0;transform:translateY(8px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.phone-slide.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.phone-slide-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.phone-indicators{display:inline-flex;align-items:center;gap:0}.phone-indicator{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.phone-indicator:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--color-ink) 18%,transparent);transition:width .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1),border-radius .24s cubic-bezier(.16,1,.3,1)}.phone-indicator:hover:before{background:color-mix(in srgb,var(--color-ink) 32%,transparent)}.phone-indicator.is-active:before{background:var(--color-accent);width:24px;border-radius:4px}.takeover{position:relative;isolation:isolate;margin-block:clamp(var(--space-xxl),6vw,96px);padding-block:clamp(var(--space-xxl),8vw,144px);overflow:hidden}.takeover:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 90% at 70% 50%,color-mix(in srgb,var(--signature) 60%,var(--color-bg)) 0%,color-mix(in srgb,var(--signature) 30%,var(--color-bg)) 35%,var(--color-bg) 80%)}.takeover-2:before{background:radial-gradient(ellipse 70% 90% at 30% 50%,color-mix(in srgb,var(--signature) 55%,var(--color-bg)) 0%,color-mix(in srgb,var(--signature) 26%,var(--color-bg)) 35%,var(--color-bg) 80%)}.takeover-inner{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,32vw,420px);gap:clamp(var(--space-xl),5vw,80px);align-items:center;width:min(1120px,calc(100% - (var(--space-lg) * 2)));margin-inline:auto}.takeover-inner-reverse{grid-template-columns:clamp(280px,32vw,420px) minmax(0,1fr)}.takeover-inner-reverse .takeover-character{order:-1}.takeover-copy{max-width:600px}.takeover-eyebrow{margin:0 0 var(--space-md);color:color-mix(in srgb,var(--signature) 60%,var(--color-ink));font-size:var(--type-body-sm);font-weight:700;letter-spacing:.12em;text-transform:lowercase}.takeover-title{margin:0;color:var(--color-ink);font-size:clamp(2.4rem,5.5vw,4.4rem);font-weight:800;line-height:.98;letter-spacing:-.04em;text-wrap:balance}.takeover-text{margin:var(--space-lg) 0 var(--space-xl);color:#f5f6fac7;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.55;max-width:60ch}.takeover-character{position:relative;display:grid;place-items:center}.takeover-character img{width:100%;height:auto;max-height:clamp(360px,50vh,580px);object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}.games-section{padding-block:clamp(var(--space-xxl),8vw,128px) 0}.games-head{margin-bottom:clamp(var(--space-xl),5vw,64px);max-width:900px}.carousel{position:relative;isolation:isolate}.carousel:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 60% at 50% 50%,color-mix(in srgb,var(--active-game-color, var(--color-accent)) 18%,transparent) 0%,transparent 70%);transition:background .32s cubic-bezier(.22,1,.36,1);pointer-events:none}.carousel-rail{display:flex;align-items:center;gap:clamp(var(--space-md),2vw,var(--space-xl));overflow-x:auto;overflow-y:visible;padding-block:var(--space-xl);padding-inline:max(16vw,calc((100% - 360px)/2));scroll-snap-type:x mandatory;scroll-behavior:auto;scrollbar-width:none}.carousel-rail::-webkit-scrollbar{display:none}.carousel-item{display:contents}.carousel-tile{position:relative;flex:0 0 clamp(320px,38vw,440px);aspect-ratio:5 / 7;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--game-color) 75%,var(--color-bg));overflow:hidden;isolation:isolate;color:var(--color-ink);text-decoration:none;scroll-snap-align:center;box-shadow:0 28px 56px #00000080;--tile-scale: 1;--tile-opacity: 1;transform:scale(var(--tile-scale));opacity:var(--tile-opacity);transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .24s cubic-bezier(.22,1,.36,1);transform-origin:center;will-change:transform,opacity}.carousel-tile-pattern{position:absolute;inset:0;z-index:0;mix-blend-mode:screen}.carousel-tile-pro{position:absolute;top:var(--space-md);right:var(--space-md);z-index:3;display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-accent);font-size:var(--type-micro);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.carousel-tile-icon{position:absolute;top:50%;left:50%;width:60%;height:auto;z-index:1;transform:translate(-50%,-65%);filter:drop-shadow(0 16px 32px rgba(0,0,0,.4))}.carousel-tile-body{position:absolute;inset:auto 0 0;z-index:2;padding:var(--space-xxl) var(--space-lg) var(--space-lg);background:linear-gradient(to top,color-mix(in srgb,var(--game-color) 92%,#000 8%) 0%,color-mix(in srgb,var(--game-color) 60%,transparent) 60%,transparent 100%)}.carousel-tile-title{margin:0;color:var(--color-ink);font-size:clamp(1.4rem,2vw,1.7rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}.carousel-tile-tag{margin:6px 0 0;color:#ffffffe0;font-size:var(--type-body-sm);font-style:italic}.carousel-readout{text-align:center;margin-top:var(--space-md)}.carousel-readout-eyebrow{margin:0;color:var(--color-ink);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;letter-spacing:-.025em}.carousel-readout-spec{margin:4px 0 0;color:var(--color-ink-muted);font-size:var(--type-body-sm);font-variant-numeric:tabular-nums}.carousel-arrow{position:absolute;top:50%;z-index:4;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);color:var(--color-ink);border-radius:50%;cursor:pointer;transform:translateY(-50%);transition:background .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1)}.carousel-arrow:hover{background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface-elevated));border-color:var(--color-accent)}.carousel-arrow-prev{left:clamp(var(--space-md),2vw,var(--space-xl))}.carousel-arrow-next{right:clamp(var(--space-md),2vw,var(--space-xl))}@media(max-width:720px){.carousel-arrow{display:none}}.games-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-top:clamp(var(--space-md),2vw,var(--space-xl));padding-bottom:clamp(var(--space-xxl),8vw,128px)}.games-foot-stat{margin:0;color:var(--color-ink-subtle);font-size:var(--type-body-sm)}.link-arrow{display:inline-flex;align-items:center;gap:10px;color:var(--color-ink);font-size:var(--type-body-md);font-weight:700;padding-bottom:4px;border-bottom:1px solid var(--color-accent);transition:gap .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1)}.link-arrow:hover{gap:14px;color:var(--color-accent)}.link-arrow span{transition:transform .2s cubic-bezier(.16,1,.3,1)}.link-arrow:hover span{transform:translate(4px)}.cast-section{padding-block:clamp(var(--space-xxl),6vw,120px)}.cast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-sm),2vw,var(--space-xl))}@media(min-width:560px){.cast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.cast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cast-grid-item,.cast-rail-item{display:contents}.cast-card{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;isolation:isolate;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--signature) 78%,var(--color-bg));color:var(--color-ink);text-decoration:none;box-shadow:0 18px 36px #0006;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.cast-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0000008c;color:var(--color-ink)}.cast-card:focus-visible{outline:2px solid color-mix(in srgb,var(--signature) 90%,#fff);outline-offset:3px}.cast-card-portrait{position:absolute;top:0;left:50%;width:108%;height:auto;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25));z-index:1}.cast-card-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--signature) 94%,#000 6%) 0%,color-mix(in srgb,var(--signature) 60%,transparent) 38%,transparent 70%)}.cast-card-body{position:absolute;inset:auto 0 0;z-index:3;padding:var(--space-xxl) var(--space-lg) var(--space-lg)}.cast-card-name{margin:0;color:var(--color-ink);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}.cast-card-persona{margin:6px 0 0;color:#ffffffe0;font-size:var(--type-body-sm);font-style:italic;line-height:1.4}.cast-card-feature{border-radius:clamp(var(--radius-lg),1.4vw,var(--radius-xl))}.cast-card-feature .cast-card-name{font-size:clamp(1.6rem,2.4vw,2.2rem)}.how-section{padding-block:clamp(var(--space-xxl),8vw,128px)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(var(--space-lg),3vw,var(--space-xxl));margin:0;padding:0;list-style:none}.step{position:relative;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.step-num{display:block;margin-bottom:var(--space-md);color:var(--color-accent);font-size:clamp(2.4rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.step-title{margin:0;color:var(--color-ink);font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.15;font-weight:700;letter-spacing:-.015em}.step-text{margin:var(--space-md) 0 0;color:var(--color-ink-muted);font-size:var(--type-body-md);line-height:1.6}.content-section,.final-section{padding-block:clamp(var(--space-xxl),8vw,128px)}.section-head{max-width:900px;margin-bottom:var(--space-xxl)}.section-text{margin-top:var(--space-md)}.pro-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.pro-plan{position:relative;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 70%,transparent)}.pro-plan-recommended{border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border-strong));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--color-accent) 18%,transparent) 0,transparent 60%),color-mix(in srgb,var(--color-surface) 70%,transparent)}.pro-plan-tag{position:absolute;top:var(--space-md);right:var(--space-md);display:inline-flex;height:22px;padding:0 var(--space-sm);align-items:center;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-bg);font-size:var(--type-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pro-plan-name{margin:0;color:var(--color-ink);font-size:var(--type-title-lg);line-height:var(--type-title-lg-line);font-weight:700}.pro-plan-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);margin:var(--space-md) 0 0;color:var(--color-ink-muted);font-size:var(--type-body-md)}.pro-plan-price strong{color:var(--color-ink);font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1}.pro-plan-bullets{margin:var(--space-xl) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-md)}.pro-plan-bullets li{position:relative;padding-left:28px;color:var(--color-ink-muted);font-size:var(--type-body-md);line-height:1.5}.pro-plan-bullets li:before{content:"";position:absolute;top:6px;left:0;width:18px;height:18px;border-radius:50%;background:no-repeat center / 10px 10px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M2.5 7.5l3 3 6-6'/></svg>"),var(--color-accent)}.pro-note{margin:var(--space-xl) 0 0;color:var(--color-ink-subtle);font-size:var(--type-body-sm);line-height:1.55}.compare-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 64%,transparent)}.compare-table{width:100%;border-collapse:collapse;font-size:var(--type-body-md)}.compare-table th,.compare-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--color-border)}.compare-table thead th{background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);color:var(--color-ink-muted);font-weight:700;font-size:var(--type-body-sm);letter-spacing:.04em;text-transform:uppercase}.compare-table thead th.compare-piparo{color:var(--color-accent)}.compare-table tbody th[scope=row]{color:var(--color-ink);font-weight:500;font-size:var(--type-body-md);letter-spacing:-.005em;text-transform:none}.compare-cell{color:var(--color-ink-muted);font-weight:600}.compare-cell.compare-mine{color:var(--color-ink);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.compare-cell.compare-yes{color:var(--color-ink)}.compare-cell.compare-no{color:var(--color-ink-subtle)}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}.compare-foot{margin:var(--space-md) 0 0;color:var(--color-ink-subtle);font-size:var(--type-body-sm)}.faq-list{display:grid;gap:var(--space-sm);max-width:900px}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 64%,transparent);transition:border-color .16s cubic-bezier(.16,1,.3,1)}.faq-item[open]{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border-strong))}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);cursor:pointer;color:var(--color-ink);font-size:var(--type-title-md);line-height:var(--type-title-md-line);font-weight:700;letter-spacing:-.005em;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--color-border-strong);color:var(--color-ink-muted);font-size:16px;font-weight:400;transition:transform .16s cubic-bezier(.16,1,.3,1)}.faq-item[open] .faq-question:after{content:"−";transform:rotate(180deg);border-color:var(--color-accent);color:var(--color-accent)}.faq-answer{margin:0;padding:0 var(--space-lg) var(--space-lg);color:var(--color-ink-muted);font-size:var(--type-body-md);line-height:1.6}.final-section{text-align:center;padding-bottom:clamp(var(--space-xxxl),12vw,192px)}.final-title,.final-section .section-text{margin-inline:auto}.final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin:0;padding:0;list-style:none}.game-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--game-color) 14%,var(--color-surface));border:1px solid color-mix(in srgb,var(--game-color) 32%,var(--color-border));isolation:isolate}.game-card:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--game-color) 32%,transparent) 0,transparent 60%);pointer-events:none}.game-card-link{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);min-height:260px;color:var(--color-ink);text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}.game-card-link:hover{transform:translateY(-2px);color:var(--color-ink)}.game-card-art{display:flex;align-items:center;justify-content:flex-start;width:72px;height:72px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--game-color) 26%,var(--color-bg))}.game-card-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.game-card-body{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:auto}.game-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.tier-badge{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-sm);border-radius:var(--radius-full);font-size:var(--type-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tier-free{display:none}.tier-pro{background:var(--color-accent-soft);color:var(--color-accent)}.game-card-spec{color:var(--color-ink-subtle);font-size:var(--type-body-sm)}.game-card-title{margin:0;font-size:var(--type-title-lg);line-height:var(--type-title-lg-line);font-weight:700;letter-spacing:-.015em}.game-card-tagline{margin:0;color:var(--color-ink-muted);font-size:var(--type-body-md);line-height:var(--type-body-md-line)}.cast-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-sm),2vw,var(--space-lg))}@media(min-width:560px){.cast-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.cast-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:var(--space-xl)}.hero-tile{min-height:460px}.takeover-inner,.takeover-inner-reverse{grid-template-columns:1fr;text-align:left}.takeover-inner-reverse .takeover-character{order:0}.steps{grid-template-columns:1fr;gap:var(--space-xl)}.pro-plans{grid-template-columns:1fr}}@media(max-width:720px){.compare-table th,.compare-table td{padding:var(--space-sm) var(--space-md);font-size:var(--type-body-sm)}.hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}