:root{--bg:#fbf7ee;--bg-soft:#f5efe2;--surface:#fff;--surface-tint:#f4faf9;--ink:#22333a;--ink-strong:#16262c;--ink-invert:#f6fbfa;--muted:#5b6e75;--muted-2:#7d8d93;--line:#e7dfd0;--line-strong:#d8cfbc;--mint:#69d4de;--mint-soft:#d8f2f0;--mint-deep:#0e8c9c;--mint-ink:#0b6b77;--lavender:#b9aee4;--lavender-soft:#ece8fa;--pink:#f3c4ce;--pink-soft:#fbe9ec;--yellow:#ffd98e;--yellow-soft:#fdf0d4;--font-sans:-apple-system, blinkmacsystemfont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Segoe UI", system-ui, sans-serif;--text-display:clamp(2.5rem, 1.4rem + 4.6vw, 4.25rem);--text-h1:clamp(2.1rem, 1.2rem + 3.4vw, 3.4rem);--text-h2:clamp(1.65rem, 1.1rem + 2.2vw, 2.5rem);--text-h3:clamp(1.2rem, 1rem + .9vw, 1.45rem);--text-body:clamp(1rem, .95rem + .25vw, 1.125rem);--text-small:.9375rem;--text-caption:.8125rem;--space-xs:.375rem;--space-sm:.75rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:clamp(4.5rem, 3rem + 6vw, 8rem);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-soft:0 1px 2px #22333a0d, 0 8px 24px #22333a12;--shadow-lift:0 2px 4px #22333a0f, 0 18px 44px #22333a24;--shadow-frame:0 1px 3px #16262c1f, 0 24px 60px #16262c33;--container:68rem;--header-h:4rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65;overflow-x:clip}img,svg,video{max-width:100%;display:block}h1,h2,h3,h4,p{overflow-wrap:break-word;margin:0}h1,h2{letter-spacing:-.02em;color:var(--ink-strong);text-wrap:balance;font-weight:700;line-height:1.12}h3{color:var(--ink-strong);font-weight:650;line-height:1.3}a{color:var(--mint-deep);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}ul{margin:0;padding:0;list-style:none}button{font:inherit}:focus-visible{outline:2.5px solid var(--mint-deep);outline-offset:3px;border-radius:4px}::selection{background:var(--mint-soft);color:var(--ink-strong)}.container{width:min(var(--container), 100% - 2.5rem);margin-inline:auto}.section{padding-block:var(--space-2xl)}.section+.section{padding-top:0}.kicker{font-size:var(--text-small);letter-spacing:.14em;text-transform:uppercase;color:var(--mint-ink);align-items:center;gap:.5rem;font-weight:650;display:inline-flex}.kicker:before{content:"";background:linear-gradient(90deg, var(--mint), var(--mint-deep));border-radius:2px;width:1.5rem;height:2px}.lede{color:var(--muted);text-wrap:pretty;max-width:40em}.btn{font-weight:600;font-size:var(--text-body);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.8rem 1.5rem;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1.5px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ink-strong);color:var(--ink-invert);box-shadow:var(--shadow-soft)}.btn-primary:hover{box-shadow:var(--shadow-lift);background:#1d343d}.btn-ghost{color:var(--ink-strong);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{background:#ffffffb3}.store-badge{background:var(--ink-strong);color:var(--ink-invert);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);align-items:center;gap:.7rem;padding:.55rem 1.15rem .55rem .9rem;transition:transform .18s,box-shadow .18s;display:inline-flex}.store-badge:hover{box-shadow:var(--shadow-lift);text-decoration:none;transform:translateY(-2px)}.store-badge svg{flex:none;width:1.9rem;height:1.9rem}.store-badge .store-copy{text-align:left;flex-direction:column;line-height:1.15;display:flex}.store-badge .store-copy small{opacity:.82;letter-spacing:.02em;font-size:.6875rem;font-weight:500}.store-badge .store-copy strong{letter-spacing:-.01em;font-size:1.1875rem;font-weight:650}.check-list{flex-direction:column;gap:.55rem;display:flex}.check-list li{color:var(--muted);font-size:var(--text-body);align-items:baseline;gap:.6rem;display:flex}.check-list li:before{content:"";background:var(--mint-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6b77' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 62% no-repeat;border-radius:50%;flex:none;width:1.15rem;height:1.15rem;translate:0 .14em}.device{flex:none;position:relative}html.js .reveal{opacity:0;transition:opacity .55s,translate .55s;transition-delay:var(--reveal-delay,0s);translate:0 14px}html.js .reveal.is-visible{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;translate:0}.float-slow{animation:none!important}.btn,.store-badge{transition:none}.btn:hover,.store-badge:hover{transform:none}}.skip-link{z-index:200;background:var(--ink-strong);color:var(--ink-invert);border-radius:var(--radius-sm);padding:.6rem 1rem;transition:top .2s;position:absolute;top:-4rem;left:1rem}.skip-link:focus{text-decoration:none;top:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
