:root{--bg:#07090d;--panel:#0c1017;--panel2:#10151e;--line:rgba(255,255,255,.085);--text:#f7f8fb;--muted:#939aa8;--orange:#ff5a0a;--orange2:#ff7a18;--green:#38d996;--radius:24px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}body::selection{background:var(--orange);color:#fff}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.ambient{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.ambient-one{width:520px;height:520px;background:rgba(255,90,10,.11);right:-140px;top:160px}.ambient-two{width:380px;height:380px;background:rgba(255,122,24,.06);left:-180px;top:720px}.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand-mark{width:36px;height:36px;border:1px solid rgba(255,90,10,.35);border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,90,10,.2),rgba(255,90,10,.04));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 35px rgba(255,90,10,.12)}.brand-mark svg{width:21px;color:var(--orange2)}.brand-name{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:20px}.brand-name b{color:var(--orange);font-weight:800}.desktop-nav{display:flex;gap:34px}.desktop-nav a{color:#9ca3af;text-decoration:none;font-size:14px;font-weight:600;transition:.25s}.desktop-nav a:hover{color:#fff}.header-action{color:#fff;text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:12px;padding:12px 16px;font-size:13px;font-weight:700;transition:.25s}.header-action:hover{border-color:rgba(255,90,10,.45);background:rgba(255,90,10,.08)}.header-action span{color:var(--orange2);margin-left:5px}.hero{max-width:var(--max);margin:auto;padding:105px 24px 95px;min-height:780px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:55px}.eyebrow{display:flex;align-items:center;gap:9px;color:#a7adb8;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.15em}.eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 15px var(--orange)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(52px,5.5vw,78px);line-height:.99;letter-spacing:-.065em;margin:24px 0 28px;font-weight:800}h1 span{background:linear-gradient(110deg,#fff 15%,#ff9b62 55%,var(--orange) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:18px;line-height:1.75;color:#9ba2ae;max-width:550px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{height:52px;padding:0 21px;border-radius:13px;display:inline-flex;align-items:center;gap:22px;text-decoration:none;font-weight:700;font-size:14px;transition:.3s}.btn-primary{background:linear-gradient(135deg,var(--orange2),var(--orange));color:#fff;box-shadow:0 15px 40px rgba(255,90,10,.18),inset 0 1px rgba(255,255,255,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(255,90,10,.3)}.btn-ghost{color:#d9dce2;border:1px solid var(--line);background:rgba(255,255,255,.025)}.btn-ghost:hover{background:rgba(255,255,255,.06)}.trust-line{display:flex;align-items:center;gap:14px;margin-top:46px}.avatars{display:flex}.avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;background:#171c25;border:2px solid var(--bg);margin-left:-7px}.avatars span:first-child{margin-left:0;background:#392017}.avatars span:nth-child(2){background:#17253b}.trust-line p{font-size:11px;line-height:1.45;color:#727a88;margin:0}.trust-line strong{color:#b7bdc7}.hero-visual{position:relative;min-width:0}.orbit{position:absolute;border:1px solid rgba(255,90,10,.1);border-radius:50%;pointer-events:none}.orbit-a{width:680px;height:680px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-b{width:530px;height:530px;left:50%;top:50%;transform:translate(-50%,-50%)}.product-window{position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);background:#090d13;border-radius:20px;overflow:hidden;box-shadow:0 45px 100px rgba(0,0,0,.55),0 0 80px rgba(255,90,10,.06);transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.window-top{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;color:#68707e;font-size:9px;font-weight:600}.window-dots{display:flex;gap:5px;margin-right:auto}.window-dots i{width:6px;height:6px;border-radius:50%;background:#3a404a}.window-dots i:first-child{background:#ff675f}.window-dots i:nth-child(2){background:#f5b942}.window-dots i:nth-child(3){background:#38c65a}.window-top>span{position:absolute;left:50%;transform:translateX(-50%)}.secure{margin-left:auto;display:flex;align-items:center;gap:6px;color:#66cda0}.secure i{width:5px;height:5px;border-radius:50%;background:var(--green)}.app-shell{height:465px;display:grid;grid-template-columns:52px 185px 1fr}.app-sidebar{border-right:1px solid var(--line);padding:13px 8px;display:flex;align-items:center;flex-direction:column;gap:8px;background:#080b10}.mini-brand{margin-bottom:12px}.mini-bolt{width:26px;height:26px;border-radius:8px;background:var(--orange);display:grid;place-items:center;font-weight:900;font-size:16px}.side-icon{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#66707d}.side-icon.active{background:rgba(255,90,10,.13);color:var(--orange2)}.side-spacer{flex:1}.profile-dot{border:1px solid #323947;background:#171c25;color:#bfc4cd;width:28px;height:28px;border-radius:50%;font-size:8px}.inbox-list{border-right:1px solid var(--line);background:#0b0f15;overflow:hidden}.inbox-head{height:62px;padding:14px 13px 8px;display:flex;justify-content:space-between;align-items:center}.inbox-head small{display:block;color:#555e6c;font-size:6px;letter-spacing:.13em}.inbox-head strong{font-family:Manrope;font-size:13px}.inbox-head button{border:1px solid var(--line);background:#121720;color:#aaa;width:25px;height:25px;border-radius:7px}.search{margin:4px 10px 8px;height:28px;background:#11161e;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;padding:0 8px;gap:5px;color:#596270}.search input{border:0;outline:0;background:transparent;color:#7e8794;width:100%;font:8px DM Sans}.filter-row{display:flex;gap:10px;padding:3px 10px 8px;border-bottom:1px solid var(--line)}.filter-row button{border:0;background:none;color:#5f6875;font:7px DM Sans;padding:0}.filter-row .selected{color:#ddd}.filter-row b{background:rgba(255,90,10,.15);color:var(--orange2);border-radius:10px;padding:1px 4px;margin-left:2px}.contact{height:60px;padding:10px;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.035)}.contact.active{background:linear-gradient(90deg,rgba(255,90,10,.1),rgba(255,90,10,.02));border-left:2px solid var(--orange)}.avatar{flex:0 0 auto;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:7px;font-weight:800;position:relative}.avatar i{position:absolute;width:6px;height:6px;background:var(--green);border:1px solid #0c1017;border-radius:50%;right:-1px;bottom:-1px}.peach{background:#3b251e;color:#f3a47c}.violet{background:#24203d;color:#a99cf0}.green{background:#18332a;color:#79d4ac}.contact-copy{min-width:0;flex:1}.contact-copy>div{display:flex;justify-content:space-between}.contact-copy strong{font-size:8px}.contact-copy time{font-size:6px;color:#59616e}.contact-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#636c79;font-size:7px;margin:5px 0}.conversation{display:flex;flex-direction:column;min-width:0;background:#0c1016}.conversation-head{height:62px;border-bottom:1px solid var(--line);padding:10px 13px;display:flex;align-items:center;justify-content:space-between}.person{display:flex;gap:8px;align-items:center}.person strong{font-size:9px;display:block}.person small{font-size:6px;color:#69727f}.person small i{display:inline-block;width:4px;height:4px;background:var(--green);border-radius:50%;margin-right:3px}.more{border:0;background:none;color:#5f6875}.messages{padding:14px;flex:1;overflow:hidden;display:flex;flex-direction:column}.day{text-align:center;color:#4d5663;font-size:6px;margin:2px 0 14px}.bubble{position:relative;max-width:77%;padding:9px 10px 15px;border-radius:10px;font-size:7px;line-height:1.45;margin-bottom:8px}.bubble time{position:absolute;bottom:4px;right:7px;font-size:5px;color:#626a75}.incoming{background:#141922;color:#c7ccd4;border-bottom-left-radius:3px}.bot{background:#10151d;border:1px solid rgba(255,90,10,.15);color:#aeb5bf}.bot-label{display:block;color:var(--orange2);font-size:6px;font-weight:700;margin-bottom:5px}.choices{display:flex;gap:4px;margin-top:7px}.choices button{border:1px solid rgba(255,90,10,.25);background:rgba(255,90,10,.06);color:#e5a47f;border-radius:5px;padding:4px 5px;font:5px DM Sans}.outgoing{align-self:flex-end;background:linear-gradient(135deg,#f36519,#e94b00);color:#fff;border-bottom-right-radius:3px}.outgoing time{color:rgba(255,255,255,.6)}.outgoing span{font-size:6px;color:#fff}.typing{display:flex;align-items:center;gap:3px;color:#596270;font-size:5px;margin-top:auto}.typing i{width:3px;height:3px;border-radius:50%;background:#7a8390;animation:typing 1.3s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.typing span{margin-left:3px}.composer{height:46px;border-top:1px solid var(--line);margin:0 12px;display:flex;align-items:center;gap:8px;color:#555f6c;font-size:7px}.composer button{border:0;background:none;color:#626c78}.composer span{flex:1}.composer .send{width:25px;height:25px;border-radius:7px;background:var(--orange);color:white}.float-card{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.1);background:rgba(14,18,25,.88);backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.4)}.card-response{left:-25px;bottom:-26px;border-radius:14px;padding:12px 16px 12px 12px;display:flex;align-items:center;gap:10px}.metric-icon{width:30px;height:30px;border-radius:9px;background:rgba(255,90,10,.13);color:var(--orange2);display:grid;place-items:center}.card-response small{display:block;color:#646d79;font-size:6px;letter-spacing:.08em}.card-response strong{font-family:Manrope;font-size:13px}.card-live{right:-18px;top:65px;border-radius:100px;padding:9px 13px;display:flex;align-items:center;gap:7px;font-size:7px;color:#adb4be}.card-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.brand-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:72px;display:flex;align-items:center;justify-content:center;gap:35px;color:#444c58;font:700 9px Manrope;letter-spacing:.18em;white-space:nowrap;overflow:hidden}.brand-strip i{width:3px;height:3px;border-radius:50%;background:var(--orange)}.section{max-width:var(--max);margin:auto;padding:125px 24px}.section-heading{max-width:680px}.section-heading h2{font-size:clamp(39px,4.5vw,58px);letter-spacing:-.055em;line-height:1.05;margin:22px 0}.section-heading h2 span{color:#6e7683}.section-heading p{color:#858d99;line-height:1.7;font-size:16px;max-width:560px}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:58px}.feature{min-height:310px;border:1px solid var(--line);border-radius:20px;padding:29px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008));transition:.35s}.feature:hover{transform:translateY(-4px);border-color:rgba(255,90,10,.22)}.feature-number{position:absolute;right:24px;top:23px;color:#3f4651;font:700 9px Manrope;letter-spacing:.15em}.feature-icon{width:40px;height:40px;border:1px solid rgba(255,90,10,.2);background:rgba(255,90,10,.07);color:var(--orange2);border-radius:11px;display:grid;place-items:center;font-size:18px}.feature h3{font-size:22px;letter-spacing:-.035em;margin:26px 0 10px}.feature p{color:#7d8591;line-height:1.65;font-size:13px;max-width:430px}.pulse-demo{position:absolute;right:30px;bottom:28px;display:flex;align-items:center;gap:10px}.pulse-avatar{width:32px;height:32px;border-radius:10px;background:#1b2029;display:grid;place-items:center;font-size:8px;font-weight:800}.pulse-demo div{background:#141922;border-radius:10px;padding:8px 11px;display:flex;gap:3px}.pulse-demo div i{width:4px;height:4px;background:#8a929e;border-radius:50%;animation:typing 1.3s infinite}.pulse-demo small{color:#4f5864;font-size:7px}.flow-mini{position:absolute;bottom:30px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between}.flow-mini span{border:1px solid var(--line);background:#10151d;border-radius:8px;padding:8px 10px;color:#777f8b;font-size:7px}.flow-mini span.hot{color:#ff9a63;border-color:rgba(255,90,10,.25);background:rgba(255,90,10,.08)}.flow-mini b{color:#414955;font-size:9px}.history-lines{position:absolute;right:28px;bottom:28px;width:130px}.history-lines i{height:7px;border-radius:10px;background:#171c24;display:block;margin-top:7px}.history-lines i:nth-child(2){width:76%;margin-left:auto;background:rgba(255,90,10,.16)}.history-lines i:nth-child(3){width:62%}.feature-accent::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,90,10,.12);filter:blur(65px);right:-60px;bottom:-70px}.palette{position:absolute;bottom:28px;right:29px;display:flex}.palette i{width:25px;height:25px;border-radius:50%;border:3px solid #0d1117;margin-left:-6px}.palette i:first-child{background:#ff5a0a}.palette i:nth-child(2){background:#ff8d4e}.palette i:nth-child(3){background:#e6e8ed}.palette i:nth-child(4){background:#262d37}.experience{padding-top:40px}.experience-card{min-height:580px;border:1px solid rgba(255,255,255,.1);border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 50%,rgba(255,90,10,.12),transparent 36%),#0b0f15;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 70px}.experience-glow{position:absolute;width:400px;height:400px;border:1px solid rgba(255,90,10,.1);border-radius:50%;right:40px}.experience-glow::before,.experience-glow::after{content:'';position:absolute;border:1px solid rgba(255,90,10,.07);border-radius:50%;inset:45px}.experience-glow::after{inset:95px}.exp-copy{position:relative;z-index:2}.exp-tag{font:700 9px Manrope;letter-spacing:.18em;color:var(--orange2)}.exp-copy h2{font-size:clamp(40px,4vw,58px);letter-spacing:-.06em;line-height:1.04;margin:20px 0}.exp-copy h2 em{font-style:normal;color:#727a86}.exp-copy p{color:#828a96;line-height:1.7;max-width:470px}.text-link{display:inline-flex;gap:12px;color:#d6dae0;text-decoration:none;font-size:13px;font-weight:700;margin-top:25px}.text-link span{color:var(--orange2)}.exp-phone{width:250px;height:495px;border:1px solid #353b45;border-radius:38px;background:#06080c;justify-self:center;position:relative;padding:9px;box-shadow:0 30px 70px rgba(0,0,0,.55);transform:rotate(3deg)}.phone-speaker{position:absolute;width:70px;height:18px;background:#06080c;border-radius:0 0 12px 12px;left:50%;top:8px;transform:translateX(-50%);z-index:3}.phone-ui{height:100%;border-radius:30px;overflow:hidden;background:#0d1117;display:flex;flex-direction:column}.phone-head{height:80px;background:linear-gradient(135deg,#f7661c,#dd4300);display:flex;align-items:center;gap:8px;padding:23px 16px 10px}.phone-logo{width:28px;height:28px;background:#fff;color:var(--orange);border-radius:8px;display:grid;place-items:center;font-weight:900}.phone-head div{flex:1}.phone-head b{font-size:9px;display:block}.phone-head small{font-size:6px;opacity:.8}.phone-head small i{display:inline-block;width:4px;height:4px;background:#8ff0be;border-radius:50%}.phone-head>span:last-child{font-size:18px}.phone-body{padding:18px 13px;flex:1}.phone-welcome{padding:13px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.phone-welcome>span{font-size:18px}.phone-welcome b{font-size:9px;display:block;margin:8px 0 4px}.phone-welcome p{font-size:7px;color:#727a86;line-height:1.5;margin:0}.phone-body button{width:100%;height:38px;border:1px solid var(--line);background:#121720;color:#b9bec7;border-radius:9px;margin-top:7px;text-align:left;padding:0 10px;font:7px DM Sans}.phone-body button span{float:right;color:var(--orange2)}.phone-input{height:47px;border-top:1px solid var(--line);margin:0 12px;display:flex;align-items:center;justify-content:space-between;color:#565f6c;font-size:7px}.phone-input span{width:25px;height:25px;background:var(--orange);color:#fff;border-radius:8px;display:grid;place-items:center}footer{max-width:var(--max);margin:auto;padding:55px 24px 38px;border-top:1px solid var(--line)}.footer-brand{display:inline-flex}footer>p{font:600 15px Manrope;color:#737b87;margin:20px 0 55px}.footer-meta{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#4f5762;font-size:10px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}@keyframes typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(max-width:980px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:75px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.trust-line{justify-content:center}.hero-lead{margin:auto}.hero-visual{max-width:700px;width:100%;margin:30px auto 0}.feature-grid{grid-template-columns:1fr}.experience-card{padding:50px 35px}.brand-strip{justify-content:flex-start;padding-left:24px}.orbit{display:none}}@media(max-width:680px){.site-header{height:72px;padding:0 18px}.brand-mark{width:33px;height:33px}.brand-name{font-size:18px}.header-action{font-size:0;padding:10px 12px}.header-action::before{content:'Painel';font-size:12px}.header-action span{font-size:12px}.hero{padding:72px 18px 72px;min-height:auto;gap:35px}h1{font-size:48px}.hero-lead{font-size:15px;line-height:1.65}.hero-actions{flex-direction:column}.btn{justify-content:center;width:100%}.trust-line{margin-top:30px}.hero-visual{margin-top:5px}.product-window{transform:none;border-radius:16px}.window-top{height:36px}.app-shell{height:390px;grid-template-columns:42px 1fr}.app-sidebar{padding-left:5px;padding-right:5px}.inbox-list{display:none}.conversation-head{height:54px}.messages{padding:11px}.bubble{font-size:8px;max-width:86%}.choices{flex-direction:column}.choices button{font-size:6px}.card-response{left:8px;bottom:-32px}.card-live{right:8px;top:48px}.brand-strip{margin-top:30px;height:60px;gap:25px}.section{padding:90px 18px}.section-heading h2{font-size:39px}.section-heading p{font-size:14px}.feature-grid{margin-top:38px}.feature{padding:24px;min-height:300px}.feature h3{font-size:20px}.pulse-demo{left:24px;right:auto}.flow-mini{left:24px;right:24px}.flow-mini span{padding:7px;font-size:6px}.experience{padding-top:10px}.experience-card{grid-template-columns:1fr;padding:42px 24px 0;min-height:800px;text-align:center}.exp-copy h2{font-size:39px}.exp-phone{align-self:end;margin-top:40px;transform:none}.experience-glow{right:50%;transform:translateX(50%);bottom:40px}.footer-meta{flex-direction:column;gap:10px}footer{padding-left:18px;padding-right:18px}footer>p{margin-bottom:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.typing i,.pulse-demo div i{animation:none}}

/* === VX CHAT MOBILE REBUILD v3 === */
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden !important; }

