:root{--bg-color: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--accent: #059669;--surface: #f8fafc;--surface-border: #e2e8f0;--surface-inset: #f1f5f9;--readout-bg: rgba(248, 250, 252, .98);--section-bg: #f8fafc;--shadow-soft: 0 25px 50px -12px rgba(15, 23, 42, .12);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .8);--logo-shadow: 0 4px 12px rgba(15, 23, 42, .12);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .2s ease}img{max-width:100%}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.container{width:min(100%,1200px);margin:0 auto;padding:0 2rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 0}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.logo img,.legal-page__brand img{border-radius:8px;box-shadow:var(--logo-shadow)}.app-store-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.125rem .625rem .875rem;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#000;color:#fff;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.app-store-badge:hover,.app-store-badge:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 8px 24px #0006}.app-store-badge--centered{margin:0 auto}.app-store-badge svg{flex-shrink:0}.app-store-badge span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.app-store-badge small{font-size:.625rem;font-weight:400;opacity:.85}.app-store-badge strong{font-size:1.05rem;letter-spacing:-.02em}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4rem 0 8rem}.hero-content h1{margin-bottom:1.5rem;font-size:clamp(3rem,5vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em}.hero-content p{max-width:480px;margin-bottom:2rem;color:var(--text-secondary);font-size:1.25rem}.hero-visual{display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem}.workflow-demo{width:100%;max-width:420px;overflow:hidden;border:1px solid var(--surface-border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-soft),var(--shadow-inset)}.workflow-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--surface-border);color:var(--text-secondary);font-size:.625rem;font-weight:700;letter-spacing:.1em}.workflow-stage{position:relative;aspect-ratio:4 / 5;background:var(--surface-inset)}.workflow-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.workflow-stage img.active{opacity:1}.workflow-readout{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-top:1px solid var(--surface-border);background:var(--readout-bg)}.workflow-readout-text{display:flex;min-width:0;flex-direction:column;gap:.125rem}.workflow-step-label{color:var(--text-secondary);font-size:.625rem;font-weight:700;letter-spacing:.08em}.workflow-step-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.workflow-grams{flex-shrink:0;color:var(--text-primary);font-family:var(--font-mono);font-size:1.25rem;font-weight:400;white-space:nowrap}.workflow-grams.is-delta{color:var(--accent)}.workflow-footer{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem 1rem}.workflow-dots{display:flex;gap:.375rem}.workflow-dots button{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:var(--surface-border);cursor:pointer;transition:background .2s ease,transform .2s ease}.workflow-dots button.active{transform:scale(1.15);background:var(--primary)}.workflow-dots button:hover:not(.active){background:var(--text-secondary)}.workflow-caption{flex:1;color:var(--text-secondary);font-size:.75rem;line-height:1.35;min-height:2.025rem;text-align:right}.workflow-static{display:none;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem}.workflow-static figure{overflow:hidden;margin:0;border:1px solid var(--surface-border);border-radius:12px}.workflow-static img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.workflow-static figcaption{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .625rem;background:var(--readout-bg);font-size:.6875rem}.workflow-static figcaption span:last-child{color:var(--accent);font-family:var(--font-mono)}.modes{padding:8rem 0;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);background:var(--section-bg)}.section-header{margin-bottom:5rem;text-align:center}.section-header h2{margin-bottom:1.25rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em}.section-header p{max-width:600px;margin:0 auto;color:var(--text-secondary);font-size:1.125rem}.modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.mode-card{display:flex;height:100%;flex-direction:column;padding:3rem;border:1px solid var(--surface-border);border-radius:24px;background:var(--surface);transition:transform .3s ease,border-color .3s ease}.mode-card:hover{transform:translateY(-5px);border-color:var(--primary)}.mode-card.accent:hover{border-color:var(--accent)}.mode-icon{display:flex;width:56px;height:56px;align-items:center;justify-content:center;margin-bottom:2rem;border-radius:16px;background:#2563eb1a;color:var(--primary)}.mode-card.accent .mode-icon{background:#10b9811a;color:var(--accent)}.mode-card h3{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.mode-card p{flex:1 1 auto;margin-bottom:2.5rem;color:var(--text-secondary);font-size:1.05rem}.visual-demo{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:1rem;height:11rem;box-sizing:border-box;padding:2rem;border:1px dashed var(--surface-border);border-radius:16px;background:var(--bg-color)}.demo-step{display:flex;flex-direction:column;align-items:center;gap:.75rem}.demo-step span{display:block;min-height:1.125rem;color:var(--text-secondary);font-size:.75rem}.demo-box{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:12px;background:var(--surface-border);font-size:.875rem;font-weight:500}.demo-box--surface{background:var(--surface)}.demo-box--photo{border:2px solid var(--primary);background:transparent}.demo-box--accent{border:1px solid var(--accent);background:#10b9810d;color:var(--accent)}.demo-arrow{color:var(--text-secondary);font-size:1.25rem}.cta{padding:8rem 0;border-top:1px solid var(--surface-border);background:radial-gradient(circle at center,var(--surface-border) 0%,var(--bg-color) 70%);text-align:center}.cta h2{margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;letter-spacing:-.02em}.cta p{max-width:520px;margin-right:auto;margin-bottom:2.5rem;margin-left:auto;color:var(--text-secondary);font-size:1.25rem}.cta .cta-micro{margin-top:1.25rem;margin-bottom:0;font-size:.875rem}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:3rem 0;border-top:1px solid var(--surface-border);color:var(--text-secondary);font-size:.95rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem}.footer-links a:hover,.footer-links a:focus-visible{color:var(--text-primary);outline:none}.legal-page{min-height:100vh;padding:4rem 0 5rem}.legal-page__wrap{max-width:820px}.legal-page__brand{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:3rem;font-size:1.25rem;font-weight:700}.eyebrow{color:var(--accent);font-family:var(--font-mono);font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}.legal-page h1{margin:.75rem 0 1rem;font-size:clamp(2.5rem,6vw,4rem);line-height:1.05;letter-spacing:-.03em}.legal-page__lead{max-width:700px;margin-bottom:3rem;color:var(--text-secondary);font-size:1.2rem}.legal-page section{padding:2rem 0;border-top:1px solid var(--surface-border)}.legal-page h2{margin-bottom:.75rem;font-size:1.25rem}.legal-page p{color:var(--text-secondary)}.legal-page a:not(.legal-page__brand){color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.2em}.legal-page__links{display:flex;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--surface-border)}@media(max-width:768px){.hero{grid-template-columns:1fr;padding:2rem 0 6rem;text-align:center}.hero-content p{margin-right:auto;margin-left:auto}.hero-content .app-store-badge{margin:0 auto}.modes-grid{grid-template-columns:1fr}.workflow-demo{max-width:360px}}@media(max-width:560px){.container{padding:0 1.25rem}header{align-items:flex-start}header .app-store-badge{padding-right:.875rem}.app-store-badge strong{font-size:.95rem}.mode-card{padding:2rem 1.25rem}.visual-demo{gap:.625rem;padding:1.25rem .75rem}.demo-box{width:50px;height:50px;font-size:.75rem}footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workflow-stage,.workflow-readout,.workflow-footer{display:none}.workflow-static{display:grid}.workflow-header{border-bottom:none}.app-store-badge,.mode-card,.workflow-dots button,.workflow-stage img{transition:none}}