: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}.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{align-items:center;gap:var(--space-md);max-width:1180px;padding:var(--space-lg) clamp(1rem, 4vw, 2rem);justify-content:space-between;margin:0 auto;display:flex}.brand-mark,.site-nav{align-items:center;display:flex}.brand-mark{color:var(--color-text);gap:var(--space-sm);letter-spacing:0;font-weight:800}.brand-sigil{background:linear-gradient(145deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-sm);box-shadow:var(--shadow-primary);color:#020105;color:lab(.422201% .563838 -1.39159);justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:relative}.brand-sigil:after{animation:sigil-pulse 2.8s var(--ease-out) infinite;border:1px solid color-mix(in oklch, var(--color-secondary) 62%, transparent);border-radius:inherit;content:"";opacity:0;position:absolute;inset:-.32rem}.site-nav{color:var(--color-muted);gap:clamp(.75rem,2vw,1.25rem);font-size:.92rem}.site-nav a{transition:color .18s var(--ease-out), transform .18s var(--ease-out);position:relative}.site-nav a:hover{color:var(--color-text);transform:translateY(-1px)}.site-nav a:after,.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-pill{border:1px solid var(--border-glow);color:var(--color-secondary);border-radius:999px;padding:.4rem .65rem}.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{background:linear-gradient(135deg, var(--color-primary), color-mix(in oklch, var(--color-primary) 58%, var(--color-secondary)));border-radius:var(--radius-sm);box-shadow:var(--shadow-primary);color:var(--color-text);cursor:not-allowed;border:0;min-height:3rem;padding:.85rem 1.15rem;font-weight:900;position:relative;overflow:hidden}.primary-cta:before{animation:button-sheen 3.8s var(--ease-out) infinite;background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-text) 32%, transparent), transparent);content:"";position:absolute;inset:0;transform:translate(-120%)}.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;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{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,.todo-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-grid{gap:clamp(3.5rem,9vw,7rem);margin-top:clamp(3rem,7vw,5rem);display:grid}.screenshot-card{isolation:isolate;transition:filter .24s var(--ease-out), transform .24s var(--ease-out);grid-template-columns:minmax(12rem,20rem) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1rem,4vw,2.5rem) 0;display:grid;position:relative}.screenshot-card:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(12rem,20rem)}.screenshot-card:nth-child(2n) .phone-frame{grid-column:2}.screenshot-card:nth-child(2n)>div:last-child{grid-area:1/1}.screenshot-card:before{background:linear-gradient(105deg, transparent 6%, color-mix(in oklch, var(--color-primary) 14%, transparent) 28%, color-mix(in oklch, var(--color-secondary) 8%, transparent) 56%, transparent 84%), linear-gradient(180deg, color-mix(in oklch, var(--color-surface-strong) 38%, transparent), color-mix(in oklch, var(--color-bg) 12%, transparent));border:1px solid color-mix(in oklch, var(--color-secondary) 10%, transparent);box-shadow:0 28px 90px color-mix(in oklch, var(--color-primary) 10%, transparent), inset 0 1px 0 color-mix(in oklch, var(--color-text) 8%, transparent);content:"";opacity:.78;z-index:-1;border-radius:2.5rem;position:absolute;inset:8% -5% 7%;transform:skewY(-2deg)}.screenshot-card:nth-child(3n+2):before{background:linear-gradient(75deg, transparent 8%, color-mix(in oklch, var(--color-accent) 12%, transparent) 30%, color-mix(in oklch, var(--color-primary) 12%, transparent) 62%, transparent 86%), linear-gradient(180deg, color-mix(in oklch, var(--color-surface-strong) 34%, transparent), color-mix(in oklch, var(--color-bg) 12%, transparent));transform:skewY(2deg)}.screenshot-card:nth-child(3n):before{background:linear-gradient(115deg, transparent 10%, color-mix(in oklch, var(--color-secondary) 12%, transparent) 34%, color-mix(in oklch, var(--color-primary) 10%, transparent) 64%, transparent 88%), linear-gradient(180deg, color-mix(in oklch, var(--color-surface-strong) 34%, transparent), color-mix(in oklch, var(--color-bg) 10%, transparent))}.screenshot-card:hover{filter:saturate(1.08);transform:translateY(-4px)}.screenshot-card>div:last-child{max-width:34rem}.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}.site-footer{border-top:1px solid color-mix(in oklch, var(--color-primary) 18%, transparent);color:var(--color-muted);align-items:center;gap:var(--space-md);padding-bottom:var(--space-xl);padding-top:var(--space-xl);flex-wrap:wrap;justify-content:space-between;display:flex}.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)}.back-link{color:var(--color-secondary);margin-bottom:var(--space-2xl);font-weight:800;display:inline-block}.todo-panel{border-color:color-mix(in oklch, var(--color-accent) 62%, transparent);margin-top:var(--space-2xl);padding:var(--space-xl)}.todo-panel h2{font-size:clamp(1.8rem,3vw,2.6rem)}.reveal{animation:reveal-up .7s var(--ease-out) both}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@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 sigil-pulse{0%{opacity:.65;transform:scale(.82)}to{opacity:0;transform:scale(1.45)}}@keyframes button-sheen{0%,58%{transform:translate(-120%)}to{transform:translate(120%)}}@media (max-width:860px){.site-header,.site-nav{align-items:flex-start}.site-header{flex-direction:column}.site-nav{flex-wrap:wrap}.hero-section,.stat-band,.feature-grid,.screenshot-card,.screenshot-card:nth-child(2n){grid-template-columns:1fr}.hero-section{min-height:auto}.hero-visual{min-height:30rem}.screenshot-card:nth-child(2n) .phone-frame,.screenshot-card:nth-child(2n)>div:last-child{grid-area:auto}}@media (max-width:520px){.site-nav{font-size:.86rem}.hero-visual{min-height:27rem}.phone-screen{border-radius:1rem}.floating-stat{display:none}}@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}}