:root{--bg: #0A0C0F;--screen: #0F1114;--ink: #E8E6E1;--ink-soft: #B9BEC7;--ink-muted: #8B93A1;--ink-faint: #7A828F;--ink-dim: #5C6470;--ink-ghost: #43494F;--teal: #5EC8B4;--teal-hi: #78D8C6;--teal-deep: #08221D;--teal-arrow: #4DBBA6;--orange: #D98A57;--orange-deep: #26130A;--gold: #D9B45B;--amber: #E9C45A;--card: #191C22;--white-piece: #F7F2E7;--black-piece: #1D1F26;--rule: rgba(255, 255, 255, .07);--glass: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));--glass-border: rgba(255, 255, 255, .09);--sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100svh}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-hi)}button{font-family:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}input::placeholder{color:var(--ink-dim)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.mono{font-family:var(--mono)}.eyebrow{font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.eyebrow.teal{color:var(--teal)}.glass{background:var(--glass);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff14}.glass-strong{box-shadow:inset 0 1px #ffffff1a,0 40px 90px #00000080,0 0 120px #5ec8b41f}.pill{border-radius:100px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px var(--sans);color:var(--teal-deep);background:var(--teal);padding:15px 24px;border-radius:100px;white-space:nowrap;box-shadow:0 0 0 1px #5ec8b466,0 10px 30px #5ec8b447;transition:background .15s,transform .15s,opacity .15s}.btn-primary:hover{background:var(--teal-hi)}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;font:600 15px var(--sans);color:var(--ink-soft);padding:15px 20px;border-radius:100px;border:1px solid rgba(255,255,255,.12);transition:color .15s,border-color .15s,background .15s}.btn-ghost:hover{color:var(--ink);border-color:#ffffff40}.press{transition:transform .15s,opacity .15s}.press:active{transform:scale(.98);opacity:.85}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--screen);overflow:hidden}.aurora:before,.aurora:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}.aurora:before{width:60vw;height:60vw;left:-15vw;top:-20vw;background:#5ec8b438}.aurora:after{width:50vw;height:50vw;right:-15vw;bottom:-10vw;background:#d98a571f}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shakeX{0%,to{transform:translate(0)}18%{transform:translate(-9px)}38%{transform:translate(8px)}58%{transform:translate(-5px)}78%{transform:translate(3px)}92%{transform:translate(-1px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.55)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sealIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confetti{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.app-shell{max-width:600px;margin:0 auto;padding:0 20px calc(92px + env(safe-area-inset-bottom));min-height:100svh}.tabbar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;display:flex;gap:4px;padding:5px;border-radius:100px;background:#101216b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000073}.tabbar a{display:flex;align-items:center;gap:7px;padding:10px 16px;border-radius:100px;font:600 13px var(--sans);color:var(--ink-muted);transition:background .15s,color .15s}.tabbar a.active{color:var(--teal);background:#5ec8b41f}.tabbar a svg{width:16px;height:16px}.card{border-radius:22px;padding:18px}.card-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--rule)}.card-row:last-child{border-bottom:0}.row-button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 14px;border-radius:22px}.row-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.row-icon svg{width:20px;height:20px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.theme-card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;padding:16px;border-radius:22px;min-height:100%}.toggle{width:44px;height:26px;border-radius:14px;position:relative;background:#ffffff24;transition:background .2s;flex:none}.toggle.on{background:var(--teal)}.toggle:after{content:"";position:absolute;top:2.5px;left:2.5px;width:21px;height:21px;border-radius:50%;background:var(--ink-muted);transition:left .2s,background .2s}.toggle.on:after{left:20.5px;background:#f7f7f5}.site{position:relative;min-height:100vh;overflow:hidden;background:var(--bg)}.site-glow{position:absolute;left:50%;top:-320px;width:1400px;height:900px;transform:translate(-50%);pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,#5ec8b429,#5ec8b40d 45%,#5ec8b400 72%)}.site-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0a0c0fb8;border-bottom:1px solid var(--rule)}.site-nav-inner{max-width:1180px;margin:0 auto;padding:0 20px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-links{flex:1;display:flex;gap:26px;justify-content:center;white-space:nowrap;font:500 13.5px var(--sans)}.site-links a{color:var(--ink-soft)}.site-links a:hover{color:var(--ink)}.site-main{max-width:1180px;margin:0 auto;padding:0 28px}.site-section{padding:88px 0;border-top:1px solid var(--rule);scroll-margin-top:80px}.site h1{margin:0;font:800 clamp(46px,6.2vw,78px)/.98 var(--sans);letter-spacing:-.035em;text-wrap:balance}.site h2{margin:16px 0 0;font:800 clamp(30px,3.6vw,44px)/1.06 var(--sans);letter-spacing:-.03em;text-wrap:balance}.site p.lede{margin:0;font:400 18px/1.55 var(--sans);color:#9aa1ad;max-width:480px;text-wrap:pretty}.site p.body{margin:18px 0 0;font:400 16px/1.6 var(--sans);color:#9aa1ad;max-width:520px;text-wrap:pretty}.site .grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:center}.site .grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.feature-card{border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:16px}.feature-card .title{font:800 24px var(--sans);letter-spacing:-.02em}.feature-card p{margin:0;font:400 14px/1.55 var(--sans);color:#9aa1ad}.chip{font:500 12px var(--sans);color:var(--ink);background:#ffffff12;padding:6px 11px;border-radius:100px}.compare-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.06);font:500 13.5px var(--sans);color:var(--ink-soft);align-items:center}.compare-row:last-child{border-bottom:0}.compare-row span:not(:first-child){text-align:center}.site-footer{padding:28px 0 40px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}@media (max-width: 760px){.site-links{display:none}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.sheet-backdrop .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#050709b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sheet{position:relative;width:100%;max-width:420px;border-radius:28px;padding:30px;background:linear-gradient(180deg,#171b21,#111419);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff1a,0 40px 100px #000000b3;animation:riseIn .28s ease-out}.sheet input{margin-top:20px;width:100%;height:52px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:0 16px;font:500 15px var(--sans);color:var(--ink);outline:none}.sheet input:focus{border-color:#5ec8b499}