:root{--bg:#020617;--text:#f8fbff;--muted:#97a8c2;--muted2:#c8d6eb;--line:rgba(255,255,255,.14);--cyan:#4ee1ff;--blue:#2e93ff;--green:#43f5a7;--panel:rgba(255,255,255,.075);--shadow:0 30px 100px rgba(0,0,0,.42);--max:1200px;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 12% 4%,rgba(46,147,255,.26),transparent 30%),radial-gradient(circle at 88% 16%,rgba(78,225,255,.16),transparent 28%),radial-gradient(circle at 50% 92%,rgba(67,245,167,.11),transparent 40%),linear-gradient(135deg,#020617,#07111f 48%,#01030a);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-5;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,.55),transparent 92%)}body:after{content:"";position:fixed;inset:-24%;pointer-events:none;z-index:-6;background:conic-gradient(from 90deg,rgba(78,225,255,.15),rgba(46,147,255,.08),rgba(67,245,167,.10),rgba(155,124,255,.10),rgba(78,225,255,.15));filter:blur(95px);opacity:.85;animation:aurora 22s ease-in-out infinite alternate}@keyframes aurora{from{transform:translate(-2%,-1%) rotate(0) scale(1)}to{transform:translate(2%,1%) rotate(9deg) scale(1.08)}}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}#spaceCanvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:-4;opacity:.68}.cursor-orb{position:fixed;width:320px;height:320px;pointer-events:none;z-index:-3;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(78,225,255,.16),transparent 64%);opacity:.8}.topbar{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.10)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:235px}.brand-logo{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,rgba(78,225,255,.18),rgba(46,147,255,.12));border:1px solid rgba(78,225,255,.26);box-shadow:0 0 38px rgba(46,147,255,.20)}.brand-logo img{width:94%;height:94%;object-fit:contain}.brand-copy strong{display:block;font-size:15px;letter-spacing:.2px}.brand-copy small{display:block;margin-top:4px;color:var(--muted);font-size:12px;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}.menu{display:flex;align-items:center;gap:22px;color:#d7e4f8;font-size:14px}.menu a{opacity:.78;transition:.22s ease}.menu a:hover{color:var(--cyan);opacity:1}.nav-actions{display:flex;gap:10px}.btn{min-height:44px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#f6fbff;font-weight:900;letter-spacing:-.2px;box-shadow:0 16px 46px rgba(0,0,0,.22);cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.btn:hover{transform:translateY(-2px);border-color:rgba(78,225,255,.44);background:rgba(255,255,255,.12)}.btn-primary{border:0;color:#03111d;background:linear-gradient(135deg,var(--cyan),var(--blue) 52%,var(--green));box-shadow:0 18px 58px rgba(46,147,255,.36)}.btn-primary:hover{box-shadow:0 26px 80px rgba(46,147,255,.45)}.btn-glass{background:rgba(255,255,255,.09)}.btn-small{min-height:38px;padding:0 14px;font-size:13px}.hamb{display:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:16px;cursor:pointer}.hamb i{display:block;width:19px;height:2px;background:#fff;margin:4px auto;border-radius:999px}.mobile-panel{display:none;padding:0 18px 18px}.mobile-panel.open{display:grid;gap:8px}.mobile-panel a{padding:13px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10)}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;padding:74px 0 46px;position:relative}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.hero-copy{padding:34px;border-radius:36px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045)),radial-gradient(circle at 18% 12%,rgba(78,225,255,.15),transparent 34%);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-copy:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 0 35%,rgba(255,255,255,.10) 48%,transparent 60% 100%);transform:translateX(-110%);animation:sheen 7s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%,55%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}.status-pill{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 14px;border-radius:999px;border:1px solid rgba(78,225,255,.32);background:rgba(78,225,255,.10);color:#cbfbff;font-size:13px;font-weight:900}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(67,245,167,.85);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(67,245,167,.85)}75%{box-shadow:0 0 0 13px rgba(67,245,167,0)}100%{box-shadow:0 0 0 0 rgba(67,245,167,0)}}.hero h1{margin:28px 0 18px;font-size:clamp(44px,5.6vw,84px);line-height:.9;letter-spacing:-4px}.hero h1 span{display:block;background:linear-gradient(135deg,#fff 0%,#d9f7ff 26%,var(--cyan) 58%,var(--green) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{margin:0;color:#c6d6ec;font-size:clamp(18px,2vw,22px);line-height:1.55;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 24px}.signal-row{display:grid;gap:10px;margin-top:26px}.signal-row span{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:16px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10);color:var(--muted2);font-size:13px}.signal-row b{color:#fff}.command-shell{padding:18px;border-radius:38px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045)),radial-gradient(circle at 30% 0,rgba(46,147,255,.20),transparent 36%),radial-gradient(circle at 90% 100%,rgba(67,245,167,.12),transparent 32%);box-shadow:var(--shadow);overflow:hidden;position:relative}.shell-top{height:42px;display:flex;align-items:center;justify-content:space-between;color:#b9c8df;font-size:13px;padding:0 6px 10px}.window-dots{display:flex;gap:7px}.window-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.28)}.holo-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px}.radar-card,.live-card{min-height:430px;border-radius:30px;border:1px solid rgba(255,255,255,.13);background:rgba(2,6,23,.42);position:relative;overflow:hidden}.radar{position:absolute;inset:24px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(78,225,255,.11),transparent 23%),repeating-radial-gradient(circle,rgba(78,225,255,.16) 0 1px,transparent 1px 58px);border:1px solid rgba(78,225,255,.16)}.radar-core{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 70px rgba(78,225,255,.40)}.radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(78,225,255,.18)}.r1{width:34%;height:34%}.r2{width:58%;height:58%}.r3{width:82%;height:82%}.radar-sweep{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:0 100%;background:linear-gradient(45deg,rgba(78,225,255,.34),transparent 66%);clip-path:polygon(0 100%,100% 0,100% 100%);animation:sweep 4.8s linear infinite;opacity:.7}@keyframes sweep{to{transform:rotate(360deg)}}.radar-node{position:absolute;min-width:98px;min-height:38px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(2,6,23,.72);color:#eaf6ff;font-size:12px;font-weight:900;cursor:pointer;backdrop-filter:blur(10px);transition:.2s ease}.radar-node.active,.radar-node:hover{background:linear-gradient(135deg,rgba(78,225,255,.28),rgba(46,147,255,.18));border-color:rgba(78,225,255,.55);box-shadow:0 0 0 4px rgba(78,225,255,.08),0 18px 55px rgba(46,147,255,.25)}.n1{left:50%;top:5%;transform:translateX(-50%)}.n2{right:0;top:32%}.n3{right:10%;bottom:10%}.n4{left:10%;bottom:10%}.n5{left:0;top:32%}.live-card{padding:18px}.live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.live-head strong{font-size:21px;letter-spacing:-.6px}.live-head span{padding:7px 10px;border-radius:999px;color:#bdfdff;background:rgba(78,225,255,.10);border:1px solid rgba(78,225,255,.20);font-size:12px;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.metric-grid div{padding:12px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}.metric-grid small{display:block;color:var(--muted);font-size:11px}.metric-grid b{display:block;margin-top:5px;font-size:20px}.event-stream{display:grid;gap:9px;max-height:272px;overflow:hidden}.event{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);animation:eventIn .35s ease both}@keyframes eventIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.event i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 20px rgba(67,245,167,.60)}.event strong{font-size:13px}.event small{color:var(--muted);font-size:11px}.flow-strip{margin-top:14px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.flow-strip button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.065);color:#dceaff;min-height:44px;border-radius:16px;cursor:pointer;font-weight:900;font-size:12px;transition:.2s ease}.flow-strip button.active,.flow-strip button:hover{color:#03111d;border-color:transparent;background:linear-gradient(135deg,var(--cyan),var(--blue))}.section{padding:78px 0}.section-head{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.10)}.section-kicker{display:inline-flex;color:#bdfdff;font-size:13px;font-weight:950;letter-spacing:.9px;text-transform:uppercase;margin-bottom:13px}.section-head h2{margin:0;font-size:clamp(32px,4.4vw,58px);line-height:.98;letter-spacing:-2.3px;max-width:920px}.section-head p{margin:14px 0 0;color:var(--muted);line-height:1.58;max-width:860px;font-size:17px}.demo-lab{display:grid;grid-template-columns:330px 1fr;gap:18px}.demo-menu{display:grid;gap:10px;align-content:start}.demo-menu button{text-align:left;padding:16px;min-height:82px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#eef7ff;cursor:pointer;transition:.2s ease}.demo-menu button.active,.demo-menu button:hover{border-color:rgba(78,225,255,.42);background:rgba(78,225,255,.12);transform:translateX(4px)}.demo-menu b{display:block;font-size:15px}.demo-menu span{display:block;color:var(--muted);margin-top:6px;font-size:13px;line-height:1.35}.demo-stage{border-radius:34px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045)),radial-gradient(circle at 70% 10%,rgba(78,225,255,.11),transparent 34%);box-shadow:var(--shadow);overflow:hidden}.stage-header{min-height:78px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.10)}.stage-header small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.stage-header strong{font-size:21px;letter-spacing:-.5px}.stage-body{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;padding:18px}.process-view{min-height:460px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 50%,rgba(78,225,255,.10),transparent 38%),rgba(2,6,23,.38);padding:20px;display:grid;align-content:center;gap:12px;position:relative;overflow:hidden}.process-view:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.030) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.030) 1px,transparent 1px);background-size:38px 38px;opacity:.7}.process-node{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:15px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(2,6,23,.62);backdrop-filter:blur(12px);transition:.2s ease}.process-node.active{border-color:rgba(78,225,255,.48);background:rgba(78,225,255,.12);box-shadow:0 0 0 4px rgba(78,225,255,.07)}.process-node i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:#06111e;background:linear-gradient(135deg,var(--cyan),var(--blue));font-style:normal;font-weight:950;flex:0 0 auto}.process-node b{display:block}.process-node span{display:block;color:var(--muted);margin-top:3px;font-size:13px}.terminal{min-height:460px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#020617;overflow:hidden}.terminal-top{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.10);color:#b9c8df}.terminal-top b{color:var(--green);font-size:12px}.terminal pre{margin:0;padding:16px;min-height:410px;max-height:410px;overflow:hidden;color:#bdfdff;font-size:12px;line-height:1.55;white-space:pre-wrap}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-card{min-height:330px;border-radius:28px;padding:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045)),radial-gradient(circle at 20% 0,rgba(46,147,255,.13),transparent 36%);box-shadow:0 18px 70px rgba(0,0,0,.22);transition:.23s ease;transform-style:preserve-3d}.case-card:hover{transform:translateY(-5px);border-color:rgba(78,225,255,.36);box-shadow:0 28px 95px rgba(0,0,0,.34)}.case-tag{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(78,225,255,.10);border:1px solid rgba(78,225,255,.22);color:#bdfdff;font-size:12px;font-weight:950}.case-card h3{margin:18px 0 10px;font-size:22px;line-height:1.12;letter-spacing:-.6px}.case-card p{color:var(--muted);line-height:1.55}.case-card ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}.case-card li{display:flex;gap:9px;color:#dceaff;font-size:14px}.case-card li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(67,245,167,.62);margin-top:6px;flex:0 0 auto}.stack-radar{min-height:620px;border-radius:38px;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 50% 50%,rgba(78,225,255,.13),transparent 18%),repeating-radial-gradient(circle at 50% 50%,rgba(78,225,255,.12) 0 1px,transparent 1px 95px),rgba(255,255,255,.055);position:relative;overflow:hidden;box-shadow:var(--shadow)}.stack-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:178px;height:178px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;color:#04111d;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--green));box-shadow:0 0 95px rgba(78,225,255,.38);z-index:2}.stack-center strong{display:block;font-size:22px}.stack-center span{font-size:12px;margin-top:6px;font-weight:900}.stack-radar button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-width:150px;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(2,6,23,.70);color:#eef7ff;cursor:pointer;font-weight:900;backdrop-filter:blur(10px);transition:.2s ease}.stack-radar button:hover{border-color:rgba(78,225,255,.48);background:rgba(78,225,255,.14);transform:translate(-50%,-50%) scale(1.05)}.before-after{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.before-after div{border-radius:28px;padding:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}.before-after h3{margin:0 0 10px;font-size:26px}.before-after p{margin:0;color:var(--muted);line-height:1.6}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.diag-copy,.diag-result{border-radius:34px;padding:28px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);box-shadow:var(--shadow)}.diag-copy h2{margin:0;font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-2px}.diag-copy p{color:var(--muted);line-height:1.58;font-size:17px}.diag-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.diag-options label{position:relative}.diag-options input{position:absolute;opacity:0;pointer-events:none}.diag-options span{min-height:54px;display:flex;align-items:center;padding:13px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#dceaff;cursor:pointer;font-weight:900;transition:.2s ease}.diag-options input:checked+span{border-color:rgba(78,225,255,.44);background:rgba(78,225,255,.14);color:#fff;box-shadow:0 0 0 4px rgba(78,225,255,.07)}.diag-result{display:grid;gap:14px}.diag-screen{min-height:420px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#020617;overflow:hidden}.diag-screen-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#b9c8df;border-bottom:1px solid rgba(255,255,255,.10)}.diag-screen-top b{color:var(--green);font-size:12px}#diagOutput{padding:22px}#diagOutput h3{margin:0 0 12px;font-size:26px}#diagOutput p{color:var(--muted);line-height:1.58}#diagOutput ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}#diagOutput li{padding:12px;border-radius:16px;background:rgba(255,255,255,.06);color:#dceaff}.diag-whats{width:100%}.final-card{border-radius:38px;padding:36px;border:1px solid rgba(78,225,255,.24);background:linear-gradient(135deg,rgba(78,225,255,.16),rgba(46,147,255,.09),rgba(67,245,167,.10)),rgba(255,255,255,.075);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.final-card h2{margin:0;font-size:clamp(34px,5vw,64px);line-height:.96;letter-spacing:-2.8px}.final-card p{margin:16px 0 0;color:#c8d6eb;line-height:1.58;max-width:820px}.final-actions{display:grid;gap:10px}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:60;min-height:54px;padding:0 22px;display:flex;align-items:center;justify-content:center;border-radius:18px;color:#03111d;font-weight:950;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 22px 75px rgba(46,147,255,.44)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1040px){.menu,.nav-actions{display:none}.hamb{display:block}.hero-grid,.holo-grid,.demo-lab,.stage-body,.diagnostic-grid,.final-card{grid-template-columns:1fr}.hero{min-height:auto;padding:44px 0}.case-grid{grid-template-columns:1fr 1fr}.metric-grid,.flow-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(var(--max),calc(100% - 24px))}.nav{height:68px}.brand-copy small{display:none}.hero-copy,.command-shell,.demo-stage,.diag-copy,.diag-result,.final-card{border-radius:26px;padding:20px}.hero h1{font-size:44px;letter-spacing:-2px}.radar-card{min-height:360px}.live-card{min-height:auto}.case-grid,.before-after,.diag-options{grid-template-columns:1fr}.stack-radar{min-height:760px}.stack-radar button{min-width:132px;font-size:12px}.stage-header{align-items:flex-start;flex-direction:column}.whatsapp-float{left:12px;right:12px}}


/* === FORCAWEB V4.1 POLISH COMMAND CENTER === */

/* Base mais premium */
:root{
  --max:1240px;
  --radius:30px;
}

.topbar{
  box-shadow:0 18px 60px rgba(0,0,0,.32);
}

.brand-logo{
  width:50px;
  height:50px;
  border-radius:18px;
}

.brand-copy strong{
  font-size:16px;
}

.brand-copy small{
  font-size:12.5px;
}

/* Hero mais equilibrado */
.hero{
  min-height:auto;
  padding:clamp(42px,5vw,66px) 0 58px;
}

.hero-grid{
  grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);
  align-items:center;
  gap:24px;
}

