:root{
  --navy:#12263A; --ink:#1d2b3a; --orange:#F46036; --orange-d:#C9441F; --teal:#1B998B;
  --green:#2E9E5B; --yellow:#F2B705; --red:#D64545; --bg:#F4F7F9; --card:#fff; --line:#DDE5EB; --grey:#5d6b79;
  --head:"Trebuchet MS",Arial,sans-serif;
  --text:"Segoe UI",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--text);color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px;padding-bottom:72px}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{width:min(1080px,92%);margin:0 auto}
h1,h2,h3{font-family:var(--head);line-height:1.1;margin:0 0 .5em;color:var(--navy)}
h1{font-size:clamp(2.3rem,6vw,3.9rem);font-weight:800;letter-spacing:-.02em}
h2{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;letter-spacing:-.015em}
h3{font-size:1.2rem;font-weight:600}
p{margin:0 0 1em;max-width:62ch}
section{padding:clamp(48px,8vw,88px) 0}
.btn{display:inline-block;background:var(--orange);color:#fff;font-family:var(--head);font-weight:800;font-size:1.15rem;
  padding:16px 30px;border-radius:12px;text-decoration:none;box-shadow:0 6px 0 var(--orange-d);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--orange-d)}
.btn:active{transform:translateY(6px);box-shadow:0 0 0 var(--orange-d)}
.sub{color:var(--grey);font-size:.92rem}

