:root{--color-bg:#010103;--color-surface:#080514;--color-surface-strong:#110925;--color-primary:#ae3eff;--color-secondary:#00e0f4;--color-accent:#fab700;--color-strength:#ff2d55;--color-stamina:#5de000;--color-text:#f2f0fb;--color-muted:#9f99be;--color-faint:#5e587a;--border-glow:color-mix(in oklch, var(--color-primary) 38%, transparent);--shadow-primary:0 0 60px color-mix(in oklch, var(--color-primary) 28%, transparent);--shadow-secondary:0 0 50px color-mix(in oklch, var(--color-secondary) 18%, transparent);--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--ease-out:cubic-bezier(.22, 1, .36, 1)}@supports (color:lab(0% 0 0)){:root{--color-bg:lab(.287714% .308424 -.769061);--color-surface:lab(1.79388% 2.67325 -6.56311);--color-surface-strong:lab(3.89065% 7.70942 -16.4074);--color-primary:lab(50.5227% 74.8384 -84.4691);--color-secondary:lab(80.6461% -52.5616 -28.0858);--color-accent:lab(79.1831% 16.552 81.7495);--color-strength:lab(56.7872% 77.3313 33.5464);--color-stamina:lab(79.4789% -60.8494 76.4182);--color-text:lab(95.2122% 2.00266 -5.24192);--color-muted:lab(64.6042% 8.0483 -18.8334);--color-faint:lab(39.0515% 8.45914 -18.6653)}}*{box-sizing:border-box}html,body{background:var(--color-bg)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 12%, color-mix(in oklch, var(--color-primary) 18%, transparent), transparent 30rem), radial-gradient(circle at 88% 22%, color-mix(in oklch, var(--color-secondary) 12%, transparent), transparent 28rem), linear-gradient(180deg, var(--color-bg), #02020a 46%, var(--color-bg));color:var(--color-text);min-height:100vh;margin:0;font-family:"Exo 2",Aptos,Segoe UI,sans-serif}@supports (color:lab(0% 0 0)){body{background:radial-gradient(circle at 18% 12%, color-mix(in oklch, var(--color-primary) 18%, transparent), transparent 30rem), radial-gradient(circle at 88% 22%, color-mix(in oklch, var(--color-secondary) 12%, transparent), transparent 28rem), linear-gradient(180deg, var(--color-bg), lab(.579905% .958346 -3.12989) 46%, var(--color-bg))}}a{color:inherit;text-decoration:none}button{font:inherit}#features,#screenshots{scroll-margin-top:clamp(6rem,12vw,8rem)}.brand-mark:focus-visible,.site-nav a:focus-visible,.primary-cta:focus-visible,.secondary-link:focus-visible,.language-trigger:focus-visible,.language-option:focus-visible,.back-link:focus-visible,.footer-logo:focus-visible,.footer-nav a:focus-visible,.carousel-arrow:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.site-shell{isolation:isolate;position:relative;overflow:hidden}.site-shell:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in oklch, var(--color-primary) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--color-secondary) 9%, transparent) 1px, transparent 1px);opacity:.28;background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.site-header{-webkit-backdrop-filter:blur(24px)saturate(1.25);background:linear-gradient(135deg, color-mix(in oklch, var(--color-surface-strong) 72%, transparent), color-mix(in oklch, var(--color-bg) 64%, transparent)), color-mix(in oklch, var(--color-bg) 72%, transparent);border:1px solid color-mix(in oklch, var(--color-secondary) 16%, transparent);align-items:center;gap:var(--space-sm);margin:var(--space-md) auto 0;max-width:1180px;top:var(--space-sm);z-index:100;border-radius:999px;justify-content:space-between;width:calc(100% - 2*clamp(1rem,4vw,2rem));padding:.48rem .52rem .48rem .62rem;display:flex;position:sticky;box-shadow:0 18px 70px #0000007a,inset 0 1px #ffffff1a;box-shadow:0 18px 70px lab(0% 0 0/.48),inset 0 1px lab(100% 0 0/.1)}.brand-mark,.site-nav{align-items:center;display:flex}.brand-mark{color:var(--color-text);letter-spacing:0;flex:none;gap:.62rem;min-height:2.9rem;padding:0 .72rem 0 .08rem}.brand-logo{box-shadow:0 0 22px color-mix(in oklch, var(--color-secondary) 24%, transparent), 0 0 34px color-mix(in oklch, var(--color-primary) 18%, transparent);border-radius:.82rem;flex:none;width:2.35rem;height:2.35rem;display:block}.brand-wordmark{letter-spacing:.02em;font-size:1.02rem;font-weight:900;line-height:1}.site-nav{color:var(--color-muted);gap:.18rem;margin-left:auto;font-size:.86rem}.site-nav a{min-height:2.55rem;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);border:1px solid #0000;border-radius:999px;align-items:center;padding:0 .88rem;display:inline-flex;position:relative}.site-nav a:hover{background:color-mix(in oklch, var(--color-surface-strong) 70%, transparent);border-color:color-mix(in oklch, var(--color-secondary) 18%, transparent);color:var(--color-text);transform:translateY(-1px)}.site-nav a:after{display:none}.secondary-link:after{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));content:"";transform-origin:0;height:1px;transition:transform .22s var(--ease-out);width:100%;position:absolute;bottom:-.28rem;left:0;transform:scaleX(0)}.site-nav a:hover:after,.secondary-link:hover:after{transform:scaleX(1)}.language-menu{z-index:12;flex:none;position:relative}.language-trigger{background:color-mix(in oklch, var(--color-primary) 13%, transparent);border:1px solid color-mix(in oklch, var(--color-primary) 28%, transparent);color:var(--color-text);cursor:pointer;min-width:4rem;min-height:2.55rem;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:0 .82rem;font-size:.86rem;font-weight:900;line-height:1;list-style:none;display:inline-flex}.language-trigger::-webkit-details-marker{display:none}.language-trigger:after{content:"";opacity:.76;height:.38rem;transition:transform .18s var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;width:.38rem;margin-top:-.16rem;transform:rotate(45deg)}.language-menu[open] .language-trigger,.language-trigger:hover{background:color-mix(in oklch, var(--color-primary) 23%, var(--color-surface-strong));border-color:color-mix(in oklch, var(--color-secondary) 40%, transparent);box-shadow:0 0 26px color-mix(in oklch, var(--color-primary) 20%, transparent)}.language-menu[open] .language-trigger:after{margin-top:.16rem;transform:rotate(225deg)}.language-options{background:linear-gradient(135deg, color-mix(in oklch, var(--color-surface-strong) 94%, transparent), color-mix(in oklch, var(--color-bg) 94%, transparent));border:1px solid color-mix(in oklch, var(--color-secondary) 24%, transparent);opacity:0;pointer-events:none;transform-origin:100% 0;min-width:10.25rem;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);border-radius:1rem;gap:.28rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;transform:translateY(-.25rem)scale(.98);box-shadow:0 22px 70px #0000008f,inset 0 1px #ffffff17;box-shadow:0 22px 70px lab(0% 0 0/.56),inset 0 1px lab(100% 0 0/.09)}.language-menu[open] .language-options{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.language-option{color:var(--color-muted);min-height:3rem;transition:background .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out);border:1px solid #0000;border-radius:.74rem;align-items:center;gap:.12rem;padding:.54rem .68rem;display:grid}.language-option strong{color:var(--color-text);font-size:.82rem;line-height:1}.language-option span{font-size:.78rem;line-height:1.15}.language-option:hover,.language-option[aria-current=page]{background:color-mix(in oklch, var(--color-primary) 14%, transparent);border-color:color-mix(in oklch, var(--color-primary) 26%, transparent);color:var(--color-text)}.hero-section{grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);align-items:center;gap:clamp(2rem,6vw,5rem);max-width:1180px;min-height:calc(100vh - 5.5rem);margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,2rem) clamp(4rem,8vw,6rem);display:grid}.hero-copy{max-width:720px}.eyebrow,.screenshot-label{color:var(--color-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-lg);max-width:760px;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.88}h2{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,4.2rem);line-height:.98}h3{margin-bottom:var(--space-sm);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.1}.hero-body,.section-intro p,.final-cta p{color:var(--color-muted);max-width:64ch;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.65}.hero-actions{align-items:center;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.primary-cta{border:1px solid color-mix(in oklch, var(--color-primary) 42%, transparent);border-radius:var(--radius-sm);color:#f8f7ff;color:lab(97.5823% 1.32415 -3.50189);cursor:pointer;text-align:center;min-height:3rem;transition:background .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#46007a;background:lab(17.3603% 48.3294 -54.374);justify-content:center;align-items:center;padding:.85rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 16px 42px #0000006b,inset 0 0 0 1px #ffffff14;box-shadow:0 16px 42px lab(0% 0 0/.42),inset 0 0 0 1px lab(100% 0 0/.08)}.primary-cta:hover{border-color:color-mix(in oklch, var(--color-primary) 62%, transparent);box-shadow:0 18px 46px #00000075, 0 0 34px color-mix(in oklch, var(--color-primary) 24%, transparent), 0 0 0 1px #ffffff1a inset;background:#560093;background:lab(22.8466% 52.9517 -60.3677);transform:translateY(-2px)}@supports (color:lab(0% 0 0)){.primary-cta:hover{box-shadow:0 18px 46px lab(0% 0 0/.46), 0 0 34px color-mix(in oklch, var(--color-primary) 24%, transparent), 0 0 0 1px lab(100% 0 0/.1) inset}}.secondary-link{color:var(--color-secondary);font-weight:800;position:relative}.hero-visual{isolation:isolate;min-height:34rem;position:relative}.hero-side-shot{filter:saturate(1.1);pointer-events:none;z-index:-1;position:absolute;transform:scale(.72)rotate(-7deg)}.hero-side-quest{top:12%;left:-7%}.hero-side-profile{bottom:0;right:-10%;transform:scale(.64)rotate(8deg)}.phone-frame{background:linear-gradient(180deg, color-mix(in oklch, var(--color-surface-strong) 82%, transparent), var(--color-surface)), var(--color-surface);border:1px solid var(--border-glow);box-shadow:var(--shadow-primary), inset 0 0 0 1px color-mix(in oklch, var(--color-secondary) 12%, transparent);max-width:22rem;transition:box-shadow .26s var(--ease-out), transform .26s var(--ease-out);border-radius:2rem;width:min(100%,22rem);margin:0 auto;padding:.75rem;overflow:hidden;transform:rotate(2deg)}.phone-frame:hover{box-shadow:0 0 80px color-mix(in oklch, var(--color-primary) 38%, transparent), 0 0 54px color-mix(in oklch, var(--color-secondary) 18%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--color-secondary) 18%, transparent);transform:rotate(0)translateY(-4px)}.phone-featured{animation:float-phone 5.5s var(--ease-out) infinite alternate}.phone-compact{width:min(100%,14rem);max-width:14rem;transform:none}.phone-topbar{gap:.35rem;padding:.2rem .35rem .7rem;display:flex}.phone-topbar span{background:color-mix(in oklch, var(--color-muted) 55%, transparent);border-radius:999px;width:.42rem;height:.42rem}.phone-screen{aspect-ratio:1170/2532;background:#000001;background:lab(.0490322% .124179 -.297046);border-radius:1.35rem;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.screen-scan-line{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-secondary) 42%, transparent), transparent);opacity:.68;height:1px;animation:4.6s linear infinite scan-line;position:absolute;top:0;left:0;right:0}.phone-compact .phone-screen{border-radius:1rem}.floating-stat{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in oklch, var(--color-surface) 74%, transparent);border:1px solid var(--border-glow);border-radius:var(--radius-sm);box-shadow:var(--shadow-secondary);animation:stat-pop 3.4s var(--ease-out) infinite;padding:.75rem 1rem;font-weight:900;position:absolute}.stat-rank{top:14%;left:0}.stat-xp{color:var(--color-accent);animation-delay:.6s;bottom:14%;right:2%}.stat-band,.content-section,.final-cta,.site-footer{max-width:1180px;margin:0 auto;padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.stat-band{align-items:stretch;gap:var(--space-sm);flex-wrap:wrap;padding-bottom:clamp(4rem,8vw,7rem);display:flex}.stat-card,.feature-panel{background:color-mix(in oklch, var(--color-surface) 86%, transparent);border:1px solid var(--border-glow);border-radius:var(--radius-md)}.stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg, color-mix(in oklch, var(--color-surface-strong) 64%, transparent), color-mix(in oklch, var(--color-surface) 24%, transparent)), color-mix(in oklch, var(--color-bg) 76%, transparent);border-color:color-mix(in oklch, var(--color-secondary) 18%, transparent);gap:var(--space-xs);min-width:min(100%,17rem);transition:border-color .22s var(--ease-out), transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:999px;padding:1rem 1.25rem;display:grid}.stat-card:hover,.feature-panel:hover{border-color:color-mix(in oklch, var(--color-secondary) 52%, transparent);box-shadow:0 0 42px color-mix(in oklch, var(--color-primary) 16%, transparent);transform:translateY(-3px)}.stat-card strong{color:var(--color-accent);font-size:1.55rem;line-height:1}.stat-card span,.feature-panel p,.screenshot-card p,.privacy-shell p{color:var(--color-muted);line-height:1.6}.content-section{padding-bottom:clamp(4rem,8vw,7rem)}.section-intro{margin-bottom:var(--space-2xl);max-width:760px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,4vw,2.5rem);display:grid}.feature-panel{background:linear-gradient(180deg, color-mix(in oklch, var(--color-surface-strong) 54%, transparent), color-mix(in oklch, var(--color-surface) 22%, transparent)), color-mix(in oklch, var(--color-bg) 72%, transparent);border-color:color-mix(in oklch, var(--color-primary) 18%, transparent);min-height:17rem;padding:var(--space-xl);transition:border-color .22s var(--ease-out), transform .22s var(--ease-out), box-shadow .22s var(--ease-out);position:relative;overflow:hidden}.feature-panel:after{background:linear-gradient(135deg, transparent, color-mix(in oklch, var(--color-primary) 16%, transparent), transparent);content:"";width:12rem;height:8rem;position:absolute;top:-5rem;right:-5rem;transform:rotate(24deg)}.feature-number{color:color-mix(in oklch, var(--color-primary) 56%, var(--color-text));margin-bottom:var(--space-2xl);font-weight:900;display:inline-block}.screenshot-section{max-width:1180px}.screenshot-section .section-intro{margin-bottom:var(--space-lg);max-width:760px}.screenshot-section .section-intro h2{max-width:13ch;font-size:clamp(2.8rem,5.4vw,4.9rem)}.screenshot-section .section-intro p{max-width:62ch}.screenshot-grid{margin-top:var(--space-lg);overscroll-behavior-inline:contain;padding:var(--space-xl) var(--carousel-card-gutter) var(--space-2xl);scrollbar-width:none;overflow:hidden}.screenshot-grid::-webkit-scrollbar{display:none}.screenshot-track{align-items:stretch;gap:var(--carousel-card-gutter);touch-action:pan-y pinch-zoom;padding-inline:0;display:flex}.screenshot-controls{--screenshot-tab-width:clamp(14.5rem, 24vw, 17rem);box-sizing:border-box;gap:var(--space-md);max-width:100%;padding:var(--space-xs) var(--space-xs) var(--space-sm);scroll-behavior:smooth;scroll-padding-inline:var(--space-md);scrollbar-width:none;margin:0 auto;display:flex;overflow-x:auto}.screenshot-controls::-webkit-scrollbar{display:none}.screenshot-tab{background:color-mix(in oklch, var(--color-surface) 68%, transparent);border:1px solid color-mix(in oklch, var(--color-secondary) 16%, transparent);color:var(--color-muted);cursor:pointer;flex:0 0 var(--screenshot-tab-width);font:inherit;opacity:.68;text-align:left;min-width:0;transition:background .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out), opacity .2s var(--ease-out), transform .2s var(--ease-out);border-radius:999px;gap:.16rem;padding:.9rem 1.1rem;display:grid;transform:none}.screenshot-tab:hover,.screenshot-tab:focus-visible{background:color-mix(in oklch, var(--color-surface-strong) 84%, transparent);border-color:color-mix(in oklch, var(--color-secondary) 46%, transparent);color:var(--color-text);opacity:.86;outline:0;transform:translateY(-1px)}.screenshot-tab[aria-current=true]{background:color-mix(in oklch, var(--color-surface-strong) 84%, transparent);border-color:color-mix(in oklch, var(--color-secondary) 62%, transparent);color:var(--color-text);opacity:1;outline:0;transform:translateY(-2px)}.screenshot-tab span{color:var(--color-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.screenshot-tab strong{font-size:1.02rem;line-height:1.1}.screenshot-card{-webkit-backdrop-filter:blur(20px);background:color-mix(in oklch, var(--color-surface-strong) 48%, transparent);border:1px solid color-mix(in oklch, var(--color-primary) 16%, transparent);isolation:isolate;max-width:none;transition:border-color .4s var(--ease-out), box-shadow .4s var(--ease-out), transform .4s var(--ease-out);border-radius:2.5rem;flex:0 0 100%;grid-template-columns:minmax(14rem,20rem) 1fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);padding:clamp(2.5rem,4.5vw,3.5rem);display:grid;position:relative}.screenshot-card:before{background:radial-gradient(ellipse at 26% 52%, color-mix(in oklch, var(--color-primary) 24%, transparent), transparent 35%), radial-gradient(ellipse at 70% 48%, color-mix(in oklch, var(--color-secondary) 13%, transparent), transparent 40%), color-mix(in oklch, var(--color-surface-strong) 18%, transparent);box-shadow:0 34px 120px color-mix(in oklch, var(--color-primary) 12%, transparent);content:"";opacity:.86;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);z-index:-1;border-radius:0;position:absolute;inset:0;transform:none}.screenshot-card:nth-child(3n+2):before{background:radial-gradient(ellipse at 30% 54%, color-mix(in oklch, var(--color-accent) 19%, transparent), transparent 36%), radial-gradient(ellipse at 72% 46%, color-mix(in oklch, var(--color-primary) 18%, transparent), transparent 43%), color-mix(in oklch, var(--color-surface-strong) 16%, transparent)}.screenshot-card:nth-child(3n):before{background:radial-gradient(ellipse at 28% 52%, color-mix(in oklch, var(--color-secondary) 18%, transparent), transparent 38%), radial-gradient(ellipse at 74% 48%, color-mix(in oklch, var(--color-primary) 16%, transparent), transparent 42%), color-mix(in oklch, var(--color-surface-strong) 16%, transparent)}.screenshot-card:hover{border-color:color-mix(in oklch, var(--color-primary) 28%, transparent)}.screenshot-card.is-active{border-color:color-mix(in oklch, var(--color-primary) 64%, transparent);box-shadow:0 0 100px color-mix(in oklch, var(--color-primary) 36%, transparent), 0 0 48px color-mix(in oklch, var(--color-secondary) 20%, transparent), 0 0 0 1px color-mix(in oklch, var(--color-primary) 22%, transparent) inset;transform:none}.screenshot-card.is-active:before{opacity:1;transform:none}.screenshot-copy{gap:var(--space-sm);max-width:34rem;display:grid}.screenshot-copy h3{margin-bottom:0}.screenshot-insight{background:linear-gradient(135deg, color-mix(in oklch, var(--color-surface-strong) 62%, transparent), color-mix(in oklch, var(--color-bg) 48%, transparent));border:1px solid color-mix(in oklch, var(--color-secondary) 18%, transparent);align-items:start;gap:var(--space-sm);margin-top:var(--space-xs);padding:var(--space-md);border-radius:1.25rem;grid-template-columns:auto 1fr;display:grid}.screenshot-insight h4,.screenshot-insight p{margin:0}.screenshot-insight h4{font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.15}.screenshot-insight p{font-size:.94rem}.insight-kicker{letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--color-secondary)!important;margin-bottom:.32rem!important;font-size:.67rem!important}.insight-list{margin:var(--space-sm) 0 0;flex-wrap:wrap;gap:.45rem;padding:0;list-style:none;display:flex}.insight-list li{background:color-mix(in oklch, var(--color-primary) 13%, transparent);border:1px solid color-mix(in oklch, var(--color-primary) 24%, transparent);color:var(--color-text);border-radius:999px;padding:.42rem .56rem;font-size:.74rem;font-weight:800;line-height:1.1}.insight-icon{background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--color-primary) 30%, transparent), transparent 64%), color-mix(in oklch, var(--color-surface) 80%, transparent);border:1px solid color-mix(in oklch, var(--color-secondary) 24%, transparent);border-radius:1rem;place-items:center;width:3.05rem;height:3.05rem;display:grid;position:relative;overflow:hidden}.insight-icon:before{border:1px solid color-mix(in oklch, var(--color-secondary) 22%, transparent);content:"";opacity:.7;border-radius:50%;width:1.7rem;height:1.7rem;position:absolute}.insight-mark{background:var(--color-secondary);transform-origin:50%;border-radius:999px;width:1.25rem;height:.22rem;display:block;position:absolute}.insight-mark:first-child{transform:translateY(-.34rem)}.insight-mark:nth-child(2){background:var(--color-primary);transform:rotate(90deg)}.insight-mark:nth-child(3){background:var(--color-accent);width:.72rem;transform:translateY(.34rem)}.insight-icon-quest .insight-mark:first-child,.insight-icon-progress .insight-mark:first-child,.insight-icon-ranks .insight-mark:first-child{width:1.45rem}.insight-icon-quest .insight-mark:nth-child(2),.insight-icon-progress .insight-mark:nth-child(2),.insight-icon-ranks .insight-mark:nth-child(2){width:.95rem}.insight-icon-duel{background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--color-strength) 28%, transparent), transparent 58%), color-mix(in oklch, var(--color-surface) 82%, transparent)}.screenshot-card.is-active .insight-icon-duel{box-shadow:0 0 32px color-mix(in oklch, var(--color-strength) 26%, transparent)}.insight-icon-duel .insight-mark{background:var(--color-accent);width:1.62rem;height:.18rem}.insight-icon-duel .insight-mark:first-child{animation:duel-strike-a 1.5s var(--ease-out) infinite;transform:rotate(42deg)}.insight-icon-duel .insight-mark:nth-child(2){animation:duel-strike-b 1.5s var(--ease-out) infinite;background:var(--color-strength);transform:rotate(-42deg)}.insight-icon-duel .insight-mark:nth-child(3){animation:duel-spark 1.5s var(--ease-out) infinite;background:var(--color-text);opacity:0;border-radius:50%;width:.32rem;height:.32rem;transform:scale(.4)}.general-roster{margin-top:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.general-card{background:linear-gradient(135deg, color-mix(in oklch, var(--color-surface-strong) 66%, transparent), color-mix(in oklch, var(--color-bg) 52%, transparent));border:1px solid color-mix(in oklch, var(--color-primary) 22%, transparent);opacity:.86;border-radius:.95rem;grid-template-columns:3.7rem auto minmax(0,1fr);align-items:center;gap:.12rem .45rem;min-width:0;padding:.38rem .68rem .38rem .34rem;display:grid;overflow:hidden;transform:translateY(0)}.screenshot-card.is-active .general-card{animation:general-march 2.4s var(--ease-out) infinite}.screenshot-card.is-active .general-card:nth-child(2){animation-delay:.12s}.screenshot-card.is-active .general-card:nth-child(3){animation-delay:.24s}.screenshot-card.is-active .general-card:nth-child(4){animation-delay:.36s}.general-portrait{aspect-ratio:1;align-self:stretch;place-items:end center;min-width:0;display:grid;position:relative}.general-portrait:before{background:radial-gradient(circle, color-mix(in oklch, var(--color-primary) 32%, transparent), transparent 66%);content:"";opacity:.62;border-radius:50%;width:78%;height:68%;position:absolute;bottom:.15rem}.general-portrait img{filter:drop-shadow(0 0 16px color-mix(in oklch, var(--color-primary) 34%, transparent));object-fit:contain;width:112%;max-width:none;height:112%;position:relative;transform:translateY(.24rem)}.general-rank{border:1px solid color-mix(in oklch, var(--color-primary) 48%, transparent);color:var(--color-primary);border-radius:.58rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.82rem;font-weight:900;display:inline-flex}.general-card>span:last-child{gap:.2rem;min-width:0;display:grid}.general-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1;overflow:hidden}.general-card>span:last-child span{color:var(--color-muted);font-size:.72rem;font-weight:800}.general-rank-d{border-color:color-mix(in oklch, var(--color-stamina) 42%, transparent)}.general-rank-d .general-rank{border-color:var(--color-stamina);color:var(--color-stamina)}.general-rank-c{border-color:color-mix(in oklch, var(--color-secondary) 42%, transparent)}.general-rank-c .general-rank{border-color:var(--color-secondary);color:var(--color-secondary)}.general-rank-b{border-color:color-mix(in oklch, var(--color-primary) 48%, transparent)}.general-rank-b .general-rank{border-color:var(--color-primary);color:var(--color-primary)}.carousel-stage{--carousel-card-gutter:clamp(1.25rem, 4vw, 3rem);padding-inline:var(--carousel-card-gutter);position:relative}.carousel-arrow{-webkit-backdrop-filter:blur(12px);background:color-mix(in oklch, var(--color-surface-strong) 80%, transparent);border:1px solid color-mix(in oklch, var(--color-primary) 24%, transparent);color:var(--color-text);cursor:pointer;opacity:.65;height:3rem;transition:background .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), opacity .2s var(--ease-out), transform .2s var(--ease-out);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:3rem;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover:not(:disabled){background:color-mix(in oklch, var(--color-primary) 28%, var(--color-surface-strong));border-color:color-mix(in oklch, var(--color-primary) 52%, transparent);box-shadow:0 0 28px color-mix(in oklch, var(--color-primary) 28%, transparent);opacity:1;transform:translateY(-50%)scale(1.08)}.carousel-arrow:disabled{opacity:.18;pointer-events:none}.carousel-prev{left:0}.carousel-next{right:0}.final-cta{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-primary) 13%, transparent), transparent), linear-gradient(180deg, color-mix(in oklch, var(--color-surface) 28%, transparent), transparent);border:1px solid color-mix(in oklch, var(--color-secondary) 14%, transparent);margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);padding-top:var(--space-2xl);text-align:center;border-left-color:#0000;border-right-color:#0000;border-radius:2rem}.final-cta p{margin-left:auto;margin-right:auto}.final-cta .launch-note{border:1px solid color-mix(in oklch, var(--color-accent) 34%, transparent);color:var(--color-accent);margin-top:var(--space-md);border-radius:999px;justify-content:center;max-width:min(100%,34rem);padding:.7rem 1rem;font-size:.9rem;font-weight:900;line-height:1.2;display:inline-flex}.site-footer{border-top:1px solid color-mix(in oklch, var(--color-primary) 18%, transparent);color:var(--color-muted);margin-top:var(--space-xl);grid-template-columns:minmax(16rem,1.25fr) minmax(12rem,.75fr) minmax(14rem,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);padding-top:clamp(2rem,6vw,4rem);padding-bottom:clamp(2rem,6vw,4rem);display:grid}.footer-brand{gap:var(--space-sm);max-width:30rem;display:grid}.footer-logo{color:var(--color-text);align-items:center;gap:.62rem;width:max-content;font-size:1.08rem;font-weight:950;line-height:1;display:inline-flex}.footer-logo img{box-shadow:0 0 28px color-mix(in oklch, var(--color-primary) 24%, transparent);border-radius:.72rem}.footer-brand p{max-width:36ch;margin:0;line-height:1.65}.footer-nav{justify-self:center;gap:.68rem;display:grid}.footer-nav a{color:var(--color-muted);transition:color .18s var(--ease-out), transform .18s var(--ease-out);font-weight:850}.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--color-text);transform:translate(2px)}.footer-meta{text-align:right;justify-items:end;gap:.62rem;font-size:.86rem;line-height:1.35;display:grid}.footer-meta span:first-child{color:var(--color-text);font-weight:850}.footer-meta span:nth-child(2){border:1px solid color-mix(in oklch, var(--color-accent) 28%, transparent);color:var(--color-accent);border-radius:999px;padding:.42rem .68rem;font-weight:850}.footer-meta span:last-child{color:var(--color-secondary);font-weight:850}.privacy-page{min-height:100vh;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,2rem)}.privacy-shell{max-width:780px;margin:0 auto}.privacy-shell h1{font-size:clamp(2.5rem,6vw,5rem)}.privacy-updated{color:var(--color-secondary);font-weight:850}.privacy-sections{gap:clamp(1.5rem,3vw,2.25rem);margin-top:clamp(2rem,5vw,3.5rem);display:grid}.privacy-section{border-top:1px solid color-mix(in oklch, var(--color-primary) 18%, transparent);padding-top:clamp(1.1rem,2.5vw,1.5rem)}.privacy-section h2{margin:0 0 .8rem;font-size:clamp(1.18rem,2vw,1.55rem)}.privacy-section p{margin-bottom:.85rem}.back-link{color:var(--color-secondary);margin-bottom:var(--space-2xl);font-weight:800;display:inline-block}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.stat-band .stat-card:nth-child(2){transition-delay:70ms}.stat-band .stat-card:nth-child(3){transition-delay:.14s}.feature-grid .feature-panel:nth-child(2){transition-delay:90ms}.feature-grid .feature-panel:nth-child(3){transition-delay:.18s}@keyframes float-phone{0%{transform:rotate(2deg)translateY(0)}to{transform:rotate(-1deg)translateY(-14px)}}@keyframes scan-line{0%{transform:translateY(0)}to{transform:translateY(31rem)}}@keyframes stat-pop{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-6px)scale(1.03)}}@keyframes button-sheen{0%,58%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes duel-strike-a{0%,54%,to{transform:rotate(42deg)translate(0)}68%{transform:rotate(42deg)translate(.18rem)}}@keyframes duel-strike-b{0%,54%,to{transform:rotate(-42deg)translate(0)}68%{transform:rotate(-42deg)translate(-.18rem)}}@keyframes duel-spark{0%,56%,to{opacity:0;transform:scale(.35)}68%{opacity:1;transform:scale(1)}}@keyframes general-march{0%,to{opacity:.86;transform:translateY(0)}32%{opacity:1;transform:translateY(-.22rem)}58%{opacity:.94;transform:translateY(.08rem)}}@keyframes mobile-caption-rise{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.site-header{margin-top:var(--space-sm);top:var(--space-xs);border-radius:1.35rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.46rem;width:calc(100% - 2*clamp(.75rem,4vw,1.5rem));padding:.48rem;display:grid}.brand-mark{grid-area:1/1;justify-content:flex-start;min-width:0;min-height:2.75rem;padding:0 .5rem 0 .08rem}.brand-logo{border-radius:.75rem;width:2.18rem;height:2.18rem}.brand-wordmark{font-size:1rem}.site-nav{gap:var(--space-xs);scrollbar-width:none;grid-column:1/-1;width:100%;margin-left:0;padding:.08rem 0 .02rem;overflow-x:auto}.language-menu{grid-area:1/2;justify-self:end}.language-trigger{min-width:4.15rem;min-height:44px}.language-options{min-width:9.5rem;top:calc(100% + .36rem)}.site-nav::-webkit-scrollbar{display:none}.site-nav a{background:color-mix(in oklch, var(--color-surface) 66%, transparent);border:1px solid color-mix(in oklch, var(--color-secondary) 16%, transparent);flex:none;min-height:44px;padding:0 .82rem}.site-nav a:after{display:none}.hero-section,.feature-grid,.screenshot-card,.screenshot-card:nth-child(2n){grid-template-columns:1fr}.hero-section{gap:var(--space-xl);min-height:auto;padding-bottom:clamp(3rem,12vw,4.5rem);padding-top:var(--space-lg)}h1{margin-bottom:var(--space-md);font-size:clamp(2.8rem,10vw,4.4rem);line-height:.94}h2{font-size:clamp(2rem,8vw,3.2rem)}.hero-body,.section-intro p,.final-cta p{font-size:1rem;line-height:1.58}.hero-actions{gap:var(--space-sm);margin-top:var(--space-lg)}.hero-visual{width:min(100%,30rem);max-width:30rem;min-height:clamp(27rem,98vw,34rem);margin:0 auto}.hero-visual .phone-featured{max-width:clamp(14rem,56vw,18.5rem)}.hero-side-shot{opacity:.74;z-index:-1}.hero-side-quest{top:4rem;left:clamp(-1.25rem,-2vw,-.25rem);transform:scale(.58)rotate(-12deg)}.hero-side-profile{bottom:2rem;right:clamp(-1.4rem,-3vw,-.35rem);transform:scale(.54)rotate(10deg)}.floating-stat{z-index:2;padding:.55rem .72rem;font-size:.82rem}.stat-rank{top:4.5rem;left:7%}.stat-xp{bottom:4.5rem;right:5%}.stat-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding-bottom:clamp(3rem,10vw,4.5rem);display:grid;overflow-x:visible}.stat-card{border-radius:1.15rem;min-width:0;padding:.72rem .68rem}.stat-card strong{font-size:clamp(1rem,4.5vw,1.22rem)}.stat-card span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.62rem,2.4vw,.78rem);line-height:1.25;display:-webkit-box;overflow:hidden}.content-section{padding-bottom:clamp(3rem,10vw,4.5rem)}.section-intro{margin-bottom:var(--space-xl)}.feature-grid{gap:var(--space-sm)}.feature-panel{min-height:auto;padding:var(--space-lg)}.feature-panel:after{width:8rem;height:5rem;top:-4rem;right:-4rem}.feature-number{margin-bottom:var(--space-md)}.screenshot-section{overflow:visible}.screenshot-section .section-intro{margin-bottom:var(--space-lg)}.screenshot-section .section-intro h2{max-width:11ch;font-size:clamp(1.85rem,7vw,2.7rem);line-height:1.02}.screenshot-section .section-intro p{max-width:34ch}.screenshot-controls{display:none}.screenshot-grid{margin-left:calc(-1*clamp(1rem,4vw,2rem));margin-right:calc(-1*clamp(1rem,4vw,2rem));margin-top:var(--space-md);padding:0 clamp(1rem, 4vw, 2rem) var(--space-md);scrollbar-width:none;overflow:visible}.screenshot-grid::-webkit-scrollbar{display:none}.screenshot-track{gap:var(--space-md);padding-inline:clamp(1rem,4vw,2rem)}.screenshot-card,.screenshot-card:nth-child(2n){align-content:start;gap:var(--space-md);padding:var(--space-md) 0 var(--space-lg);flex-direction:column;flex:0 0 min(92vw,28rem);grid-template-columns:1fr;justify-content:flex-start;display:flex}.screenshot-card{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;min-height:auto}.screenshot-card:hover,.screenshot-card.is-active{box-shadow:none;transform:none}.carousel-stage{padding-inline:0}.carousel-arrow{display:none}.screenshot-card:before{background:linear-gradient(105deg, color-mix(in oklch, var(--color-surface-strong) 72%, transparent), color-mix(in oklch, var(--color-bg) 38%, transparent)), radial-gradient(circle at 36% 24%, color-mix(in oklch, var(--color-primary) 18%, transparent), transparent 50%);border-radius:1.6rem;inset:0;transform:skewY(-1deg);-webkit-mask-image:none;mask-image:none}.screenshot-card:nth-child(3n+2):before,.screenshot-card:nth-child(3n):before{transform:skewY(1deg)}.screenshot-card .phone-frame{max-width:clamp(12rem,64vw,15.5rem)}.screenshot-card:first-child .phone-frame{max-width:clamp(12.5rem,68vw,16rem)}.screenshot-copy{-webkit-backdrop-filter:blur(18px)saturate(1.2);background:color-mix(in oklch, var(--color-surface) 58%, transparent);border:1px solid color-mix(in oklch, var(--color-secondary) 14%, transparent);gap:var(--space-sm);margin:-3.25rem var(--space-sm) 0;max-width:none;padding:var(--space-md);z-index:2;border-radius:1.25rem;position:relative;box-shadow:0 18px 52px #00000057;box-shadow:0 18px 52px lab(0% 0 0/.34)}.screenshot-card.is-active .screenshot-copy{animation:mobile-caption-rise .52s var(--ease-out) .14s both}.screenshot-copy h3{font-size:clamp(1.35rem,5.8vw,1.8rem);line-height:1.05}.screenshot-copy>p:not(.screenshot-label){font-size:.98rem;line-height:1.5}.screenshot-insight{gap:var(--space-sm);padding:var(--space-md);border-radius:1.1rem;grid-template-columns:2.75rem 1fr}.insight-icon{border-radius:.85rem;width:2.75rem;height:2.75rem}.screenshot-insight p{font-size:.9rem;line-height:1.5}.insight-list{gap:.36rem}.insight-list li{padding:.35rem .48rem;font-size:.68rem}.general-roster{gap:.42rem}.general-card{border-radius:.82rem;grid-template-columns:3.3rem auto minmax(0,1fr);gap:.08rem .42rem;padding:.3rem .48rem .3rem .28rem}.general-portrait img{width:112%;height:112%}.general-rank{border-radius:.48rem;width:1.68rem;height:1.68rem;font-size:.72rem}.general-card strong{font-size:.76rem}.general-card>span:last-child span{font-size:.64rem}.screenshot-card:nth-child(2n) .phone-frame,.screenshot-card:nth-child(2n) .screenshot-copy{grid-area:auto}.site-footer{gap:var(--space-lg);margin-top:var(--space-md);padding-bottom:var(--space-2xl);padding-top:var(--space-2xl);grid-template-columns:1fr}.footer-nav{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch}.footer-nav a{background:color-mix(in oklch, var(--color-surface) 62%, transparent);border:1px solid color-mix(in oklch, var(--color-secondary) 14%, transparent);text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 .72rem;display:inline-flex}.footer-nav a:last-child{grid-column:1/-1}.footer-nav a:hover,.footer-nav a:focus-visible{transform:none}.footer-meta{gap:var(--space-sm);text-align:left;justify-items:start}.footer-meta span:nth-child(2){border-radius:var(--radius-md);max-width:100%;line-height:1.45}}@media (max-width:520px){.site-nav{font-size:.86rem}.hero-section{gap:var(--space-lg);padding-top:var(--space-md)}h1{font-size:clamp(2.55rem,12vw,3.45rem)}.hero-actions{flex-direction:column;align-items:stretch}.primary-cta,.secondary-link{align-items:center;min-height:44px;display:inline-flex}.hero-visual{min-height:clamp(25rem,112vw,29rem)}.phone-screen{border-radius:1rem}.floating-stat{padding:.46rem .58rem;font-size:.72rem}.stat-rank{top:4rem;left:2%}.stat-xp{bottom:4rem;right:0}.stat-band{gap:.42rem}.stat-card{padding:.66rem .58rem}.screenshot-card,.screenshot-card:nth-child(2n){flex-basis:min(92vw,26rem)}.screenshot-card .phone-frame{max-width:clamp(12.5rem,68vw,15rem)}.screenshot-card:first-child .phone-frame{max-width:clamp(13rem,72vw,15.5rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.insight-icon-duel .insight-mark,.general-card{animation:none!important}}