:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#eaf8f2;background:#071b17}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(circle at 79% 40%,#144a37 0,transparent 42%),linear-gradient(145deg,#061612,#0b2720 75%,#071b17)}.hero{max-width:1240px;min-height:calc(100svh - 35px);margin:auto;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:4vw;padding:34px 36px}.copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#93e4bb;letter-spacing:.13em;font-size:11px;font-weight:800;margin-bottom:17px}.dot{width:8px;height:8px;border-radius:50%;background:#3bdb86;box-shadow:0 0 12px #3bdb86}h1{font-size:clamp(37px,4.35vw,65px);line-height:1.055;letter-spacing:-.055em;margin:0 0 19px;font-weight:850}h1 span{color:#47db90}.description{color:#bfd4c9;font-size:clamp(15px,1.42vw,19px);line-height:1.52;max-width:510px;margin:0 0 22px}.benefits{display:flex;gap:9px;flex-wrap:wrap;list-style:none;margin:0 0 26px;padding:0}.benefits li{font-size:12px;color:#c6ead7;border:1px solid #2d6a50;border-radius:999px;padding:8px 11px}.benefits li:before{content:'✓';color:#50e69a;margin-right:7px;font-weight:900}.cta{display:flex;align-items:center;justify-content:center;gap:12px;max-width:370px;text-decoration:none;color:#052417;background:#4ee58c;border-radius:13px;padding:17px 19px;font-weight:850;font-size:17px;box-shadow:0 13px 34px #0005;transition:transform .2s,background .2s}.cta:hover{transform:translateY(-2px);background:#78f3a9}.cta span{margin-left:auto}.fine-print{color:#91ab9e;font-size:11px;margin:12px 0 0}.visual{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.mockup{box-shadow:0 26px 70px #0008}.spreadsheet{position:absolute;left:0;top:90px;width:72%;height:270px;background:#f9fcfa;color:#1e3730;border-radius:12px;overflow:hidden;transform:perspective(800px) rotateY(7deg) rotateZ(-3deg);border:5px solid #16372d}.window-bar{height:28px;background:#145b3d;color:#e5fff1;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px}.window-dots{color:#90dfae;letter-spacing:3px}.sheet-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;margin:16px 14px}.excel-icon{background:#1c9b5a;color:white;padding:6px 9px;border-radius:4px}.spreadsheet table{width:calc(100% - 24px);margin:0 12px;border-collapse:collapse;font-size:10px}.spreadsheet th{background:#d9efe3;color:#25523b}.spreadsheet td,.spreadsheet th{padding:9px 6px;border:1px solid #dce6df;text-align:left}.spreadsheet tr:nth-child(even){background:#eef6f0}.sheet-tabs{display:flex;gap:15px;margin:10px 15px;font-size:9px;color:#557063}.sheet-tabs span:first-child{color:#137943;font-weight:800}.transform-arrow{position:absolute;z-index:2;left:56%;top:48%;color:#5af49e;font-size:73px;text-shadow:0 7px 24px #002e17;transform:rotate(-10deg)}.phone{position:absolute;right:0;top:12px;width:215px;height:422px;border:7px solid #111c1b;border-radius:33px;background:#f6faf8;color:#16342a;z-index:3;padding:22px 12px 12px;box-shadow:0 20px 60px #0009,0 0 0 2px #4b6b5c}.notch{position:absolute;top:7px;left:35%;width:30%;height:12px;border-radius:10px;background:#101a19}.phone-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:22px}.phone-header strong{font-size:11px}.phone-greeting{font-size:18px;font-weight:850}.phone-greeting small{display:block;color:#81998d;font-size:9px;font-weight:500;margin-top:4px}.stats{display:flex;gap:6px;margin-top:15px}.stats div{background:#137f51;color:white;border-radius:9px;padding:10px 8px;flex:1;min-width:0}.stats div:nth-child(2){background:#2375ba}.stats small,.stats strong,.stats span{display:block}.stats small{font-size:9px;opacity:.85}.stats strong{font-size:15px;margin:7px 0}.stats span{font-size:9px}.chart-label{font-size:11px;font-weight:800;margin-top:22px}.bars{display:flex;align-items:end;gap:9px;height:90px;border-bottom:1px solid #dce8e1;padding:0 7px}.bars i{background:linear-gradient(#47d78e,#159457);flex:1;border-radius:3px 3px 0 0}.months{display:flex;justify-content:space-around;font-size:8px;color:#8da297;margin-top:7px}.phone-bottom{position:absolute;bottom:13px;left:15px;right:15px;display:flex;justify-content:space-around;color:#1c8a57;border-top:1px solid #e2eee7;padding-top:12px}.visual-note{position:absolute;bottom:0;left:15%;color:#92c7a9;font-size:12px;letter-spacing:.08em}footer{text-align:center;color:#789888;font-size:10px;padding:9px 15px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:0;padding:27px 19px 12px;min-height:calc(100svh - 26px);align-content:center}.copy{text-align:center}.eyebrow{margin-bottom:10px;font-size:9px}h1{font-size:clamp(30px,8.2vw,45px);margin-bottom:11px}.description{font-size:13px;line-height:1.4;margin:0 auto 13px;max-width:420px}.benefits{justify-content:center;margin-bottom:13px;gap:5px}.benefits li{font-size:10px;padding:6px 8px}.cta{margin:auto;max-width:350px;padding:13px 16px;font-size:15px}.fine-print{margin-top:8px;font-size:10px}.visual{height:270px;max-width:390px;width:100%;margin:8px auto 0}.spreadsheet{width:69%;height:180px;top:50px;border-width:3px}.window-bar{height:20px;font-size:7px}.sheet-title{font-size:9px;margin:9px}.excel-icon{padding:3px 6px}.spreadsheet table{font-size:7px}.spreadsheet td,.spreadsheet th{padding:5px 3px}.sheet-tabs{margin:5px 10px;font-size:7px}.phone{width:128px;height:250px;top:2px;border-width:4px;border-radius:22px;padding:15px 7px 7px}.notch{top:4px;height:7px}.phone-header{font-size:8px;margin-bottom:12px}.phone-header strong{font-size:8px}.phone-greeting{font-size:11px}.phone-greeting small{font-size:7px}.stats{gap:4px;margin-top:9px}.stats div{padding:5px 4px;border-radius:5px}.stats small,.stats span{font-size:6px}.stats strong{font-size:9px;margin:4px 0}.chart-label{font-size:8px;margin-top:12px}.bars{height:49px;gap:4px}.months{font-size:6px}.phone-bottom{bottom:7px;padding-top:5px;font-size:10px}.transform-arrow{font-size:40px;left:54%;top:45%}.visual-note{font-size:9px;bottom:0}footer{font-size:9px;padding:5px}}@media(max-height:700px) and (max-width:760px){.hero{padding-top:10px;align-content:start}.visual{height:215px}.spreadsheet{top:34px}.phone{transform:scale(.82);transform-origin:top right}.visual-note{bottom:0}.benefits li{font-size:9px}}@media(prefers-reduced-motion:reduce){.cta{transition:none}}

