:root{--color-primary:#f4622d;--color-primary-dark:#d9501e;--color-primary-tint:#fde8dd;--color-bg:#fffaf6;--color-bg-alt:#fff1e6;--color-surface:#fff;--color-text:#201a16;--color-text-muted:#6f645d;--color-border:#f0e2d6;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--shadow-card:0 1px 2px #201a160a, 0 12px 32px -12px #201a1629;--shadow-phone:0 24px 60px -20px #201a1659;--container-width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img,svg{max-width:100%;display:block}a{color:inherit}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:24px}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary-dark);background:var(--color-primary-tint);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800}h1{font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.08}h2{font-size:clamp(1.8rem,3.4vw,2.4rem);line-height:1.15}p{margin:0}.lede{color:var(--color-text-muted);max-width:46ch;font-size:1.15rem}.section-head{max-width:640px;margin-bottom:48px}.section-head .eyebrow{margin-bottom:16px}.section-head p{color:var(--color-text-muted);margin-top:14px;font-size:1.05rem}.btn{border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 10px 24px -8px #f4622d8c}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-ghost{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.badge-appstore{color:#fff;background:#0b0b0c;border-radius:14px;align-items:center;gap:10px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-flex}.badge-appstore small{opacity:.8;font-size:.7rem;font-weight:400;display:block}.badge-appstore span{font-size:1.05rem;font-weight:700}.site-nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#fffaf6d9;position:sticky;top:0}.site-nav .container{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:var(--color-text);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.brand img{border-radius:9px;width:34px;height:34px}.nav-links{align-items:center;gap:28px;font-size:.95rem;font-weight:600;display:flex}.nav-links a{color:var(--color-text-muted);text-decoration:none}.nav-links a:hover{color:var(--color-text)}.nav-cta{align-items:center;gap:16px;display:flex}.hero{padding:88px 0 96px;overflow:hidden}.hero .container{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;display:grid}.hero-copy .eyebrow,.hero-copy h1{margin-bottom:20px}.hero-copy .lede{margin-bottom:32px}.hero-ctas{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-visual{justify-content:center;display:flex;position:relative}.hero-visual:before{content:"";background:radial-gradient(closest-side, var(--color-primary-tint), transparent);z-index:0;position:absolute;inset:-40px}.phone{z-index:1;width:300px;box-shadow:var(--shadow-phone);background:#17130f;border-radius:44px;padding:14px;position:relative}.phone-notch{z-index:2;background:#17130f;border-radius:0 0 14px 14px;width:90px;height:22px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--color-surface);aspect-ratio:1320/2868;border-radius:32px;position:relative;overflow:hidden}.phone-screenshot{object-fit:cover;width:100%;height:100%;display:block}.phone-tilt-1{transform:rotate(-4deg)}.phone-tilt-2{transform:rotate(3deg)}.steps{background:var(--color-bg-alt);padding:96px 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.step-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:32px 28px}.step-number{background:var(--color-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:20px;font-weight:800;display:inline-flex}.step-card h3{margin-bottom:10px;font-size:1.2rem}.step-card p{color:var(--color-text-muted)}.step-icon{width:22px;height:22px}.features{padding:96px 0}.feature-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.feature-grid.reverse .feature-visual{order:2}.feature-list{flex-direction:column;gap:22px;margin-top:28px;display:flex}.feature-item{gap:16px;display:flex}.feature-item .icon-wrap{background:var(--color-primary-tint);width:44px;height:44px;color:var(--color-primary-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item h3{margin-bottom:4px;font-size:1.05rem}.feature-item p{color:var(--color-text-muted);font-size:.98rem}.feature-visual{justify-content:center;display:flex}.feature-highlight-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;max-width:380px;padding:8px}.social-proof{background:var(--color-bg-alt);padding:72px 0}.proof-card{background:var(--color-surface);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;max-width:620px;margin-inline:auto;padding:40px}.proof-stars{color:var(--color-primary);letter-spacing:4px;margin-bottom:16px;font-size:1.4rem}.proof-card p{color:var(--color-text-muted)}.proof-card .proof-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);opacity:.7;margin-top:14px;font-size:.8rem;font-weight:700;display:block}.cta-band{text-align:center;padding:96px 0}.cta-band h2{margin-bottom:16px}.cta-band .lede{margin-inline:auto;margin-bottom:32px}.cta-band .hero-ctas{justify-content:center}.btn-discord{color:#fff;background:#5865f2;box-shadow:0 10px 24px -8px #5865f28c}.btn-discord:hover{background:#4752c4;transform:translateY(-1px)}.community{padding:40px 0 8px}.community-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:56px 32px}.community-avatar{object-fit:cover;width:112px;height:112px;box-shadow:var(--shadow-card);border-radius:24px;margin:0 auto 20px}.community-card .eyebrow{margin-bottom:12px}.community-card h2{margin-bottom:16px}.community-card .lede{margin-inline:auto;margin-bottom:32px}.site-footer{border-top:1px solid var(--color-border);padding:40px 0}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-links{color:var(--color-text-muted);gap:24px;font-size:.9rem;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--color-text)}.footer-copy{color:var(--color-text-muted);font-size:.85rem}.legal{padding:72px 0 96px}.legal .container{max-width:760px}.legal h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.6rem)}.legal .updated{color:var(--color-text-muted);margin-bottom:4px;font-size:.9rem;display:block}.legal .legal-entity{color:var(--color-text-muted);margin-top:0;margin-bottom:40px;font-size:.9rem}.legal h2{margin-top:40px;margin-bottom:12px;font-size:1.3rem}.legal p,.legal li{color:var(--color-text-muted);font-size:1rem}.legal p+p{margin-top:12px}.legal ul{flex-direction:column;gap:8px;margin-top:12px;padding-left:22px;display:flex}.legal .notice{background:var(--color-primary-tint);border-radius:var(--radius-sm);color:var(--color-primary-dark);margin-bottom:36px;padding:16px 20px;font-size:.92rem}@media (width<=860px){.nav-links{display:none}.hero .container,.feature-grid,.feature-grid.reverse .feature-visual{order:initial;grid-template-columns:1fr}.hero .container{flex-direction:column-reverse;gap:48px;display:flex}.feature-grid{flex-direction:column;display:flex}.feature-grid.reverse{flex-direction:column}.steps-grid{grid-template-columns:1fr}.site-footer .container{flex-direction:column;align-items:flex-start}}
