@import"https://fonts.googleapis.com/css2?family=Zen+Dots&family=DM+Mono:wght@300;400;500&display=swap";:root{--bg: #0a0a08;--surface: #111110;--surface-alt: #0d1205;--border: #1e1e1b;--accent: #c8f53b;--accent-dim: #8fad1f;--text: #f0efe8;--text-soft: #d8d7cf;--muted: #7a7970;--danger: #ff4b26;--font-brand: "Zen Dots", sans-serif;--font-mono: "DM Mono", monospace;--font-readable: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,#151511 0%,var(--bg) 42%);color:var(--text);font-family:var(--font-brand)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}.readable{font-family:var(--font-readable)}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:60px 20px 80px;overflow-y:auto}.content-shell{width:100%;max-width:560px}.brand-row{width:100%;max-width:560px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.brand-lockup{display:flex;align-items:center;gap:8px}.brand-mark{width:118px;height:34px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.brand-logo{display:block;width:100%;height:100%;object-fit:contain}.brand-trinca{display:flex;align-items:center;justify-content:flex-end}.brand-logo-trinca{display:block;height:34px;width:auto;object-fit:contain}.brand-name{font-family:var(--font-brand);font-size:15px;letter-spacing:.04em}.brand-count{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.intro-card{background:#111110f0;border:1px solid var(--border);border-radius:12px;padding:32px;position:relative;overflow:hidden}.tag{display:inline-block;background:#1c2208;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent-dim) 60%,transparent);font-family:var(--font-mono);font-size:11px;padding:3px 10px;border-radius:2px;letter-spacing:.06em;text-transform:uppercase}.step-label{font-family:var(--font-mono);font-size:11px;color:var(--accent-dim);letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.question-title,.diagnosis-title{font-family:var(--font-brand);font-size:clamp(20px,4vw,32px);font-weight:400;line-height:1.18;margin:0 0 28px;letter-spacing:-.02em}.diagnosis-title{font-size:clamp(24px,4.4vw,36px);letter-spacing:-.03em}.opt-btn{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-readable);font-size:15px;padding:14px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.opt-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .2s ease;border-radius:3px 0 0 3px}.opt-btn:hover{border-color:var(--accent-dim);background:#1a1a17}.opt-btn:hover:before,.opt-btn.selected:before{transform:scaleY(1)}.opt-btn.selected{border-color:var(--accent);background:#1c2208;color:var(--accent)}.opt-sub{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-top:3px}.cta-primary{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--bg);font-family:var(--font-brand);font-size:13px;font-weight:400;padding:16px 32px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;letter-spacing:.02em}.cta-primary:hover{background:#d9ff4a;transform:translateY(-1px);box-shadow:0 8px 30px #c8f53b40}.cta-primary:disabled{opacity:.72;cursor:wait;transform:none;box-shadow:none}.cta-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:13px;font-weight:400;padding:12px 24px;border-radius:6px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease;text-decoration:none}.cta-ghost:hover{color:var(--text);border-color:var(--muted)}.lead-form{display:flex;flex-direction:column;gap:20px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-grid label{display:flex;flex-direction:column;gap:8px;color:var(--text-soft);font-family:var(--font-mono);font-size:12px}.input-grid label span{color:var(--text-soft)}.input-grid input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:12px 14px;font-family:var(--font-readable);font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}.input-grid input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px #8fad1f29}.error-banner{border:1px solid rgba(255,75,38,.4);background:#ff4b2614;color:#ffd3c8;border-radius:8px;padding:12px 14px;font-family:var(--font-readable);font-size:14px;line-height:1.5}.progress-track{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border);z-index:100}.progress-fill{height:100%;background:var(--accent);transition:width .6s cubic-bezier(.4,0,.2,1)}.scan-wrap{position:relative;overflow:hidden}.scan-wrap:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,245,59,.5),transparent);animation:scanLine 2.5s linear infinite;pointer-events:none}.generating-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:20px}.progress-rail{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.progress-rail-fill{height:100%;background:var(--accent);border-radius:2px;transition:width 1s ease}.diag-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative;overflow:hidden}.diag-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:3px 0 0 3px}.fit-note-card:before{display:none}.diag-card p,.disclaimer-box,.pain-desc,.opportunity-card{font-family:var(--font-readable)}.shimmer-text{background:linear-gradient(90deg,var(--muted) 25%,var(--text) 50%,var(--muted) 75%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2s linear infinite;font-family:var(--font-brand)}.typing-dots span{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin:0 2px;animation:pulse 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}.muted-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.pain-row{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.pain-icon{width:28px;height:28px;border-radius:50%;background:#1c0a08;border:1px solid color-mix(in srgb,var(--danger) 50%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.pain-title{font-family:var(--font-brand);font-size:13px;font-weight:400;margin-bottom:3px;line-height:1.35}.pain-desc{font-size:12px;color:var(--muted);line-height:1.5}.opportunity-card{background:var(--surface-alt);border:1px solid color-mix(in srgb,var(--accent-dim) 40%,transparent);border-radius:12px;padding:20px;position:relative;overflow:hidden}.opportunity-fade{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent 0%,rgba(13,18,5,.82) 40%,var(--surface-alt) 72%);display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 18px;pointer-events:none}.opportunity-teaser{font-family:var(--font-mono);font-size:11px;color:var(--accent-dim)}.disclaimer-box{padding:16px 20px;background:#0d0d0b;border:1px solid var(--border);border-radius:8px;margin-bottom:28px;font-size:14px;line-height:1.6}.result-cta-card{background:var(--surface-alt);border:1px solid color-mix(in srgb,var(--accent-dim) 50%,transparent);text-align:center;padding:32px 24px}.fade-up{animation:fadeUp .5s ease forwards}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes scanLine{0%{top:-2px}to{top:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@media(max-width:640px){.app-shell{padding:40px 16px 72px}.brand-row,.content-shell,.intro-card{max-width:100%}.brand-row{margin-bottom:28px}.intro-card,.generating-card,.diag-card{padding:24px}.input-grid{grid-template-columns:1fr}.cta-primary,.cta-ghost{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-footer{width:100%;max-width:560px;text-align:center;padding:40px 20px;margin-top:auto;border-top:1px solid var(--border)}.app-footer p{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
