:root{--paper: #F5F2EA;--surface: #FFFDF8;--surface-sunk: #EFEBE0;--line: #E7E1D4;--line-strong: #D8D0BF;--ink: #1F231E;--muted: #545349;--faint: #8D8B7E;--ghost: #B7B3A6;--primary: #35664B;--primary-pressed: #2C5740;--primary-soft: #E4EDE6;--on-primary: #FFFFFF;--warning: #9C5A2E;--danger: #B23A2E;--info: #2F6B86;--script-bg: #E4EDE6;--script-ink: #35664B;--map-bg: #EAEEDD;--map-ink: #5D6A2C;--beats-bg: #F4EAD0;--beats-ink: #856321;--triggers-bg: #F3E1D2;--triggers-ink: #9C5A2E;--recall-bg: #ECDFD7;--recall-ink: #7A4A35;--live-bg: #14130F;--live-surface: #211F18;--live-ink: #F5F2EA;--live-primary: #7FC59B;--r-sm: 10px;--r-md: 14px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--sh-card: 0 6px 16px rgba(47, 40, 25, .08);--sh-raised: 0 12px 28px rgba(47, 40, 25, .12);--sh-float: 0 22px 48px rgba(47, 40, 25, .16);--gutter: clamp(20px, 5vw, 40px);--maxw: 1140px;--nav-h: 68px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--primary-soft);color:var(--primary-pressed)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.02em;font-weight:800}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);display:inline-flex;align-items:center;gap:8px}.section-title{font-size:clamp(28px,4vw,42px)}.section-lede{font-size:clamp(17px,1.6vw,19px);color:var(--muted);max-width:56ch;text-wrap:pretty}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(64px,9vw,120px)}.section--tight{padding-block:clamp(48px,6vw,80px)}.center{text-align:center}.center .section-lede{margin-inline:auto}.stack-sm>*+*{margin-top:12px}.stack>*+*{margin-top:20px}.site-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}.site-nav[data-scrolled=true]{border-bottom-color:var(--line)}.nav-inner{height:var(--nav-h);display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em}.brand img{width:30px;height:30px;border-radius:8px}.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto}.nav-links a{color:var(--muted);font-weight:500;font-size:15px;white-space:nowrap;transition:color .15s ease}.nav-links a:hover{color:var(--ink)}.nav-cta{margin-left:4px}.nav-toggle{display:none}@media(max-width:860px){.nav-links{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:16px;letter-spacing:.01em;padding:0 22px;height:52px;border-radius:var(--r-md);border:1.5px solid transparent;transition:transform .08s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--sh-card)}.btn-primary:hover{background:var(--primary-pressed)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover{border-color:var(--ink)}.btn-ghost{color:var(--primary);padding-inline:8px}.btn-ghost:hover{color:var(--primary-pressed)}.btn-sm{height:44px;font-size:15px;padding-inline:18px}.btn-arrow{transition:transform .15s ease}.btn:hover .btn-arrow{transform:translate(3px)}.store-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.store-badge{display:inline-flex;align-items:center;gap:12px;height:58px;padding:0 22px 0 18px;border-radius:var(--r-md);background:var(--ink);color:#fff;box-shadow:var(--sh-card);transition:transform .12s ease,box-shadow .15s ease}.store-badge:hover{transform:translateY(-2px);box-shadow:var(--sh-raised)}.store-badge--soon{cursor:default}.store-badge--soon:hover{transform:none;box-shadow:var(--sh-card)}.store-badge svg{width:26px;height:26px;flex:none}.store-badge .sb-text{display:flex;flex-direction:column;line-height:1.1;text-align:left}.store-badge .sb-top{font-size:11px;opacity:.82;letter-spacing:.02em}.store-badge .sb-name{font-size:18px;font-weight:700;letter-spacing:-.01em}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill);white-space:nowrap;background:var(--primary-soft);color:var(--primary)}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card)}.card-pad{padding:clamp(22px,3vw,32px)}.phone{position:relative;width:100%;max-width:300px;aspect-ratio:1206 / 2622;background:#131210;border-radius:46px;padding:10px;box-shadow:var(--sh-float),inset 0 0 0 2px #ffffff0a}.phone-screen{width:100%;height:100%;border-radius:38px;overflow:hidden;background:var(--paper);position:relative}.phone-screen>img{width:100%;height:100%;object-fit:cover;object-position:top center}.phone--dark .phone-screen{background:var(--live-bg)}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding-block:clamp(48px,7vw,72px)}.footer-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:flex-start}.footer-brand{max-width:320px}.footer-brand .brand{margin-bottom:14px}.footer-brand p{color:var(--muted);font-size:15px}.footer-cols{display:flex;gap:64px;flex-wrap:wrap}.footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:600;margin-bottom:14px}.footer-col a,.footer-col span{display:block;color:var(--muted);font-size:15px;padding:5px 0;transition:color .15s ease}.footer-col a:hover{color:var(--primary)}.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--faint);font-size:14px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
