:root{--canvas:#fafafa;--surface:#fff;--ink:#0b0b10;--muted:#6b6b76;--electric-blue:#5a55f0;--electric-blue-hover:#4a45e0;--violet-glow:#8b5cf6;--ember:#ff6b35;--card-border:#0b0b100a;--card-shadow:0 8px 40px #0b0b100f;--card-shadow-hover:0 12px 48px #0b0b101a;--card-radius:26px;--nav-bg:#ffffffd1;--nav-blur:20px;--nav-shadow:0 4px 24px #0b0b100f;--nav-shadow-scroll:0 2px 16px #0b0b101a;--font-family:"Urbanist", system-ui, -apple-system, sans-serif;--font-display:clamp(2.5rem, 5vw + 1rem, 4.5rem);--font-h2:clamp(2rem, 3.5vw + .5rem, 3.25rem);--font-h3:clamp(1.25rem, 1.5vw + .5rem, 1.5rem);--font-body:clamp(.95rem, .8vw + .5rem, 1.125rem);--font-small:clamp(.8rem, .5vw + .5rem, .9375rem);--font-eyebrow:.875rem;--section-gap:clamp(80px, 12vw, 180px);--content-max:1180px;--content-padding:clamp(20px, 5vw, 80px);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.2s;--duration-normal:.35s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-body);color:var(--muted);background-color:var(--canvas);width:100%;font-weight:400;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,textarea{font-family:var(--font-family);border:none;outline:none}a{color:inherit;text-decoration:none}ul{list-style:none}.headline-muted{color:var(--muted)}.headline-ink{color:var(--ink)}.section-headline{font-size:var(--font-h2);letter-spacing:-.02em;font-weight:800;line-height:1.08}.section-subhead{font-size:var(--font-body);color:var(--muted);max-width:520px;font-weight:400;line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.desktop-hidden{display:none!important}.navbar{z-index:1000;background:var(--nav-bg);width:calc(100% - 40px);max-width:900px;-webkit-backdrop-filter:blur(var(--nav-blur));border:1px solid var(--card-border);box-shadow:var(--nav-shadow);transition:padding var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);border-radius:100px;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.navbar.scrolled{box-shadow:var(--nav-shadow-scroll);padding:10px 24px}.nav-logo{color:var(--ink);cursor:pointer;flex-shrink:0;align-items:center;gap:10px;font-size:1.125rem;font-weight:800;display:flex}.nav-logo svg{width:28px;height:28px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--muted);transition:color var(--duration-fast) ease;font-size:.9375rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--electric-blue);height:2px;transition:transform var(--duration-fast) var(--ease-out);border-radius:1px;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{transform:scaleX(1)}.nav-download-wrapper{flex-shrink:0;position:relative}.nav-download-btn{background:var(--electric-blue);color:#fff;transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);border-radius:100px;align-items:center;gap:6px;padding:10px 22px;font-size:.875rem;font-weight:600;display:flex}.nav-download-btn:hover{background:var(--electric-blue-hover);transform:translateY(-1px)}.nav-download-dropdown{background:var(--surface);border:1px solid var(--card-border);box-shadow:var(--card-shadow);opacity:0;visibility:hidden;transition:all var(--duration-fast) var(--ease-out);border-radius:16px;min-width:200px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.nav-download-wrapper:hover .nav-download-dropdown,.nav-download-wrapper:focus-within .nav-download-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-download-dropdown a{color:var(--ink);transition:background var(--duration-fast) ease;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.nav-download-dropdown a:hover{background:var(--canvas)}.nav-download-dropdown svg{flex-shrink:0;width:20px;height:20px}.nav-hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--ink);width:20px;height:2px;transition:all var(--duration-fast) ease;border-radius:2px;display:block}.nav-hamburger.open span:first-child{transform:rotate(45deg)translate(4px,4px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.desktop-only{display:none!important}.desktop-hidden{display:flex!important}.nav-links{-webkit-backdrop-filter:blur(40px);z-index:99;overscroll-behavior-y:contain;background:#fffffff0;border-left:1px solid #0000000d;flex-direction:column;gap:32px;width:85%;max-width:360px;height:100vh;padding:80px 32px 40px;transition:right .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-10px 0 40px #0000000d}.nav-links.open{right:0}.sidebar-group{opacity:0;flex-direction:column;gap:8px;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translate(30px)}.sidebar-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;padding-left:12px;font-size:.75rem;font-weight:700}.nav-links a.active,.nav-links a:hover{color:var(--electric-blue);background:#5a55f014}.nav-links a.active svg,.nav-links a:hover svg{color:var(--electric-blue)}.nav-links a:not(.desktop-only){color:var(--ink);transition:all var(--duration-fast) ease;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.nav-links a svg{width:20px;height:20px;color:var(--muted);transition:color var(--duration-fast) ease}.nav-links.open .sidebar-group{opacity:1;transition-delay:calc(80ms * var(--i,1));transform:translate(0)}.nav-hamburger{z-index:100;display:flex}.nav-hamburger.open span{background:var(--ink)}.nav-download-wrapper{display:none}.nav-backdrop{-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:98;background:#0009;transition:all .4s;position:fixed;inset:0}.nav-backdrop.open{opacity:1;visibility:visible}}.page-content{max-width:var(--content-max);padding:0 var(--content-padding);margin:0 auto}.section-center{text-align:center;flex-direction:column;align-items:center;display:flex}.hero{padding-top:clamp(120px,18vw,200px);padding-bottom:clamp(40px,8vw,80px);position:relative;overflow:visible}.hero-eyebrow{background:var(--surface);border:1px solid var(--card-border);font-size:var(--font-eyebrow);color:var(--muted);border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-weight:500;display:inline-flex;box-shadow:0 2px 12px #0b0b100a}.hero-eyebrow .dot{background:var(--electric-blue);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #5a55f066}.hero-headline{font-size:var(--font-display);letter-spacing:-.02em;max-width:700px;margin-bottom:24px;font-weight:800;line-height:1.05}.hero-subhead{font-size:var(--font-body);color:var(--muted);max-width:520px;margin-bottom:40px;line-height:1.65}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.store-badge{color:#fff;transition:transform var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background-color:#000;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;min-width:160px;height:52px;padding:6px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #00000026}.store-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.store-badge svg{width:28px;height:28px;margin-right:10px}.store-badge .badge-text{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.store-badge .badge-small{opacity:.9;letter-spacing:.5px;font-size:10px;line-height:1.1}.store-badge .badge-large{letter-spacing:-.5px;font-size:18px;font-weight:600;line-height:1.1}.hero-proof{font-size:var(--font-small);color:var(--muted);font-weight:500}.hero-phone-wrapper{aspect-ratio:1/1.1;width:100%;max-width:500px;margin:60px auto 0;position:relative}.hero-phone-glow{filter:blur(30px);pointer-events:none;z-index:0;background:radial-gradient(#5a55f026 0%,#8b5cf614 40%,#0000 70%);border-radius:50%;width:80%;height:40%;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}.hero-phone-canvas{z-index:1;width:100%;height:100%;position:relative}.social-proof{padding:40px 0 0}.social-proof-inner{border-top:1px solid #0b0b100f;border-bottom:1px solid #0b0b100f;justify-content:center;gap:clamp(40px,8vw,80px);padding:32px 0;display:flex}.proof-stat{text-align:center}.proof-stat-number{color:var(--ink);letter-spacing:-.02em;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800}.proof-stat-label{font-size:var(--font-small);color:var(--muted);margin-top:4px;font-weight:400}@media (width<=640px){.social-proof-inner{flex-direction:column;align-items:center;gap:20px}}.features{padding-top:var(--section-gap)}.features-headline{margin-bottom:60px}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card-new{cursor:pointer;border-radius:24px;flex-direction:column;min-height:400px;padding:32px 24px 24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.feature-card-new:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0003}.feature-card-new.dark-theme{background-color:var(--electric-blue);color:#fff}.feature-card-new.light-theme{color:#0b0b10;background-color:#f5f5f5}.card-header{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex;position:relative}.card-header h3{text-transform:uppercase;letter-spacing:-.03em;margin:0;font-family:Urbanist,sans-serif;font-size:1.75rem;font-weight:900;line-height:1.1}.stencil-text{display:inline-block;position:relative}.stencil-text:after{content:"";background-color:#f5f5f5;width:3px;height:120%;position:absolute;top:-10%;left:45%;transform:rotate(20deg)}.arrow-circle{background-color:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s,background-color .3s;display:flex}.feature-card-new:hover .arrow-circle{background-color:#5a55f066;transform:rotate(-45deg)}.card-image-container{z-index:1;border-radius:16px;justify-content:center;align-items:center;height:220px;margin-top:auto;display:flex;position:relative;overflow:hidden}.dark-theme .card-image-container{background-color:#ffffff08}.light-theme .card-image-container{background-color:#0000000d;border-bottom-left-radius:60px}.card-image-container img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.dark-theme .card-image-container img{mix-blend-mode:screen}.light-theme .card-image-container img{mix-blend-mode:multiply}.feature-card-new:hover .card-image-container img{transform:scale(1.1)}@media (width<=900px){.features-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.app-showcase{padding-top:var(--section-gap)}.app-showcase-headline{margin-bottom:60px}.app-showcase-scroll{-webkit-overflow-scrolling:touch;gap:28px;padding:20px 0 40px;display:flex;overflow-x:auto}.app-showcase-scroll::-webkit-scrollbar{height:8px}.app-showcase-scroll::-webkit-scrollbar-track{background:0 0}.app-showcase-scroll::-webkit-scrollbar-thumb{background:var(--muted);border-radius:10px}.showcase-btn{border:1px solid var(--card-border);background:var(--surface);width:48px;height:48px;color:var(--ink);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000000d}.showcase-btn:hover{background:var(--electric-blue);color:#fff;border-color:var(--electric-blue);transform:translateY(-2px);box-shadow:0 8px 16px #5a55f033}.showcase-item{scroll-snap-align:center;flex:none;width:clamp(240px,28vw,320px)}.showcase-phone{transition:transform var(--duration-normal) var(--ease-out);background:#0b0b10;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0b0b102e,inset 0 0 0 1px #ffffff0d}.showcase-phone img{width:100%;display:block}.showcase-item:nth-child(2n) .showcase-phone{transform:translateY(20px)}.showcase-item:hover .showcase-phone{transform:translateY(-6px)}.showcase-item:nth-child(2n):hover .showcase-phone{transform:translateY(14px)}.showcase-caption{font-size:var(--font-small);color:var(--muted);text-align:center;margin-top:20px;font-weight:500}.leaderboard{padding-top:var(--section-gap)}.leaderboard-headline{margin-bottom:16px}.leaderboard-subhead{margin-bottom:48px}.leaderboard-card{background:var(--surface);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);width:100%;max-width:720px;margin:0 auto;padding:clamp(24px,4vw,40px);overflow:hidden}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-align:left;font-size:var(--font-small);color:var(--muted);border-bottom:1px solid #0b0b100f;padding:0 16px 16px;font-weight:600}.leaderboard-table td{font-size:var(--font-body);color:var(--ink);padding:14px 16px;font-weight:500}.leaderboard-table tr{transition:background var(--duration-fast) ease}.leaderboard-table tbody tr:not(.lb-rank-1):hover{background:#0b0b1004}.lb-rank-1{background:linear-gradient(90deg,#5a55f00f 0%,#5a55f005 100%);border-radius:12px}.lb-rank-1 td{color:var(--electric-blue);font-weight:700}.lb-rank-1 td:first-child{border-radius:12px 0 0 12px}.lb-rank-1 td:last-child{border-radius:0 12px 12px 0}.lb-rank-num{min-width:32px;font-weight:800;display:inline-block}.lb-level{font-size:var(--font-small);color:var(--muted);font-weight:400}.lb-xp{font-variant-numeric:tabular-nums}@media (width<=640px){.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3){display:none}}.final-cta{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.final-cta-headline{margin-bottom:20px}.final-cta-subhead{margin-bottom:40px}.final-cta-phone{width:200px;margin:0 auto 48px;position:relative}.final-cta-phone-frame{background:#0b0b10;border-radius:28px;animation:4s ease-in-out infinite float-subtle;overflow:hidden;box-shadow:0 16px 48px #0b0b1026,inset 0 0 0 1px #ffffff0d}.final-cta-phone-frame img{width:100%;display:block}.final-cta-phone-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(#5a55f01f 0%,#0000 70%);border-radius:50%;width:120%;height:40%;position:absolute;bottom:-15%;left:50%;transform:translate(-50%)}.contact{padding-top:0;padding-bottom:var(--section-gap)}.contact-headline{margin-bottom:16px}.contact-subhead{margin-bottom:48px}.contact-form{flex-direction:column;gap:16px;width:100%;max-width:520px;margin:0 auto;display:flex}.contact-field{background:var(--surface);width:100%;color:var(--ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:1px solid #0b0b1014;border-radius:14px;padding:16px 20px;font-size:1rem}.contact-field::placeholder{color:#6b6b7680}.contact-field:focus{border-color:var(--electric-blue);box-shadow:0 0 0 3px #5a55f01a}.contact-field.textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-submit{background:var(--electric-blue);color:#fff;transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);border-radius:100px;align-self:flex-start;padding:16px 36px;font-size:1rem;font-weight:600;box-shadow:0 4px 20px #5a55f040}.contact-submit:hover{background:var(--electric-blue-hover);transform:translateY(-2px)}.contact-extras{flex-direction:column;align-items:center;gap:20px;margin-top:48px;display:flex}.contact-download-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact-discord{font-size:var(--font-small);color:var(--electric-blue);transition:opacity var(--duration-fast) ease;align-items:center;gap:8px;font-weight:500;display:inline-flex}.contact-discord:hover{opacity:.8}.footer{border-top:1px solid #0b0b100f;padding:48px 0}.footer-inner{max-width:var(--content-max);padding:0 var(--content-padding);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.footer-brand{flex-direction:column;gap:8px;display:flex}.footer-logo{color:var(--ink);align-items:center;gap:8px;font-size:1rem;font-weight:800;display:flex}.footer-logo svg{width:22px;height:22px}.footer-tagline{font-size:var(--font-small);color:var(--muted);max-width:360px;line-height:1.5}.footer-nav{gap:28px;display:flex}.footer-nav a{font-size:var(--font-small);color:var(--muted);transition:color var(--duration-fast) ease;font-weight:500}.footer-nav a:hover{color:var(--ink)}.footer-copy{text-align:center;width:100%;color:var(--muted);opacity:.6;border-top:1px solid #0b0b100a;margin-top:8px;padding-top:32px;font-size:.8125rem}@media (width<=640px){.footer-inner{text-align:center;flex-direction:column;align-items:center}.footer-brand{align-items:center}.footer-tagline{text-align:center}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-phone{0%,to{transform:translateY(0)rotateY(-8deg)rotateX(4deg)}50%{transform:translateY(-12px)rotateY(-8deg)rotateX(4deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:.8}}.reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.particles-container{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.particle{background:var(--electric-blue);width:3px;height:3px;animation:particle-converge 1.5s var(--ease-out) forwards;border-radius:50%;position:absolute;box-shadow:0 0 6px #5a55f099}@keyframes particle-converge{0%{opacity:1;transform:translate(var(--x-start), var(--y-start)) scale(1)}80%{opacity:.6;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(0)scale(0)}}.hero-3d-phone{width:100%;max-width:360px;margin:48px auto 0;position:relative}.hero-3d-canvas{aspect-ratio:3/4;width:100%}.hero-3d-glow{filter:blur(25px);pointer-events:none;background:radial-gradient(#5a55f02e 0%,#8b5cf614 40%,#0000 70%);border-radius:50%;width:90%;height:35%;animation:4s ease-in-out infinite glow-pulse;position:absolute;bottom:-5%;left:50%;transform:translate(-50%)}@media (width<=480px){.hero-ctas{flex-direction:column;align-items:center}.store-badge{justify-content:center;width:100%}.hero-headline{font-size:clamp(2rem,8vw,3rem)}}