/* hero */
.hero{background:var(--navy);color:#fff;padding:clamp(40px,7vw,80px) 0}
.hero h1{color:#fff}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.2rem;color:#d3dee8}
.hero .sub{color:#9fb3c5;margin-top:14px}
.cover{justify-self:center;width:min(300px,80%);aspect-ratio:148/210;background:#0c1a29;border-radius:6px 14px 14px 6px;
  box-shadow:-10px 10px 0 rgba(244,96,54,.9),0 24px 50px rgba(0,0,0,.45);position:relative;overflow:hidden;transform:rotate(2deg)}
.cover .sun{position:absolute;left:50%;top:48%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,#F9A03F 0 38%,#F46036 38% 52%,#245173 52% 72%,#1d3a52 72% 100%)}
.cover .floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:#0c1a29;border-top:3px solid var(--teal)}
.cover b{position:absolute;top:9%;left:0;right:0;text-align:center;font-family:var(--head);font-weight:800;font-size:clamp(1.9rem,6vw,2.7rem);line-height:.95;color:#fff}
.cover small{position:absolute;bottom:8%;left:0;right:0;text-align:center;color:#c2d0dc;font-size:.78rem;padding:0 12%}
.cover svg{position:absolute;left:50%;bottom:30%;width:46%;transform:translateX(-46%)}

/* teste */
.teste{background:#fff;border-block:1px solid var(--line)}
.teste .box{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.opts{display:grid;gap:12px}
.opts button{font:inherit;text-align:left;background:var(--bg);border:2px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;color:var(--ink)}
.opts button:hover{border-color:var(--navy)}
.opts button[aria-pressed=true]{border-color:var(--navy);background:#fff}
#res{margin-top:18px;border-radius:14px;padding:18px 20px;color:#fff;font-weight:600;min-height:92px;background:var(--navy)}
#res.g{background:var(--green)} #res.y{background:var(--yellow);color:var(--navy)} #res.r{background:var(--red)}
#res strong{font-family:var(--head);font-size:1.3rem;display:block;margin-bottom:2px}

/* motivos */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cols3 div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.cols3 h3{margin-bottom:.35em}
.cols3 p{margin:0;color:var(--grey);font-size:.98rem}

/* conteudo */
.dentro{background:var(--navy);color:#fff}
.dentro h2{color:#fff}
.dentro .lista{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;margin:0;padding:0;list-style:none}
.dentro li{padding:14px 0 14px 34px;border-bottom:1px solid #2a4258;position:relative;color:#d7e2ec}
.dentro li::before{content:"";position:absolute;left:4px;top:20px;width:14px;height:8px;border-left:3px solid var(--teal);border-bottom:3px solid var(--teal);transform:rotate(-45deg)}
.dentro li b{color:#fff}

/* niveis */
.niveis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.nivel{background:var(--card);border-radius:14px;padding:22px;border-top:6px solid var(--teal)}
.nivel:nth-child(2){border-color:var(--yellow)} .nivel:nth-child(3){border-color:var(--orange)}
.nivel p{font-size:.97rem;color:var(--grey);margin:0 0 12px}
.bar{display:flex;height:14px;border-radius:4px;overflow:hidden;gap:2px;margin:4px 0 2px}
.bar i{background:#9CC9C3;display:block} .bar i.c{background:var(--orange)}
.bar-l{font-size:.8rem;color:var(--grey);margin:0 0 8px}

/* para quem */
.quem{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.quem div{background:var(--card);border-radius:14px;padding:24px;border:1px solid var(--line)}
.quem ul{padding-left:1.1em;margin:0}.quem li{margin-bottom:.5em}

/* oferta */
.oferta{background:#fff;border-block:1px solid var(--line)}
.preco-box{max-width:560px;margin:0 auto;text-align:center;background:var(--bg);border:3px solid var(--navy);border-radius:20px;padding:36px 28px}
.preco{font-family:var(--head);font-weight:800;font-size:4rem;color:var(--navy);line-height:1;margin:8px 0}
.preco small{font-size:1.4rem;vertical-align:top;margin-right:4px}
.preco-box ul{list-style:none;padding:0;margin:20px 0;text-align:left;display:inline-block}
.preco-box li{padding-left:26px;position:relative;margin-bottom:.4em}
.preco-box li::before{content:"";position:absolute;left:3px;top:.5em;width:12px;height:7px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}
.garantia{margin-top:22px;padding:14px;border-radius:12px;background:#fff;border:1px dashed var(--teal);font-size:.95rem}

/* faq */
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px;max-width:760px}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:14px}
summary::after{content:"+";font-weight:800;color:var(--orange);font-size:1.3rem;line-height:1}
details[open] summary::after{content:"\2212"}
details p{margin:12px 0 0;color:var(--grey)}

/* aviso e rodape */
.aviso{background:#FFF4D1;border-left:6px solid var(--yellow);padding:18px 22px;border-radius:8px;font-size:.95rem}
footer{padding:36px 0 20px;color:var(--grey);font-size:.88rem}
footer a{color:var(--navy)}

/* barra fixa mobile */
.fixa{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding:10px 4%;
  display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .25s}
.fixa.on{transform:none}
.fixa span{font-weight:600;font-size:.95rem}
.fixa .btn{padding:11px 20px;font-size:1rem;box-shadow:0 4px 0 var(--orange-d)}

@media(max-width:800px){
  .hero .grid,.teste .box,.cols3,.niveis,.quem,.dentro .lista{grid-template-columns:1fr}
  .cover{order:-1;width:min(230px,62%);margin-bottom:12px}
  body{font-size:16.5px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


.ui-001{margin-top:12px}
.ui-002{flex:5}
.ui-003{flex:1}
.ui-004{flex:2}
.ui-005{flex:.5}
.ui-006{margin-top:18px}
.ui-007{padding-top:0}
.ui-008{margin:0 auto}

/* Design: chat privado, sem serviços externos; responsivo e acessível */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.setup-notice{position:sticky;top:0;z-index:110;color:#3b2500;background:#fff1bd;border-bottom:2px solid #a56600;padding:11px 4%;font-size:.9rem;text-align:center}
.setup-notice[hidden]{display:none}
[data-checkout][aria-disabled="true"]{opacity:.68;cursor:not-allowed;box-shadow:none}
.chat-widget{position:fixed;right:22px;bottom:85px;z-index:120;font-family:var(--text);font-size:15px;color:#172b3a}
.chat-trigger{border:0;display:flex;align-items:center;gap:10px;border-radius:60px;padding:13px 18px;background:var(--navy);color:#fff;box-shadow:0 10px 36px rgba(12,26,41,.24);font-weight:700;font:700 15px var(--text);cursor:pointer}
.chat-trigger-symbol{background:#ffefe9;color:#d94f27;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:22px}
.chat-online{width:8px;height:8px;border-radius:50%;background:#56d89e}
.chat-trigger:focus-visible,.chat-close:focus-visible,.chat-quick button:focus-visible,.chat-form button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.chat-panel{position:absolute;bottom:68px;right:0;width:min(392px,calc(100vw - 22px));height:min(590px,calc(100dvh - 184px));min-height:370px;background:#fff;border:1px solid #dbe4ea;border-radius:22px;box-shadow:0 18px 70px rgba(10,27,43,.28);overflow:hidden;display:flex;flex-direction:column}
.chat-panel[hidden]{display:none}
.chat-head{display:flex;gap:11px;padding:16px;background:var(--navy);color:#fff;align-items:center;flex-shrink:0}
.chat-head-avatar{background:#fbede6;color:#ea5a30;border-radius:14px;font-size:23px;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0}
.chat-head strong{display:block;font-size:14px;line-height:1.2}
.chat-head span{display:block;font-size:11px;color:#bacdda;font-weight:400;margin-top:3px}
.chat-close{background:none;border:0;color:#fff;font-size:28px;line-height:1;padding:0 3px;margin-left:auto;cursor:pointer}
.chat-messages{flex:1;overflow-y:auto;background:#f4f8fa;padding:17px 14px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.chat-msg{max-width:89%;font-size:13.5px;line-height:1.52;padding:11px 13px;border-radius:15px;white-space:pre-line;overflow-wrap:anywhere}
.chat-msg.bot{background:#fff;align-self:flex-start;border:1px solid #e1e7ed;border-bottom-left-radius:4px}
.chat-msg.user{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.chat-msg .bot-cta{display:inline-block;text-decoration:none;padding:10px 13px;background:var(--orange);color:#fff;border-radius:9px;font-weight:700;margin-top:11px;font-size:13px}
.chat-msg .bot-cta.disabled{background:#e5e9ec;color:#65717a;cursor:not-allowed}
.chat-quick{background:#fff;display:flex;flex-wrap:wrap;gap:6px;padding:9px 12px;border-top:1px solid #e7edf1;max-height:105px;overflow-y:auto}
.chat-quick button{background:#e9f8f4;color:#14554b;border:1px solid #b4e1d5;border-radius:100px;padding:6px 10px;font:600 12px var(--text);cursor:pointer}
.chat-quick button:hover{background:#d6eee8}
.chat-form{display:flex;gap:7px;padding:9px 11px;border-top:1px solid #e7edf1;background:#fff}
.chat-form input{min-width:0;flex:1;background:#f7f9fa;border:1px solid #dae3e9;border-radius:10px;padding:11px;color:var(--navy);font:inherit;font-size:14px}
.chat-form input:focus{outline:2px solid var(--teal)}
.chat-form button{background:var(--orange);border:0;border-radius:11px;color:#fff;font-size:23px;width:43px;flex-shrink:0;cursor:pointer}
.chat-privacy{font-size:10px;line-height:1.35;color:#697888;padding:0 13px 9px;text-align:center;margin:0;max-width:none}
@media(max-width:600px){.chat-widget{right:11px;bottom:86px}.chat-panel{width:calc(100vw - 22px);height:min(650px,calc(100dvh - 172px));bottom:63px}.chat-trigger{padding:10px 14px}.chat-msg{font-size:13px}}
@media(prefers-reduced-motion:reduce){.chat-panel,.chat-trigger{transition:none}}

.legal-content{padding:40px 0 70px;max-width:780px}.legal-content h1{font-size:clamp(2rem,5vw,3rem)}.legal-content h2{font-size:1.36rem;margin:30px 0 12px}.legal-content p{max-width:none}.legal-content a{color:#146a69}.legal-content strong{font-weight:700}

/* Identidade editorial e demonstração fiel do produto */
.publisher-eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:800;color:#b4e4db;margin-bottom:19px;max-width:none}
.real-cover{justify-self:center;width:min(330px,85%);border-radius:9px;transform:rotate(2deg);box-shadow:-11px 11px 0 rgba(244,96,54,.86),0 26px 55px rgba(0,0,0,.38);overflow:hidden;background:#0c1a29;line-height:0}
.real-cover img{display:block;width:100%;height:auto}
.eyebrow{font-size:.77rem;color:var(--teal);font-weight:800;letter-spacing:.15em;margin:0 0 10px}
.center-text{text-align:center;max-width:none}
.preview-section{background:#ecf3f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.preview-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.preview-top p{max-width:650px}
.preview-secondary{flex-shrink:0;color:var(--navy);font-weight:800;text-underline-offset:5px;padding-bottom:12px}
.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.preview-card{margin:0;background:#fff;border:1px solid #dbe6ea;border-radius:18px;box-shadow:0 11px 30px rgba(18,38,58,.06);overflow:hidden}
.preview-picture{background:#dce6e8;padding:17px 19px 0;max-height:365px;overflow:hidden;display:flex;justify-content:center;align-items:start}
.preview-picture img{width:100%;height:auto;max-width:300px;box-shadow:0 6px 24px rgba(18,38,58,.16)}
.preview-card figcaption{padding:17px 20px 20px}
.preview-card figcaption strong{display:block;font-family:var(--head);font-size:1.12rem;color:var(--navy);line-height:1.2;margin-bottom:6px}
.preview-card figcaption span{font-size:.87rem;color:var(--grey)}
.preview-note{margin:24px auto 0;max-width:750px;text-align:center;font-size:.83rem;color:var(--grey)}
.footer-brand{font-weight:800;color:var(--navy);font-family:var(--head);font-size:1.06rem}.footer-brand span{color:var(--orange);padding:0 5px}
@media(max-width:800px){.real-cover{order:-1;width:min(240px,64%);margin-bottom:15px}.preview-grid{grid-template-columns:1fr 1fr}.preview-top{display:block}}
@media(max-width:550px){.preview-grid{grid-template-columns:1fr}.preview-picture{max-height:390px}.preview-top{margin-bottom:20px}.preview-secondary{display:inline-block;margin-top:5px}}