.hero-copy{
  padding:clamp(26px,2.6vw,38px);
}

.hero h1{
  font-size:clamp(44px,5.1vw,72px);
  line-height:.92;
  letter-spacing:-3.2px;
  max-width:760px;
}

.hero-lead{
  font-size:clamp(17px,1.55vw,21px);
  max-width:720px;
}

.status-pill{
  font-size:12.5px;
  white-space:normal;
  line-height:1.25;
}

/* Command shell mais “painel premium” */
.command-shell{
  padding:16px;
  border-radius:36px;
}

.holo-grid{
  grid-template-columns:minmax(310px,.88fr) minmax(380px,1.12fr);
  gap:14px;
}

.radar-card,
.live-card{
  min-height:400px;
}

.radar{
  inset:24px;
}

.radar-node{
  min-width:104px;
  min-height:40px;
  font-size:12px;
}

.live-card{
  padding:18px;
}

.live-head strong{
  font-size:20px;
}

.metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.metric-grid div{
  padding:11px;
}

.metric-grid b{
  font-size:19px;
}

.event-stream{
  max-height:244px;
}

.event{
  padding:10px 11px;
}

.flow-strip{
  grid-template-columns:repeat(6,minmax(0,1fr));
}

.flow-strip button{
  min-height:42px;
  font-size:11.5px;
}

/* Seções com menos buraco visual */
.section{
  padding:clamp(54px,6vw,72px) 0;
  scroll-margin-top:96px;
}

.section-head{
  margin-bottom:24px;
}

.section-head h2{
  font-size:clamp(34px,3.8vw,52px);
  line-height:1;
  max-width:1000px;
}

.section-head p{
  font-size:16.5px;
  max-width:880px;
}

/* Demonstrações */
.demo-lab{
  grid-template-columns:310px minmax(0,1fr);
  gap:18px;
}

.demo-menu button{
  min-height:76px;
}

.demo-stage{
  border-radius:34px;
}

.stage-body{
  grid-template-columns:1.04fr .96fr;
}

.process-view,
.terminal{
  min-height:400px;
}

.terminal pre{
  min-height:350px;
  max-height:350px;
}

/* Cards de projetos mais refinados */
.case-grid{
  align-items:stretch;
}

.case-card{
  min-height:300px;
  padding:26px;
  border-radius:30px;
}

.case-card h3{
  font-size:21px;
}

.case-card p{
  font-size:15.5px;
}

.case-card li{
  font-size:13.5px;
}

/* Stack radar mais visível no fold */
.stack-radar{
  min-height:540px;
  border-radius:36px;
}

.stack-center{
  width:156px;
  height:156px;
}

.stack-center strong{
  font-size:20px;
}