/* Seções de conteúdo */
html{scroll-behavior:smooth}a{color:#7ff0b4}
.section{max-width:1100px;margin:0 auto;padding:64px 36px;border-top:1px solid #16392e}
.kicker{color:#93e4bb;letter-spacing:.13em;font-size:11px;font-weight:800;margin:0 0 12px}
h2{font-size:clamp(25px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:0 0 30px;max-width:760px;font-weight:850}
.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.cards li{background:#0c2a22;border:1px solid #1d4a3b;border-radius:14px;padding:20px;color:#bfd4c9;font-size:14px;line-height:1.5}
.cards strong{display:block;color:#eaf8f2;font-size:16px;margin-bottom:6px}
.tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.tags li{font-size:14px;color:#c6ead7;border:1px solid #2d6a50;border-radius:999px;padding:10px 15px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;counter-reset:s}
.steps li{counter-increment:s;padding:20px;border-radius:14px;background:#0c2a22;border:1px solid #1d4a3b;color:#bfd4c9;font-size:14px;line-height:1.5}
.steps li:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#4ee58c;color:#052417;font-weight:900;margin-bottom:12px}
.steps strong{display:block;color:#eaf8f2;font-size:16px;margin-bottom:6px}
.faq{display:grid;gap:10px;max-width:820px}
.faq details{background:#0c2a22;border:1px solid #1d4a3b;border-radius:12px;padding:0 18px}
.faq summary{cursor:pointer;padding:17px 0;font-weight:750;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';color:#4ee58c;font-size:22px;line-height:1}
.faq details[open] summary:after{content:'−'}
.faq p{color:#bfd4c9;line-height:1.55;margin:0 0 18px}
.final{text-align:center}.final h2{margin-left:auto;margin-right:auto;margin-bottom:12px}.final .description{margin:0 auto 24px}.final .cta{margin:auto}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:20;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 24px #0007;transition:transform .2s}
.wa-float:hover{transform:scale(1.07)}
footer p{margin:4px 0}footer a{color:#9cc9b2}
.link-btn{background:none;border:0;padding:0;color:#9cc9b2;font:inherit;text-decoration:underline;cursor:pointer}
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;max-width:620px;margin:auto;background:#0f2f26;border:1px solid #2d6a50;border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:center;box-shadow:0 14px 40px #000a;font-size:13px;color:#cfe5da}
.consent[hidden]{display:none}.consent p{margin:0;line-height:1.45}.consent div{display:flex;gap:8px;flex-shrink:0}
.consent button{border-radius:9px;padding:10px 14px;font-weight:800;font-size:13px;cursor:pointer;border:1px solid #2d6a50}
.btn-ghost{background:transparent;color:#cfe5da}.btn-ok{background:#4ee58c;color:#052417;border-color:#4ee58c!important}
.legal{max-width:780px;margin:0 auto;padding:48px 24px 64px;line-height:1.65;color:#cfe5da}.legal h1{font-size:clamp(28px,4vw,40px)}.legal h2{font-size:20px;margin:30px 0 8px}
@media(max-width:760px){.section{padding:44px 19px}h2{margin-bottom:22px}.cards li,.steps li{padding:16px}.tags li{font-size:13px;padding:8px 12px}.consent{flex-direction:column;align-items:stretch}.consent div button{flex:1}.wa-float{width:52px;height:52px;right:14px;bottom:14px}}
.site-header{max-width:1240px;margin:auto;padding:22px 36px 0}.site-header a{display:inline-block}.logo{display:block;height:17px;width:auto;opacity:.7;transition:opacity .2s}.site-header a:hover .logo{opacity:1}
.hero{min-height:calc(100svh - 90px)}
@media(max-width:760px){.site-header{padding:14px 19px 0;text-align:center}.logo{height:13px;margin:auto}.hero{min-height:calc(100svh - 64px);padding-top:16px}}
/* Celular: logo à esquerda, imagem antes do texto */
@media(max-width:760px){.site-header{padding:16px 19px 0;text-align:left}.logo{height:18px;margin:0;opacity:.85}.hero{min-height:0;align-content:start;padding-top:6px;padding-bottom:28px}.visual{order:-1;height:270px;transform:scale(.8);transform-origin:top center;margin:0 auto -50px}.phone{transform:none}.copy{margin-top:6px}}
/* Logo um pouco maior; celular: botão antes dos destaques, destaques em coluna */
.logo{height:21px}
@media(max-width:760px){.logo{height:22px}.copy{display:flex;flex-direction:column;align-items:center}.cta{width:100%}.benefits{order:1;flex-direction:column;align-items:center;gap:8px;margin:20px 0 0}.benefits li{font-size:14px;padding:10px 18px;min-width:250px;text-align:center}}
/* Logo maior no computador; texto abaixo do botão maior */
.logo{height:26px}.fine-print{font-size:14px;color:#a7c2b4}
@media(max-width:760px){.logo{height:22px}.fine-print{font-size:13px;margin-top:10px;line-height:1.5}.fine-print span{display:block}.fine-print .sep{display:none}}
@media(max-width:760px){.fine-print{font-size:clamp(12px,3.75vw,17px);white-space:nowrap;letter-spacing:-.01em}.fine-print span{display:inline}.fine-print .sep{display:inline}}
/* "Da planilha ao aplicativo" e "Desenvolvimento sob medida" mais visíveis */
.visual-note{font-size:17px;color:#b6dcc6;letter-spacing:.04em;bottom:-6px}
@media(max-width:760px){.visual{margin-top:34px}.visual-note{top:-40px;bottom:auto;left:0;right:0;text-align:center;font-size:calc(clamp(12px,3.75vw,17px) / .8);letter-spacing:0;white-space:nowrap}.eyebrow{font-size:clamp(12px,3.75vw,17px);letter-spacing:.05em;white-space:nowrap;margin-bottom:12px}}
@media(max-width:760px){.visual{margin-top:58px}}
