:root{
  --ink:#0d1720;
  --ink-2:#18242d;
  --night:#07151c;
  --night-2:#0b2025;
  --petrol:#0d3032;
  --petrol-2:#12413d;
  --green:#24a66f;
  --green-bright:#4bc58a;
  --green-dark:#0d6d4a;
  --green-soft:#e9f5ee;
  --ivory:#f4f1e9;
  --ivory-2:#faf8f3;
  --paper:#ffffff;
  --muted:#66727c;
  --muted-dark:#aebbc0;
  --line:#dfe3e2;
  --line-dark:rgba(255,255,255,.12);
  --gold:#cbb98b;
  --shadow:0 28px 80px rgba(1,14,19,.24);
  --shadow-soft:0 16px 46px rgba(8,27,32,.10);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
.wrap{width:min(calc(100% - 44px),var(--max));margin:auto}
.hidden{display:none!important}

/* NAV */
.topbar{position:sticky;top:0;z-index:40;background:rgba(7,21,28,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.025em}
.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:linear-gradient(145deg,#17363c,#0a2026);color:#79dfad;font-size:13px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(75,197,138,.08)}
.navlinks{display:flex;gap:28px;color:#c5d0d3;font-size:12px;font-weight:650}
.navlinks a:hover{color:#fff}

.button{border:0;border-radius:8px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:850;transition:.18s ease;letter-spacing:-.01em}
.button:hover{transform:translateY(-1px)}
.button.primary{background:var(--green);color:#fff;box-shadow:0 10px 28px rgba(36,166,111,.18)}
.button.primary:hover{background:#1e945f}
.button.compact{padding:9px 14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#fff;font-size:11px;box-shadow:none}
.button.compact:hover{background:rgba(255,255,255,.12)}
.button.light{background:#fff;color:var(--night);white-space:nowrap;box-shadow:none}
.button.full{width:100%}
.button:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* HERO */
.hero{position:relative;overflow:hidden;padding:94px 0 88px;background:
  radial-gradient(circle at 78% 18%,rgba(58,179,126,.16),transparent 28%),
  radial-gradient(circle at 18% 82%,rgba(18,65,61,.30),transparent 34%),
  linear-gradient(135deg,var(--night) 0%,#091c23 54%,#0b292c 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 82%);pointer-events:none}
.hero:after{content:"";position:absolute;right:-130px;top:-160px;width:520px;height:520px;border:1px solid rgba(75,197,138,.13);border-radius:50%;box-shadow:0 0 0 80px rgba(75,197,138,.018),0 0 0 160px rgba(75,197,138,.012);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.76fr);gap:86px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9ce4bf;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.eyebrow:before{content:"";width:26px;height:1px;background:#60cf95}
.hero h1{max-width:690px;margin:19px 0 22px;font-size:clamp(48px,5.1vw,67px);line-height:.98;letter-spacing:-.055em;font-weight:780;text-wrap:balance}
.hero-copy{max-width:650px;margin:0;color:#c8d3d6;font-size:18px;line-height:1.68}
.hero-proof{display:flex;flex-wrap:wrap;gap:0;margin-top:31px;color:#aebcc0;font-size:10px;font-weight:760;letter-spacing:.02em}
.hero-proof span{display:inline-flex;align-items:center}
.hero-proof span:before{content:"";width:5px;height:5px;border-radius:50%;background:#54cf90;margin-right:8px;box-shadow:0 0 0 4px rgba(84,207,144,.08)}
.hero-proof span:not(:last-child):after{content:"";width:1px;height:14px;background:rgba(255,255,255,.16);margin:0 15px}

.calc-card{position:relative;padding:27px;border:1px solid rgba(255,255,255,.54);border-radius:13px;background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%);color:var(--ink);box-shadow:var(--shadow)}
.calc-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:13px 0 0 13px;background:linear-gradient(180deg,var(--green-bright),var(--green-dark))}
.calc-title{margin-bottom:22px;padding:0 0 18px 2px;border-bottom:1px solid var(--line)}
.calc-title span{display:block;color:var(--green-dark);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.calc-title strong{display:block;margin-top:5px;font-size:24px;line-height:1.18;letter-spacing:-.028em}
.field{margin-bottom:15px}
.field label,.field-label{display:block;margin-bottom:7px;color:#47545d;font-size:10px;font-weight:800;letter-spacing:.02em}
.field input,.field select{width:100%;height:48px;padding:0 12px;border:1px solid #cfd5d4;border-radius:7px;background:#fff;color:var(--ink);outline:none;transition:.15s border,.15s box-shadow}
.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,166,111,.08)}
.big-input{height:58px!important;font-size:20px;font-weight:850;letter-spacing:-.025em;background:#fcfcfa!important}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cfd5d4;border-radius:7px;overflow:hidden;background:#fff}
.segmented label{position:relative;margin:0}
.segmented label+label{border-left:1px solid #cfd5d4}
.segmented input{position:absolute;opacity:0;pointer-events:none}
.segmented span{min-height:42px;display:grid;place-items:center;padding:5px;background:#fff;color:#4d5a63;font-size:10px;font-weight:800;text-align:center;transition:.15s ease}
.segmented input:checked+span{background:var(--green-soft);color:var(--green-dark);box-shadow:inset 0 -2px 0 var(--green)}
.form-note{margin:10px 0 0;color:#8c969d;font-size:9px;text-align:center;line-height:1.5}

/* TRANSITION STRIP */
.signal-strip{background:var(--ivory);border-bottom:1px solid #dedbd2}
.signal-grid{min-height:92px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.signal-grid>div{padding:0 30px;border-right:1px solid #d8d5cc}
.signal-grid>div:first-child{padding-left:0}
.signal-grid>div:last-child{border-right:0}
.signal-grid strong{display:block;color:#233139;font-size:10px;text-transform:uppercase;letter-spacing:.10em}
.signal-grid span{display:block;margin-top:5px;color:#6f797e;font-size:12px}

/* RESULTS */
.results{display:none;padding:96px 0 102px;background:var(--ivory-2)}
.results.visible{display:block}
.results-wrap{max-width:1030px}
.results-heading{max-width:770px;margin-bottom:38px}
.dark-eye{color:var(--green-dark)}
.dark-eye:before{background:var(--green)}
h2{margin:14px 0 0;font-size:clamp(36px,4.25vw,54px);line-height:1.04;letter-spacing:-.047em;font-weight:760;text-wrap:balance}

.financial-panel{position:relative;overflow:hidden;border:1px solid #d6d9d7;border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}
.financial-panel:before{content:"DEMONSTRATIVO DE CENÁRIO";display:block;padding:12px 24px;background:var(--night);color:#9fc3ba;font-size:8px;font-weight:900;letter-spacing:.18em}
.financial-row{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:27px 25px;border-bottom:1px solid var(--line)}
.financial-row:last-child{border-bottom:0}
.financial-label{display:block;color:#526068;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.financial-row small{display:block;margin-top:7px;color:#7a858b;font-size:10px;line-height:1.5}
.financial-row>strong,.saving-value-wrap>strong{font-size:clamp(34px,4.2vw,54px);line-height:.95;letter-spacing:-.05em;text-align:right}
.current-row{background:#fff}
.saving-row{background:linear-gradient(105deg,#0e2d2f 0%,#103b37 100%);border-bottom-color:rgba(255,255,255,.12)}
.saving-row .financial-label{color:#9fd1bc}
.saving-row small{color:#b8cbc5}
.saving-value-wrap{display:flex;align-items:baseline;justify-content:flex-end;gap:14px}
.saving-value-wrap>strong{color:#70dda4}
.saving-value-wrap>span{color:#9ee7be;font-size:15px;font-weight:900}
.projected-row{background:#fbfcfa}
.projected-row>strong{color:var(--ink)}
.financial-divider{display:none}
.financial-panel.neutral .saving-row{background:#26323a}
.financial-panel.neutral .saving-row .financial-label,.financial-panel.neutral .saving-value-wrap>strong,.financial-panel.neutral .saving-value-wrap>span{color:#fff}

.result-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid #d9ddd9;border-radius:9px;background:#fff}
.result-facts>div{padding:17px 20px;border-right:1px solid var(--line)}
.result-facts>div:last-child{border-right:0}
.result-facts span{display:block;color:#7d878d;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.result-facts strong{display:block;margin-top:6px;font-size:16px;color:#243139}
.result-message{margin-top:19px;padding:16px 18px;border-left:3px solid var(--green);background:#edf5f0;color:#45535a;font-size:12px;line-height:1.68}
.result-cta{margin-top:34px;padding:31px 32px;border-radius:11px;background:#fff;border:1px solid #d8ddd9;display:grid;grid-template-columns:1fr 285px;gap:46px;align-items:center;box-shadow:0 14px 38px rgba(9,31,34,.05)}
.mini-kicker{color:var(--green-dark);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.result-cta h3{margin:7px 0 10px;font-size:30px;line-height:1.07;letter-spacing:-.038em}
.result-cta p{margin:0;color:#68757c;font-size:13px;line-height:1.65}
.trust-inline{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px;color:#5b676e;font-size:9px;font-weight:800}
.trust-inline span{position:relative;padding-left:13px}
.trust-inline span:before{content:"";position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:var(--green)}
.cta-price{padding-left:25px;border-left:1px solid var(--line)}
.cta-price>span{display:block;color:#1f2b32;font-size:11px;font-weight:900}
.cta-price>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:9px 0 13px}
.cta-price>div small{color:#7b858c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.cta-price>div strong{font-size:27px;letter-spacing:-.035em}
.cta-price>small{display:block;margin-top:8px;color:#929ca2;font-size:8px;text-align:center}

/* PROBLEM / EDITORIAL */
.problem-section{padding:100px 0;background:#fff}
.problem-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:88px;align-items:start}
.problem-copy{padding-top:10px}
.problem-copy p{margin:0 0 21px;color:#56636a;font-size:18px;line-height:1.72}
.problem-copy strong{color:var(--ink);font-weight:800}

/* ANALYSIS / CONVERSION */
.analysis-section{position:relative;overflow:hidden;padding:104px 0;background:
  radial-gradient(circle at 12% 20%,rgba(75,197,138,.13),transparent 28%),
  linear-gradient(125deg,#07171c 0%,#0b292b 56%,#0d3432 100%);color:#fff}
.analysis-section:after{content:"";position:absolute;right:-240px;bottom:-250px;width:620px;height:620px;border:1px solid rgba(75,197,138,.12);border-radius:50%;box-shadow:0 0 0 85px rgba(75,197,138,.02),0 0 0 170px rgba(75,197,138,.012)}
.analysis-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 350px;gap:92px;align-items:start}
.analysis-section .dark-eye{color:#8ee3b4}
.analysis-section .dark-eye:before{background:#64d19a}
.analysis-copy h2{color:#fff;max-width:780px}
.analysis-copy>p{max-width:700px;color:#bfced0;font-size:17px;line-height:1.68}
.check-list{margin:31px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}
.check-list li{position:relative;padding:13px 0 13px 26px;border-bottom:1px solid rgba(255,255,255,.11);color:#d3dddf;font-size:13px}
.check-list li:before{content:"✓";position:absolute;left:0;top:13px;color:#70dda4;font-size:12px;font-weight:950}
.price-card{padding:29px;border:1px solid rgba(255,255,255,.58);border-radius:11px;background:var(--ivory-2);color:var(--ink);box-shadow:0 26px 70px rgba(0,0,0,.20)}
.price-overline{display:block;color:var(--green-dark);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.price-card p{margin:12px 0 22px;color:#536168;font-size:13px;line-height:1.62}
.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #d9ddd9}
.price-line>span{color:#778188;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.price{font-size:29px;line-height:1;letter-spacing:-.04em}
.trust-stack{display:grid;gap:8px;margin-top:15px;color:#68757c;font-size:9px}
.trust-stack span{position:relative;padding-left:14px}
.trust-stack span:before{content:"";position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:var(--green)}

/* PROCESS */
.how-section{padding:96px 0;background:var(--ivory)}
.section-head.narrow{max-width:730px}
.section-head p{color:#56636a;font-size:16px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid #cfd4d0;border-bottom:1px solid #cfd4d0}
.steps article{padding:30px 30px 32px;border-right:1px solid #d7dbd7;background:transparent}
.steps article:first-child{padding-left:0}
.steps article:last-child{border-right:0}
.steps article>span{display:inline-block;color:var(--green-dark);font-size:9px;font-weight:950;letter-spacing:.13em}
.steps h3{margin:18px 0 8px;font-size:20px;letter-spacing:-.025em}
.steps p{margin:0;color:#69747a;font-size:12px;line-height:1.65}

/* CRITERIA */
.criteria-section{padding:98px 0;background:#fff}
.criteria-wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:86px}
.accordions{border-top:1px solid #bfc6c3}
.accordions details{border-bottom:1px solid var(--line);padding:19px 0;background:#fff}
.accordions summary{cursor:pointer;font-weight:820;font-size:13px}
.accordions p{margin:10px 0 0;color:#66727a;font-size:12px;line-height:1.68}

/* FINAL */
.final-cta{padding:58px 0;background:#0a2026;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:42px}
.final-cta span{color:#9eb0b5;font-size:11px}
.final-cta h2{margin:6px 0 0;color:#fff;font-size:34px;letter-spacing:-.038em}
.footer{padding:29px 0;background:#061419;color:#87979d;font-size:9px}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer nav{display:flex;gap:16px}
.footer a{text-decoration:underline;text-underline-offset:3px}

@media(max-width:1000px){
  .navlinks{display:none}
  .hero-grid,.analysis-grid,.problem-grid,.criteria-wrap{grid-template-columns:1fr}
  .hero-grid{gap:46px}
  .calc-card{max-width:660px}
  .analysis-grid,.problem-grid,.criteria-wrap{gap:46px}
  .price-card{max-width:520px}
  .result-cta{grid-template-columns:1fr}
  .cta-price{max-width:370px;padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:20px}
}

@media(max-width:700px){
  .wrap{width:min(calc(100% - 28px),var(--max))}
  .nav{height:62px}
  .nav .compact{display:none}
  .hero{padding:58px 0 52px}
  .hero:after{display:none}
  .hero h1{font-size:43px}
  .hero-copy{font-size:16px;line-height:1.62}
  .hero-proof{display:grid;gap:8px}
  .hero-proof span:not(:last-child):after{display:none}
  .calc-card{padding:21px}
  .grid2{grid-template-columns:1fr}
  .signal-grid{grid-template-columns:1fr;padding:10px 0}
  .signal-grid>div{padding:13px 0;border-right:0;border-bottom:1px solid #d8d5cc}
  .signal-grid>div:last-child{border-bottom:0}
  .results,.problem-section,.analysis-section,.how-section,.criteria-section{padding:70px 0}
  h2{font-size:38px}
  .financial-panel:before{padding:11px 17px}
  .financial-row{grid-template-columns:1fr;gap:12px;align-items:start;padding:22px 18px}
  .financial-row>strong,.saving-value-wrap>strong{text-align:left}
  .saving-value-wrap{justify-content:flex-start;flex-wrap:wrap}
  .result-facts{grid-template-columns:1fr}
  .result-facts>div{padding:14px 17px;border-right:0;border-bottom:1px solid var(--line)}
  .result-facts>div:last-child{border-bottom:0}
  .result-cta{padding:24px 20px;gap:26px}
  .result-cta h3{font-size:25px}
  .trust-inline{display:grid;gap:8px}
  .steps{grid-template-columns:1fr}
  .steps article{padding:24px 0;border-right:0;border-bottom:1px solid #d7dbd7}
  .steps article:last-child{border-bottom:0}
  .analysis-section:after{display:none}
  .final-cta-inner,.footer-grid{display:block}
  .final-cta .button{margin-top:22px}
  .footer nav{margin-top:12px;flex-wrap:wrap}
  .segmented span{font-size:9px}
}

@media(max-width:420px){
  .hero h1{font-size:38px}
  .segmented{grid-template-columns:1fr}
  .segmented label+label{border-left:0;border-top:1px solid #cfd5d4}
  .financial-row>strong,.saving-value-wrap>strong{font-size:34px}
}