:root{
  --bg:#030d1c;--bg2:#07152a;--panel:#0a1b33;--panel2:#0c213e;--line:#173f67;
  --cyan:#13e4ff;--blue:#198cff;--purple:#8247ff;--pink:#ff2fa9;--green:#23e5b1;
  --text:#f7fbff;--muted:#a8b7cd;--shadow:0 20px 80px rgba(0,0,0,.42)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at 50% -10%,rgba(26,71,170,.18),transparent 28%),
 linear-gradient(180deg,#020a16 0%,#041123 50%,#020a17 100%);
 color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
button,a{font:inherit}
.page-shell{max-width:1536px;margin:auto;overflow:hidden;position:relative}
.topbar{height:76px;display:flex;align-items:center;gap:36px;padding:0 56px;border-bottom:1px solid rgba(70,125,193,.22);position:relative;z-index:20;background:rgba(2,10,22,.76);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;white-space:nowrap}
.brand b{color:var(--cyan)}
.brand-mark{width:38px;height:38px}
.nav{display:flex;gap:30px;margin-left:auto}
.nav a{color:#c8d4e6;font-size:14px;position:relative;padding:28px 0}
.nav a:hover,.nav a.active{color:#fff}
.nav a.active:after{content:"";position:absolute;height:2px;background:var(--cyan);left:0;right:0;bottom:18px;box-shadow:0 0 12px var(--cyan)}
.header-actions{display:flex;gap:10px;margin-left:26px}
.btn{border:1px solid #2d5580;border-radius:11px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:#0a1930;font-weight:800;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.15);transition:.25s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn.gradient{border-color:transparent;background:linear-gradient(100deg,#0fbdfb,#5666ff 50%,#ff2fb4);box-shadow:0 0 26px rgba(96,72,255,.35)}
.btn.ghost{background:rgba(6,18,36,.78)}
.btn.small{padding:10px 18px;font-size:13px}
.btn.big{padding:14px 24px}
.play{font-size:13px}.play.mini{font-size:11px}

.hero{min-height:520px;display:grid;grid-template-columns:42% 58%;padding:54px 55px 18px;position:relative;border-bottom:1px solid rgba(80,140,210,.15)}
.hero:before,.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}
.hero:before{background:#098aff;left:-100px;top:40px}.hero:after{background:#ff2faf;right:-80px;bottom:20px}
.hero-copy{z-index:6;padding-top:8px}
.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--cyan);font-weight:900}
.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:8px}
.hero h1{font-size:56px;line-height:.98;margin:18px 0 20px;letter-spacing:-.04em}
.hero h1 span,.section-intro h2 span,.mobile-copy h2 span{background:linear-gradient(90deg,var(--cyan),#62a5ff 42%,var(--pink));-webkit-background-clip:text;color:transparent}
.lead{font-size:18px;line-height:1.55;color:#c7d3e6;max-width:590px}
.hero-actions{display:flex;gap:12px;margin:24px 0 22px}
.benefit-row,.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#d8e2ef;font-size:13px}
.benefit-row{margin-bottom:18px}.trust-row{font-size:11px;color:#9fb0c7}
.dot-icon{width:27px;height:27px;border-radius:50%;display:inline-grid;place-items:center;margin-right:6px;background:#0a2446;vertical-align:middle;border:1px solid rgba(43,181,255,.4)}
.dot-icon:after{color:var(--cyan)}.dot-icon.chart:after{content:"▥"}.dot-icon.bolt:after{content:"⚡";color:#ffc74e}.dot-icon.shield:after{content:"⬡"}.dot-icon.bars:after{content:"▥";color:#b66cff}

.hero-stage{position:relative;min-height:465px}
.grid-dots{position:absolute;inset:-20px;background-image:radial-gradient(circle,rgba(62,121,255,.45) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,transparent,black 25%,black 90%,transparent);opacity:.5}
.ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.25}.glow-a{width:280px;height:280px;background:#085cff;left:180px;top:60px}.glow-b{width:240px;height:240px;background:#ff24a8;right:10px;top:80px}
.dashboard-mock{position:absolute;right:8px;top:16px;width:460px;height:310px;background:linear-gradient(160deg,#071428,#0a1b34);border:1px solid #3456a8;border-radius:18px;box-shadow:var(--shadow),0 0 45px rgba(42,93,255,.18);transform:perspective(900px) rotateY(-4deg)}
.mock-top{height:43px;border-bottom:1px solid #14375f;display:flex;align-items:center;justify-content:space-between;padding:0 14px}
.mock-logo{display:flex;align-items:center;gap:7px;font-size:11px}.mock-logo img{width:22px}.mock-actions{color:#7494bc}
.mock-content{display:grid;grid-template-columns:102px 1fr;height:calc(100% - 43px)}
.mock-side{padding:12px 8px;border-right:1px solid #14375f;display:flex;flex-direction:column;gap:14px;color:#7891b1;font-size:9px}.mock-side .m-active{color:#20e4ff}
.mock-main{padding:13px;position:relative}.mock-title{display:flex;gap:8px;align-items:end}.mock-title span{color:#21e7d0;font-size:8px}.mock-title b{font-size:20px}.mock-title em{font-size:7px;color:#22e3ae;font-style:normal}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.metric-row div{background:#0d2442;border:1px solid #173e68;border-radius:7px;padding:7px}.metric-row small{display:block;color:#8298b7;font-size:6px}.metric-row b{font-size:10px}
.chart-box{height:78px;background:#0a1f3a;border:1px solid #1e3f69;border-radius:8px;position:relative;overflow:hidden}.chart-box:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(68,122,183,.18) 50%,transparent 51%);background-size:100% 24px}.chart-line{position:absolute;left:13px;right:50px;top:24px;height:36px;border-bottom:3px solid #15dffa;clip-path:polygon(0 76%,10% 55%,23% 68%,37% 34%,48% 44%,61% 20%,73% 42%,88% 12%,100% 24%,100% 100%,0 100%);background:linear-gradient(180deg,rgba(19,228,255,.28),transparent)}.boost{position:absolute;right:10px;top:15px;background:#0c3354;color:#1df5d7;border:1px solid #19b4b7;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:900}
.product-strip{display:flex;align-items:center;gap:8px;margin-top:9px;background:#0b203c;border:1px solid #183c68;border-radius:8px;padding:7px}.product-thumb{width:34px;height:34px;background:#e7eff7;color:#222;display:grid;place-items:center;border-radius:6px}.product-strip small,.product-strip b,.product-strip strong{display:block;font-size:7px}.product-strip strong{color:#fff}.product-strip button{margin-left:auto;background:#153b64;color:#bde7ff;border:1px solid #215688;border-radius:6px;font-size:7px;padding:6px 10px}.demo-note{position:absolute;right:13px;bottom:3px;color:#5f799b;font-size:6px}

.robot-wrap{position:absolute;left:90px;bottom:0;width:380px;height:420px;z-index:4;filter:drop-shadow(0 25px 30px rgba(0,0,0,.35))}
.robot{width:100%;height:100%;overflow:visible;animation:robotFloat 4.2s ease-in-out infinite}
.robot-head{transform-origin:260px 230px;animation:headTilt 6s ease-in-out infinite}
.robot-hand{transform-origin:452px 288px;animation:handWave 3.8s ease-in-out infinite}
.eyes{transform-origin:center;animation:blink 5.3s infinite}
.scribble{position:absolute;left:-22px;top:185px;color:#1adfff;font-size:18px;font-weight:800;font-style:italic;transform:rotate(-8deg);text-shadow:0 0 12px rgba(24,222,255,.55)}

.phone-mock{position:absolute;right:-8px;bottom:0;width:150px;height:290px;background:#050b16;border:5px solid #14203c;border-radius:32px;box-shadow:0 18px 45px #000,0 0 22px rgba(255,48,180,.18);z-index:6;transform:rotate(4deg);padding:18px 9px 10px}
.phone-speaker{width:54px;height:8px;border-radius:9px;background:#000;position:absolute;top:7px;left:50%;transform:translateX(-50%)}
.phone-head{display:flex;align-items:center;gap:4px;font-size:8px}.phone-head img{width:17px}.phone-head span{margin-left:auto;background:#ff245b;padding:3px 5px;border-radius:4px;font-size:5px}
.phone-timer{margin-top:11px;background:#0c1930;border:1px solid #26385d;border-radius:8px;padding:8px;text-align:center}.phone-timer small{display:block;color:#ff406e;font-size:6px}.phone-timer b{font-size:14px;letter-spacing:.1em}
.phone-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:7px;gap:4px}.phone-metrics div{background:#0b1b31;border-radius:7px;padding:7px;text-align:center}.phone-metrics b{display:block;font-size:9px}.phone-metrics small{font-size:5px;color:#8599b5}
.phone-mock button,.mini-phone button{width:100%;border:0;border-radius:7px;background:linear-gradient(90deg,#0abaff,#7a5bff,#ff2fab);color:white;font-weight:900;padding:7px;font-size:8px;margin-top:8px}.phone-demo{font-size:5px;color:#5f748f;display:block;text-align:center;margin-top:4px}

.floating-card{position:absolute;z-index:9;background:linear-gradient(145deg,rgba(9,29,56,.96),rgba(22,16,49,.96));border:1px solid #3e5db5;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.3),0 0 20px rgba(49,89,255,.14);padding:9px 12px;display:flex;align-items:center;gap:8px;min-width:135px}
.floating-card small{display:block;color:#8ba4c2;font-size:8px}.floating-card strong{font-size:10px}.sale-card{left:8px;top:60px}.chat-card{left:-10px;top:135px}.pin-card{left:75px;bottom:48px}.live-card{right:155px;top:12px;min-width:115px;justify-content:space-between}.live-pill{background:#ff255a;padding:5px 8px;border-radius:7px;font-size:8px;font-weight:900}.live-pill i{display:inline-block;width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.2s infinite}
.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffbe57,#ff4c82);font-size:9px;font-weight:900;color:#0b1422}
.float-a{animation:floatCard 4.1s ease-in-out infinite}.float-b{animation:floatCard 4.8s .4s ease-in-out infinite}.float-c{animation:floatCard 5.2s .8s ease-in-out infinite}.float-d{animation:floatCard 3.8s .2s ease-in-out infinite}

.section{padding:34px 55px}.features{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start;border-bottom:1px solid rgba(85,133,194,.18)}
.section-intro h2,.mobile-copy h2,.steps-title h2{font-size:31px;line-height:1.04;margin:7px 0 10px;letter-spacing:-.03em}.section-intro p{color:#9fafc4;font-size:12px;line-height:1.55}
.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.feature-card{background:linear-gradient(160deg,rgba(10,28,52,.92),rgba(7,19,37,.92));border:1px solid #193f66;border-radius:12px;padding:17px;min-height:144px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.feature-card h3{font-size:13px;margin:12px 0 7px}.feature-card p{font-size:10px;line-height:1.55;color:#9fb0c7;margin:0}.ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#0d2b4e;border:1px solid currentColor;box-shadow:0 0 18px currentColor}.ico.blue{color:#24aaff}.ico.pink{color:#ff3eaf}.ico.purple{color:#aa63ff}.ico.cyan{color:#14e7e8}

.steps{padding:26px 55px;display:grid;grid-template-columns:270px 1fr;gap:28px;border-bottom:1px solid rgba(85,133,194,.18)}.step-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:8px}.step-flow article{display:flex;gap:12px;align-items:center}.step-flow article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 30%,#40b7ff,#3155ff);box-shadow:0 0 24px rgba(49,88,255,.5);font-size:21px;font-weight:900}.step-flow article:nth-of-type(2)>span{background:radial-gradient(circle at 40% 30%,#c144ff,#7b1fff)}.step-flow article:nth-of-type(3)>span{background:radial-gradient(circle at 40% 30%,#ff4fb3,#e31568)}.step-flow h3{margin:0 0 3px;font-size:13px}.step-flow p{margin:0;color:#9fb0c7;font-size:10px;line-height:1.5}.step-flow>i{color:#27c7ff;font-size:30px;font-style:normal}

.mobile-section{margin:18px 55px 30px;border:1px solid #18426a;border-radius:18px;display:grid;grid-template-columns:36% 64%;overflow:hidden;background:linear-gradient(110deg,#06162c 0%,#0a1730 45%,#11142d 75%,#2a0b2f 100%);position:relative}.mobile-section:after{content:"";position:absolute;width:360px;height:260px;background:#ff2fa9;border-radius:50%;filter:blur(120px);opacity:.12;right:-40px;bottom:-80px}.mobile-copy{padding:34px}.mobile-copy p{color:#a9bad1;font-size:13px;line-height:1.6;max-width:420px}.mobile-panel{padding:20px 28px;display:flex;align-items:center;gap:36px;position:relative;z-index:2}.mini-phone{width:180px;height:318px;border-radius:27px;border:5px solid #16213c;background:#050c18;padding:18px 10px;transform:rotate(-5deg);box-shadow:0 20px 45px #000,0 0 28px rgba(69,84,255,.28)}.mini-timer{font-size:22px;font-weight:900;text-align:center;background:#0a1a31;border-radius:10px;padding:11px;margin:14px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mini-grid b{background:#0a1c33;border-radius:7px;padding:8px;text-align:center;font-size:13px}.mini-grid small{display:block;font-size:6px;color:#8297b5}.mobile-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}.mobile-panel li{display:flex;gap:10px;align-items:center;color:#dbe5f2;font-size:13px}.mobile-panel li span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #1b9cc5;border-radius:8px;color:var(--cyan);background:#082745}

.faq{padding:28px 55px 45px;display:grid;grid-template-columns:260px 1fr;gap:28px}.faq h2{font-size:30px;margin:6px 0}.faq p{color:#9faec2;font-size:12px}.faq-list{border-top:1px solid #214263}.faq details{border-bottom:1px solid #214263;padding:14px 0}.faq summary{cursor:pointer;font-weight:800;font-size:13px}.faq details p{padding:5px 0 0 20px;max-width:850px;line-height:1.6}

footer{display:flex;justify-content:space-between;align-items:center;padding:20px 55px;border-top:1px solid #163451;color:#8295ae;font-size:10px}.footer-brand{font-size:13px}.footer-brand img{width:25px}

.demo-modal[hidden]{display:none}.demo-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.demo-backdrop{position:absolute;inset:0;background:rgba(0,4,12,.82);backdrop-filter:blur(8px)}.demo-card{position:relative;z-index:2;width:min(460px,calc(100% - 32px));background:#08182d;border:1px solid #29598a;border-radius:20px;padding:38px;text-align:center;box-shadow:var(--shadow),0 0 35px rgba(91,66,255,.18)}.demo-logo{width:64px}.demo-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.demo-card p{color:#a9bad0;line-height:1.6}

@keyframes robotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes headTilt{0%,100%{transform:rotate(0deg)}30%{transform:rotate(-2deg)}65%{transform:rotate(2deg)}}
@keyframes handWave{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}
@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,.5)}50%{opacity:.65;box-shadow:0 0 0 7px rgba(255,255,255,0)}}

@media(max-width:1180px){
 .topbar{padding:0 26px}.nav{gap:17px}.hero{grid-template-columns:1fr;padding:40px 30px 10px}.hero-stage{min-height:500px;margin-top:10px}.hero h1{font-size:50px}.features{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr}.mobile-section{margin-left:30px;margin-right:30px}.faq{grid-template-columns:1fr}
}
@media(max-width:760px){
 .topbar{height:65px;padding:0 16px}.brand{font-size:18px}.brand-mark{width:32px}.nav{display:none}.header-actions .ghost{display:none}.header-actions{margin-left:auto}.hero{padding:34px 17px 5px}.hero h1{font-size:40px}.lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.benefit-row{gap:10px}.hero-stage{min-height:510px;transform:scale(.92);transform-origin:top center;margin-bottom:-40px}.dashboard-mock{width:390px;right:50%;transform:translateX(50%) perspective(900px) rotateY(-3deg);top:60px}.robot-wrap{left:50%;transform:translateX(-50%);width:340px;bottom:-20px}.phone-mock{right:4px}.floating-card{display:none}.section,.steps,.faq{padding-left:17px;padding-right:17px}.feature-grid{grid-template-columns:1fr 1fr}.steps{padding-top:26px}.step-flow{grid-template-columns:1fr}.step-flow>i{transform:rotate(90deg);justify-self:center}.mobile-section{margin:15px 17px 28px;grid-template-columns:1fr}.mobile-panel{flex-direction:column}.mini-phone{transform:none}.faq{padding-top:20px}footer{padding:18px 17px;gap:12px;flex-wrap:wrap}
}
@media(max-width:480px){
 .hero h1{font-size:34px}.feature-grid{grid-template-columns:1fr}.hero-stage{transform:scale(.78);margin-left:-50px;margin-right:-50px;margin-bottom:-105px}.section-intro h2,.mobile-copy h2,.steps-title h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* ===== Live Radar V3: vitrine dinâmica ===== */
.product-carousel{
  min-height:58px;
  position:relative;
  overflow:hidden;
}
.product-image-wrap{
  overflow:hidden;
  position:relative;
}
.product-image-wrap:after{
  content:"";
  position:absolute;
  inset:-20%;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
  transform:translateX(-120%) rotate(10deg);
  animation:productSheen 4.6s ease-in-out infinite;
}
.product-image-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .35s ease, transform .45s ease, filter .45s ease;
}
.product-image-wrap img.is-switching{
  opacity:.08;
  transform:scale(.88) rotate(-3deg);
  filter:blur(2px);
}
.product-copy{
  min-width:0;
  flex:1;
}
.product-copy b,
.product-copy strong{
  transition:opacity .25s ease, transform .25s ease;
}
.product-copy.is-switching b,
.product-copy.is-switching strong{
  opacity:0;
  transform:translateY(6px);
}
.carousel-dots{
  margin-left:auto;
  display:flex;
  gap:4px;
  align-items:center;
  align-self:flex-end;
  padding-bottom:2px;
}
.carousel-dot{
  width:6px!important;
  min-width:6px;
  height:6px;
  padding:0!important;
  border-radius:999px!important;
  border:0!important;
  background:#4a6688!important;
  opacity:.6;
  cursor:pointer;
  transition:.25s ease;
}
.carousel-dot.active{
  width:16px!important;
  background:var(--product-accent,#16e7ff)!important;
  opacity:1;
  box-shadow:0 0 10px var(--product-accent,#16e7ff);
}
.product-switch-badge{
  position:absolute;
  right:115px;
  bottom:16px;
  z-index:10;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(75,112,255,.5);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(5,20,44,.94),rgba(28,14,51,.94));
  box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 22px rgba(104,69,255,.16);
  animation:floatCard 5s 1s ease-in-out infinite;
}
.product-switch-badge .switch-icon{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#0bbcff,#8a4cff,#ff2fae);
  font-size:16px;font-weight:900;
  animation:spinPulse 4s linear infinite;
}
.product-switch-badge small{display:block;color:#7f98ba;font-size:7px}
.product-switch-badge b{display:block;font-size:8px;white-space:nowrap}
.floating-card.flash{
  animation:cardFlash .62s ease!important;
}
.phone-mock.notify{
  animation:phoneNotify .75s ease;
}
.robot-wrap.product-change .robot{
  animation:robotCelebrate .75s ease;
}
@keyframes productSheen{
  0%,55%{transform:translateX(-120%) rotate(10deg)}
  75%,100%{transform:translateX(120%) rotate(10deg)}
}
@keyframes spinPulse{
  0%{transform:rotate(0) scale(1)}
  50%{transform:rotate(180deg) scale(1.08)}
  100%{transform:rotate(360deg) scale(1)}
}
@keyframes cardFlash{
  0%{transform:scale(1);filter:brightness(1)}
  40%{transform:scale(1.04);filter:brightness(1.35)}
  100%{transform:scale(1);filter:brightness(1)}
}
@keyframes phoneNotify{
  0%,100%{transform:rotate(4deg)}
  30%{transform:rotate(2deg) translateY(-7px)}
  60%{transform:rotate(6deg) translateY(-3px)}
}
@keyframes robotCelebrate{
  0%,100%{transform:translateY(0) scale(1)}
  35%{transform:translateY(-12px) scale(1.025)}
  65%{transform:translateY(-5px) scale(1.01)}
}

@media(max-width:760px){
  .product-switch-badge{right:60px;bottom:22px}
}
@media(max-width:480px){
  .product-switch-badge{display:none}
}

/* Decorative layers must not intercept carousel controls. */
.hero-stage .phone-mock,.hero-stage .robot-wrap,.hero-stage .grid-dots,.hero-stage .ambient{pointer-events:none}