:root{--bg:#050b18;--surface:#0a1222;--surface-2:#0d1728;--line:rgba(151,175,216,.12);--text:#edf3ff;--muted:#91a1bd;--blue:#087dff;--cyan:#03b9ff;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.site-header{height:64px;background:#050a17;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - var(--max))/2));position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.025)}.brand{display:flex;align-items:center;gap:8px;font:600 18px "Space Grotesk";letter-spacing:-.7px}.brand small{font:700 5px "DM Sans";display:block;letter-spacing:.3px;text-align:center;color:#58aaff}.brand-mark{height:32px;width:32px;display:grid;place-items:center;border-radius:10px;color:white;font:bold 17px "Space Grotesk";background:radial-gradient(circle at 35% 35%,#40e6ff,#0752df 58%,#071229);border:1px solid #17b7ff;box-shadow:0 0 14px #057eff}.main-nav{display:flex;align-items:center;gap:35px;color:#aab7d0;font-size:14px}.main-nav>a:not(.button):hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-radius:8px;color:#fff;font-size:13px;font-weight:600;background:linear-gradient(135deg,#258bff,#1253e8);box-shadow:0 8px 22px rgba(17,99,255,.28),inset 0 1px rgba(255,255,255,.25);transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.14)}.button-small{padding:9px 19px}.menu-toggle{display:none;background:none;border:0}.section-shell{max-width:var(--max);margin:auto;padding:100px 0}.hero{max-width:none;min-height:515px;padding:66px max(36px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1.06fr .94fr;align-items:center;overflow:hidden;position:relative;background:radial-gradient(ellipse 55% 80% at 81% 43%,#05245a 0%,#06142e 30%,transparent 64%),linear-gradient(115deg,#030814,#050d1d)}.hero h1,.section-shell h2,.final-cta h2{font:600 clamp(31px,4vw,47px)/1.08 "Space Grotesk";letter-spacing:-1.5px;margin:18px 0}.hero h1 span,h2 span{color:#bdc9df}.lead{max-width:570px;color:var(--muted);font-size:14px}.eyebrow,.section-label{width:max-content;margin:0;padding:3px 11px;border:1px solid #165a9d;border-radius:999px;color:#61aef8;text-transform:uppercase;letter-spacing:.55px;font-size:9px}.channels{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 10px}.channels span{border:1px solid #14304f;padding:3px 9px;border-radius:6px;font-size:11px;color:#a9b6cb}.arrow-line{font-size:13px;color:#7abaff;margin:0 0 17px}.arrow-line:before{content:'→';font-size:17px;margin-right:7px}.hero-notes{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;color:#8090a9;font-size:10px}.hero-notes span:before{content:'✓';color:#3d9dff;margin-right:5px}.hero-art{height:420px;position:relative}.beam{position:absolute;height:3px;width:70%;background:#079eff;box-shadow:0 0 10px 3px #078aff;transform:rotate(48deg);right:-20px;top:95px}.beam-two{transform:rotate(-43deg);top:282px;right:35px}.laptop{width:390px;height:248px;border:3px solid #77879d;border-bottom:11px solid #465365;border-radius:13px 13px 5px 5px;position:absolute;right:7%;top:47px;transform:rotate(-4deg);background:#0c1727;box-shadow:0 21px 20px #0008,0 0 20px #0c78e466}.screen{margin:11px;height:205px;border-radius:4px;background:#061225;padding:11px}.dash-head{display:flex;gap:4px}.dash-head i{height:5px;width:5px;border-radius:50%;background:#147fea}.metrics{display:flex;gap:7px;margin:15px 0}.metrics b{width:30%;height:31px;border-radius:3px;background:#0c2344;border:1px solid #17375f}.chart{height:66px;border:1px solid #132f54;border-radius:4px;background:linear-gradient(155deg,transparent 48%,#0d86ee 50% 53%,transparent 55%),#081a33}.dash-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.dash-list span{height:15px;background:#0c2140;border-radius:3px}.keyboard{height:24px;margin:0 -25px;background:linear-gradient(160deg,#9caabe,#3b4657);border-radius:0 0 30px 30px}.phone{position:absolute;left:8%;bottom:25px;height:220px;width:97px;border:4px solid #8993a2;border-radius:19px;background:#071326;box-shadow:0 10px 16px #000}.phone-notch{width:40px;height:8px;border-radius:0 0 8px 8px;background:#02050b;margin:auto}.phone-list{padding:22px 10px}.phone-list b{display:block;height:23px;border-radius:4px;background:#0c294f;margin:8px 0}.bot{position:absolute;filter:drop-shadow(0 0 13px #008dff)}.bot-head{width:105px;height:79px;border:4px solid #008dff;border-radius:38px;background:radial-gradient(circle at 50% 32%,#123a75,#07142a 68%);position:relative}.bot-head i{position:absolute;width:16px;height:16px;background:#0de3ff;border-radius:50%;top:27px;box-shadow:0 0 12px #00aeff}.bot-head i:first-child{left:25px}.bot-head i:nth-child(2){right:25px}.bot-head b{position:absolute;background:#08c4ff;height:4px;width:23px;border-radius:5px;bottom:14px;left:37px}.antenna{height:22px;width:5px;background:#0da8ff;position:absolute;left:50px;top:-20px}.antenna:before{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#12e6ff;left:-5px;top:-9px;box-shadow:0 0 15px #008cff}.bot-body{height:65px;width:70px;border:3px solid #078aff;border-radius:20px 20px 15px 15px;margin:-3px auto 0;background:#081a38}.bot-body i{display:block;background:#169dff;width:21px;height:30px;clip-path:polygon(50% 0,100% 20%,70% 100%,30% 100%,0 20%);margin:8px auto}.hero-art>.bot{right:0;bottom:16px;transform:scale(.9)}.problem{display:grid;grid-template-columns:1fr 1fr;gap:60px}.problem h2,.solution h2,.why h2{font-size:27px}.problem p,.solution p,.why p{font-size:13px;color:var(--muted)}.problem aside{background:#07142a;border:1px solid #0b376d;border-radius:10px;padding:15px;color:#a9c5ea;font-size:12px;margin-top:20px}.pain-list{padding:0;margin:0;align-self:center;list-style:none}.pain-list li{background:#110d1b;border:1px solid #391326;color:#b1b0bd;border-radius:9px;padding:10px 14px;margin:8px 0;font-size:12px}.pain-list li:before{content:'×';color:#ff4a5d;font-size:20px;vertical-align:-2px;margin-right:11px}.solution{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;max-width:none;padding:100px max(36px,calc((100% - var(--max))/2));background:radial-gradient(ellipse at 22% 43%,#062963,transparent 36%)}.solution-art{height:370px;position:relative}.channel-stack{position:absolute;display:grid;gap:10px;left:10px;top:35px}.channel-stack b{width:43px;height:43px;display:grid;place-items:center;border:2px solid #038cff;color:#60d4ff;background:#071733;border-radius:9px;box-shadow:0 0 12px #007bff}.mini-dashboard{width:280px;height:210px;position:absolute;top:50px;left:82px;background:#07172d;border:2px solid #0876e8;border-radius:8px;transform:rotate(3deg);padding:18px;box-shadow:0 0 18px #086dda}.mini-dashboard>div{height:37px;margin:10px 0;background:linear-gradient(90deg,#0d315c 60%,#0b1d38);border-radius:4px}.bot-small{left:72px;bottom:4px;transform:scale(1.05)}.solution blockquote{border-left:2px solid #168eff;padding-left:12px;color:#c7d3e8;font-style:italic;font-size:14px}.centered{text-align:center;font-size:27px!important}.centered span{display:block}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:42px}.feature-card,.audience-card,.plan,.why-card{border:1px solid var(--line);border-radius:11px;background:linear-gradient(130deg,rgba(18,28,47,.68),rgba(9,16,30,.5));padding:16px;transition:transform .25s,border-color .25s}.feature-card:hover,.audience-card:hover,.plan:hover,.why-card:hover{transform:translateY(-4px);border-color:#1765bd}.feature-card i,.audience-card i,.plan>i{height:31px;width:31px;display:grid;place-items:center;border-radius:9px;background:#0d2545;border:1px solid #163d70;font-style:normal}.feature-card h3,.audience-card h3,.plan h3{font-size:14px;margin:13px 0 4px}.feature-card p,.audience-card p{color:var(--muted);font-size:11px;margin:0}.audience{padding-top:80px}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:34px}.bot-banner{background:radial-gradient(ellipse at 50% 48%,#0a3475,transparent 31%),#020712;border-block:1px solid #0d2140}.bot-banner-inner{max-width:1050px;margin:auto;min-height:360px;position:relative;display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;gap:20px}.callout-list{display:grid;gap:12px}.callout-list span{border:1px solid #0874dc;background:#05142c;border-radius:13px;padding:8px 13px;color:#08b6ff;font-size:17px;box-shadow:0 0 10px #0652a544}.callout-list b{font-size:13px;color:#fff;display:inline-block;margin-left:6px}.callout-list small{font-size:11px;color:#a4b8d8;display:block;margin-left:27px;line-height:1}.banner-bot{position:relative;margin:auto;transform:scale(1.55)}.banner-quote{position:absolute;bottom:39px;left:40px;color:#009aff;font:600 14px/1.45 "Space Grotesk"}.bot-banner .button{position:absolute;right:30px;bottom:53px;text-transform:uppercase;font-size:14px;padding-inline:30px}.why{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px}.why-list{display:grid;gap:10px}.why-card{padding:14px 17px}.why-card i{font-style:normal;font-size:17px;margin-right:8px}.why-card h3{display:inline;font-size:13px}.why-card p{font-size:11px;margin:5px 0 0 28px}.plans{border-top:1px solid var(--line)}.subtitle{text-align:center;color:var(--muted);font-size:12px;margin:-8px 0 35px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plan{position:relative;padding:17px;display:flex;flex-direction:column}.plan.popular{border-color:#1670e5;background:linear-gradient(135deg,#0c2349,#071124);box-shadow:0 0 25px #0b5cc142}.plan em{font-style:normal;position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#147bff;padding:2px 11px;border-radius:9px;font-size:9px}.price{font:500 23px "Space Grotesk";margin:7px 0}.price small{font:400 10px "DM Sans";color:var(--muted)}.plan>p{font-size:11px;color:var(--muted);min-height:50px;margin:0}.plan ul{padding:0;list-style:none;color:#aab8ce;font-size:11px;line-height:1.95;margin:10px 0 auto}.plan li::first-letter{color:#168cff}.plan .button{margin-top:20px;font-size:10px;padding:9px}.button-muted{background:#17202f;box-shadow:inset 0 1px #ffffff18}.trial{text-align:center;max-width:800px;padding-bottom:92px}.trial h2{font-size:25px}.trial p{color:var(--muted);font-size:12px;margin:7px 0}.shield{height:44px;width:44px;margin:auto;border-radius:12px;display:grid;place-items:center;color:#52aaff;border:1px solid #14569b;background:#07162d;font-size:27px}.faq{max-width:620px;padding-top:50px}.faq h2{margin-bottom:30px}details{border:1px solid var(--line);background:#0a1220;border-radius:9px;padding:0 14px;margin:8px 0;color:#d5dfef;font-size:11px}summary{padding:12px 0;cursor:pointer;list-style:none;font-weight:600}summary b{float:right;color:#8996ac;font-size:15px;transition:transform .2s}details[open] summary b{transform:rotate(180deg)}details p{color:var(--muted);padding:0 0 12px;margin:0}.final-cta{min-height:360px;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse at 50% 55%,#0a3779,transparent 37%)}.final-cta h2{font-size:32px}.final-cta p{font-size:13px;color:#a7b5cd}.final-cta small{display:block;color:#8190a5;font-size:10px;margin-top:15px}footer{max-width:var(--max);margin:auto;padding:34px 0 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:25px;color:#75859f;font-size:10px}footer p{max-width:240px}.footer-links{display:flex;gap:19px;align-items:end}.socials{position:absolute;margin-top:-29px;display:flex;gap:8px}.socials a{height:26px;width:26px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px}.reveal,.feature-card,.audience-card,.plan,.why-card{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.visible{opacity:1;transform:none}@media(max-width:800px){.site-header{padding:0 20px}.menu-toggle{display:grid;gap:4px}.menu-toggle span{display:block;width:23px;height:2px;background:#dbe7ff}.main-nav{display:none;position:absolute;top:63px;left:0;right:0;padding:20px;background:#071022;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.hero,.solution{grid-template-columns:1fr;padding-inline:24px}.hero{padding-top:55px}.hero-art{height:335px;transform:scale(.82);transform-origin:center top}.hero h1{font-size:37px}.problem,.why{grid-template-columns:1fr;padding-inline:24px;gap:35px}.section-shell{padding:70px 24px}.feature-grid{grid-template-columns:1fr 1fr}.audience-grid,.plans-grid{grid-template-columns:1fr 1fr}.bot-banner-inner{padding:45px 24px 140px;grid-template-columns:1fr 1fr;gap:10px}.banner-bot{display:none}.banner-quote{left:24px;bottom:83px}.bot-banner .button{left:24px;right:auto;bottom:25px}.solution-art{order:2}.solution>div:last-child{order:1}footer{margin:0 24px}.footer-links{flex-wrap:wrap}.callout-list span{font-size:12px}}@media(max-width:480px){.hero-art{margin-left:-28px}.laptop{right:-15px}.phone{left:10px}.feature-grid,.audience-grid,.plans-grid{grid-template-columns:1fr}.hero-notes{display:grid;gap:5px}.channels{gap:4px}.bot-banner-inner{grid-template-columns:1fr}.callout-list:last-of-type{display:none}.centered{font-size:25px!important}footer{grid-template-columns:1fr}.footer-links{align-items:start;gap:12px}}

/* ===== logo real (substitui o "Z" desenhado em CSS) ===== */
.brand img{height:34px;width:auto;display:block}
footer .brand img{height:26px}

/* ===== faixa rolante da marca (existe no design do Figma) ===== */
.marquee{overflow:hidden;background:#0088ff;padding:11px 0;white-space:nowrap}
.marquee-track{display:inline-flex;gap:26px;padding-left:26px;animation:marquee 38s linear infinite;will-change:transform}
.marquee-track span{font:600 15px "Space Grotesk";color:#03203f;letter-spacing:-.3px}
.marquee-track span::after{content:'—';margin-left:26px;opacity:.5}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ===== nota da API Oficial, na seção "Por que escolher" ===== */
.why-note{margin:2px 0 0;padding:12px 16px;border:1px dashed #1765bd;border-radius:11px;background:rgba(43,127,255,.06);color:#a9c5ea;font-size:11px;line-height:1.5}

/* ===== aviso legal do WhatsApp, no rodapé ===== */
.disclaimer{display:block;color:#5d6b80;margin-bottom:8px;line-height:1.5}

/* respeita quem pediu menos animação no sistema */
@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none}
  .reveal,.feature-card,.audience-card,.plan,.why-card{opacity:1;transform:none;transition:none}
}