*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;max-width:100%;margin:0;overflow-x:hidden}body{color:#111827;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.screen{background:radial-gradient(circle at 50% 20%,#e8efff,#f7f8fb 55%);place-items:center;min-height:100vh;display:grid}.splash{text-align:center}.appMark{color:#fff;background:#101827;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 16px;display:grid;box-shadow:0 14px 35px #10182725}.appMark.small{width:38px;height:38px;box-shadow:none;border-radius:12px;margin:0}.authScreen{background:#0c1220;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.authGlow{filter:blur(20px);background:#718cff1c;border-radius:50%;width:600px;height:600px;position:absolute;top:-280px;right:-180px}.authCard{background:#fff;border-radius:30px;width:min(560px,100%);padding:42px;position:relative;box-shadow:0 30px 100px #00000038}.authCard .appMark{margin:0 0 20px}.eyebrow{letter-spacing:.14em;color:#7a8495;font-size:10px;font-weight:900}.authCard h1{margin:12px 0;font-size:46px;line-height:1.02}.lead{color:#667085;line-height:1.65}.heroBullets{gap:9px;margin:24px 0;display:grid}.heroBullets span,.miniChecklist div{color:#344054;align-items:center;gap:9px;font-size:13px;display:flex}.heroBullets svg,.miniChecklist svg{color:#177245}.fine{color:#98a2b3;margin-top:14px;font-size:11px;display:block}.appShell{min-height:100vh}.sidebar{color:#fff;z-index:10;background:#0e1625;flex-direction:column;width:252px;padding:18px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;min-width:0;margin-bottom:28px;display:flex}.brandText{min-width:0}.brand b{font-size:13px;display:block}.brand small{color:#8e9aab;white-space:nowrap;text-overflow:ellipsis;max-width:155px;margin-top:3px;font-size:11px;display:block;overflow:hidden}.nav{gap:4px;display:grid}.nav button{color:#aeb8c8;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:11px 12px;display:flex}.nav button:hover,.nav button.active{color:#fff;background:#1b2739}.sidebarBottom{margin-top:auto}.plan{background:#162238;border:1px solid #27354c;border-radius:14px;margin-bottom:10px;padding:13px}.plan span,.plan small{color:#8e9aab;font-size:10px;display:block}.plan b{margin:4px 0;font-size:14px;display:block}.signOut{color:#aeb8c8;background:0 0;border:0;align-items:center;gap:9px;padding:10px 12px;display:flex}.main{width:calc(100% - 252px);min-width:0;margin-left:252px}.mainHeader{background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;height:88px;padding:20px 32px;display:flex}.mainHeader h1{margin:5px 0 0;font-size:25px}.email{color:#667085;font-size:12px}.page{max-width:1240px;margin:auto;padding:28px 32px}.premiumHero{background:linear-gradient(135deg,#fff 0%,#f0f4ff 65%,#e8edff 100%);border:1px solid #dce4f2;border-radius:28px;justify-content:space-between;align-items:center;gap:30px;padding:34px;display:flex;position:relative;overflow:hidden}.heroCopy{z-index:2;position:relative}.heroCopy h2{margin:16px 0 10px;font-size:40px;line-height:1.05}.heroCopy p{color:#667085;max-width:680px;line-height:1.65}.heroActions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.heroOrb{color:#fff;background:#101827;border-radius:50%;flex:none;place-items:center;width:190px;height:190px;display:grid;box-shadow:0 30px 70px #10182735}.heroOrb div{text-align:center;place-items:center;gap:6px;display:grid}.heroOrb b{letter-spacing:.12em;font-size:14px}.heroOrb span{color:#9da8b8;font-size:9px}.pill,.safe,.tag{border-radius:999px;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.pill{color:#177245;background:#e9f7ee;padding:7px 10px}.safe{color:#556070;background:#edf1f5;padding:7px 10px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.stat,.card{background:#fff;border:1px solid #e2e7ef;border-radius:18px}.stat{padding:17px}.stat>svg{color:#667085}.stat span{color:#697386;margin-top:10px;font-size:11px;display:block}.stat b{margin:7px 0;font-size:27px;display:block}.stat small{color:#98a2b3;font-size:10px}.card{margin-top:16px;padding:24px}.journey h3,.featureCard h3{margin:5px 0;font-size:20px}.cardHead{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.cardHead h3{margin:5px 0;font-size:20px}.cardHead p,.listHeader p{color:#697386;margin:0;line-height:1.55}.journeyGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.journeyItem{border:1px solid #e5e9ef;border-radius:14px;grid-template-columns:32px 1fr 16px;align-items:center;column-gap:10px;padding:14px;display:grid}.journeyItem b{color:#fff;background:#101827;border-radius:50%;grid-row:span 2;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.journeyItem span{color:#8a94a4;letter-spacing:.08em;font-size:9px;font-weight:900}.journeyItem strong{font-size:12px}.journeyItem svg{color:#a0a8b5;grid-row:span 2}.featureGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.capabilityCard{margin-top:12px}.capabilityHead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.capabilityHead h3{margin:6px 0 4px;font-size:19px}.capabilityHead p{color:#697386;margin:0;font-size:12px}.capabilityGrid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px;display:grid}.capability{background:#fafbfc;border:1px solid #e6eaf0;border-radius:13px;align-items:flex-start;gap:10px;padding:12px;display:flex}.capabilityIcon{color:#344054;background:#eef2f7;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.capability b{font-size:12px}.capability p{color:#697386;margin:4px 0 0;font-size:10px;line-height:1.45}.featureCard{margin-top:12px}.featureIcon{color:#344054;background:#eef2f7;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.featureCard p,.metric p{color:#697386;font-size:13px;line-height:1.6}.linkBtn{color:#1d4ed8;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:800;display:flex}.brainIntro,.customerIntro{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.brainIntro h2,.customerIntro h2,.listHeader h2{margin:7px 0;font-size:30px}.brainIntro p,.customerIntro p{color:#697386;max-width:760px;margin:0;line-height:1.6}.brainLayout,.customerLayout{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:16px;display:grid}.form{gap:13px;margin-top:18px;display:grid}.form label{color:#344054;font-size:12px;font-weight:800}.form input,.form textarea,.form select,.chatInput input{color:#111827;background:#fff;border:1px solid #d8dee8;border-radius:12px;outline:none;width:100%;margin-top:7px;padding:13px 14px;font-size:15px;display:block}.form input:focus,.form textarea:focus,.form select:focus,.chatInput input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea12}.form textarea{resize:vertical;min-height:120px}.primary,.secondary{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 15px;font-size:12px;font-weight:800;display:inline-flex}.primary{color:#fff;background:#111827}.secondary{color:#344054;background:#eef1f5}.fullBtn{width:100%;min-height:50px}.notice,.error{border-radius:11px;margin-top:12px;padding:11px 13px;font-size:12px}.notice{color:#17683e;background:#edf7f0}.error{color:#b42318;background:#fff0ef}.searchBox{background:#fff;border:1px solid #d9dee8;border-radius:11px;align-items:center;gap:8px;padding:0 10px;display:flex}.searchBox input{box-shadow:none;border:0;width:190px;margin:0;padding:10px 2px}.knowledge{border-top:1px solid #edf0f4;align-items:flex-start;gap:12px;padding:15px 0;display:flex}.knowledge>span{color:#566174;text-transform:uppercase;background:#f0f2f6;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900}.knowledgeBody{flex:1;min-width:0}.knowledgeBody b{font-size:13px}.knowledgeBody p{color:#697386;white-space:pre-wrap;margin:5px 0;font-size:12px;line-height:1.55}.knowledgeBody small{color:#98a2b3;font-size:9px}.knowledgeActions{gap:5px;display:flex}.iconBtn{color:inherit;background:0 0;border:0;border-radius:9px;place-items:center;padding:8px;display:grid}.iconBtn.light{color:#344054;background:#f2f4f7}.iconBtn.danger{color:#b42318}.empty{text-align:center;color:#697386;place-items:center;gap:8px;padding:45px 20px;display:grid}.empty svg{color:#98a2b3}.testRow{grid-template-columns:1fr auto;gap:10px;margin-top:18px;display:grid}.testAnswer{background:#f5f7fa;border:1px solid #e4e8ef;border-radius:12px;margin-top:13px;padding:13px}.testAnswer b{font-size:11px}.testAnswer p{color:#475467;margin:6px 0 0;font-size:13px;line-height:1.55}.customerBadges{flex-wrap:wrap;gap:7px;display:flex}.customerBadges span{color:#667085;border:1px solid #e1e6ef;border-radius:999px;padding:7px 9px;font-size:10px}.customerPhone{background:#f5f7fb;border:8px solid #101827;border-radius:38px;flex-direction:column;width:min(390px,100%);height:680px;margin:auto;display:flex;overflow:hidden;box-shadow:0 25px 70px #10182722}.phoneTop{background:#fff;border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;padding:20px 18px 12px;display:flex}.phoneTop small,.phoneTop b{display:block}.phoneTop small{color:#98a2b3;font-size:10px}.phoneTop b{margin-top:2px;font-size:14px}.onlineDot{background:#22a05a;border-radius:50%;width:9px;height:9px}.quickActions{grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.quickActions button{text-align:left;background:#fff;border:1px solid #dfe4ec;border-radius:12px;padding:11px;font-size:12px}.chatArea{flex:1;padding:12px;overflow:auto}.bubble{border-radius:14px;max-width:84%;margin:7px 0;padding:10px 12px;font-size:12px;line-height:1.5}.bubble.ai{background:#fff;border:1px solid #e4e8ef}.bubble.user{color:#fff;background:#111827;margin-left:auto}.chatInput{background:#fff;border-top:1px solid #e4e8ef;gap:7px;padding:10px;display:flex}.chatInput input{margin:0;padding:11px}.chatInput button{color:#fff;background:#111827;border:0;border-radius:12px;width:44px}.humanHint{color:#667085;text-align:center;background:#f0f2f6;justify-content:center;gap:5px;padding:8px;font-size:10px;display:flex}.miniChecklist{gap:12px;margin:20px 0;display:grid}.embedBox{background:#f6f7fa;border:1px solid #e5e9ef;border-radius:13px;margin-top:18px;padding:15px}.embedBox p{color:#697386;font-size:11px;line-height:1.5}.listHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.listCard{padding:10px 20px}.listRow{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:15px 4px;display:flex}.listRow:last-child{border-bottom:0}.avatar{color:#344054;background:#eef2f7;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid}.avatar.hot{color:#8a5a00;background:#fff5db}.listMain{flex:1;min-width:0}.listMain b,.listMain span{display:block}.listMain b{font-size:13px}.listMain span{color:#697386;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.rowMeta{text-align:right}.rowMeta small{color:#98a2b3;margin-top:5px;font-size:9px;display:block}.tag{color:#556070;text-transform:capitalize;background:#eef1f5;padding:6px 8px}.channelGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.channelCard{background:#fff;border:1px solid #e2e7ef;border-radius:18px;padding:18px}.channelTop{gap:12px;display:flex}.channelIcon{background:#f3f5f8;border-radius:13px;flex:none;place-items:center;width:45px;height:45px;font-size:21px;display:grid}.channelCard h3{margin:2px 0 5px;font-size:16px}.channelCard p{color:#697386;margin:0;font-size:11px;line-height:1.5}.channelMeta{justify-content:space-between;align-items:center;gap:7px;margin-top:18px;display:flex}.channelMeta small{color:#98a2b3;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.channelStatus{color:#667085;background:#eef1f5;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.channelStatus.ok{color:#177245;background:#eaf7ee}.channelStatus.pending{color:#8a5a00;background:#fff5db}.setupCard code{color:#d8dfeb;background:#101827;border-radius:10px;margin-top:12px;padding:12px;font-size:10px;display:block;overflow:auto}.analyticsGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric{margin-top:0}.muted{color:#98a2b3;font-size:10px}.settingsCard{max-width:760px}.securityCard{align-items:flex-start;gap:12px;display:flex}.securityCard svg{color:#177245}.securityCard h3{margin:0 0 4px}.securityCard p{color:#697386;margin:0;font-size:12px;line-height:1.55}.drawerBackdrop{z-index:30;background:#10182766;position:fixed;inset:0}.drawer{color:#fff;background:#0e1625;flex-direction:column;width:min(310px,88vw);height:100%;padding:18px 14px;display:flex}.close{margin-left:auto}.mobileTop{display:none}.optional{color:#98a2b3;font-weight:500}.onboardCard{background:#fff;border:1px solid #e1e6ef;border-radius:24px;max-width:700px;margin:30px auto;padding:32px}.onboardCard h2{margin:14px 0 8px;font-size:34px}.onboardCard>p{color:#697386;line-height:1.6}@media (width<=1000px){.channelGrid{grid-template-columns:repeat(2,1fr)}.featureGrid{grid-template-columns:1fr}.capabilityGrid,.journeyGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.sidebar{display:none}.mobileTop{z-index:20;color:#fff;background:#0e1625;align-items:center;gap:9px;height:62px;padding:0 14px;display:flex;position:sticky;top:0}.mobileBrand{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mobileBrand b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.main{width:100%;max-width:100%;margin:0}.mainHeader{height:76px;padding:16px 18px}.mainHeader h1{font-size:22px}.email{display:none}.page{max-width:100%;padding:14px}.premiumHero{border-radius:22px;padding:24px;display:block}.heroCopy h2{font-size:32px}.heroOrb{width:130px;height:130px;margin:22px auto 0}.stats{grid-template-columns:1fr 1fr}.card{padding:18px}.brainLayout,.customerLayout,.capabilityGrid{grid-template-columns:1fr}.brainIntro,.customerIntro,.listHeader{display:block}.brainIntro .safe,.customerIntro .customerBadges,.listHeader .safe{margin-top:12px}.journeyGrid,.channelGrid,.analyticsGrid{grid-template-columns:1fr}.searchBox{width:100%;margin-top:10px}.searchBox input{width:100%}.testRow{grid-template-columns:1fr}.testRow .primary{width:100%;min-height:50px}.onboardCard{margin:0;padding:22px 18px}.onboardCard h2{font-size:29px}.authCard{border-radius:24px;padding:28px 22px}.authCard h1{font-size:35px}.customerPhone{height:650px}.heroActions{display:grid}.heroActions button{width:100%}.listRow{align-items:flex-start}.rowMeta{margin-left:auto}.brandText{min-width:0}}@media (width<=380px){.page{padding:11px}.stats{gap:8px}.stat{padding:13px}.stat b{font-size:22px}}.adminNav{color:#aeb8c8;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;width:100%;margin-bottom:4px;padding:11px 12px;display:flex}.adminNav:hover,.adminNav.active{color:#fff;background:#1b2739}.billingSummary{justify-content:space-between;align-items:center;gap:16px;display:flex}.billingSummary h3{margin:6px 0}.billingSummary p{color:#697386;margin:0}.usagePill{color:#4354a8;background:#f0f4ff;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.pricingGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.priceCard{background:#fff;border:1px solid #e2e7ef;border-radius:20px;flex-direction:column;min-width:0;padding:22px;display:flex}.priceCard.selected{border-color:#6b7cff;box-shadow:0 12px 35px #5265d91a}.priceTop{justify-content:space-between;align-items:center;display:flex}.priceCard h3{margin:18px 0 6px;font-size:22px}.price{letter-spacing:-.03em;font-size:30px;font-weight:900}.price small{color:#7a8495;font-size:11px;font-weight:600}.priceCard>p{color:#697386;min-height:34px;font-size:12px}.priceCard ul{flex:1;gap:8px;margin:10px 0 20px;padding:0;list-style:none;display:grid}.priceCard li{color:#475467;text-transform:capitalize;font-size:12px}.billingNotes{align-items:flex-start;gap:12px;display:flex}.billingNotes h3{margin:0 0 4px}.billingNotes p{color:#697386;margin:0;font-size:12px;line-height:1.6}.adminGrid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px;display:grid}.notice{margin-top:14px}.pricingGrid .primary,.pricingGrid .secondary{margin-top:auto}@media (width<=1050px){.pricingGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.billingSummary{flex-direction:column;align-items:flex-start}.pricingGrid,.adminGrid{grid-template-columns:1fr}.usagePill{justify-content:center;width:100%}.priceCard{padding:18px}}.authCard{border-radius:32px;max-width:600px;padding:44px 42px;box-shadow:0 32px 100px #00000042}.authCard .appMark{border-radius:20px;width:64px;height:64px;margin-bottom:22px}.authCard .eyebrow{letter-spacing:.16em;font-size:11px}.authCard h1{letter-spacing:-.045em;font-size:48px}.authCard .lead{max-width:500px;font-size:16px}.authEmailLabel{color:#273244;margin-top:24px;font-size:13px;font-weight:800;display:block}.authEmailWrap{margin-top:9px;position:relative}.authEmailWrap svg{color:#7b8798;pointer-events:none;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.authEmailWrap input{color:#101828;background:#fbfcfe;border:1px solid #cfd6e2;border-radius:15px;outline:none;width:100%;height:58px;margin:0;padding:0 16px 0 48px;font-size:16px;line-height:58px;transition:border-color .18s,box-shadow .18s,background .18s;display:block;box-shadow:inset 0 1px 2px #10182808}.authEmailWrap input::placeholder{color:#98a2b3}.authEmailWrap input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea12}.authCard .fullBtn{border-radius:15px;height:58px;margin-top:12px;font-size:14px}.authCard .fine{max-width:430px;font-size:12px;line-height:1.5}@media (width<=800px){.authScreen{padding:16px}.authCard{border-radius:28px;width:100%;max-width:620px;padding:30px 22px 24px}.authCard h1{font-size:38px;line-height:1.04}.authCard .lead{font-size:15px;line-height:1.6}.authEmailWrap input{height:60px;font-size:16px}.authCard .fullBtn{height:58px}}@media (width<=380px){.authCard{padding:26px 18px 22px}.authCard h1{font-size:34px}.heroBullets span{font-size:12px}}.billingModalBackdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1220aa;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.billingModal{width:min(520px,100%);margin:0;box-shadow:0 30px 90px #00000045}.billingModal h3{margin:6px 0 5px;font-size:22px}.billingModal .cardHead p{color:#697386;margin:0;font-size:12px;line-height:1.5}.billingSecureRow{color:#596579;background:#f8fafc;border:1px solid #e2e7ef;border-radius:12px;align-items:flex-start;gap:9px;padding:12px;font-size:11px;line-height:1.45;display:flex}.billingSecureRow svg{color:#177245;flex:none}@media (width<=720px){.billingModalBackdrop{align-items:end;padding:12px}.billingModal{border-radius:22px;padding:18px}.billingModal h3{font-size:19px}}

/* V25 secure login */
.authTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0 4px;padding:4px;background:#f4f5f7;border-radius:12px}.authTabs button{border:0;background:transparent;border-radius:9px;padding:10px 12px;font-weight:700;color:#667085;cursor:pointer}.authTabs button.active{background:#fff;color:#111827;box-shadow:0 1px 4px rgba(0,0,0,.08)}.authForm{display:grid;gap:12px}.passwordToggle{border:0;background:transparent;color:#667085;font-weight:700;cursor:pointer;padding:4px 2px}.forgotBtn{border:0;background:transparent;color:#4f46e5;font-weight:700;text-align:right;cursor:pointer;padding:2px 0}.forgotBtn:disabled{opacity:.55;cursor:default}.authForm .authEmailWrap{display:flex;align-items:center;gap:9px}.authForm .authEmailWrap input{flex:1;min-width:0}

/* MOBILE-FIRST UI REFINEMENT — 2026-09-26 */
html,body,#root{min-width:0;width:100%;max-width:100%;overflow-x:hidden}
button,input,textarea,select{max-width:100%}
@media (max-width:800px){
  .authScreen{min-height:100dvh;min-height:100svh;padding:10px;background:#0c1220;align-items:center}
  .authCard{width:min(100%,410px);max-width:410px;padding:24px 18px 20px;border-radius:22px;box-shadow:0 20px 55px #00000030}
  .authCard .appMark{width:52px;height:52px;border-radius:16px;margin:0 0 14px}
  .eyebrow{font-size:9px}
  .authCard h1{font-size:32px;line-height:1.04;margin:9px 0 10px;letter-spacing:-.025em}
  .authCard .lead{font-size:13px;line-height:1.52;margin:0}
  .heroBullets{gap:7px;margin:16px 0}
  .heroBullets span{font-size:11.5px;gap:7px}
  .heroBullets svg{width:15px;height:15px}
  .authTabs{margin:14px 0 2px;padding:3px;border-radius:11px}
  .authTabs button{padding:9px 8px;font-size:13px}
  .authForm{gap:10px}
  .authEmailLabel{font-size:11.5px;margin-top:16px}
  .authEmailWrap{margin-top:6px}
  .authEmailWrap input{height:50px;font-size:14px;line-height:50px;padding-left:43px;border-radius:13px}
  .authEmailWrap svg{left:14px;width:17px;height:17px}
  .passwordToggle{font-size:12px}
  .forgotBtn{font-size:12px}
  .authCard .fullBtn{height:50px;min-height:50px;margin-top:8px;border-radius:13px;font-size:13px}
  .authCard .fine{font-size:10px;line-height:1.4;margin-top:10px}
  .error,.notice{font-size:11px;padding:9px 10px}
  .sidebar{display:none}
  .mobileTop{height:56px;padding:0 12px}
  .mobileBrand b{font-size:12px}
  .main{width:100%;margin:0}
  .mainHeader{height:64px;padding:12px 14px}
  .mainHeader h1{font-size:19px}
  .page{padding:10px}
  .premiumHero{padding:18px;border-radius:18px}
  .heroCopy h2{font-size:27px}
  .heroCopy p{font-size:12px}
  .heroActions{display:grid;grid-template-columns:1fr;gap:8px}
  .heroOrb{width:108px;height:108px;margin:16px auto 0}
  .stats{gap:8px;margin:10px 0}
  .stat{padding:12px;border-radius:14px}
  .stat b{font-size:21px}
  .stat span{font-size:10px}
  .card{margin-top:10px;padding:14px;border-radius:14px}
  .cardHead h3,.journey h3,.featureCard h3{font-size:17px}
  .cardHead p,.listHeader p{font-size:11px}
  .journeyItem{padding:10px;border-radius:12px}
  .featureGrid,.capabilityGrid,.journeyGrid,.channelGrid,.brainLayout,.customerLayout{grid-template-columns:1fr}
  .form{gap:10px}
  .form input,.form textarea,.form select{padding:11px 12px;font-size:14px}
  .billingModalBackdrop{padding:8px;align-items:end}
  .billingModal{width:100%;border-radius:18px;padding:14px}
  .billingModal h3{font-size:18px}
  .customerPhone{width:min(100%,360px);height:600px;border-width:6px;border-radius:28px}
  .phoneTop{padding:14px 12px 10px}
  .quickActions{padding:9px;gap:6px}
  .chatArea{padding:9px}
  .chatInput{padding:8px}
  .onboardCard{padding:18px 14px;margin:0;border-radius:18px}
  .onboardCard h2{font-size:26px}
  .searchBox input{font-size:14px}
  .listCard{padding:8px 12px}
  .listRow{padding:12px 2px}
}
@media (max-width:380px){
  .authScreen{padding:8px}
  .authCard{padding:20px 15px 17px;border-radius:20px}
  .authCard h1{font-size:29px}
  .authCard .lead{font-size:12px}
  .heroBullets{margin:13px 0}
  .heroBullets span{font-size:10.5px}
  .authTabs button{font-size:12px;padding:8px 6px}
  .authEmailLabel{font-size:11px}
  .authEmailWrap input{height:47px;font-size:13px;line-height:47px}
  .authCard .fullBtn{height:47px;min-height:47px}
}

/* FINAL MOBILE-FIRST COMPACT PASS */
html,body,#root{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
html{touch-action:manipulation}
body{-webkit-text-size-adjust:100%;overscroll-behavior-x:none}
@media (max-width:800px){
  .authScreen{width:100%;min-height:100dvh;padding:8px;display:flex;align-items:center;justify-content:center}
  .authCard{width:100%;max-width:390px;margin:0 auto;padding:20px 16px 16px;border-radius:20px}
  .authCard .appMark{width:48px;height:48px;border-radius:15px;margin:0 0 12px}
  .authCard .appMark svg{width:25px;height:25px}
  .eyebrow{font-size:8.5px}
  .authCard h1{font-size:29px;line-height:1.03;letter-spacing:-.025em;margin:8px 0 9px}
  .authCard .lead{font-size:12px;line-height:1.48}
  .heroBullets{gap:6px;margin:13px 0}
  .heroBullets span{font-size:10.5px;gap:6px}
  .heroBullets svg{width:14px;height:14px}
  .authTabs{margin:12px 0 1px;border-radius:10px}
  .authTabs button{font-size:12px;padding:8px 5px}
  .authForm{gap:8px}
  .authEmailLabel{font-size:10.5px;margin-top:13px}
  .authEmailWrap{margin-top:5px}
  .authEmailWrap input{height:46px;font-size:13px;line-height:46px;padding:0 12px 0 40px;border-radius:12px}
  .authEmailWrap svg{left:13px;width:16px;height:16px}
  .passwordToggle{font-size:11px;padding:3px 1px}
  .forgotBtn{font-size:11px;padding:1px 0}
  .authCard .fullBtn{height:46px;min-height:46px;margin-top:7px;border-radius:12px;font-size:12px}
  .authCard .fine{font-size:9px;line-height:1.35;margin-top:8px}
  .error,.notice{font-size:10px;padding:8px 9px}
  .page{padding:9px}
  .mainHeader{height:60px;padding:10px 12px}
  .mainHeader h1{font-size:18px}
  .premiumHero{padding:16px;border-radius:16px}
  .heroCopy h2{font-size:25px}
  .heroCopy p{font-size:11.5px}
  .heroOrb{width:96px;height:96px;margin:14px auto 0}
  .stats{gap:7px}
  .stat{padding:10px;border-radius:12px}
  .stat b{font-size:19px}
  .card{padding:12px;border-radius:13px}
  .billingModalBackdrop{padding:7px}
  .billingModal{border-radius:16px;padding:13px}
}
@media (max-width:380px){
  .authScreen{padding:6px}
  .authCard{max-width:360px;padding:18px 14px 14px;border-radius:18px}
  .authCard .appMark{width:44px;height:44px}
  .authCard h1{font-size:27px}
  .authCard .lead{font-size:11px}
  .heroBullets{margin:11px 0}
  .heroBullets span{font-size:10px}
  .authTabs button{font-size:11px;padding:7px 4px}
  .authEmailLabel{font-size:10px}
  .authEmailWrap input{height:44px;font-size:12.5px;line-height:44px}
  .authCard .fullBtn{height:44px;min-height:44px}
}

/* AUTH CLEANUP */
.authCard .fine{display:none!important}
.error:empty,.notice:empty{display:none!important}