@media screen and (max-width: 700px) {
  html { font-size: 16px; }
  body { min-width: 0 !important; width: 100% !important; }

  .site-header,
  .hero,
  .section,
  footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .site-header {
    height: 68px !important;
    padding: 0 20px !important;
  }

  .desktop-nav { display: none !important; }

  .hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 52px 20px 54px !important;
  }

  .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .hero-copy .eyebrow {
    justify-content: flex-start !important;
    font-size: 9px !important;
    letter-spacing: .12em !important;
    white-space: normal !important;
  }

  h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(40px, 12vw, 52px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    margin: 20px 0 20px !important;
    overflow-wrap: normal !important;
  }

  h1 br { display: none !important; }

  .hero-lead {
    width: 100% !important;
    max-width: 34rem !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
    text-align: left !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 27px !important;
  }

  .hero-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    justify-content: center !important;
  }

  .trust-line {
    justify-content: flex-start !important;
    width: 100% !important;
    margin-top: 24px !important;
  }

  .mobile-safe-preview {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 38px 0 0 !important;
    overflow: visible !important;
  }

  .orbit { display: none !important; }

  .product-window {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .window-top {
    width: 100% !important;
    height: 38px !important;
    padding: 0 10px !important;
  }

  .window-top > span { font-size: 7px !important; }
  .secure { font-size: 7px !important; }

  /* On a phone, show a genuine compact inbox/conversation instead of squeezing desktop */
  .app-shell {
    width: 100% !important;
    min-width: 0 !important;
    height: 350px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  .app-sidebar {
    width: 38px !important;
    min-width: 38px !important;
    padding: 10px 4px !important;
  }

  .mini-bolt { width: 28px !important; height: 28px !important; }
  .side-icon { width: 28px !important; height: 28px !important; }

  .inbox-list { display: none !important; }

  .conversation {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .conversation-head { height: 52px !important; padding: 8px 10px !important; }
  .person .avatar { width: 27px !important; height: 27px !important; }
  .person strong { font-size: 8px !important; }
  .person small { font-size: 5.5px !important; }

  .messages {
    min-width: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
  }

  .bubble {
    max-width: 90% !important;
    font-size: 7.5px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
  }

  .choices {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
  }

  .composer { margin: 0 9px !important; height: 42px !important; }

  .float-card.card-response {
    position: static !important;
    display: none !important;
  }

  .float-card.card-live {
    right: 9px !important;
    top: 49px !important;
    max-width: calc(100% - 56px) !important;
    padding: 7px 9px !important;
  }

  .brand-strip {
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    overflow: hidden !important;
  }

  .section { padding: 72px 20px !important; }

  .section-heading {
    width: 100% !important;
    max-width: 100% !important;
  }

  .section-heading h2 {
    font-size: clamp(34px, 10vw, 43px) !important;
    line-height: 1.03 !important;
    margin: 17px 0 !important;
  }

  .section-heading p { font-size: 14px !important; line-height: 1.62 !important; }

  .feature-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    margin-top: 30px !important;
  }

  .feature, .feature-large {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 22px !important;
  }

  .feature h3 { font-size: 20px !important; margin: 19px 0 8px !important; }
  .feature p { font-size: 13px !important; margin: 0 !important; }

  .pulse-demo, .flow-mini, .history-lines, .palette {
    position: relative !important;
    inset: auto !important;
    margin-top: 22px !important;
  }

  .flow-mini {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr auto 1fr !important;
    gap: 4px !important;
  }

  .flow-mini span { min-width: 0 !important; padding: 7px 4px !important; text-align: center !important; }

  .history-lines { width: 55% !important; margin-left: auto !important; }
  .palette { display: flex !important; justify-content: flex-end !important; }

  .experience { padding: 8px 20px 72px !important; }

  .experience-card {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 34px 20px 26px !important;
    text-align: left !important;
  }

  .exp-copy { width: 100% !important; max-width: 100% !important; }
  .exp-copy h2 { font-size: clamp(34px,10vw,43px) !important; }
  .exp-copy p { font-size: 14px !important; line-height: 1.62 !important; }

  .experience-glow {
    width: 260px !important;
    height: 260px !important;
    right: 50% !important;
    bottom: 55px !important;
    transform: translateX(50%) !important;
  }

  .exp-phone {
    width: min(244px, 78vw) !important;
    height: 480px !important;
    min-width: 0 !important;
    margin: 32px auto 0 !important;
    align-self: center !important;
    transform: none !important;
  }

  footer { padding: 42px 20px 30px !important; }
  .footer-meta { flex-direction: column !important; gap: 8px !important; }
}

@media screen and (max-width: 380px) {
  .site-header, .hero, .section, .experience, footer {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  h1 { font-size: 40px !important; }
  .app-shell { height: 330px !important; }
  .float-card.card-live { display: none !important; }
  .flow-mini { grid-template-columns: 1fr auto 1fr !important; }
  .flow-mini b:nth-of-type(2), .flow-mini span:last-child { display: none !important; }
}

/* ==========================================================
   VX CHAT — MOBILE VIEWPORT LOCK / NO HORIZONTAL PAN
   ========================================================== */
html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
  touch-action: pan-y;
}
body > * {
  max-width: 100%;
}
@media (max-width: 700px) {
  .site-header,
  main,
  .hero,
  .brand-strip,
  .section,
  .features,
  .experience,
  footer {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  .hero-copy,
  .hero-visual,
  .product-window,
  .window-top,
  .app-shell,
  .conversation,
  .messages,
  .section-heading,
  .feature-grid,
  .feature,
  .experience-card,
  .exp-copy {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ambient, .orbit { pointer-events: none !important; }
  .ambient { max-width: none !important; }

  .product-window {
    contain: layout paint !important;
  }

  .window-top > span {
    max-width: 42% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .bubble, .bubble * {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .brand-strip {
    white-space: nowrap !important;
  }

  .exp-phone {
    max-width: calc(100vw - 64px) !important;
  }

  .float-card {
    max-width: calc(100% - 20px) !important;
  }
}