.stack-radar button{
  min-width:140px;
  min-height:44px;
  font-size:13px;
}

/* Antes/depois mais premium */
.before-after{
  margin-top:18px;
}

.before-after div{
  padding:26px;
  border-radius:30px;
}

/* Diagnóstico */
.diagnostic-grid{
  align-items:stretch;
}

.diag-copy,
.diag-result{
  border-radius:34px;
}

.diag-copy h2{
  font-size:clamp(34px,3.9vw,54px);
}

.diag-screen{
  min-height:390px;
}

/* CTA final */
.final{
  padding-top:54px;
}

.final-card{
  border-radius:38px;
}

.final-card h2{
  font-size:clamp(36px,4.7vw,62px);
}

/* WhatsApp menos invasivo em desktop */
.whatsapp-float{
  right:18px;
  bottom:18px;
  min-height:52px;
  padding:0 20px;
  border-radius:18px;
  z-index:70;
}

/* Microinterações */
.case-card,
.demo-menu button,
.process-node,
.metric-grid div,
.before-after div,
.diag-options span{
  will-change:transform;
}

.case-card:hover,
.before-after div:hover{
  border-color:rgba(78,225,255,.36);
  box-shadow:0 28px 90px rgba(0,0,0,.34);
}

/* Responsivo refinado */
@media(max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr;
  }

  .command-shell{
    max-width:100%;
  }

  .holo-grid{
    grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);
  }
}

@media(max-width:1040px){
  .hero-grid,
  .holo-grid,
  .demo-lab,
  .stage-body,
  .diagnostic-grid,
  .final-card{
    grid-template-columns:1fr;
  }

  .hero{
    padding:38px 0 48px;
  }

  .hero h1{
    max-width:900px;
  }

  .radar-card,
  .live-card{
    min-height:360px;
  }

  .case-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:720px){
  .hero-copy,
  .command-shell,
  .demo-stage,
  .diag-copy,
  .diag-result,
  .final-card{
    padding:20px;
    border-radius:26px;
  }

  .hero h1{
    font-size:42px;
    letter-spacing:-2px;
  }

  .hero-lead{
    font-size:16.5px;
  }

  .metric-grid,
  .flow-strip,
  .case-grid,
  .before-after,
  .diag-options{
    grid-template-columns:1fr;
  }

  .radar-card{
    min-height:340px;
  }

  .process-view,
  .terminal{
    min-height:360px;
  }

  .terminal pre{
    min-height:310px;
    max-height:310px;
  }

  .stack-radar{
    min-height:720px;
  }

  .stack-radar button{
    min-width:128px;
    font-size:12px;
  }

  .whatsapp-float{
    left:12px;
    right:12px;
    justify-content:center;
  }
}

/* === /FORCAWEB V4.1 POLISH COMMAND CENTER === */


/* === FORCAWEB V4.2 LAYOUT FOUNDATION === */

/*
  Objetivo:
  - estabilizar a primeira dobra
  - alinhar hero + command center
  - reduzir vazios verticais
  - deixar a experiência mais premium antes da próxima camada Minority Report
*/

/* Header mais limpo */
.topbar{
  min-height:76px;
}

.nav{
  height:76px;
}

.brand{
  min-width:310px;
}

.brand-logo{
  width:48px;
  height:48px;
  border-radius:18px;
}

.brand-copy strong{
  font-size:16px;
  letter-spacing:.1px;
}

.brand-copy small{
  max-width:270px;
  font-size:12.5px;
}

/* Primeira dobra: agora os dois blocos começam alinhados */
.hero{
  min-height:calc(100svh - 76px);
  padding:clamp(28px,4vw,48px) 0 clamp(34px,4vw,48px);
  align-items:flex-start;
}

.hero-grid{
  grid-template-columns:minmax(440px,.82fr) minmax(620px,1.18fr);
  align-items:start;
  gap:24px;
}

/* Hero mais elegante e sem gigantismo */
.hero-copy{
  padding:clamp(24px,2.3vw,32px);
  min-height:0;
  border-radius:34px;
}

.status-pill{
  padding:9px 13px;
  font-size:12px;
  max-width:100%;
}

.hero h1{
  margin:24px 0 16px;
  font-size:clamp(38px,4.55vw,60px);
  line-height:.94;
  letter-spacing:-2.5px;
  max-width:690px;
}

.hero-lead{
  font-size:clamp(16.5px,1.45vw,19px);
  line-height:1.5;
  max-width:680px;
}

/* CTAs e sinais técnicos mais compactos */
.hero-actions{
  margin:24px 0 18px;
}

.signal-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}

.signal-row span{
  width:auto;
  min-height:42px;
  padding:9px 11px;
  border-radius:15px;
  font-size:12.2px;
  line-height:1.25;
}

/* Command Center alinhado, mais compacto e mais premium */
.command-shell{
  margin-top:0;
  padding:14px;
  border-radius:34px;
}

.shell-top{
  height:36px;
  padding:0 4px 8px;
}

.holo-grid{
  grid-template-columns:minmax(285px,.82fr) minmax(360px,1.18fr);
  gap:13px;
}

.radar-card,
.live-card{
  min-height:362px;
}

.radar{
  inset:22px;
}

.radar-core{
  width:66px;
  height:66px;
}

.radar-node{
  min-width:96px;
  min-height:37px;
  font-size:11.4px;
}

.live-card{
  padding:16px;
}

.live-head{
  margin-bottom:12px;
}

.live-head strong{
  font-size:18.5px;
}

.live-head span{
  padding:6px 9px;
  font-size:11px;
}

.metric-grid{
  gap:8px;
  margin-bottom:10px;
}

.metric-grid div{
  padding:10px;
  border-radius:16px;
}

.metric-grid small{
  font-size:10.5px;
}

.metric-grid b{
  font-size:17.5px;
}

.event-stream{
  max-height:218px;
  gap:8px;
}

.event{
  padding:9px 10px;
  border-radius:15px;
}

.event strong{
  font-size:12.2px;
}

.event small{
  font-size:10.5px;
}

.flow-strip{
  margin-top:12px;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
}

.flow-strip button{
  min-height:39px;
  border-radius:14px;
  font-size:11px;
}

/* Seções com ritmo melhor */
.section{
  padding:clamp(42px,5vw,58px) 0;
  scroll-margin-top:92px;
}

.section-head{
  margin-bottom:22px;
  padding-bottom:16px;
}

.section-kicker{
  margin-bottom:10px;
  font-size:12.3px;
}

.section-head h2{
  font-size:clamp(30px,3.35vw,46px);
  line-height:1.03;
  letter-spacing:-1.7px;
  max-width:980px;
}

.section-head p{
  margin-top:12px;
  font-size:15.8px;
  max-width:900px;
}

/* Demonstrações: menos altura e mais leitura */
.demo-lab{
  grid-template-columns:300px minmax(0,1fr);
  gap:16px;
}

.demo-menu{
  gap:9px;
}

.demo-menu button{
  min-height:70px;
  padding:14px;
  border-radius:20px;
}

.demo-menu b{
  font-size:14px;
}

.demo-menu span{
  font-size:12.4px;
}

.demo-stage{
  border-radius:32px;
}

.stage-header{
  min-height:68px;
  padding:16px;
}

.stage-header strong{
  font-size:19px;
}

.stage-body{
  padding:16px;
  gap:12px;
  grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);
}

.process-view,
.terminal{
  min-height:360px;
  border-radius:24px;
}

.process-node{
  padding:13px;
  border-radius:18px;
}

.process-node i{
  width:34px;
  height:34px;
  border-radius:13px;
}

.process-node b{
  font-size:14.5px;
}

.process-node span{
  font-size:12.4px;
}

.terminal pre{
  min-height:310px;
  max-height:310px;
  font-size:11.5px;
}

/* Cards dos projetos reais mais consistentes */
.case-grid{
  gap:14px;
}

.case-card{
  min-height:278px;
  padding:24px;
  border-radius:28px;
}

.case-tag{
  font-size:11.5px;
}

.case-card h3{
  font-size:19.5px;
  line-height:1.14;
}

.case-card p{
  font-size:14.7px;
  line-height:1.52;
}

.case-card ul{
  margin-top:15px;
  gap:7px;
}

.case-card li{
  font-size:13px;
}

/* Stack radar corrigido para aparecer melhor */
.stack-radar{
  min-height:440px;
  border-radius:34px;
}

.stack-center{
  width:136px;
  height:136px;
  top:50%;
}

.stack-center strong{
  font-size:18px;
}

.stack-center span{
  font-size:11px;
}

.stack-radar button{
  min-width:128px;
  min-height:40px;
  padding:0 13px;
  font-size:12.2px;
}

/* Ajusta as posições visuais dos nós da stack */
.stack-radar button[style*="--y:8%"]{ --y:10% !important; }
.stack-radar button[style*="--y:90%"]{ --y:86% !important; }
.stack-radar button[style*="--x:88%"]{ --x:84% !important; }
.stack-radar button[style*="--x:10%"]{ --x:14% !important; }

/* Antes e depois mais próximos do radar */
.before-after{
  margin-top:16px;
  gap:14px;
}

.before-after div{
  padding:22px;
  border-radius:26px;
}

.before-after h3{
  font-size:24px;
}

.before-after p{
  font-size:15px;
}

/* Diagnóstico mais compacto */
.diagnostic-grid{
  gap:18px;
}

