:root{--ink:#0f1c24;--ink-soft:#24343f;--mist:#e8eef2;--paper:#f4f7f9;--citrus:#c8f542;--citrus-deep:#9fc412;--coral:#ff6b4a;--sky:#5ec8ff;--muted:#5c6b75;--line:#0f1c241a;--shadow:0 24px 60px #0f1c241f;--radius:18px;--font-display:"Syne", sans-serif;--font-body:"Figtree", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--citrus)}.btn-primary:hover{background:var(--ink-soft)}.btn-citrus{background:var(--citrus);color:var(--ink);box-shadow:0 10px 30px #c8f54259}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-sm{padding:.45rem .9rem;font-size:.9rem}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.landing{overflow-x:hidden}.nav{z-index:20;justify-content:space-between;align-items:center;padding:1.4rem 0;display:flex;position:absolute;inset:0 0 auto}.logo{font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:.45rem;font-size:1.55rem;font-weight:800;display:inline-flex}.logo-mark{background:var(--ink);border-radius:.45rem;place-items:center;width:1.55rem;height:1.55rem;display:grid}.logo-mark span{border:2px solid var(--citrus);border-top-color:#0000;border-radius:50%;width:.65rem;height:.65rem;animation:2.4s linear infinite spin}.nav-links{align-items:center;gap:.75rem;display:flex}.hero{background:radial-gradient(80% 60% at 70% 20%,#5ec8ff59,#0000 55%),radial-gradient(55% 45% at 15% 80%,#c8f54247,#0000 50%),linear-gradient(160deg,#dfe8ee 0%,#f4f7f9 45%,#e7f0e3 100%);align-items:end;min-height:100vh;padding:7rem 0 3.5rem;display:grid;position:relative}.hero-grid{z-index:2;gap:2.5rem;display:grid;position:relative}.brand-hero{font-family:var(--font-display);letter-spacing:-.06em;margin:0 0 1.1rem;font-size:clamp(3.4rem,10vw,7.5rem);font-weight:800;line-height:.9;animation:.9s cubic-bezier(.22,1,.36,1) both rise}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;max-width:16ch;margin:0 0 .85rem;font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:700;line-height:1.15;animation:1s cubic-bezier(.22,1,.36,1) 80ms both rise}.hero-lead{max-width:34ch;color:var(--ink-soft);margin:0 0 1.6rem;font-size:1.08rem;animation:1s cubic-bezier(.22,1,.36,1) .16s both rise}.hero-cta{flex-wrap:wrap;gap:.75rem;animation:1s cubic-bezier(.22,1,.36,1) .24s both rise;display:flex}.hero-canvas{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stream-line{opacity:.9;flex-direction:column;gap:.85rem;width:min(58vw,680px);animation:28s linear infinite drift;display:flex;position:absolute;right:-4%}.stream-line:nth-child(2){opacity:.55;animation-duration:34s;animation-direction:reverse;top:8%;right:8%;transform:scale(.86)}.stream-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #0f1c2414;border-radius:14px;width:fit-content;max-width:100%;padding:.85rem 1rem;animation:5s ease-in-out infinite floaty;box-shadow:0 12px 30px #0f1c240f}.stream-chip:nth-child(odd){margin-left:12%;animation-delay:-1.5s}.stream-chip strong{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.2rem;font-size:.72rem;display:block}.stream-chip p{margin:0;font-size:.98rem;font-weight:600}.tag-sales{color:var(--citrus-deep)}.tag-complaint{color:var(--coral)}.tag-feature{color:#2a7bb8}.tag-positive{color:#2f8f56}.section{padding:5.5rem 0}.section-head{max-width:38rem;margin-bottom:2.5rem}.section-head h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .75rem;font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.1}.section-head p{color:var(--muted);margin:0;font-size:1.05rem}.problem{background:var(--ink);color:var(--mist)}.problem .section-head p{color:#e8eef2b8}.problem-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.problem-list li{font-size:clamp(1.2rem,2.4vw,1.7rem);font-family:var(--font-display);letter-spacing:-.03em;opacity:0;border-bottom:1px solid #e8eef21f;padding-bottom:1rem;font-weight:700;animation:.7s forwards rise}.problem-list li:first-child{animation-delay:50ms}.problem-list li:nth-child(2){animation-delay:.15s}.problem-list li:nth-child(3){animation-delay:.25s}.feature-split{align-items:center;gap:2rem;display:grid}@media (width>=860px){.hero-grid{grid-template-columns:1.05fr .95fr;align-items:end;min-height:calc(100vh - 10.5rem)}.hero-copy{max-width:28rem}.feature-split{grid-template-columns:1fr 1fr}.stream-line{width:100%;position:relative;right:auto}}.intent-demo{border:1px solid var(--line);background:#fff;border-radius:24px;gap:.9rem;padding:1.4rem;display:grid}.intent-row{background:var(--paper);border-radius:14px;gap:.35rem;padding:.9rem 1rem;transition:transform .25s,background .25s;display:grid;transform:translate(0)}.intent-row:hover{background:#eef6e4;transform:translate(4px)}.intent-row span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:700}.report-preview{background:radial-gradient(circle at 100% 0%, #c8f54233, transparent 40%), var(--ink);color:var(--mist);border-radius:28px;padding:clamp(1.5rem,4vw,2.5rem)}.report-preview h3{font-family:var(--font-display);margin:0 0 1.25rem;font-size:1.5rem}.report-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.report-metric strong{font-family:var(--font-display);letter-spacing:-.03em;color:var(--citrus);font-size:1.8rem;display:block}.report-metric span{color:#e8eef2a6;font-size:.9rem}.cta-band{text-align:center;padding:5rem 0 6rem}.cta-band h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem)}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem 0 2rem;font-size:.92rem;display:flex}.footer a{color:inherit}.legal-page{background:var(--paper);min-height:100vh;color:var(--ink)}.legal-top{border-bottom:1px solid var(--line)}.legal-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.legal-nav .nav-links{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.legal-nav .nav-links a:not(.btn){color:var(--muted);font-size:.92rem}.legal-body{max-width:760px;padding:2.5rem 0 3rem}.legal-body h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .5rem}.legal-updated{color:var(--muted);margin:0 0 1.5rem;font-size:.92rem}.legal-prose h2{margin:1.75rem 0 .6rem;font-size:1.15rem}.legal-prose p,.legal-prose li{color:var(--ink);line-height:1.65}.legal-prose ul,.legal-prose ol{padding-left:1.25rem}.legal-prose a{color:inherit;text-decoration:underline}.guide-list{gap:.85rem;padding-left:1.25rem;display:grid}.guide-list li{line-height:1.55}.guide-list p{color:var(--ink-soft);margin:.35rem 0 0;font-weight:400}.guide-cards{gap:.75rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.guide-cards li{background:var(--paper);border-radius:14px;padding:.9rem 1rem}.guide-cards strong{margin-bottom:.35rem;display:block}.guide-cards p{color:var(--ink-soft);margin:0;font-size:.92rem;font-weight:400;line-height:1.55}.objective-lead{color:var(--ink-soft);margin:0 0 1rem;font-size:.98rem;line-height:1.6}.objective-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.objective-list li{gap:.2rem;display:grid}.objective-list span{color:var(--muted);font-size:.9rem}.faq-list{gap:.55rem;margin-top:1rem;display:grid}.faq-item{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.faq-item.is-open{border-color:#9fc41273}.faq-q{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;font-weight:700;display:flex}.faq-q span{color:var(--muted);font-size:1.25rem;line-height:1}.faq-a{color:var(--ink-soft);margin:0;padding:0 1rem 1rem;font-size:.95rem;line-height:1.6}.help-page .guide-list{color:var(--ink-soft);margin:0;font-size:.95rem}.auth-page{background:radial-gradient(ellipse at 20% 10%, #c8f54240, transparent 45%), radial-gradient(ellipse at 90% 80%, #5ec8ff38, transparent 40%), var(--paper);place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid}.auth-panel{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#ffffffdb;border-radius:24px;padding:1.75rem}.auth-panel h1{font-family:var(--font-display);letter-spacing:-.03em;margin:.75rem 0 .35rem}.auth-panel p{color:var(--muted);margin:0 0 1.25rem}.form-stack{gap:.85rem;display:grid}label{gap:.35rem;font-size:.9rem;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:.75rem .9rem}input:focus,select:focus,textarea:focus{border-color:#0000;outline:2px solid #c8f5428c}.error-banner{color:#9a2f18;background:#ffe8e2;border-radius:12px;margin-bottom:1rem;padding:.7rem .9rem;font-size:.92rem}.success-banner{color:#51680a;background:#eef8d4;border-radius:12px;margin-bottom:1rem;padding:.7rem .9rem;font-size:.92rem}.stack-gap{margin-bottom:1rem}.label-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.forgot-link{color:var(--muted);text-underline-offset:2px;font-size:.82rem;font-weight:600;text-decoration:underline}.forgot-link:hover{color:var(--ink)}.muted-link{text-align:center;color:var(--muted);margin-top:1rem;font-size:.92rem}.muted-link a{color:var(--ink);text-underline-offset:3px;font-weight:700;text-decoration:underline}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink);color:var(--mist);flex-direction:column;gap:1.5rem;height:100vh;padding:1.4rem 1rem;display:flex;position:sticky;top:0}.sidebar .logo{color:#fff;padding:0 .5rem}.side-nav{gap:.35rem;display:grid}.side-nav a{color:#e8eef2b8;border-radius:12px;padding:.7rem .85rem;font-weight:600}.side-nav a.active,.side-nav a:hover{color:var(--citrus);background:#c8f5421f}.side-foot{border-top:1px solid #e8eef21a;gap:.65rem;margin-top:auto;padding:.75rem;display:grid}.side-foot .who{color:#e8eef2a6;align-items:center;gap:.65rem;font-size:.88rem;display:flex}.who-avatar{width:2rem;height:2rem;color:var(--citrus);background:#c8f54233;border-radius:10px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.sidebar-logout{color:#e8eef2;border-color:#e8eef233}.page-head-meta{color:var(--muted);font-size:.88rem;font-weight:600}.page-head-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.main{background:radial-gradient(ellipse at top right, #5ec8ff1f, transparent 35%), var(--paper);padding:1.5rem 1.5rem 2.5rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3vw,2.1rem)}.page-head p{color:var(--muted);margin:.25rem 0 0}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.stat{border:1px solid var(--line);text-align:left;cursor:default;background:#fff;border-radius:16px;width:100%;padding:1rem}button.stat{cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}button.stat:hover{border-color:#0f1c2438;transform:translateY(-1px)}.stat.stat-active{border-color:var(--citrus-deep);box-shadow:0 0 0 1px #9fc41259}.stat strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.55rem;display:block}.stat span{color:var(--muted);font-size:.86rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.toolbar select,.toolbar input{flex:140px;width:auto;min-width:140px}.toolbar input{flex:2 180px}.comment-author{color:var(--ink-soft);margin:.45rem 0 .2rem;font-size:.88rem;font-weight:600}.comment-author span{color:var(--muted);font-weight:500}.comment-status{align-self:flex-start;width:auto;min-width:9.5rem}.pill.platform-whatsapp{color:#1f6b3d;background:#e3f6ea}.pill.platform-facebook{color:#1d5f8a;background:#e4f3ff}.pill.platform-instagram{color:#5b2d8a;background:#f3e8ff}.pill.platform-youtube{color:#9a2f18;background:#ffe8e2}.empty-state{border:1px dashed var(--line);text-align:center;background:#fff;border-radius:18px;justify-items:center;gap:.75rem;padding:2rem 1.5rem;display:grid}.empty-state h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0}.empty-state p{max-width:28rem;color:var(--muted);margin:0}.empty-state .reply-actions{justify-content:center}.skeleton-card{background:linear-gradient(90deg,#eceff1 0%,#f7f9fa 50%,#eceff1 100%) 0 0/200% 100%;border-radius:18px;height:7.5rem;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.comment-list{gap:.85rem;display:grid}.comment-item{border:1px solid var(--line);background:#fff;border-radius:18px;gap:.85rem;padding:1.1rem 1.15rem;display:grid}.comment-top{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.comment-meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.pill{letter-spacing:.02em;background:var(--paper);color:var(--ink-soft);border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.pill.sales_opportunity{color:#51680a;background:#eef8d4}.pill.complaint,.pill.shipping_issue,.pill.refund_request{color:#9a2f18;background:#ffe8e2}.pill.feature_request{color:#1d5f8a;background:#e4f3ff}.pill.positive_feedback{color:#1f6b3d;background:#e3f6ea}.pill.spam{color:#666;background:#eee}.pill.competitor_mention{color:#5b2d8a;background:#f3e8ff}.comment-text{margin:0;font-size:1.05rem;font-weight:600}.reply-box{background:var(--paper);border-radius:14px;gap:.65rem;padding:.85rem;display:grid}.reply-box textarea{resize:vertical;min-height:72px}.reply-source-hint{color:var(--muted);margin-top:.35rem;font-size:.8rem;font-weight:400;display:block}.reply-platform-hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.reply-actions{flex-wrap:wrap;gap:.5rem;display:flex}.prob{color:var(--muted);font-size:.85rem}.prob b{color:var(--ink)}.comment-hot{border-color:#c6db6a;box-shadow:0 0 0 1px #c6db6a59}.pill.temp-hot{color:#8a4b00;background:#fff0d6}.pill.temp-warm{color:#51680a;background:#eef8d4}.pill.temp-cold{color:#4a5a66;background:#e8eef2}.auto-dm-preview{border:1px dashed var(--line);background:#fff;border-radius:10px;padding:.65rem .75rem}.auto-dm-preview pre{white-space:pre-wrap;font-family:var(--font-body);color:var(--ink-soft);margin:.35rem 0 0;font-size:.9rem}.stat-emphasis{background:linear-gradient(145deg,#f7fbe8,#fff);border-color:#c6db6a}.stat-emphasis strong{color:#3f5208}.plain-list{gap:.45rem;margin:0;padding-left:1.1rem;display:grid}.check-row{align-items:center;gap:.55rem;font-weight:600;flex-direction:row!important;display:flex!important}.check-row input{width:auto}.settings-form{gap:1rem;padding-bottom:6.5rem;display:grid}.settings-utility{margin-top:1rem}.settings-savebar{z-index:20;color:var(--mist);box-shadow:var(--shadow);background:#0f1c24f0;border:1px solid #e8eef214;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem 1rem;display:flex;position:sticky;bottom:1rem}.settings-savebar-copy{gap:.15rem;display:grid}.settings-savebar-copy strong{font-size:.95rem}.settings-savebar-copy span{color:#e8eef2b8;font-size:.84rem}.banner-detail{color:var(--muted);margin-top:.35rem;font-size:.82rem}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.insight-bars{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.insight-bar-head{justify-content:space-between;gap:.75rem;margin-bottom:.35rem;display:flex}.insight-bar-head span{color:var(--muted);font-size:.85rem}.insight-bar-track{background:var(--paper);border-radius:999px;height:8px;overflow:hidden}.insight-bar-fill{border-radius:999px;height:100%}.insight-bar-fill.feature{background:#4a9fd8}.insight-bar-fill.competitor{background:#8b5bb5}.viral-quote{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.25rem;line-height:1.35}.viral-quote footer{font-family:var(--font-body);color:var(--muted);margin-top:.65rem;font-size:.9rem}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.pricing-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-content:start;gap:.75rem;padding:1.25rem;display:grid}.pricing-card.featured{border-color:var(--citrus-deep);background:linear-gradient(#f7fbe8,#fff);transform:translateY(-4px)}.pricing-card h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0}.pricing-card .price{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:2rem}.pricing-card .price span{color:var(--muted);font-size:.95rem;font-family:var(--font-body)}.pricing-card ul{color:var(--ink-soft);gap:.35rem;margin:0;padding-left:1.05rem;font-size:.92rem;display:grid}.shopify-band{background:linear-gradient(120deg,#eef8d4a6,#0000)}@media (width<=1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.insights-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:1.25rem}.panel h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1rem}.wa-setup{gap:1rem;display:grid}.wa-setup-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.wa-setup-head h2{margin:0}.step-list{color:var(--ink-soft);gap:.55rem;margin:0;padding-left:1.2rem;font-size:.92rem;display:grid}.step-list code,.wa-setup code{background:var(--paper);border-radius:6px;padding:.1rem .35rem;font-size:.85em}.copy-row{align-items:center;gap:.5rem;display:flex}.copy-row input{flex:1;min-width:0}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.status-grid>div{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.status-grid-label{letter-spacing:.02em;color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.status-mono{word-break:break-all;font-size:.82rem}.wa-pill-ready{color:#51680a;background:#eef8d4}.wa-pill-missing{color:#9a2f18;background:#ffe8e2}.wa-actions{flex-wrap:wrap;gap:.5rem;display:flex}.wa-warn{color:#8a4b00;background:#fff0d6;border-radius:12px;padding:.75rem .9rem;font-size:.88rem}.wa-checking{margin:0}@media (width<=640px){.settings-form{padding-bottom:8rem}.settings-savebar{flex-direction:column;align-items:stretch;bottom:.75rem}.status-grid{grid-template-columns:1fr}.copy-row{flex-wrap:wrap}.copy-row .btn{width:100%}}.connect-grid{gap:.85rem;display:grid}.connect-row{border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.status-dot{background:var(--citrus-deep);border-radius:50%;width:.55rem;height:.55rem;margin-right:.4rem;display:inline-block}.status-dot.off{background:#bbb}.report-page .report-preview{margin-top:1rem}.email-preview{white-space:pre-wrap;font-family:var(--font-body);background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-top:1rem;padding:1rem}.loading-screen{min-height:100vh;font-family:var(--font-display);letter-spacing:-.03em;place-items:center;display:grid}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:30;flex-flow:wrap;align-items:center;gap:.75rem;height:auto;position:sticky;top:0}.side-nav{flex-wrap:wrap;width:100%;display:flex}.side-foot{border-top:0;justify-content:space-between;align-items:center;width:100%;margin-top:0;display:flex}.hero{padding-top:6rem}.stream-line{opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateY(8%)}to{transform:translateY(-18%)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}.pricing-page-body{padding:2.5rem 0 3rem}.pricing-page-body .section-head h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .5rem;font-size:clamp(1.75rem,3vw,2.35rem)}.pricing-footnote{color:var(--muted);max-width:36rem;margin:1.75rem 0 0;font-size:.9rem}.billing-page{gap:1.25rem;display:grid}.billing-page .page-sub,.billing-page .page-head p{color:var(--muted);max-width:36rem;margin:.35rem 0 0}.billing-current-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:1.25rem;display:grid}.billing-plan-name{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.35rem}.billing-current .muted{color:var(--muted);font-size:.92rem}.billing-plans h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1rem}.billing-flash{border-radius:12px;margin:0;padding:.75rem 1rem;font-size:.92rem}.billing-flash.ok{color:#2d4a1e;background:#eef8e8}.billing-flash.err{color:#7a1f1f;background:#fdeeee}.pricing-card.billing-current-card{outline:2px solid var(--ink-soft)}.pricing-card.billing-highlight{box-shadow:0 0 0 3px #b4d25073}.settings-plan-chip{text-transform:capitalize;white-space:nowrap}@media (width<=860px){.billing-current-row{grid-template-columns:1fr}}.landing-quittr{color:#f5f5f7;background:#0a0a0f}.landing-quittr .lq-nav-link{color:#f5f5f7d9}.lq-hero{padding:1.5rem 0 4rem;position:relative;overflow:hidden}.lq-hero-glow{pointer-events:none;background:radial-gradient(at 30% 20%,#c8f5422e,#0000 55%),radial-gradient(at 80% 10%,#7850ff1f,#0000 50%);height:70%;position:absolute;inset:-20% -10% auto}.lq-hero-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding-top:2rem;display:grid;position:relative}.lq-trust{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;margin-bottom:1rem;padding:.35rem .85rem;font-size:.85rem;display:inline-block}.lq-hero-copy h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.lq-lead{color:#f5f5f7b8;max-width:34rem;font-size:1.1rem;line-height:1.55}.lq-ghost-btn{color:#f5f5f7;border-color:#fff3}.lq-stats{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:2rem 0 3rem}.lq-stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.lq-stat strong{font-family:var(--font-display);color:var(--citrus);font-size:2rem;display:block}.lq-stat span{color:#f5f5f7a6;font-size:.9rem}.lq-section{padding:4rem 0}.lq-section-dark{background:#ffffff08}.lq-section-head{text-align:center;max-width:40rem;margin:0 auto 2.5rem}.lq-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--citrus);margin-bottom:.5rem;font-size:.75rem}.lq-section-head h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2.25rem)}.lq-section-head p{color:#f5f5f7a6;margin:0}.lq-steps{flex-direction:column;gap:3rem;display:flex}.lq-step{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.lq-step-reverse{direction:rtl}.lq-step-reverse>*{direction:ltr}.lq-step-num{text-align:center;background:var(--citrus);color:#0a0a0f;border-radius:50%;width:2rem;height:2rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;line-height:2rem;display:inline-block}.lq-step-copy h3{font-family:var(--font-display);margin:0 0 .5rem}.lq-step-copy p{color:#f5f5f7ad;margin:0}.lq-feature-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.lq-feature-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:1.25rem;transition:border-color .2s,transform .2s}.lq-feature-card:hover{border-color:#c8f54259;transform:translateY(-2px)}.lq-feature-card h3{margin:0 0 .5rem;font-size:1rem}.lq-feature-card p{color:#f5f5f79e;margin:0;font-size:.9rem}.lq-testimonials{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.lq-testimonial{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin:0;padding:1.25rem}.lq-testimonial p{color:#f5f5f7d9;margin:0 0 1rem}.lq-testimonial footer{flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.85rem;display:flex}.lq-testimonial footer span{color:#f5f5f78c}.lq-stars{color:var(--citrus)}.lq-benefits-band{background:linear-gradient(#c8f5420f,#0000)}.lq-benefits-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.lq-benefits-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.lq-benefits-list li{color:#f5f5f7cc;padding-left:1.5rem;position:relative}.lq-benefits-list li:before{content:"✓";color:var(--citrus);font-weight:700;position:absolute;left:0}.landing-quittr .pricing-card{color:#f5f5f7;background:#ffffff0a;border-color:#ffffff1a}.lq-faq-section .faq-item{border-color:#ffffff1a}.lq-faq-section .faq-q{color:#f5f5f7}.lq-faq-more{text-align:center;margin-top:1.5rem}.lq-faq-more a{color:var(--citrus)}.lq-cta-band{text-align:center;background:radial-gradient(#c8f5421f,#0000 70%);padding:4rem 0}.lq-cta-band h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem)}.lq-cta-band p{color:#f5f5f7a6;margin:0 0 1.5rem}.lq-footer{color:#f5f5f780;border-top:1px solid #ffffff14;padding:2rem 0}.lq-footer a{color:#f5f5f7b3}.phone-mockup{justify-content:center;display:flex}.phone-frame{background:linear-gradient(145deg,#2a2a32,#121218);border-radius:2rem;width:min(280px,100%);padding:.65rem;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff1a}.phone-notch{background:#0a0a0f;border-radius:999px;width:35%;height:6px;margin:0 auto .5rem}.phone-screen{background:#14141c;border-radius:1.35rem;min-height:320px;padding:1rem}.phone-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:.75rem;font-size:.7rem;display:block}.phone-card{background:#ffffff0d;border-radius:12px;margin-bottom:.5rem;padding:.75rem}.phone-card.hot{border:1px solid #c8f54259}.phone-card strong{margin:.25rem 0;font-size:.85rem;display:block}.phone-tag{color:var(--citrus);font-size:.65rem}.phone-tag.warn{color:#ff9f6b}.phone-meta{color:#ffffff80;font-size:.7rem}.phone-pill{background:#ffffff0f;border-radius:999px;margin:.2rem;padding:.35rem .65rem;font-size:.75rem;display:inline-block}.phone-pill.active{color:var(--citrus);background:#c8f54233}.phone-cta{background:var(--citrus);color:#0a0a0f;text-align:center;border-radius:10px;margin-top:1rem;padding:.65rem;font-size:.8rem;font-weight:600}.phone-reply-text{color:#ffffffbf;font-size:.8rem;line-height:1.45}.phone-stat-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.phone-stat-grid strong{color:var(--citrus);display:block}.phone-bar{background:var(--citrus);border-radius:999px;height:6px;margin-bottom:.35rem}.onboarding-page{color:#f5f5f7;background:#0a0a0f;flex-direction:column;min-height:100vh;display:flex}.onboarding-logo{z-index:2;position:absolute;top:1.25rem;left:1.5rem}.onboarding-shell{flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;padding:4rem 1.5rem 1.5rem;display:flex}.onboarding-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.onboarding-step-label{color:#f5f5f78c;font-size:.85rem}.onboarding-progress{background:#ffffff1a;border-radius:999px;height:4px;margin-bottom:2rem;overflow:hidden}.onboarding-progress-fill{background:var(--citrus);border-radius:999px;height:100%;transition:width .3s}.onboarding-body{flex:1}.onboarding-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2rem)}.onboarding-head p{color:#f5f5f7a6;margin:0 0 1.5rem}.onboarding-foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:2rem;display:flex}.onboarding-welcome-grid{flex-direction:column;gap:1.5rem;display:flex}.onboarding-stat-chips{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.onboarding-stat-chip{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:.85rem}.onboarding-stat-chip strong{color:var(--citrus);font-size:1.1rem;display:block}.onboarding-stat-chip span{color:#f5f5f78c;font-size:.72rem}.onboarding-field{margin-bottom:1rem;display:block}.onboarding-field input,.onboarding-field select{width:100%;margin-top:.35rem}.onboarding-field-label{color:#f5f5f7bf;margin:0 0 .5rem;font-size:.9rem}.onboarding-card-grid{gap:.65rem;display:grid}.onboarding-card-grid-2{grid-template-columns:1fr 1fr}.onboarding-card{text-align:left;color:inherit;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff14;border-radius:14px;padding:1rem;transition:border-color .2s}.onboarding-card strong{margin-bottom:.25rem;display:block}.onboarding-card span{color:#f5f5f78c;font-size:.85rem}.onboarding-card.is-selected{border-color:var(--citrus);background:#c8f54214}.onboarding-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.onboarding-connect-grid{gap:.65rem;display:grid}.onboarding-connect-btn{color:#f5f5f7;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:.85rem 1rem;font-weight:600}.onboarding-connect-btn:hover:not(:disabled){border-color:var(--citrus)}.onboarding-connect-note{background:#ffffff0a;border:1px dashed #ffffff26;border-radius:12px;padding:.85rem 1rem}.onboarding-connect-note strong{display:block}.onboarding-connect-note span{color:#f5f5f78c;font-size:.85rem}.onboarding-unlock-visual{flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.onboarding-orb{background:radial-gradient(circle at 30% 30%, var(--citrus), #6b8f1a 60%, #2a3010);border-radius:50%;width:120px;height:120px;animation:2.5s ease-in-out infinite orb-pulse;box-shadow:0 0 60px #c8f54259}@keyframes orb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@media (width<=860px){.lq-hero-grid,.lq-step,.lq-benefits-grid,.lq-feature-grid,.lq-testimonials,.lq-stats-grid{grid-template-columns:1fr}.lq-step-reverse{direction:ltr}.onboarding-stat-chips,.onboarding-card-grid-2,.onboarding-row{grid-template-columns:1fr}}.conversations-layout{grid-template-columns:280px 1fr;align-items:start;gap:1rem;display:grid}.conv-list{margin:0;padding:0;list-style:none}.conv-list-item{text-align:left;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;margin-bottom:.5rem;padding:.65rem .75rem;display:flex}.conv-list-item.active{border-color:var(--accent);background:#ffc85714}.qual-card{border:1px solid var(--border);border-radius:8px;margin:1rem 0;padding:.75rem}.thread-messages{flex-direction:column;gap:.5rem;max-height:320px;margin:1rem 0;display:flex;overflow-y:auto}.thread-bubble{border:1px solid var(--border);border-radius:10px;max-width:85%;padding:.5rem .75rem}.thread-bubble.customer{background:#ffffff0a;align-self:flex-start}.thread-bubble.agent{background:#ffc8571a;align-self:flex-end}.thread-role{text-transform:uppercase;opacity:.6;font-size:.7rem}.conv-actions textarea,.conv-actions input[type=number]{width:100%;margin-bottom:.5rem}.conv-action-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.pill.stage-qualified,.pill.stage-converted{background:#4caf5026}.pill.stage-engaged{background:#ffc85726}@media (width<=860px){.conversations-layout{grid-template-columns:1fr}}
