:root{--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--separator:#ffffff14;--separator-strong:#ffffff24;--fg:#fff;--fg-secondary:#ebebf5c7;--fg-tertiary:#ebebf580;--fg-quaternary:#ebebf552;--accent:#0a84ff;--accent-hover:#409cff;--green:#30d158;--orange:#ff9f0a;--red:#ff453a;--yellow:#ffd60a;--r-s:8px;--r-m:10px;--r-l:14px;--r-xl:18px;--r-pill:999px;--sp-xs:4px;--sp-s:8px;--sp-m:12px;--sp-l:16px;--sp-xl:24px;--sp-xxl:32px;--sp-xxxl:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;letter-spacing:-.022em;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.47}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.container{max-width:720px;padding:var(--sp-xl);margin:0 auto}.container-narrow{max-width:420px;padding:var(--sp-xl);margin:0 auto}.row{gap:var(--sp-m);align-items:center;display:flex}.col{gap:var(--sp-m);flex-direction:column;display:flex}.muted{color:var(--fg-tertiary)}.fg-secondary{color:var(--fg-secondary)}.t-display{letter-spacing:-.028em;font-size:34px;font-weight:800;line-height:1.08}.t-title{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.2}.t-headline{letter-spacing:-.022em;font-size:17px;font-weight:600}.t-body{letter-spacing:-.022em;font-size:17px;font-weight:400}.t-subhead{letter-spacing:-.014em;color:var(--fg-secondary);font-size:15px;font-weight:400}.t-footnote{letter-spacing:-.008em;color:var(--fg-tertiary);font-size:13px;font-weight:400}.t-caption{letter-spacing:0;color:var(--fg-tertiary);font-size:12px;font-weight:500}.t-overline{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);font-size:11px;font-weight:600}.brand{letter-spacing:-.02em;color:var(--fg);font-size:19px;font-weight:700}.brand-hero{letter-spacing:-.035em;color:var(--fg);font-size:56px;font-weight:800;line-height:1}.card{background:var(--surface);border:.5px solid var(--separator);border-radius:var(--r-l);padding:var(--sp-l)}.card-tight{padding:var(--sp-m)}.card-loose{padding:var(--sp-xl)}.card-link{color:inherit;transition:background .12s,transform 80ms;display:block}.card-link:hover{background:var(--surface-2)}.card-link:active{transform:scale(.997)}button,.btn{font:inherit;letter-spacing:-.014em;cursor:pointer;border:.5px solid var(--separator);background:var(--surface-2);color:var(--fg);border-radius:var(--r-m);padding:9px 16px;font-size:15px;font-weight:600;transition:background .12s,opacity .12s}button:hover,.btn:hover{background:var(--surface-3)}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border:.5px solid var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{background:var(--surface-3);border-color:var(--separator);color:var(--fg-tertiary)}.btn-ghost{color:var(--fg-secondary);background:0 0;border:.5px solid #0000}.btn-ghost:hover{background:var(--surface);color:var(--fg)}.btn-block{width:100%;padding:12px 16px}input,textarea{font:inherit;letter-spacing:-.022em;background:var(--surface);color:var(--fg);border:.5px solid var(--separator);border-radius:var(--r-m);width:100%;padding:12px 14px;font-size:17px;transition:border-color .12s}input::placeholder,textarea::placeholder{color:var(--fg-quaternary)}input:focus,textarea:focus{border-color:var(--accent);outline:none}.badge{border-radius:var(--r-pill);letter-spacing:-.008em;text-transform:none;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.pending{color:var(--orange);background:color-mix(in srgb, var(--orange) 16%, transparent)}.badge.answered{color:var(--green);background:color-mix(in srgb, var(--green) 18%, transparent)}.badge.expired,.badge.blocked{color:var(--red);background:color-mix(in srgb, var(--red) 16%, transparent)}.badge.draft{color:var(--fg-tertiary);background:var(--surface-2)}.section-header{margin:var(--sp-l) 0 var(--sp-s)}.section-header span{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);font-size:11px;font-weight:600}.option-card{gap:var(--sp-l);padding:var(--sp-l);border-radius:var(--r-l);border:.5px solid var(--separator);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:flex-start;transition:background .12s,border-color .12s;display:grid}.option-card.recommended{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.option-card.chosen{border-color:color-mix(in srgb, var(--green) 55%, transparent);background:color-mix(in srgb, var(--green) 6%, var(--surface))}.option-card .letter{background:var(--surface-2);width:36px;height:36px;color:var(--fg);border:.5px solid var(--separator);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.option-card.recommended .letter{background:var(--accent);color:#fff;border-color:var(--accent)}.option-card.chosen .letter{background:var(--green);color:#000;border-color:var(--green)}.option-card .title{letter-spacing:-.022em;color:var(--fg);font-size:17px;font-weight:600}.option-card .consequence{color:var(--fg-tertiary);margin-top:4px;font-size:15px;line-height:1.45}.option-card .meta{letter-spacing:-.008em;margin-top:6px;font-size:12px;font-weight:600}.option-card .meta.recommended{color:var(--accent)}.option-card .meta.chosen{color:var(--green)}.tabs{background:var(--surface);border-radius:var(--r-m);border:.5px solid var(--separator);gap:2px;padding:2px;display:flex}.tabs button{color:var(--fg-secondary);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.tabs button.active{color:var(--fg);background:var(--surface-3)}.tabs .count{border-radius:var(--r-pill);background:var(--separator-strong);color:var(--fg-tertiary);padding:1px 6px;font-size:12px;font-weight:600}.tabs button.active .count{color:var(--fg-secondary)}.mic-circle{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:transform .15s,background .15s;display:flex}.mic-circle:hover{background:var(--accent-hover)}.mic-circle:active{transform:scale(.96)}.mic-circle.recording{background:var(--red);animation:1.4s ease-in-out infinite rec-pulse}.mic-circle:disabled{background:var(--surface-3);cursor:default}@keyframes rec-pulse{0%,to{box-shadow:0 0 #ff453a73}70%{box-shadow:0 0 0 16px #ff453a00}}.mic-circle svg{width:32px;height:32px}.recorder-status{color:var(--fg-secondary);text-align:center;font-size:15px}.timer-mono{color:var(--fg);letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:28px;font-weight:600}.avatar{background:var(--surface-2);width:32px;height:32px;color:var(--fg);border:.5px solid var(--separator);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:background .12s;display:inline-flex}.avatar:hover{background:var(--surface-3)}.app-header{padding:var(--sp-m) 0 var(--sp-l);justify-content:space-between;align-items:center;display:flex}.empty{align-items:center;gap:var(--sp-m);padding:var(--sp-xxxl) var(--sp-l);text-align:center;flex-direction:column;display:flex}.empty .icon-wrap{background:var(--surface-2);border:.5px solid var(--separator);width:56px;height:56px;color:var(--fg-tertiary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty .icon-wrap svg{width:24px;height:24px}.empty h2{letter-spacing:-.022em;margin:0;font-size:19px;font-weight:600}.empty p{color:var(--fg-tertiary);max-width:320px;margin:0;font-size:15px}.error-row{color:var(--red);align-items:center;gap:6px;font-size:14px;display:inline-flex}.decision-row{flex-direction:column;gap:6px;display:flex}.decision-row .top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.decision-row .meta-row{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.divider{background:var(--separator);border:none;height:.5px;margin:8px 0}.landing-nav{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--separator);background:#000000b3;justify-content:space-between;align-items:center;width:100%;max-width:1180px;margin:0 auto;padding:14px 32px;display:flex;position:sticky;top:0}.landing-section{text-align:center;max-width:1080px;margin:0 auto;padding:80px 32px}@media (max-width:720px){.landing-section{padding:56px 20px}.landing-nav{padding:12px 20px}}.landing-eyebrow{margin-bottom:18px;display:inline-flex}.landing-eyebrow span{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary);border-radius:var(--r-pill);border:.5px solid var(--separator);background:var(--surface);padding:6px 14px;font-size:12px;font-weight:600}.landing-display{letter-spacing:-.04em;max-width:14ch;margin:0 auto 24px;font-size:clamp(48px,9vw,96px);font-weight:800;line-height:.98}.landing-h2{letter-spacing:-.025em;max-width:18ch;margin:0 auto 20px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.08}.landing-lead{letter-spacing:-.014em;color:var(--fg-secondary);max-width:600px;margin:0 auto 32px;font-size:clamp(17px,2vw,21px);line-height:1.5}.landing-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:64px;display:inline-flex}.btn-lg{align-items:center;gap:8px;padding:14px 22px;font-size:16px;display:inline-flex}.landing-hero{padding-top:72px}.landing-hero-visual{justify-content:center;margin-top:12px;display:flex}.phone-mockup{perspective:1200px;width:320px}.phone-frame{background:var(--surface);border:.5px solid var(--separator-strong);border-radius:38px;padding:14px 12px;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform:rotateX(8deg)rotateY(-6deg);box-shadow:0 30px 60px #00000073,inset 0 0 0 1px #ffffff0a}.phone-frame:hover{transform:rotateX(0)rotateY(0)}.phone-screen{border:.5px solid var(--separator);text-align:left;background:#0a0a0c;border-radius:28px;min-height:360px;padding:24px 16px 20px}.sms-thread{flex-direction:column;gap:10px;display:flex}.sms-meta{color:var(--fg-quaternary);text-align:center;letter-spacing:.04em;padding:4px 0;font-size:11px}.sms-bubble{border-radius:18px;max-width:86%;padding:12px 14px;font-size:14px;line-height:1.45}.sms-bubble.incoming{background:var(--surface-2);color:var(--fg);border-bottom-left-radius:6px;align-self:flex-start}.sms-bubble.outgoing{background:var(--accent);color:#fff;border-bottom-right-radius:6px;align-self:flex-end;padding:14px 22px;font-size:22px;font-weight:700}.landing-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}@media (max-width:760px){.landing-steps{grid-template-columns:1fr}}.step-card{background:var(--surface);border:.5px solid var(--separator);border-radius:var(--r-l);padding:28px 24px;position:relative}.step-num{color:var(--fg-quaternary);letter-spacing:-.014em;font-size:13px;font-weight:700;position:absolute;top:22px;right:22px}.step-icon{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.step-title{letter-spacing:-.022em;margin:0 0 6px;font-size:18px;font-weight:600}.step-body{color:var(--fg-tertiary);margin:0;font-size:15px;line-height:1.5}.landing-demo{border-top:.5px solid var(--separator);border-bottom:.5px solid var(--separator)}.benefits-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:760px){.benefits-grid{grid-template-columns:1fr}}.benefit-card{background:var(--surface);border:.5px solid var(--separator);border-radius:var(--r-l);padding:28px 24px}.benefit-icon{background:color-mix(in srgb, var(--green) 18%, transparent);width:36px;height:36px;color:var(--green);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.benefit-title{letter-spacing:-.022em;margin:0 0 6px;font-size:17px;font-weight:600}.benefit-body{color:var(--fg-tertiary);margin:0;font-size:15px;line-height:1.5}.landing-signup{border-top:.5px solid var(--separator);padding-top:96px;padding-bottom:96px}.signup-form{max-width:520px;margin:0 auto}.signup-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.signup-grid input:nth-child(2),.signup-grid input:nth-child(3){grid-column:1/3}@media (max-width:480px){.signup-grid{grid-template-columns:1fr}.signup-grid input:nth-child(2),.signup-grid input:nth-child(3){grid-column:auto}}.signup-done{background:var(--surface);border:.5px solid var(--separator);border-radius:var(--r-l);flex-direction:column;align-items:center;max-width:440px;margin:0 auto;padding:36px 28px;display:flex}.signup-done-icon{background:var(--green);color:#000;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.landing-footer{border-top:.5px solid var(--separator);max-width:1080px;margin:0 auto;padding:28px 32px}.landing-footer-row{justify-content:space-between;align-items:center;display:flex}