.diag-copy,
.diag-result{
  padding:24px;
  border-radius:32px;
}

.diag-copy h2{
  font-size:clamp(31px,3.45vw,48px);
  line-height:1.03;
  letter-spacing:-1.8px;
}

.diag-copy p{
  font-size:15.5px;
}

.diag-options{
  margin-top:20px;
  gap:9px;
}

.diag-options span{
  min-height:50px;
  padding:12px;
  border-radius:16px;
  font-size:13.5px;
}

.diag-screen{
  min-height:350px;
  border-radius:24px;
}

.diag-screen-top{
  height:50px;
}

#diagOutput{
  padding:20px;
}

#diagOutput h3{
  font-size:24px;
}

#diagOutput p,
#diagOutput li{
  font-size:14.5px;
}

/* CTA final menos gigante, mais sofisticado */
.final{
  padding-top:42px;
}

.final-card{
  padding:30px;
  border-radius:34px;
}

.final-card h2{
  font-size:clamp(34px,4vw,54px);
  line-height:.98;
}

.final-card p{
  font-size:15.5px;
}

/* WhatsApp flutuante menos invasivo */
.whatsapp-float{
  right:18px;
  bottom:18px;
  min-height:48px;
  padding:0 17px;
  border-radius:999px;
  font-size:14px;
  opacity:.90;
  box-shadow:0 16px 55px rgba(46,147,255,.36);
}

.whatsapp-float:hover{
  opacity:1;
  transform:translateY(-2px);
}

/* Melhora leitura quando usuário rola com barra fixa */
main{
  overflow:hidden;
}

/* Desktop médio */
@media(max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr;
  }

  .hero-copy,
  .command-shell{
    max-width:100%;
  }

  .holo-grid{
    grid-template-columns:minmax(285px,.85fr) minmax(360px,1.15fr);
  }

  .hero h1{
    max-width:900px;
  }

  .signal-row{
    max-width:100%;
  }
}

/* Tablet */
@media(max-width:1040px){
  .brand{
    min-width:auto;
  }

  .hero-grid,
  .holo-grid,
  .demo-lab,
  .stage-body,
  .diagnostic-grid,
  .final-card{
    grid-template-columns:1fr;
  }

  .hero{
    padding:34px 0 44px;
  }

  .command-shell{
    margin-top:0;
  }

  .radar-card,
  .live-card{
    min-height:340px;
  }

  .case-grid{
    grid-template-columns:1fr 1fr;
  }

  .metric-grid,
  .flow-strip{
    grid-template-columns:repeat(2,1fr);
  }

  .stack-radar{
    min-height:520px;
  }
}

/* Mobile */
@media(max-width:720px){
  .container{
    width:min(var(--max),calc(100% - 24px));
  }

  .nav{
    height:68px;
  }

  .topbar{
    min-height:68px;
  }

  .brand-logo{
    width:44px;
    height:44px;
  }

  .brand-copy small{
    display:none;
  }

  .hero{
    min-height:auto;
    padding:28px 0 38px;
  }

  .hero-copy,
  .command-shell,
  .demo-stage,
  .diag-copy,
  .diag-result,
  .final-card{
    padding:18px;
    border-radius:24px;
  }

  .hero h1{
    font-size:39px;
    line-height:.96;
    letter-spacing:-1.7px;
  }

  .hero-lead{
    font-size:16px;
  }

  .hero-actions{
    display:grid;
  }

  .hero-actions .btn{
    width:100%;
  }

  .signal-row{
    display:grid;
  }

  .radar-card{
    min-height:315px;
  }

  .live-card{
    min-height:auto;
  }

  .metric-grid,
  .flow-strip,
  .case-grid,
  .before-after,
  .diag-options{
    grid-template-columns:1fr;
  }

  .process-view,
  .terminal{
    min-height:330px;
  }

  .terminal pre{
    min-height:280px;
    max-height:280px;
  }

  .stack-radar{
    min-height:690px;
  }

  .stack-radar button{
    min-width:122px;
    font-size:11.5px;
  }

  .stack-center{
    width:126px;
    height:126px;
  }

  .whatsapp-float{
    left:12px;
    right:12px;
    bottom:12px;
    justify-content:center;
    min-height:50px;
  }

  body{
    padding-bottom:56px;
  }
}

/* === /FORCAWEB V4.2 LAYOUT FOUNDATION === */


/* === FORCAWEB V4.2.1 HERO FIT === */

/*
  Correção focada:
  - primeira dobra mais limpa
  - texto do hero menos pesado
  - Command Center mais protagonista
  - WhatsApp desktop menos invasivo
*/

/* Hero sem altura forçada demais */
.hero{
  min-height:auto !important;
  padding:clamp(26px,3.4vw,42px) 0 clamp(24px,3vw,36px) !important;
  align-items:start !important;
}

.hero-grid{
  grid-template-columns:minmax(360px,.66fr) minmax(690px,1.34fr) !important;
  gap:24px !important;
  align-items:start !important;
}

/* Card esquerdo mais leve */
.hero-copy{
  padding:clamp(22px,2.1vw,30px) !important;
  border-radius:32px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.088),rgba(255,255,255,.038)),
    radial-gradient(circle at 18% 12%,rgba(78,225,255,.12),transparent 34%) !important;
}

.status-pill{
  max-width:100% !important;
  padding:8px 12px !important;
  font-size:11.8px !important;
  line-height:1.25 !important;
}

/* Headline mais premium e sem corte */
.hero h1{
  margin:22px 0 14px !important;
  font-size:clamp(42px,4.1vw,58px) !important;
  line-height:.94 !important;
  letter-spacing:-2.3px !important;
  max-width:560px !important;
}

.hero h1 span{
  display:block !important;
}

/* Texto e CTAs cabendo na primeira dobra */
.hero-lead{
  font-size:clamp(16px,1.34vw,18px) !important;
  line-height:1.48 !important;
  max-width:600px !important;
}

.hero-actions{
  margin:22px 0 16px !important;
  gap:10px !important;
}

.hero-actions .btn{
  min-height:42px !important;
  padding:0 16px !important;
}

/* Selos técnicos mais compactos */
.signal-row{
  margin-top:16px !important;
  gap:8px !important;
}

.signal-row span{
  min-height:38px !important;
  padding:8px 10px !important;
  font-size:11.7px !important;
  border-radius:14px !important;
}

/* Command Center mais protagonista */
.command-shell{
  padding:13px !important;
  border-radius:34px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.125),rgba(255,255,255,.052)),
    radial-gradient(circle at 28% 0,rgba(46,147,255,.22),transparent 34%),
    radial-gradient(circle at 92% 100%,rgba(67,245,167,.13),transparent 30%) !important;
}

.shell-top{
  height:34px !important;
}

.holo-grid{
  grid-template-columns:minmax(300px,.86fr) minmax(380px,1.14fr) !important;
  gap:13px !important;
}

.radar-card,
.live-card{
  min-height:348px !important;
}

.radar{
  inset:20px !important;
}

.radar-core{
  width:62px !important;
  height:62px !important;
}

.live-card{
  padding:15px !important;
}

.live-head strong{
  font-size:18px !important;
}

.metric-grid div{
  padding:9px !important;
}

.metric-grid b{
  font-size:17px !important;
}

.event-stream{
  max-height:208px !important;
}

.event{
  padding:8px 9px !important;
}

.flow-strip{
  margin-top:10px !important;
}

.flow-strip button{
  min-height:38px !important;
  font-size:10.8px !important;
}

/* Remove buraco visual depois do hero */
#demos{
  padding-top:clamp(34px,4vw,48px) !important;
}

/* WhatsApp desktop vira bolha pequena */
@media(min-width:721px){
  .whatsapp-float{
    width:52px !important;
    min-width:52px !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 !important;
    border-radius:999px !important;
    font-size:0 !important;
    right:18px !important;
    bottom:18px !important;
    opacity:.86 !important;
    overflow:hidden !important;
  }

  .whatsapp-float::after{
    content:"WA";
    font-size:13px;
    font-weight:950;
    color:#03111d;
  }

  .whatsapp-float:hover{
    width:132px !important;
    font-size:14px !important;
    opacity:1 !important;
  }

  .whatsapp-float:hover::after{
    content:"";
  }
}

/* Ajuste desktop médio */
@media(max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }

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

  .hero h1{
    max-width:760px !important;
  }

  .hero-lead{
    max-width:820px !important;
  }

  .holo-grid{
    grid-template-columns:minmax(300px,.86fr) minmax(380px,1.14fr) !important;
  }
}

/* Tablet */
@media(max-width:1040px){
  .holo-grid{
    grid-template-columns:1fr !important;
  }

  .radar-card,
  .live-card{
    min-height:330px !important;
  }
}

/* Mobile mantém CTA claro */
@media(max-width:720px){
  .hero{
    padding:26px 0 34px !important;
  }

  .hero h1{
    font-size:39px !important;
    line-height:.96 !important;
    letter-spacing:-1.6px !important;
  }

  .hero-lead{
    font-size:16px !important;
  }

  .hero-actions{
    display:grid !important;
  }

  .hero-actions .btn{
    width:100% !important;
  }

  .signal-row{
    display:grid !important;
  }

  .radar-card,
  .live-card{
    min-height:315px !important;
  }

  .whatsapp-float{
    font-size:14px !important;
  }
}

/* === /FORCAWEB V4.2.1 HERO FIT === */


