/* Identidade: azul royal do logo + marinho profundo + gelo. Hero escuro com grade técnica e o "L" da marca como marca d'água; produto mostrado em laptop e celular; seções claras com pré-visualizações de interface. */
:root{
  color-scheme:light;
  --navy:#081230; --navy2:#0f1d47; --navy3:#16275c; --blue:#1f55e0; --blue-d:#173fae; --blue-l:#7ea4ff;
  --ice:#eaf0ff; --paper:#f4f6fb; --white:#fff; --ink:#0c1736; --mut:#56638a; --line:#d9e1f1;
  --on-dark:#f3f6fd; --mut-dark:#a7b4d6; --line-dark:#233365; --ok:#168a57; --warn:#c98100;
  --h:"Source Serif 4",Georgia,"Times New Roman",serif; --d:"IBM Plex Sans",system-ui,sans-serif; --f:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;padding-top:68px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid #6c97ff;outline-offset:2px}
svg.i{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{max-width:1160px;margin:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
section{padding-block:clamp(56px,7.5vw,96px);scroll-margin-top:76px}
h1,h2{font-family:var(--h);font-weight:600;letter-spacing:-.012em;text-wrap:balance}h3{font-family:var(--f);font-weight:600;text-wrap:balance}
h1{font-size:clamp(2.15rem,4.6vw,3.45rem);line-height:1.1}
h2{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.18}
h3{font-size:1.02rem;line-height:1.3;letter-spacing:-.015em}
.kick{display:flex;align-items:center;gap:10px;font:600 .78rem/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.kick::before{content:"";width:22px;height:2px;background:currentColor}
.dark .kick,.hero .kick{color:var(--blue-l)}
.sub{color:var(--mut);margin-top:12px;max-width:560px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 26px;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,box-shadow .15s;text-align:center;line-height:1.2}
.btn.pri{background:var(--blue);color:#fff;box-shadow:0 1px 0 #ffffff33 inset,0 8px 20px -10px #1f55e0}
.btn.pri:hover{background:var(--blue-d)}
.btn.out{border-color:#3b4d86;color:var(--on-dark)}.btn.out:hover{background:#ffffff12}
.btn.out-l{border-color:#b9c4dd;color:var(--ink)}.btn.out-l:hover{background:#fff}
.btn[disabled]{opacity:.6;cursor:progress}
/* header */
header{position:fixed;left:0;right:0;top:0;padding-top:env(safe-area-inset-top,0px);z-index:50;background:#081230;border-bottom:1px solid var(--line-dark);color:var(--on-dark)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--f);font-weight:600;font-size:1.2rem;letter-spacing:-.01em}
.logo img{width:38px;height:38px;border-radius:50%;background:#fff;padding:2px}
nav.main{display:flex;align-items:center;gap:28px;font-size:.92rem;color:var(--mut-dark)}
nav.main a:not(.btn):hover{color:#fff}
nav.main .btn{min-height:42px;padding:8px 20px;font-size:.92rem;color:#fff}
.burger{display:none;background:none;border:1px solid var(--line-dark);border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:#fff}
/* hero */
.hero{position:relative;background:radial-gradient(900px 500px at 78% 40%,#1b3a99 0%,transparent 65%),var(--navy);color:var(--on-dark);padding-block:clamp(40px,5.5vw,76px) clamp(92px,10vw,132px);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(#000 20%,transparent 85%);mask-image:linear-gradient(#000 20%,transparent 85%)}
.hero .mark{position:absolute;left:-40px;bottom:-60px;width:420px;opacity:.07;fill:#fff;pointer-events:none}
.hero .grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,56px);align-items:center}
.hero h1 em{font-style:normal;color:var(--blue-l)}
.hero p.lead{color:var(--mut-dark);font-size:clamp(1.02rem,1.5vw,1.15rem);margin-top:20px;max-width:470px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hnote{margin-top:18px;color:var(--mut-dark);font-size:.86rem;display:flex;gap:8px;align-items:center}
.hnote svg{color:var(--blue-l);width:1.1em;height:1.1em}
/* cena: laptop + celular (tudo em em, escala com a largura) */
.scene,.frame,.sv,.order{--d:var(--f)}
.scene{position:relative;container-type:inline-size;min-width:0;padding-bottom:3cqw}
.lap{font-size:.66vw;font-size:1.5cqw;width:90%}
.lscreen{background:#050914;border-radius:1.3em 1.3em .3em .3em;padding:.9em .9em 0;border:1px solid #33427a;box-shadow:0 40px 80px -30px #000}
.dash{background:var(--paper);border-radius:.6em .6em 0 0;height:35em;display:grid;grid-template-columns:10.5em minmax(0,1fr);overflow:hidden;color:var(--ink);font-size:1em;line-height:1.35}
.dash aside{background:var(--navy2);color:#b4c1e3;padding:1.1em .8em;display:flex;flex-direction:column;gap:.25em}
.dash aside .br{display:flex;align-items:center;gap:.6em;color:#fff;font:700 1.05em var(--d);padding:0 .4em 1em}
.dash aside .br img{width:1.9em;height:1.9em;border-radius:50%;background:#fff}
.dash aside span{display:flex;align-items:center;gap:.6em;padding:.6em .6em;border-radius:.5em;font-size:.88em}
.dash aside span::before{content:"";width:.9em;height:.9em;border-radius:.25em;background:#3a4c86}
.dash aside span.on{background:var(--blue);color:#fff}.dash aside span.on::before{background:#fff}
.dash aside .us{margin-top:auto;display:flex;align-items:center;gap:.6em;font-size:.82em;padding:.5em}
.dash aside .us i{width:1.9em;height:1.9em;border-radius:50%;background:#5f78c9;display:block}
.dash main{padding:1em 1.2em;display:flex;flex-direction:column;gap:.9em;min-width:0}
.tbar{display:flex;align-items:center;justify-content:space-between;gap:1em}
.tbar b{font:700 1.15em var(--d)}
.tbar .sr{flex:1;max-width:15em;height:2em;border-radius:1em;background:#fff;border:1px solid var(--line);margin-left:auto}
.tbar .av{width:2em;height:2em;border-radius:50%;background:var(--blue)}
.kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em}
.kc{background:#fff;border:1px solid var(--line);border-radius:.7em;padding:.8em .9em}
.kc small{display:block;color:var(--mut);font-size:.8em}
.kc strong{display:block;font:700 1.55em var(--d);letter-spacing:-.02em;line-height:1.2}
.kc em{font-style:normal;font-size:.78em;color:var(--ok);font-weight:600}
.kc em.w{color:var(--warn)}
.kc svg{display:block;width:100%;height:1.8em;margin-top:.3em}
.mid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:.8em;flex:1;min-height:0}
.card2{background:#fff;border:1px solid var(--line);border-radius:.7em;padding:.9em 1em;min-width:0;display:flex;flex-direction:column}
.card2 h5{font:600 .95em var(--f);margin-bottom:.6em;display:flex;justify-content:space-between}
.card2 h5 small{font-weight:500;color:var(--mut)}
.card2 svg.ch{flex:1;width:100%;min-height:0}
.act{display:flex;flex-direction:column;gap:.7em}
.act div{display:flex;gap:.7em;align-items:center;font-size:.85em}
.act i{width:2em;height:2em;border-radius:50%;flex:none;display:grid;place-items:center;font-style:normal;font-size:.8em;font-weight:700;color:#fff}
.act span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act small{display:block;color:var(--mut);font-size:.82em}
.lbase{height:1.2em;width:106%;margin-left:-3%;background:linear-gradient(#d5dcee,#9aa7c6);border-radius:0 0 1.6em 1.6em;position:relative;box-shadow:0 20px 30px -14px #000}
.lbase::after{content:"";position:absolute;left:50%;top:0;width:12%;height:.4em;transform:translateX(-50%);background:#8793b3;border-radius:0 0 .5em .5em}
.phone{position:absolute;right:0;bottom:0;width:23%;font-size:.5vw;font-size:1.12cqw;background:#050914;border-radius:2.6em;padding:.55em;border:1px solid #33427a;box-shadow:0 30px 50px -20px #000}
.pscr{background:#fff;border-radius:2.1em;height:34em;padding:1.6em 1em 1em;display:flex;flex-direction:column;gap:.8em;color:var(--ink);overflow:hidden}
.pscr h6{font:700 1.15em var(--d);display:flex;justify-content:space-between;align-items:center}
.pscr h6 span{background:var(--blue);color:#fff;font:600 .65em var(--f);padding:.25em .7em;border-radius:1em}
.pi{border:1px solid var(--line);border-radius:.9em;padding:.8em;font-size:.82em;display:flex;flex-direction:column;gap:.5em}
.pi b{font-weight:600}
.pi small{color:var(--mut)}
.pi .bt{display:flex;gap:.5em}
.pi .bt i{font-style:normal;flex:1;text-align:center;padding:.45em 0;border-radius:.6em;font-weight:600;font-size:.9em;background:var(--ice);color:var(--blue)}
.pi .bt i.p{background:var(--blue);color:#fff}
.cap{position:absolute;left:0;bottom:-6px;color:var(--mut-dark);font-size:.76rem}
/* faixa de diferenciais sobreposta */
.facts{position:relative;margin-top:-56px;z-index:2}
.facts .box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 50px -28px #0a1a4a99}
.facts .box>div{display:flex;gap:16px;align-items:flex-start;padding:24px 26px}
.facts .box>div+div{border-left:1px solid var(--line)}
.facts .ic{width:44px;height:44px;border-radius:50%;background:var(--ice);color:var(--blue);display:grid;place-items:center;flex:none}
.facts p{color:var(--mut);font-size:.9rem;margin-top:2px}
/* problema */
.light{background:var(--paper)}
.white{background:#fff;border-block:1px solid var(--line)}
.pgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.pains{list-style:none;padding:0;margin-top:22px;display:grid;gap:0}
.pains li{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.pains li:last-child{border-bottom:1px solid var(--line)}
.pains b{font-family:var(--d);font-weight:700;display:block;font-size:1rem}
.pains span{color:var(--mut);font-size:.93rem}
.pains svg{color:#c4372b;margin-top:3px}
.close{margin-top:24px;font-family:var(--h);font-weight:600;font-size:1.3rem;line-height:1.35;max-width:500px}
.close span{color:var(--blue)}
.flow{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:8px;align-items:center}
.chaos{position:relative;height:300px;background:repeating-linear-gradient(135deg,#eef1f8 0 10px,#e8ecf6 10px 20px);border:1px dashed #b9c4dd;border-radius:12px}
.chip{position:absolute;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:.78rem;font-weight:500;box-shadow:0 6px 14px -8px #1a2a5a66;white-space:nowrap}
.chip i{width:9px;height:9px;border-radius:2px;flex:none}
.chip:nth-child(1){left:6%;top:8%;transform:rotate(-4deg)}.chip:nth-child(1) i{background:#1d8f5a}
.chip:nth-child(2){right:4%;top:24%;transform:rotate(3deg)}.chip:nth-child(2) i{background:#2bb673}
.chip:nth-child(3){left:10%;top:48%;transform:rotate(2deg)}.chip:nth-child(3) i{background:#d9573a}
.chip:nth-child(4){right:6%;top:66%;transform:rotate(-3deg)}.chip:nth-child(4) i{background:#e0a21a}
.chip:nth-child(5){left:12%;bottom:6%;transform:rotate(-2deg)}.chip:nth-child(5) i{background:#7a5ae0}
.arr{color:var(--blue);display:grid;place-items:center}
.arr svg{width:30px;height:30px}
.order{background:var(--navy2);border-radius:12px;padding:12px;height:300px;color:#fff;display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 40px -26px #0a1a4a}
.order .t{display:flex;gap:5px;align-items:center;font-size:.72rem;color:var(--mut-dark)}
.order .t i{width:7px;height:7px;border-radius:50%;background:#3a4c86}
.order .rows{background:#fff;color:var(--ink);border-radius:8px;padding:10px;flex:1;display:flex;flex-direction:column;gap:8px;font-size:.72rem}
.order .r{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #edf0f7}
.order .r:last-child{border:0}
.order .r i{width:10px;height:10px;border-radius:3px;background:var(--blue);flex:none}
.order .r span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl{font-size:.62rem;font-weight:600;padding:2px 7px;border-radius:99px;background:#e3f6ec;color:var(--ok)}
.pl.b{background:var(--ice);color:var(--blue)}.pl.y{background:#fff1d6;color:var(--warn)}
.order .sum{display:flex;gap:8px}.order .sum div{flex:1;background:#f3f6fd;border-radius:6px;padding:6px 8px;color:var(--mut);font-size:.6rem}.order .sum b{display:block;color:var(--ink);font:700 1rem var(--d)}
/* soluções */
.sol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.sc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 14px 20px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s}
.sc:hover{border-color:#a9bbe6;box-shadow:0 18px 30px -22px #1a2f6b88}
.sc h3{margin-top:10px;padding:0 6px}
.sc p{color:var(--mut);font-size:.9rem;padding:0 6px}
.sc button{margin:auto 6px 0;padding-top:10px;background:none;border:0;color:var(--blue);font-weight:600;font-size:.9rem;cursor:pointer;text-align:left;display:inline-flex;gap:6px;align-items:center}
.sc button:hover{text-decoration:underline}
.sv{height:112px;border-radius:8px;background:var(--ice);position:relative;overflow:hidden;padding:12px;display:flex;gap:6px}
.sv.g{flex-direction:column;justify-content:center;gap:7px}
.sv.g div{display:flex;align-items:center;gap:8px;background:#fff;border-radius:5px;padding:5px 8px;font-size:.62rem;color:var(--ink)}
.sv.g div::before{content:"";width:9px;height:9px;border-radius:2px;border:1.5px solid var(--blue);flex:none}
.sv.g div.d::before{background:var(--blue)}
.sv.g div b{margin-left:auto;font-weight:600;color:var(--ok);font-size:.58rem}
.sv.k div{flex:1;display:flex;flex-direction:column;gap:5px}
.sv.k small{font-size:.54rem;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.sv.k i{display:block;height:18px;border-radius:4px;background:#fff;border-left:3px solid var(--blue)}
.sv.k div:nth-child(2) i{border-color:#e0a21a}.sv.k div:nth-child(3) i{border-color:#1f9d63}
.sv.p{gap:10px}
.sv.p .pf{width:38%;background:#fff;border-radius:6px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.58rem;color:var(--mut)}
.sv.p .pf i{width:26px;height:26px;border-radius:50%;background:var(--blue)}
.sv.p .pd{flex:1;display:flex;flex-direction:column;gap:5px}
.sv.p .pd span{background:#fff;border-radius:5px;padding:5px 8px;font-size:.6rem;display:flex;justify-content:space-between}
.sv.p .pd span b{color:var(--ok);font-weight:600}
.sv.a{align-items:center;justify-content:space-between}
.sv.a span{background:#fff;border:1px solid #c3d1f5;border-radius:6px;padding:7px 9px;font-size:.6rem;font-weight:600;text-align:center;flex:none;line-height:1.25}
.sv.a span.on{background:var(--blue);border-color:var(--blue);color:#fff}
.sv.a u{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 5px,transparent 5px 9px);min-width:8px}
.sv.d{align-items:flex-end;gap:7px;padding:16px 14px 12px}
.sv.d i{flex:1;background:#b9ccf7;border-radius:3px 3px 0 0;display:block}
.sv.d i.h{background:var(--blue)}
.sv.d svg{position:absolute;inset:14px 14px 12px 14px;width:calc(100% - 28px);height:calc(100% - 26px)}
.sv.s{gap:8px;align-items:stretch}
.sv.s div{flex:1;background:#fff;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:4px;font-size:.58rem;color:var(--mut)}
.sv.s div b{color:var(--ink);font:700 .9rem var(--d)}
.sv.s div.on{background:var(--blue);color:#cfe0ff}.sv.s div.on b{color:#fff}
/* projetos */
.show{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(24px,4vw,48px);margin-top:36px;align-items:start}
.tabs{display:flex;flex-direction:column;gap:10px}
.tab{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;text-align:left;cursor:pointer;display:block;width:100%;transition:border-color .15s,background .15s}
.tab b{font-family:var(--d);font-size:1rem;display:block}
.tab span{color:var(--mut);font-size:.88rem}
.tab[aria-selected="true"]{border-color:var(--blue);background:var(--ice);box-shadow:inset 3px 0 0 var(--blue)}
.pcta{margin-top:12px}
.frame{container-type:inline-size;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 50px -34px #0a1a4aaa}
.frame .top{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#eef1f8;border-bottom:1px solid var(--line)}
.frame .top i{width:9px;height:9px;border-radius:50%;background:#c4cce0}
.frame .top b{margin-left:10px;font-size:.74rem;font-weight:500;color:var(--mut);background:#fff;border:1px solid var(--line);border-radius:99px;padding:2px 14px}
.scr{font-size:11px;font-size:max(9px,1.55cqw);padding:1.4em;min-height:27em;line-height:1.35}
.scr[hidden]{display:none}
.sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;gap:1em}
.sh b{font:700 1.3em var(--d)}
.sh small{color:var(--mut)}
.bd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}
.col{background:var(--paper);border-radius:.7em;padding:.8em;display:flex;flex-direction:column;gap:.6em;min-width:0}
.col h6{font:600 .8em var(--f);color:var(--mut);text-transform:uppercase;letter-spacing:.07em;display:flex;justify-content:space-between}
.tk{background:#fff;border:1px solid var(--line);border-radius:.6em;padding:.7em .8em;font-size:.88em;display:flex;flex-direction:column;gap:.5em}
.tk b{font-weight:600}
.tk .m{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:var(--mut)}
.tg{padding:.1em .6em;border-radius:99px;font-size:.78em;font-weight:600;background:var(--ice);color:var(--blue)}
.tg.y{background:#fff1d6;color:var(--warn)}.tg.g{background:#e3f6ec;color:var(--ok)}.tg.r{background:#fde8e6;color:#c4372b}
.av2{width:1.7em;height:1.7em;border-radius:50%;background:#5f78c9;display:inline-block}.av2.b{background:#1d8f5a}.av2.c{background:#d9573a}
.tbl{width:100%;border-collapse:collapse;font-size:.92em}
.tbl th{text-align:left;color:var(--mut);font-weight:500;font-size:.85em;padding:.6em .5em;border-bottom:1px solid var(--line)}
.tbl td{padding:.75em .5em;border-bottom:1px solid #eef1f8;white-space:nowrap}
.tbl td:first-child{font-weight:600;max-width:0;width:38%;overflow:hidden;text-overflow:ellipsis}
.chips2{display:flex;gap:.8em;margin-bottom:1em}
.chips2 div{flex:1;border:1px solid var(--line);border-radius:.7em;padding:.7em .9em}
.chips2 small{color:var(--mut);display:block;font-size:.85em}
.chips2 b{font:700 1.4em var(--d)}
.pipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em}
.pipe .tk .v{font-weight:700;font-family:var(--d)}
.fn{height:.6em;border-radius:99px;background:var(--blue);margin-top:.2em}
.pinfo{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pinfo h4{font:600 .78rem var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}
.pinfo p{color:var(--mut);font-size:.92rem}
.note{margin-top:14px;color:var(--mut);font-size:.8rem}
/* processo */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px;list-style:none;padding:0;counter-reset:s;position:relative}
.steps li{counter-increment:s;position:relative;padding-top:56px}
.steps li::before{content:"0" counter(s);position:absolute;top:0;left:0;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 .9rem var(--d);z-index:1}
.steps li::after{content:"";position:absolute;top:21px;left:44px;right:-28px;height:2px;background:var(--line)}
.steps li:last-child::after{display:none}
.steps p{color:var(--mut);font-size:.92rem;margin-top:6px}
/* contato */
.dark{position:relative;background:radial-gradient(700px 400px at 12% 10%,#1a3a96 0,transparent 65%),var(--navy);color:var(--on-dark);overflow:hidden}
.dark .mark{position:absolute;right:-60px;top:-40px;width:380px;opacity:.06;fill:#fff;pointer-events:none}
.dark .sub{color:var(--mut-dark)}
.cgrid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"head form" "faq form";grid-template-rows:auto 1fr;column-gap:clamp(28px,5vw,64px);row-gap:8px;align-items:start}
.chead{grid-area:head}#lead{grid-area:form;scroll-margin-top:92px}.faqbox{grid-area:faq;scroll-margin-top:84px}
.fh{font-size:1.05rem;margin-top:24px}
.q{border-bottom:1px solid var(--line-dark)}
.q:first-of-type{border-top:1px solid var(--line-dark);margin-top:28px}
.q h4{font-size:inherit;font-weight:inherit}
.q button{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;background:none;border:0;padding:16px 0;text-align:left;cursor:pointer;font-weight:600;font-size:.95rem}
.q button svg{transition:transform .2s;color:var(--blue-l)}
.q button[aria-expanded="true"] svg{transform:rotate(45deg)}
.q .a p{color:var(--on-dark);opacity:.82;font-size:.93rem;padding-bottom:18px;max-width:520px}
.q .a:not([hidden]){animation:fup .3s ease}
form{background:#fff;color:var(--ink);border-radius:14px;padding:clamp(22px,3vw,32px);display:grid;gap:14px;box-shadow:0 40px 70px -40px #000}
form h3{font-size:1.25rem}
.f2c{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{display:grid;gap:5px;min-width:0}
label{font-size:.85rem;font-weight:600}
input,select,textarea{width:100%;background:#fff;border:1px solid #b9c4dd;border-radius:8px;padding:11px 12px;min-height:46px;color:var(--ink)}
textarea{min-height:84px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:2px solid #1f55e033;outline-offset:0}
[aria-invalid="true"]{border-color:#d33}
.err{color:#b42318;font-size:.8rem}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--mut);font-weight:400}
.chk input{width:18px;height:18px;min-height:0;margin-top:2px;flex:none;accent-color:#1f55e0}
.chk a,.more{color:var(--blue);text-decoration:underline;cursor:pointer}
.more{background:none;border:0;font-size:.85rem;text-align:left;width:max-content}
#extra{display:grid;gap:14px}[hidden]{display:none!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{border-radius:8px;padding:14px;font-size:.92rem;border:1px solid var(--line);background:var(--paper)}
.status.ok{border-color:#8fd3b0;background:#effaf4}.status.bad{border-color:#f0a4a4;background:#fdf1f1}
.status strong{display:block;margin-bottom:2px}
.status .btn{margin-top:10px}
.alt-wa{text-align:center;font-size:.85rem;color:var(--mut)}
.alt-wa a{color:var(--blue);font-weight:600;text-decoration:underline}
footer{background:#050c22;color:var(--mut-dark);padding-block:36px;font-size:.85rem}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
footer a:hover{color:#fff}
footer .l{display:flex;gap:20px;flex-wrap:wrap}
footer button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit}
dialog{border:0;border-radius:12px;padding:24px;width:min(460px,calc(100% - 32px));color:var(--ink)}
dialog::backdrop{background:#02061acc}
dialog h3{margin-bottom:8px}dialog p{color:var(--mut)}dialog .btn{margin-top:16px}
.mbar{display:none}
@media(max-width:1023px){
  .hero .grid,.pgrid,.show{grid-template-columns:minmax(0,1fr)}
  .cgrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "form" "faq";grid-template-rows:auto}
  .faqbox{margin-top:28px}
  .sol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .steps li:nth-child(2)::after{display:none}
  .tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.tab{min-width:230px}
  .scene{max-width:640px}
}
@media(max-width:860px){
  .burger{display:flex}
  nav.main{position:fixed;inset:calc(68px + env(safe-area-inset-top,0px)) 0 auto 0;background:var(--navy);border-bottom:1px solid var(--line-dark);flex-direction:column;align-items:stretch;gap:0;padding:4px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px));display:none}
  nav.main.open{display:flex}
  nav.main a:not(.btn){padding:15px 0;border-bottom:1px solid var(--line-dark);color:#fff;font-size:1rem}
  nav.main .btn{margin-top:14px;min-height:48px}
  .facts .box{grid-template-columns:1fr}.facts .box>div+div{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:640px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .sol,.steps,.f2c,.pinfo{grid-template-columns:minmax(0,1fr)}
  .steps li::after{display:none}
  .cta .btn{width:100%}
  .flow{grid-template-columns:minmax(0,1fr)}.arr{transform:rotate(90deg);height:32px}
  .dash{grid-template-columns:minmax(0,1fr)}.dash aside{display:none}
  .phone{display:none}.lap{width:100%}
  .bd{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto}
  .pipe{grid-template-columns:repeat(4,minmax(140px,1fr));overflow-x:auto}
  .mbar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));transition:transform .2s}
  .mbar.off{transform:translateY(110%)}
  .mbar .btn{flex:1;min-height:46px}
  .mbar .wa{flex:none;width:50px;padding:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* ===== efeitos, animacoes e 3D ===== */
.prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:70;background:linear-gradient(90deg,#3f7bff,#7ea4ff);transform-origin:left;transform:scaleX(0)}
.btn svg{transition:transform .2s}.btn:hover svg{transform:translateX(3px)}
.hero h1 em{background:linear-gradient(var(--blue-l),var(--blue-l)) 0 100%/0 2px no-repeat;animation:ul 1s .6s both}
@keyframes ul{to{background-size:100% 2px}}
/* hero 3D */
.tilt{position:relative;transform-style:preserve-3d;transform:perspective(1500px) rotateY(-7deg) rotateX(3deg);transition:transform .25s ease-out}
.phone{transform:translateZ(60px);bottom:-3cqw}
.lap{transform-style:preserve-3d}
.kc svg polyline{stroke-dasharray:1;stroke-dashoffset:0;animation:draw 1.4s .5s backwards ease-out}
.card2 svg.ch polyline{stroke-dasharray:1;animation:draw 1.8s .7s backwards ease-out}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.pi .bt i.p{transition:background .25s}
.pi .bt i.p.done{background:var(--ok)}
/* revelar ao rolar */
html.rv .rv-i{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
html.rv .rv-i.in{opacity:1;transform:none}
html.rv .sc.in{transition:opacity .7s ease,transform .15s ease-out,border-color .15s,box-shadow .15s}
html.rv .steps:not(.in) li::after{transform:scaleX(0)}
.steps li::after{transform-origin:left;transition:transform .9s .3s ease}
/* caos -> ordem */
.chip{transition:left .9s cubic-bezier(.2,.8,.2,1),top .9s cubic-bezier(.2,.8,.2,1),right .9s,bottom .9s,transform .9s}
.chaos.go .chip{left:10%;right:auto;bottom:auto;transform:rotate(0)}
.chaos.go .chip:nth-child(1){top:9%}.chaos.go .chip:nth-child(2){top:27%}.chaos.go .chip:nth-child(3){top:45%}.chaos.go .chip:nth-child(4){top:63%}.chaos.go .chip:nth-child(5){top:81%}
.chaos.go{background:repeating-linear-gradient(135deg,#eaf0ff 0 10px,#e4ecff 10px 20px);border-color:#9fb6ee}
.flow.go .order{box-shadow:0 0 0 2px #3f7bff55,0 24px 40px -26px #0a1a4a}
.order{transition:box-shadow .8s}
/* cards: brilho e inclinacao */
.sc{position:relative}
.sc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#1f55e01f,transparent 70%);opacity:0;transition:opacity .2s}
.sc:hover::after{opacity:1}
/* abas: entrada */
.scr:not([hidden]) .tk,.scr:not([hidden]) .tbl tr,.scr:not([hidden]) .chips2 div{animation:fup .45s ease backwards}
.scr .col:nth-child(2) .tk{animation-delay:.08s!important}.scr .col:nth-child(3) .tk{animation-delay:.16s!important}.scr .col:nth-child(4) .tk{animation-delay:.24s!important}
.scr .tbl tr:nth-child(2){animation-delay:.06s!important}.scr .tbl tr:nth-child(3){animation-delay:.12s!important}.scr .tbl tr:nth-child(4){animation-delay:.18s!important}.scr .tbl tr:nth-child(5){animation-delay:.24s!important}
@keyframes fup{from{opacity:0;transform:translateY(8px)}}
/* pilha 3D */
.sgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.stagebox{min-width:0}
.lgs{display:grid;gap:0;margin-top:22px;border-top:1px solid var(--line)}
.lg{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:16px 8px 16px 0;cursor:pointer;transition:padding .2s,background .2s}
.lg b{display:block;font-weight:600}
.lg span{color:var(--mut);font-size:.92rem}
.lg:hover,.lg:focus-visible{padding-left:12px;background:var(--ice)}
@media(max-width:1023px){.sgrid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.mt{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}.tilt{transform:none}}

/* ===== modulos 3D do hero ===== */
.mt{position:absolute;display:flex;gap:.7em;align-items:center;background:#fff;color:var(--ink);border-radius:12px;padding:.55em .95em .55em .55em;font-size:11px;font-size:max(11px,1.05cqw);box-shadow:0 18px 30px -12px #000b;z-index:3;transform:translateZ(var(--z));animation:fl 6s ease-in-out infinite;will-change:transform}
.mt .mi{width:2.5em;height:2.5em;border-radius:50%;background:var(--ice);color:var(--blue);display:grid;place-items:center;flex:none}
.mt b{display:block;font-weight:600;line-height:1.2}
.mt small{color:var(--ok);font-size:.78em;font-weight:600}
.t1{left:-4%;top:-5%;--z:70px}.t2{left:-7%;bottom:12%;--z:95px;animation-delay:-2s}.t3{right:10%;top:-9%;--z:50px;animation-delay:-4s}
@keyframes fl{50%{transform:translateZ(var(--z)) translateY(-8px)}}
/* ===== WhatsApp: cor e simbolo oficiais ===== */
.wa-i{width:1.4em;height:1.4em;fill:currentColor;stroke:none;flex:none}
.wa-btn{background:#25D366;border-color:#25D366;color:#052e16}
.wa-btn:hover{background:#1fbd5a;border-color:#1fbd5a}
.wa-txt{display:inline-flex;align-items:center;gap:6px}
.wa-txt .wa-i{color:#25D366;width:1.25em;height:1.25em}
.alt-wa .wa-txt{color:#128c4a}
.mbar .wa{background:#25D366;border-color:#25D366;color:#fff}
.mbar .wa .wa-i{width:28px;height:28px}
.wa-float{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px #0007;z-index:45;transition:transform .15s}
.wa-float:hover{transform:scale(1.07)}
.wa-float .wa-i{width:34px;height:34px}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:ring 2.6s ease-out infinite;pointer-events:none}
@keyframes ring{from{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:0}}
@media(max-width:640px){.wa-float,.mt{display:none}}
@media(prefers-reduced-motion:reduce){.wa-float::after{display:none}}

/* ===== arquitetura 3D isometrica ===== */
.stage{position:relative;display:grid;place-items:center}
#stack{width:100%;max-width:440px;height:auto;overflow:visible;display:block}
.sl{transform:translateY(var(--c));transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .3s}
#stack.on .sl{transform:none}
.bm{opacity:0;transition:opacity .6s .7s}
#stack.on .bm{opacity:1}
.pk{opacity:0}
#stack.on .pk{animation:pk 2.2s ease-in infinite}
@keyframes pk{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(var(--d));opacity:0}}
.stage[data-hl] .sl{opacity:.28}
.stage[data-hl="0"] .sl0,.stage[data-hl="1"] .sl1,.stage[data-hl="2"] .sl2,.stage[data-hl="3"] .sl3{opacity:1}
.lg b i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font:600 .72rem var(--f);font-style:normal;margin-right:10px;vertical-align:1px}
@media(prefers-reduced-motion:reduce){#stack.on .pk{animation:none}.sl{transition:none}}

/* ===== cards de dor (todos os tamanhos) ===== */
h2 em{font-style:normal;color:var(--blue)}
.mo{display:none}
.pl-l{display:inline-block;padding:7px 13px;border-radius:99px;font:600 .72rem/1 var(--f);letter-spacing:.09em;text-transform:uppercase}
.pl-l.red{background:#fde8e6;color:#b8362b;border:1px solid #f6c7c2}
.pl-l.blue{background:#e3ecff;color:#1f55e0;border:1px solid #c7d8ff}
.pains{gap:10px}
.pains li,.pains li:last-child{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;align-items:center}
.pi-ic{width:44px;height:44px;border-radius:12px;background:#fdecea;color:#d6453a;display:grid;place-items:center;flex:none}
.pains svg{color:inherit;margin:0}
.chev{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--blue);place-items:center;margin:18px auto 0}
.chev svg{transform:rotate(90deg)}
/* ===== celular: tela do aplicativo ===== */
.mphone{container-type:inline-size;width:100%;max-width:340px;margin:0 auto}
.mp-bez{font-size:12px;font-size:3.3cqw;background:#0b1020;border-radius:3em 3em 0 0;padding:.6em .6em 0;border:1px solid #1d2a50;border-bottom:0;box-shadow:0 30px 50px -24px #0a1a4a99}
.mp-scr{position:relative;background:#f4f7fd;border-radius:2.5em 2.5em 0 0;padding:.9em 1.1em 1em;height:60em;overflow:hidden;color:var(--ink);line-height:1.3}
.mp-scr::before{content:"";position:absolute;left:50%;top:.7em;width:6.6em;height:1.7em;border-radius:99px;background:#0b1020;transform:translateX(-50%)}
.mp-st{display:flex;align-items:center;gap:.6em;justify-content:space-between;font-size:.95em;padding:0 .4em;margin-bottom:1.3em}
.mp-sig{margin-left:auto;display:flex;gap:.18em;align-items:flex-end}.mp-sig i{width:.28em;background:var(--ink);border-radius:1px}.mp-sig i:nth-child(1){height:.4em}.mp-sig i:nth-child(2){height:.6em}.mp-sig i:nth-child(3){height:.8em}.mp-sig i:nth-child(4){height:1em}
.mp-bat{width:1.7em;height:.85em;border:1.5px solid var(--ink);border-radius:.25em;position:relative}.mp-bat::after{content:"";position:absolute;inset:1px;right:30%;background:var(--ink);border-radius:1px}
.mp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}
.mp-lg{display:flex;align-items:center;gap:.5em}.mp-lg img{width:2em;height:2em;border-radius:50%;background:#fff}.mp-lg b{font:600 1.25em var(--f);letter-spacing:-.01em}
.mp-r{display:flex;align-items:center;gap:.7em}
.mp-bell{position:relative;display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:#fff;border:1px solid var(--line);font-style:normal}.mp-bell svg{width:1.3em;height:1.3em}
.mp-bell u{position:absolute;top:.35em;right:.4em;width:.7em;height:.7em;border-radius:50%;background:#e5483d;border:1.5px solid #fff}
.mp-av{width:2.4em;height:2.4em;border-radius:50%;background:linear-gradient(135deg,#7a8fd0,#3b4f94)}
.mp-gr{display:flex;justify-content:space-between;gap:.6em;align-items:flex-start;margin-bottom:1em}
.mp-gr h5{font:700 1.6em var(--f);letter-spacing:-.02em}.mp-gr p{color:var(--mut);font-size:.9em;margin-top:.15em}
.mp-dt{background:#fff;border:1px solid var(--line);border-radius:.8em;padding:.45em .7em;font-size:.8em;white-space:nowrap}
.mp-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;margin-bottom:.9em}
.mp-kp div{background:#fff;border:1px solid var(--line);border-radius:1em;padding:.7em .7em}
.mp-kp small{display:block;color:var(--mut);font-size:.72em}.mp-kp strong{display:block;font:700 1.35em var(--f);letter-spacing:-.02em;margin:.1em 0;white-space:nowrap}.mp-kp em{font-style:normal;color:var(--ok);font-size:.74em;font-weight:600}
.mp-ch{position:relative;background:#fff;border:1px solid var(--line);border-radius:1em;padding:.8em .9em .5em;margin-bottom:.9em}
.mp-ch>b{font-size:.88em}.mp-ch svg{display:block;width:100%;height:7em;margin-top:.5em}
.mp-tip{position:absolute;right:26%;top:3.6em;background:#fff;border:1px solid var(--line);border-radius:.7em;padding:.35em .6em;font-size:.72em;color:var(--mut);box-shadow:0 6px 14px -8px #0a1a4a66;line-height:1.25}.mp-tip b{display:block;color:var(--ink)}
.mp-ls{background:#fff;border:1px solid var(--line);border-radius:1em;padding:.8em .9em}
.mp-lh{display:flex;justify-content:space-between;font-size:.88em;margin-bottom:.4em}.mp-lh span{color:var(--blue);font-weight:600}
.mp-row{display:flex;align-items:center;gap:.7em;padding:.55em 0;border-top:1px solid #edf0f7;font-size:.8em}
.mp-row i{width:1.9em;height:1.9em;border-radius:.5em;flex:none}
.mp-row span{flex:1;min-width:0;color:var(--mut)}.mp-row span b{color:var(--ink);margin-right:.5em}
.mp-row em{font-style:normal;font-size:.85em;font-weight:600;padding:.25em .7em;border-radius:99px;background:#e3ecff;color:#1f55e0}
.mp-row em.s2{background:#fff1d6;color:#a36500}.mp-row em.s3{background:#e3f6ec;color:#168a57}
/* ===== celular: visual claro e arejado ===== */
@media(max-width:640px){
  .mo{display:block}
  header{background:#fff;border-bottom:1px solid var(--line);color:var(--ink)}
  .logo{color:var(--navy)}
  .burger{border-color:var(--line);color:var(--ink)}
  nav.main{background:#fff;border-bottom:1px solid var(--line)}
  nav.main a:not(.btn){color:var(--ink);border-bottom:1px solid var(--line)}
  .hero{background:linear-gradient(180deg,#e3edff 0%,#f1f6ff 60%,var(--paper) 100%);color:var(--ink);padding-block:26px 84px}
  .hero::before,.hero .mark{display:none}
  .hero .kick{background:#fff;border:1px solid #c7d8ff;color:var(--blue);padding:7px 12px;border-radius:99px;font-size:.64rem;letter-spacing:.05em;margin-bottom:18px}
  .hero .kick::before{display:none}
  .hero h1{font-size:2.3rem;line-height:1.1}
  .hero h1 em{color:var(--blue);background:none;animation:none}
  .hero p.lead,.hnote{color:var(--mut)}
  .hnote svg{color:var(--blue)}
  .scene{display:none}
  #problemas{background:linear-gradient(180deg,var(--paper),#e9f0ff)}
  #problemas h2{font-size:2.05rem;line-height:1.12;margin-top:14px}
  #problemas .sub{margin:14px 0 22px;font-size:1rem}
  .flow,.close{display:none}
  .chev{display:grid}
  .mpanel{display:block;margin-top:18px;background:linear-gradient(180deg,#d9e7ff 0%,#e9f1ff 45%,#f5f8ff 100%);border:1px solid #c7d8ff;border-radius:26px;padding:22px 16px 0;overflow:hidden;position:relative}
  .mp-h{font-family:var(--h);font-weight:600;font-size:1.75rem;line-height:1.15;margin:14px 0 18px}
  .mp-wrap{height:500px;overflow:hidden;position:relative}
  .mp-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,#f5f8ff);pointer-events:none}
  .mp-cap{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:var(--mut);font-size:.72rem;z-index:2;margin:0}
}

/* ===== quem somos ===== */
.brand{position:relative;background:radial-gradient(800px 380px at 18% 40%,#1a3a96 0,transparent 65%),var(--navy);color:var(--on-dark);overflow:hidden}
.brand::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 75%);mask-image:linear-gradient(90deg,#000,transparent 75%)}
.bgrid{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center}
.plate{position:relative;background:#fff;border-radius:20px;padding:clamp(20px,3vw,34px);display:grid;place-items:center;box-shadow:0 40px 70px -34px #000;transform:rotate(-1.5deg)}
.plate::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px solid #5b8dff;transform:translate(14px,14px);z-index:-1}
.wm{display:block;width:100%;max-width:380px;height:auto}
.btxt h2{max-width:560px}
.btxt p{color:var(--mut-dark);margin-top:16px;max-width:540px}
.pil{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin-top:24px}
.pil li{display:flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--line-dark);border-radius:99px;background:#ffffff08;font-size:.9rem}
.pil svg{color:var(--blue-l);width:1.15em;height:1.15em}
.scar{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 32px;align-items:center;margin-top:clamp(36px,5vw,56px);padding:22px 26px;border:1px solid var(--line-dark);border-radius:16px;background:linear-gradient(90deg,#ffffff10,#ffffff05);transition:border-color .2s,background .2s}
.scar:hover{border-color:#5b8dff;background:linear-gradient(90deg,#ffffff18,#ffffff08)}
.sc-t small{display:block;color:var(--blue-l);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.sc-t b{font:600 1.7rem var(--h);letter-spacing:-.01em}
.sc-d{color:var(--mut-dark);font-size:.93rem}
.sc-l{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:#fff;white-space:nowrap}
.sc-l svg{transition:transform .2s}.scar:hover .sc-l svg{transform:translateX(4px)}
@media(max-width:1023px){.bgrid{grid-template-columns:minmax(0,1fr)}.plate{max-width:420px}.scar{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.plate{transform:none;margin-right:14px}.plate::before{transform:translate(10px,10px)}.btxt h2{font-size:1.9rem}}

/* ===== compatibilidade e toque ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,label,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
input,select,textarea{font-size:16px}
input:not([type=checkbox]),textarea{-webkit-appearance:none;appearance:none}
select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2356638a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.wa-line{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding:12px 20px 12px 14px;border-radius:12px;background:#25D366;color:#052e16;transition:background .15s}
.wa-line:hover{background:#1fbd5a}
.wa-line .wa-i{width:30px;height:30px}
.wa-line small{display:block;font-size:.76rem;line-height:1.2}
.wa-line b{font-size:1.1rem;line-height:1.2;letter-spacing:.01em}
@media(min-width:1440px){.wrap{max-width:1240px}}
@media(max-width:380px){h1{font-size:1.95rem}.hero h1{font-size:2.05rem}.btn{padding-inline:16px}}
.ck{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:430px;z-index:55;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 20px 50px -20px #0a1a4acc;display:grid;gap:12px;font-size:.88rem}
.ck p{color:var(--mut)}.ck a{color:var(--blue);text-decoration:underline}
.ck div{display:flex;gap:10px}.ck .btn{min-height:44px;padding:8px 18px;flex:1}
@media(max-width:640px){.ck{right:max(16px,env(safe-area-inset-right,0px));max-width:none;bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* ===== hero: titulo mais forte e botao do WhatsApp com texto branco ===== */
.hero h1{color:#fff;font-weight:700;font-size:clamp(2.2rem,4.9vw,3.75rem);text-shadow:0 2px 28px #0a1a5a99}
.hero h1 em{color:#8fb7ff}
.hero p.lead{color:#cdd6ee}
.hnote{color:#b9c5e3}
.wa-btn{background:#1da851;border-color:#1da851;color:#fff;font-weight:700;font-size:1.05rem;text-shadow:0 1px 1px #0003}
.wa-btn:hover{background:#17903f;border-color:#17903f}
.wa-line{background:#1da851;color:#fff;text-shadow:0 1px 1px #0003}
.wa-line:hover{background:#17903f}
@media(max-width:640px){
  .hero h1{color:var(--navy);text-shadow:none;font-size:2.3rem}
  .hero h1 em{color:var(--blue)}
  .hero p.lead{color:var(--mut)}
  .hnote{color:var(--mut)}
}

/* ===== hero: cores mais fortes (titulo e descricao) ===== */
.hero h1 em{color:#5aa0ff}
.hero p.lead{color:#fff;font-weight:500;font-size:clamp(1.08rem,1.7vw,1.28rem);line-height:1.55;text-shadow:0 1px 14px #0a1a5a80}
.hnote{color:#e3e9f7;font-weight:500}
.hero .kick{color:#8cb6ff}
@media(max-width:640px){
  .hero h1{color:#050d26}
  .hero h1 em{color:#1646d6}
  .hero p.lead{color:#1b284d;font-weight:500;text-shadow:none;font-size:1.08rem}
  .hnote{color:#2c3a62}
  .hero .kick{color:#1646d6}
}
/* Nova direção visual: profundidade, luz e transição entre as primeiras seções. */
body{padding-top:0}
header{position:relative;top:auto;left:auto;right:auto;background:#07122d;border-color:#ffffff12}
header .wrap{height:76px}
nav.main a:not(.btn){position:relative;transition:color .25s}
nav.main a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:#79a7ff;transition:right .25s}
nav.main a:not(.btn):hover::after{right:0}
.hero{background:radial-gradient(ellipse at 76% 36%,#214da4 0%,transparent 42%),radial-gradient(ellipse at 16% 12%,#162b67 0%,transparent 43%),linear-gradient(145deg,#07112b 10%,#0c1b42 70%,#08132e);padding-block:clamp(68px,7vw,100px) clamp(155px,15vw,200px)}
.hero::before{background-size:62px 62px;opacity:.7;mask-image:linear-gradient(100deg,transparent,#000 45%,transparent)}
.hero::after{content:"";position:absolute;width:36rem;height:36rem;right:-16rem;top:-13rem;border:1px solid #a5caff33;border-radius:50%;box-shadow:0 0 0 55px #8bb9ff08,0 0 0 110px #8bb9ff08;pointer-events:none;animation:orbit 24s linear infinite}
.hero .grid{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(30px,4.5vw,68px);z-index:1}
.hero .kick{color:#a8c8ff;letter-spacing:.15em;margin-bottom:22px}
.hero h1{font-size:clamp(2.65rem,4.65vw,4.35rem);line-height:1.06;letter-spacing:-.035em;text-shadow:0 10px 42px #0007}
.hero h1 em{color:#83b7ff;background:none}
.hero p.lead{max-width:500px;color:#d0dbf1;font-size:clamp(1.04rem,1.45vw,1.17rem);line-height:1.65;font-weight:400;text-shadow:none;margin-top:24px}
.hero .cta{margin-top:32px}
.hero .btn{border-radius:11px;transition:transform .25s,box-shadow .25s,background .25s}
.hero .btn:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0005}
.hero .hnote{color:#b2c2e4}
.scene{filter:drop-shadow(0 30px 55px #0005)}
.lscreen{border-color:#7893ca;box-shadow:0 2px 0 #ffffff50 inset,0 40px 80px -30px #000}
.phone{display:block;z-index:4;bottom:-4cqw;right:-1%;padding:.7em;background:linear-gradient(110deg,#b7c5d6 0%,#344058 10%,#090f1e 25%,#202e48 80%,#a5b8cf 100%);border:1px solid #a9b9d2;box-shadow:inset 0 0 0 .18em #111a2a, .6em .8em 0 #111a2a,1.2em 2.5em 3em #0009;transform:translateZ(75px) rotateY(-10deg) rotateX(3deg) rotateZ(2deg)}
.phone::before{content:"";position:absolute;z-index:3;top:1em;left:34%;width:32%;height:1.4em;border-radius:2em;background:#101725;box-shadow:inset 0 1px 2px #000}
.phone::after{content:"";position:absolute;inset:.8em;border-radius:2em;background:linear-gradient(112deg,#ffffff30,transparent 38%,transparent 72%,#ffffff15);pointer-events:none}
.pscr{padding-top:3em;background:linear-gradient(155deg,#fff,#edf2ff);box-shadow:inset 0 0 0 1px #fff}
.facts{margin-top:-74px}
.facts .box{position:relative;border:1px solid #fff;border-radius:20px;background:#ffffffed;box-shadow:0 24px 65px #142e5826;backdrop-filter:blur(16px)}
.facts .box>div{padding:28px 30px;transition:background .3s,transform .3s}
.facts .box>div:hover{background:#f5f8ff;transform:translateY(-3px)}
.facts .ic{border-radius:14px;background:linear-gradient(135deg,#dce9ff,#edf3ff);color:#2455d7;box-shadow:inset 0 1px 0 #fff}
.facts h3{color:#122447}.facts p{line-height:1.5}
#problemas{padding-top:clamp(74px,8vw,110px)}
.instagram{display:inline-flex;align-items:center;gap:7px}.instagram svg{width:1.2em;height:1.2em}
.btn,.sc,.tab,.lg,.steps li,.facts .ic{transition:transform .3s,box-shadow .3s,border-color .3s,background .3s}
.tab:hover,.lg:hover{transform:translateX(3px)}
.steps li:hover{transform:translateY(-5px)}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes hero-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes phone-float{0%,100%{transform:translateZ(75px) rotateY(-10deg) rotateX(3deg) rotateZ(2deg) translateY(0)}50%{transform:translateZ(75px) rotateY(-7deg) rotateX(5deg) rotateZ(1deg) translateY(-10px)}}
@media(prefers-reduced-motion:no-preference){.hero .grid>div:first-child{animation:hero-rise .9s both}.scene{animation:hero-rise 1.1s .15s both}.phone{animation:phone-float 7s ease-in-out infinite}}
@media(max-width:1023px){.hero .grid{grid-template-columns:1fr}.scene{width:min(100%,640px);margin:20px auto 0}.hero{padding-bottom:150px}}
@media(max-width:860px){nav.main{position:absolute;top:100%;left:0;right:0}.facts .box{grid-template-columns:repeat(3,minmax(0,1fr))}.facts .box>div{padding:22px 16px;display:block}.facts .box>div+div{border-left:1px solid var(--line);border-top:0}.facts .ic{margin-bottom:12px}}
@media(max-width:640px){
  header{background:#07122d;color:#fff;border-color:#ffffff18}header .wrap{height:68px}.logo{color:#fff}.burger{color:#fff;border-color:#ffffff35}nav.main{background:#0b1837}nav.main a:not(.btn){color:#fff;border-color:#ffffff18}
  .hero{background:radial-gradient(ellipse at 75% 60%,#204898,transparent 55%),linear-gradient(155deg,#08132f,#10214b 70%,#091630);color:#fff;padding-block:44px 135px}
  .hero::before{display:block}.hero .kick{background:#ffffff10;border:1px solid #b3cfff35;color:#b9d2ff;padding:8px 12px}.hero h1{color:#fff;font-size:clamp(2.35rem,9vw,3.35rem);text-shadow:0 8px 30px #0006}.hero h1 em{color:#82b5ff}.hero p.lead,.hero .hnote{color:#d0ddf4;text-shadow:none}.hero .hnote svg{color:#93b9ff}
  .hero .scene{display:block;max-width:520px;margin:34px auto 0}.hero .phone{display:block;width:26%;right:0}.hero .lap{width:88%}.hero .dash aside{display:flex}.hero .dash{grid-template-columns:10.5em minmax(0,1fr)}.hero .cap{color:#b5c8ea}.hero .cta .btn{width:auto;flex:1 1 190px}
  .facts{margin-top:-76px}.facts .box{grid-template-columns:1fr;border-radius:18px}.facts .box>div{display:flex;align-items:center;padding:15px 18px;gap:14px}.facts .box>div+div{border-left:0;border-top:1px solid var(--line)}.facts .ic{margin:0;width:40px;height:40px}.facts h3{font-size:.92rem}.facts p{font-size:.81rem}
  #problemas{padding-top:62px}
}
@media(prefers-reduced-motion:reduce){.hero::after,.hero .grid>div:first-child,.scene,.phone{animation:none!important}.phone{transform:translateZ(30px) rotateY(-7deg) rotateZ(2deg)}}

/* Primeira dobra: mensagem direta e produto em destaque. */
.hero{background:radial-gradient(ellipse at 77% 44%,#234d9a 0%,#142b60 28%,transparent 58%),linear-gradient(115deg,#07122d 0%,#0b193a 57%,#101f43 100%);padding-block:clamp(62px,7vw,100px) 160px}
.hero::before{background-image:linear-gradient(#9cc4ff0d 1px,transparent 1px),linear-gradient(90deg,#9cc4ff0d 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 72% 50%,#000,transparent 75%)}
.hero::after{right:-9rem;top:2rem;width:38rem;height:38rem;border-color:#abcaff2b;box-shadow:0 0 0 48px #8bb9ff08,0 0 0 96px #8bb9ff08,0 0 90px #3879f722}
.hero .grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(26px,4vw,60px);min-height:440px}
.hero .kick{display:inline-flex;margin-bottom:25px;padding:9px 13px;border:1px solid #b7d1ff35;border-radius:100px;background:#ffffff0a;color:#c4d9ff;font-size:.7rem;letter-spacing:.12em}
.hero .kick::before{width:7px;height:7px;background:#80adff;border-radius:50%;box-shadow:0 0 14px #82b6ff}
.hero h1{font-family:var(--f);font-weight:600;font-size:clamp(2.75rem,4.65vw,4.1rem);letter-spacing:-.055em;line-height:1.08;max-width:600px;text-wrap:balance}
.hero h1 em{display:inline-block;color:#84b5ff;background:linear-gradient(105deg,#d6e7ff,#7baeff 60%,#5a90fa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p.lead{max-width:480px;margin-top:25px;font-size:clamp(1.05rem,1.3vw,1.16rem);line-height:1.7;color:#c5d3ee}
.hero .cta{gap:12px;margin-top:30px}.hero .btn{min-height:55px;padding-inline:23px}.hero .btn.pri{background:linear-gradient(135deg,#356ef4,#2352d8);box-shadow:0 10px 28px #1745b755,inset 0 1px #ffffff50}
.hero .wa-btn{background:#ffffff0a;border:1px solid #a8c5ff55;color:#f5f8ff;box-shadow:none}.hero .wa-btn:hover{background:#ffffff1a}
.hero .hnote{margin-top:24px;font-size:.82rem;color:#aebfdf}.hero .hnote svg{padding:3px;width:21px;height:21px;border-radius:50%;background:#3d72db55;color:#b8d3ff}
.hero .scene{isolation:isolate;filter:none}
.hero .scene::before{content:"";position:absolute;z-index:-1;inset:4% -7% 0;background:radial-gradient(ellipse,#68aaff55,transparent 67%);filter:blur(20px);pointer-events:none}
.hero .scene .lap{width:94%}.hero .scene .lscreen{border-color:#9fb4d36b;box-shadow:0 1px 0 #ffffff99 inset,0 40px 75px -25px #000b,0 0 55px #4389ff22}
.hero .scene .phone{right:-2%}.hero .scene .cap{color:#afc1e1;margin-top:20px;font-size:.73rem}
.hero .scene .t2{left:2%}
.hero .cta .btn{font-size:.9rem;padding-inline:17px}
.facts{margin-top:-72px}.facts .box{box-shadow:0 22px 70px #11244824}
@media(max-width:1023px){.hero .grid{grid-template-columns:1fr;min-height:0}.hero .scene{margin-top:36px}.hero{padding-bottom:150px}}
@media(max-width:640px){
  .hero{padding-block:44px 135px;background:radial-gradient(ellipse at 75% 64%,#244b94,transparent 58%),linear-gradient(155deg,#08132f,#10214b 70%,#091630)}
  .hero h1{font-size:clamp(2.65rem,10.8vw,3.6rem);line-height:1.08;letter-spacing:-.055em}.hero h1 em{-webkit-text-fill-color:transparent}
  .hero p.lead{font-size:1.03rem;line-height:1.65}.hero .kick{font-size:.62rem}.hero .cta .btn{flex:1 1 100%}.hero .scene{margin-top:30px}.hero .scene .lap{width:88%}
}

/* A primeira dobra apresenta uma única ação principal. */
.hero-visible .wa-float,.hero-visible .mbar{opacity:0;visibility:hidden;pointer-events:none}
.wa-float,.mbar{transition:opacity .3s,visibility .3s,transform .3s}
.hero{background:radial-gradient(ellipse at 75% 48%,#2455a8 0%,#112c63 30%,transparent 59%),radial-gradient(ellipse at 7% 5%,#1b3471 0%,transparent 36%),linear-gradient(125deg,#07112b,#0b1938 65%,#08152e)}
.hero::before{background-size:54px 54px;opacity:.8;mask-image:radial-gradient(ellipse at 72% 50%,#000 0%,transparent 72%)}
.hero::after{border-color:#b3d3ff36;box-shadow:0 0 0 48px #8bb9ff0a,0 0 0 96px #8bb9ff08,0 0 100px #448cff28}
.hero h1{font-size:clamp(3.1rem,5.1vw,4.65rem);line-height:1.05}
.hero .cta .btn{min-height:58px;padding-inline:25px;font-size:1rem}
@media(max-width:640px){.hero{background:radial-gradient(ellipse at 75% 65%,#2455a4,transparent 58%),linear-gradient(150deg,#08132f,#10234e 70%,#091630)}.hero h1{font-size:clamp(2.85rem,11vw,4rem)}.hero .cta .btn{flex:0 1 auto;width:100%}}