:root{--color-black: #000000;--color-white: #ffffff;--color-cream: #f0ede6;--color-offwhite: #f0ede6;--color-accent: #5c6eff;--color-accent-light: #eef0ff;--color-success: #1a8c4e;--color-success-light: #e6f5ee;--color-muted: #666666;--color-border: #000000;--color-border-light: #d8d4cc;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .1s ease;--transition-default: .15s ease;--transition-slow: .25s ease}html{background:var(--color-cream)}.container-md{max-width:768px;margin:0 auto;padding:0 24px}.container-lg{max-width:1024px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.container-md,.container-lg{padding:0 48px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);padding:10px 20px;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #5c6eff66}.btn-primary{background:var(--color-black);color:var(--color-white);border:1px solid var(--color-black)}.btn-primary:hover{background:#333;box-shadow:2px 2px 0 var(--color-black)}.btn-primary:active{box-shadow:none;transform:translate(2px,2px)}.btn-secondary{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-black)}.btn-secondary:hover{background:var(--color-offwhite);box-shadow:2px 2px 0 var(--color-black)}.btn-secondary:active{box-shadow:none;transform:translate(2px,2px)}.btn-white{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-white)}.btn-white:hover{background:var(--color-cream);box-shadow:2px 2px #fff6}.btn-white:active{box-shadow:none;transform:translate(2px,2px)}.btn-ghost-white{background:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.35)}.btn-ghost-white:hover{border-color:var(--color-white);background:#ffffff14}.btn-lg{padding:13px 28px;font-size:16px}h1,h2,h3,h4,.hero-headline,.section-title,.vision-headline,.cta-headline,.nav-logo-text,.flow-content h3,.audience-benefits h3,.problem-card h3{font-family:var(--font-display)}.hero{padding:80px 0 96px;border-bottom:1px solid var(--color-border-light);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-headline{font-size:clamp(44px,6vw,72px);font-weight:800;line-height:1.05;letter-spacing:-.03em}.hero-sub{font-size:18px;font-weight:400;line-height:1.6;color:var(--color-muted);max-width:50ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.app-frame{background:var(--color-white);border:1.5px solid var(--color-black);border-radius:8px;box-shadow:6px 6px 0 var(--color-black);overflow:hidden;width:100%}.app-frame-bar{background:var(--color-offwhite);border-bottom:1.5px solid var(--color-black);padding:10px 14px;display:flex;align-items:center;gap:10px}.app-frame-dots{display:flex;gap:5px;flex-shrink:0}.app-frame-dot{width:9px;height:9px;border-radius:50%;background:var(--color-border-light);border:1px solid rgba(0,0,0,.1)}.app-frame-title{font-size:12px;font-weight:500;color:var(--color-muted);font-family:var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-frame-body{padding:16px}.app-frame-body svg{width:100%;height:auto;display:block}.app-frame-body--chart{padding:8px 4px 4px}.section{padding:80px 0;border-bottom:1px solid var(--color-border-light)}.section-offwhite{background:var(--color-white);border-bottom:1px solid var(--color-black);border-top:1px solid var(--color-black)}.section-black{background:var(--color-black);color:var(--color-white);border:none}.section-header{margin-bottom:56px}.section-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:12px}.section-eyebrow-light{color:#ffffff80}.section-title{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px}.section-sub{font-size:17px;line-height:1.65;color:var(--color-muted);max-width:60ch}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.problem-card{background:var(--color-white);border:1px solid var(--color-black);border-radius:4px;padding:24px;transition:box-shadow var(--transition-fast)}.problem-card:hover{box-shadow:4px 4px 0 var(--color-black)}.problem-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-light);border-radius:4px;margin-bottom:16px;color:var(--color-black)}.problem-card h3{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.problem-card p{font-size:14px;line-height:1.6;color:var(--color-muted)}.audience-nav{display:flex;border-bottom:1.5px solid var(--color-black);margin-bottom:48px;gap:0}.audience-tab{background:none;border:none;border-bottom:2.5px solid transparent;padding:12px 20px;font-size:15px;font-weight:600;color:var(--color-muted);cursor:pointer;margin-bottom:-1.5px;transition:color var(--transition-fast),border-color var(--transition-fast);font-family:var(--font-sans)}.audience-tab:hover{color:var(--color-black)}.audience-tab--active{color:var(--color-black);border-bottom-color:var(--color-black)}.audience-panel{display:none}.audience-panel--active{display:block}.audience-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media(max-width:768px){.audience-split{grid-template-columns:1fr;gap:32px}}.audience-benefits h3{font-size:clamp(20px,2.5vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:24px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:14px}.feature-list li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55}.feature-dot{flex-shrink:0;width:6px;height:6px;background:var(--color-black);border-radius:9999px;margin-top:6px}.rec-card{background:var(--color-white);border:1.5px solid var(--color-black);border-radius:8px;box-shadow:4px 4px 0 var(--color-black);overflow:hidden}.rec-card-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-success-light);border-bottom:1px solid var(--color-border-light)}.rec-card-header svg{color:var(--color-success);flex-shrink:0}.rec-card-header span{font-size:13px;font-weight:600;color:var(--color-success)}.rec-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.rec-field{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:start}.rec-label{font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.07em;padding-top:2px}.rec-value{font-size:14px;color:var(--color-black);line-height:1.5}.rec-value--note{color:var(--color-muted);font-style:italic}.rec-badge{display:inline-flex;padding:2px 8px;background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:2px;font-size:12px;font-weight:600;letter-spacing:.02em}.rec-card-footer{padding:10px 16px;background:var(--color-offwhite);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;font-size:12px;color:var(--color-muted)}.flow{display:flex;flex-direction:column;gap:0}.flow-step{display:flex;gap:24px;align-items:flex-start;padding:28px;border:1px solid var(--color-black);border-radius:4px;background:var(--color-white);transition:box-shadow var(--transition-fast)}.flow-step:hover{box-shadow:4px 4px 0 var(--color-black)}.flow-connector{display:flex;justify-content:center;padding:4px 0;opacity:.3}.flow-number{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;min-width:28px;padding-top:2px}.flow-content h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}.flow-content p{font-size:14px;line-height:1.6;color:var(--color-muted)}.cta-inner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:16px 0 0}.cta-headline{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--color-white);max-width:22ch}.cta-sub{font-size:17px;line-height:1.6;color:#ffffffa6;max-width:50ch;margin-bottom:4px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta-divider{height:1px;background:#ffffff1f;margin:64px 0}.vision-inner{display:flex;flex-direction:column;gap:24px;padding-bottom:16px}.vision-headline{font-size:clamp(26px,4vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-white);max-width:20ch}.vision-sub{font-size:17px;line-height:1.65;color:#ffffffa6;max-width:58ch}.footer{background:var(--color-black);color:var(--color-white);border-top:none;padding:40px 0 24px}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:40px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand>:first-child{display:flex;align-items:center;gap:6px}.footer-tagline{font-size:13px;color:#ffffff80;max-width:36ch;line-height:1.5}.footer-links{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.footer-link{font-size:14px;color:#fff9;text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.footer-legal{font-size:12px;color:#ffffff59}.inline-link{color:var(--color-black);text-decoration:underline;text-underline-offset:2px}