/* === FORCAWEB V4.2.2 HERO REAL FIX === */

/* Primeira dobra mais forte: painel vivo como protagonista */
.hero{
  min-height:auto !important;
  padding:30px 0 34px !important;
}

.hero-grid{
  grid-template-columns:minmax(330px,.58fr) minmax(720px,1.42fr) !important;
  align-items:start !important;
  gap:24px !important;
}

/* Hero copy vira bloco editorial compacto */
.hero-copy{
  padding:24px !important;
  border-radius:30px !important;
  min-height:430px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.034)),
    radial-gradient(circle at 18% 12%,rgba(78,225,255,.10),transparent 34%) !important;
}

.status-pill{
  width:fit-content !important;
  max-width:100% !important;
  padding:8px 12px !important;
  font-size:11.5px !important;
}

.hero h1{
  margin:22px 0 14px !important;
  font-size:clamp(44px,4.2vw,62px) !important;
  line-height:.93 !important;
  letter-spacing:-2.4px !important;
  max-width:500px !important;
}

.hero-lead{
  font-size:16.8px !important;
  line-height:1.47 !important;
  max-width:520px !important;
}

.hero-actions{
  margin:22px 0 16px !important;
}

.hero-actions .btn{
  min-height:42px !important;
  padding:0 16px !important;
}

.signal-row{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin-top:16px !important;
}

.signal-row span{
  min-height:36px !important;
  padding:8px 10px !important;
  font-size:11.5px !important;
}

/* Command center ainda mais protagonista */
.command-shell{
  min-height:430px !important;
  padding:13px !important;
  border-radius:32px !important;
}

.holo-grid{
  grid-template-columns:minmax(300px,.82fr) minmax(410px,1.18fr) !important;
  gap:13px !important;
}

.radar-card,
.live-card{
  min-height:342px !important;
}

.flow-strip button{
  min-height:38px !important;
}

/* Reduz buraco visual depois do hero */
#demos{
  padding-top:38px !important;
}

/* Âncoras encaixam melhor abaixo do header fixo */
.section{
  scroll-margin-top:88px !important;
}

/* Botão flutuante mais discreto */
@media(min-width:721px){
  .whatsapp-float{
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    min-height:50px !important;
    right:18px !important;
    bottom:18px !important;
    padding:0 !important;
    border-radius:999px !important;
    font-size:0 !important;
    opacity:.82 !important;
  }

  .whatsapp-float::after{
    content:"WA";
    font-size:12px;
    font-weight:950;
    color:#03111d;
  }

  .whatsapp-float:hover{
    width:132px !important;
    font-size:14px !important;
    opacity:1 !important;
  }

  .whatsapp-float:hover::after{
    content:"";
  }
}

/* Desktop médio */
@media(max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }

  .hero-copy{
    min-height:auto !important;
  }

  .hero h1{
    max-width:760px !important;
  }

  .hero-lead{
    max-width:820px !important;
  }
}

/* Tablet */
@media(max-width:1040px){
  .holo-grid{
    grid-template-columns:1fr !important;
  }

  .command-shell{
    min-height:auto !important;
  }
}

/* Mobile */
@media(max-width:720px){
  .hero{
    padding:26px 0 34px !important;
  }

  .hero-copy{
    min-height:auto !important;
    padding:18px !important;
  }

  .hero h1{
    font-size:39px !important;
    line-height:.96 !important;
    letter-spacing:-1.6px !important;
  }

  .hero-lead{
    font-size:16px !important;
  }

  .hero-actions{
    display:grid !important;
  }

  .hero-actions .btn{
    width:100% !important;
  }

  .whatsapp-float{
    font-size:14px !important;
  }
}

/* === /FORCAWEB V4.2.2 HERO REAL FIX === */


/* === FORCAWEB V4.3 MINORITY REPORT EXPERIENCE === */

.explorer-section{
  padding-top:clamp(48px,5vw,66px) !important;
}

.mission-control{
  display:grid;
  grid-template-columns:280px minmax(0,1fr) 340px;
  gap:16px;
  align-items:stretch;
}

.mission-sidebar,
.command-palette,
.mission-main{
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.040)),
    radial-gradient(circle at 22% 0%,rgba(78,225,255,.10),transparent 36%);
  border-radius:30px;
  box-shadow:0 24px 90px rgba(0,0,0,.28);
  overflow:hidden;
}

.mission-sidebar{
  display:grid;
  gap:9px;
  padding:14px;
  align-content:start;
}

.mission-sidebar button{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.065);
  color:#eef7ff;
  border-radius:20px;
  padding:14px;
  text-align:left;
  cursor:pointer;
  transition:.22s ease;
}

.mission-sidebar button:hover,
.mission-sidebar button.active{
  transform:translateX(4px);
  border-color:rgba(78,225,255,.44);
  background:rgba(78,225,255,.12);
  box-shadow:0 0 0 4px rgba(78,225,255,.055);
}

.mission-sidebar b{
  display:block;
  font-size:14px;
  margin-bottom:5px;
}

.mission-sidebar span{
  display:block;
  color:var(--muted);
  font-size:12.2px;
  line-height:1.35;
}

.mission-main{
  padding:18px;
}

.mission-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding:4px 4px 16px;
}

.mission-top small{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.8px;
}

.mission-top strong{
  display:block;
  font-size:24px;
  letter-spacing:-.7px;
  margin-top:4px;
}

.mission-top p{
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.48;
  max-width:680px;
}

.mission-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(78,225,255,.24);
  background:rgba(78,225,255,.09);
  color:#c7fbff;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.mission-status i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px rgba(67,245,167,.72);
}

.mission-map{
  min-height:420px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 50% 50%,rgba(78,225,255,.12),transparent 30%),
    rgba(2,6,23,.34);
  position:relative;
  overflow:hidden;
}

.mission-map:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.65;
}

.mission-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.9;
}

.mission-path{
  fill:none;
  stroke:url(#missionGlow);
  stroke-width:3;
  stroke-dasharray:12 14;
  animation:missionDash 6s linear infinite;
}

.path-b{
  animation-direction:reverse;
  opacity:.62;
}

@keyframes missionDash{
  to{stroke-dashoffset:-260}
}

.mission-pulse{
  fill:#4ee1ff;
  filter:drop-shadow(0 0 12px rgba(78,225,255,.9));
  animation:missionPulse 1.8s ease-in-out infinite;
}

.delay-1{animation-delay:.45s}
.delay-2{animation-delay:.9s}

@keyframes missionPulse{
  0%,100%{opacity:.35;transform:scale(.8)}
  50%{opacity:1;transform:scale(1.4)}
}

.mission-core{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:145px;
  height:145px;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  color:#04111d;
  background:linear-gradient(135deg,var(--cyan),var(--blue),var(--green));
  box-shadow:0 0 100px rgba(78,225,255,.38);
  z-index:2;
}

.mission-core strong{
  font-size:18px;
}

.mission-core small{
  margin-top:5px;
  font-weight:950;
  font-size:11px;
}

.mission-node{
  position:absolute;
  z-index:3;
  width:180px;
  min-height:88px;
  padding:13px;
  border-radius:20px;
  background:rgba(2,6,23,.70);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
  box-shadow:0 20px 70px rgba(0,0,0,.25);
  transition:.22s ease;
}

.mission-node:hover{
  transform:translateY(-3px);
  border-color:rgba(78,225,255,.40);
}

.mission-node span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:11px;
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#04111d;
  font-weight:950;
  margin-bottom:8px;
}

.mission-node b{
  display:block;
  font-size:13.5px;
}

.mission-node small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}

.node-origin{left:5%;top:12%}
.node-api{right:5%;top:12%}
.node-action{left:7%;bottom:11%}
.node-output{right:7%;bottom:11%}

.scenario-stack{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:14px 2px 2px;
}

.scenario-stack span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
  color:#dceaff;
  font-size:12px;
  font-weight:850;
}

.command-palette{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.palette-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#b9c8df;
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.10);
  padding-bottom:12px;
}

.palette-top b{
  color:var(--green);
  font-size:11px;
}

.palette-input{
  display:grid;
  gap:8px;
}

.palette-input span{
  color:#dceaff;
  font-size:13px;
  font-weight:900;
}

.palette-input input{
  width:100%;
  min-height:48px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.52);
  color:#fff;
  padding:0 14px;
  outline:none;
}

.palette-input input:focus{
  border-color:rgba(78,225,255,.50);
  box-shadow:0 0 0 4px rgba(78,225,255,.08);
}

.quick-commands{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.quick-commands button{
  min-height:34px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#dceaff;
  cursor:pointer;
  font-size:11.5px;
  font-weight:900;
  transition:.2s ease;
}

.quick-commands button:hover{
  background:rgba(78,225,255,.13);
  border-color:rgba(78,225,255,.36);
}

.palette-result{
  flex:1;
  min-height:210px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:#020617;
  padding:16px;
}

.palette-result b{
  display:block;
  font-size:20px;
  margin-bottom:10px;
}

.palette-result p{
  margin:0;
  color:var(--muted);
  line-height:1.52;
}

.palette-result ul{
  padding:0;
  margin:14px 0 0;
  display:grid;
  gap:8px;
  list-style:none;
}

.palette-result li{
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.065);
  color:#dceaff;
  font-size:13px;
}

.palette-whats{
  width:100%;
}

