:root{--background:#120716;--background-soft:#21102a;--card:#ffffff14;--card-strong:#ffffff21;--text:#fff7ff;--muted:#d8c7df;--purple:#a855f7;--pink:#f100a1;--blue:#00a1f1;--green:#8c0;--border:#ffffff29;--shadow:0 30px 80px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#f100a14d,#0000 34rem),radial-gradient(circle at 80% 10%,#00a1f147,#0000 30rem),linear-gradient(#120716 0%,#1b0b22 52%,#0d0710 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}.nav{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:0 auto;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.brand,.navLinks,.ctaRow,.comparisonItem,.footer{align-items:center;display:flex}.brand{letter-spacing:-.03em;gap:.75rem;font-weight:800}.crabButton{cursor:pointer;background:0 0;border:0;border-radius:.9rem;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid;transform:translateZ(0)}.crabButton:focus-visible{outline-offset:4px;outline:2px solid #ffc7ee}.crabIcon{image-rendering:pixelated;border-radius:.75rem;transition:transform .18s}.crabButton:hover .crabIcon{transform:translateY(-2px)rotate(-3deg)}.crabIcon.isBouncing{animation:.62s cubic-bezier(.22,1,.36,1) crab-bounce}@keyframes crab-bounce{0%{transform:translateY(0)scale(1)rotate(0)}18%{transform:translateY(4px)scale(1.12,.84)rotate(-4deg)}42%{transform:translateY(-18px)scale(.92,1.12)rotate(5deg)}62%{transform:translateY(0)scale(1.08,.9)rotate(-3deg)}78%{transform:translateY(-7px)scale(.96,1.04)rotate(2deg)}to{transform:translateY(0)scale(1)rotate(0)}}.navLinks{color:var(--muted);gap:1rem;font-size:.95rem}.navLinks a:hover{color:var(--text)}.section{max-width:1180px;margin:0 auto;padding:5rem 1.25rem;scroll-margin-top:5rem}.hero{grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);align-items:start;gap:3rem;min-height:auto;padding-top:4rem;display:grid}.eyebrow{color:#ffc7ee;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.82rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:10ch;margin-bottom:1.5rem;font-size:clamp(3rem,7.5vw,5.8rem);line-height:.92}h2{letter-spacing:-.06em;margin-bottom:1.25rem;font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:.95}h3{letter-spacing:-.03em;margin-bottom:.75rem;font-size:1.3rem}.lede,.intro p,.getStarted p{max-width:44rem;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.6}.ctaRow{flex-wrap:wrap;gap:.85rem;margin:2rem 0 1rem}.button{border:1px solid var(--border);border-radius:999px;padding:.9rem 1.25rem;font-weight:800;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg, var(--pink), var(--purple));border-color:#0000}.secondary{background:#ffffff14}.note{color:#fff7ffad;max-width:34rem;font-size:.92rem;line-height:1.5}.heroCard{min-height:40rem;padding-top:1rem;position:relative}.phone,.screenshot{border:1px solid var(--border);height:auto;box-shadow:var(--shadow);border-radius:2rem}.mainPhone{z-index:2;position:absolute;top:0;right:1rem}.sidePhone{opacity:.88;position:absolute;top:7rem;left:0;transform:rotate(-8deg)}.intro,.comparison,.getStarted{grid-template-columns:.9fr 1fr;align-items:start;gap:3rem;display:grid}.featureGrid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.feature,.getStarted,.faq details,.comparisonList{border:1px solid var(--border);background:var(--card);border-radius:1.5rem;box-shadow:0 20px 50px #0000002e}.feature{padding:1.35rem}.feature p,.comparisonItem span,.faq p,.getStarted li{color:var(--muted);line-height:1.65}.comparisonList{overflow:hidden}.comparisonItem{border-bottom:1px solid var(--border);justify-content:space-between;gap:1.5rem;padding:1.1rem 1.25rem}.comparisonItem:last-child{border-bottom:0}.comparisonItem strong{min-width:9rem}.screenshots{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.screenshot{background:var(--background-soft);width:100%}.getStarted{padding:2rem}.getStarted ol{margin:0;padding-left:1.25rem}.getStarted li+li{margin-top:1rem}.getStarted a{color:#ffc7ee;text-underline-offset:.2em;font-weight:800;text-decoration:underline}.faq details{padding:1.25rem 1.5rem}.faq details+details{margin-top:1rem}.faq summary{cursor:pointer;font-size:1.1rem;font-weight:800}.faq p{margin:1rem 0 0}.footer{color:#fff7ffad;justify-content:space-between;gap:1rem;max-width:1180px;margin:0 auto;padding:2rem 1.25rem 3rem}@media (max-width:900px){.hero,.intro,.comparison,.getStarted{grid-template-columns:1fr}.heroCard{min-height:34rem}.mainPhone{right:8%}.sidePhone{left:8%}.featureGrid,.screenshots{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.navLinks{display:none}.section{padding:3.5rem 1rem}.hero{padding-top:1.5rem}.heroCard{min-height:28rem}.mainPhone{width:58%;right:0}.sidePhone{width:48%;top:5rem;left:0}.featureGrid,.screenshots{grid-template-columns:1fr}.screenshots{max-width:18rem}.comparisonItem,.footer{flex-direction:column;align-items:flex-start}}