:root{--bg:#f3f5f7;--paper:#fff;--ink:#0a0d12;--muted:#69727e;--line:#dfe4ea;--blue:#111114;--green:#19c77b;--night:#070b11;--night2:#0d141e;--danger:#b83232;--shadow:0 28px 80px rgba(10,16,24,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.container{width:min(1240px,calc(100% - 44px));margin:auto}.logo{display:inline-flex;align-items:center;gap:11px;font-size:22px;font-weight:900;letter-spacing:-.045em}.brand-mark{width:32px;height:32px;border-radius:9px;display:inline-grid;place-items:center;overflow:hidden;box-shadow:0 8px 24px rgba(17,17,20,.16);flex:0 0 auto}.brand-mark svg{display:block;width:32px;height:32px}.brand-word{color:#111114}.nav{position:sticky;top:0;z-index:80;background:rgba(247,248,250,.86);backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(216,221,228,.8)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.navlinks,.navactions,.hero-actions{display:flex;align-items:center}.navlinks{gap:28px;font-size:13px;font-weight:750;color:#4f5864}.navactions,.hero-actions{gap:10px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);min-height:44px;border-radius:13px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:850;font-size:13px;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(10,16,24,.09)}.btn.ghost{background:rgba(255,255,255,.5)}.btn.ink{background:#090d12;color:#fff;border-color:#090d12}.hero{position:relative;overflow:hidden;padding:92px 0 0;background:radial-gradient(circle at 82% 18%,rgba(17,17,20,.16),transparent 30%),linear-gradient(180deg,#f9fafb,#eef1f5);border-bottom:1px solid var(--line)}.hero-glow{position:absolute;width:600px;height:600px;border:1px solid rgba(17,17,20,.12);border-radius:50%;right:-210px;top:-260px}.hero-glow:before,.hero-glow:after{content:"";position:absolute;border:1px solid rgba(17,17,20,.08);border-radius:50%;inset:70px}.hero-glow:after{inset:160px}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:center;position:relative;z-index:2}.hero-copy{padding-bottom:66px}.hero-label{display:inline-flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #dbe1e8;background:rgba(255,255,255,.72);border-radius:99px;font-size:9px;letter-spacing:.15em;font-weight:900;color:#627083}.hero-label span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(25,199,123,.12)}.hero h1{margin:23px 0 24px;font-size:clamp(58px,6.8vw,101px);line-height:.89;letter-spacing:-.075em;font-weight:900;max-width:760px}.hero h1 em,.split-head h2 em,.control-copy h2 em,.checkout-copy h1 em,.login-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.045em}.hero h1 em{display:block;color:var(--blue)}.lead{margin:0 0 28px;max-width:640px;color:#5d6773;font-size:18px;line-height:1.7}.btn.hero-primary{background:var(--blue);color:#fff;border-color:var(--blue);min-height:52px;padding:0 20px}.text-link{display:inline-flex;align-items:center;gap:12px;padding:12px 4px;font-size:13px;font-weight:850;color:#414a56}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#717b87;font-size:11px;font-weight:720}.trust-row i{font-style:normal;color:var(--green);margin-right:5px}.hero-marquee{border-top:1px solid rgba(150,162,176,.25);background:rgba(255,255,255,.46);overflow:hidden;white-space:nowrap;padding:13px 0}.hero-marquee div{width:max-content;font-size:9px;letter-spacing:.32em;font-weight:900;color:#8b95a1;animation:marquee 28s linear infinite}.hero-marquee span{color:var(--blue);margin:0 26px}@keyframes marquee{to{transform:translateX(-50%)}}.signal-console{align-self:end;min-height:590px;color:#edf4fe;background:linear-gradient(160deg,#0b1018,#06090e);border:1px solid #1f2a38;border-bottom:0;border-radius:30px 30px 0 0;overflow:hidden;box-shadow:0 38px 120px rgba(8,13,21,.25);position:relative}.signal-console:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 88%);pointer-events:none}.console-top{height:54px;border-bottom:1px solid #202836;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#8d99a9;font-size:9px;letter-spacing:.15em;font-weight:850}.console-brand{display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(25,199,123,.1)}.console-time{border:1px solid #273141;border-radius:99px;padding:5px 8px;color:#dfe8f4}.console-grid{display:grid;grid-template-columns:142px 1fr;min-height:536px;position:relative}.console-rail{border-right:1px solid #202836;padding:18px 12px;display:flex;flex-direction:column;gap:5px}.rail-label{font-size:8px;letter-spacing:.2em;color:#566171;margin:2px 8px 10px}.rail-item{display:flex;align-items:center;gap:8px;padding:10px 9px;border-radius:9px;color:#697689;font-size:10px;font-weight:750}.rail-item i{width:5px;height:5px;border-radius:50%;background:#3c4655}.rail-item.active{color:#fff;background:#131b27}.rail-item.active i{background:var(--blue)}.rail-spacer{flex:1}.rail-health{font-size:8px;color:#657184;line-height:1.5;border-top:1px solid #1c2632;padding:14px 7px 0}.rail-health span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px}.console-main{padding:24px 22px 18px}.console-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.console-header small{color:#637086;font-size:8px;letter-spacing:.17em;font-weight:900}.console-header h3{font-size:21px;letter-spacing:-.035em;margin:7px 0 0}.verified{font-size:8px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #25466e;background:#0f2440;color:#7fb9ff;border-radius:99px;padding:7px 9px}.conversation{margin-top:22px;display:grid;gap:11px}.msg,.answer-card,.handoff-card{border:1px solid #202a38;background:#101722;border-radius:15px;padding:13px 14px}.msg{font-size:11px;line-height:1.55}.msg.customer{margin-left:18%;background:#121a26}.msg-meta{font-size:7px;color:#5e6a7c;letter-spacing:.14em;font-weight:900;margin-bottom:6px}.answer-card{background:linear-gradient(145deg,#111a28,#0d141f)}.answer-head{display:flex;align-items:center;gap:8px;font-size:10px}.mini-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:var(--blue);font-size:10px;font-weight:900}.confidence{margin-left:auto;color:#55dda0;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.answer-card p{font-size:11px;line-height:1.55;margin:12px 0;color:#d6dfeb}.source-line{display:flex;align-items:center;gap:8px;border-top:1px solid #222c3a;padding-top:10px;color:#697689;font-size:8px}.source-line span{color:#82b8ff}.muted-msg{opacity:.72}.handoff-card{display:flex;gap:10px;border-color:#2d3138;background:#111317}.handoff-icon{font-size:20px;color:#f0bc5e}.handoff-card b{display:block;font-size:10px;color:#f4d59d}.handoff-card small{display:block;margin-top:4px;color:#7d8794;font-size:8px;line-height:1.45}.console-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.console-stats div{border:1px solid #1f2835;background:#0d131d;border-radius:12px;padding:11px}.console-stats b{display:block;font-size:15px}.console-stats span{display:block;margin-top:3px;color:#697689;font-size:7px}.section{padding:112px 0}.section-kicker{display:flex;align-items:center;gap:10px;color:#727c89;font-size:10px;letter-spacing:.19em;font-weight:900;text-transform:uppercase}.section-kicker:before{content:"";width:28px;height:1px;background:currentColor}.section-kicker.light{color:#8da0b9}.split-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:56px;margin:24px 0 58px}.split-head h2,.control-copy h2,.checkout-copy h1,.login-copy h1{margin:0;font-size:clamp(44px,5.4vw,76px);line-height:.96;letter-spacing:-.062em;font-weight:880}.split-head p{margin:0;color:#69727e;font-size:17px;line-height:1.75;max-width:520px}.workflow{background:#fff}.flowline{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flowstep{padding:34px 34px 38px 0;min-height:310px}.flowstep+.flowstep{border-left:1px solid var(--line);padding-left:34px}.flow-num{font-size:9px;letter-spacing:.16em;font-weight:900;color:#929aa5}.flow-glyph{font-family:Georgia,serif;font-size:56px;line-height:1;color:var(--blue);margin:44px 0 25px}.flowstep h3{font-size:22px;letter-spacing:-.035em;margin:0 0 12px}.flowstep p{color:#69727d;font-size:14px;line-height:1.7;margin:0;max-width:330px}.control{background:var(--night);color:#fff;position:relative;overflow:hidden}.control:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-250px;top:-250px;background:radial-gradient(circle,rgba(17,17,20,.22),transparent 65%)}.control-grid{display:grid;grid-template-columns:1fr .88fr;gap:86px;align-items:center;position:relative}.control-copy h2{margin:22px 0 25px;max-width:720px}.control-copy h2 em{color:#78b9ff}.control-copy>p{color:#9da9b9;font-size:17px;line-height:1.75;max-width:630px}.control-list{margin-top:42px;border-top:1px solid #232d39}.control-list>div{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:18px 0;border-bottom:1px solid #232d39}.control-list span{grid-row:1/3;font-size:9px;color:#5f6c7f;padding-top:5px}.control-list b{font-size:14px}.control-list small{color:#778496;font-size:11px}.truth-card{background:#0e151f;border:1px solid #253144;border-radius:26px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:rotate(1.2deg)}.truth-top,.truth-footer{display:flex;justify-content:space-between;align-items:center;color:#667487;font-size:8px;letter-spacing:.13em;font-weight:900}.truth-status{color:#5be0a0}.truth-title{font-size:25px;font-weight:850;letter-spacing:-.04em;margin:24px 0 18px}.knowledge-row{display:grid;grid-template-columns:34px 1fr 28px;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #202b39}.k-index{font-size:8px;color:#526074}.knowledge-row b{display:block;font-size:11px}.knowledge-row small{display:block;color:#6f7d8f;font-size:9px;margin-top:3px}.knowledge-row i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#102d23;color:#57df9e;font-size:10px}.truth-footer{border-top:1px solid #202b39;padding-top:16px;margin-top:4px}.truth-footer b{color:#dce7f5;font-size:9px}.proof-strip{background:#0f5fff;color:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{padding:28px 24px;border-left:1px solid rgba(255,255,255,.16)}.proof-grid>div:last-child{border-right:1px solid rgba(255,255,255,.16)}.proof-grid span{display:block;font-size:7px;letter-spacing:.17em;font-weight:900;opacity:.66}.proof-grid b{display:block;font-size:22px;letter-spacing:-.035em;margin:6px 0 4px}.proof-grid small{font-size:9px;opacity:.7}.pricing-section{background:#f6f7f9}.pricing-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1220px;margin:auto}.price-card{border:1px solid var(--line);background:#fff;border-radius:28px;padding:28px;position:relative;overflow:hidden}.price-card.featured{background:#0b0f16;border-color:#0b0f16;color:#fff}.price-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;font-weight:900;color:#838d99}.price-top .save{background:#103424;color:#64e6a5;border-radius:99px;padding:5px 7px}.price-card h3{font-size:20px;margin:25px 0 5px}.pricevalue{font-size:58px;font-weight:900;letter-spacing:-.065em}.pricevalue small{font-size:11px;letter-spacing:0;font-weight:650;color:#7d8793;margin-left:8px}.price-rule{height:1px;background:var(--line);margin:25px 0}.featured .price-rule{background:#242e3b}.price-card ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px;color:#59636f;font-size:13px}.featured ul{color:#a4afbd}.price-card li:before{content:"↳";color:var(--blue);font-weight:900;margin-right:10px}.price-btn{width:100%;min-height:50px;background:#f0f3f7}.price-btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}.final-cta{background:#fff}.cta-shell{border-radius:34px;padding:58px 60px;min-height:320px;background:radial-gradient(circle at 80% 20%,rgba(17,17,20,.24),transparent 34%),linear-gradient(135deg,#121a27,#06090e);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:45px}.cta-shell h2{font-size:clamp(44px,5vw,72px);letter-spacing:-.06em;line-height:.95;margin:16px 0}.cta-shell p{color:#9da9b8}.cta-circle{width:150px;height:150px;border-radius:50%;background:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:.12em;font-weight:900;box-shadow:0 20px 60px rgba(17,17,20,.28);transition:.2s}.cta-circle:hover{transform:rotate(-5deg) scale(1.03)}.cta-circle b{font-size:28px}.footer{background:#eef1f4;border-top:1px solid var(--line);padding:56px 0 24px}.foot-top{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:45px;padding-bottom:40px;border-bottom:1px solid #d6dce3}.foot-brand p{color:#68727f;font-size:13px;line-height:1.7;max-width:370px}.seller-chip{display:inline-flex;border:1px solid #d5dbe2;background:#fff;border-radius:99px;padding:7px 10px;font-size:10px;color:#65707d;font-weight:750}.foot-col{display:flex;flex-direction:column;gap:10px}.foot-col h4{margin:3px 0 10px;font-size:9px;letter-spacing:.16em;color:#8a939f}.foot-col a,.foot-col span{font-size:12px;color:#58626e}.legalbar{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;color:#8a939f;font-size:10px}.formpage{min-height:calc(100vh - 72px);padding:80px 0 100px;background:radial-gradient(circle at 12% 15%,rgba(17,17,20,.09),transparent 28%),#f3f5f7}.checkout-layout,.login-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:start;max-width:1120px}.checkout-copy,.login-copy{padding-top:24px}.checkout-copy h1,.login-copy h1{margin:20px 0 22px}.checkout-copy h1 em,.login-copy h1 em{color:var(--blue)}.checkout-copy>p,.login-copy>p{color:#65707c;line-height:1.7;font-size:16px;max-width:520px}.checkout-steps{margin-top:42px;border-top:1px solid var(--line)}.checkout-steps>div{display:grid;grid-template-columns:45px 1fr;gap:3px 12px;padding:17px 0;border-bottom:1px solid var(--line)}.checkout-steps span{grid-row:1/3;color:#9aa2ad;font-size:9px}.checkout-steps b{font-size:13px}.checkout-steps small{font-size:11px;color:#79838f}.seller-card{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:4px}.seller-card span{font-size:8px;letter-spacing:.15em;color:#8a939f}.seller-card b{font-size:14px}.seller-card small{font-size:11px;color:#6c7580}.formcard{background:#fff;border:1px solid #dce2e8;border-radius:26px;padding:28px;box-shadow:var(--shadow)}.premium-form{position:relative}.form-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.form-head span{font-size:8px;letter-spacing:.16em;font-weight:900;color:#8a939e}.form-head b{font-size:12px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#717b87}.field input,.field textarea,.field select{width:100%;border:1px solid #dce2e8;background:#fbfcfd;border-radius:12px;padding:13px 14px;outline:none;color:var(--ink);transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8ab9ff;box-shadow:0 0 0 4px rgba(17,17,20,.08);background:#fff}.field textarea{min-height:118px;resize:vertical}.checkrow{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px;text-transform:none!important;letter-spacing:0!important;font-size:11px!important;color:#5f6874!important}.checkrow input{width:auto!important;margin-top:2px}.checkrow a{text-decoration:underline}.checkout-button{width:100%;margin-top:18px;min-height:52px;background:#0b0f15;color:#fff;border-color:#0b0f15}.form-security{margin-top:12px;text-align:center;color:#8a939f;font-size:9px;line-height:1.5}.notice{margin-top:12px;padding:11px 12px;border-radius:11px;font-size:11px}.notice.error{background:#fff1f1;border:1px solid #efcccc;color:var(--danger)}.notice.success{background:#effbf5;border:1px solid #cdebdc;color:#197a4d}.login-layout{max-width:1000px;grid-template-columns:1fr .9fr;align-items:center}.login-signal{display:inline-flex;align-items:center;gap:8px;margin-top:26px;color:#7a8591;font-size:10px}.login-signal span{width:7px;height:7px;background:var(--green);border-radius:50%}.login-card .field+.field{margin-top:14px}.legalpage{padding:88px 0 110px;background:#f6f7f9}.legal-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start;max-width:1120px}.legal-aside{position:sticky;top:110px}.legal-aside h1{font-size:56px;line-height:.96;letter-spacing:-.055em;margin:20px 0}.legal-aside>p{color:#68727d;line-height:1.7}.legal-seller{margin-top:30px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:4px}.legal-seller span{font-size:8px;letter-spacing:.14em;color:#8a939f}.legal-seller b{font-size:13px}.legal-seller small{color:#69727d}.legalcopy{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px}.legalcopy section{padding:7px 0 22px;border-bottom:1px solid #edf0f3}.legalcopy h2{font-size:17px;margin:14px 0 9px;letter-spacing:-.02em}.legalcopy p{margin:0;color:#606a76;line-height:1.75;font-size:13px}.legalcopy a{text-decoration:underline}.legal-note{margin-top:24px;color:#8a939f;font-size:10px;line-height:1.6}.notfound{padding:120px 0;min-height:70vh}.notfound h1{font-size:72px;letter-spacing:-.06em}.appshell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#f1f3f6}.appside{height:100vh;position:sticky;top:0;background:#080c12;color:#fff;padding:22px 17px;display:flex;flex-direction:column;border-right:1px solid #1e2834}.appside .logo{margin:4px 7px 30px}.workspace-chip{display:flex;align-items:center;gap:10px;border:1px solid #1d2835;background:#0d141d;border-radius:13px;padding:11px;margin-bottom:22px}.workspace-chip>span{width:8px;height:8px;border-radius:50%;background:var(--green)}.workspace-chip small,.user-mini small{display:block;color:#657285;font-size:7px;letter-spacing:.12em}.workspace-chip b,.user-mini b{font-size:11px;display:block;margin-top:2px}.appnav{display:grid;gap:5px}.appnav a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;color:#748195;font-size:11px;font-weight:750}.appnav a span{width:18px;text-align:center;color:#566479}.appnav a em{margin-left:auto;font-style:normal;font-size:8px;color:#556274}.appnav a.active,.appnav a:hover{background:#121a25;color:#fff}.appnav a.active span{color:#75b7ff}.appside-bottom{margin-top:auto;border-top:1px solid #1d2632;padding-top:14px}.user-mini{display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border-radius:10px;background:#162132;display:grid;place-items:center;font-size:11px}.side-logout{border:0;background:transparent;color:#657285;font-size:9px;padding:12px 0 0}.appmain{padding:34px 38px 60px;min-width:0}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px}.dashboard-head h1{font-size:46px;letter-spacing:-.055em;margin:10px 0 4px}.dashboard-head p{margin:0;color:#737d89;font-size:12px}.live-chip{display:flex;align-items:center;gap:8px;border:1px solid #d7e2db;background:#f5fbf7;border-radius:99px;padding:8px 10px;font-size:9px;color:#41705a;font-weight:800}.live-chip span{width:6px;height:6px;border-radius:50%;background:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stat small{display:block;font-size:8px;letter-spacing:.14em;color:#8b94a0;font-weight:900}.stat b{display:block;font-size:34px;letter-spacing:-.05em;margin:12px 0 2px}.stat span{font-size:10px;color:#77818d}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #edf0f3;margin-bottom:15px}.panel-head small,.billing-panel small{display:block;font-size:8px;letter-spacing:.14em;color:#8b94a0;font-weight:900}.panel-head h2,.billing-panel h2{font-size:18px;margin:4px 0 0;letter-spacing:-.025em}.panel-head>span,.install-badge{font-size:9px;color:#7d8792}.knowledge-list{display:grid}.knowledge-item{display:grid;grid-template-columns:30px 1fr 24px;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f3}.knowledge-item:last-child{border-bottom:0}.knum{font-size:8px;color:#9aa2ac;padding-top:3px}.knowledge-item b{display:block;font-size:12px}.knowledge-item small{display:block;font-size:8px;color:#8a939e;margin-top:2px}.knowledge-item p{font-size:10px;color:#66717d;line-height:1.5;margin:7px 0 0}.approved{color:#27a96d;font-size:11px}.empty-state{padding:28px 4px}.empty-state b{font-size:13px}.empty-state p{font-size:11px;color:#77818d}.add-knowledge .field+.field{margin-top:12px}.dashboard-action{width:100%;margin-top:14px;background:#0a0e14;color:#fff;border-color:#0a0e14}.install-panel,.billing-panel{margin-top:16px}.install-panel>p,.billing-panel p{font-size:11px;color:#737d89;line-height:1.6}.code-row{display:flex;gap:8px;background:#0a0e14;border-radius:13px;padding:8px}.code-row code{flex:1;color:#c9d7e8;font-size:10px;padding:8px;overflow:auto;white-space:nowrap}.code-row button{border:1px solid #2a3441;background:#151d28;color:#fff;border-radius:9px;padding:0 12px;font-size:9px}.billing-panel{display:flex;justify-content:space-between;align-items:center;gap:30px}.billing-panel .dashboard-action{width:auto;white-space:nowrap}.login-page{display:flex;align-items:center}@media(max-width:1050px){.navlinks{display:none}.hero-grid,.control-grid,.checkout-layout,.login-layout,.legal-layout{grid-template-columns:1fr}.signal-console{border-radius:28px;margin-top:20px}.hero-copy{padding-bottom:20px}.legal-aside{position:static}.dashboard-grid{grid-template-columns:1fr}.foot-top{grid-template-columns:1.4fr 1fr 1fr}.foot-col:last-child{grid-column:2/4}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div:nth-child(3){border-top:1px solid rgba(255,255,255,.16)}}@media(max-width:760px){.container{width:min(100% - 24px,1240px)}.navin{height:64px}.navactions .ghost{display:none}.nav .logo{font-size:19px}.brand-mark{width:29px;height:29px}.hero{padding-top:58px}.hero h1{font-size:58px}.lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.signal-console{min-height:auto}.console-grid{grid-template-columns:1fr}.console-rail{display:none}.console-main{padding:18px 14px}.msg.customer{margin-left:8%}.section{padding:78px 0}.split-head{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.split-head h2,.control-copy h2,.checkout-copy h1,.login-copy h1{font-size:46px}.flowline{grid-template-columns:1fr}.flowstep,.flowstep+.flowstep{padding:28px 0;border-left:0;border-bottom:1px solid var(--line);min-height:auto}.flow-glyph{margin:22px 0 15px}.truth-card{transform:none}.proof-grid{grid-template-columns:1fr 1fr}.pricing-wrap{grid-template-columns:1fr}.cta-shell{grid-template-columns:1fr;padding:36px 26px}.cta-circle{width:120px;height:120px}.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.foot-col:last-child{grid-column:auto}.formpage{padding:48px 0 70px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.legalcopy{padding:22px}.legal-aside h1{font-size:46px}.appshell{grid-template-columns:1fr}.appside{display:none}.appmain{padding:22px 14px 50px}.dashboard-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.billing-panel{align-items:flex-start;flex-direction:column}.billing-panel .dashboard-action{width:100%}}@media(max-width:500px){.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-bottom:1px solid rgba(255,255,255,.16)}.console-stats{grid-template-columns:1fr}.foot-top{grid-template-columns:1fr}.foot-brand{grid-column:auto}.hero h1{font-size:50px}.pricevalue{font-size:48px}.cta-shell h2{font-size:42px}.navactions .btn.ink{padding:0 12px;font-size:11px}}

/* Guided company profile */
.business-profile-panel{margin:0 0 16px;padding:24px;position:relative;overflow:hidden;background:
radial-gradient(circle at 100% 0,rgba(17,17,20,.07),transparent 32%),#fff}
.business-profile-panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.business-profile-head{align-items:flex-start}.business-profile-head p{margin:7px 0 0;color:#77818d;font-size:11px;line-height:1.6;max-width:650px}
.business-profile-form{position:relative}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.profile-wide{grid-column:1/-1}.business-profile-form textarea{min-height:88px}
.profile-save-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding-top:18px;border-top:1px solid #edf0f3}
.profile-save-row b{display:block;font-size:11px}.profile-save-row small{display:block;margin-top:4px;color:#838d99;font-size:9px}
.profile-save{width:auto;min-width:230px;margin:0}
@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.profile-wide{grid-column:auto}.profile-save-row{align-items:flex-start;flex-direction:column}.profile-save{width:100%}}


/* =========================================================
   RESPONDO — CLEAN PREMIUM LIGHT SYSTEM
   ========================================================= */
:root{
  --ink:#111114;
  --muted:#6e6e73;
  --blue:#111114;
  --blue-soft:#f1f1f3;
  --green:#2aa66a;
  --danger:#c93434;
  --line:rgba(17,17,20,.09);
  --night:#ffffff;
  --paper:#ffffff;
  --soft:#f5f5f7;
  --shadow:0 24px 70px rgba(0,0,0,.08);
}
html{background:#fff}
body{
  background:#fff;
  color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
.container{width:min(100% - 40px,1240px)}

.nav{
  position:sticky;
  top:0;
  z-index:900;
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
  border-bottom:1px solid rgba(17,17,20,.06)!important;
  box-shadow:none!important;
}
.navin{height:68px}
.brand-word{font-weight:760;letter-spacing:-.035em}
.brand-mark{
  background:linear-gradient(145deg,#0d0d10,#2a2a30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 18px rgba(0,0,0,.12)!important;
}
.navlinks a{color:#4f4f54!important;font-weight:600}
.navlinks a:hover{color:#111114!important}
.btn{border-radius:999px!important;font-weight:700;letter-spacing:-.01em}
.btn.ghost{
  background:transparent!important;
  border-color:rgba(17,17,20,.09)!important;
  color:#111114!important;
}
.btn.ink,.hero-primary,.checkout-button,.dashboard-action{
  background:#111114!important;
  border-color:#111114!important;
  color:#fff!important;
  box-shadow:none!important;
}
.btn.ink:hover,.hero-primary:hover,.checkout-button:hover,.dashboard-action:hover{background:#2a2a2f!important}

.hero{
  background:
    radial-gradient(circle at 80% 18%,rgba(0,113,227,.11),transparent 32%),
    radial-gradient(circle at 18% 8%,rgba(120,190,255,.12),transparent 28%),
    #fff!important;
  color:#111114!important;
  padding-top:96px!important;
  overflow:hidden;
}
.hero-copy{padding-top:28px}
.hero-label{
  color:#7b7b82!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}
.hero-label span{background:#111114!important}
.hero h1{
  font-size:clamp(64px,8vw,112px)!important;
  line-height:.92!important;
  letter-spacing:-.075em!important;
  font-weight:780!important;
  color:#111114!important;
  max-width:900px;
}
.hero h1 em{
  color:#111114!important;
  font-style:normal!important;
  background:linear-gradient(90deg,#111114,#45a8ff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.lead{
  color:#6e6e73!important;
  font-size:20px!important;
  line-height:1.55!important;
  max-width:650px!important;
}
.text-link{color:#3f3f44!important}
.trust-row{color:#77777e!important}
.trust-row i{color:#111114!important}

.signal-console{
  background:rgba(255,255,255,.9)!important;
  color:#111114!important;
  border:1px solid rgba(17,17,20,.08)!important;
  box-shadow:0 40px 120px rgba(43,63,85,.12),0 2px 8px rgba(0,0,0,.03)!important;
  border-radius:34px!important;
}
.console-top{
  background:#fbfbfd!important;
  border-bottom:1px solid rgba(17,17,20,.07)!important;
  color:#6e6e73!important;
}
.console-brand{color:#343438!important}
.console-time{color:#8c8c92!important}
.console-grid{background:#fff!important}
.console-rail{
  background:#fafafa!important;
  border-right:1px solid rgba(17,17,20,.07)!important;
}
.rail-label,.rail-item,.rail-health{color:#8a8a90!important}
.rail-item.active{background:#fff!important;color:#111114!important;box-shadow:0 1px 8px rgba(0,0,0,.05)!important}
.rail-item.active i{background:#111114!important}
.console-header small{color:#8a8a90!important}
.console-header h3{color:#111114!important}
.verified{
  background:#eef7ff!important;
  border-color:#d7eaff!important;
  color:#111114!important;
}
.msg,.answer-card,.handoff-card{
  background:#f7f7f9!important;
  border:1px solid rgba(17,17,20,.07)!important;
  color:#111114!important;
}
.msg.customer{background:#f2f2f4!important}
.msg-meta{color:#8b8b92!important}
.answer-card{background:#fff!important;box-shadow:0 12px 36px rgba(0,0,0,.05)!important}
.answer-card p{color:#2f2f34!important}
.source-line{border-color:rgba(17,17,20,.07)!important;color:#7b7b82!important}
.handoff-card{background:#fffaf1!important;border-color:#f2e2bf!important}
.handoff-card b{color:#8a5b00!important}
.handoff-card small{color:#856f4d!important}
.console-stats div{background:#fafafa!important;border-color:rgba(17,17,20,.06)!important}
.console-stats b{color:#111114!important}
.console-stats span{color:#8b8b92!important}

.section{padding:132px 0!important}
.section-kicker{color:#8b8b92!important}
.split-head h2,.control-copy h2,.checkout-copy h1,.login-copy h1{
  color:#111114!important;
  font-weight:760!important;
}
.split-head h2 em,.control-copy h2 em,.checkout-copy h1 em,.login-copy h1 em{
  color:#111114!important;
  font-style:normal!important;
}
.split-head p,.control-copy>p{color:#6e6e73!important}

.workflow{background:#fff!important}
.flowline{border-color:rgba(17,17,20,.08)!important}
.flowstep+.flowstep{border-color:rgba(17,17,20,.08)!important}
.flow-num{color:#9c9ca2!important}
.flow-glyph{color:#111114!important}
.flowstep h3{color:#111114!important}
.flowstep p{color:#6e6e73!important}

.control{
  background:#f5f5f7!important;
  color:#111114!important;
}
.control:before{
  width:520px!important;height:520px!important;
  right:-180px!important;top:-180px!important;
  background:radial-gradient(circle,rgba(0,113,227,.10),transparent 68%)!important;
}
.control-list{border-color:rgba(17,17,20,.08)!important}
.control-list>div{border-color:rgba(17,17,20,.08)!important}
.control-list span{color:#9b9ba1!important}
.control-list b{color:#111114!important}
.control-list small{color:#6e6e73!important}
.truth-card{
  background:#fff!important;
  color:#111114!important;
  border:1px solid rgba(17,17,20,.08)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.08)!important;
  transform:none!important;
}
.truth-top,.truth-footer{color:#8b8b92!important}
.truth-status{color:#2aa66a!important}
.knowledge-row{border-color:rgba(17,17,20,.07)!important}
.knowledge-row small{color:#77777e!important}
.truth-footer{border-color:rgba(17,17,20,.07)!important}
.truth-footer b{color:#111114!important}

.proof-strip{
  background:linear-gradient(180deg,#f8fbff,#eef6ff)!important;
  color:#111114!important;
  border-block:1px solid #dfeefe!important;
}
.proof-grid>div{border-color:#dceafa!important}
.proof-grid span{color:#6c7b8d!important;opacity:1!important}
.proof-grid small{color:#6e6e73!important;opacity:1!important}

.pricing-section{background:#fff!important}
.price-card{
  background:#fff!important;
  color:#111114!important;
  border:1px solid rgba(17,17,20,.08)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.055)!important;
}
.price-card.featured{
  background:#f5f5f7!important;
  color:#111114!important;
  border-color:rgba(17,17,20,.08)!important;
}
.price-top{color:#8b8b92!important}
.price-top .save{background:#eaf8f0!important;color:#24895c!important}
.price-rule,.featured .price-rule{background:rgba(17,17,20,.08)!important}
.price-card ul,.featured ul{color:#5f5f65!important}
.price-btn{background:#f5f5f7!important;color:#111114!important;border-color:#ededf0!important}
.price-btn.blue{background:#111114!important;color:#fff!important;border-color:#111114!important}

.final-cta{background:#fff!important}
.cta-shell{
  background:
    radial-gradient(circle at 80% 15%,rgba(0,113,227,.14),transparent 30%),
    linear-gradient(180deg,#f7f9fc,#f2f5f8)!important;
  color:#111114!important;
  border:1px solid rgba(17,17,20,.06)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.06)!important;
}
.cta-shell p{color:#6e6e73!important}
.cta-circle{background:#111114!important;color:#fff!important;box-shadow:0 16px 40px rgba(0,113,227,.2)!important}

.footer{
  background:#f5f5f7!important;
  border-top:1px solid rgba(17,17,20,.07)!important;
}
.foot-top{border-color:rgba(17,17,20,.08)!important}
.foot-brand p,.foot-col a,.foot-col span{color:#6e6e73!important}
.seller-chip{background:#fff!important;border-color:rgba(17,17,20,.08)!important;color:#5e5e64!important}
.legalbar{color:#8b8b92!important}

.formpage,.legalpage{
  background:
    radial-gradient(circle at 18% 5%,rgba(0,113,227,.06),transparent 24%),
    #f5f5f7!important;
}
.formcard,.seller-card,.legalcopy,.legal-seller,.panel,.stat{
  background:#fff!important;
  border-color:rgba(17,17,20,.08)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.05)!important;
}
.form-head{border-color:rgba(17,17,20,.08)!important}
.field input,.field textarea,.field select{
  background:#fafafa!important;
  border-color:rgba(17,17,20,.09)!important;
}
.field input:focus,.field textarea:focus,.field select:focus{
  background:#fff!important;
  border-color:#8fc8ff!important;
  box-shadow:0 0 0 4px rgba(0,113,227,.08)!important;
}
.checkout-copy>p,.login-copy>p,.legalcopy p,.install-panel>p,.billing-panel p{color:#6e6e73!important}

.appshell{background:#f5f5f7!important}
.appside{
  background:rgba(255,255,255,.86)!important;
  color:#111114!important;
  border-right:1px solid rgba(17,17,20,.07)!important;
  backdrop-filter:blur(20px);
}
.workspace-chip{
  background:#f7f7f8!important;
  border-color:rgba(17,17,20,.07)!important;
}
.workspace-chip b,.user-mini b{color:#111114!important}
.workspace-chip small,.user-mini small{color:#8b8b92!important}
.appnav a{color:#707078!important}
.appnav a span{color:#9a9aa0!important}
.appnav a.active,.appnav a:hover{background:#f2f2f4!important;color:#111114!important}
.appnav a.active span{color:#111114!important}
.appside-bottom{border-color:rgba(17,17,20,.08)!important}
.avatar{background:#f1f1f3!important;color:#111114!important}
.side-logout{color:#77777e!important}
.appmain{background:#f5f5f7!important}
.live-chip{background:#f2fbf6!important;border-color:#dbeee4!important;color:#357256!important}
.stat,.panel{box-shadow:none!important}
.dashboard-head p,.stat span,.knowledge-item p,.empty-state p{color:#77777e!important}

.business-profile-panel{
  background:#fff!important;
  box-shadow:0 18px 60px rgba(0,0,0,.045)!important;
}
.business-profile-head p{color:#6e6e73!important}

@media(max-width:760px){
  .container{width:min(100% - 24px,1240px)}
  .hero{padding-top:58px!important}
  .hero h1{font-size:56px!important}
  .section{padding:88px 0!important}
  .split-head h2,.control-copy h2,.checkout-copy h1,.login-copy h1{font-size:46px!important}
}


/* =========================================================
   RESPONDO LUXE MINIMAL — PRODUCT-FIRST LIGHT EXPERIENCE
   ========================================================= */
:root{
  --lux-ink:#1d1d1f;
  --lux-muted:#6e6e73;
  --lux-blue:#111114;
  --lux-bg:#ffffff;
  --lux-soft:#f5f5f7;
  --lux-line:rgba(0,0,0,.065);
  --lux-radius:32px;
  --lux-shadow:0 28px 90px rgba(0,0,0,.07);
}
body{background:var(--lux-bg)!important;color:var(--lux-ink)!important}
.container{width:min(100% - 48px,1180px)!important}
.nav{background:rgba(255,255,255,.72)!important;border-bottom:1px solid rgba(0,0,0,.045)!important}
.navin{height:64px!important}
.navlinks{gap:30px!important}
.navlinks a{font-size:12px!important;font-weight:560!important;color:#45454a!important}
.navactions{gap:8px!important}
.navactions .btn{min-height:38px!important;padding:0 17px!important;font-size:12px!important}
.logo{gap:9px!important}
.brand-mark{width:30px!important;height:30px!important;border-radius:9px!important}
.brand-word{font-size:18px!important;font-weight:690!important}

.hero{padding:118px 0 92px!important;background:
radial-gradient(circle at 50% 8%,rgba(105,180,255,.13),transparent 31%),
linear-gradient(180deg,#fff 0%,#fbfdff 72%,#fff 100%)!important}
.hero-grid{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:70px!important;
}
.hero-copy{
  width:min(920px,100%)!important;
  text-align:center!important;
  padding:0!important;
}
.hero-label{justify-content:center!important;font-size:10px!important;color:#86868b!important;margin-bottom:24px!important}
.hero-label span{display:none!important}
.hero h1{
  max-width:none!important;
  margin:0 auto 28px!important;
  font-size:clamp(66px,9vw,118px)!important;
  line-height:.91!important;
  letter-spacing:-.078em!important;
  font-weight:690!important;
}
.hero h1 em{font-weight:690!important}
.lead{
  max-width:720px!important;
  margin:0 auto!important;
  font-size:clamp(19px,2vw,24px)!important;
  line-height:1.45!important;
  letter-spacing:-.02em!important;
}
.hero-actions{justify-content:center!important;margin-top:34px!important;gap:18px!important}
.hero-primary{min-height:48px!important;padding:0 24px!important;font-size:14px!important}
.text-link{font-size:14px!important;font-weight:600!important}
.trust-row{justify-content:center!important;margin-top:26px!important;gap:24px!important;font-size:11px!important}
.signal-console{
  width:min(1050px,100%)!important;
  margin:0 auto!important;
  border-radius:34px!important;
  transform:none!important;
  box-shadow:0 38px 120px rgba(42,65,89,.10),0 1px 0 rgba(0,0,0,.04)!important;
}
.signal-console::before,.signal-console::after{display:none!important}
.console-grid{grid-template-columns:180px 1fr!important}
.console-main{padding:30px 30px 22px!important}
.console-header h3{font-size:28px!important}
.answer-card,.msg,.handoff-card{border-radius:18px!important}

.section{padding:150px 0!important}
.section-kicker{
  justify-content:center!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
  color:#8b8b90!important;
}
.section-kicker:before{display:none!important}
.split-head{
  display:block!important;
  text-align:center!important;
  max-width:900px!important;
  margin:20px auto 70px!important;
}
.split-head h2{
  font-size:clamp(50px,7vw,86px)!important;
  line-height:.94!important;
  letter-spacing:-.066em!important;
  font-weight:680!important;
}
.split-head p{
  max-width:650px!important;
  margin:22px auto 0!important;
  font-size:18px!important;
  line-height:1.55!important;
}

.workflow{background:#fff!important}
.flowline{
  border:0!important;
  gap:18px!important;
}
.flowstep,.flowstep+.flowstep{
  border:0!important;
  padding:34px!important;
  min-height:290px!important;
  background:var(--lux-soft)!important;
  border-radius:var(--lux-radius)!important;
}
.flowstep{display:flex!important;flex-direction:column!important}
.flow-num{font-size:10px!important;color:#9a9aa0!important}
.flow-glyph{
  width:56px!important;height:56px!important;
  margin:48px 0 28px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(0,0,0,.05)!important;
  font-size:34px!important;
}
.flowstep h3{font-size:26px!important;font-weight:650!important;letter-spacing:-.035em!important}
.flowstep p{font-size:14px!important;line-height:1.6!important;color:#6e6e73!important}

.control{background:#f5f5f7!important;padding:150px 0!important}
.control:before{display:none!important}
.control-grid{grid-template-columns:1fr 1fr!important;gap:40px!important}
.control-copy{
  padding:48px!important;
  border-radius:38px!important;
  background:#fff!important;
  box-shadow:0 22px 70px rgba(0,0,0,.045)!important;
}
.control-copy .section-kicker{justify-content:flex-start!important}
.control-copy h2{
  font-size:clamp(46px,5.3vw,72px)!important;
  line-height:.96!important;
  margin:20px 0 24px!important;
}
.control-copy>p{font-size:17px!important;line-height:1.55!important}
.control-list{margin-top:36px!important}
.control-list>div{padding:18px 0!important}
.truth-card{
  border-radius:38px!important;
  padding:34px!important;
  align-self:stretch!important;
  box-shadow:0 24px 80px rgba(0,0,0,.055)!important;
}
.truth-title{font-size:30px!important}
.knowledge-row{padding:18px 0!important}
.knowledge-row b{font-size:13px!important}
.knowledge-row small{font-size:10px!important}

.proof-strip{
  background:#fff!important;
  border:0!important;
  padding:32px 0 80px!important;
}
.proof-grid{
  background:#f5f5f7!important;
  border-radius:32px!important;
  overflow:hidden!important;
}
.proof-grid>div{padding:34px 30px!important;border-color:rgba(0,0,0,.055)!important}
.proof-grid b{font-size:24px!important;font-weight:650!important}
.proof-grid span{font-size:9px!important}

.pricing-section{background:#fff!important}
.pricing-wrap{gap:20px!important;max-width:1220px!important}
.price-card{
  border-radius:34px!important;
  padding:36px!important;
  box-shadow:none!important;
  background:#f5f5f7!important;
  border:0!important;
}
.price-card.featured{background:#eef6ff!important}
.price-card h3{font-size:22px!important}
.pricevalue{font-size:64px!important;font-weight:680!important}
.price-card ul{font-size:13px!important;gap:14px!important}
.price-btn{min-height:50px!important;border-radius:999px!important;background:#fff!important}
.price-btn.blue{background:#111114!important}

.final-cta{padding-top:40px!important}
.cta-shell{
  min-height:420px!important;
  padding:70px!important;
  border-radius:42px!important;
  background:
    radial-gradient(circle at 75% 20%,rgba(92,170,255,.14),transparent 32%),
    linear-gradient(180deg,#f7faff,#f3f6f9)!important;
  box-shadow:none!important;
}
.cta-shell h2{
  font-size:clamp(56px,7vw,90px)!important;
  line-height:.93!important;
  letter-spacing:-.07em!important;
  font-weight:680!important;
}
.cta-shell p{font-size:17px!important}
.cta-circle{width:132px!important;height:132px!important;box-shadow:none!important}

.footer{padding-top:72px!important}
.foot-top{gap:60px!important;padding-bottom:56px!important}
.foot-brand p{max-width:320px!important}
.foot-col h4{color:#9a9aa0!important}
.foot-col a,.foot-col span{font-size:12px!important}

.formpage{padding:110px 0 130px!important;background:#f5f5f7!important}
.checkout-layout,.login-layout{max-width:1080px!important;gap:80px!important}
.checkout-copy h1,.login-copy h1{
  font-size:clamp(58px,6.7vw,88px)!important;
  font-weight:680!important;
}
.formcard{
  border:0!important;
  border-radius:32px!important;
  box-shadow:0 20px 70px rgba(0,0,0,.06)!important;
  padding:34px!important;
}
.field input,.field textarea,.field select{border-radius:14px!important}
.checkout-button{border-radius:999px!important}

.legalpage{padding:120px 0!important}
.legalcopy{border-radius:30px!important;border:0!important;box-shadow:0 16px 60px rgba(0,0,0,.045)!important}

.appshell{background:#f5f5f7!important}
.appside{
  width:auto!important;
  background:rgba(255,255,255,.9)!important;
  border-right:1px solid rgba(0,0,0,.055)!important;
}
.appmain{padding:48px 48px 80px!important}
.dashboard-head h1{font-size:54px!important;font-weight:680!important}
.stat,.panel{
  border:0!important;
  border-radius:24px!important;
  background:#fff!important;
}
.stats{gap:14px!important}
.stat{padding:22px!important}
.dashboard-grid{gap:18px!important}
.business-profile-panel{border-radius:28px!important;padding:28px!important}
.profile-grid{gap:16px!important}

@media(max-width:1050px){
  .control-grid{grid-template-columns:1fr!important}
  .control-copy,.truth-card{max-width:820px!important;margin:0 auto!important;width:100%!important}
}
@media(max-width:760px){
  .container{width:min(100% - 24px,1180px)!important}
  .hero{padding:78px 0 64px!important}
  .hero-grid{gap:45px!important}
  .hero h1{font-size:58px!important}
  .lead{font-size:18px!important}
  .trust-row{gap:12px!important;flex-wrap:wrap!important}
  .signal-console{border-radius:26px!important}
  .console-grid{grid-template-columns:1fr!important}
  .section{padding:96px 0!important}
  .split-head{margin-bottom:42px!important}
  .split-head h2{font-size:48px!important}
  .flowline{grid-template-columns:1fr!important}
  .flowstep,.flowstep+.flowstep{padding:28px!important}
  .control{padding:96px 0!important}
  .control-copy,.truth-card{padding:26px!important;border-radius:28px!important}
  .pricing-wrap{grid-template-columns:1fr!important}
  .cta-shell{padding:38px 28px!important;min-height:360px!important}
  .cta-shell h2{font-size:52px!important}
  .foot-top{gap:30px!important}
  .appmain{padding:28px 16px 60px!important}
}


/* =========================================================
   RESPONDO MONOCHROME — NO BLUE
   ========================================================= */
:root{
  --blue:#1d1d1f!important;
  --lux-blue:#1d1d1f!important;
}
.brand-mark{background:linear-gradient(145deg,#0f0f10,#343438)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
.hero{
  background:
    radial-gradient(circle at 50% 8%,rgba(0,0,0,.035),transparent 31%),
    linear-gradient(180deg,#fff 0%,#fafafa 72%,#fff 100%)!important;
}
.hero-glow{border-color:rgba(0,0,0,.05)!important}
.hero-glow:before,.hero-glow:after{border-color:rgba(0,0,0,.035)!important}
.hero h1 em,.split-head h2 em,.control-copy h2 em,.checkout-copy h1 em,.login-copy h1 em{
  color:#1d1d1f!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}
.btn.hero-primary,.price-btn.blue,.cta-circle{
  background:#1d1d1f!important;
  border-color:#1d1d1f!important;
  color:#fff!important;
}
.flow-glyph{color:#1d1d1f!important}
.proof-strip{
  background:#fff!important;
  color:#1d1d1f!important;
}
.price-card.featured{background:#efeff1!important;color:#1d1d1f!important}
.price-top .save{background:#e9e9eb!important;color:#4a4a4f!important}
.featured ul{color:#5f5f65!important}
.price-card li:before{color:#1d1d1f!important}
.cta-shell{
  background:
    radial-gradient(circle at 75% 18%,rgba(0,0,0,.045),transparent 31%),
    linear-gradient(180deg,#f7f7f8,#f0f0f2)!important;
}
.formpage{
  background:
    radial-gradient(circle at 18% 5%,rgba(0,0,0,.035),transparent 24%),
    #f5f5f7!important;
}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:#b9b9be!important;
  box-shadow:0 0 0 4px rgba(0,0,0,.045)!important;
}
.verified{
  background:#f3f3f4!important;
  border-color:#e0e0e2!important;
  color:#4f4f54!important;
}
.rail-item.active i{background:#1d1d1f!important}
.mini-mark{background:#1d1d1f!important;color:#fff!important}
.source-line span{color:#77777d!important}
.appnav a.active span{color:#1d1d1f!important}
.install-badge{background:#f1f1f2!important;color:#55555a!important;border-color:#e4e4e6!important}


/* =========================================================
   RESPONDO PRODUCT ONBOARDING + LIVE PREVIEW
   ========================================================= */
.onboarding-card{
  margin:0 0 18px;
  padding:28px;
  border-radius:28px;
  background:#111113;
  color:#fff;
  box-shadow:0 20px 70px rgba(0,0,0,.10);
}
.onboarding-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
.onboarding-top small{
  display:block;
  margin-bottom:8px;
  color:#8f8f95;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
.onboarding-top h2{
  margin:0;
  font-size:30px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:660;
}
.onboarding-top p{
  margin:7px 0 0;
  color:#9b9ba1;
  font-size:11px;
}
.onboarding-score{
  font-size:30px;
  line-height:1;
  font-weight:620;
  letter-spacing:-.05em;
  color:#e9e9eb;
}
.onboarding-progress{
  height:4px;
  margin:22px 0 18px;
  overflow:hidden;
  border-radius:999px;
  background:#2c2c30;
}
.onboarding-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#f5f5f7;
  transition:width .5s ease;
}
.onboarding-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.onboarding-step{
  min-height:68px;
  padding:12px 13px;
  display:grid;
  grid-template-columns:26px 1fr auto;
  gap:8px;
  align-items:center;
  border:1px solid #2d2d31;
  border-radius:16px;
  background:#1b1b1e;
  color:#dedee2;
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
}
.onboarding-step:hover{background:#242428;transform:translateY(-1px)}
.onboarding-step.done{background:#f5f5f7;color:#1d1d1f;border-color:#f5f5f7}
.onboarding-step span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#2b2b2f;
  color:#c9c9ce;
  font-size:9px;
  font-weight:800;
}
.onboarding-step.done span{background:#1d1d1f;color:#fff}
.onboarding-step b{font-size:10px;line-height:1.35}
.onboarding-step em{font-style:normal;color:#7e7e84}

.profile-live-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:18px;
  margin:0 0 18px;
  align-items:start;
}
.profile-live-grid .business-profile-panel{margin:0!important;height:100%}
.live-preview-panel{
  position:sticky;
  top:90px;
  padding:22px!important;
}
.preview-live{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  background:#f2f2f3;
  color:#5f5f64;
  font-size:9px;
  font-weight:750;
}
.preview-live i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#4f4f54;
}
.preview-device{
  margin-top:18px;
  border:1px solid rgba(0,0,0,.07);
  border-radius:28px;
  background:#f6f6f8;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.06);
}
.preview-device-top{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 15px;
  border-bottom:1px solid rgba(0,0,0,.06);
  background:#fff;
}
.preview-avatar{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:#1d1d1f;
  color:#fff;
  font-size:11px;
  font-weight:850;
}
.preview-device-top b{display:block;font-size:12px}
.preview-device-top small{display:block;margin-top:1px;color:#8b8b91;font-size:9px}
.preview-chat{
  min-height:330px;
  max-height:420px;
  overflow:auto;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.preview-bubble{
  max-width:86%;
  padding:10px 12px;
  border-radius:15px;
  font-size:11px;
  line-height:1.5;
  white-space:pre-line;
}
.preview-bubble.bot{
  align-self:flex-start;
  background:#fff;
  color:#2a2a2e;
  border:1px solid rgba(0,0,0,.055);
  border-bottom-left-radius:5px;
}
.preview-bubble.user{
  align-self:flex-end;
  background:#1d1d1f;
  color:#fff;
  border-bottom-right-radius:5px;
}
.preview-thinking{color:#8b8b91!important}
.preview-leadbox{
  align-self:stretch;
  display:grid;
  gap:7px;
  padding:12px;
  border:1px solid rgba(0,0,0,.07);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.035);
}
.preview-leadbox b{font-size:11px;line-height:1.35;color:#1d1d1f}
.preview-leadbox small{font-size:9px;line-height:1.45;color:#77777d}
.preview-leadbox input{
  width:100%;
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(0,0,0,.09);
  border-radius:11px;
  outline:none;
  background:#fafafa;
  color:#1d1d1f;
  font-size:10px;
}
.preview-leadbox input:focus{
  background:#fff;
  border-color:#b9b9be;
  box-shadow:0 0 0 3px rgba(0,0,0,.035);
}
.preview-leadbox button{
  min-height:36px;
  border:0;
  border-radius:11px;
  background:#1d1d1f;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.preview-leadbox button:disabled{opacity:.7}
.preview-lead-status{min-height:0;font-size:9px;line-height:1.4;color:#77777d}
.preview-lead-status.success{color:#246b45}
.preview-lead-status.error{color:#a63434}
.preview-form{
  display:grid;
  grid-template-columns:1fr 42px;
  gap:8px;
  padding:12px;
  border-top:1px solid rgba(0,0,0,.06);
  background:#fff;
}
.preview-form input{
  width:100%;
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(0,0,0,.09);
  border-radius:13px;
  outline:none;
  background:#fafafa;
  color:#1d1d1f;
  font-size:11px;
}
.preview-form input:focus{
  background:#fff;
  border-color:#b9b9be;
  box-shadow:0 0 0 3px rgba(0,0,0,.035);
}
.preview-form button{
  border:0;
  border-radius:12px;
  background:#1d1d1f;
  color:#fff;
  font-size:17px;
}
.preview-note{
  margin:12px 2px 0;
  color:#8b8b91;
  font-size:9px;
  line-height:1.5;
}

.unanswered-panel{
  margin:0 0 18px;
  padding:24px!important;
}
.unanswered-head{align-items:flex-start}
.unanswered-head p{
  margin:7px 0 0;
  max-width:650px;
  color:#77777d;
  font-size:11px;
  line-height:1.55;
}
.unanswered-head>span{
  min-width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2f2f3;
  color:#59595e;
  font-size:11px;
  font-weight:800;
}
.unanswered-list{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.unanswered-item{
  padding:18px;
  border:1px solid rgba(0,0,0,.07);
  border-radius:18px;
  background:#fafafa;
  transition:.25s ease;
}
.unanswered-item.resolved{opacity:.45;transform:scale(.99)}
.unanswered-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#99999e;
  font-size:9px;
}
.unanswered-item h3{
  margin:10px 0 12px;
  font-size:17px;
  line-height:1.35;
  letter-spacing:-.025em;
}
.unanswered-answer{
  width:100%;
  min-height:82px;
  padding:12px;
  resize:vertical;
  border:1px solid rgba(0,0,0,.08);
  border-radius:13px;
  background:#fff;
  color:#1d1d1f;
  outline:none;
  font-size:12px;
}
.unanswered-answer:focus{
  border-color:#b9b9be;
  box-shadow:0 0 0 3px rgba(0,0,0,.035);
}
.unanswered-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:10px;
}
.unanswered-actions>span{
  color:#8b8b91;
  font-size:9px;
}
.unanswered-actions .dashboard-action{
  width:auto!important;
  margin:0!important;
  min-height:38px!important;
  padding:0 14px!important;
  font-size:10px!important;
}
.unanswered-empty{
  padding:42px 24px;
  text-align:center;
  border-radius:20px;
  background:#f7f7f8;
}
.unanswered-empty>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0 auto 12px;
  border-radius:50%;
  background:#1d1d1f;
  color:#fff;
}
.unanswered-empty b{display:block;font-size:14px}
.unanswered-empty p{margin:6px auto 0;max-width:480px;color:#85858b;font-size:10px;line-height:1.55}

.install-done{
  margin-top:12px;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  background:#fff;
  color:#55555a;
  font-size:10px;
  font-weight:750;
}
.install-done.done{background:#1d1d1f;color:#fff;border-color:#1d1d1f}

@media(max-width:1100px){
  .profile-live-grid{grid-template-columns:1fr}
  .live-preview-panel{position:static}
}
@media(max-width:900px){
  .onboarding-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .onboarding-card{padding:20px;border-radius:22px}
  .onboarding-top h2{font-size:24px}
  .onboarding-score{font-size:24px}
  .onboarding-steps{grid-template-columns:1fr}
  .profile-live-grid{gap:12px}
  .unanswered-actions{align-items:flex-start;flex-direction:column}
  .unanswered-actions .dashboard-action{width:100%!important}
}


/* =========================================================
   PREMIUM PRODUCT SUBNAV + VISUAL SHOWCASE
   ========================================================= */
.product-subnav{
  position:sticky;
  top:64px;
  z-index:79;
  border-bottom:1px solid rgba(0,0,0,.055);
  background:rgba(249,249,250,.82);
  backdrop-filter:saturate(160%) blur(24px);
  -webkit-backdrop-filter:saturate(160%) blur(24px);
}
.product-subnav-inner{
  min-height:52px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:26px;
}
.subnav-title{
  font-size:12px;
  font-weight:720;
  letter-spacing:-.02em;
}
.product-subnav nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
}
.product-subnav nav a{
  position:relative;
  padding:18px 0 16px;
  color:#6e6e73;
  font-size:11px;
  font-weight:590;
  transition:.2s ease;
}
.product-subnav nav a:hover,
.product-subnav nav a.active{
  color:#1d1d1f;
}
.product-subnav nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:#1d1d1f;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.product-subnav nav a.active::after{transform:scaleX(1)}
.subnav-cta{
  padding:8px 13px;
  border-radius:999px;
  background:#1d1d1f;
  color:#fff;
  font-size:10px;
  font-weight:720;
}

.visual-showcase{
  background:#f5f5f7!important;
  overflow:hidden;
}
.visual-showcase .split-head{
  margin-bottom:62px!important;
}
.visual-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.visual-card{
  min-height:620px;
  padding:36px 36px 0;
  border-radius:40px;
  background:#fff;
  overflow:hidden;
  position:relative;
  box-shadow:0 22px 70px rgba(0,0,0,.045);
  transform-style:preserve-3d;
}
.visual-card-large{
  grid-column:1/-1;
  min-height:760px;
}
.visual-copy{
  position:relative;
  z-index:2;
  max-width:620px;
}
.visual-copy small{
  display:block;
  margin-bottom:14px;
  color:#8b8b91;
  font-size:9px;
  font-weight:820;
  letter-spacing:.16em;
}
.visual-copy h3{
  margin:0;
  max-width:620px;
  font-size:clamp(36px,4.6vw,64px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:670;
}
.visual-card:not(.visual-card-large) .visual-copy h3{
  font-size:clamp(32px,3.4vw,46px);
}
.visual-copy p{
  margin:16px 0 0;
  max-width:520px;
  color:#6e6e73;
  font-size:15px;
  line-height:1.6;
}
.visual-frame{
  position:absolute;
  left:32px;
  right:32px;
  bottom:-34px;
  margin:0;
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.10);
  transform:translateZ(0);
}
.visual-card-large .visual-frame{
  left:50%;
  right:auto;
  width:min(880px,calc(100% - 72px));
  transform:translateX(-50%);
}
.visual-frame svg{
  display:block;
  width:100%;
  height:auto;
}
.visual-card::before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  border-radius:50%;
  right:-170px;
  top:-170px;
  background:radial-gradient(circle,rgba(0,0,0,.038),transparent 68%);
  pointer-events:none;
}
.visual-card:nth-child(2)::before{
  left:-180px;
  right:auto;
  top:auto;
  bottom:-180px;
}

.contact-section{
  background:#fff!important;
  padding-top:60px!important;
}
.contact-shell{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:end;
  gap:60px;
  padding:62px;
  border-radius:40px;
  background:#f5f5f7;
}
.contact-shell .section-kicker{
  justify-content:flex-start!important;
}
.contact-shell h2{
  margin:16px 0 0;
  font-size:clamp(52px,7vw,92px);
  line-height:.92;
  letter-spacing:-.07em;
  font-weight:680;
}
.contact-shell h2 em{
  font-style:normal;
  color:#1d1d1f;
}
.contact-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px;
}
.contact-mail{
  font-size:clamp(20px,2.2vw,30px);
  font-weight:650;
  letter-spacing:-.035em;
  border-bottom:1px solid #a9a9ad;
}
.contact-actions p{
  margin:0;
  color:#7b7b80;
  font-size:11px;
  line-height:1.5;
}

@media(max-width:900px){
  .product-subnav-inner{
    grid-template-columns:auto 1fr;
  }
  .product-subnav nav{
    justify-content:flex-end;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .product-subnav nav::-webkit-scrollbar{display:none}
  .subnav-cta{display:none}
  .visual-grid{grid-template-columns:1fr}
  .visual-card-large{grid-column:auto}
  .visual-card,.visual-card-large{min-height:620px}
  .contact-shell{grid-template-columns:1fr;align-items:start}
}
@media(max-width:640px){
  .product-subnav{
    top:64px;
  }
  .product-subnav-inner{
    width:100%!important;
    padding:0 12px;
    grid-template-columns:auto 1fr;
    gap:14px;
  }
  .subnav-title{font-size:11px}
  .product-subnav nav{gap:18px}
  .product-subnav nav a{font-size:10px;white-space:nowrap}
  .visual-card,.visual-card-large{
    min-height:520px;
    padding:26px 22px 0;
    border-radius:30px;
  }
  .visual-frame,
  .visual-card-large .visual-frame{
    left:18px;
    right:18px;
    width:auto;
    transform:none;
    bottom:-10px;
    border-radius:24px;
  }
  .visual-copy h3,
  .visual-card:not(.visual-card-large) .visual-copy h3{
    font-size:36px;
  }
  .contact-shell{
    padding:36px 24px;
    border-radius:30px;
  }
  .contact-shell h2{font-size:54px}
}


/* =========================================================
   MOBILE SHOWCASE SPACE FIX
   ========================================================= */
@media(max-width:900px){
  .visual-card,
  .visual-card-large{
    min-height:0!important;
    height:auto!important;
    padding-bottom:24px!important;
  }
  .visual-frame,
  .visual-card-large .visual-frame{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:28px 0 0!important;
    transform:none!important;
    opacity:1!important;
    clip-path:none!important;
  }
  .visual-card-large.visual-visible .visual-frame,
  .visual-card:not(.visual-card-large).visual-visible .visual-frame{
    transform:none!important;
  }
}

@media(max-width:640px){
  .visual-card,
  .visual-card-large{
    min-height:0!important;
    padding:24px 20px 20px!important;
  }
  .visual-frame,
  .visual-card-large .visual-frame{
    margin-top:24px!important;
    border-radius:22px!important;
  }
}


/* =========================================================
   PREMIUM VALUE CALCULATOR
   ========================================================= */
.value-calculator{
  background:#fff!important;
}
.calculator-head{
  margin-bottom:54px!important;
}
.calculator-shell{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:20px;
  align-items:stretch;
}
.calculator-controls{
  display:grid;
  gap:18px;
}
.calc-control{
  padding:30px;
  border-radius:30px;
  background:#f5f5f7;
}
.calc-control-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
.calc-control-head small{
  display:block;
  margin-bottom:7px;
  color:#8b8b91;
  font-size:9px;
  font-weight:820;
  letter-spacing:.15em;
}
.calc-control-head b{
  display:block;
  font-size:18px;
  line-height:1.3;
  letter-spacing:-.025em;
}
.calc-control-head output{
  flex:0 0 auto;
  min-width:104px;
  text-align:right;
  color:#1d1d1f;
  font-size:28px;
  line-height:1;
  font-weight:680;
  letter-spacing:-.045em;
}
.premium-range{
  --range-progress:5%;
  width:100%;
  height:28px;
  margin:28px 0 4px;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
}
.premium-range::-webkit-slider-runnable-track{
  height:4px;
  border-radius:999px;
  background:
    linear-gradient(to right,#1d1d1f 0 var(--range-progress),#d1d1d5 var(--range-progress) 100%);
}
.premium-range::-moz-range-track{
  height:4px;
  border-radius:999px;
  background:
    linear-gradient(to right,#1d1d1f 0 var(--range-progress),#d1d1d5 var(--range-progress) 100%);
}
.premium-range::-webkit-slider-thumb{
  appearance:none;
  -webkit-appearance:none;
  width:24px;
  height:24px;
  margin-top:-10px;
  border:5px solid #fff;
  border-radius:50%;
  background:#1d1d1f;
  box-shadow:0 3px 12px rgba(0,0,0,.18);
  transition:transform .16s ease;
}
.premium-range::-moz-range-thumb{
  width:16px;
  height:16px;
  border:5px solid #fff;
  border-radius:50%;
  background:#1d1d1f;
  box-shadow:0 3px 12px rgba(0,0,0,.18);
}
.premium-range:active::-webkit-slider-thumb{
  transform:scale(1.08);
}
.range-labels{
  display:flex;
  justify-content:space-between;
  color:#9a9aa0;
  font-size:9px;
}
.calculator-result{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-radius:32px;
  background:#111113;
  color:#fff;
}
.calculator-result::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-150px;
  top:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);
}
.calculator-result>small{
  position:relative;
  z-index:1;
  display:block;
  color:#8f8f95;
  font-size:9px;
  font-weight:820;
  letter-spacing:.15em;
}
.calc-main-value{
  position:relative;
  z-index:1;
  margin:18px 0 34px;
  font-size:clamp(48px,6.8vw,88px);
  line-height:.9;
  font-weight:670;
  letter-spacing:-.075em;
}
.calc-result-grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:0;
  border-top:1px solid #2c2c30;
}
.calc-result-grid>div{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:16px;
  padding:17px 0;
  border-bottom:1px solid #2c2c30;
}
.calc-result-grid span{
  color:#929298;
  font-size:10px;
}
.calc-result-grid b{
  font-size:13px;
  font-weight:650;
  text-align:right;
}
.calculator-result p{
  position:relative;
  z-index:1;
  margin:22px 0 0;
  color:#8f8f95;
  font-size:9px;
  line-height:1.65;
}

@media(max-width:900px){
  .calculator-shell{grid-template-columns:1fr}
}
@media(max-width:640px){
  .calculator-head{margin-bottom:34px!important}
  .calc-control{padding:22px;border-radius:24px}
  .calc-control-head{
    flex-direction:column;
    gap:12px;
  }
  .calc-control-head output{
    min-width:0;
    text-align:left;
    font-size:34px;
  }
  .calculator-result{
    padding:26px 22px;
    border-radius:26px;
  }
  .calc-main-value{
    font-size:52px;
  }
}


/* =========================================================
   POST-CHECKOUT WELCOME
   ========================================================= */
.welcome-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  margin:0 0 18px;
  padding:24px 26px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(0,0,0,.055);
  box-shadow:0 18px 60px rgba(0,0,0,.045);
  transition:opacity .28s ease,transform .28s ease;
}
.welcome-card.welcome-dismissed{
  opacity:0;
  transform:translateY(-8px);
}
.welcome-mark{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#1d1d1f;
  color:#fff;
  font-size:16px;
  font-weight:850;
}
.welcome-copy small{
  display:block;
  margin-bottom:5px;
  color:#8b8b91;
  font-size:9px;
  font-weight:820;
  letter-spacing:.14em;
}
.welcome-copy h2{
  margin:0;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.045em;
  font-weight:680;
}
.welcome-copy p{
  margin:7px 0 0;
  max-width:620px;
  color:#74747a;
  font-size:11px;
  line-height:1.55;
}
.welcome-start{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:#1d1d1f!important;
  color:#fff!important;
  border:0!important;
  white-space:nowrap;
}
@media(max-width:760px){
  .welcome-card{
    grid-template-columns:auto 1fr;
    padding:20px;
  }
  .welcome-start{
    grid-column:1/-1;
    width:100%;
  }
}


/* =========================================================
   SOURCED RESEARCH STATS
   ========================================================= */
.research-stats{
  background:#f5f5f7!important;
}
.research-head{
  margin-bottom:54px!important;
}
.research-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.research-stat{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:34px;
  border-radius:32px;
  background:#fff;
  border:1px solid rgba(0,0,0,.045);
  box-shadow:0 20px 60px rgba(0,0,0,.035);
  overflow:hidden;
  position:relative;
}
.research-stat::before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-110px;
  top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,0,0,.035),transparent 70%);
  pointer-events:none;
}
.research-stat-dark{
  background:#111113;
  color:#fff;
}
.research-stat-dark::before{
  background:radial-gradient(circle,rgba(255,255,255,.09),transparent 70%);
}
.research-number{
  position:relative;
  z-index:1;
  display:block;
  margin-bottom:18px;
  font-size:clamp(68px,8vw,112px);
  line-height:.82;
  letter-spacing:-.08em;
  font-weight:690;
}
.research-stat h3{
  position:relative;
  z-index:1;
  margin:0;
  max-width:460px;
  font-size:clamp(26px,3vw,38px);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:650;
}
.research-stat p{
  position:relative;
  z-index:1;
  margin:18px 0 26px;
  max-width:580px;
  color:#737379;
  font-size:12px;
  line-height:1.65;
}
.research-stat-dark p{color:#a5a5aa}
.research-stat a{
  position:relative;
  z-index:1;
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding-bottom:3px;
  border-bottom:1px solid #c9c9cd;
  color:#4f4f54;
  font-size:10px;
  font-weight:680;
}
.research-stat-dark a{
  color:#d7d7da;
  border-color:#4b4b50;
}
.research-stat-wide{
  grid-column:1/-1;
  min-height:300px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  align-items:end;
  gap:50px;
}
.research-stat-wide .research-number{
  margin-bottom:16px;
}
.research-stat-wide p{
  margin-top:0;
}
.research-note{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:start;
  margin-top:18px;
  padding:18px 20px;
  border-radius:18px;
  background:#ebebed;
}
.research-note span{
  padding:6px 8px;
  border-radius:999px;
  background:#1d1d1f;
  color:#fff;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
}
.research-note p{
  margin:0;
  max-width:920px;
  color:#717177;
  font-size:10px;
  line-height:1.65;
}

@media(max-width:800px){
  .research-grid{grid-template-columns:1fr}
  .research-stat-wide{
    grid-column:auto;
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
  }
}
@media(max-width:640px){
  .research-head{margin-bottom:34px!important}
  .research-stat{
    min-height:0;
    padding:26px 22px;
    border-radius:26px;
  }
  .research-number{
    font-size:72px;
  }
  .research-stat h3{
    font-size:30px;
  }
  .research-note{
    grid-template-columns:1fr;
  }
}


/* SOCIAL AUTH — GOOGLE / APPLE */
.social-auth{
  display:grid;
  gap:10px;
  margin:18px 0 22px;
}
.social-auth-btn{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid #d9d9dc;
  border-radius:14px;
  background:#fff;
  color:#111113;
  font-size:14px;
  font-weight:750;
  letter-spacing:-.01em;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.social-auth-btn:hover{
  transform:translateY(-1px);
  border-color:#b8b8bd;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.social-auth-btn-dark{
  background:#111113;
  border-color:#111113;
  color:#fff;
}
.social-auth-btn-dark:hover{
  background:#1d1d1f;
  border-color:#1d1d1f;
}
.social-auth-icon{
  width:26px;
  height:26px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 26px;
  font-size:15px;
  font-weight:900;
}
.google-icon{
  border:1px solid #d6d6da;
  background:#fafafa;
  color:#111113;
  font-family:Arial,sans-serif;
}
.apple-icon{
  font-size:21px;
  line-height:1;
  color:inherit;
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:3px 0 0;
  color:#85858a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.auth-divider::before,
.auth-divider::after{
  content:"";
  height:1px;
  flex:1;
  background:#e4e4e7;
}
.oauth-connected{
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid #d8d8dc;
  border-radius:12px;
  background:#f7f7f8;
  color:#2a2a2d;
  font-size:13px;
  font-weight:700;
}
.oauth-locked{
  background:#f3f3f5 !important;
  color:#6f6f74 !important;
}
#signupPasswordField[hidden]{
  display:none !important;
}
@media (max-width:640px){
  .social-auth-btn{min-height:52px;border-radius:13px}
}


/* DOMAIN LOCK + BUSINESS PROFILE HELPERS */
.field-hint{
  display:block;
  margin-top:7px;
  color:#77777d;
  font-size:11px;
  line-height:1.45;
}
.license-lock{
  margin:14px 0 16px;
  padding:14px 15px;
  border:1px solid #dedee2;
  border-radius:14px;
  background:#f7f7f8;
  display:grid;
  gap:4px;
}
.license-lock span{
  color:#6f6f75;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
}
.license-lock b{
  color:#151517;
  font-size:14px;
  overflow-wrap:anywhere;
}
.license-lock small{
  color:#77777c;
  font-size:12px;
  line-height:1.45;
}


/* RESPONDO dashboard intelligence */
.dashboard-insights{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;margin-bottom:16px}
.trend-panel,.gap-summary,.conversation-panel,.leads-panel{margin-top:0}
.mini-bars{height:170px;display:flex;align-items:flex-end;gap:8px;padding:14px 4px 0;overflow:hidden}
.mini-bar{height:100%;flex:1;min-width:18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}
.mini-bar i{display:block;width:100%;max-width:24px;min-height:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#111114,#55555b)}
.mini-bar small{font-size:8px;color:#8a8a90;white-space:nowrap;transform:rotate(-35deg);transform-origin:center}
.empty-state.compact{padding:18px 2px}
.gap-summary-list{display:grid;gap:8px}
.gap-jump{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #e7e7ea;background:#fafafa;border-radius:12px;padding:11px 12px;text-align:left;color:#111114;font:inherit;cursor:pointer}
.gap-jump:hover{background:#f3f3f5;border-color:#cdCDD2}
.gap-jump span{font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gap-jump b{font-size:10px;color:#6e6e73}
.website-import-field{display:flex;flex-direction:column;align-items:stretch}
.inline-import-btn{margin-top:9px;border:1px solid #d9d9dc;background:#fff;color:#111114;border-radius:10px;padding:9px 11px;font-weight:750;font-size:10px;text-align:center;cursor:pointer}
.inline-import-btn:hover{background:#f5f5f7}
.inline-import-btn:disabled{opacity:.55;cursor:wait}
.conversation-panel,.leads-panel{margin-top:16px}
.conversation-log,.lead-list{display:grid;gap:10px}
.conversation-log-item,.lead-item{border:1px solid #e4e4e7;background:#fafafa;border-radius:14px;padding:14px}
.conversation-log-item.needs-human{border-style:dashed;background:#fff}
.conversation-log-meta,.lead-main{display:flex;align-items:center;justify-content:space-between;gap:12px}
.conversation-log-meta span,.lead-status{font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 8px;background:#ececef;color:#55555b}
.conversation-log-item.needs-human .conversation-log-meta span{background:#f3eded;color:#8b4b4b}
.conversation-log-meta small,.lead-main small{font-size:8px;color:#8a8a90}
.conversation-log-item h3,.lead-item h3{font-size:13px;letter-spacing:-.015em;margin:9px 0 5px}
.conversation-log-item p,.lead-item p{font-size:11px;line-height:1.5;color:#66666d;margin:0}
.lead-main h3{margin:3px 0 0}
.lead-contact{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.lead-contact a{display:inline-flex;border:1px solid #d7d7db;background:#fff;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:750}
.highlight-gap{box-shadow:0 0 0 3px rgba(17,17,20,.08);transition:box-shadow .2s ease}
@media(max-width:1050px){.dashboard-insights{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-insights{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.mini-bars{height:145px}.conversation-log-item,.lead-item{padding:12px}}
@media(max-width:500px){.stats{grid-template-columns:1fr}.mini-bar small{display:none}}


/* FI / EN language switch */
.lang-switch{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid #d9d9dc;
  border-radius:999px;
  background:#fff;
  color:#8b8b90;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.lang-choice{
  appearance:none;
  border:0;
  background:transparent;
  color:#8b8b90;
  font:inherit;
  padding:3px 2px;
  cursor:pointer;
}
.lang-choice.active{color:#111113}
.lang-choice:hover{color:#111113}
@media (max-width:900px){
  .lang-switch{order:-1}
}

/* ===== HOLO-INSPIRED RESPONDO REDESIGN 2026-09-18 ===== */
:root{
  --holo-bg:#fbfaf8;
  --holo-paper:#ffffff;
  --holo-ink:#171717;
  --holo-muted:#77736f;
  --holo-line:#e9e5df;
  --holo-pink:#ff6b8d;
  --holo-orange:#ff9f5a;
  --holo-yellow:#ffd86b;
  --holo-mint:#a8e6cf;
  --holo-blue:#8bb8ff;
  --holo-lilac:#c9b6ff;
  --holo-shadow:0 22px 70px rgba(40,31,24,.09);
  --holo-shadow-soft:0 12px 34px rgba(40,31,24,.07);
}
html{background:var(--holo-bg)}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(255,184,198,.20),transparent 22rem),
    radial-gradient(circle at 88% 16%,rgba(144,190,255,.18),transparent 24rem),
    linear-gradient(180deg,#fff 0%,#fbfaf8 30%,#fff 100%);
  color:var(--holo-ink);
}
body:before{opacity:.012}
.container{width:min(1180px,calc(100% - 40px))}
.section{padding:112px 0}
.section-kicker{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border:1px solid #ded8d2;border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#59544f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 6px 18px rgba(40,31,24,.04);
}
.section-kicker.light{color:#544d47;background:#fff;border-color:#ded8d2}
.split-head{gap:42px;align-items:end;margin:20px 0 44px}
.split-head h2,.control-copy h2,.contact-shell h2,.cta-shell h2{
  font-size:clamp(42px,6vw,72px);
  line-height:.98;letter-spacing:-.055em;font-weight:850;color:var(--holo-ink);
}
.split-head h2 em,.control-copy h2 em,.contact-shell h2 em,.checkout-copy h1 em,.login-copy h1 em{
  font-style:normal;
  background:linear-gradient(92deg,#ff6f91 0%,#ff9d5a 30%,#8eb7ff 66%,#b89dff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.split-head p,.control-copy>p,.contact-actions p,.checkout-copy>p,.login-copy>p{
  color:var(--holo-muted);font-size:18px;line-height:1.65
}

/* NAV */
.nav{
  position:sticky;top:0;z-index:900;
  padding:12px 0;background:rgba(251,250,248,.68);
  backdrop-filter:blur(18px);border-bottom:0;
}
.navin{
  min-height:64px;padding:8px 10px 8px 16px;
  border:1px solid rgba(215,209,201,.86);border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 36px rgba(42,34,28,.08);
}
.logo{font-size:20px;gap:10px;letter-spacing:-.04em}
.brand-mark{
  width:34px;height:34px;border-radius:50%;
  background:conic-gradient(from 210deg,#ff728f,#ffb861,#ffe26b,#9de0d2,#8ab7ff,#b89cff,#ff728f);
  box-shadow:inset 0 0 0 7px #fff,0 5px 18px rgba(158,115,255,.22);
}
.brand-mark i,.brand-mark b{background:#171717;height:4px;width:4px;border-radius:50%;top:14px;transform:none}
.brand-mark i{left:11px}.brand-mark b{left:20px}
.navlinks{gap:22px}
.navlinks a{font-size:13px;font-weight:700;color:#5f5b57}
.navlinks a:hover{color:#111}
.navactions{gap:8px}
.btn,.subnav-cta,.checkout-button{
  border-radius:999px!important;font-weight:800;
}
.btn.ink,.hero-primary,.checkout-button,.subnav-cta{
  border:0!important;color:#fff!important;
  background:linear-gradient(105deg,#7f80ff 0%,#b878ff 28%,#ff6c8c 62%,#ff9b58 100%)!important;
  box-shadow:0 12px 28px rgba(177,104,255,.24),inset 0 1px 0 rgba(255,255,255,.35);
}
.btn.ink:hover,.hero-primary:hover,.checkout-button:hover,.subnav-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(177,104,255,.30),inset 0 1px 0 rgba(255,255,255,.35);
}
.btn.ghost{background:#fff;border:1px solid #e1ddd7;color:#292725}
.lang-switch{background:#faf9f7;border:1px solid #e5e0da;border-radius:999px;padding:4px}
.lang-choice{border-radius:999px;padding:7px 9px}
.lang-choice.active{background:#171717;color:#fff}

/* PRODUCT SUBNAV */
.product-subnav{
  top:88px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);
  border-block:1px solid rgba(226,221,215,.75)
}
.product-subnav-inner{min-height:54px}
.product-subnav nav{gap:24px}
.product-subnav a,.subnav-title{color:#77716c;font-weight:700}
.product-subnav a:hover,.subnav-title{color:#171717}

/* HERO */
.hero{
  position:relative;padding:92px 0 44px;overflow:hidden;
  background:
    radial-gradient(circle at 30% 25%,rgba(255,216,109,.22),transparent 26rem),
    radial-gradient(circle at 74% 20%,rgba(137,184,255,.20),transparent 26rem),
    radial-gradient(circle at 48% 64%,rgba(255,110,143,.15),transparent 30rem);
}
.hero:after{
  content:"";position:absolute;left:50%;bottom:80px;width:700px;height:360px;
  transform:translateX(-50%);background:radial-gradient(ellipse,rgba(184,156,255,.20),transparent 68%);
  filter:blur(16px);pointer-events:none
}
.hero-grid{display:block}
.hero-copy{max-width:880px;margin:0 auto;text-align:center;position:relative;z-index:2}
.hero-label{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:8px 13px;
  border-radius:999px;border:1px solid #ded8d2;background:rgba(255,255,255,.78);
  color:#6d6660;font-size:11px;font-weight:800;letter-spacing:.08em
}
.hero-label span{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ff6d8c,#8bb8ff)}
.hero h1{
  margin:0;font-size:clamp(58px,8.4vw,108px);line-height:.9;
  letter-spacing:-.07em;font-weight:900;color:#171717;
}
.hero h1 em{
  display:inline-block;font-style:normal;
  background:linear-gradient(100deg,#ff6c8e 4%,#ffad5f 31%,#f6ca68 45%,#8eb8ff 70%,#b88eff 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero .lead{max-width:720px;margin:26px auto 0;color:#706b66;font-size:20px;line-height:1.55}
.hero-actions{justify-content:center;margin-top:28px}
.hero-actions .btn{padding:15px 22px}
.text-link{font-weight:750;color:#4e4945}
.trust-row{justify-content:center;gap:18px;margin-top:20px;color:#77716c}
.trust-row span{
  background:rgba(255,255,255,.68);border:1px solid #e6e1db;border-radius:999px;padding:7px 11px
}
.trust-row i{color:#47a67d}

/* HERO APP MOCKUP */
.signal-console{
  width:min(980px,100%);margin:66px auto 0!important;
  position:relative;z-index:3;
  background:linear-gradient(145deg,#fff 0%,#fff 55%,#f7f1ff 100%)!important;
  border:1px solid #e9e3dc!important;border-radius:38px!important;
  box-shadow:0 38px 100px rgba(58,44,34,.13),0 0 0 10px rgba(255,255,255,.45)!important;
  color:#191817!important;overflow:hidden;
}
.signal-console:before,.signal-console:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.signal-console:before{width:180px;height:180px;right:-50px;top:-55px;background:linear-gradient(145deg,#ffd667,#ff8b92);opacity:.32}
.signal-console:after{width:150px;height:150px;left:-55px;bottom:-45px;background:linear-gradient(145deg,#94c8ff,#caa9ff);opacity:.30}
.console-top{background:#fff!important;border-bottom:1px solid #eee9e4!important;color:#4f4b47!important}
.console-brand,.console-time{color:#57524d!important}
.console-grid{background:transparent!important}
.console-rail{background:#fbfaf8!important;border-right:1px solid #ebe6e0!important}
.rail-label,.rail-item,.rail-health{color:#7a746e!important}
.rail-item.active{background:#fff!important;color:#171717!important;box-shadow:0 8px 22px rgba(42,34,28,.06)}
.rail-item i,.rail-health span{background:#8f86ff!important}
.console-main{background:rgba(255,255,255,.84)!important}
.console-header{border-bottom:1px solid #eee9e4!important}
.console-header small,.msg-meta,.source-line,.truth-top,.truth-footer{color:#918a83!important}
.console-header h3{color:#171717!important}
.verified,.confidence{
  background:#e8fff4!important;color:#2e8b65!important;border:1px solid #ccefe0!important
}
.msg.customer,.muted-msg{background:#f7f4f1!important;border:1px solid #ebe6e1!important;color:#292725!important}
.answer-card{background:#fff!important;border:1px solid #eae5df!important;box-shadow:var(--holo-shadow-soft)!important;color:#252321!important}
.mini-mark{background:linear-gradient(135deg,#887bff,#ff7b96)!important;color:#fff!important}
.handoff-card{background:#fff8e9!important;border:1px solid #f0d9a2!important;color:#6e5725!important}
.console-stats{border-top:1px solid #eee9e4!important}
.console-stats b{color:#171717!important}.console-stats span{color:#8a837c!important}
.hero-marquee{margin-top:54px;background:transparent!important;border:0!important}
.hero-marquee>div{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap!important;animation:none!important;
  white-space:normal!important
}
.hero-marquee>div{color:transparent;font-size:0}
.hero-marquee span{display:none}
.hero-marquee>div:after{
  content:"Knowledge base   •   24/7 answers   •   No guessing   •   3-day free trial";
  font-size:12px;color:#79736e;letter-spacing:.06em;text-transform:uppercase;
  padding:10px 16px;border-radius:999px;background:#fff;border:1px solid #e7e2dc;
}

/* WORKFLOW */
.workflow{background:#fff}
.workflow .split-head{max-width:940px}
.flowline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.flowstep{
  min-height:320px;padding:26px;border:1px solid #e9e4de;border-radius:30px;
  background:#fff;box-shadow:var(--holo-shadow-soft);position:relative;overflow:hidden
}
.flowstep:nth-child(1){background:linear-gradient(160deg,#fff 0%,#fff4f7 100%)}
.flowstep:nth-child(2){background:linear-gradient(160deg,#fff 0%,#f1f7ff 100%)}
.flowstep:nth-child(3){background:linear-gradient(160deg,#fff 0%,#f5f1ff 100%)}
.flow-num{font-size:12px;color:#8c857f;font-weight:800}
.flow-glyph{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;
  margin:52px 0 30px;font-size:28px;color:#171717;
  background:linear-gradient(135deg,#ffe083,#ff94a8 58%,#9fc1ff);
  box-shadow:0 12px 26px rgba(179,124,255,.16)
}
.flowstep h3{font-size:28px;letter-spacing:-.04em}.flowstep p{color:#77716c;line-height:1.6}

/* FEATURE CARDS */
.visual-showcase{background:#fbfaf8}
.visual-grid{gap:18px}
.visual-card{
  border:1px solid #e8e3dd!important;border-radius:34px!important;background:#fff!important;
  box-shadow:var(--holo-shadow-soft)!important;overflow:hidden!important
}
.visual-card:nth-child(2){background:linear-gradient(155deg,#fff 0%,#fff1f4 100%)!important}
.visual-card:nth-child(3){background:linear-gradient(155deg,#fff 0%,#eff7ff 100%)!important}
.visual-copy small{color:#857e78!important}
.visual-copy h3{font-size:clamp(30px,3.4vw,46px)!important;color:#181716!important}
.visual-copy p{color:#77716c!important}
.visual-frame{background:#fbfaf8!important;border:1px solid #ede8e2!important;border-radius:26px!important}

/* CONTROL */
.control{
  background:
    radial-gradient(circle at 18% 30%,rgba(255,208,220,.55),transparent 26rem),
    radial-gradient(circle at 82% 66%,rgba(160,198,255,.48),transparent 26rem),
    #f8f5f1!important;
  color:#171717!important
}
.control-grid{gap:60px}
.control-copy .section-kicker{background:#fff}
.control-copy h2,.control-copy p{color:#171717!important}.control-copy p{color:#6e6964!important}
.control-list{gap:10px}
.control-list>div{
  background:rgba(255,255,255,.72)!important;border:1px solid rgba(232,225,218,.95)!important;
  border-radius:20px!important;padding:16px!important;color:#171717!important
}
.control-list span{background:#171717!important;color:#fff!important;border-radius:50%!important}
.control-list small{color:#77716c!important}
.truth-card{
  background:#fff!important;color:#171717!important;border:1px solid #e7e1da!important;
  border-radius:32px!important;box-shadow:0 30px 80px rgba(66,48,37,.12)!important
}
.truth-status{background:#ebfff5!important;color:#348662!important;border:1px solid #d0efdf!important}
.truth-title{color:#171717!important}
.knowledge-row{border-top:1px solid #eee8e1!important}
.knowledge-row small{color:#79726c!important}.knowledge-row i{color:#3b956b!important}

/* METRICS */
.proof-strip{background:#fff!important;border-block:1px solid #ebe6e0!important}
.proof-grid{gap:12px;padding:34px 0}
.proof-grid>div{
  padding:22px;border:1px solid #e9e4de;border-radius:24px;background:#fbfaf8
}
.proof-grid>div:nth-child(1){background:#fff2f5}
.proof-grid>div:nth-child(2){background:#f2f8ff}
.proof-grid>div:nth-child(3){background:#fff8e7}
.proof-grid>div:nth-child(4){background:#f5f0ff}
.proof-grid b{font-size:30px;color:#171717!important}.proof-grid span,.proof-grid small{color:#7d766f!important}

/* RESEARCH */
.research-stats{background:#fff}
.research-grid{gap:18px}
.research-stat,.research-stat-dark,.research-stat-wide{
  border:1px solid #e8e3dc!important;border-radius:32px!important;
  background:#fbfaf8!important;color:#171717!important;box-shadow:none!important
}
.research-stat:nth-child(2){background:#f1f7ff!important}
.research-stat:nth-child(3){background:#fff4f7!important}
.research-stat:nth-child(4){background:#f4f1ff!important}
.research-stat-wide{background:#fff9e9!important}
.research-number{color:#171717!important}
.research-stat h3,.research-stat p,.research-stat a{color:#171717!important}
.research-stat p{color:#716c67!important}
.research-note{border-radius:24px!important;background:#f7f4ef!important;border:1px solid #ebe5de!important}
.research-note span{background:#171717!important;border-radius:999px!important}

/* CALCULATOR */
.value-calculator{background:#fbfaf8}
.calculator-shell{
  padding:18px!important;border-radius:36px!important;border:1px solid #e7e1da!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,217,110,.38),transparent 19rem),
    radial-gradient(circle at 92% 78%,rgba(174,147,255,.28),transparent 22rem),
    #fff!important;
  box-shadow:var(--holo-shadow-soft)!important
}
.calculator-controls{background:#fff!important;border:1px solid #ede7e0!important;border-radius:28px!important}
.calc-control{border-bottom:1px solid #eee8e2!important}
.calc-control-head small,.range-labels{color:#8a837c!important}
.premium-range{accent-color:#a776ff!important}
.calculator-result{
  border-radius:28px!important;
  background:linear-gradient(140deg,#1c1a1f 0%,#28232d 48%,#2e2938 100%)!important;
  box-shadow:0 24px 60px rgba(39,30,50,.22)!important
}

/* PRICING */
.pricing-section{background:#fff}
.pricing-wrap{gap:18px}
.price-card{
  border:1px solid #e7e1da!important;border-radius:34px!important;background:#fbfaf8!important;
  box-shadow:none!important
}
.price-card.featured{
  background:linear-gradient(150deg,#fff 0%,#fff0f4 38%,#eff5ff 100%)!important;
  border-color:#dbcff0!important;box-shadow:0 20px 60px rgba(153,115,220,.12)!important
}
.price-card h3,.pricevalue{color:#171717!important}
.price-top,.price-card li{color:#746e68!important}
.save{background:#171717!important;color:#fff!important;border-radius:999px!important}
.price-btn{background:#171717!important;color:#fff!important;border:0!important}
.price-btn.blue{background:linear-gradient(105deg,#867cff,#b46fff,#ff7090,#ffa05d)!important}

/* CTA */
.final-cta{background:#fbfaf8}
.cta-shell{
  border-radius:40px!important;border:1px solid #e9e1da!important;
  background:
    radial-gradient(circle at 14% 20%,rgba(255,223,112,.72),transparent 22rem),
    radial-gradient(circle at 82% 20%,rgba(255,125,154,.46),transparent 24rem),
    radial-gradient(circle at 75% 82%,rgba(137,183,255,.46),transparent 26rem),
    #fff!important;
  color:#171717!important;box-shadow:var(--holo-shadow)!important;overflow:hidden
}
.cta-shell h2,.cta-shell p{color:#171717!important}.cta-shell p{color:#68625d!important}
.cta-circle{
  width:156px;height:156px;background:#171717!important;color:#fff!important;border-radius:50%!important;
  box-shadow:0 20px 44px rgba(23,23,23,.18)!important
}

/* CONTACT + FOOTER */
.contact-section{background:#fff}
.contact-shell{
  border-radius:32px!important;border:1px solid #e8e2dc!important;background:#fbfaf8!important;
  padding:38px!important
}
.contact-mail{font-size:clamp(22px,3vw,38px)!important}
.footer{background:#171717!important;color:#fff!important;border-top:0!important;padding-top:70px!important}
.footer .logo{color:#fff}.footer .brand-mark{box-shadow:inset 0 0 0 7px #171717}
.foot-brand p,.foot-col a,.foot-col span,.seller-chip,.legalbar{color:#a9a39d!important}
.foot-col h4{color:#fff!important}
.seller-chip{border-color:#3a3836!important;background:#23211f!important}
.legalbar{border-color:#34312f!important}

/* FORMS + LOGIN + LEGAL */
.formpage,.legal-page,.login-page{background:transparent!important}
.checkout-layout,.login-layout{padding-top:72px;padding-bottom:90px}
.checkout-copy h1,.login-copy h1{
  font-size:clamp(50px,6vw,82px)!important;line-height:.94!important;letter-spacing:-.06em!important
}
.checkout-steps>div,.seller-card,.formcard,.legal-shell{
  border:1px solid #e8e2dc!important;border-radius:28px!important;background:#fff!important;
  box-shadow:var(--holo-shadow-soft)!important
}
.formcard{padding:28px!important}
.form-head{border-bottom-color:#eee8e1!important}
.field input,.field textarea,.field select,.owner-field input,.owner-field textarea,.owner-field select{
  background:#fbfaf8!important;border:1px solid #e6e0da!important;border-radius:14px!important;color:#171717!important
}
.field input:focus,.field textarea:focus,.field select:focus,.owner-field input:focus,.owner-field textarea:focus,.owner-field select:focus{
  border-color:#ad8cff!important;box-shadow:0 0 0 4px rgba(173,140,255,.10)!important
}
.social-auth-btn{border-radius:999px!important;background:#fff!important;border-color:#e5dfd9!important}
.notice{border-radius:16px!important}
.legal-page{padding-top:64px!important}
.legal-shell h1{font-size:clamp(48px,6vw,78px)!important;letter-spacing:-.055em!important}
.legal-section{border-color:#ebe5de!important}

/* DASHBOARD / APP */
.app-shell,.dashboard-shell,.app-page{background:#fbfaf8!important}
.app-sidebar,.dashboard-sidebar{
  background:#fff!important;border:1px solid #e8e2dc!important;border-radius:28px!important;
  box-shadow:var(--holo-shadow-soft)!important
}
.app-card,.dashboard-card,.dashboard-panel,.owner-panel,.install-card,.preview-card{
  background:#fff!important;border:1px solid #e8e2dc!important;border-radius:26px!important;
  box-shadow:0 10px 30px rgba(42,34,28,.05)!important
}
.app-card h2,.dashboard-card h2,.dashboard-panel h2{color:#171717!important}

/* MOBILE */
@media(max-width:980px){
  .navlinks{display:none}
  .navin{border-radius:26px}
  .product-subnav{top:84px}
  .flowline{grid-template-columns:1fr}
  .flowstep{min-height:250px}
  .control-grid{grid-template-columns:1fr!important}
  .proof-grid{grid-template-columns:repeat(2,1fr)!important}
  .hero{padding-top:64px}
  .signal-console{border-radius:28px!important}
}
@media(max-width:720px){
  .container{width:min(100% - 26px,1180px)}
  .section{padding:78px 0}
  .nav{padding:8px 0}
  .navin{padding:7px 8px 7px 11px;min-height:58px}
  .brand-word{font-size:18px}
  .brand-mark{width:31px;height:31px}
  .navactions .btn.ghost{display:none}
  .navactions .btn.ink{padding:12px 15px;font-size:13px}
  .product-subnav{display:none}
  .hero{padding-top:54px}
  .hero h1{font-size:clamp(50px,15vw,72px)}
  .hero .lead{font-size:17px}
  .hero-actions{gap:8px}
  .hero-actions .btn{width:100%;justify-content:center}
  .hero-actions .text-link{width:100%;margin-top:8px}
  .trust-row{gap:7px}
  .trust-row span{font-size:11px}
  .signal-console{margin-top:42px!important}
  .console-rail{display:none!important}
  .console-grid{display:block!important}
  .console-main{padding:0!important}
  .console-header{padding:18px!important}
  .conversation{padding:14px!important}
  .console-stats{grid-template-columns:repeat(3,1fr)!important}
  .console-stats div{padding:14px 8px!important}
  .split-head h2,.control-copy h2,.contact-shell h2,.cta-shell h2{font-size:43px}
  .visual-grid{grid-template-columns:1fr!important}
  .proof-grid{grid-template-columns:1fr!important}
  .research-grid{grid-template-columns:1fr!important}
  .pricing-wrap{grid-template-columns:1fr!important}
  .cta-shell{padding:30px!important}
  .cta-circle{width:118px;height:118px}
  .contact-shell{padding:26px!important}
  .foot-top{grid-template-columns:1fr 1fr!important}
  .foot-brand{grid-column:1/-1}
}

.annual-billing-note{margin:8px 0 0;font-size:11px;line-height:1.45;font-weight:650;color:#7d8793}.featured .annual-billing-note{color:#98a4b4}


/* Referral program */
.referral-signup-field label span{font-weight:500;color:#8b8b91;font-size:12px;margin-left:6px}
.referral-signup-field small{display:block;margin-top:8px;color:#74747b;line-height:1.45}
.referral-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:center;background:linear-gradient(135deg,#111114 0%,#1a1a1f 100%);color:#fff;border-color:#29292f;overflow:hidden;position:relative}
.referral-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;top:-190px;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 68%);pointer-events:none}
.referral-copy,.referral-box{position:relative;z-index:1}
.referral-copy>small{font-size:11px;letter-spacing:.14em;color:#aaaab1;font-weight:800}
.referral-copy h2{margin:8px 0 10px;font-size:clamp(25px,3vw,38px);letter-spacing:-.04em}
.referral-copy p{margin:0;color:#b9b9c0;line-height:1.6;max-width:680px}
.referral-box{background:#fff;color:#111114;border-radius:22px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.referral-box>span{display:block;font-size:10px;letter-spacing:.13em;font-weight:850;color:#77777e;margin-bottom:10px}
.referral-code-row{display:flex;gap:9px;align-items:stretch}
.referral-code-row code{flex:1;display:flex;align-items:center;padding:13px 14px;border-radius:13px;background:#f2f2f4;border:1px solid #e2e2e6;font-size:15px;font-weight:850;letter-spacing:.04em;overflow:auto}
.referral-code-row button,.referral-actions button{border:0;border-radius:13px;background:#111114;color:#fff;font-weight:800;padding:11px 14px;cursor:pointer}
.referral-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.referral-actions button{background:#ececef;color:#111114}
.referral-actions small{color:#77777e;white-space:nowrap}
@media(max-width:800px){.referral-panel{grid-template-columns:1fr}.referral-code-row{flex-direction:column}.referral-actions{align-items:stretch;flex-direction:column}.referral-actions small{text-align:center}}


/* Mobile login access */
@media (max-width:760px){
  .navin{
    gap:10px!important;
  }
  .nav .logo{
    flex:0 1 auto;
    min-width:0;
  }
  .navactions{
    margin-left:auto;
    gap:7px!important;
    flex:0 0 auto;
  }
  .navactions .btn.ghost{
    display:inline-flex!important;
    min-height:40px!important;
    padding:0 13px!important;
    border-radius:12px!important;
    background:#fff!important;
    border:1px solid rgba(17,17,20,.12)!important;
    color:#111114!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .navactions .lang-switch{
    display:none!important;
  }
}
@media (max-width:430px){
  .navactions .btn.ink{
    display:none!important;
  }
  .nav .brand-word{
    font-size:17px!important;
  }
}


/* Hero mobile account actions */
.hero-account-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.hero-account-actions .btn{
  white-space:nowrap;
}
@media (max-width:760px){
  .hero-actions{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .hero-actions .hero-bot-cta{
    width:100%!important;
  }
  .hero-account-actions{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
  }
  .hero-account-actions .btn{
    width:100%!important;
    min-width:0;
    min-height:54px!important;
    padding:0 10px!important;
    font-size:13px!important;
    justify-content:center!important;
  }
}
@media (max-width:390px){
  .hero-account-actions .btn{
    font-size:12px!important;
    letter-spacing:-.01em;
  }
}


/* =========================================================
   RESPONDO — SIMPLE DASHBOARD NAVIGATION
   ========================================================= */
.dashboard-simple-shell{
  display:block!important;
  min-height:100vh;
  background:#f5f5f7!important;
}
.dashboard-simple-shell .appside{
  display:none!important;
}
.dashboard-simple-main{
  width:min(1180px,calc(100% - 36px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:20px 0 72px!important;
}
.dashboard-topbar{
  position:sticky;
  top:12px;
  z-index:70;
  display:grid;
  grid-template-columns:minmax(230px,1fr) minmax(280px,460px) minmax(230px,1fr);
  align-items:center;
  gap:18px;
  margin-bottom:28px;
  padding:13px 14px;
  border:1px solid rgba(17,17,20,.09);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(20px) saturate(170%);
  backdrop-filter:blur(20px) saturate(170%);
  box-shadow:0 12px 34px rgba(20,20,24,.08);
}
.dashboard-topbar-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}
.dashboard-topbar-brand .logo{
  flex:0 0 auto;
  font-size:18px!important;
}
.dashboard-topbar-brand .brand-mark{
  width:31px!important;
  height:31px!important;
}
.dashboard-topbar-brand .brand-word{
  display:none;
}
.dashboard-workspace{
  min-width:0;
  padding-left:13px;
  border-left:1px solid rgba(17,17,20,.09);
}
.dashboard-workspace small{
  display:block;
  margin-bottom:2px;
  font-size:8px;
  letter-spacing:.13em;
  font-weight:850;
  color:#9a9aa0;
}
.dashboard-workspace b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  letter-spacing:-.01em;
}
.dashboard-section-picker{
  min-width:0;
}
.dashboard-section-picker>label{
  display:block;
  margin:0 0 5px 3px;
  color:#8c8c92;
  font-size:8px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.dashboard-select-wrap{
  position:relative;
}
.dashboard-select-wrap select{
  width:100%;
  min-height:46px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(17,17,20,.11);
  border-radius:14px;
  background:#f6f6f8;
  color:#111114;
  outline:none;
  padding:0 42px 0 14px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.dashboard-select-wrap select:focus{
  border-color:rgba(17,17,20,.28);
  box-shadow:0 0 0 4px rgba(17,17,20,.05);
}
.dashboard-select-wrap>span{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  color:#69696f;
  font-size:16px;
}
.dashboard-top-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
}
.dashboard-top-actions .live-chip{
  white-space:nowrap;
}
.dashboard-logout{
  min-height:38px;
  border:1px solid rgba(17,17,20,.1);
  border-radius:11px;
  background:#fff;
  color:#5e5e64;
  padding:0 12px;
  font-size:10px;
  font-weight:800;
}
.dashboard-logout:hover{
  color:#111114;
  background:#f5f5f7;
}
.dashboard-view-hidden{
  display:none!important;
}
.dashboard-simple-main .dashboard-head{
  margin:4px 0 20px!important;
  padding:10px 4px 0;
}
.dashboard-simple-main .dashboard-head h1{
  margin:7px 0 7px!important;
  font-size:clamp(34px,4.5vw,52px)!important;
}
.dashboard-simple-main .dashboard-head p{
  max-width:650px;
  font-size:13px!important;
  line-height:1.55;
}
.dashboard-simple-main .panel,
.dashboard-simple-main .welcome-card,
.dashboard-simple-main .onboarding-card,
.dashboard-simple-main .stat{
  box-shadow:none!important;
}
.dashboard-simple-main .panel{
  border-color:rgba(17,17,20,.08)!important;
}
.dashboard-simple-main .dashboard-view-section{
  scroll-margin-top:110px;
}
.dashboard-simple-main .profile-live-grid,
.dashboard-simple-main .dashboard-grid{
  margin-top:0!important;
}
.dashboard-simple-main .conversation-panel,
.dashboard-simple-main .leads-panel,
.dashboard-simple-main .unanswered-panel,
.dashboard-simple-main .install-panel,
.dashboard-simple-main .referral-panel,
.dashboard-simple-main .billing-panel{
  margin-top:16px!important;
}
@media(max-width:900px){
  .dashboard-simple-main{
    width:min(100% - 24px,1180px)!important;
    padding-top:12px!important;
  }
  .dashboard-topbar{
    top:8px;
    grid-template-columns:1fr auto;
    gap:10px 12px;
    padding:11px;
    border-radius:18px;
  }
  .dashboard-topbar-brand{
    min-width:0;
  }
  .dashboard-section-picker{
    grid-column:1/-1;
    grid-row:2;
  }
  .dashboard-top-actions{
    grid-column:2;
    grid-row:1;
  }
  .dashboard-top-actions .live-chip{
    display:none;
  }
}
@media(max-width:560px){
  .dashboard-simple-main{
    width:100%!important;
    padding:0 12px 56px!important;
  }
  .dashboard-topbar{
    top:0;
    margin:0 -12px 18px;
    border-radius:0 0 18px 18px;
    border-top:0;
    padding:10px 12px 12px;
  }
  .dashboard-topbar-brand .logo{
    gap:8px!important;
  }
  .dashboard-workspace{
    padding-left:10px;
  }
  .dashboard-workspace b{
    max-width:150px;
    font-size:12px;
  }
  .dashboard-logout{
    min-height:36px;
    padding:0 10px;
    font-size:9px;
  }
  .dashboard-section-picker>label{
    margin-bottom:4px;
  }
  .dashboard-select-wrap select{
    min-height:48px;
    border-radius:13px;
    font-size:13px;
  }
  .dashboard-simple-main .dashboard-head{
    padding:4px 4px 0;
  }
  .dashboard-simple-main .dashboard-head h1{
    font-size:34px!important;
  }
  .dashboard-simple-main .stats{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  .dashboard-simple-main .stat{
    padding:14px!important;
  }
  .dashboard-simple-main .stat b{
    font-size:28px!important;
  }
}


/* Mobile nav: restore colorful free-trial CTA next to login */
@media (max-width:760px){
  .navin{
    gap:7px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .nav .logo{
    gap:7px!important;
    min-width:0!important;
  }
  .nav .brand-mark{
    width:29px!important;
    height:29px!important;
  }
  .nav .brand-word{
    font-size:15px!important;
    white-space:nowrap;
  }
  .navactions{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  .navactions .btn.ghost{
    display:inline-flex!important;
    min-height:40px!important;
    padding:0 10px!important;
    font-size:11px!important;
    border-radius:999px!important;
  }
  .navactions .btn.ink{
    display:inline-flex!important;
    min-height:40px!important;
    padding:0 11px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    border:0!important;
    border-radius:999px!important;
    color:#fff!important;
    background:linear-gradient(105deg,#7f80ff 0%,#b878ff 28%,#ff6c8c 62%,#ff9b58 100%)!important;
    box-shadow:0 10px 24px rgba(177,104,255,.24),inset 0 1px 0 rgba(255,255,255,.35)!important;
  }
}
@media (max-width:400px){
  .nav .brand-word{
    font-size:13px!important;
  }
  .navactions .btn.ghost,
  .navactions .btn.ink{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:10px!important;
  }
}
@media (max-width:365px){
  .nav .brand-word{
    display:none!important;
  }
}


/* RESPONDO 2.0 intelligence */
.respondo-intelligence{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.respondo-intelligence .panel{
  min-height:190px;
  padding:22px!important;
}
.respondo-intelligence small{
  display:block;
  color:#8b8b91;
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}
.respondo-intelligence h2{
  margin:7px 0 8px;
  font-size:22px;
  letter-spacing:-.035em;
}
.respondo-intelligence p{
  margin:0;
  color:#73737a;
  font-size:11px;
  line-height:1.55;
}
.intelligence-icon{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  margin-bottom:22px;
  background:#111114;
  color:#fff;
  font-weight:900;
}
.truth-score-card{background:linear-gradient(145deg,#fff,#f4fff8)!important}
.self-test-card{background:linear-gradient(145deg,#fff,#f7f4ff)!important}
.action-center-card{background:linear-gradient(145deg,#fff,#fff8f2)!important}
.self-test-button{
  width:auto!important;
  margin-top:18px!important;
}
.self-test-running{
  margin-top:12px;
  color:#77777e;
  font-size:10px;
}
.self-test-score{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:14px;
  padding:12px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(17,17,20,.08);
}
.self-test-score b{font-size:26px}
.self-test-score span{font-size:10px;color:#6f6f75}
.self-test-gaps{
  display:grid;
  gap:6px;
  margin-top:10px;
}
.self-test-gaps strong{font-size:10px}
.self-test-gap{
  text-align:left;
  border:1px solid rgba(17,17,20,.09);
  background:#fff;
  border-radius:10px;
  padding:9px 10px;
  color:#343438;
  font-size:10px;
}
.self-test-gap:hover{border-color:#aaaab0}
.gap-action-buttons{
  display:flex;
  gap:8px;
  align-items:center;
}
.gap-action-buttons .btn{margin-top:0!important}
.suggest-unanswered-answer{
  background:#fff!important;
  color:#111114!important;
  border:1px solid rgba(17,17,20,.12)!important;
}
.conversation-page{
  display:inline-flex;
  margin:8px 0 0;
  padding:5px 8px;
  border-radius:999px;
  background:#f3f3f5;
  color:#77777d;
  font-size:8px;
  font-weight:750;
}
@media(max-width:900px){
  .respondo-intelligence{grid-template-columns:1fr}
}
@media(max-width:560px){
  .respondo-intelligence{gap:9px}
  .respondo-intelligence .panel{min-height:0;padding:17px!important}
  .intelligence-icon{margin-bottom:14px}
  .gap-action-buttons{flex-direction:column;align-items:stretch}
  .gap-action-buttons .btn{width:100%!important}
}


/* =========================================================
   RESPONDO ACTIONS 2.0
   ========================================================= */
.actions2-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);
  gap:16px;
  align-items:start;
}
.action-inbox-panel,
.integration-panel{
  margin:0!important;
}
.action-request-list{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.action-request-item{
  border:1px solid rgba(17,17,20,.085);
  border-radius:16px;
  background:#fff;
  padding:15px;
  transition:.18s ease;
}
.action-request-item.done{
  opacity:.66;
  background:#f7f7f8;
}
.action-request-top,
.action-request-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.action-request-top>div{
  display:grid;
  gap:4px;
}
.action-request-top small,
.action-request-bottom small{
  color:#8b8b91;
  font-size:9px;
}
.action-kind{
  display:inline-flex;
  width:max-content;
  padding:6px 9px;
  border-radius:999px;
  background:#111114;
  color:#fff;
  font-size:9px;
  font-weight:850;
}
.action-state{
  padding:6px 9px;
  border-radius:999px;
  background:#f1f1f3;
  color:#525258;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.action-request-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:13px 0;
}
.action-request-fields>div{
  min-width:0;
  padding:10px;
  border-radius:12px;
  background:#f7f7f8;
}
.action-request-fields small{
  display:block;
  margin-bottom:4px;
  color:#99999f;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.action-request-fields b{
  display:block;
  overflow-wrap:anywhere;
  font-size:11px;
  line-height:1.4;
}
.action-origin{
  margin:0 0 12px;
  color:#68686e;
  font-size:10px;
  line-height:1.5;
}
.mark-action-done,
.integration-test-btn,
.copy-integration-value{
  border:1px solid rgba(17,17,20,.11);
  border-radius:10px;
  background:#fff;
  color:#111114;
  padding:8px 10px;
  font:inherit;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.mark-action-done:hover,
.integration-test-btn:hover,
.copy-integration-value:hover{
  background:#f3f3f5;
}
.action-done-label{
  color:#2d7d52;
  font-size:9px;
  font-weight:850;
}
.integration-form{
  margin-top:18px;
}
.integration-buttons{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
}
.integration-buttons .dashboard-action{
  width:auto!important;
  margin:0!important;
}
.integration-secret-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:18px;
}
.integration-secret{
  min-width:0;
  display:grid;
  gap:8px;
  padding:13px;
  border:1px solid rgba(17,17,20,.08);
  border-radius:14px;
  background:#f7f7f8;
}
.integration-secret>small,
.channels-api-box>small{
  color:#8a8a90;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
}
.integration-secret code{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#343438;
  font-size:10px;
}
.channels-api-box{
  margin-top:12px;
  padding:15px;
  border-radius:16px;
  background:#111114;
  color:#fff;
}
.channels-api-box>small{
  color:#9e9ea6;
}
.channels-api-box h3{
  margin:7px 0 6px;
  font-size:17px;
  letter-spacing:-.025em;
}
.channels-api-box p{
  margin:0 0 12px;
  color:#bdbdc4;
  font-size:10px;
  line-height:1.5;
}
.channels-api-box .code-row{
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
}
.channels-api-box .code-row code{
  color:#fff!important;
}
.channels-api-box .code-row button{
  background:#fff!important;
  color:#111114!important;
}
.channel-readiness{
  display:grid;
  gap:6px;
  margin-top:13px;
}
.channel-readiness span{
  color:#a8a8b0;
  font-size:9px;
}
.channel-readiness .ready{
  color:#75d6a2;
}
@media(max-width:900px){
  .actions2-layout{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .action-request-fields,
  .integration-secret-grid{
    grid-template-columns:1fr;
  }
  .action-request-top,
  .action-request-bottom,
  .integration-buttons{
    align-items:flex-start;
    flex-direction:column;
  }
  .mark-action-done,
  .integration-test-btn,
  .integration-buttons .dashboard-action{
    width:100%!important;
    justify-content:center!important;
  }
}


/* =========================================================
   RESPONDO AUTOPILOT — Calendar, Quotes & Payments
   ========================================================= */
.quote-engine-panel,
.booking-calendar-panel,
.stripe-connect-panel{
  margin:0!important;
}
.quote-engine-form,
.booking-slots-form{
  margin-top:18px;
}
.quote-engine-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.quote-form-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
}
.quote-formula-preview{
  color:#7a7a80;
  font-size:9px;
  line-height:1.45;
}
.quote-form-bottom .dashboard-action{
  width:auto!important;
  margin:0!important;
  flex:0 0 auto;
}
.action-quote-summary,
.action-booking-summary{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0;
  padding:11px 12px;
  border-radius:13px;
  background:#f6f6f8;
  border:1px solid rgba(17,17,20,.06);
}
.action-quote-summary span,
.action-booking-summary span{
  color:#919197;
  font-size:8px;
  font-weight:850;
  letter-spacing:.1em;
}
.action-quote-summary b,
.action-booking-summary b{
  margin-left:auto;
  font-size:15px;
}
.action-quote-summary small{
  color:#65656c;
  font-size:9px;
}
.booking-generator-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}
.booking-generator-grid select{
  width:100%;
  min-height:46px;
  border:1px solid rgba(17,17,20,.11);
  border-radius:12px;
  padding:0 11px;
  background:#fff;
  color:#111114;
  font:inherit;
  font-size:11px;
}
.weekday-picker{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:10px 0 13px;
}
.weekday-picker label{
  cursor:pointer;
}
.weekday-picker input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.weekday-picker span{
  display:grid;
  place-items:center;
  min-width:40px;
  height:36px;
  padding:0 8px;
  border:1px solid rgba(17,17,20,.11);
  border-radius:10px;
  background:#fff;
  color:#67676d;
  font-size:10px;
  font-weight:800;
}
.weekday-picker input:checked + span{
  background:#111114;
  border-color:#111114;
  color:#fff;
}
.booking-slots-form>.dashboard-action{
  width:auto!important;
  margin:0!important;
}
.booking-slot-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:17px;
}
.booking-slot-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px;
  border:1px solid rgba(17,17,20,.08);
  border-radius:12px;
  background:#fff;
}
.booking-slot-item>div{
  min-width:0;
  display:grid;
  gap:3px;
}
.booking-slot-item b{
  font-size:10px;
}
.booking-slot-item small{
  color:#6d6d73;
  font-size:8px;
}
.booking-slot-item.booked{
  background:#f4f8f5;
  color:#49705a;
}
.delete-booking-slot{
  border:0;
  background:transparent;
  color:#8a5d5d;
  padding:5px;
  font:inherit;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
.stripe-connect-status{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:#f2f2f4;
  color:#68686e;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
}
.stripe-connect-status.ready{
  background:#eaf8ef;
  color:#26724a;
}
.stripe-connect-body{
  margin-top:17px;
}
.stripe-country-field{
  max-width:260px;
}
.stripe-country-field select{
  width:100%;
  min-height:46px;
  border:1px solid rgba(17,17,20,.11);
  border-radius:12px;
  padding:0 11px;
  background:#fff;
  color:#111114;
  font:inherit;
  font-size:11px;
}
.stripe-connect-body>.dashboard-action{
  width:auto!important;
  margin:10px 0 0!important;
}
.stripe-connected-ok{
  padding:14px;
  border-radius:14px;
  background:#eefaf2;
  border:1px solid rgba(37,126,78,.12);
}
.stripe-connected-ok b{
  display:block;
  color:#226742;
  font-size:12px;
}
.stripe-connected-ok p{
  margin:4px 0 0;
  color:#5b7968;
  font-size:10px;
  line-height:1.5;
}
.payment-success-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:#f5f5f7;
}
.payment-success-card{
  width:min(520px,100%);
  padding:32px;
  border:1px solid rgba(17,17,20,.08);
  border-radius:26px;
  background:#fff;
  box-shadow:0 20px 60px rgba(20,20,24,.09);
  text-align:center;
}
.payment-success-card .logo{
  justify-content:center;
  margin-bottom:28px;
}
.payment-success-icon{
  width:58px;
  height:58px;
  margin:0 auto 16px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#111114;
  color:#fff;
  font-size:25px;
  font-weight:900;
}
.payment-success-card>small{
  color:#87878d;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}
.payment-success-card h1{
  margin:8px 0;
  font-size:42px;
  letter-spacing:-.045em;
}
.payment-success-card p{
  margin:0 auto;
  max-width:380px;
  color:#626269;
  font-size:13px;
  line-height:1.6;
}
.payment-success-note{
  margin-top:14px!important;
  color:#94949a!important;
  font-size:11px!important;
}
.payment-success-card.error .payment-success-icon{
  background:#8f4343;
}
@media(max-width:900px){
  .quote-engine-grid{
    grid-template-columns:1fr 1fr;
  }
  .booking-generator-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:560px){
  .quote-engine-grid,
  .booking-generator-grid,
  .booking-slot-list{
    grid-template-columns:1fr;
  }
  .quote-form-bottom{
    align-items:stretch;
    flex-direction:column;
  }
  .quote-form-bottom .dashboard-action,
  .booking-slots-form>.dashboard-action,
  .stripe-connect-body>.dashboard-action{
    width:100%!important;
    justify-content:center!important;
  }
  .action-quote-summary,
  .action-booking-summary{
    align-items:flex-start;
    flex-direction:column;
  }
  .action-quote-summary b,
  .action-booking-summary b{
    margin-left:0;
  }
  .payment-success-card{
    padding:24px 18px;
    border-radius:22px;
  }
  .payment-success-card h1{
    font-size:36px;
  }
}


/* Google Calendar sync */
.calendar-sync-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(17,17,20,.08);
  border-radius:15px;
  background:#f7f7f8;
}
.calendar-sync-card.connected{
  background:#f1faf4;
  border-color:rgba(42,125,78,.12);
}
.calendar-sync-card>div:first-child{
  min-width:0;
}
.calendar-sync-card small{
  display:block;
  color:#929298;
  font-size:8px;
  font-weight:850;
  letter-spacing:.1em;
}
.calendar-sync-card b{
  display:block;
  margin-top:4px;
  font-size:12px;
}
.calendar-sync-card p{
  margin:4px 0 0;
  color:#707077;
  font-size:10px;
  line-height:1.45;
}
.calendar-sync-card.connected b{
  color:#26724a;
}
.calendar-sync-actions{
  flex:0 0 auto;
}
.calendar-sync-actions .dashboard-action,
.calendar-sync-actions .integration-test-btn{
  width:auto!important;
  margin:0!important;
}
.action-booking-summary small{
  color:#6d6d73;
  font-size:9px;
}
@media(max-width:560px){
  .calendar-sync-card{
    align-items:stretch;
    flex-direction:column;
  }
  .calendar-sync-actions .dashboard-action,
  .calendar-sync-actions .integration-test-btn{
    width:100%!important;
    justify-content:center!important;
  }
}


/* Desktop navigation cleanup */
.nav-login-btn,
.nav-login-btn span{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-style:normal!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
.product-subnav-inner{
  grid-template-columns:auto 1fr!important;
}
.product-subnav-inner nav{
  justify-self:end!important;
}


/* =========================================================
   RESPONDO IMMERSIVE MOTION SYSTEM
   lightweight scroll-driven 3D / cinematic treatment
   ========================================================= */
.immersive-home{
  --motion-bg:#fff;
  overflow:clip;
}
.respondo-motion-ready .immersive-home{
  isolation:isolate;
}
.motion-reveal{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  transition:
    opacity .78s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms),
    transform .92s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms);
  will-change:transform,opacity;
}
.motion-reveal.motion-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

/* HERO: slow camera pull */
.hero-immersive{
  min-height:calc(100vh - 120px);
  perspective:1400px;
}
.hero-immersive .hero-copy{
  transform:
    translate3d(0,calc(var(--hero-p,0) * -54px),0)
    scale(calc(1 - var(--hero-p,0) * .025));
  transform-origin:50% 25%;
  will-change:transform;
}
.hero-immersive .hero-glow{
  transform:
    translate3d(calc(var(--hero-p,0) * -90px),calc(var(--hero-p,0) * 44px),0)
    scale(calc(1 + var(--hero-p,0) * .16));
  opacity:calc(1 - var(--hero-p,0) * .55);
  will-change:transform,opacity;
}
.hero-immersive .hero-scroll-hint{
  transform:translate3d(0,calc(var(--hero-p,0) * 18px),0);
  opacity:calc(1 - var(--hero-p,0) * 1.2);
}
.hero-immersive .hero-copy h1{
  text-shadow:0 24px 70px rgba(75,52,110,.08);
}

/* CINEMA / question scene */
.cinema-conversation{
  height:185vh;
  position:relative;
  background:
    radial-gradient(circle at 50% 45%,rgba(147,116,255,.22),transparent 30rem),
    radial-gradient(circle at 18% 20%,rgba(255,111,149,.13),transparent 28rem),
    linear-gradient(180deg,#0d0d12 0%,#15121c 54%,#0d0d12 100%);
  color:#fff;
}
.cinema-stage{
  position:sticky;
  top:0;
  height:100vh;
  min-height:720px;
  overflow:hidden;
  display:grid;
  place-items:center;
  perspective:1400px;
  transform-style:preserve-3d;
}
.cinema-stage:before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;
  transform:
    perspective(600px)
    rotateX(68deg)
    translate3d(0,calc(100px - var(--scene-p,0) * 150px),-140px)
    scale(1.45);
  transform-origin:50% 70%;
  mask-image:linear-gradient(to bottom,transparent 10%,#000 45%,#000 78%,transparent 100%);
  opacity:.55;
}
.cinema-orbit{
  position:absolute;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  pointer-events:none;
}
.orbit-a{
  width:min(78vw,940px);
  aspect-ratio:1;
  transform:
    rotateX(72deg)
    rotateZ(calc(var(--scene-p,0) * 62deg))
    scale(calc(.76 + var(--scene-p,0) * .22));
}
.orbit-b{
  width:min(56vw,680px);
  aspect-ratio:1;
  transform:
    rotateY(68deg)
    rotateZ(calc(var(--scene-p,0) * -74deg))
    scale(calc(.8 + var(--scene-p,0) * .15));
}
.cinema-kicker{
  position:absolute;
  top:12vh;
  left:50%;
  transform:translateX(-50%);
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em;
  color:#a7a3b1;
}
.cinema-word{
  position:absolute;
  left:50%;
  top:50%;
  transform:
    translate3d(-50%,calc(-50% + (var(--scene-p,0) - .5) * -120px),-240px)
    scale(calc(.72 + var(--scene-p,0) * .5));
  font-size:clamp(110px,22vw,330px);
  font-weight:900;
  letter-spacing:-.075em;
  color:rgba(255,255,255,.025);
  white-space:nowrap;
  user-select:none;
}
.cinema-phone{
  width:min(420px,36vw);
  min-width:330px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:38px;
  padding:15px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  backdrop-filter:blur(24px);
  box-shadow:
    0 80px 160px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(255,255,255,.18);
  transform:
    translate3d(0,calc(86px - var(--scene-p,0) * 120px),calc(-180px + var(--scene-p,0) * 260px))
    rotateX(calc(14deg - var(--scene-p,0) * 12deg))
    rotateY(calc(-9deg + var(--scene-p,0) * 18deg))
    scale(calc(.78 + var(--scene-p,0) * .22));
  will-change:transform;
}
.cinema-phone-top{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 5px 14px;
  color:#d8d6df;
  font-size:9px;
  letter-spacing:.08em;
}
.cinema-phone-top>span{
  width:7px;height:7px;border-radius:50%;background:#6ee7a6;box-shadow:0 0 0 6px rgba(110,231,166,.08);
}
.cinema-phone-top b{font-size:10px}
.cinema-phone-top i{margin-left:auto;font-style:normal;color:#888491}
.cinema-chat{
  min-height:460px;
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:flex-end;
  padding:22px;
  border-radius:28px;
  background:rgba(8,8,12,.72);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.cinema-bubble{
  max-width:86%;
  padding:14px 16px;
  border-radius:18px;
  font-size:12px;
  line-height:1.5;
}
.cinema-bubble.customer{
  align-self:flex-end;
  background:#fff;
  color:#111114;
  transform:translateX(calc((1 - var(--scene-p,0)) * 45px));
}
.cinema-bubble.bot{
  background:linear-gradient(135deg,#8c76ff,#c073ff 48%,#ff718f);
  color:#fff;
  box-shadow:0 20px 50px rgba(172,94,255,.22);
}
.cinema-typing{
  display:flex;gap:4px;padding:2px 4px;
}
.cinema-typing i{
  width:5px;height:5px;border-radius:50%;background:#8d8897;
  animation:respondoTyping 1.2s ease-in-out infinite;
}
.cinema-typing i:nth-child(2){animation-delay:.12s}
.cinema-typing i:nth-child(3){animation-delay:.24s}
@keyframes respondoTyping{
  0%,100%{transform:translateY(0);opacity:.45}
  50%{transform:translateY(-4px);opacity:1}
}
.cinema-status{
  display:flex;align-items:center;gap:7px;
  color:#a8a4b1;font-size:9px;
}
.cinema-status span{width:6px;height:6px;border-radius:50%;background:#6ee7a6}
.cinema-float{
  position:absolute;
  width:160px;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  transform-style:preserve-3d;
}
.cinema-float small{display:block;color:#8f8b98;font-size:8px;letter-spacing:.12em}
.cinema-float b{display:block;margin:6px 0 2px;font-size:24px}
.cinema-float span{font-size:9px;color:#aaa6b2}
.float-a{
  left:8vw;top:34%;
  transform:
    translate3d(calc(var(--scene-p,0) * 70px),calc(var(--scene-p,0) * -30px),calc(-60px + var(--scene-p,0) * 120px))
    rotateY(8deg);
}
.float-b{
  right:8vw;top:28%;
  transform:
    translate3d(calc(var(--scene-p,0) * -80px),calc(var(--scene-p,0) * 34px),calc(-90px + var(--scene-p,0) * 160px))
    rotateY(-9deg);
}
.float-c{
  right:13vw;bottom:15%;
  transform:
    translate3d(calc(var(--scene-p,0) * -40px),calc(var(--scene-p,0) * -24px),calc(-30px + var(--scene-p,0) * 90px))
    rotateX(-8deg);
}
.cinema-next{
  position:absolute;
  left:50%;bottom:34px;
  transform:translateX(-50%);
  color:#8c8895;
  text-decoration:none;
  text-transform:uppercase;
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}

/* HORIZONTAL STORY */
.story-horizontal{
  height:310vh;
  position:relative;
  background:#f4f2f7;
}
.story-sticky{
  position:sticky;
  top:0;
  height:100vh;
  min-height:720px;
  overflow:hidden;
}
.story-sticky:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at calc(20% + var(--story-p,0) * 60%) 30%,rgba(141,123,255,.18),transparent 28rem),
    radial-gradient(circle at calc(80% - var(--story-p,0) * 55%) 70%,rgba(255,113,145,.13),transparent 28rem);
  pointer-events:none;
}
.story-track{
  position:absolute;
  inset:0 auto 0 0;
  width:300%;
  display:flex;
  will-change:transform;
}
.story-panel{
  width:33.333333%;
  height:100%;
  flex:0 0 33.333333%;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);
  align-items:center;
  gap:5vw;
  padding:9vh max(6vw,60px);
  perspective:1500px;
}
.story-panel-copy small{
  color:#8f8b94;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
}
.story-panel-copy h2{
  margin:14px 0 0;
  font-size:clamp(48px,6.4vw,95px);
  line-height:.94;
  letter-spacing:-.065em;
  color:#161419;
}
.story-panel-copy h2 em{
  display:block;
  font-style:normal;
  color:#7f6fff;
}
.story-visual{
  min-height:520px;
  position:relative;
  transform-style:preserve-3d;
}
.knowledge-machine{
  display:grid;
  place-items:center;
  transform:rotateY(-7deg) rotateX(3deg);
}
.km-back{
  position:absolute;width:72%;height:74%;
  border-radius:34px;
  background:linear-gradient(145deg,#c8c0ff,#ffb7c9);
  transform:translate3d(38px,30px,-80px) rotate(4deg);
  filter:blur(.1px);
}
.km-window{
  width:86%;
  border:1px solid rgba(17,17,20,.08);
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:0 45px 100px rgba(48,37,75,.18);
  overflow:hidden;
  transform:translateZ(50px);
}
.km-bar{display:flex;align-items:center;gap:5px;padding:16px 18px;border-bottom:1px solid #ecebef}
.km-bar span{width:7px;height:7px;border-radius:50%;background:#c8c6ce}
.km-bar b{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#84818b}
.km-row{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #eeeef1}
.km-row:last-child{border:0}
.km-row i{font-style:normal;color:#aaa7b0;font-size:9px}
.km-row small{display:block;color:#9a97a0;font-size:8px;letter-spacing:.1em}
.km-row b{font-size:12px}
.km-row>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-size:9px}
.km-chip{
  position:absolute;
  padding:9px 12px;
  border-radius:999px;
  background:#17151b;color:#fff;
  font-size:8px;font-weight:850;letter-spacing:.1em;
  box-shadow:0 16px 34px rgba(0,0,0,.15);
}
.chip-1{left:3%;top:22%;transform:translateZ(115px) rotate(-8deg)}
.chip-2{right:2%;top:35%;transform:translateZ(90px) rotate(7deg)}
.chip-3{left:15%;bottom:12%;transform:translateZ(120px) rotate(4deg)}
.message-space{
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
}
.msg-orb{
  width:360px;height:360px;border-radius:50%;
  background:
    radial-gradient(circle at 40% 35%,#fff 0 5%,#b8a8ff 18%,#7d6bff 44%,#342d5b 74%,#15131d 100%);
  box-shadow:0 40px 120px rgba(110,85,255,.28);
  transform:translateZ(-20px);
}
.msg-card{
  position:absolute;
  padding:12px 15px;
  border:1px solid rgba(17,17,20,.08);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 60px rgba(44,35,66,.14);
  font-size:11px;
  font-weight:750;
}
.m1{left:6%;top:16%;transform:translateZ(120px) rotate(-6deg)}
.m2{right:4%;top:26%;transform:translateZ(80px) rotate(6deg)}
.m3{left:0;bottom:21%;transform:translateZ(72px) rotate(4deg)}
.m4{right:10%;bottom:12%;transform:translateZ(130px) rotate(-5deg)}
.msg-core{
  position:absolute;display:grid;place-items:center;text-align:center;
}
.msg-core span{
  display:grid;place-items:center;width:74px;height:74px;border-radius:24px;
  background:#111;color:#fff;font-size:28px;font-weight:900;box-shadow:0 22px 60px rgba(0,0,0,.25)
}
.msg-core small{max-width:170px;margin-top:12px;color:#fff;font-size:9px;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.answer-machine{
  display:grid;place-items:center;
}
.am-ring{
  position:absolute;border:1px solid rgba(75,64,115,.18);border-radius:50%;
}
.am-ring.r1{width:420px;height:420px}
.am-ring.r2{width:310px;height:310px}
.am-center{
  display:grid;place-items:center;width:100px;height:100px;border-radius:32px;background:#111;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.24);z-index:3
}
.am-center span{font-size:38px;font-weight:900}
.am-answer{
  position:absolute;display:grid;grid-template-columns:1fr auto;gap:2px 18px;align-items:center;
  width:230px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(39,31,61,.13);
  border:1px solid rgba(17,17,20,.08);
}
.am-answer small{grid-column:1/-1;color:#9995a0;font-size:8px;letter-spacing:.1em}
.am-answer b{font-size:12px}.am-answer i{font-style:normal}
.am-answer.approved{left:1%;top:22%;transform:translateZ(95px) rotate(-5deg)}
.am-answer.uncertain{right:0;bottom:20%;transform:translateZ(120px) rotate(5deg)}
.am-pulse{
  position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid rgba(127,111,255,.28);
  animation:respondoPulse 2.4s ease-out infinite
}
@keyframes respondoPulse{
  0%{transform:scale(.7);opacity:.7}
  100%{transform:scale(2.6);opacity:0}
}
.story-progress{
  position:absolute;left:6vw;right:6vw;bottom:27px;height:2px;background:rgba(17,17,20,.08);z-index:4
}
.story-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7f80ff,#ff6c8c)}
.story-counter{
  position:absolute;right:6vw;top:8vh;z-index:4;display:flex;align-items:baseline;gap:5px;color:#8d8992
}
.story-counter span{font-size:28px;color:#17151b;font-weight:850}.story-counter b{font-size:9px}

/* PRODUCT WORLD / floating 3D dashboard */
.product-world{
  height:235vh;
  position:relative;
  background:
    radial-gradient(circle at 50% 45%,rgba(127,128,255,.11),transparent 32rem),
    linear-gradient(180deg,#fff,#f7f8fb 55%,#fff);
}
.world-sticky{
  position:sticky;top:0;height:100vh;min-height:720px;overflow:hidden;
  perspective:1600px;
}
.world-label{
  position:absolute;top:9vh;left:6vw;color:#949198;font-size:9px;font-weight:850;letter-spacing:.16em
}
.world-title{
  position:absolute;top:12vh;left:6vw;z-index:4;
  font-size:clamp(42px,5.2vw,78px);line-height:.95;letter-spacing:-.055em
}
.world-title span{display:block;color:#8b8790;font-size:.42em;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.world-title b{font-weight:780}
.world-stage{
  position:absolute;inset:24vh 6vw 5vh;
  transform-style:preserve-3d;
  transform:
    rotateX(calc(14deg - var(--world-p,0) * 8deg))
    rotateY(calc(-10deg + var(--world-p,0) * 18deg))
    translate3d(0,calc(80px - var(--world-p,0) * 120px),calc(-180px + var(--world-p,0) * 250px));
  will-change:transform;
}
.world-floor{
  position:absolute;left:7%;right:7%;bottom:2%;height:45%;
  background:radial-gradient(ellipse,rgba(111,91,187,.14),transparent 66%);
  filter:blur(18px);
  transform:translateZ(-180px);
}
.world-window{
  position:absolute;
  border:1px solid rgba(17,17,20,.08);
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(18px);
  box-shadow:0 35px 100px rgba(45,37,70,.15);
  border-radius:22px;
}
.ww-main{
  width:56%;height:62%;left:22%;top:10%;overflow:hidden;
  transform:translateZ(30px);
}
.ww-top{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #ececf0;font-size:8px;font-weight:850;letter-spacing:.1em}
.ww-top i{font-style:normal;color:#3b956b}
.ww-body{display:grid;grid-template-columns:54px 1fr;height:calc(100% - 44px)}
.ww-side{padding:16px 12px;border-right:1px solid #eeeef1}
.ww-side b{display:block;height:7px;border-radius:4px;background:#d6d5dc;margin:0 0 14px}
.ww-content{padding:18px}
.ww-stat{display:flex;align-items:end;gap:10px}
.ww-stat small{font-size:8px;color:#9a98a0}.ww-stat strong{font-size:42px}.ww-stat span{margin-left:auto;color:#3b956b;font-size:9px;font-weight:850}
.ww-chart{display:flex;align-items:end;gap:8px;height:120px;margin-top:24px}
.ww-chart i{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#9888ff,#e3dfff)}
.ww-chart i:nth-child(1){height:28%}.ww-chart i:nth-child(2){height:48%}.ww-chart i:nth-child(3){height:41%}.ww-chart i:nth-child(4){height:68%}.ww-chart i:nth-child(5){height:56%}.ww-chart i:nth-child(6){height:83%}.ww-chart i:nth-child(7){height:72%}
.ww-lines span{display:block;height:7px;border-radius:4px;background:#ecebf0;margin-top:9px}
.ww-lines span:nth-child(2){width:73%}.ww-lines span:nth-child(3){width:51%}
.ww-chat{
  width:260px;right:3%;top:6%;padding:15px;
  transform:translate3d(calc(var(--world-p,0) * -38px),calc(var(--world-p,0) * 34px),130px) rotateY(-8deg);
}
.ww-chat>small,.ww-knowledge>small{font-size:8px;color:#9995a0;letter-spacing:.1em}
.ww-bubble{padding:10px 11px;border-radius:13px;margin-top:9px;font-size:9px}.ww-bubble.dark{background:#111;color:#fff}.ww-bubble.light{background:#f1f0f4}
.ww-knowledge{
  width:240px;left:1%;bottom:3%;padding:15px;
  transform:translate3d(calc(var(--world-p,0) * 45px),calc(var(--world-p,0) * -42px),110px) rotateY(7deg);
}
.ww-knowledge>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eeeef1;font-size:9px}.ww-knowledge>div:last-child{border:0}
.ww-alert{
  right:6%;bottom:5%;display:flex;gap:10px;align-items:center;padding:12px 14px;
  transform:translate3d(calc(var(--world-p,0) * -26px),calc(var(--world-p,0) * -50px),170px) rotateX(-4deg);
}
.ww-alert>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff1f4;color:#b14860;font-weight:900}
.ww-alert small{display:block;color:#9a969e;font-size:7px;letter-spacing:.1em}.ww-alert b{font-size:9px}
.world-caption{
  position:absolute;left:6vw;bottom:6vh;color:#8c8990;font-size:9px;letter-spacing:.08em
}

/* NEW DEEP SCROLL FILM */
.motion-depth{
  height:280vh;
  position:relative;
  background:
    radial-gradient(circle at 50% 45%,rgba(135,106,255,.22),transparent 34rem),
    linear-gradient(180deg,#101015 0%,#181321 50%,#0f0f14 100%);
  color:#fff;
}
.motion-depth-sticky{
  position:sticky;
  top:0;
  height:100vh;
  min-height:720px;
  overflow:hidden;
  perspective:1700px;
  transform-style:preserve-3d;
}
.depth-grid{
  position:absolute;inset:-25%;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  transform:
    rotateX(72deg)
    translate3d(0,calc(220px - var(--depth-p,0) * 320px),-160px)
    scale(1.7);
  transform-origin:50% 78%;
  mask-image:linear-gradient(to bottom,transparent 5%,#000 38%,#000 80%,transparent 100%);
}
.depth-aura{
  position:absolute;border-radius:50%;filter:blur(55px);opacity:.45;
}
.depth-aura-a{width:420px;height:420px;background:#7765ff;left:-110px;top:10%}
.depth-aura-b{width:360px;height:360px;background:#ff668f;right:-80px;bottom:12%}
.depth-copy{
  position:absolute;left:6vw;top:11vh;z-index:7;width:min(620px,50vw)
}
.depth-copy small{font-size:9px;font-weight:850;letter-spacing:.18em;color:#9c98a7}
.depth-copy h2{margin:12px 0 14px;font-size:clamp(48px,6vw,90px);line-height:.91;letter-spacing:-.065em}
.depth-copy h2 em{font-style:normal;color:#a995ff}
.depth-copy p{max-width:560px;margin:0;color:#aaa6b3;font-size:13px;line-height:1.7}
.depth-stage{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}
.depth-card{
  position:absolute;
  width:min(330px,28vw);
  min-height:180px;
  padding:20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  backdrop-filter:blur(22px);
  box-shadow:0 42px 100px rgba(0,0,0,.3);
  transform-style:preserve-3d;
}
.depth-card>span{
  display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.09);color:#cbc7d5;font-size:9px;font-weight:850
}
.depth-card small{display:block;margin-top:28px;color:#8f8a9a;font-size:8px;letter-spacing:.12em}
.depth-card b{display:block;margin-top:6px;font-size:18px;line-height:1.25}
.depth-card i{display:block;margin-top:7px;color:#aba7b2;font-size:9px;font-style:normal}
.depth-card-1{
  left:10%;top:58%;
  transform:
    translate3d(calc(var(--depth-p,0) * -90px),calc((var(--depth-p,0) - .15) * -180px),calc(-260px + var(--depth-p,0) * 480px))
    rotateY(12deg) rotateX(-4deg)
    scale(calc(.78 + var(--depth-p,0) * .12));
  opacity:clamp(.18,calc(1.25 - var(--depth-p,0) * 1.5),1);
}
.depth-card-2{
  left:50%;top:49%;
  transform:
    translate3d(-50%,calc((var(--depth-p,0) - .5) * -160px),calc(-300px + var(--depth-p,0) * 600px))
    rotateY(calc(-7deg + var(--depth-p,0) * 14deg))
    scale(calc(.74 + var(--depth-p,0) * .2));
}
.depth-card-3{
  right:9%;top:58%;
  transform:
    translate3d(calc(var(--depth-p,0) * 80px),calc((var(--depth-p,0) - .8) * -150px),calc(-390px + var(--depth-p,0) * 780px))
    rotateY(-12deg) rotateX(4deg)
    scale(calc(.7 + var(--depth-p,0) * .25));
  opacity:clamp(.2,calc(var(--depth-p,0) * 1.6),1);
}
.depth-core{
  position:absolute;left:50%;top:54%;
  display:grid;place-items:center;
  transform:
    translate3d(-50%,-50%,calc(-200px + var(--depth-p,0) * 300px))
    scale(calc(.65 + var(--depth-p,0) * .35));
  z-index:5
}
.depth-core-ring{
  position:absolute;width:220px;height:220px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 80px rgba(145,111,255,.22),inset 0 0 80px rgba(145,111,255,.12)
}
.depth-core-ring:before,.depth-core-ring:after{
  content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%
}
.depth-core-ring:before{inset:22px}.depth-core-ring:after{inset:48px}
.depth-core-mark{
  width:86px;height:86px;border-radius:28px;display:grid;place-items:center;
  background:#fff;color:#111;font-size:32px;font-weight:900;
  box-shadow:0 30px 90px rgba(0,0,0,.35)
}
.depth-core small{margin-top:18px;font-size:8px;letter-spacing:.16em;color:#9995a2}
.depth-progress{
  position:absolute;left:6vw;right:6vw;bottom:28px;height:2px;background:rgba(255,255,255,.08);z-index:8
}
.depth-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8978ff,#ff718f,#ffb260)}
.depth-caption{
  position:absolute;left:6vw;right:6vw;bottom:44px;display:flex;align-items:center;gap:12px;color:#8d8996;font-size:8px;letter-spacing:.1em
}
.depth-caption b{color:#d8d4de;font-size:9px}.depth-caption em{margin-left:auto;font-style:normal}

/* TRUST PORTAL */
.trust-portal{
  min-height:130vh;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:12vh 6vw;
  background:
    radial-gradient(circle at 50% 50%,rgba(133,116,255,.13),transparent 28rem),
    #fff;
  perspective:1400px;
}
.portal-ring{
  position:absolute;left:50%;top:50%;border:1px solid rgba(17,17,20,.08);border-radius:50%;
  transform:translate(-50%,-50%) scale(calc(.82 + var(--portal-p,0) * .2)) rotate(calc(var(--portal-p,0) * 70deg));
}
.ring-one{width:min(86vw,1080px);aspect-ratio:1}
.ring-two{width:min(65vw,820px);aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(.78 + var(--portal-p,0) * .28)) rotate(calc(var(--portal-p,0) * -95deg))}
.ring-three{width:min(43vw,550px);aspect-ratio:1}
.portal-center{
  position:relative;z-index:4;text-align:center;width:min(800px,90vw)
}
.portal-center>small{font-size:9px;font-weight:850;letter-spacing:.16em;color:#8f8c95}
.portal-mark{display:grid;place-items:center;width:74px;height:74px;margin:25px auto;border-radius:24px;background:#111;color:#fff;font-size:28px;font-weight:900;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.portal-center h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:.94;letter-spacing:-.06em}
.portal-center h2 em{font-style:normal;color:#7e6eff}
.portal-center p{max-width:590px;margin:18px auto 0;color:#75717a;font-size:13px;line-height:1.7}
.portal-button{display:inline-flex;gap:10px;align-items:center;margin-top:22px;padding:12px 16px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-size:10px;font-weight:850}
.portal-node{
  position:absolute;padding:10px 13px;border:1px solid rgba(17,17,20,.08);border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(34,28,51,.10);font-size:9px;font-weight:800
}
.portal-node span{margin-right:6px}
.pn1{left:10%;top:29%;transform:translate3d(calc(var(--portal-p,0) * 80px),calc(var(--portal-p,0) * 24px),120px)}
.pn2{right:11%;top:31%;transform:translate3d(calc(var(--portal-p,0) * -85px),calc(var(--portal-p,0) * 38px),100px)}
.pn3{left:13%;bottom:24%;transform:translate3d(calc(var(--portal-p,0) * 60px),calc(var(--portal-p,0) * -45px),90px)}
.pn4{right:14%;bottom:22%;transform:translate3d(calc(var(--portal-p,0) * -70px),calc(var(--portal-p,0) * -50px),130px)}

/* IMPACT / data wall */
.impact-scene{
  position:relative;
  min-height:110vh;
  padding:12vh 6vw 10vh;
  overflow:hidden;
  background:
    radial-gradient(circle at calc(20% + var(--impact-p,0) * 60%) 35%,rgba(126,112,255,.16),transparent 30rem),
    #111116;
  color:#fff;
}
.impact-top{max-width:930px}
.impact-kicker{font-size:9px;font-weight:850;letter-spacing:.17em;color:#8f8a99}
.impact-top h2{margin:18px 0 0;font-size:clamp(48px,7vw,108px);line-height:.9;letter-spacing:-.07em}
.impact-top h2 em{font-style:normal;color:#a891ff}
.impact-numbers{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12vh;
  perspective:1200px
}
.impact-number{
  min-height:330px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  color:#fff;text-decoration:none;
  display:flex;flex-direction:column;justify-content:flex-end;
  backdrop-filter:blur(18px);box-shadow:0 32px 90px rgba(0,0,0,.2);
}
.impact-number:nth-child(1){transform:translateY(calc((1 - var(--impact-p,0)) * 70px)) rotateY(5deg)}
.impact-number:nth-child(2){transform:translateY(calc((1 - var(--impact-p,0)) * 110px))}
.impact-number:nth-child(3){transform:translateY(calc((1 - var(--impact-p,0)) * 150px)) rotateY(-5deg)}
.impact-number span{font-size:clamp(72px,9vw,145px);line-height:.8;font-weight:850;letter-spacing:-.08em}
.impact-number small{max-width:250px;margin-top:24px;color:#aca8b3;font-size:11px;line-height:1.5}
.impact-number i{margin-top:14px;font-style:normal;color:#7f78ff}
.impact-foot{margin-top:18px;color:#777381;font-size:8px}

/* lower sections: depth, tilt, camera */
.value-calculator,
.pricing-section,
.final-cta,
.contact-section{
  position:relative;
  transform-style:preserve-3d;
}
.value-calculator:before,
.pricing-section:before{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  filter:blur(70px);pointer-events:none;z-index:0;
}
.value-calculator:before{left:-180px;top:20%;background:rgba(148,122,255,.12)}
.pricing-section:before{right:-170px;top:18%;background:rgba(255,113,143,.11)}
.value-calculator>.container,
.pricing-section>.container{position:relative;z-index:1}
.calculator-shell{
  transform:
    perspective(1400px)
    translate3d(0,calc((1 - var(--section-p,0)) * 70px),0)
    rotateX(calc((1 - var(--section-p,0)) * 4deg));
}
.pricing-wrap{
  perspective:1400px;
}
.price-card:first-child{
  transform:
    translate3d(0,calc((1 - var(--section-p,0)) * 65px),0)
    rotateY(3deg);
}
.price-card.featured{
  transform:
    translate3d(0,calc((1 - var(--section-p,0)) * 95px),30px)
    rotateY(-3deg);
}
.motion-tilt{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --shine-x:50%;
  --shine-y:50%;
  transition:transform .32s ease,box-shadow .32s ease!important;
  transform-style:preserve-3d;
}
.motion-tilt:hover{
  transform:
    perspective(1200px)
    rotateX(var(--tilt-x))
    rotateY(var(--tilt-y))
    translateZ(8px)!important;
  box-shadow:0 35px 90px rgba(38,28,58,.14)!important;
}
.motion-tilt:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.38),transparent 32%);
  opacity:0;
  transition:opacity .25s ease;
}
.motion-tilt:hover:after{opacity:1}

/* subtle moving edge on final CTA */
.final-cta-immersive .cta-shell{
  position:relative;
  overflow:hidden;
}
.final-cta-immersive .cta-shell:before{
  content:"";
  position:absolute;
  width:38%;height:180%;
  top:-40%;left:-55%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  transform:rotate(18deg);
  animation:respondoSweep 7s ease-in-out infinite;
  pointer-events:none;
}
@keyframes respondoSweep{
  0%,30%{left:-55%}
  70%,100%{left:120%}
}

/* Desktop nav stays above all full-screen scenes */
.nav{z-index:1200!important}
.product-subnav{z-index:1100!important}

/* MOBILE / LOW-MOTION: retain premium look without heavy sticky transforms */
@media(max-width:760px){
  .cinema-conversation,
  .story-horizontal,
  .product-world,
  .motion-depth{
    height:auto!important;
  }
  .cinema-stage,
  .story-sticky,
  .world-sticky,
  .motion-depth-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden;
  }
  .cinema-stage{padding:90px 18px 80px;display:block}
  .cinema-kicker{position:relative;top:auto;left:auto;transform:none;margin-bottom:28px;text-align:center}
  .cinema-word{font-size:27vw;top:44%;opacity:.6}
  .cinema-phone{width:min(100%,390px);min-width:0;margin:0 auto;transform:none}
  .cinema-float{display:none}
  .cinema-next{display:none}

  .story-sticky{padding:70px 0}
  .story-track{
    position:relative;inset:auto;width:auto!important;display:grid;transform:none!important
  }
  .story-panel{
    width:auto!important;height:auto!important;min-height:760px;display:grid;grid-template-columns:1fr;
    padding:60px 20px;gap:28px
  }
  .story-panel-copy h2{font-size:clamp(43px,12vw,68px)}
  .story-visual{min-height:420px;transform:none!important}
  .story-counter,.story-progress{display:none}

  .product-world{padding:80px 0}
  .world-sticky{padding:0 18px}
  .world-label,.world-title,.world-stage,.world-caption{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto}
  .world-title{margin:10px 0 38px;font-size:46px}
  .world-stage{height:660px;transform:none}
  .ww-main{width:86%;height:54%;left:7%;top:15%;transform:none}
  .ww-chat{right:0;top:5%;transform:rotate(3deg)}
  .ww-knowledge{left:0;bottom:2%;transform:rotate(-3deg)}
  .ww-alert{right:0;bottom:10%;transform:none}
  .world-caption{margin-top:30px}

  .motion-depth-sticky{padding:80px 18px 90px}
  .depth-copy{position:relative;left:auto;top:auto;width:auto}
  .depth-copy h2{font-size:clamp(48px,13vw,72px)}
  .depth-stage{position:relative;height:auto;margin-top:45px;display:grid;gap:12px}
  .depth-card{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;min-height:145px;transform:none!important;opacity:1!important}
  .depth-core{position:relative;left:auto;top:auto;transform:none;margin:35px auto}
  .depth-grid{opacity:.25}
  .depth-progress,.depth-caption{display:none}

  .trust-portal{min-height:900px;padding:100px 18px}
  .portal-node{font-size:8px}
  .pn1{left:6%;top:18%}.pn2{right:5%;top:23%}.pn3{left:5%;bottom:18%}.pn4{right:5%;bottom:14%}
  .portal-center h2{font-size:clamp(43px,12vw,66px)}

  .impact-scene{min-height:0;padding:90px 18px}
  .impact-top h2{font-size:clamp(45px,12vw,72px)}
  .impact-numbers{grid-template-columns:1fr;margin-top:60px}
  .impact-number{min-height:240px;transform:none!important}
  .impact-number span{font-size:86px}

  .motion-tilt:hover{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  .motion-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .cinema-phone,
  .cinema-float,
  .cinema-orbit,
  .cinema-word,
  .world-stage,
  .world-window,
  .depth-card,
  .depth-core,
  .portal-ring,
  .portal-node,
  .impact-number,
  .calculator-shell,
  .price-card{
    transform:none!important;
  }
  .cinema-typing i,
  .am-pulse,
  .final-cta-immersive .cta-shell:before{
    animation:none!important;
  }
}


/* =========================================================
   RESPONDO OMNICHANNEL + LIVE TAKEOVER
   ========================================================= */
.live-inbox-panel{margin-bottom:16px!important}
.live-thread-list{display:grid;gap:12px;margin-top:18px}
.live-thread{
  border:1px solid rgba(17,17,20,.08);
  border-radius:18px;
  padding:15px;
  background:#fff;
  transition:.2s ease;
}
.live-thread.human-mode{
  border-color:rgba(46,139,87,.2);
  box-shadow:0 14px 36px rgba(34,110,68,.06);
}
.live-thread-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px
}
.live-thread-head>div{display:grid;gap:4px}
.live-thread-head b{font-size:12px;overflow-wrap:anywhere}
.live-thread-head small{color:#98989e;font-size:8px}
.live-channel{
  width:max-content;
  padding:5px 8px;
  border-radius:999px;
  background:#111114;
  color:#fff;
  font-size:8px;
  font-weight:850;
}
.live-mode{
  padding:6px 9px;border-radius:999px;background:#f2f2f4;color:#696970;
  font-size:8px;font-weight:850;white-space:nowrap
}
.human-mode .live-mode{background:#eaf8ef;color:#2c754d}
.live-messages{
  max-height:300px;overflow:auto;display:grid;gap:7px;margin:14px 0;padding:12px;
  border-radius:14px;background:#f7f7f8
}
.live-message{max-width:82%;padding:9px 11px;border-radius:12px;background:#fff;border:1px solid rgba(17,17,20,.06)}
.live-message.user{justify-self:start}
.live-message.assistant{justify-self:end;background:#111114;color:#fff}
.live-message.human{justify-self:end;background:#eaf8ef;color:#1d5638}
.live-message small{display:block;margin-bottom:3px;font-size:7px;font-weight:850;letter-spacing:.08em;opacity:.65}
.live-message p{margin:0;font-size:10px;line-height:1.45;white-space:pre-wrap}
.live-thread-actions{display:flex;gap:8px;align-items:center}
.live-mode-toggle{
  flex:0 0 auto!important;
  min-height:40px!important;
  border:1px solid rgba(17,17,20,.11)!important;
  background:#fff!important;color:#111114!important
}
.live-reply-form{display:flex;gap:7px;flex:1}
.live-reply-form input{
  min-width:0;flex:1;border:1px solid rgba(17,17,20,.11);border-radius:11px;
  padding:10px 11px;background:#fff;color:#111114;font:inherit;font-size:10px
}
.live-reply-form button{
  border:0;border-radius:11px;padding:0 13px;background:#111114;color:#fff;
  font:inherit;font-size:9px;font-weight:850;cursor:pointer
}
.live-reply-form input:disabled,.live-reply-form button:disabled{opacity:.45;cursor:not-allowed}

.commerce-panel,.meta-channels-panel,.voice-agent-panel{margin:0!important}
.integration-form select{
  width:100%;min-height:46px;border:1px solid rgba(17,17,20,.11);border-radius:12px;
  padding:0 11px;background:#fff;color:#111114;font:inherit;font-size:11px
}
.commerce-provider-fields.hidden{display:none!important}
.meta-webhook-box{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px
}
.meta-webhook-box>div{
  min-width:0;display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;
  border:1px solid rgba(17,17,20,.08);border-radius:13px;background:#f7f7f8
}
.meta-webhook-box small{grid-column:1/-1;color:#8b8b91;font-size:8px;font-weight:850;letter-spacing:.1em}
.meta-webhook-box code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#3e3e43}
.meta-webhook-box button{
  border:1px solid rgba(17,17,20,.1);border-radius:9px;background:#fff;padding:6px 8px;
  font:inherit;font-size:8px;font-weight:800;cursor:pointer
}
.channel-config-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px
}
.channel-config-card{
  padding:14px;border:1px solid rgba(17,17,20,.08);border-radius:15px;background:#fafafa
}
.channel-config-card.connected{background:#f2fbf6;border-color:rgba(47,142,85,.13)}
.channel-config-card>b{display:block;margin-bottom:12px;font-size:11px}
.voice-toggle{
  display:flex;align-items:center;gap:9px;margin:12px 0;padding:11px 12px;
  border:1px solid rgba(17,17,20,.08);border-radius:12px;background:#f7f7f8;
  font-size:10px;font-weight:800;cursor:pointer
}
.voice-toggle input{width:16px;height:16px}
.voice-agent-panel .code-row{margin-top:10px}
.channel-readiness .ready~span:has(+ *){}
.channel-readiness span:has(> *){}
.channel-readiness span{line-height:1.45}
.channel-readiness span:first-child{color:#75d6a2}
.channel-readiness span:not(:first-child){color:#b7b7be}

@media(max-width:760px){
  .live-thread-head,.live-thread-actions{flex-direction:column;align-items:stretch}
  .live-reply-form{width:100%}
  .live-mode-toggle{width:100%!important;justify-content:center!important}
  .meta-webhook-box,.channel-config-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .live-reply-form{flex-direction:column}
  .live-reply-form button{min-height:40px}
}


/* Customer bot identity */
.bot-customizer{
  border:1px solid #dfe4ea;
  border-radius:18px;
  padding:18px;
  background:linear-gradient(145deg,#fbfcfd,#f5f7f9);
  display:grid;
  gap:16px;
}
.bot-customizer-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.bot-customizer-head small{display:block;font-size:8px;letter-spacing:.14em;color:#8b94a0;font-weight:900}
.bot-customizer-head h3{margin:5px 0 5px;font-size:17px;letter-spacing:-.025em}
.bot-customizer-head p{margin:0;color:#737d89;font-size:10px;line-height:1.55;max-width:620px}
.bot-current-avatar{
  width:66px;height:66px;border-radius:18px;overflow:hidden;flex:0 0 auto;
  display:grid;place-items:center;background:#fff;border:1px solid #e2e6eb;
  box-shadow:0 10px 28px rgba(10,16,24,.08)
}
.bot-current-avatar svg,.bot-current-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.bot-name-field{max-width:420px}
.bot-avatar-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.bot-avatar-option{
  border:1px solid #dde2e8;background:#fff;border-radius:14px;padding:8px 6px 7px;
  display:grid;place-items:center;gap:5px;min-width:0;transition:.18s
}
.bot-avatar-option:hover{transform:translateY(-1px);border-color:#b9c1ca;box-shadow:0 8px 18px rgba(10,16,24,.06)}
.bot-avatar-option.selected{border-color:#111114;box-shadow:0 0 0 2px #111114 inset}
.bot-avatar-option span{display:block;width:46px;height:46px;border-radius:13px;overflow:hidden}
.bot-avatar-option svg,.bot-avatar-option img{width:100%;height:100%;display:block;object-fit:cover}
.bot-avatar-option small{font-size:8px;color:#6f7883;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bot-avatar-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bot-avatar-upload{
  border:1px dashed #bfc6cf;background:#fff;border-radius:14px;padding:12px 14px;
  display:flex;align-items:center;gap:11px;cursor:pointer;min-width:min(100%,390px);transition:.18s
}
.bot-avatar-upload:hover{border-color:#111114;background:#fafafa}
.bot-avatar-upload>span{width:34px;height:34px;border-radius:10px;background:#111114;color:#fff;display:grid;place-items:center;font-size:18px;flex:0 0 auto}
.bot-avatar-upload b{display:block;font-size:11px}
.bot-avatar-upload small{display:block;margin-top:2px;color:#7d8792;font-size:8px;line-height:1.4}
.bot-avatar-processing{font-size:9px;color:#707983}
.bot-avatar-processing.success{color:#197a4d}
.bot-avatar-processing.error{color:#b83232}
.preview-avatar{overflow:hidden;padding:0!important}
.preview-avatar svg,.preview-avatar img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:760px){
  .bot-customizer-head{align-items:flex-start}
  .bot-avatar-presets{grid-template-columns:repeat(5,minmax(48px,1fr));overflow-x:auto;padding-bottom:4px}
  .bot-avatar-option{min-width:58px}
}

/* Mobile dashboard fit — 2026-09-20 */
@media (max-width: 720px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden !important; }
  .dashboard, .dashboard-shell, .dashboard-main, .dashboard-view-section,
  .actions2-layout, .panel, .panel-head, .panel-head > div,
  .action-inbox-panel, .quote-engine-panel, .booking-calendar-panel,
  .calendar-sync-card, .booking-slots-form, .quote-engine-form,
  .empty-state, .action-request-list, .action-request-item {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .actions2-layout { padding-left: 12px !important; padding-right: 12px !important; }
  .panel { overflow: hidden !important; }
  .panel-head { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
  .panel-head h2, .panel-head p, .panel-head small,
  .empty-state p, .empty-state b, .calendar-sync-card p,
  .quote-formula-preview, .field-hint {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .panel-head h2 { font-size: clamp(25px, 7.2vw, 34px) !important; line-height: 1.06 !important; }
  .panel-head p { font-size: 16px !important; line-height: 1.5 !important; }
  .quote-engine-grid, .booking-generator-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .quote-engine-grid .field, .booking-generator-grid .field,
  .field, .field input, .field select, .field textarea {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important;
  }
  .quote-form-bottom, .calendar-sync-card, .calendar-sync-actions {
    display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important;
  }
  .dashboard-action, .integration-test-btn, .calendar-sync-actions .btn,
  .quote-form-bottom .btn {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    white-space: normal !important; text-align: center !important; justify-content: center !important;
  }
  .weekday-picker { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 8px !important; }
  .booking-slot-item, .action-request-top, .action-request-bottom {
    min-width: 0 !important; max-width: 100% !important; flex-wrap: wrap !important;
  }
}


/* Safari back/forward cache recovery.
   This class exists only for the instant before a clean reload after history
   navigation. Hide the heavyweight dark scenes so a stale compositor layer
   can never cover the restored page. */
body.home-history-restoring{
  background:#fff!important;
}
body.home-history-restoring .immersive-home{
  background:#fff!important;
  min-height:100vh!important;
}
body.home-history-restoring .cinema-conversation,
body.home-history-restoring .story-horizontal,
body.home-history-restoring .product-world,
body.home-history-restoring .motion-depth,
body.home-history-restoring .trust-portal,
body.home-history-restoring .impact-scene{
  display:none!important;
}
body.home-history-restoring .cinema-stage,
body.home-history-restoring .story-sticky,
body.home-history-restoring .story-track,
body.home-history-restoring .world-sticky,
body.home-history-restoring .motion-depth-sticky{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  transform:none!important;
  transform-style:flat!important;
  perspective:none!important;
  will-change:auto!important;
  z-index:auto!important;
}
body.home-history-restoring .cinema-stage::before,
body.home-history-restoring .story-sticky::before{
  display:none!important;
}

/* =========================================================
   MOBILE SAFARI STABILITY GUARD
   Prevents GPU/memory exhaustion near the bottom of the home page.
   Keeps the layout and visual hierarchy while removing expensive
   compositing layers on compact/touch devices.
   ========================================================= */
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  .motion-lite .motion-reveal,
  .motion-lite .motion-visible,
  .immersive-home .motion-reveal.motion-visible {
    will-change: auto !important;
    transition: none !important;
  }

  .cinema-stage,
  .story-sticky,
  .world-sticky,
  .motion-depth-sticky,
  .trust-portal,
  .impact-scene,
  .value-calculator,
  .pricing-section,
  .final-cta,
  .contact-section,
  .world-stage,
  .story-visual,
  .depth-stage {
    transform-style: flat !important;
    perspective: none !important;
  }

  .cinema-phone,
  .world-window,
  .depth-card,
  .portal-node,
  .impact-number {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .depth-aura,
  .world-floor,
  .value-calculator::before,
  .pricing-section::before {
    filter: none !important;
  }

  .cinema-stage::before,
  .depth-grid {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .cinema-typing i,
  .am-pulse,
  .final-cta-immersive .cta-shell::before {
    animation: none !important;
  }

  .hero-immersive .hero-copy,
  .hero-immersive .hero-glow,
  .hero-immersive .hero-scroll-hint,
  .cinema-phone,
  .world-stage,
  .calculator-shell,
  .price-card,
  .portal-ring,
  .portal-node {
    will-change: auto !important;
  }
}


/* Knowledge quick replies */
.knowledge-feature-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:-2px 0 14px;padding:13px 14px;border:1px solid #e7e8ec;border-radius:14px;background:#f8f8fa}
.knowledge-feature-summary b{display:block;font-size:11px;color:#17181b}
.knowledge-feature-summary small{display:block;margin-top:4px;font-size:9px;line-height:1.45;color:#737780}
.knowledge-feature-summary>span{flex:0 0 auto;border:1px solid #dddfe5;background:#fff;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800;color:#4f5560}
.knowledge-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.knowledge-item-top>b{min-width:0}
.knowledge-feature-btn{flex:0 0 auto;border:1px solid #d9dbe1;background:#fff;border-radius:999px;padding:6px 9px;font:inherit;font-size:8px;font-weight:850;color:#4e5560;cursor:pointer;white-space:nowrap;transition:.18s ease}
.knowledge-feature-btn:hover{border-color:#aeb3bd;transform:translateY(-1px)}
.knowledge-feature-btn.active{border-color:#b9dfcb;background:#f2fbf6;color:#26724b}
.knowledge-feature-btn:disabled{opacity:.55;cursor:default;transform:none}
.knowledge-item.featured{background:linear-gradient(90deg,rgba(43,169,109,.045),transparent 58%)}
#knowledgeFeatureMsg .notice{margin:0 0 12px}
@media(max-width:760px){
  .knowledge-feature-summary{align-items:flex-start;flex-direction:column}
  .knowledge-item-top{align-items:flex-start;flex-direction:column}
  .knowledge-feature-btn{white-space:normal}
}


/* =========================================================
   MOBILE SAFARI HARD STABILITY MODE — 2026-09-22
   Keep the homepage visually rich but remove the largest GPU layers.
   ========================================================= */
@media (max-width:900px), (hover:none) and (pointer:coarse) {
  .cinema-orbit,
  .cinema-word,
  .portal-ring,
  .depth-grid,
  .depth-aura,
  .world-floor {
    display:none !important;
  }

  .cinema-stage::before,
  .story-sticky::before,
  .trust-portal,
  .impact-scene,
  .hero,
  .hero-immersive {
    background-attachment:scroll !important;
  }

  .cinema-phone,
  .world-window,
  .depth-card,
  .portal-node,
  .impact-number,
  .calculator-shell,
  .price-card,
  .cta-shell,
  .nav,
  .dashboard-topbar {
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    will-change:auto !important;
  }

  .cinema-phone,
  .world-stage,
  .world-window,
  .depth-card,
  .depth-core,
  .portal-node,
  .impact-number,
  .calculator-shell,
  .price-card,
  .hero-copy,
  .hero-glow {
    transform:none !important;
  }

  .trust-portal {
    min-height:680px !important;
    overflow:hidden !important;
  }

  .story-panel {
    min-height:0 !important;
  }

  .world-stage {
    height:560px !important;
  }

  .motion-reveal,
  .motion-visible {
    opacity:1 !important;
    transition:none !important;
    filter:none !important;
  }
}


/* =========================================================
   RESPONDO SIMPLE UI SYSTEM — 2026-09-23
   One calm visual language across marketing, checkout, app and legal pages.
   ========================================================= */
:root{
  --simple-bg:#f6f7f9;
  --simple-surface:#ffffff;
  --simple-text:#17181b;
  --simple-muted:#686d76;
  --simple-line:#e7e9ed;
  --simple-soft:#f1f3f5;
  --simple-radius:18px;
  --simple-shadow:0 8px 30px rgba(17,24,39,.055);
}
html{scroll-behavior:smooth}
body{background:var(--simple-bg)!important;color:var(--simple-text)!important}
.container{width:min(1120px,calc(100% - 40px))!important}
.section{padding:88px 0!important}
.section-kicker,.hero-label{font-size:12px!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--simple-muted)!important}
h1,h2,h3{letter-spacing:-.035em!important}
p{color:var(--simple-muted)}
.btn,.checkout-button,.dashboard-action,.portal-button,.integration-test-btn{
  min-height:46px!important;border-radius:12px!important;box-shadow:none!important;
  font-weight:700!important;letter-spacing:0!important
}
.btn.ink,.hero-primary,.checkout-button{background:#17181b!important;color:#fff!important;border-color:#17181b!important}
.btn:hover,.dashboard-action:hover{transform:none!important}

/* Navigation */
.nav{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--simple-line)!important;box-shadow:none!important}
.navinner{min-height:68px!important}
.navlinks{gap:24px!important}
.navlinks a{color:#555a63!important}
.navactions{gap:8px!important}

/* Homepage: clear product story, no visual overload */
.product-subnav,.hero-scroll-hint,.cinema-word,.cinema-orbit,.cinema-float,.story-counter,.story-progress,
.world-floor,.depth-grid,.depth-aura,.portal-ring,.fx-scene-number{display:none!important}
.hero-immersive{min-height:auto!important;padding:96px 0 72px!important;overflow:visible!important}
.hero-immersive .hero-grid{min-height:0!important;gap:64px!important;align-items:center!important}
.hero-immersive .hero-copy h1{font-size:clamp(52px,7vw,92px)!important;line-height:.94!important;letter-spacing:-.06em!important}
.hero-copy .lead{font-size:18px!important;line-height:1.65!important;max-width:620px!important}
.hero-actions{margin-top:28px!important}
.signal-console{border:1px solid var(--simple-line)!important;border-radius:22px!important;box-shadow:var(--simple-shadow)!important;background:#fff!important;transform:none!important}
.cinema-conversation,.story-horizontal,.product-world,.motion-depth,.trust-portal,.impact-scene{
  height:auto!important;min-height:0!important;padding:88px 0!important;overflow:hidden!important
}
.cinema-stage,.story-sticky,.world-sticky,.motion-depth-sticky{
  position:relative!important;top:auto!important;height:auto!important;min-height:0!important
}
.story-track{position:relative!important;inset:auto!important;width:auto!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;transform:none!important;gap:16px!important;padding:0 max(20px,calc((100vw - 1120px)/2))!important}
.story-panel{width:auto!important;height:auto!important;min-height:0!important;padding:28px!important;border:1px solid var(--simple-line)!important;border-radius:var(--simple-radius)!important;background:#fff!important;display:block!important}
.story-visual{min-height:300px!important;margin-top:24px!important;transform:none!important}
.world-label,.world-title,.world-stage,.world-caption,.depth-copy,.depth-stage{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
.world-stage{height:560px!important;transform:none!important}
.depth-stage{height:auto!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:14px!important;margin-top:36px!important}
.depth-card{position:relative!important;inset:auto!important;width:auto!important;min-height:150px!important;transform:none!important;opacity:1!important}
.depth-core{position:relative!important;inset:auto!important;transform:none!important;margin:20px auto!important}
.trust-portal{background:#fff!important}
.portal-center{position:relative!important;inset:auto!important;transform:none!important;max-width:760px!important;margin:auto!important}
.portal-node{position:relative!important;inset:auto!important;display:inline-flex!important;margin:8px!important;transform:none!important}
.impact-numbers{gap:14px!important}
.impact-number,.calculator-shell,.price-card,.cta-shell,.contact-shell{
  border:1px solid var(--simple-line)!important;border-radius:var(--simple-radius)!important;
  box-shadow:none!important;transform:none!important
}
.final-cta-immersive .cta-shell{padding:44px!important}
.cta-circle{width:auto!important;height:48px!important;border-radius:12px!important;padding:0 20px!important;gap:14px!important}
.cta-circle span{writing-mode:horizontal-tb!important;transform:none!important}

/* Checkout + login */
.formpage{background:var(--simple-bg)!important;min-height:calc(100vh - 68px)!important}
.checkout-layout,.login-layout{gap:48px!important;align-items:start!important;padding-top:72px!important;padding-bottom:72px!important}
.checkout-copy h1,.login-copy h1{font-size:clamp(44px,5vw,68px)!important;line-height:1!important}
.checkout-steps{display:grid!important;gap:10px!important;margin-top:30px!important}
.checkout-steps>div,.seller-card,.login-signal{
  background:#fff!important;border:1px solid var(--simple-line)!important;border-radius:14px!important;
  box-shadow:none!important;padding:16px!important
}
.formcard,.premium-form,.login-card{
  background:#fff!important;border:1px solid var(--simple-line)!important;border-radius:20px!important;
  box-shadow:var(--simple-shadow)!important;padding:28px!important
}
.form-head{padding-bottom:18px!important;margin-bottom:20px!important;border-bottom:1px solid var(--simple-line)!important}
.formgrid{gap:16px!important}
.field{gap:7px!important}
.field label{font-size:13px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.field input,.field textarea,.field select{
  min-height:48px!important;border:1px solid #dfe2e7!important;border-radius:11px!important;
  background:#fff!important;box-shadow:none!important;font-size:16px!important
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#777d87!important;box-shadow:0 0 0 3px rgba(23,24,27,.06)!important}
.form-security{font-size:12px!important;color:var(--simple-muted)!important}

/* Dashboard: fewer visual layers, clearer grouping */
.dashboard-shell,.dashboard-page{background:var(--simple-bg)!important}
.dashboard-topbar,.appnav{
  background:#fff!important;border-color:var(--simple-line)!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
.dashboard-view-section{gap:18px!important}
.panel,.dashboard-card,.welcome-card,.stat,.billing-panel,.owner-profile-form,
.assistant-order-card,.self-test-card,.integration-card{
  background:#fff!important;border:1px solid var(--simple-line)!important;border-radius:16px!important;
  box-shadow:none!important
}

/* Standalone assistant pricing cards use the light simplified card surface. Keep all pricing text readable. */
body.assistant-standalone .assistant-order-card h3{color:#111114!important}
body.assistant-standalone .assistant-order-card h3 span{color:#6f7680!important}
body.assistant-standalone .assistant-order-card ul{color:#5f6670!important}
body.assistant-standalone .assistant-order-card .assistant-order-label{color:#8d96a6!important}
body.assistant-standalone .assistant-order-card .assistant-annual-note{color:#69717d!important}
body.assistant-standalone .assistant-order-card .assistant-save{color:#7c87bd!important}
body.assistant-standalone .assistant-order-card .assistant-order-btn{background:#111114!important;color:#fff!important;border-color:#111114!important}
.panel-head{border-bottom:1px solid var(--simple-line)!important}
.dashboard-action,.integration-test-btn,.portal-button{border-radius:10px!important}
.dashboard-view-hidden{display:none!important}
.dashboard-section-select{border:1px solid var(--simple-line)!important;border-radius:10px!important;background:#fff!important}

/* Legal, payment, 404 */
.legal-page,.notfound,.payment-success-page{background:var(--simple-bg)!important}
.legal-card,.payment-success-card{
  background:#fff!important;border:1px solid var(--simple-line)!important;border-radius:20px!important;
  box-shadow:var(--simple-shadow)!important
}
.legal-card h2{font-size:22px!important}
.footer{background:#fff!important;border-top:1px solid var(--simple-line)!important}

/* Remove expensive decorative processing globally */
.fx-ambient,.fx-progress,.section-rail-premium,.respondo-marquee,.hero-marquee{display:none!important}
[data-reveal],[data-reveal].is-visible,.motion-reveal,.motion-visible{
  opacity:1!important;filter:none!important;clip-path:none!important;transform:none!important;
  transition:opacity .18s ease!important;will-change:auto!important
}
[data-tilt],.motion-tilt,.visual-frame{transform:none!important;will-change:auto!important}
*{-webkit-tap-highlight-color:transparent}

@media(max-width:900px){
  .container{width:min(100% - 28px,720px)!important}
  .section{padding:64px 0!important}
  .navlinks{display:none!important}
  .hero-immersive{padding:62px 0 48px!important}
  .hero-immersive .hero-grid{display:block!important}
  .hero-immersive .signal-console{margin-top:38px!important}
  .hero-immersive .hero-copy h1{font-size:clamp(46px,13vw,68px)!important}
  .story-track{grid-template-columns:1fr!important;padding:0 14px!important}
  .story-panel{padding:22px!important}
  .story-visual{min-height:260px!important}
  .world-stage{height:500px!important}
  .depth-stage{grid-template-columns:1fr!important}
  .impact-numbers{grid-template-columns:1fr!important}
  .checkout-layout,.login-layout{display:block!important;padding-top:44px!important;padding-bottom:52px!important}
  .checkout-copy,.login-copy{margin-bottom:28px!important}
  .formcard,.premium-form,.login-card{padding:20px!important}
  .formgrid,.owner-two{grid-template-columns:1fr!important}
  .final-cta-immersive .cta-shell{padding:28px!important}
}
@media(max-width:520px){
  .container{width:calc(100% - 24px)!important}
  .navactions .btn{padding-inline:12px!important}
  .hero-immersive .hero-copy h1{font-size:46px!important}
  .hero-copy .lead{font-size:16px!important}
  .formcard,.premium-form,.login-card{border-radius:16px!important;padding:16px!important}
  .world-stage{height:440px!important}
}


/* 2026-09-24 mobile header: prevent language selector overlapping brand */
@media (max-width:760px){
  .navin{
    gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .nav .logo{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:7px!important;
    overflow:hidden!important;
  }
  .nav .brand-word{
    font-size:16px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .navactions{
    flex:0 0 auto!important;
    gap:6px!important;
  }
  .navactions .lang-switch{
    display:inline-flex!important;
    order:0!important;
    flex:0 0 auto!important;
    padding:2px 5px!important;
    min-width:54px!important;
    max-width:62px!important;
  }
  .navactions .lang-choice{
    padding:5px 2px!important;
    font-size:12px!important;
  }
  .navactions .btn{
    padding:0 12px!important;
  }
}
@media (max-width:430px){
  .nav .brand-word{font-size:15px!important}
  .nav .brand-mark{width:28px!important;height:28px!important}
  .navactions .lang-switch{min-width:52px!important;max-width:58px!important}
  .navactions .btn{padding:0 10px!important;font-size:11px!important}
}


/* 2026-09-24 mobile header brand must stay fully visible */
@media (max-width:760px){
  .navin{gap:5px!important;padding-left:8px!important;padding-right:8px!important}
  .nav .logo{flex:0 0 auto!important;overflow:visible!important;gap:5px!important}
  .nav .brand-word{display:inline!important;width:auto!important;max-width:none!important;overflow:visible!important;text-overflow:unset!important;white-space:nowrap!important;font-size:14px!important}
  .nav .brand-mark{width:27px!important;height:27px!important}
  .nav .brand-mark svg{width:27px!important;height:27px!important}
  .navactions{gap:4px!important;min-width:0!important}
  .navactions .lang-switch{min-width:45px!important;max-width:49px!important;padding:1px 3px!important}
  .navactions .lang-choice{font-size:11px!important;padding:4px 1px!important}
  .navactions .btn{padding:0 9px!important;min-height:36px!important;font-size:11px!important}
}
@media (max-width:390px){
  .nav .brand-word{font-size:13px!important}
  .navactions .lang-switch{min-width:43px!important;max-width:46px!important}
  .navactions .btn{padding:0 7px!important;font-size:10.5px!important}
}


/* Pricing visibility hotfix: keep plan names and numeric prices readable on iOS/Safari. */
.pricing-section .price-card h3,
.pricing-section .price-card .pricevalue{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  filter:none!important;
}
.pricing-section .price-card .pricevalue{
  min-height:72px!important;
}
.pricing-section .price-card .pricevalue small{
  display:inline!important;
  visibility:visible!important;
  opacity:1!important;
  color:#7d8793!important;
  -webkit-text-fill-color:#7d8793!important;
}


/* 2026-09-25 feature catalogue */
.hero-features-card{
  display:block;
  margin-top:16px;
  padding:18px 20px;
  border:1px solid rgba(17,17,20,.09);
  border-radius:24px;
  background:rgba(255,255,255,.84);
  color:#111114;
  text-decoration:none;
  box-shadow:0 16px 45px rgba(17,17,20,.06);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hero-features-card:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 55px rgba(17,17,20,.09);
  border-color:rgba(17,17,20,.16);
}
.hero-features-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.hero-features-card-top span{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:#f2f3f5;
  color:#707782;
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
}
.hero-features-card-top b{
  font-size:20px;
  line-height:1;
}
.hero-features-card h3{
  margin:0 0 7px;
  font-size:clamp(20px,2.4vw,28px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.hero-features-card p{
  margin:0;
  color:#68717c;
  font-size:14px;
  line-height:1.55;
}

.features-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 10%,rgba(150,205,255,.16),transparent 28%),
    radial-gradient(circle at 85% 7%,rgba(255,150,190,.12),transparent 24%),
    #f5f6f8;
}
.features-page main{overflow:hidden}
.features-hero{
  padding:86px 0 44px;
  position:relative;
}
.features-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(17,17,20,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,17,20,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.features-hero-inner{position:relative;z-index:1}
.features-hero-badge{
  display:inline-flex;
  padding:9px 14px;
  border:1px solid rgba(17,17,20,.09);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#717986;
  font-size:12px;
  font-weight:850;
  letter-spacing:.1em;
}
.features-hero h1{
  max-width:900px;
  margin:22px 0 20px;
  font-size:clamp(54px,8vw,104px);
  line-height:.9;
  letter-spacing:-.07em;
}
.features-hero h1 em{
  font-style:normal;
  color:#6f7680;
}
.features-hero p{
  max-width:830px;
  margin:0;
  color:#68717c;
  font-size:clamp(17px,2vw,22px);
  line-height:1.55;
}
.features-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.features-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:38px;
  max-width:760px;
}
.features-hero-stats>div{
  padding:18px;
  border:1px solid rgba(17,17,20,.08);
  border-radius:20px;
  background:rgba(255,255,255,.72);
}
.features-hero-stats b{
  display:block;
  font-size:30px;
  letter-spacing:-.05em;
}
.features-hero-stats span{
  display:block;
  margin-top:2px;
  color:#7b838e;
  font-size:12px;
}

.features-directory{padding:22px 0 70px}
.features-directory-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-end;
  margin-bottom:18px;
}
.features-directory-head small,
.features-final-card small{
  color:#8b93a0;
  font-size:11px;
  font-weight:850;
  letter-spacing:.1em;
}
.features-directory-head h2{
  max-width:760px;
  margin:7px 0 0;
  font-size:clamp(28px,4vw,46px);
  line-height:1;
  letter-spacing:-.045em;
}
.features-directory-head>span{
  white-space:nowrap;
  color:#737b86;
  font-size:13px;
}
.features-directory-grid{
  display:grid;
  gap:14px;
}
.feature-category{
  overflow:hidden;
  border:1px solid rgba(17,17,20,.08);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 55px rgba(17,17,20,.045);
}
.feature-category summary{
  list-style:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:24px;
  cursor:pointer;
}
.feature-category summary::-webkit-details-marker{display:none}
.feature-category-copy small{
  color:#8b93a0;
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
}
.feature-category-copy h2{
  margin:7px 0 7px;
  font-size:clamp(27px,3.4vw,42px);
  line-height:1;
  letter-spacing:-.045em;
}
.feature-category-copy p{
  max-width:780px;
  margin:0;
  color:#727a85;
  font-size:14px;
  line-height:1.55;
}
.feature-category-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.feature-category-meta strong{
  display:grid;
  place-items:center;
  min-width:48px;
  height:48px;
  padding:0 10px;
  border-radius:999px;
  background:#111114;
  color:#fff;
  font-size:15px;
}
.feature-category-meta span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(17,17,20,.09);
  border-radius:999px;
  font-size:18px;
  transition:transform .2s ease;
}
.feature-category[open] .feature-category-meta span{transform:rotate(45deg)}
.feature-category-body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0 24px 24px;
}
.feature-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  min-height:68px;
  padding:13px 14px;
  border:1px solid rgba(17,17,20,.065);
  border-radius:18px;
  background:#fafafa;
}
.feature-item-number{
  color:#a1a7b0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.feature-item b{
  display:block;
  font-size:14px;
  line-height:1.35;
}
.feature-item i{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:999px;
  background:#e9fbf2;
  color:#248a5a;
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
.features-final{padding:0 0 80px}
.features-final-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:26px;
  padding:34px;
  border-radius:32px;
  background:#111114;
  color:#fff;
  box-shadow:0 28px 80px rgba(17,17,20,.16);
}
.features-final-card small{color:#9ba3b1}
.features-final-card h2{
  margin:8px 0 8px;
  font-size:clamp(34px,5vw,60px);
  line-height:.95;
  letter-spacing:-.055em;
}
.features-final-card p{
  max-width:700px;
  margin:0;
  color:rgba(255,255,255,.68);
  line-height:1.6;
}
.features-final-card .btn{
  flex:0 0 auto;
  background:#fff!important;
  color:#111114!important;
}

@media(max-width:760px){
  .hero-features-card{padding:16px;border-radius:21px}
  .hero-features-card h3{font-size:21px}
  .features-hero{padding:56px 0 30px}
  .features-hero h1{font-size:clamp(50px,15vw,72px)}
  .features-hero-stats{grid-template-columns:1fr 1fr 1fr;gap:7px}
  .features-hero-stats>div{padding:13px 10px;border-radius:16px}
  .features-hero-stats b{font-size:23px}
  .features-directory-head{display:block}
  .features-directory-head>span{display:block;margin-top:10px}
  .feature-category summary{padding:18px;gap:12px}
  .feature-category-copy h2{font-size:27px}
  .feature-category-copy p{font-size:13px}
  .feature-category-meta strong{min-width:42px;height:42px}
  .feature-category-meta span{display:none}
  .feature-category-body{grid-template-columns:1fr;padding:0 12px 14px;gap:8px}
  .feature-item{min-height:62px;border-radius:15px}
  .features-final-card{display:block;padding:24px;border-radius:26px}
  .features-final-card .btn{margin-top:20px;width:100%}
}


/* 2026-09-25 sitewide premium dark surfaces — scoped, contrast-safe */
body{
  background:#0f0d15;
}
#app{
  min-height:100vh;
  background:#f5f4f7;
}

/* Home: dark cinematic bands, while preserving all existing component text colors. */
.immersive-home{
  background:#f4f3f7;
}
.immersive-home .cinematic-conversation,
.immersive-home .product-world,
.immersive-home .trust-portal,
.immersive-home .data-impact,
.immersive-home .final-cta-immersive{
  background:
    radial-gradient(circle at 78% 16%,rgba(132,91,255,.18),transparent 31%),
    radial-gradient(circle at 12% 82%,rgba(83,54,118,.14),transparent 30%),
    linear-gradient(155deg,#121018,#21152c 58%,#0d0c13)!important;
  color:#fff;
}
.immersive-home .cinematic-conversation h1,
.immersive-home .cinematic-conversation h2,
.immersive-home .cinematic-conversation h3,
.immersive-home .product-world h1,
.immersive-home .product-world h2,
.immersive-home .product-world h3,
.immersive-home .trust-portal h1,
.immersive-home .trust-portal h2,
.immersive-home .trust-portal h3,
.immersive-home .data-impact h1,
.immersive-home .data-impact h2,
.immersive-home .data-impact h3,
.immersive-home .final-cta-immersive h1,
.immersive-home .final-cta-immersive h2,
.immersive-home .final-cta-immersive h3{
  color:#fff!important;
  -webkit-text-fill-color:initial!important;
}
.immersive-home .cinematic-conversation p,
.immersive-home .product-world p,
.immersive-home .trust-portal p,
.immersive-home .data-impact p,
.immersive-home .final-cta-immersive p{
  color:#b8b2c1!important;
}
.immersive-home .cinematic-conversation .section-kicker,
.immersive-home .product-world .section-kicker,
.immersive-home .trust-portal .section-kicker,
.immersive-home .data-impact .section-kicker,
.immersive-home .final-cta-immersive .section-kicker{
  color:#aaa0c5!important;
}

/* Checkout + login: same dark plum atmosphere, forms remain light and readable. */
.formpage{
  background:
    radial-gradient(circle at 82% 8%,rgba(145,105,255,.20),transparent 28%),
    radial-gradient(circle at 8% 52%,rgba(97,59,133,.15),transparent 32%),
    linear-gradient(155deg,#121018,#21162c 62%,#0e0d14)!important;
  color:#fff;
}
.formpage .checkout-copy,
.formpage .login-copy{
  color:#fff;
}
.formpage .checkout-copy h1,
.formpage .login-copy h1{
  color:#fff!important;
}
.formpage .checkout-copy h1 em,
.formpage .login-copy h1 em{
  color:#9c82ff!important;
  -webkit-text-fill-color:#9c82ff!important;
}
.formpage .checkout-copy>p,
.formpage .login-copy>p{
  color:#b9b3c2!important;
}
.formpage .section-kicker{
  color:#aaa0c5!important;
}
.formpage .checkout-steps>div,
.formpage .seller-card,
.formpage .login-signal{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.065)!important;
  color:#fff!important;
}
.formpage .checkout-steps small,
.formpage .seller-card small{
  color:#b8b2c1!important;
}
.formpage .premium-form{
  background:#fbfbfc!important;
  color:#111114!important;
  box-shadow:0 34px 90px rgba(0,0,0,.28)!important;
}
.formpage .premium-form label,
.formpage .premium-form .form-head,
.formpage .premium-form .form-head b{
  color:#111114!important;
}
.formpage .premium-form input,
.formpage .premium-form textarea,
.formpage .premium-form select{
  color:#111114!important;
  background:#fff!important;
}

/* Legal pages: dark shell + light reading paper. */
.legalpage{
  background:
    radial-gradient(circle at 85% 5%,rgba(143,105,255,.20),transparent 28%),
    linear-gradient(160deg,#121018,#21152b 55%,#0e0d14)!important;
  color:#fff;
}
.legalpage .legal-aside{
  color:#fff;
}
.legalpage .legal-aside h1{color:#fff!important}
.legalpage .legal-aside>p{color:#b9b3c2!important}
.legalpage .section-kicker{color:#aaa0c5!important}
.legalpage .legal-seller{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
}
.legalpage .legal-seller span,
.legalpage .legal-seller small{color:#b8b2c1!important}
.legalpage .legalcopy{
  background:#fbfbfc!important;
  color:#111114!important;
  box-shadow:0 34px 90px rgba(0,0,0,.24)!important;
}
.legalpage .legalcopy h2{color:#111114!important}
.legalpage .legalcopy p{color:#64666d!important}
.legalpage .legalcopy a{color:#111114!important}

/* Feature directory: full dark presentation, with explicit contrast. */
.features-page{
  background:
    radial-gradient(circle at 85% 6%,rgba(145,105,255,.20),transparent 27%),
    radial-gradient(circle at 10% 42%,rgba(92,55,129,.14),transparent 30%),
    linear-gradient(180deg,#121018,#1c1426 45%,#0e0d13)!important;
  color:#fff;
}
.features-page .features-hero:before{
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
}
.features-page .features-hero-badge,
.features-page .features-hero-stats>div{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.features-page .features-hero h1{color:#fff!important}
.features-page .features-hero h1 em{color:#a48bff!important}
.features-page .features-hero p,
.features-page .features-hero-stats span,
.features-page .features-directory-head>span{color:#b8b2c1!important}
.features-page .features-directory-head h2{color:#fff!important}
.features-page .feature-category{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.features-page .feature-category-copy h2,
.features-page .feature-item b{color:#fff!important}
.features-page .feature-category-copy p{color:#b8b2c1!important}
.features-page .feature-item{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.075)!important;
}
.features-page .feature-item-number{color:#8f879c!important}
.features-page .features-final-card{
  background:linear-gradient(135deg,#24172f,#111017)!important;
  border:1px solid rgba(255,255,255,.12);
}

/* Logged-in workspace: dark outer canvas, readable white working cards. */
.dashboard-simple-shell{
  background:
    radial-gradient(circle at 90% 0,rgba(143,105,255,.17),transparent 24%),
    linear-gradient(155deg,#121018,#1d1427 60%,#0e0d13)!important;
  color:#fff;
}
.dashboard-simple-shell .dashboard-simple-main,
.dashboard-simple-shell .dashboard-workspace,
.dashboard-simple-shell .dashboard-view-section{
  color:#111114;
}
.dashboard-simple-shell .dashboard-topbar{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(19,16,26,.90)!important;
  color:#fff!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.dashboard-simple-shell .dashboard-topbar-brand,
.dashboard-simple-shell .dashboard-top-actions{color:#fff!important}

/* Payment-success / conversation shells follow the same visual language. */
.payment-success-page,
.conversation-page{
  background:
    radial-gradient(circle at 82% 8%,rgba(145,105,255,.18),transparent 28%),
    linear-gradient(155deg,#121018,#21162c 62%,#0e0d14)!important;
}

/* Sticky navigation remains light for maximum readability on every page. */
.nav{
  background:rgba(249,248,250,.92)!important;
  border-bottom-color:rgba(20,16,28,.08)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}

@media(max-width:760px){
  .formpage,
  .legalpage,
  .features-page,
  .dashboard-simple-shell{
    background:
      radial-gradient(circle at 88% 4%,rgba(145,105,255,.18),transparent 23%),
      linear-gradient(165deg,#121018,#1d1427 58%,#0e0d13)!important;
  }
  .legalpage .legalcopy{
    border-radius:26px!important;
  }
}


/* 2026-09-25 cinematic hero console — deep 3D, no yellow warning card */
.immersive-home .hero-immersive{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 18%,rgba(136,92,255,.28),transparent 30%),
    radial-gradient(circle at 15% 68%,rgba(77,45,115,.22),transparent 34%),
    linear-gradient(165deg,#0d0b13 0%,#1b1126 55%,#0a0910 100%)!important;
  color:#fff;
  perspective:1200px;
}
.immersive-home .hero-immersive:after{
  content:"";
  position:absolute;
  width:72vw;height:72vw;max-width:920px;max-height:920px;
  left:50%;top:60%;
  transform:translate(-50%,-50%) rotate(18deg);
  border:1px solid rgba(174,146,255,.10);
  border-radius:44%;
  box-shadow:
    0 0 0 70px rgba(159,127,255,.025),
    0 0 0 140px rgba(159,127,255,.018);
  pointer-events:none;
}
.immersive-home .hero-immersive .hero-grid,
.immersive-home .hero-immersive .hero-copy,
.immersive-home .hero-immersive .hero-actions,
.immersive-home .hero-immersive .trust-row{
  position:relative;z-index:2;
}
.immersive-home .hero-immersive .hero-copy h1{color:#fff!important}
.immersive-home .hero-immersive .hero-copy h1 em{
  color:#9d7cff!important;
  -webkit-text-fill-color:#9d7cff!important;
}
.immersive-home .hero-immersive .hero-label,
.immersive-home .hero-immersive .lead,
.immersive-home .hero-immersive .trust-row{color:#aaa4b4!important}

.immersive-home .signal-console{
  position:relative;
  z-index:3;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:38px!important;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;
  box-shadow:
    0 60px 130px rgba(0,0,0,.52),
    0 20px 55px rgba(86,46,130,.24),
    inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  transform:translateZ(0) rotateX(1.2deg);
  transform-origin:center top;
}
.immersive-home .signal-console:before{
  content:"";
  position:absolute;inset:-1px;
  background:linear-gradient(115deg,transparent 22%,rgba(173,145,255,.09) 48%,transparent 72%);
  transform:translateX(-65%);
  animation:respondoConsoleSheen 7s ease-in-out infinite;
  pointer-events:none;z-index:0;
}
@keyframes respondoConsoleSheen{
  0%,25%{transform:translateX(-70%)}
  58%,100%{transform:translateX(70%)}
}
.immersive-home .signal-console>*{position:relative;z-index:1}
.immersive-home .console-top{
  background:rgba(255,255,255,.025)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.immersive-home .console-brand,
.immersive-home .console-time{color:#bcb5c8!important}
.immersive-home .console-rail{
  background:rgba(7,6,11,.28)!important;
  border-right:1px solid rgba(255,255,255,.075)!important;
}
.immersive-home .console-rail,
.immersive-home .console-rail *{color:#aaa3b2!important}
.immersive-home .console-rail .active{
  background:rgba(157,124,255,.14)!important;
  color:#fff!important;
}
.immersive-home .console-main{
  background:
    radial-gradient(circle at 72% 18%,rgba(132,91,255,.11),transparent 35%),
    rgba(11,9,16,.34)!important;
  color:#fff!important;
}
.immersive-home .console-header{
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.immersive-home .console-header small,
.immersive-home .console-header h3{color:#fff!important}
.immersive-home .verified,
.immersive-home .confidence{
  background:rgba(112,239,177,.09)!important;
  border:1px solid rgba(112,239,177,.24)!important;
  color:#72e6ae!important;
}
.immersive-home .conversation{
  background:transparent!important;
  position:relative;
}
.immersive-home .conversation:before{
  content:"";
  position:absolute;
  width:320px;height:320px;
  right:-130px;top:12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(145,105,255,.16),transparent 67%);
  pointer-events:none;
}
.immersive-home .msg.customer,
.immersive-home .muted-msg{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f5f2fa!important;
  box-shadow:0 18px 45px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.immersive-home .msg-meta{color:#91899b!important}
.immersive-home .answer-card{
  background:linear-gradient(145deg,rgba(32,23,43,.96),rgba(18,15,25,.96))!important;
  border:1px solid rgba(167,134,255,.22)!important;
  color:#fff!important;
  box-shadow:
    0 26px 65px rgba(0,0,0,.32),
    0 0 55px rgba(137,94,255,.08)!important;
  transform:translateX(-2px) translateZ(20px);
}
.immersive-home .answer-card b,
.immersive-home .answer-card p{color:#fff!important}
.immersive-home .source-line{
  border-top-color:rgba(255,255,255,.08)!important;
  color:#aaa3b2!important;
}
.immersive-home .handoff-card{
  background:linear-gradient(135deg,rgba(154,121,255,.15),rgba(255,255,255,.055))!important;
  border:1px solid rgba(167,135,255,.22)!important;
  color:#f5f2fa!important;
  box-shadow:0 22px 58px rgba(0,0,0,.25)!important;
}
.immersive-home .handoff-card b{color:#fff!important}
.immersive-home .handoff-card small{color:#aaa3b2!important}
.immersive-home .handoff-icon{color:#a98eff!important}
.immersive-home .console-stats{
  background:rgba(5,5,9,.22)!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
}
.immersive-home .console-stats div{
  border-color:rgba(255,255,255,.07)!important;
}
.immersive-home .console-stats b{color:#fff!important}
.immersive-home .console-stats span{color:#9991a3!important}

/* feature CTA directly under Try the bot: make it part of the cinematic scene */
.immersive-home .hero-features-card{
  position:relative;z-index:4;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
  color:#fff!important;
  box-shadow:0 30px 80px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
}
.immersive-home .hero-features-card h3{color:#fff!important}
.immersive-home .hero-features-card p{color:#aaa3b2!important}
.immersive-home .hero-features-card-top span{
  background:rgba(157,124,255,.12)!important;
  color:#bba9ff!important;
}

/* Mobile scroll depth: cards slide subtly into the scene as they enter. */
@media(max-width:760px){
  .immersive-home .hero-immersive{padding-bottom:78px!important}
  .immersive-home .signal-console{
    border-radius:31px!important;
    transform:none!important;
    box-shadow:
      0 45px 95px rgba(0,0,0,.46),
      0 16px 45px rgba(92,52,137,.24)!important;
  }
  .immersive-home .conversation{padding:18px 14px!important}
  .immersive-home .msg.customer{
    transform:translateX(10px);
  }
  .immersive-home .answer-card{
    transform:translateX(-5px)!important;
  }
  .immersive-home .muted-msg{
    transform:translateX(8px);
  }
  .immersive-home .handoff-card{
    transform:translateX(-4px);
  }
  .immersive-home .hero-features-card{
    margin-top:18px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .immersive-home .signal-console:before{animation:none!important}
}


/* 2026-09-25 mobile readability pass for portal + final CTA */
.immersive-home .trust-portal .portal-center h2{
  color:#fff!important;
  text-shadow:0 8px 32px rgba(0,0,0,.30);
}
.immersive-home .trust-portal .portal-center h2 em{
  color:#8f6cff!important;
  -webkit-text-fill-color:#8f6cff!important;
}
.immersive-home .trust-portal .portal-center p{
  color:#c5bfcc!important;
  opacity:1!important;
}
.immersive-home .trust-portal .portal-node{
  background:rgba(20,16,27,.88)!important;
  border:1px solid rgba(166,134,255,.25)!important;
  color:#f7f4fb!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.immersive-home .trust-portal .portal-node span{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}
.immersive-home .trust-portal .portal-button{
  color:#fff!important;
  background:#0d0c10!important;
  border-color:rgba(255,255,255,.10)!important;
}

.immersive-home .final-cta-immersive .cta-shell{
  background:
    radial-gradient(circle at 12% 8%,rgba(255,220,113,.52),transparent 34%),
    radial-gradient(circle at 92% 90%,rgba(141,115,255,.34),transparent 42%),
    linear-gradient(145deg,#5a445e 0%,#3b2c48 54%,#241d32 100%)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
.immersive-home .final-cta-immersive .cta-shell h2{
  color:#fff!important;
  text-shadow:0 10px 35px rgba(0,0,0,.26);
}
.immersive-home .final-cta-immersive .cta-shell p{
  color:#eee9f1!important;
  opacity:1!important;
}
.immersive-home .final-cta-immersive .section-kicker.light{
  background:rgba(15,13,19,.72)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#e9e3ef!important;
}
.immersive-home .final-cta-immersive .cta-circle{
  background:#0c0b0e!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}

@media(max-width:760px){
  .immersive-home .trust-portal .portal-center h2{
    font-size:clamp(46px,12.8vw,68px)!important;
    line-height:.98!important;
  }
  .immersive-home .trust-portal .portal-center p{
    font-size:17px!important;
    line-height:1.55!important;
  }
  .immersive-home .trust-portal .portal-node{
    min-width:0!important;
    padding:12px 17px!important;
    font-weight:800!important;
  }
  .immersive-home .final-cta-immersive .cta-shell h2{
    font-size:clamp(48px,13vw,72px)!important;
    line-height:.98!important;
  }
  .immersive-home .final-cta-immersive .cta-shell p{
    font-size:17px!important;
    line-height:1.5!important;
  }
}


/* 2026-09-25 clean white home direction */
.immersive-home{
  background:#f7f7f8!important;
  color:#151519!important;
}
.immersive-home .cinematic-conversation,
.immersive-home .horizontal-product-story,
.immersive-home .product-world,
.immersive-home .motion-depth,
.immersive-home .trust-portal,
.immersive-home .data-impact,
.immersive-home .calculator-section,
.immersive-home .pricing-section,
.immersive-home .final-cta-immersive{
  background:
    radial-gradient(circle at 86% 12%,rgba(141,113,255,.09),transparent 28rem),
    radial-gradient(circle at 8% 72%,rgba(255,141,174,.07),transparent 24rem),
    #f7f7f8!important;
  color:#151519!important;
}
.immersive-home .cinematic-conversation h1,
.immersive-home .cinematic-conversation h2,
.immersive-home .cinematic-conversation h3,
.immersive-home .product-world h1,
.immersive-home .product-world h2,
.immersive-home .product-world h3,
.immersive-home .motion-depth h1,
.immersive-home .motion-depth h2,
.immersive-home .motion-depth h3,
.immersive-home .trust-portal h1,
.immersive-home .trust-portal h2,
.immersive-home .trust-portal h3,
.immersive-home .data-impact h1,
.immersive-home .data-impact h2,
.immersive-home .data-impact h3,
.immersive-home .final-cta-immersive h1,
.immersive-home .final-cta-immersive h2,
.immersive-home .final-cta-immersive h3{
  color:#151519!important;
  text-shadow:none!important;
}
.immersive-home .trust-portal .portal-center h2 em,
.immersive-home .motion-depth h2 em{
  color:#765cff!important;
  -webkit-text-fill-color:#765cff!important;
}
.immersive-home .cinematic-conversation p,
.immersive-home .product-world p,
.immersive-home .trust-portal p,
.immersive-home .data-impact p,
.immersive-home .final-cta-immersive p{
  color:#6f7078!important;
}
.immersive-home .trust-portal .portal-node,
.immersive-home .depth-card,
.immersive-home .impact-number,
.immersive-home .calculator-shell,
.immersive-home .price-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(25,25,31,.08)!important;
  color:#17171b!important;
  box-shadow:0 18px 55px rgba(27,20,43,.08)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.immersive-home .trust-portal .portal-node span{
  background:#17171b!important;
  color:#fff!important;
}
.immersive-home .portal-ring{
  border-color:rgba(112,83,255,.12)!important;
}
.immersive-home .portal-button{
  background:#17171b!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(20,18,27,.13)!important;
}
.immersive-home .final-cta-immersive .cta-shell{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(25,25,31,.08)!important;
  color:#17171b!important;
  box-shadow:0 24px 70px rgba(27,20,43,.09)!important;
}
.immersive-home .final-cta-immersive .cta-shell h2{color:#17171b!important}
.immersive-home .final-cta-immersive .cta-shell p{color:#73747b!important}
.immersive-home .final-cta-immersive .section-kicker.light{
  background:#f1f0f5!important;
  border-color:#e5e3ea!important;
  color:#65616f!important;
}
.immersive-home .final-cta-immersive .cta-circle{
  background:#17171b!important;
  color:#fff!important;
}
@media(max-width:760px){
  .immersive-home .trust-portal{padding-inline:16px!important}
  .immersive-home .trust-portal .portal-center{padding:42px 8px 26px!important}
  .immersive-home .trust-portal .portal-node{
    margin:6px 4px!important;
    border-radius:999px!important;
    box-shadow:0 12px 34px rgba(27,20,43,.07)!important;
  }
  .immersive-home .final-cta-immersive .cta-shell{
    border-radius:28px!important;
    padding:30px 24px!important;
  }
}


/* 2026-09-25 ACTUAL white homepage override — match real section class names */
.immersive-home,
.immersive-home .hero-immersive,
.immersive-home .cinema-conversation,
.immersive-home .story-horizontal,
.immersive-home .story-sticky,
.immersive-home .story-panel,
.immersive-home .product-world,
.immersive-home .world-sticky,
.immersive-home .motion-depth,
.immersive-home .motion-depth-sticky,
.immersive-home .trust-portal,
.immersive-home .impact-scene,
.immersive-home .calculator-section,
.immersive-home .pricing-section,
.immersive-home .final-cta-immersive{
  background:#f7f7f8!important;
  color:#17171b!important;
}
.immersive-home .hero-immersive{
  background:
    radial-gradient(circle at 88% 12%,rgba(127,92,255,.10),transparent 30rem),
    radial-gradient(circle at 8% 72%,rgba(255,119,165,.07),transparent 27rem),
    #fafafa!important;
}
.immersive-home .hero-immersive:after{
  border-color:rgba(102,74,180,.08)!important;
  box-shadow:0 0 0 70px rgba(129,96,220,.018),0 0 0 140px rgba(129,96,220,.012)!important;
}
.immersive-home .hero-immersive .hero-copy h1,
.immersive-home .hero-immersive .hero-copy h2,
.immersive-home .hero-immersive .hero-copy h3{color:#151519!important}
.immersive-home .hero-immersive .hero-label,
.immersive-home .hero-immersive .lead,
.immersive-home .hero-immersive .trust-row{color:#6e6e76!important}
.immersive-home .hero-features-card{
  background:#fff!important;
  border:1px solid #e7e6eb!important;
  color:#17171b!important;
  box-shadow:0 18px 50px rgba(28,21,43,.08)!important;
}
.immersive-home .hero-features-card h3{color:#17171b!important}
.immersive-home .hero-features-card p{color:#73747b!important}
.immersive-home .hero-features-card-top span{background:#f1eff8!important;color:#6d59c8!important}

/* conversation becomes a floating white product card instead of a dark scene */
.immersive-home .cinema-conversation{padding:72px 20px!important}
.immersive-home .cinema-stage{
  max-width:1180px!important;
  margin:auto!important;
  border-radius:42px!important;
  background:#fff!important;
  border:1px solid #e8e7ec!important;
  box-shadow:0 28px 80px rgba(28,21,43,.09)!important;
  overflow:hidden!important;
}
.immersive-home .cinema-kicker{color:#77737e!important}
.immersive-home .cinema-word{color:rgba(116,88,224,.055)!important}
.immersive-home .cinema-phone{
  background:#fbfbfc!important;
  border-color:#e4e2e8!important;
  box-shadow:0 26px 65px rgba(32,24,47,.10)!important;
}
.immersive-home .cinema-phone-top,
.immersive-home .cinema-phone-top b,
.immersive-home .cinema-phone-top i,
.immersive-home .cinema-status{color:#66636c!important}
.immersive-home .cinema-chat{background:#f7f7f9!important}
.immersive-home .cinema-bubble.customer{background:#fff!important;color:#17171b!important;border:1px solid #e5e3e9!important}
.immersive-home .cinema-bubble.bot{color:#fff!important}
.immersive-home .cinema-float{
  background:#fff!important;color:#17171b!important;
  border:1px solid #e6e4ea!important;
  box-shadow:0 16px 44px rgba(31,24,45,.09)!important;
}
.immersive-home .cinema-float small,
.immersive-home .cinema-float span{color:#77737d!important}
.immersive-home .cinema-next{color:#68656e!important}

/* horizontal story: white canvas + clean card panels */
.immersive-home .story-horizontal,
.immersive-home .story-sticky{background:#f7f7f8!important}
.immersive-home .story-panel{
  background:#fff!important;
  border:1px solid #e7e6eb!important;
  border-radius:36px!important;
  box-shadow:0 22px 64px rgba(30,22,45,.075)!important;
}
.immersive-home .story-panel-copy small{color:#77737e!important}
.immersive-home .story-panel-copy h2{color:#17171b!important}
.immersive-home .story-panel-copy h2 em{color:#765cff!important;-webkit-text-fill-color:#765cff!important}

/* product world: keep depth in the cards, not in a black background */
.immersive-home .product-world,
.immersive-home .world-sticky{
  background:
    radial-gradient(circle at 50% 46%,rgba(124,92,255,.09),transparent 35rem),
    #f7f7f8!important;
}
.immersive-home .world-label,
.immersive-home .world-caption{color:#74717a!important}
.immersive-home .world-title span,
.immersive-home .world-title b{color:#17171b!important}
.immersive-home .world-window{
  background:#fff!important;
  border-color:#e5e3e9!important;
  color:#17171b!important;
  box-shadow:0 24px 65px rgba(32,23,49,.10)!important;
}
.immersive-home .world-window small{color:#77737e!important}

/* 3D process scene */
.immersive-home .motion-depth,
.immersive-home .motion-depth-sticky{
  background:
    radial-gradient(circle at 50% 65%,rgba(126,94,255,.10),transparent 31rem),
    #f7f7f8!important;
}
.immersive-home .depth-copy small,
.immersive-home .depth-caption{color:#77737e!important}
.immersive-home .depth-copy h2{color:#17171b!important}
.immersive-home .depth-copy h2 em{color:#765cff!important;-webkit-text-fill-color:#765cff!important}
.immersive-home .depth-copy p{color:#6e6e76!important}
.immersive-home .depth-card{
  background:#fff!important;
  color:#17171b!important;
  border:1px solid #e4e2e8!important;
  box-shadow:0 22px 58px rgba(31,23,47,.09)!important;
}
.immersive-home .depth-card b{color:#17171b!important}
.immersive-home .depth-card small,
.immersive-home .depth-card i{color:#77737e!important}
.immersive-home .depth-core-mark{background:#17171b!important;color:#fff!important}

/* missing answer section */
.immersive-home .trust-portal{
  background:
    radial-gradient(circle at 50% 45%,rgba(119,87,255,.09),transparent 27rem),
    #f7f7f8!important;
}
.immersive-home .trust-portal .portal-center small{color:#77737e!important}
.immersive-home .trust-portal .portal-center h2{color:#17171b!important;text-shadow:none!important}
.immersive-home .trust-portal .portal-center p{color:#6e6e76!important}
.immersive-home .trust-portal .portal-node{
  background:#fff!important;
  color:#17171b!important;
  border:1px solid #e5e3e9!important;
  box-shadow:0 16px 44px rgba(31,23,47,.08)!important;
}
.immersive-home .trust-portal .portal-node span{background:#17171b!important;color:#fff!important}
.immersive-home .portal-mark{background:#fff!important;color:#17171b!important;box-shadow:0 20px 55px rgba(30,22,44,.09)!important}

/* impact: three strong cards on white */
.immersive-home .impact-scene{padding:96px 20px!important}
.immersive-home .impact-top h2{color:#17171b!important}
.immersive-home .impact-top h2 em{color:#765cff!important;-webkit-text-fill-color:#765cff!important}
.immersive-home .impact-kicker,.immersive-home .impact-foot{color:#77737e!important}
.immersive-home .impact-number{
  background:#fff!important;
  color:#17171b!important;
  border:1px solid #e5e3e9!important;
  box-shadow:0 20px 55px rgba(31,23,47,.08)!important;
}
.immersive-home .impact-number small{color:#6f6d75!important}

/* final CTA stays white, but with a subtle premium glow */
.immersive-home .final-cta-immersive{
  background:
    radial-gradient(circle at 12% 12%,rgba(255,192,103,.10),transparent 22rem),
    radial-gradient(circle at 88% 82%,rgba(125,92,255,.10),transparent 24rem),
    #f7f7f8!important;
}
.immersive-home .final-cta-immersive .cta-shell{
  background:#fff!important;
  border:1px solid #e5e3e9!important;
  box-shadow:0 26px 75px rgba(31,23,47,.09)!important;
}

/* remove the old black console look from the hero demo too */
.immersive-home .signal-console{
  background:#fff!important;
  border:1px solid #e4e2e8!important;
  box-shadow:0 28px 75px rgba(30,22,46,.10)!important;
  color:#17171b!important;
}
.immersive-home .console-top,
.immersive-home .console-rail,
.immersive-home .console-main,
.immersive-home .conversation,
.immersive-home .console-stats{background:#fff!important;color:#17171b!important}
.immersive-home .console-brand,
.immersive-home .console-time,
.immersive-home .console-rail,
.immersive-home .console-rail *,
.immersive-home .msg-meta,
.immersive-home .console-stats span{color:#74717a!important}
.immersive-home .console-header small,
.immersive-home .console-header h3,
.immersive-home .console-stats b{color:#17171b!important}
.immersive-home .msg.customer,
.immersive-home .muted-msg,
.immersive-home .answer-card,
.immersive-home .handoff-card{
  background:#f7f7f9!important;
  color:#17171b!important;
  border:1px solid #e5e3e9!important;
  box-shadow:0 14px 38px rgba(31,23,47,.06)!important;
}
.immersive-home .answer-card b,
.immersive-home .answer-card p,
.immersive-home .handoff-card b{color:#17171b!important}
.immersive-home .handoff-card small,.immersive-home .source-line{color:#74717a!important}

@media(max-width:760px){
  .immersive-home .cinema-conversation{padding:28px 14px!important}
  .immersive-home .cinema-stage,
  .immersive-home .story-panel{border-radius:28px!important}
  .immersive-home .story-panel{margin:12px!important}
  .immersive-home .impact-scene{padding:64px 16px!important}
}


/* compact 145-feature promo below hero CTA */
.immersive-home .hero-features-card{
  width:min(100%,620px)!important;
  padding:18px 22px!important;
  border-radius:24px!important;
  margin-top:16px!important;
  min-height:0!important;
}
.immersive-home .hero-features-card-top{margin-bottom:8px!important}
.immersive-home .hero-features-card-top span{
  padding:7px 12px!important;
  font-size:12px!important;
  letter-spacing:.12em!important;
}
.immersive-home .hero-features-card-top b{font-size:24px!important}
.immersive-home .hero-features-card h3{
  font-size:clamp(20px,2vw,27px)!important;
  line-height:1.08!important;
  margin:4px 0 7px!important;
  text-align:left!important;
}
.immersive-home .hero-features-card p{
  font-size:15px!important;
  line-height:1.45!important;
  margin:0!important;
  text-align:left!important;
}
@media(max-width:760px){
  .immersive-home .hero-features-card{
    width:100%!important;
    padding:15px 17px!important;
    border-radius:21px!important;
    margin-top:13px!important;
  }
  .immersive-home .hero-features-card h3{font-size:20px!important}
  .immersive-home .hero-features-card p{font-size:13.5px!important}
}


/* make the entire 145-feature promo box materially smaller */
.immersive-home .hero-features-card{
  width:min(100%,460px)!important;
  padding:12px 15px!important;
  border-radius:19px!important;
  margin:12px auto 0!important;
}
.immersive-home .hero-features-card-top{margin-bottom:5px!important}
.immersive-home .hero-features-card-top span{padding:5px 9px!important;font-size:10px!important}
.immersive-home .hero-features-card-top b{font-size:19px!important}
.immersive-home .hero-features-card h3{font-size:18px!important;line-height:1.08!important;margin:2px 0 5px!important}
.immersive-home .hero-features-card p{font-size:12.5px!important;line-height:1.35!important}
@media(max-width:760px){
  .immersive-home .hero-features-card{
    width:82%!important;
    max-width:390px!important;
    padding:11px 13px!important;
    border-radius:18px!important;
  }
  .immersive-home .hero-features-card h3{font-size:17px!important}
  .immersive-home .hero-features-card p{font-size:12px!important}
}


/* feature promo moved below calculator */
.post-calculator-features{background:#f7f7f8;padding:18px 20px 44px}
.post-calculator-features .hero-features-card{display:block;width:min(100%,460px);padding:12px 15px;border-radius:19px;margin:0 auto;background:#fff;border:1px solid #e7e6eb;color:#17171b;text-decoration:none;box-shadow:0 18px 50px rgba(28,21,43,.08)}
.post-calculator-features .hero-features-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.post-calculator-features .hero-features-card-top span{padding:5px 9px;border-radius:999px;background:#f1eff8;color:#6d59c8;font-size:10px;font-weight:800;letter-spacing:.12em}
.post-calculator-features .hero-features-card-top b{font-size:19px}
.post-calculator-features .hero-features-card h3{font-size:18px;line-height:1.08;margin:2px 0 5px;color:#17171b}
.post-calculator-features .hero-features-card p{font-size:12.5px;line-height:1.35;margin:0;color:#73747b}
@media(max-width:760px){.post-calculator-features{padding:12px 16px 34px}.post-calculator-features .hero-features-card{width:82%;max-width:390px;padding:11px 13px;border-radius:18px}.post-calculator-features .hero-features-card h3{font-size:17px}.post-calculator-features .hero-features-card p{font-size:12px}}

.knowledge-item-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.knowledge-edit-btn,.knowledge-delete-btn{appearance:none;border:1px solid #dddde4;background:#fff;border-radius:999px;padding:8px 11px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;color:#222}
.knowledge-delete-btn{color:#a43838}
.knowledge-inline-editor{margin-top:14px;padding:14px;border:1px solid #e5e4e9;border-radius:18px;background:#fafafa}
.knowledge-inline-editor label{display:block;font-size:12px;font-weight:800;color:#666;margin:0 0 10px}
.knowledge-inline-editor input,.knowledge-inline-editor textarea{display:block;width:100%;margin-top:6px;border:1px solid #dcdbe1;border-radius:13px;background:#fff;padding:11px 12px;font:inherit;color:#17171b}
.knowledge-inline-editor textarea{min-height:110px;resize:vertical}
.knowledge-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.knowledge-editor-actions .btn{padding:10px 14px;font-size:13px}
@media(max-width:760px){.knowledge-item-top{align-items:flex-start!important}.knowledge-item-actions{margin-top:8px}.knowledge-edit-btn,.knowledge-delete-btn{padding:7px 10px}}


/* 2026-09-25 features catalogue v2 — clean light canvas + stronger cards */
.features-page{
  background:
    radial-gradient(circle at 84% 4%,rgba(151,126,255,.12),transparent 24%),
    radial-gradient(circle at 8% 24%,rgba(116,185,255,.10),transparent 25%),
    #f7f7f9!important;
  color:#111114!important;
}
.features-page .features-hero:before{
  background:linear-gradient(rgba(17,17,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,20,.025) 1px,transparent 1px)!important;
}
.features-page .features-hero-badge{
  background:#fff!important;border-color:#e3e3e8!important;color:#6d717b!important;
  box-shadow:0 12px 35px rgba(20,18,28,.05);
}
.features-page .features-hero h1,.features-page .features-directory-head h2{color:#111114!important}
.features-page .features-hero h1 em{color:#765cf4!important}
.features-page .features-hero p,.features-page .features-hero-stats span,.features-page .features-directory-head>span{color:#686b74!important}
.features-page .features-hero-stats{max-width:820px}
.features-page .features-hero-stats>div{
  min-height:116px;display:flex;flex-direction:column;justify-content:center;
  background:#fff!important;border:1px solid #dedee5!important;border-radius:24px!important;
  box-shadow:0 18px 45px rgba(26,22,38,.08)!important;
}
.features-page .features-hero-stats b{color:#111114!important;font-size:36px}
.features-page .languages-stat{
  border-color:#b9adff!important;
  box-shadow:0 20px 55px rgba(105,78,226,.17)!important;
  background:linear-gradient(145deg,#fff,#f3f0ff)!important;
}
.features-top10{padding:34px 0 56px}
.features-top10-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.features-page .feature-category{
  background:#fff!important;border:1px solid #e1e1e6!important;color:#111114!important;
  box-shadow:0 16px 45px rgba(24,20,34,.055)!important;
}
.features-page .feature-category-copy h2,.features-page .feature-item b{color:#111114!important}
.features-page .feature-category-copy p{color:#70737c!important}
.features-page .feature-item{
  background:#fff!important;border:1px solid #e1e1e6!important;
  box-shadow:0 10px 30px rgba(24,20,34,.045);
}
.features-page .feature-item-number{color:#8d8f98!important}
.features-page .feature-category-meta strong{background:#17151c!important;color:#fff!important}
.features-page .features-final-card{
  background:linear-gradient(135deg,#17151d,#282035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
@media(max-width:760px){
  .features-page .features-hero-stats>div{min-height:94px;padding:15px 11px!important}
  .features-page .features-hero-stats b{font-size:29px}
  .features-top10{padding:20px 0 42px}
  .features-top10-grid{grid-template-columns:1fr;gap:9px}
  .features-top10-grid .feature-item{min-height:66px}
}


/* 2026-09-25 feature page: make the Try the bot action unmistakable */
.features-page .features-hero-actions .btn.ghost{
  background:#fff!important;
  color:#111114!important;
  border:2px solid rgba(112,86,235,.42)!important;
  box-shadow:0 18px 48px rgba(93,67,210,.18),0 0 0 6px rgba(118,92,244,.06)!important;
  font-weight:850!important;
}
.features-page .features-hero-actions .btn.ghost:hover{
  transform:translateY(-2px);
  border-color:#765cf4!important;
  box-shadow:0 24px 58px rgba(93,67,210,.24),0 0 0 7px rgba(118,92,244,.08)!important;
}
@media(max-width:760px){
  .features-page .features-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .features-page .features-hero-actions .btn{
    width:100%!important;
    min-height:58px;
    justify-content:center;
    border-radius:18px!important;
  }
  .features-page .features-hero-actions .btn.ghost{
    min-height:66px;
    font-size:17px;
  }
}


/* Professional support-agent profiles */
.support-agent-professional-list{display:grid;gap:12px;margin-top:18px}
.support-agent-profile{border:1px solid rgba(15,23,42,.1);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.05)}
.support-agent-profile-head{width:100%;border:0;background:transparent;display:grid;grid-template-columns:64px minmax(0,1fr) auto 28px;gap:14px;align-items:center;padding:16px;text-align:left;cursor:pointer}
.support-agent-avatar{width:64px;height:64px;border-radius:18px;background:#111318;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;overflow:hidden}
.support-agent-avatar img{width:100%;height:100%;object-fit:cover}
.support-agent-identity{display:grid;gap:5px;min-width:0}.support-agent-identity b{font-size:18px}.support-agent-identity small{color:#6b7280}
.support-agent-mini-stat{text-align:right;display:grid}.support-agent-mini-stat b{font-size:20px}.support-agent-mini-stat small{color:#8a909b;font-size:11px}
.support-agent-chevron{font-size:22px;transition:transform .2s}.support-agent-profile-head[aria-expanded="true"] .support-agent-chevron{transform:rotate(180deg)}
.support-agent-profile-body{border-top:1px solid rgba(15,23,42,.08);padding:16px;background:linear-gradient(180deg,#fff,#fafafa)}
.support-agent-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.support-agent-profile-actions button{border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:12px;padding:9px 12px;font-weight:700}
.support-agent-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.support-agent-metrics>div{padding:13px;border:1px solid rgba(15,23,42,.08);border-radius:15px;background:#fff;display:grid;gap:5px}.support-agent-metrics small{color:#777f8c;font-size:11px}.support-agent-metrics b{font-size:20px}.support-agent-date{font-size:16px!important}
.support-agent-dropdown{border-top:1px solid rgba(15,23,42,.08);padding:12px 2px}.support-agent-dropdown summary{cursor:pointer;font-weight:800;display:flex;justify-content:space-between;align-items:center;list-style:none}.support-agent-dropdown summary::-webkit-details-marker{display:none}
.support-agent-conversations{display:grid;gap:7px;padding-top:10px}.support-agent-conversation-link{border:1px solid rgba(15,23,42,.08);border-radius:13px;background:#fff;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;text-align:left}.support-agent-conversation-link span{display:grid;gap:2px}.support-agent-conversation-link small{color:#8a909b}.support-agent-conversation-link em{font-style:normal;font-size:11px;color:#69717e}
.support-agent-analysis{display:flex;gap:10px;flex-wrap:wrap;padding-top:10px}.support-agent-analysis p{margin:0;padding:10px 12px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px}
.live-thread.focus-flash{outline:3px solid rgba(17,24,39,.18);outline-offset:4px}
@media(max-width:700px){.support-agent-profile-head{grid-template-columns:54px minmax(0,1fr) 24px;padding:13px}.support-agent-avatar{width:54px;height:54px;border-radius:15px}.support-agent-mini-stat{display:none}.support-agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.support-agent-profile-body{padding:13px}}


/* 2026-09-28 legal mobile fit: keep long FI/SV/EN copy inside the viewport. */
@media(max-width:760px){
  .legalpage{
    overflow-x:clip;
  }
  .legalpage .container,
  .legalpage .legal-layout,
  .legalpage .legal-aside,
  .legalpage .legalcopy,
  .legalpage .legalcopy section,
  .legalpage .legal-seller{
    min-width:0!important;
    max-width:100%!important;
  }
  .legalpage .legal-layout{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:28px!important;
  }
  .legalpage .legal-aside{
    width:100%!important;
    overflow:visible!important;
  }
  .legalpage .legal-aside h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(34px,10.5vw,46px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    hyphens:auto!important;
  }
  .legalpage .legal-aside>p,
  .legalpage .legalcopy p,
  .legalpage .legalcopy h2,
  .legalpage .legal-seller{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    hyphens:auto!important;
  }
  .legalpage .legal-aside>p{
    font-size:16px!important;
    line-height:1.65!important;
  }
  .legalpage .legalcopy{
    width:100%!important;
    padding:22px 20px!important;
  }
}
@media(max-width:390px){
  .legalpage .legal-aside h1{
    font-size:clamp(31px,10vw,39px)!important;
  }
}


/* Clean dashboard controls */
.dashboard-settings-button{width:42px;height:42px;border:1px solid rgba(17,17,20,.12);border-radius:14px;background:#fff;display:grid;place-items:center;font-size:18px;cursor:pointer;box-shadow:0 8px 24px rgba(17,17,20,.06);transition:transform .18s ease,box-shadow .18s ease}
.dashboard-settings-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(17,17,20,.1)}
.dashboard-simple-shell .dashboard-view-section{animation:dashboardCleanIn .22s ease both}
.dashboard-simple-shell .panel,.dashboard-simple-shell .onboarding-card,.dashboard-simple-shell .welcome-card{border-radius:22px}
@keyframes dashboardCleanIn{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:720px){.dashboard-settings-button{width:40px;height:40px;border-radius:12px}.dashboard-section-picker label{display:none}}


/* =========================================================
   RESPONDO OS — APPLE-STYLE DASHBOARD SYSTEM
   ========================================================= */
.dashboard-os-shell{
  display:grid!important;
  grid-template-columns:252px minmax(0,1fr)!important;
  min-height:100vh;
  background:#f5f5f7!important;
  color:#1d1d1f;
}
.dashboard-os-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-height:680px;
  display:flex;
  flex-direction:column;
  padding:18px 14px 16px;
  border-right:1px solid rgba(0,0,0,.07);
  background:rgba(248,248,250,.92);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  backdrop-filter:blur(28px) saturate(180%);
}
.dashboard-os-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:8px 10px 20px;
}
.dashboard-os-brand .logo{
  flex:0 0 auto;
  gap:0!important;
}
.dashboard-os-brand .brand-mark{
  width:34px!important;
  height:34px!important;
}
.dashboard-os-brand .brand-word{
  display:none!important;
}
.dashboard-os-brand>div{
  min-width:0;
}
.dashboard-os-brand small{
  display:block;
  margin-bottom:2px;
  color:#8e8e93;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
.dashboard-os-brand b{
  display:block;
  max-width:165px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  letter-spacing:-.015em;
}
.dashboard-os-nav{
  display:grid;
  gap:4px;
}
.dashboard-os-nav button{
  width:100%;
  min-height:48px;
  display:grid;
  grid-template-columns:32px 1fr;
  gap:10px;
  align-items:center;
  padding:6px 10px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#505055;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.dashboard-os-nav button:hover{
  background:rgba(0,0,0,.045);
  color:#1d1d1f;
}
.dashboard-os-nav button.active{
  background:#fff;
  color:#1d1d1f;
  box-shadow:0 1px 0 rgba(0,0,0,.03),0 8px 24px rgba(0,0,0,.055);
}
.dashboard-os-nav button span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#e9e9ec;
  color:#5d5d62;
  font-size:13px;
  font-weight:800;
  line-height:1;
}
.dashboard-os-nav button.active span{
  background:#0071e3;
  color:#fff;
}
.dashboard-os-nav button b{
  min-width:0;
  font-size:12px;
  font-weight:700;
  letter-spacing:-.01em;
}
.dashboard-os-sidebar-bottom{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.07);
}
.dashboard-os-account{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  padding:8px 9px 10px;
}
.dashboard-os-account>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1d1d1f;
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.dashboard-os-account div{
  min-width:0;
}
.dashboard-os-account b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  font-weight:700;
}
.dashboard-os-account small{
  display:block;
  margin-top:2px;
  color:#8e8e93;
  font-size:8px;
}
.dashboard-os-logout{
  width:100%;
  min-height:38px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#77777c;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
.dashboard-os-logout:hover{
  background:rgba(0,0,0,.04);
  color:#1d1d1f;
}

.dashboard-os-shell .dashboard-simple-main{
  width:100%!important;
  max-width:1320px!important;
  min-width:0;
  margin:0 auto!important;
  padding:24px 32px 80px!important;
}
.dashboard-os-shell .dashboard-topbar{
  position:sticky;
  top:14px;
  z-index:80;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin:0 0 24px;
  padding:11px 12px 11px 18px;
  border:1px solid rgba(0,0,0,.07);
  border-radius:20px;
  background:rgba(255,255,255,.84);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  box-shadow:0 8px 32px rgba(0,0,0,.055);
}
.dashboard-mobile-brand{
  display:none;
}
.dashboard-page-context{
  min-width:0;
}
.dashboard-page-context small{
  display:block;
  margin-bottom:2px;
  color:#8e8e93;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}
.dashboard-page-context strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.025em;
}
.dashboard-top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.dashboard-settings-button{
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:12px!important;
  background:#f2f2f4!important;
  color:#333336!important;
  box-shadow:none!important;
  font-size:16px!important;
}
.dashboard-settings-button:hover{
  transform:none!important;
  background:#e9e9ec!important;
}
.dashboard-mobile-nav{
  display:none;
}

.dashboard-os-shell .dashboard-head{
  margin:0 0 18px!important;
  padding:6px 4px 0!important;
}
.dashboard-os-shell .dashboard-head .section-kicker{
  color:#8e8e93;
  font-size:9px;
  letter-spacing:.13em;
}
.dashboard-os-shell .dashboard-head h1{
  margin:6px 0 6px!important;
  font-size:clamp(36px,4.3vw,58px)!important;
  line-height:.98;
  letter-spacing:-.06em!important;
  font-weight:680;
}
.dashboard-os-shell .dashboard-head p{
  max-width:680px;
  color:#6e6e73!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.dashboard-launch-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
}
.dashboard-launch-card{
  min-width:0;
  min-height:124px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:18px;
  border:1px solid rgba(0,0,0,.07);
  border-radius:22px;
  background:#fff;
  color:#1d1d1f;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dashboard-launch-card:hover{
  transform:translateY(-2px);
  border-color:rgba(0,0,0,.1);
  box-shadow:0 14px 34px rgba(0,0,0,.07);
}
.dashboard-launch-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#f1f1f3;
  color:#4f4f54;
  font-size:16px;
  font-weight:800;
}
.dashboard-launch-card small{
  display:block;
  margin-bottom:4px;
  color:#8e8e93;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}
.dashboard-launch-card b{
  display:block;
  font-size:14px;
  font-weight:720;
  letter-spacing:-.02em;
}
.dashboard-launch-card p{
  max-width:440px;
  margin:4px 0 0;
  color:#75757a;
  font-size:10px;
  line-height:1.45;
}
.dashboard-launch-card em{
  align-self:center;
  color:#a2a2a7;
  font-size:26px;
  font-style:normal;
  font-weight:300;
}

.dashboard-os-shell .panel,
.dashboard-os-shell .welcome-card,
.dashboard-os-shell .onboarding-card,
.dashboard-os-shell .stat{
  border:1px solid rgba(0,0,0,.07)!important;
  border-radius:24px!important;
  box-shadow:none!important;
}
.dashboard-os-shell .panel{
  padding:24px!important;
  background:#fff!important;
}
.dashboard-os-shell .panel-head{
  margin-bottom:18px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(0,0,0,.065)!important;
}
.dashboard-os-shell .panel-head h2,
.dashboard-os-shell .billing-panel h2{
  font-size:20px!important;
  letter-spacing:-.035em!important;
  font-weight:680!important;
}
.dashboard-os-shell .panel-head p{
  margin:7px 0 0;
  max-width:720px;
  color:#77777c;
  font-size:11px;
  line-height:1.5;
}
.dashboard-os-shell .stats{
  gap:12px!important;
  margin-bottom:18px!important;
}
.dashboard-os-shell .stat{
  padding:20px!important;
  background:#fff!important;
}
.dashboard-os-shell .stat b{
  margin:10px 0 3px!important;
  font-size:32px!important;
  font-weight:650!important;
}
.dashboard-os-shell .dashboard-grid,
.dashboard-os-shell .profile-live-grid,
.dashboard-os-shell .actions2-layout{
  gap:16px!important;
}
.dashboard-os-shell .dashboard-view-section{
  scroll-margin-top:94px;
}
.dashboard-os-shell .dashboard-view-section:not(.dashboard-view-hidden){
  animation:respondoOsIn .2s ease both;
}
@keyframes respondoOsIn{
  from{opacity:.55;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

.dashboard-os-shell .btn,
.dashboard-os-shell button{
  -webkit-tap-highlight-color:transparent;
}
.dashboard-os-shell .dashboard-action{
  min-height:48px!important;
  border-radius:14px!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:-.005em!important;
  background:#1d1d1f!important;
  border-color:#1d1d1f!important;
  box-shadow:none!important;
}
.dashboard-os-shell .dashboard-action:hover{
  background:#343437!important;
  border-color:#343437!important;
}
.dashboard-secondary-action{
  min-height:44px;
  margin-top:16px;
  padding:0 16px;
  border:1px solid rgba(0,0,0,.09);
  border-radius:13px;
  background:#f3f3f5;
  color:#1d1d1f;
  font-size:11px;
  font-weight:700;
}
.dashboard-secondary-action:hover{
  background:#e9e9ec;
}
.dashboard-os-shell input,
.dashboard-os-shell textarea,
.dashboard-os-shell select{
  border-radius:13px!important;
}
.dashboard-os-shell .code-row{
  border-radius:15px!important;
  padding:9px!important;
}
.dashboard-os-shell .install-done{
  min-height:46px;
  border-radius:13px!important;
}
.dashboard-os-shell .license-lock{
  border-radius:16px!important;
}
.dashboard-os-shell .knowledge-item,
.dashboard-os-shell .conversation-item,
.dashboard-os-shell .lead-item,
.dashboard-os-shell .unanswered-item,
.dashboard-os-shell .action-request-item{
  border-radius:16px;
}
.dashboard-os-shell .onboarding-card{
  padding:24px!important;
  background:#1d1d1f!important;
}
.dashboard-os-shell .onboarding-step{
  border-radius:14px!important;
}
.dashboard-os-shell .preview-device{
  border-radius:24px!important;
  box-shadow:none!important;
}

.account-overview-panel{
  margin-top:0!important;
}
.account-overview-list{
  overflow:hidden;
  border:1px solid rgba(0,0,0,.07);
  border-radius:16px;
  background:#f8f8fa;
}
.account-overview-list>div{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:18px;
  align-items:center;
  min-height:50px;
  padding:0 16px;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.account-overview-list>div:last-child{
  border-bottom:0;
}
.account-overview-list span{
  color:#7b7b80;
  font-size:10px;
}
.account-overview-list b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
  font-size:11px;
  font-weight:650;
}

@media(max-width:1100px){
  .dashboard-os-shell{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
  .dashboard-os-shell .dashboard-simple-main{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .dashboard-os-brand b{
    max-width:135px;
  }
}

@media(max-width:920px){
  .dashboard-os-shell{
    display:block!important;
  }
  .dashboard-os-sidebar{
    display:none!important;
  }
  .dashboard-os-shell .dashboard-simple-main{
    width:100%!important;
    max-width:none!important;
    padding:12px 14px 82px!important;
  }
  .dashboard-os-shell .dashboard-topbar{
    top:0;
    margin:0 -14px 10px;
    padding:10px 14px;
    border-width:0 0 1px;
    border-radius:0;
    box-shadow:none;
  }
  .dashboard-mobile-brand{
    display:block;
    grid-column:1;
    grid-row:1;
  }
  .dashboard-mobile-brand .logo{
    gap:0!important;
  }
  .dashboard-mobile-brand .brand-mark{
    width:31px!important;
    height:31px!important;
  }
  .dashboard-mobile-brand .brand-word{
    display:none!important;
  }
  .dashboard-page-context{
    grid-column:1;
    grid-row:2;
    margin-top:5px;
  }
  .dashboard-top-actions{
    grid-column:2;
    grid-row:1/3;
  }
  .dashboard-mobile-nav{
    position:sticky;
    top:73px;
    z-index:69;
    display:flex;
    gap:6px;
    margin:0 -2px 18px;
    padding:5px 2px 8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    background:linear-gradient(to bottom,#f5f5f7 72%,rgba(245,245,247,0));
  }
  .dashboard-mobile-nav::-webkit-scrollbar{display:none}
  .dashboard-mobile-nav button{
    flex:0 0 auto;
    min-height:42px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 12px;
    border:1px solid rgba(0,0,0,.07);
    border-radius:14px;
    background:#fff;
    color:#6a6a70;
    font-size:10px;
    cursor:pointer;
    white-space:nowrap;
  }
  .dashboard-mobile-nav button span{
    display:grid;
    place-items:center;
    min-width:18px;
    color:#818187;
    font-weight:800;
  }
  .dashboard-mobile-nav button b{
    font-size:10px;
    font-weight:700;
  }
  .dashboard-mobile-nav button.active{
    border-color:#1d1d1f;
    background:#1d1d1f;
    color:#fff;
  }
  .dashboard-mobile-nav button.active span{
    color:#fff;
  }
  .dashboard-launch-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .dashboard-os-shell .dashboard-simple-main{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .dashboard-os-shell .dashboard-topbar{
    margin-left:-12px;
    margin-right:-12px;
    padding-left:12px;
    padding-right:12px;
  }
  .dashboard-page-context strong{
    font-size:15px;
  }
  .dashboard-mobile-nav{
    top:72px;
    margin-bottom:14px;
  }
  .dashboard-os-shell .dashboard-head{
    padding-left:2px!important;
    padding-right:2px!important;
    margin-bottom:14px!important;
  }
  .dashboard-os-shell .dashboard-head h1{
    font-size:36px!important;
  }
  .dashboard-launch-grid{
    grid-template-columns:1fr;
    gap:9px;
  }
  .dashboard-launch-card{
    min-height:100px;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    padding:15px;
    border-radius:19px;
  }
  .dashboard-launch-icon{
    width:42px;
    height:42px;
    border-radius:13px;
  }
  .dashboard-launch-card p{
    font-size:9px;
  }
  .dashboard-os-shell .panel{
    padding:18px!important;
    border-radius:20px!important;
  }
  .dashboard-os-shell .onboarding-card{
    padding:20px!important;
    border-radius:20px!important;
  }
  .dashboard-os-shell .onboarding-steps{
    grid-template-columns:1fr!important;
  }
  .dashboard-os-shell .stats{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  .dashboard-os-shell .stat{
    padding:15px!important;
    border-radius:18px!important;
  }
  .dashboard-os-shell .stat b{
    font-size:26px!important;
  }
  .account-overview-list>div{
    grid-template-columns:90px minmax(0,1fr);
    gap:10px;
    padding:0 13px;
  }
}

@media(max-width:390px){
  .dashboard-mobile-nav button{
    padding:0 10px;
  }
  .dashboard-launch-card{
    grid-template-columns:38px minmax(0,1fr) auto;
  }
  .dashboard-launch-icon{
    width:38px;
    height:38px;
    border-radius:12px;
    font-size:14px;
  }
}


/* Respondo OS section ownership refinements */
.dashboard-os-shell .respondo-intelligence,
.dashboard-os-shell .dashboard-insights{
  grid-template-columns:1fr!important;
}
.dashboard-os-shell .respondo-intelligence .panel,
.dashboard-os-shell .dashboard-insights .panel{
  min-height:0!important;
}
@media(min-width:921px){
  .dashboard-os-shell .dashboard-settings-button{
    display:none!important;
  }
}
@media(max-width:920px){
  .dashboard-os-shell .dashboard-settings-button{
    display:grid!important;
  }
}


/* Mobile dashboard cleanup from screenshot */
@media(max-width:760px){
  .dashboard-simple-shell{
    background:#f5f5f7!important;
  }
  .dashboard-simple-main{
    padding-bottom:96px!important;
  }
  .dashboard-topbar{
    background:rgba(255,255,255,.96)!important;
    color:#1d1d1f!important;
    border-color:rgba(0,0,0,.07)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.06)!important;
    -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
    backdrop-filter:blur(22px) saturate(180%)!important;
  }
  .dashboard-workspace{
    border-left-color:rgba(0,0,0,.08)!important;
  }
  .dashboard-workspace small{
    color:#8e8e93!important;
  }
  .dashboard-workspace b{
    color:#1d1d1f!important;
  }
  .dashboard-select-wrap select{
    min-height:46px!important;
    background:#f2f2f4!important;
    color:#1d1d1f!important;
    border-color:rgba(0,0,0,.08)!important;
    box-shadow:none!important;
  }
  .dashboard-select-wrap>span{
    color:#6e6e73!important;
  }
  .referral-panel{
    gap:18px!important;
    padding:20px!important;
    border-radius:20px!important;
  }
  .referral-copy>small{
    font-size:9px!important;
  }
  .referral-copy h2{
    margin:7px 0 8px!important;
    font-size:27px!important;
    line-height:1.05!important;
  }
  .referral-copy p{
    font-size:12px!important;
    line-height:1.5!important;
  }
  .referral-box{
    padding:15px!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }
  .referral-box>span{
    font-size:8px!important;
    line-height:1.4!important;
    margin-bottom:8px!important;
  }
  .referral-code-row{
    gap:8px!important;
  }
  .referral-code-row code{
    min-height:48px!important;
    padding:11px 12px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  .referral-code-row button,
  .referral-actions button{
    min-height:46px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:11px!important;
  }
  .referral-actions{
    gap:8px!important;
    margin-top:8px!important;
  }
  .referral-actions small{
    font-size:10px!important;
  }
  .billing-panel{
    margin-top:10px!important;
  }
}

/* Mobile dashboard topbar: keep settings control clear of the section picker */
@media(max-width:720px){
  .dashboard-topbar{
    grid-template-columns:minmax(0,1fr) 48px!important;
    gap:10px!important;
  }
  .dashboard-topbar-brand{
    grid-column:1 / -1!important;
  }
  .dashboard-section-picker{
    grid-column:1!important;
    min-width:0!important;
  }
  .dashboard-top-actions{
    grid-column:2!important;
    justify-content:center!important;
    align-self:end!important;
  }
  .dashboard-settings-button{
    width:46px!important;
    height:46px!important;
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
  }
}

/* Homepage quick section dropdown */
.home-section-jump{display:block;min-width:190px}
.home-section-jump>span{display:block;margin:0 0 4px 2px;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;opacity:.62}
.home-section-jump select{width:100%;min-height:42px;border:1px solid rgba(17,17,20,.12);border-radius:13px;background:#fff;color:#111114;padding:0 36px 0 12px;font:inherit;font-size:12px;font-weight:800;outline:none}
@media(max-width:820px){
  .product-subnav-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
  .product-subnav-inner>nav{display:none!important}
  .home-section-jump{display:block!important;min-width:0!important}
}

/* Homepage mobile navigation must remain visible */
@media(max-width:720px){
  .product-subnav{display:block!important;top:74px!important;z-index:1100!important}
  .product-subnav-inner{min-height:64px!important;width:100%!important;padding:7px 13px!important;grid-template-columns:74px minmax(0,1fr)!important;gap:10px!important}
  .product-subnav .subnav-title{display:block!important;font-size:10px!important;white-space:nowrap!important}
  .product-subnav .home-section-jump{display:block!important;width:100%!important;min-width:0!important}
  .product-subnav .home-section-jump>span{display:none!important}
  .product-subnav .home-section-jump select{display:block!important;width:100%!important;min-height:46px!important;font-size:13px!important}
  .product-subnav nav{display:none!important}
}

/* Homepage swipe navigation */
.home-swipe-nav{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:7px 2px!important}
.home-swipe-nav::-webkit-scrollbar{display:none}
.product-subnav .home-swipe-nav a{flex:0 0 auto!important;display:flex!important;align-items:center!important;min-height:38px!important;padding:0 14px!important;border:1px solid rgba(17,17,20,.09)!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;color:#4b4744!important;font-size:11px!important;font-weight:780!important;white-space:nowrap!important;scroll-snap-align:start}
.product-subnav .home-swipe-nav a.all-features-link{background:#171717!important;color:#fff!important;border-color:#171717!important}
@media(max-width:720px){
  .product-subnav{display:block!important;top:74px!important}
  .product-subnav-inner{display:block!important;min-height:58px!important;padding:6px 0!important;width:100%!important}
  .product-subnav .subnav-title{display:none!important}
  .product-subnav .home-swipe-nav{display:flex!important;width:100%!important;padding:5px 13px 7px!important;gap:7px!important}
  .product-subnav .home-swipe-nav a{min-height:40px!important;padding:0 13px!important;font-size:11px!important}
}


/* Website import review */
.website-import-review{margin-top:18px}
.website-import-review:empty{display:none}
.website-import-review-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid rgba(17,17,19,.1);border-radius:16px;background:rgba(255,255,255,.72)}
.website-import-review-head div{display:grid;gap:5px}.website-import-review-head small{color:#6d6d72;line-height:1.45}
.website-import-candidates{display:grid;gap:8px;max-height:520px;overflow:auto;margin-top:10px;padding-right:4px}
.website-import-candidate{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:13px 14px;border:1px solid rgba(17,17,19,.09);border-radius:14px;background:#fff;cursor:pointer}
.website-import-candidate input{margin-top:4px;width:18px;height:18px}
.website-import-candidate span{min-width:0;display:grid;gap:4px}.website-import-candidate b{font-size:14px;line-height:1.3}.website-import-candidate small{font-size:11px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.website-import-candidate p{margin:2px 0 0;color:#4d4d52;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:720px){.website-import-review-head{align-items:stretch;flex-direction:column}.website-import-review-head .btn{width:100%}.website-import-candidates{max-height:430px}}


/* Desktop parity: keep the signed-in Respondo dashboard visually identical to
   the current phone layout instead of switching to a separate desktop UI. */
@media(min-width:921px){
  .dashboard-os-shell{
    display:block!important;
    max-width:760px!important;
    margin:0 auto!important;
    background:#f5f5f7!important;
  }
  .dashboard-os-sidebar{display:none!important}
  .dashboard-os-shell .dashboard-simple-main{
    width:100%!important;
    max-width:none!important;
    padding:12px 14px 96px!important;
  }
  .dashboard-os-shell .dashboard-topbar{
    top:0!important;
    margin:0 -14px 10px!important;
    padding:10px 14px!important;
    border-width:0 0 1px!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    color:#1d1d1f!important;
    box-shadow:0 8px 28px rgba(0,0,0,.06)!important;
    -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
    backdrop-filter:blur(22px) saturate(180%)!important;
  }
  .dashboard-mobile-brand{display:block!important;grid-column:1!important;grid-row:1!important}
  .dashboard-mobile-brand .brand-word{display:none!important}
  .dashboard-mobile-brand .brand-mark{width:31px!important;height:31px!important}
  .dashboard-page-context{grid-column:1!important;grid-row:2!important;margin-top:5px!important}
  .dashboard-top-actions{grid-column:2!important;grid-row:1/3!important}
  .dashboard-mobile-nav{
    position:sticky!important;top:73px!important;z-index:69!important;
    display:flex!important;gap:6px!important;margin:0 -2px 18px!important;
    padding:5px 2px 8px!important;overflow-x:auto!important;scrollbar-width:none!important;
    background:linear-gradient(to bottom,#f5f5f7 72%,rgba(245,245,247,0))!important;
  }
  .dashboard-mobile-nav::-webkit-scrollbar{display:none}
  .dashboard-mobile-nav button{
    flex:0 0 auto!important;min-height:42px!important;display:flex!important;align-items:center!important;
    gap:7px!important;padding:0 12px!important;border:1px solid rgba(0,0,0,.07)!important;
    border-radius:14px!important;background:#fff!important;color:#6a6a70!important;font-size:10px!important;
    white-space:nowrap!important;
  }
  .dashboard-mobile-nav button.active{border-color:#1d1d1f!important;background:#1d1d1f!important;color:#fff!important}
  .dashboard-launch-grid{grid-template-columns:1fr!important;gap:9px!important}
  .dashboard-launch-card{min-height:100px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;padding:15px!important;border-radius:19px!important}
  .dashboard-launch-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  .dashboard-os-shell .dashboard-head{padding:0 2px!important;margin-bottom:14px!important}
  .dashboard-os-shell .dashboard-head h1{font-size:36px!important}
  .dashboard-os-shell .panel{padding:18px!important;border-radius:20px!important}
  .dashboard-os-shell .onboarding-card{padding:20px!important;border-radius:20px!important}
  .dashboard-os-shell .onboarding-steps{grid-template-columns:1fr!important}
  .dashboard-os-shell .stats{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .dashboard-os-shell .stat{padding:15px!important;border-radius:18px!important}
  .dashboard-os-shell .stat b{font-size:26px!important}
  .dashboard-os-shell .dashboard-settings-button{display:grid!important}
  .dashboard-os-shell .dashboard-grid,
  .dashboard-os-shell .profile-live-grid,
  .dashboard-os-shell .actions2-layout{grid-template-columns:1fr!important}
  .website-import-review-head{align-items:stretch!important;flex-direction:column!important}
  .website-import-review-head .btn{width:100%!important}
  .website-import-candidates{max-height:430px!important}
}


/* Homepage desktop parity: intentionally keep the public landing page in the
   same visual mode as the current phone layout on larger screens. */
@media(min-width:721px){
  body:not(.dashboard-page) .container{width:min(100% - 26px,760px)!important}
  body:not(.dashboard-page) .section{padding:78px 0!important}
  body:not(.dashboard-page) .nav{padding:8px 0!important}
  body:not(.dashboard-page) .navin{padding:7px 8px 7px 11px!important;min-height:58px!important;height:auto!important;border-radius:26px!important}
  body:not(.dashboard-page) .brand-word{font-size:18px!important}
  body:not(.dashboard-page) .brand-mark{width:31px!important;height:31px!important}
  body:not(.dashboard-page) .navlinks{display:none!important}
  /* Preserve the phone-sized desktop header, but keep sign-in accessible. */
  body:not(.dashboard-page) .navactions .nav-login-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important}
  body:not(.dashboard-page) .navactions .btn.ink{padding:12px 15px!important;font-size:13px!important}
  body:not(.dashboard-page) .product-subnav{display:block!important;top:74px!important;z-index:1100!important}
  /* The swipe-nav used flex-start on phones; center it only on desktop. */
  body:not(.dashboard-page) .product-subnav-inner{display:block!important;min-height:58px!important;padding:6px 0!important;width:min(calc(100% - 26px),760px)!important;margin-inline:auto!important}
  body:not(.dashboard-page) .product-subnav .subnav-title{display:none!important}
  body:not(.dashboard-page) .product-subnav .home-swipe-nav{display:flex!important;justify-content:center!important;width:100%!important;padding:5px 13px 7px!important;gap:7px!important}
  body:not(.dashboard-page) .product-subnav .home-swipe-nav a{min-height:40px!important;padding:0 13px!important;font-size:11px!important}
  body:not(.dashboard-page) .product-subnav .home-section-jump{display:none!important}
  body:not(.dashboard-page) .hero{padding-top:54px!important}
  body:not(.dashboard-page) .hero-grid{display:block!important}
  body:not(.dashboard-page) .hero-copy{padding-bottom:36px!important}
  body:not(.dashboard-page) .hero h1{font-size:clamp(50px,9vw,72px)!important}
  body:not(.dashboard-page) .hero .lead{font-size:17px!important}
  body:not(.dashboard-page) .hero-actions{gap:8px!important;flex-wrap:wrap!important}
  body:not(.dashboard-page) .hero-actions .btn{width:100%!important;justify-content:center!important}
  body:not(.dashboard-page) .hero-actions .text-link{width:100%!important;margin-top:8px!important}
  body:not(.dashboard-page) .trust-row{gap:7px!important}
  body:not(.dashboard-page) .trust-row span{font-size:11px!important}
  body:not(.dashboard-page) .signal-console{margin-top:42px!important;border-radius:28px!important}
  body:not(.dashboard-page) .console-rail{display:none!important}
  body:not(.dashboard-page) .console-grid{display:block!important}
  body:not(.dashboard-page) .console-main{padding:0!important}
  body:not(.dashboard-page) .console-header{padding:18px!important}
  body:not(.dashboard-page) .conversation{padding:14px!important}
  body:not(.dashboard-page) .console-stats{grid-template-columns:repeat(3,1fr)!important}
  body:not(.dashboard-page) .console-stats div{padding:14px 8px!important}
  body:not(.dashboard-page) .flowline,
  body:not(.dashboard-page) .control-grid,
  body:not(.dashboard-page) .visual-grid,
  body:not(.dashboard-page) .proof-grid,
  body:not(.dashboard-page) .research-grid,
  body:not(.dashboard-page) .pricing-wrap{grid-template-columns:1fr!important}
  body:not(.dashboard-page) .split-head h2,
  body:not(.dashboard-page) .control-copy h2,
  body:not(.dashboard-page) .contact-shell h2,
  body:not(.dashboard-page) .cta-shell h2{font-size:43px!important}
  body:not(.dashboard-page) .cta-shell{padding:30px!important}
  body:not(.dashboard-page) .cta-circle{width:118px!important;height:118px!important}
}


/* 2026-10-01: dashboard header must not hide the business form or show
   form controls through its former translucent, dark overlay. */
.dashboard-simple-shell .dashboard-topbar{
  background:#fff!important;
  color:#1d1d1f!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.dashboard-simple-shell .dashboard-topbar-brand,
.dashboard-simple-shell .dashboard-top-actions{color:#1d1d1f!important}
@media(min-width:921px){
  /* On desktop this tall two-row header scrolls with the page rather than
     floating over text fields and the import approval controls. */
  .dashboard-simple-shell .dashboard-topbar{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
  }
}


/* Keep the editable business contact address compact even when the
   neighboring website-import controls make this CSS grid row taller. */
.business-profile-form .profile-contact-email-field{
  align-self:start!important;justify-content:flex-start!important;
}
.business-profile-form .profile-contact-email-field input[name="email"]{
  flex:0 0 auto!important;height:48px!important;min-height:48px!important;
  max-height:48px!important;width:100%!important;
}
.business-profile-form .profile-email-save{
  align-self:flex-start!important;width:auto!important;min-width:0!important;
  min-height:38px!important;padding:9px 14px!important;margin-top:4px!important;
}
.profile-email-status{display:block;min-height:1.25em;font-size:12px;line-height:1.45}
.profile-email-status[data-status="saved"]{color:#24744f}
.profile-email-status[data-status="error"]{color:#b3261e}
.profile-email-status[data-status="pending"]{color:#626875}
@media(max-width:760px){
 .business-profile-form .profile-email-save{width:100%!important}
}


/* 2026-10-01 mobile public header: fixed rather than CSS-sticky, because
   iOS Safari can drop sticky positioning inside this SPA's transformed/overflow scenes. */
@media (max-width:760px){
  body.public-nav-active{
    --public-mobile-header-height:74px;
  }
  body.public-nav-active .nav{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1800!important;
    margin:0!important;
    padding:8px 0!important;
    background:rgba(249,248,250,.96)!important;
    -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
    backdrop-filter:blur(22px) saturate(180%)!important;
    box-shadow:0 1px 0 rgba(17,17,20,.06)!important;
    transform:none!important;
  }
  body.public-nav-active #app{
    padding-top:var(--public-mobile-header-height)!important;
  }
  body.public-nav-active .navin{
    min-height:58px!important;
  }
}





/* Public "Try the bot" sticky header actions */
.demo-sticky-topbar{
  z-index:95!important;
}
.demo-public-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0;
}
.demo-public-actions .btn{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.demo-public-actions .demo-header-login{
  border:1px solid rgba(17,17,20,.12)!important;
  background:#fff!important;
  color:#111114!important;
}
.demo-public-actions .demo-header-trial{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(105deg,#7f80ff 0%,#b878ff 28%,#ff6c8c 62%,#ff9b58 100%)!important;
  box-shadow:0 10px 24px rgba(177,104,255,.22)!important;
}
@media(max-width:760px){
  .demo-sticky-topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .demo-sticky-topbar .dashboard-workspace{
    display:none!important;
  }
  .demo-sticky-topbar .dashboard-topbar-brand .brand-word{
    display:none!important;
  }
  .demo-public-actions{
    gap:5px!important;
  }
  .demo-public-actions .btn{
    min-height:38px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }
  .demo-sticky-topbar .dashboard-section-picker{
    grid-column:1/-1!important;
    grid-row:2!important;
  }
}
@media(max-width:390px){
  .demo-public-actions .btn{
    padding:0 8px!important;
    font-size:9px!important;
  }
}


/* Demo dashboard: make all page choices visible directly under Overview */
.demo-sticky-topbar .demo-section-strip{
  grid-column:1/-1;
  width:100%;
  display:flex;
  align-items:center;
  gap:7px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  padding:2px 0 0;
  -webkit-overflow-scrolling:touch;
}
.demo-sticky-topbar .demo-section-strip::-webkit-scrollbar{display:none}
.demo-sticky-topbar .demo-section-strip button{
  flex:0 0 auto;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(17,17,20,.09);
  border-radius:999px;
  background:#f7f7f9;
  color:#68686e;
  font:inherit;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.demo-sticky-topbar .demo-section-strip button:hover{
  border-color:rgba(17,17,20,.16);
  color:#111114;
}
.demo-sticky-topbar .demo-section-strip button.active{
  border-color:#111114;
  background:#111114;
  color:#fff;
}
@media(max-width:760px){
  .demo-sticky-topbar .demo-section-strip{
    grid-column:1/-1!important;
    grid-row:3!important;
    margin-top:0;
    padding-top:2px;
    padding-bottom:1px;
  }
  .demo-sticky-topbar .demo-section-strip button{
    min-height:36px;
    padding:0 12px;
    font-size:10px;
  }
}


/* Public demo mobile header: use fixed positioning instead of CSS sticky.
   iOS Safari can stop sticky descendants when browser chrome/ancestor layout changes,
   so reserve the measured header height in the main content and pin the exact card. */
.demo-dashboard-shell,
.demo-dashboard-main{
  overflow:visible!important;
}
@media(max-width:1024px){
  .demo-dashboard-shell{
    overflow:visible!important;
    min-height:100vh!important;
  }
  .demo-dashboard-main{
    overflow:visible!important;
    padding-top:var(--demo-sticky-header-space,164px)!important;
  }
  .demo-dashboard-main > .demo-sticky-topbar{
    position:fixed!important;
    top:max(8px,env(safe-area-inset-top))!important;
    left:max(12px,env(safe-area-inset-left))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    width:auto!important;
    z-index:2147483000!important;
    margin:0!important;
    border-radius:22px!important;
    border:1px solid rgba(17,17,20,.08)!important;
    background:rgba(255,255,255,.97)!important;
    -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
    backdrop-filter:blur(22px) saturate(180%)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.10)!important;
    transform:none!important;
    contain:none!important;
    isolation:isolate;
  }
}


/* Homepage section pills stay visible under the main header */
.home-page .product-subnav{
  position:sticky!important;
  top:74px!important;
  z-index:1700!important;
}
@media(max-width:760px){
  body.public-nav-active .home-page .product-subnav{
    position:fixed!important;
    top:var(--public-mobile-header-height,74px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1700!important;
    margin:0!important;
    transform:none!important;
    background:rgba(249,249,250,.97)!important;
    -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
    backdrop-filter:blur(22px) saturate(180%)!important;
    box-shadow:0 1px 0 rgba(17,17,20,.07),0 8px 24px rgba(17,17,20,.05)!important;
  }
  body.public-nav-active .home-page{
    padding-top:58px!important;
  }
  body.public-nav-active .home-page .product-subnav-inner{
    min-height:58px!important;
  }
}


/* Homepage compact contact form */
.contact-form-toggle{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 18px;
  border:1px solid rgba(17,17,20,.10);
  border-radius:18px;
  background:#fff;
  color:#111114;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(17,17,20,.04);
}
.contact-form-toggle span{
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2f2f4;
  font-size:18px;
  line-height:1;
}
.home-contact-form{
  width:100%;
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid rgba(17,17,20,.09);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 34px rgba(17,17,20,.045);
}
.home-contact-form[hidden]{display:none!important}
.home-contact-form label{
  display:grid;
  gap:7px;
}
.home-contact-form label>span{
  color:#77777e;
  font-size:9px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.home-contact-form input,
.home-contact-form textarea{
  width:100%;
  border:1px solid rgba(17,17,20,.10);
  border-radius:14px;
  background:#f7f7f8;
  color:#111114;
  padding:13px 14px;
  font:inherit;
  font-size:13px;
  outline:none;
  resize:vertical;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.home-contact-form input{
  min-height:48px;
}
.home-contact-form textarea{
  min-height:120px;
}
.home-contact-form input:focus,
.home-contact-form textarea:focus{
  background:#fff;
  border-color:rgba(127,128,255,.65);
  box-shadow:0 0 0 4px rgba(127,128,255,.10);
}
.home-contact-submit{
  width:100%!important;
  min-height:50px!important;
  justify-content:center!important;
  border-radius:14px!important;
}
.home-contact-submit:disabled{
  opacity:.58;
  cursor:wait;
}
.home-contact-status{
  min-height:18px;
  font-size:11px;
  line-height:1.45;
  color:#6e6e73;
}
.home-contact-status.success{color:#24744f}
.home-contact-status.error{color:#b3261e}
@media(max-width:760px){
  .contact-shell{
    gap:28px!important;
  }
  .contact-actions{
    width:100%;
  }
  .contact-form-toggle{
    min-height:52px;
    border-radius:16px;
    font-size:12px;
  }
  .home-contact-form{
    padding:14px;
    border-radius:18px;
  }
}


/* Multi-company workspace switcher */
.workspace-switcher-block{
  min-width:0;
}
.workspace-switcher{
  max-width:220px;
  min-width:140px;
  height:34px;
  border:0;
  background:transparent;
  color:#111114;
  font:inherit;
  font-size:12px;
  font-weight:850;
  outline:none;
  cursor:pointer;
  text-overflow:ellipsis;
}
.workspace-add-button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 13px;
  border:1px solid rgba(17,17,20,.10);
  border-radius:999px;
  background:#fff;
  color:#111114;
  font:inherit;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
}
.workspace-add-button:hover{
  border-color:rgba(17,17,20,.18);
  background:#f7f7f8;
}
.workspace-modal[hidden]{display:none!important}
.workspace-modal{
  position:fixed;
  inset:0;
  z-index:2147483500;
  display:grid;
  place-items:center;
  padding:18px;
}
.workspace-modal-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(10,10,12,.42);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.workspace-modal-card{
  position:relative;
  width:min(560px,100%);
  max-height:min(760px,calc(100vh - 36px));
  overflow:auto;
  padding:24px;
  border:1px solid rgba(17,17,20,.09);
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.18);
}
.workspace-modal-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:20px;
}
.workspace-modal-head small{
  display:block;
  margin-bottom:7px;
  color:#8b8b92;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.workspace-modal-head h2{
  margin:0 0 8px;
  font-size:26px;
  line-height:1.05;
}
.workspace-modal-head p{
  margin:0;
  color:#66666d;
  font-size:12px;
  line-height:1.55;
}
.workspace-modal-close{
  width:38px;
  height:38px;
  flex:0 0 auto;
  border:0;
  border-radius:50%;
  background:#f2f2f4;
  color:#111114;
  font-size:23px;
  cursor:pointer;
}
.workspace-add-form{
  display:grid;
  gap:14px;
}
.workspace-add-form>label:not(.workspace-terms){
  display:grid;
  gap:7px;
}
.workspace-add-form>label>span{
  color:#6f6f76;
  font-size:10px;
  font-weight:800;
}
.workspace-add-form input[type="text"]{
  width:100%;
  min-height:50px;
  padding:0 14px;
  border:1px solid rgba(17,17,20,.10);
  border-radius:14px;
  background:#f7f7f8;
  color:#111114;
  font:inherit;
  font-size:13px;
  outline:none;
}
.workspace-add-form input[type="text"]:focus{
  border-color:rgba(127,128,255,.7);
  box-shadow:0 0 0 4px rgba(127,128,255,.10);
  background:#fff;
}
.workspace-plan-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.workspace-plan-option{
  position:relative;
  display:block;
  cursor:pointer;
}
.workspace-plan-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.workspace-plan-option>span{
  display:grid;
  gap:4px;
  min-height:78px;
  padding:15px;
  border:1px solid rgba(17,17,20,.10);
  border-radius:16px;
  background:#fafafa;
}
.workspace-plan-option input:checked+span{
  border-color:#111114;
  background:#111114;
  color:#fff;
}
.workspace-plan-option b{
  font-size:15px;
}
.workspace-plan-option small{
  opacity:.66;
  font-size:10px;
}
.workspace-terms{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start;
  color:#66666d;
  font-size:10px;
  line-height:1.45;
}
.workspace-terms input{
  margin-top:2px;
}
.workspace-checkout-button{
  width:100%!important;
  min-height:52px!important;
  justify-content:center!important;
}
body.workspace-modal-open{
  overflow:hidden!important;
}
@media(max-width:760px){
  .workspace-switcher{
    max-width:145px;
    min-width:110px;
    font-size:10px;
  }
  .workspace-add-button{
    width:40px;
    padding:0;
  }
  .workspace-add-button span{
    display:none;
  }
  .workspace-modal{
    align-items:end;
    padding:0;
  }
  .workspace-modal-card{
    width:100%;
    max-height:88vh;
    border-radius:24px 24px 0 0;
    padding:20px 16px calc(22px + env(safe-area-inset-bottom));
  }
  .workspace-plan-grid{
    grid-template-columns:1fr;
  }
}


/* Companies & subscriptions settings card */
.workspace-manager-panel{
  display:grid;
  gap:18px;
}
.workspace-manager-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}
.workspace-manager-head>div{
  min-width:0;
}
.workspace-manager-head small{
  display:block;
  margin-bottom:7px;
  color:#8a8a91;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.workspace-manager-head h2{
  margin:0 0 7px;
  font-size:22px;
  line-height:1.1;
}
.workspace-manager-head p{
  margin:0;
  max-width:700px;
  color:#696970;
  font-size:12px;
  line-height:1.55;
}
.workspace-manager-list{
  display:grid;
  gap:9px;
}
.workspace-manager-row{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border:1px solid rgba(17,17,20,.09);
  border-radius:16px;
  background:#fafafa;
}
.workspace-manager-row.active{
  border-color:rgba(17,17,20,.20);
  background:#fff;
  box-shadow:0 8px 24px rgba(17,17,20,.04);
}
.workspace-manager-row>div{
  min-width:0;
  display:grid;
  gap:4px;
}
.workspace-manager-row b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.workspace-manager-row small{
  color:#7b7b82;
  font-size:10px;
}
.workspace-current-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#111114;
  color:#fff;
  font-size:9px;
  font-weight:850;
}
.workspace-row-switch{
  flex:0 0 auto;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(17,17,20,.10);
  border-radius:999px;
  background:#fff;
  color:#111114;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
@media(max-width:760px){
  .workspace-manager-head{
    display:grid;
  }
  .workspace-manager-head .btn{
    width:100%;
    justify-content:center;
  }
  .workspace-manager-row{
    min-height:62px;
  }
}

/* Three-tier subscription pricing */
.plan-yearly-price{margin:8px 0 0;font-size:12px;line-height:1.5;color:#7d8793}
.plan-yearly-price b{color:#24262a;font-weight:800}
.price-card.featured .plan-yearly-price,.price-card.featured .plan-yearly-price b{color:#5f6470!important}
.price-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto}
.price-actions .price-btn{width:100%;justify-content:space-between}
.annual-save-note{margin-top:12px;font-size:10px;line-height:1.45;color:#888187}
.price-card{display:flex!important;flex-direction:column!important;min-width:0}
.price-card ul{flex:1}
@media(max-width:1080px) and (min-width:761px){
  .pricing-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .price-card:last-child{grid-column:1/-1;max-width:590px;width:100%;justify-self:center}
}
@media(max-width:760px){
  .pricing-wrap{grid-template-columns:1fr!important}
  .pricevalue{font-size:52px!important}
}


/* 2026-10-06 desktop language flags */
.app-language-switch{
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid #e5e0da;
  border-radius:999px;
  background:#faf9f7;
  flex:0 0 auto;
}
.app-language-option{
  appearance:none;
  border:0;
  background:transparent;
  width:34px;
  height:30px;
  padding:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.app-language-option:hover{background:#ece8e1}
.app-language-option:active{transform:scale(.96)}
.app-language-option.active{background:#171717}
.app-language-option:focus-visible{outline:2px solid #171717;outline-offset:2px}
.app-language-flag-icon{
  display:block;
  width:22px;
  height:16px;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(17,17,20,.12);
  overflow:hidden;
}
@media(max-width:720px){
  .app-language-switch{gap:1px;padding:2px}
  .app-language-option{width:30px;height:28px}
  .app-language-flag-icon{width:20px;height:15px}
}


/* 2026-10-06 mobile public header fit: keep trial CTA fully visible */
@media (max-width:760px){
  .nav .container.navin{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    padding-left:6px!important;
    padding-right:6px!important;
    gap:4px!important;
    box-sizing:border-box!important;
  }
  .nav .logo{
    flex:0 1 auto!important;
    min-width:0!important;
    gap:4px!important;
  }
  .nav .brand-mark,
  .nav .brand-mark svg{
    width:26px!important;
    height:26px!important;
  }
  .nav .brand-word{
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
  }
  .nav .navactions{
    flex:0 0 auto!important;
    min-width:0!important;
    gap:3px!important;
  }
  .nav .navactions .app-language-switch{
    display:inline-flex!important;
    gap:0!important;
    padding:2px!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
  }
  .nav .navactions .app-language-option{
    width:25px!important;
    height:28px!important;
    flex:0 0 25px!important;
  }
  .nav .navactions .app-language-flag-icon{
    width:18px!important;
    height:13px!important;
  }
  .nav .navactions .btn{
    min-height:36px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:430px){
  .nav .container.navin{
    width:calc(100% - 8px)!important;
    padding-left:4px!important;
    padding-right:4px!important;
    gap:3px!important;
  }
  .nav .brand-mark,
  .nav .brand-mark svg{
    width:25px!important;
    height:25px!important;
  }
  .nav .brand-word{font-size:12px!important}
  .nav .navactions{gap:2px!important}
  .nav .navactions .app-language-switch{padding:1px!important}
  .nav .navactions .app-language-option{
    width:23px!important;
    height:27px!important;
    flex-basis:23px!important;
  }
  .nav .navactions .app-language-flag-icon{
    width:17px!important;
    height:12px!important;
  }
  .nav .navactions .btn{
    min-height:34px!important;
    padding:0 6px!important;
    font-size:10px!important;
  }
}
@media (max-width:360px){
  .nav .brand-word{display:none!important}
}




/* 2026-10-06 mobile product-world fit: keep the whole demo inside the viewport */
@media (max-width:760px){
  .immersive-home .product-world{
    overflow:hidden!important;
    padding:64px 0!important;
  }
  .immersive-home .world-sticky{
    width:100%!important;
    max-width:100vw!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .immersive-home .world-label,
  .immersive-home .world-title,
  .immersive-home .world-caption{
    width:min(100%,430px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  .immersive-home .world-title{
    margin-top:10px!important;
    margin-bottom:24px!important;
    font-size:clamp(34px,10vw,44px)!important;
    line-height:.98!important;
  }
  .immersive-home .world-stage{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:min(100%,430px)!important;
    max-width:100%!important;
    height:430px!important;
    margin:0 auto!important;
    transform:none!important;
    transform-style:flat!important;
    perspective:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .immersive-home .world-window{
    position:absolute!important;
    transform:none!important;
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  .immersive-home .ww-main{
    width:82%!important;
    height:56%!important;
    left:9%!important;
    right:auto!important;
    top:19%!important;
    bottom:auto!important;
    border-radius:18px!important;
  }
  .immersive-home .ww-chat{
    width:48%!important;
    left:auto!important;
    right:0!important;
    top:3%!important;
    bottom:auto!important;
    padding:11px!important;
    border-radius:17px!important;
  }
  .immersive-home .ww-knowledge{
    width:49%!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:2%!important;
    padding:11px!important;
    border-radius:17px!important;
  }
  .immersive-home .ww-alert{
    width:52%!important;
    left:auto!important;
    right:0!important;
    top:auto!important;
    bottom:5%!important;
    gap:7px!important;
    padding:9px 10px!important;
    border-radius:17px!important;
  }
  .immersive-home .ww-top{
    padding:9px 10px!important;
    font-size:6.5px!important;
  }
  .immersive-home .ww-body{
    grid-template-columns:38px 1fr!important;
    height:calc(100% - 34px)!important;
  }
  .immersive-home .ww-side{
    padding:11px 8px!important;
  }
  .immersive-home .ww-side b{
    height:5px!important;
    margin-bottom:10px!important;
  }
  .immersive-home .ww-content{
    padding:12px!important;
    min-width:0!important;
  }
  .immersive-home .ww-stat{
    gap:6px!important;
  }
  .immersive-home .ww-stat small{
    font-size:6px!important;
  }
  .immersive-home .ww-stat strong{
    font-size:30px!important;
    line-height:1!important;
  }
  .immersive-home .ww-stat span{
    font-size:6.5px!important;
  }
  .immersive-home .ww-chart{
    gap:5px!important;
    height:72px!important;
    margin-top:14px!important;
  }
  .immersive-home .ww-lines span{
    height:5px!important;
    margin-top:6px!important;
  }
  .immersive-home .ww-chat>small,
  .immersive-home .ww-knowledge>small{
    font-size:6.5px!important;
  }
  .immersive-home .ww-bubble{
    margin-top:7px!important;
    padding:8px!important;
    border-radius:11px!important;
    font-size:7.5px!important;
    line-height:1.3!important;
  }
  .immersive-home .ww-knowledge>div{
    padding:7px 0!important;
    font-size:7.5px!important;
  }
  .immersive-home .ww-alert>span{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
    border-radius:9px!important;
  }
  .immersive-home .ww-alert>div{
    min-width:0!important;
  }
  .immersive-home .ww-alert small{
    font-size:5.5px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  .immersive-home .ww-alert b{
    display:block!important;
    font-size:7px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .immersive-home .world-caption{
    margin-top:18px!important;
    text-align:center!important;
    font-size:8px!important;
    line-height:1.45!important;
  }
}
@media (max-width:390px){
  .immersive-home .world-stage{
    height:400px!important;
  }
  .immersive-home .ww-main{
    width:84%!important;
    left:8%!important;
  }
  .immersive-home .ww-chat{
    width:50%!important;
  }
  .immersive-home .ww-knowledge{
    width:50%!important;
  }
  .immersive-home .ww-alert{
    width:54%!important;
  }
}