@media(max-width:1180px){
  .mission-control{
    grid-template-columns:1fr;
  }

  .mission-sidebar{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:760px){
  .mission-sidebar{
    grid-template-columns:1fr;
  }

  .mission-top{
    flex-direction:column;
  }

  .mission-map{
    min-height:640px;
  }

  .mission-node{
    position:relative;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%;
    margin:10px 0;
  }

  .mission-core{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    margin:24px auto;
  }

  .mission-lines{
    display:none;
  }
}

/* === /FORCAWEB V4.3 MINORITY REPORT EXPERIENCE === */


/* === FORCAWEB V4.3.1 POLISH EXPLORER === */

/* Explorer mais compacto e com cara de aplicação */
.explorer-section{
  padding-top:clamp(38px,4vw,54px) !important;
  padding-bottom:clamp(44px,5vw,60px) !important;
}

.explorer-section .section-head{
  margin-bottom:18px !important;
}

.explorer-section .section-head h2{
  font-size:clamp(30px,3.25vw,44px) !important;
  max-width:960px !important;
}

.explorer-section .section-head p{
  max-width:820px !important;
}

/* Layout mais encaixado */
.mission-control{
  grid-template-columns:260px minmax(0,1fr) 320px !important;
  gap:14px !important;
}

.mission-sidebar,
.command-palette,
.mission-main{
  border-radius:28px !important;
}

/* Menu lateral mais elegante */
.mission-sidebar{
  padding:12px !important;
  gap:8px !important;
}

.mission-sidebar button{
  min-height:72px !important;
  padding:13px !important;
  border-radius:18px !important;
}

.mission-sidebar b{
  font-size:13.5px !important;
}

.mission-sidebar span{
  font-size:11.8px !important;
}

/* Painel central compacto */
.mission-main{
  padding:16px !important;
}

.mission-top{
  padding:2px 2px 13px !important;
}

.mission-top strong{
  font-size:22px !important;
}

.mission-top p{
  font-size:14.5px !important;
  line-height:1.45 !important;
}

.mission-status{
  padding:7px 10px !important;
  font-size:10.5px !important;
}

/* Mapa reduzido para caber melhor */
.mission-map{
  min-height:360px !important;
  border-radius:24px !important;
}

.mission-core{
  width:128px !important;
  height:128px !important;
}

.mission-core strong{
  font-size:16.5px !important;
}

.mission-node{
  width:164px !important;
  min-height:78px !important;
  padding:11px !important;
  border-radius:18px !important;
}

.mission-node span{
  width:27px !important;
  height:27px !important;
  border-radius:10px !important;
  font-size:12px !important;
  margin-bottom:7px !important;
}

.mission-node b{
  font-size:12.5px !important;
}

.mission-node small{
  font-size:10.8px !important;
}

/* Reposicionamento dos nós */
.node-origin{left:5% !important; top:13% !important}
.node-api{right:5% !important; top:13% !important}
.node-action{left:6% !important; bottom:10% !important}
.node-output{right:6% !important; bottom:10% !important}

.scenario-stack{
  padding-top:12px !important;
  gap:7px !important;
}

.scenario-stack span{
  min-height:31px !important;
  padding:0 10px !important;
  font-size:11.5px !important;
}

/* Command Palette compacta */
.command-palette{
  padding:16px !important;
  gap:12px !important;
}

.palette-top{
  padding-bottom:10px !important;
}

.palette-input input{
  min-height:45px !important;
  border-radius:15px !important;
}

.quick-commands{
  gap:7px !important;
}

.quick-commands button{
  min-height:32px !important;
  font-size:11px !important;
}

.palette-result{
  min-height:190px !important;
  border-radius:20px !important;
  padding:15px !important;
}

.palette-result b{
  font-size:19px !important;
}

.palette-result p{
  font-size:14px !important;
}

.palette-result li{
  padding:9px 10px !important;
  font-size:12.4px !important;
}

/* Transição holográfica ao trocar cenário */
.mission-main.scenario-swap,
.command-palette.scenario-swap{
  animation:scenarioSwap .42s ease both;
}

@keyframes scenarioSwap{
  0%{
    opacity:.72;
    filter:blur(2px);
    transform:translateY(5px) scale(.992);
  }
  100%{
    opacity:1;
    filter:blur(0);
    transform:translateY(0) scale(1);
  }
}

.mission-node,
.mission-core,
.scenario-stack span,
.palette-result{
  transition:all .25s ease;
}

/* Linhas um pouco mais holográficas */
.mission-path{
  stroke-width:2.6 !important;
  filter:drop-shadow(0 0 7px rgba(78,225,255,.28));
}

.mission-pulse{
  filter:drop-shadow(0 0 14px rgba(78,225,255,.95));
}

/* WA premium com ícone SVG */
@media(min-width:721px){
  .whatsapp-float{
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    min-height:50px !important;
    padding:0 !important;
    border-radius:999px !important;
    font-size:0 !important;
    opacity:.86 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .whatsapp-float::after{
    content:"" !important;
    width:23px;
    height:23px;
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3.25C7.9 3.25 3.75 7.16 3.75 11.98c0 2.18.86 4.18 2.29 5.71l-.77 4.06 4.22-1.77c1.08.46 2.27.72 3.51.72 5.1 0 9.25-3.91 9.25-8.72S18.1 3.25 13 3.25Z' stroke='%2303111d' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9.35 10.1c.42 2.52 2.38 4.46 5.05 5.03l1.26-1.22c.18-.18.45-.24.7-.16l1.95.63c.37.12.58.51.46.88-.4 1.25-1.42 2.02-2.8 1.86-3.95-.45-7.17-3.5-7.76-7.35-.2-1.3.55-2.35 1.78-2.78.38-.13.8.08.92.46l.66 1.98c.08.25.02.52-.16.7l-1.06 1.02Z' fill='%2303111d'/%3E%3C/svg%3E");
  }

  .whatsapp-float:hover{
    width:138px !important;
    opacity:1 !important;
    gap:8px !important;
  }

  .whatsapp-float:hover::before{
    content:"WhatsApp";
    font-size:14px;
    font-weight:950;
    color:#03111d;
  }
}

/* Responsivo */
@media(max-width:1180px){
  .mission-control{
    grid-template-columns:1fr !important;
  }

  .mission-sidebar{
    grid-template-columns:repeat(3,1fr) !important;
  }

  .mission-map{
    min-height:390px !important;
  }
}

@media(max-width:760px){
  .mission-sidebar{
    grid-template-columns:1fr !important;
  }

  .mission-map{
    min-height:auto !important;
    padding:16px !important;
    display:grid;
    gap:10px;
  }

  .mission-node{
    width:100% !important;
  }

  .mission-core{
    width:120px !important;
    height:120px !important;
  }
}

/* === /FORCAWEB V4.3.1 POLISH EXPLORER === */


/* === FORCAWEB V4.3.2 PERFORMANCE EXPERIENCE === */

/* 1) Corrige o buraco visual entre hero e próximos blocos */
.hero{
  padding-bottom:18px !important;
}

#demos{
  padding-top:28px !important;
}

.section{
  padding-top:clamp(38px,4.4vw,54px) !important;
  padding-bottom:clamp(40px,4.8vw,58px) !important;
}

.section-head{
  margin-bottom:18px !important;
}

@media(min-width:1181px){
  .hero-grid{
    grid-template-columns:minmax(315px,.52fr) minmax(780px,1.48fr) !important;
  }

  .hero-copy{
    min-height:395px !important;
  }

  .command-shell{
    min-height:395px !important;
  }

  .radar-card,
  .live-card{
    min-height:326px !important;
  }

  .event-stream{
    max-height:194px !important;
  }
}

/* 2) Stack agora vira área interativa de verdade */
.stack-radar{
  min-height:390px !important;
  border-radius:32px !important;
}

.stack-center{
  width:126px !important;
  height:126px !important;
}

.stack-radar button{
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}

.stack-radar button.active,
.stack-radar button:hover{
  border-color:rgba(78,225,255,.55) !important;
  background:rgba(78,225,255,.16) !important;
  box-shadow:0 0 0 4px rgba(78,225,255,.075), 0 18px 54px rgba(46,147,255,.22) !important;
}

.stack-inspector{
  margin-top:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  border-radius:28px;
  border:1px solid rgba(78,225,255,.22);
  background:
    linear-gradient(135deg,rgba(78,225,255,.105),rgba(46,147,255,.055),rgba(67,245,167,.065)),
    rgba(255,255,255,.060);
  padding:22px;
  box-shadow:0 20px 70px rgba(0,0,0,.24);
  overflow:hidden;
  position:relative;
}

.stack-inspector:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.08) 48%,transparent 62% 100%);
  transform:translateX(-110%);
  animation:stackSheen 5.8s ease-in-out infinite;
  pointer-events:none;
}

@keyframes stackSheen{
  0%,56%{transform:translateX(-110%)}
  82%,100%{transform:translateX(110%)}
}

.stack-inspector small{
  display:block;
  color:#bdfdff;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-size:11px;
  font-weight:950;
  margin-bottom:7px;
}

.stack-inspector h3{
  margin:0 0 8px;
  font-size:25px;
  letter-spacing:-.7px;
}

.stack-inspector p{
  margin:0;
  color:var(--muted);
  line-height:1.52;
  max-width:760px;
}

.stack-inspector-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.stack-inspector-tags span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#e8f6ff;
  font-size:12px;
  font-weight:900;
}

/* 3) Mobile: experiência mais parecida com app */
@media(max-width:720px){
  body{
    overflow-x:hidden !important;
    padding-bottom:64px !important;
  }

  .container{
    width:min(var(--max),calc(100% - 22px)) !important;
  }

  .topbar{
    min-height:64px !important;
  }

  .nav{
    height:64px !important;
  }

  .brand-logo{
    width:42px !important;
    height:42px !important;
  }

  .brand-copy strong{
    font-size:14.5px !important;
  }

  .hero{
    padding-top:22px !important;
    padding-bottom:24px !important;
  }

  .hero-copy,
  .command-shell,
  .demo-stage,
  .mission-sidebar,
  .mission-main,
  .command-palette,
  .case-card,
  .diag-copy,
  .diag-result,
  .final-card{
    border-radius:22px !important;
  }

  .hero h1{
    font-size:36px !important;
    line-height:.98 !important;
  }

  .hero-lead{
    font-size:15.5px !important;
  }

  .command-shell{
    padding:12px !important;
  }

  .shell-top{
    height:30px !important;
  }

  .holo-grid{
    gap:10px !important;
  }

  .radar-card{
    min-height:288px !important;
  }

  .radar-node{
    min-width:88px !important;
    min-height:34px !important;
    font-size:10.5px !important;
  }

  .live-card{
    padding:13px !important;
  }

  .metric-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .flow-strip{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .section-head h2{
    font-size:30px !important;
    letter-spacing:-1.2px !important;
  }

  .section-head p{
    font-size:14.8px !important;
  }

  /* Explorer mobile: cenários viram carrossel horizontal */
  .mission-control{
    gap:12px !important;
  }

  .mission-sidebar{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory;
    padding:10px !important;
    gap:10px !important;
    -webkit-overflow-scrolling:touch;
  }

  .mission-sidebar::-webkit-scrollbar{
    height:0;
  }

  .mission-sidebar button{
    min-width:214px !important;
    min-height:82px !important;
    scroll-snap-align:start;
    flex:0 0 auto;
  }

  .mission-main{
    padding:14px !important;
  }

  .mission-top strong{
    font-size:20px !important;
  }

  .mission-top p{
    font-size:14px !important;
  }

  .mission-map{
    min-height:auto !important;
    padding:14px !important;
    display:grid !important;
    gap:10px !important;
  }

  .mission-node{
    position:relative !important;
    width:100% !important;
    min-height:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
  }

  .mission-core{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    width:112px !important;
    height:112px !important;
    margin:12px auto !important;
    order:-1;
  }

  .mission-lines{
    display:none !important;
  }

  .command-palette{
    padding:14px !important;
  }

  .palette-result{
    min-height:auto !important;
  }

  /* Stack mobile: deixa de ser órbita cortada e vira grade tocável */
  .stack-radar{
    min-height:auto !important;
    padding:16px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .stack-center{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    grid-column:1 / -1;
    margin:4px auto 12px !important;
    width:118px !important;
    height:118px !important;
  }

  .stack-radar button{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    min-width:0 !important;
    width:100% !important;
    min-height:42px !important;
    font-size:11.5px !important;
  }

  .stack-radar button:hover{
    transform:none !important;
  }

  .stack-inspector{
    grid-template-columns:1fr !important;
    padding:18px !important;
    border-radius:22px !important;
  }

  .stack-inspector h3{
    font-size:22px !important;
  }

  .stack-inspector-tags{
    justify-content:flex-start !important;
  }

  .before-after{
    grid-template-columns:1fr !important;
  }

  .case-grid{
    grid-template-columns:1fr !important;
  }

  .diag-options{
    grid-template-columns:1fr !important;
  }

  .final-card h2{
    font-size:32px !important;
  }
}

/* === /FORCAWEB V4.3.2 PERFORMANCE EXPERIENCE === */


/* === FORCAWEB V4.3.3 LIVEOPS BI PRINT SIMULATOR === */

/* O buraco vira demonstração operacional */
.liveops-section{
  padding:18px 0 38px;
  scroll-margin-top:88px;
}

.liveops-shell{
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(420px,1.1fr) minmax(280px,.78fr);
  gap:14px;
  align-items:stretch;
  border-radius:34px;
  border:1px solid rgba(78,225,255,.22);
  background:
    linear-gradient(135deg,rgba(78,225,255,.12),rgba(46,147,255,.055),rgba(67,245,167,.07)),
    rgba(255,255,255,.055);
  box-shadow:0 26px 95px rgba(0,0,0,.30);
  padding:16px;
  overflow:hidden;
  position:relative;
}

.liveops-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(78,225,255,.08),transparent),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:100% 100%,34px 34px,34px 34px;
  opacity:.65;
  pointer-events:none;
}

.liveops-copy,
.liveops-dashboard,
.print-simulator{
  position:relative;
  z-index:1;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(2,6,23,.36);
  padding:20px;
}

.liveops-copy h2{
  margin:0;
  font-size:clamp(26px,2.45vw,38px);
  line-height:1.02;
  letter-spacing:-1.4px;
}

.liveops-copy p{
  margin:12px 0 18px;
  color:var(--muted);
  line-height:1.5;
  font-size:15px;
}

.liveops-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.liveops-tabs button{
  min-height:40px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#dceaff;
  cursor:pointer;
  font-weight:900;
  font-size:12px;
  transition:.2s ease;
}

.liveops-tabs button.active,
.liveops-tabs button:hover{
  border-color:rgba(78,225,255,.45);
  background:linear-gradient(135deg,rgba(78,225,255,.20),rgba(46,147,255,.15));
  box-shadow:0 0 0 4px rgba(78,225,255,.06);
}

.liveops-dashboard{
  display:grid;
  gap:12px;
}

.liveops-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}

.liveops-kpis article{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.065);
  padding:13px;
}

.liveops-kpis small{
  display:block;
  color:var(--muted);
  font-size:11px;
}

.liveops-kpis strong{
  display:block;
  margin-top:5px;
  font-size:25px;
  letter-spacing:-.8px;
}

.liveops-kpis span{
  display:block;
  margin-top:3px;
  color:#bdfdff;
  font-size:11px;
  font-weight:800;
}

.liveops-chart{
  min-height:130px;
  display:flex;
  align-items:end;
  gap:9px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(2,6,23,.42);
  overflow:hidden;
}

.liveops-chart div{
  flex:1;
  height:100%;
  display:flex;
  align-items:end;
}

.liveops-chart span{
  width:100%;
  height:var(--h);
  min-height:18px;
  display:block;
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,var(--cyan),var(--blue) 58%,rgba(67,245,167,.75));
  box-shadow:0 0 26px rgba(78,225,255,.23);
  animation:barPulse 2.8s ease-in-out infinite alternate;
}

.liveops-chart div:nth-child(2n) span{
  animation-delay:.35s;
}

.liveops-chart div:nth-child(3n) span{
  animation-delay:.7s;
}

@keyframes barPulse{
  from{filter:saturate(.85); transform:scaleY(.94)}
  to{filter:saturate(1.2); transform:scaleY(1)}
}

.liveops-events{
  display:grid;
  gap:7px;
  max-height:132px;
  overflow:hidden;
}

.liveops-event{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  min-height:35px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.055);
  animation:eventIn .35s ease both;
}

.liveops-event i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px rgba(67,245,167,.70);
}

.liveops-event b{
  font-size:12px;
}

.liveops-event small{
  color:var(--muted);
  font-size:10px;
}

.print-simulator{
  display:grid;
  gap:12px;
}

.print-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.10);
  padding-bottom:10px;
}

.print-head small{
  display:block;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.7px;
  font-size:10.5px;
}

.print-head strong{
  display:block;
  margin-top:4px;
  font-size:18px;
}

#printStatus{
  color:var(--green);
  font-size:11px;
  font-weight:950;
}

.print-device{
  min-height:260px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 50% 0%,rgba(78,225,255,.15),transparent 36%),
    #020617;
  position:relative;
  overflow:hidden;
  padding:20px;
}

.printer-light{
  position:absolute;
  top:16px;
  right:16px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px rgba(67,245,167,.8);
}

.paper-slot{
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.55);
  margin-bottom:16px;
}

.paper-preview{
  min-height:190px;
  border-radius:16px;
  background:#f7fbff;
  color:#03111d;
  padding:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.32);
  transform-origin:top center;
}

.paper-preview.printing{
  animation:paperPrint .8s ease both;
}

@keyframes paperPrint{
  0%{transform:translateY(-36px) scaleY(.72); opacity:.25}
  100%{transform:translateY(0) scaleY(1); opacity:1}
}

.paper-title{
  font-weight:950;
  font-size:17px;
  margin-bottom:8px;
}

.paper-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px dashed rgba(3,17,29,.22);
  padding:6px 0;
  font-size:12px;
}

.paper-barcode{
  margin:14px 0;
  height:44px;
  background:repeating-linear-gradient(90deg,#03111d 0 3px,transparent 3px 6px,#03111d 6px 8px,transparent 8px 12px);
  opacity:.9;
}

.paper-qr{
  width:76px;
  height:76px;
  margin:14px auto 8px;
  background:
    linear-gradient(90deg,#03111d 10px,transparent 10px 18px,#03111d 18px 26px,transparent 26px 34px,#03111d 34px 42px,transparent 42px 50px,#03111d 50px 58px,transparent 58px),
    linear-gradient(#03111d 10px,transparent 10px 18px,#03111d 18px 26px,transparent 26px 34px,#03111d 34px 42px,transparent 42px 50px,#03111d 50px 58px,transparent 58px);
  background-blend-mode:multiply;
  border:7px solid #03111d;
}

.paper-center{
  text-align:center;
}

.print-run{
  width:100%;
}

@media(max-width:1180px){
  .liveops-shell{
    grid-template-columns:1fr;
  }

  .print-device{
    min-height:220px;
  }
}

@media(max-width:720px){
  .liveops-section{
    padding:18px 0 30px !important;
  }

  .liveops-shell{
    padding:12px;
    border-radius:24px;
    gap:10px;
  }

  .liveops-copy,
  .liveops-dashboard,
  .print-simulator{
    border-radius:20px;
    padding:16px;
  }

  .liveops-copy h2{
    font-size:28px;
  }

  .liveops-tabs,
  .liveops-kpis{
    grid-template-columns:1fr;
  }

  .liveops-chart{
    min-height:110px;
  }

  .print-device{
    min-height:210px;
    padding:16px;
  }

  .paper-preview{
    min-height:165px;
  }
}

/* === /FORCAWEB V4.3.3 LIVEOPS BI PRINT SIMULATOR === */


/* === FORCAWEB V4.3.4 HERO LIVEOPS EMBEDDED MENU FIX === */

/* Menu corrigido: sem duplicidade e sem quebrar linha */
.brand{
  min-width:280px !important;
}

.brand-copy small{
  max-width:235px !important;
}

.menu{
  gap:15px !important;
  font-size:13.2px !important;
  white-space:nowrap !important;
}

.menu a{
  white-space:nowrap !important;
}

.nav-actions{
  gap:8px !important;
}

.nav-actions .btn{
  min-height:42px !important;
  padding:0 15px !important;
  font-size:13.5px !important;
}

/* Hero agora tem 2 linhas:
   esquerda = copy
   direita em cima = command center
   direita embaixo = LiveOps preenchendo o buraco
*/
@media(min-width:1181px){
  .hero{
    padding-top:28px !important;
    padding-bottom:26px !important;
  }

  .hero-grid{
    grid-template-columns:minmax(315px,.52fr) minmax(780px,1.48fr) !important;
    grid-template-areas:
      "copy command"
      "copy liveops" !important;
    gap:14px 24px !important;
    align-items:stretch !important;
  }

  .hero-copy{
    grid-area:copy !important;
    min-height:0 !important;
    height:100% !important;
    justify-content:center !important;
  }

  .command-shell{
    grid-area:command !important;
    min-height:0 !important;
  }

  .hero-liveops{
    grid-area:liveops !important;
    padding:0 !important;
    margin:0 !important;
    scroll-margin-top:88px !important;
  }

  .hero-liveops .liveops-shell{
    min-height:0 !important;
    padding:12px !important;
    border-radius:28px !important;
    grid-template-columns:minmax(220px,.78fr) minmax(350px,1.12fr) minmax(230px,.78fr) !important;
    gap:12px !important;
  }

  .hero-liveops .liveops-copy,
  .hero-liveops .liveops-dashboard,
  .hero-liveops .print-simulator{
    padding:15px !important;
    border-radius:22px !important;
  }

  .hero-liveops .liveops-copy h2{
    font-size:clamp(22px,1.9vw,30px) !important;
    line-height:1.02 !important;
  }

  .hero-liveops .liveops-copy p{
    font-size:13.5px !important;
    margin:9px 0 12px !important;
  }

  .hero-liveops .liveops-tabs button{
    min-height:34px !important;
    font-size:11px !important;
  }

  .hero-liveops .liveops-kpis article{
    padding:10px !important;
    border-radius:15px !important;
  }

  .hero-liveops .liveops-kpis strong{
    font-size:20px !important;
  }

  .hero-liveops .liveops-chart{
    min-height:86px !important;
    padding:10px !important;
  }

  .hero-liveops .liveops-events{
    max-height:92px !important;
  }

  .hero-liveops .liveops-event{
    min-height:29px !important;
    padding:6px 8px !important;
  }

  .hero-liveops .print-device{
    min-height:166px !important;
    padding:14px !important;
  }

  .hero-liveops .paper-preview{
    min-height:112px !important;
    padding:10px !important;
    border-radius:13px !important;
  }

  .hero-liveops .paper-title{
    font-size:13px !important;
    margin-bottom:5px !important;
  }

  .hero-liveops .paper-row{
    padding:3px 0 !important;
    font-size:10px !important;
  }

  .hero-liveops .paper-barcode{
    height:26px !important;
    margin:8px 0 !important;
  }

  .hero-liveops .paper-qr{
    width:48px !important;
    height:48px !important;
    margin:7px auto 5px !important;
    border-width:5px !important;
  }

  .hero-liveops .print-run{
    min-height:38px !important;
  }

  /* Agora Demos começa logo depois, sem buraco */
  #demos{
    padding-top:28px !important;
  }
}

/* Em telas menores, LiveOps continua abaixo do hero, mas sem virar buraco */
@media(max-width:1180px){
  .hero-liveops{
    grid-column:1 / -1 !important;
    padding:0 !important;
    margin-top:0 !important;
  }

  .hero-liveops .liveops-shell{
    grid-template-columns:1fr !important;
  }

  .menu{
    gap:11px !important;
  }
}

@media(max-width:1040px){
  .brand{
    min-width:auto !important;
  }

  .menu,
  .nav-actions{
    display:none !important;
  }
}

/* Mobile mais limpo */
@media(max-width:720px){
  .hero-liveops .liveops-shell{
    padding:12px !important;
    border-radius:22px !important;
  }

  .hero-liveops .liveops-copy,
  .hero-liveops .liveops-dashboard,
  .hero-liveops .print-simulator{
    padding:14px !important;
    border-radius:18px !important;
  }

  .hero-liveops .liveops-copy h2{
    font-size:26px !important;
  }

  .hero-liveops .liveops-tabs{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .hero-liveops .liveops-kpis{
    grid-template-columns:1fr !important;
  }

  .hero-liveops .print-device{
    min-height:205px !important;
  }

  .hero-liveops .paper-preview{
    min-height:150px !important;
  }
}

/* === /FORCAWEB V4.3.4 HERO LIVEOPS EMBEDDED MENU FIX === */


/* === FORCAWEB V4.3.5 PRODUCTION COPY LOGO POLISH === */

/* Logo usando favicon com presença melhor */
.brand-logo{
  width:48px !important;
  height:48px !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(78,225,255,.20),transparent 62%),
    linear-gradient(135deg,rgba(78,225,255,.14),rgba(46,147,255,.10)) !important;
}

.brand-logo img{
  width:72% !important;
  height:72% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 10px rgba(78,225,255,.24));
}

.brand{
  min-width:292px !important;
}

.brand-copy strong{
  font-size:16px !important;
}

.brand-copy small{
  max-width:255px !important;
  font-size:12.2px !important;
}

/* Menu mais legível e institucional */
.menu{
  gap:14px !important;
  font-size:13px !important;
}

.menu a{
  opacity:.82 !important;
}

.menu a:hover{
  opacity:1 !important;
}

/* Botões topo menos comprimidos */
.nav-actions .btn{
  min-height:42px !important;
  padding:0 14px !important;
  font-size:13px !important;
}

/* Textos de produção: leitura um pouco melhor */
.hero-lead,
.liveops-copy p,
.section-head p,
.mission-top p,
.case-card p,
.stack-inspector p,
.diag-copy p,
.final-card p{
  color:#b9c9dd !important;
}

/* Live Ops: um pouco mais premium sem mudar layout */
.liveops-copy h2{
  letter-spacing:-1.1px !important;
}

.liveops-kpis strong{
  letter-spacing:-.6px !important;
}

/* Títulos longos mais equilibrados */
.section-head h2{
  max-width:1040px !important;
}

/* Mobile: logo e menu mais limpos */
@media(max-width:1040px){
  .brand{
    min-width:auto !important;
  }
}

@media(max-width:720px){
  .brand-logo{
    width:42px !important;
    height:42px !important;
  }

  .brand-logo img{
    width:74% !important;
    height:74% !important;
  }

  .brand-copy strong{
    font-size:14.5px !important;
  }

  .brand-copy small{
    display:block !important;
    max-width:190px !important;
    font-size:11px !important;
  }
}

@media(max-width:430px){
  .brand-copy small{
    display:none !important;
  }
}

/* === /FORCAWEB V4.3.5 PRODUCTION COPY LOGO POLISH === */


/* === FORCAWEB V4.3.6 PORTFOLIO AUTHORITY EXPANSION === */

.portfolio-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.portfolio-grid .case-card{
  min-height:282px !important;
  display:flex;
  flex-direction:column;
}

.portfolio-grid .case-card p{
  flex:1;
}

.portfolio-grid .case-tag{
  width:fit-content;
}

.portfolio-grid .case-card:hover .case-tag{
  border-color:rgba(78,225,255,.50);
  background:rgba(78,225,255,.14);
}

@media(max-width:1100px){
  .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  .portfolio-grid{
    grid-template-columns:1fr !important;
  }

  .portfolio-grid .case-card{
    min-height:auto !important;
  }
}

/* === /FORCAWEB V4.3.6 PORTFOLIO AUTHORITY EXPANSION === */