:root{
  --pink:#f3c4d6;
  --ink:#111111;
  --soft:#eee3e5;
  --white:#ffffff;
  --hero-shadow:#d8aebe;
  --soft-shadow:#d3c9cb;
  --dark-card:#252425;
  --shell:870px;
  --radius:48px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--pink)}
body{margin:0;background:var(--pink);color:var(--ink);font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img,svg{display:block;max-width:100%}
::selection{background:#111;color:#fff}
.shell{width:min(calc(100% - 44px),var(--shell));margin-inline:auto;position:relative;left:8px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:#111;color:#fff;padding:12px 16px;border-radius:10px;font-size:13px}.skip-link:focus{top:16px}

/* shared */
.wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;text-transform:uppercase}
.wordmark strong{font-size:12px;font-weight:400;letter-spacing:.22em}
.wordmark small{margin-top:5px;font-size:5.5px;font-weight:800;letter-spacing:.14em}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;color:#111;font-size:10px;font-weight:900;letter-spacing:.105em;text-transform:uppercase;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease}
.pill:hover{transform:translateY(-2px)}
.pill:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid rgba(17,17,17,.28);outline-offset:3px}
.pill-dark{background:#111;color:#fff;border-color:#111}
.pill-light{background:#fff;color:#111}
.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.card-shadow{box-shadow:21px 21px 0 var(--hero-shadow)}
.card-shadow-dark{box-shadow:21px 21px 0 #1f1f1f}
.card-shadow-soft{box-shadow:22px 24px 0 var(--soft-shadow)}
.micro-label,.card-kicker,.form-kicker{display:inline-flex;align-items:center;min-height:29px;padding:0 14px;border:1.4px solid #111;border-radius:999px;background:#fff;font-size:8px;font-weight:900;letter-spacing:.11em;line-height:1;text-transform:uppercase;white-space:nowrap}

/* header */
.site-header{position:absolute;z-index:20;inset:0 0 auto;height:66px}
.header-inner{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(17,17,17,.12)}
.header-cta{width:150px;height:36px;padding:0 15px;font-size:7px;gap:8px}

/* hero */
.hero{height:1487px;background:var(--pink)}
.hero-inner{padding-top:124px}
.hero-copy{width:690px}
.eyebrow-strip{height:35px;display:flex;align-items:center;width:690px;padding:0 14px;border:1.4px solid #111;border-radius:999px;background:#fff;font-size:7.7px;font-weight:900;letter-spacing:.115em;white-space:nowrap;text-transform:uppercase;box-shadow:2px 3px 0 rgba(17,17,17,.18)}
h1,.hero-card h2,.benefits-panel h2,.solution-intro h2,.contact-copy h2{font-family:"Roboto",Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.047em;margin:0}
h1{font-size:76px;line-height:.985;margin-top:38px;width:660px}
.hero-lead{width:600px;margin:24px 0 0;font-size:14.4px;line-height:1.55;letter-spacing:-.012em}
.hero-actions{margin-top:51px}
.hero-actions .pill-dark{width:198px}.hero-actions .pill-light{width:290px}
.hero-card{width:680px;height:636px;margin:164px auto 0;border:1.5px solid #111;border-radius:50px;background:var(--pink);padding:34px 38px 37px;position:relative;left:-3px}
.hero-card-top{display:grid;grid-template-columns:1fr 75px;gap:18px;align-items:start}
.card-kicker{height:auto;min-height:0;padding:0;border:0;background:transparent;border-radius:0;font-size:7.5px;letter-spacing:.14em;margin-bottom:17px}
.hero-card h2{font-size:56px;line-height:.86;letter-spacing:-.046em}
.mini-badge{width:72px;height:72px;border:1.5px solid #111;border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:4px;text-align:center;line-height:1}
.mini-badge span{font-size:20px}.mini-badge small{font-size:6px;font-weight:800;letter-spacing:.08em;margin-top:3px}
.stack-list{display:grid;gap:15px;margin-top:12px}
.stack-list>div{height:60px;display:flex;align-items:center;border:1.5px solid #111;border-radius:17px;background:#fff;padding:0 17px;font-size:9.8px;line-height:1.32;letter-spacing:-.01em}
.stack-list .stack-list-emphasis{height:80px;background:#111;color:#fff;border-color:#111;padding:0 19px;line-height:1.45}

/* benefits */
.benefits{height:1639px;background:#111;padding-top:65px}
.benefits-panel{width:810px;height:1518px;margin:0 auto;transform:translateX(3px);border:1.5px solid #111;border-radius:52px;background:var(--pink);padding:40px 46px 37px}
.benefits-panel .micro-label{margin-bottom:26px}
.benefits-panel h2{font-size:76px;line-height:.98;letter-spacing:-.052em;margin-bottom:17px}
.benefits-panel h3{font-family:"Roboto",Arial,sans-serif;font-weight:400;font-size:34px;line-height:1.04;letter-spacing:-.034em;margin:0 0 21px}
.body-copy{font-size:12px;line-height:1.52;letter-spacing:-.015em;margin:0 0 94px;max-width:700px}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px}
.benefit-card{height:216px;border:1.5px solid #111;border-radius:26px;background:#fff;padding:27px 22px 22px;display:flex;flex-direction:column}
.benefit-card-wide{grid-column:1/-1;height:188px}
.icon-box{width:43px;height:43px;display:grid;place-items:center;border:1.5px solid #111;border-radius:11px;background:#f8f8f8;font-size:15px;margin-bottom:20px}
.benefit-card h4{margin:0 0 14px;font-size:24px;line-height:1.12;font-weight:800;letter-spacing:-.035em}
.benefit-card p{margin:auto 0 0;font-size:10.2px;line-height:1.45;letter-spacing:-.01em;max-width:305px}
.benefit-card-wide p{max-width:650px}
.statement-dark{height:99px;border-radius:18px;background:#111;color:#fff;border:1.5px solid #111;display:flex;align-items:center;padding:0 25px;font-size:10.4px;line-height:1.5;letter-spacing:-.012em}
.benefits-panel>.statement-dark{margin-top:25px}
.panel-actions{margin-top:23px;gap:17px}
.panel-actions .pill{height:47px;padding-inline:20px;font-size:8px}

/* solution */
.solution{height:1837px;background:var(--soft);padding-top:68px}
.solution-intro{width:870px;height:824px;border:1.5px solid #111;border-radius:45px;color:#fff;padding:44px 43px 34px;position:relative;overflow:hidden;background:
  radial-gradient(circle at 79% 25%,rgba(61,58,59,.72),rgba(39,38,38,0) 42%),
  linear-gradient(145deg,#302c2e 0%,#272626 45%,#1e1d1e 100%)}
.solution-intro .micro-label{background:transparent;color:#fff;border-color:#fff;margin-bottom:32px}
.solution-intro h2{font-size:72px;line-height:.94;letter-spacing:-.049em;margin-bottom:28px}
.solution-intro>p{max-width:770px;margin:0 0 27px;font-size:11.3px;line-height:1.66;letter-spacing:-.004em;color:#f6f2f3}
.warning-box{height:91px;margin-top:24px;border:1px solid rgba(255,255,255,.85);border-radius:20px;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;padding:0 19px}
.warning-box>span{width:40px;height:40px;border:1px solid #fff;border-radius:999px;display:grid;place-items:center;font-size:17px;color:#ffbd3e}
.warning-box p{margin:0;font-size:9.3px;line-height:1.55;color:#fff}
.solution-block{width:870px;height:844px;margin-top:33px;position:relative;left:-3px;border:1.5px solid #111;border-radius:45px;background:var(--pink);padding:44px 34px 22px}
.bridge-label{position:absolute;z-index:2;left:50%;top:-26px;transform:translateX(-50%);height:39px;display:flex;align-items:center;padding:0 22px;border:1.5px solid #111;border-radius:999px;background:#fff;font-size:8px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:28px}
.solution-card{height:273px;border:1.5px solid #111;border-radius:25px;background:#fff;padding:26px 25px 22px;display:flex;flex-direction:column}
.solution-card>span{align-self:flex-start;min-width:40px;height:25px;display:grid;place-items:center;border:1.3px solid #111;border-radius:999px;font-size:8px;font-weight:700;margin-bottom:28px}
.solution-card h3{font-size:27px;line-height:1.05;letter-spacing:-.035em;margin:0;font-weight:900}
.solution-card p{margin:auto 0 0;font-size:9.7px;line-height:1.48;max-width:315px}
.solution-summary{grid-column:1/-1;height:98px;display:flex;align-items:center;border:1.5px solid #111;border-radius:20px;background:#fff;padding:0 24px;font-size:10px;line-height:1.45}
.solution-actions{grid-column:1/-1;gap:17px;margin-top:0}
.solution-actions .pill{height:46px;font-size:8px;padding-inline:19px}

/* contact */
.contact{height:923px;background:var(--pink);padding-top:71px}
.contact-grid{display:grid;grid-template-columns:392px 438px;gap:32px;justify-content:center;align-items:start;left:5px}
.contact-copy,.form-card{height:824px;border:1.5px solid #111;border-radius:47px}
.contact-copy{background:var(--pink);padding:36px 36px 31px}
.contact-copy .micro-label{margin-bottom:28px}
.contact-copy h2{font-size:45px;line-height:.99;letter-spacing:-.047em;margin-bottom:44px}
.contact-copy>p{font-size:13px;line-height:1.55;letter-spacing:-.012em;margin:0;height:132px}
.contact-copy .statement-dark{height:130px;margin-top:27px;padding:0 19px;font-size:9.7px;line-height:1.52}
.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.mini-cards>div{height:119px;border:1.5px solid #111;border-radius:19px;background:#fff;padding:19px 15px;font-size:8.7px;line-height:1.48}
.form-card{background:#fff;padding:36px 28px 29px}
.form-kicker{min-height:0;height:auto;border:0;border-radius:0;padding:0;background:transparent;font-size:7px;letter-spacing:.12em;margin-bottom:18px}
.form-card h2{font-size:30px;line-height:1.06;letter-spacing:-.045em;margin:0 0 17px;font-weight:800}
.form-card>p{font-size:9px;line-height:1.5;margin:0 0 20px;max-width:350px}
.field{margin-bottom:21px}
.field label{display:block;margin:0 0 5px;font-size:7px;font-weight:800;letter-spacing:.055em;line-height:1.1;text-transform:uppercase}
.field label span{font-size:6.5px}
.field input{width:100%;height:43px;border:1.4px solid #111;border-radius:12px;background:#f8f8f8;color:#111;padding:0 13px;font-size:10px;outline:none;transition:box-shadow .15s,border-color .15s}
.field input::placeholder{color:#a6a3a4}
.field input[aria-invalid="true"]{border-color:#a10d2b;box-shadow:0 0 0 2px rgba(161,13,43,.1)}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.submit-button{width:100%;height:47px;border:0;cursor:pointer;margin-top:1px;font-size:8px}
.button-loading{display:none}.submit-button.is-loading .button-label{display:none}.submit-button.is-loading .button-loading{display:inline}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}
.form-status{font-size:9px;line-height:1.35;border-radius:9px}.form-status.is-visible{margin-top:7px;padding:7px 9px;border:1px solid #111}.form-status.success{background:#e8f5de}.form-status.error{background:#ffe5ea;color:#7c0b22;border-color:#7c0b22}
.form-note{font-size:8.3px!important;line-height:1.45!important;color:#555!important;margin:19px 0 0!important}

/* footer */
.site-footer{height:173px;background:var(--pink)}
.footer-inner{height:100%;left:5px;border-top:1px solid rgba(17,17,17,.10);display:flex;align-items:flex-start;justify-content:space-between;padding-top:48px;gap:80px}
.footer-wordmark strong{font-size:12px}.footer-wordmark small{font-size:5.5px}
.footer-inner>p{width:420px;margin:0;text-align:right;font-size:8.1px;line-height:1.5;letter-spacing:-.005em}

/* tablet */
@media (max-width: 980px){
  .shell{left:0}
  :root{--shell:calc(100vw - 48px)}
  .shell{width:calc(100% - 48px)}
  .hero,.benefits,.solution,.contact,.site-footer{height:auto}
  .site-header{height:68px}.header-inner{height:68px}
  .hero{padding-bottom:70px}.hero-inner{padding-top:122px}
  .hero-copy,.eyebrow-strip{width:100%}
  .hero-card{margin-top:120px}
  .benefits{padding:62px 0 72px}.benefits-panel{width:min(810px,calc(100% - 48px));height:auto;min-height:0;transform:none}
  .solution{padding:64px 0 78px}.solution-intro,.solution-block{width:100%;height:auto}.solution-block{margin-top:50px}
  .contact{padding:64px 0 65px}.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:24px}.contact-copy,.form-card{height:auto;min-height:820px}
  .site-footer{height:auto;padding-bottom:45px}.footer-inner{min-height:150px}
}

/* mobile */
@media (max-width: 720px){
  .shell{width:calc(100% - 30px)}
  .site-header{height:66px}.header-inner{height:66px}
  .wordmark strong{font-size:11px}.wordmark small{font-size:5px}
  .header-cta{width:auto;height:36px;padding:0 13px;font-size:7px}

  .hero{padding-bottom:54px}
  .hero-inner{padding-top:100px}
  .eyebrow-strip{height:auto;min-height:34px;padding:8px 12px;font-size:6.5px;line-height:1.25;white-space:normal;box-shadow:none}
  h1{width:100%;font-size:clamp(51px,15.2vw,68px);line-height:.93;margin-top:28px}
  .hero-lead{width:100%;font-size:13.5px;line-height:1.55;margin-top:22px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:27px}
  .hero-actions .pill-dark,.hero-actions .pill-light{width:100%}
  .pill{height:49px;font-size:8.5px;padding:0 16px}

  .hero-card{width:100%;height:auto;margin-top:64px;padding:26px 20px 22px;left:0;border-radius:28px;box-shadow:8px 10px 0 var(--hero-shadow)}
  .hero-card-top{grid-template-columns:1fr 56px;gap:10px}
  .card-kicker{font-size:6.5px;margin-bottom:12px;white-space:normal;line-height:1.2}
  .hero-card h2{font-size:42px;line-height:.9}
  .mini-badge{width:54px;height:54px;border-radius:12px}.mini-badge span{font-size:16px}.mini-badge small{font-size:5px}
  .stack-list{gap:9px;margin-top:19px}.stack-list>div{height:auto;min-height:54px;border-radius:13px;padding:12px 13px;font-size:9.2px}.stack-list .stack-list-emphasis{height:auto;min-height:74px}

  .benefits{padding:45px 0 56px}.benefits-panel{width:calc(100% - 30px);padding:25px 18px 23px;transform:none;border-radius:28px;box-shadow:9px 10px 0 #1f1f1f}
  .micro-label{min-height:25px;padding:0 11px;font-size:6.7px}
  .benefits-panel .micro-label{margin-bottom:20px}
  .benefits-panel h2{font-size:49px;line-height:.94;margin-bottom:17px}
  .benefits-panel h3{font-size:27px;line-height:1.02;margin-bottom:17px}.benefits-panel h3 br{display:none}
  .body-copy{font-size:13px;line-height:1.55;margin-bottom:22px}
  .benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-card,.benefit-card-wide{grid-column:auto;height:auto;min-height:160px;border-radius:18px;padding:18px}.benefit-card-wide{min-height:150px}
  .icon-box{width:36px;height:36px;border-radius:9px;margin-bottom:14px}.benefit-card h4{font-size:18px}.benefit-card p{font-size:12px;max-width:none}
  .benefits-panel>.statement-dark{height:auto;min-height:78px;margin-top:11px;padding:15px 16px;border-radius:14px;font-size:12px}
  .panel-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:14px}.panel-actions .pill{height:46px;width:100%}

  .solution{padding:46px 0 58px}.solution-intro{padding:25px 19px 21px;border-radius:28px;box-shadow:8px 9px 0 var(--soft-shadow)}
  .solution-intro .micro-label{margin-bottom:21px}
  .solution-intro h2{font-size:46px;line-height:.94;margin-bottom:22px}
  .solution-intro>p{font-size:12.5px;line-height:1.58;margin-bottom:17px}
  .warning-box{height:auto;min-height:88px;margin-top:19px;border-radius:15px;grid-template-columns:36px 1fr;gap:10px;padding:12px}.warning-box>span{width:32px;height:32px;font-size:14px}.warning-box p{font-size:11px}
  .solution-block{margin-top:44px;padding:25px 15px 18px;border-radius:28px;box-shadow:8px 9px 0 var(--soft-shadow)}
  .bridge-label{top:-20px;height:34px;font-size:6.8px;padding:0 15px}
  .solution-grid{grid-template-columns:1fr;gap:10px}.solution-card{height:auto;min-height:190px;border-radius:18px;padding:19px}.solution-card>span{margin-bottom:18px}.solution-card h3{font-size:24px}.solution-card p{font-size:12px;margin-top:32px}
  .solution-summary,.solution-actions{grid-column:auto}.solution-summary{height:auto;min-height:82px;border-radius:15px;padding:15px;font-size:11.5px}.solution-actions{display:grid;grid-template-columns:1fr;gap:9px}.solution-actions .pill{width:100%;height:46px}

  .contact{padding:46px 0 48px}.contact-grid{grid-template-columns:1fr;gap:18px;left:0}.contact-copy,.form-card{height:auto;min-height:0;border-radius:28px;box-shadow:8px 9px 0 var(--hero-shadow)}
  .contact-copy{padding:24px 19px 20px}.contact-copy .micro-label{margin-bottom:20px}.contact-copy h2{font-size:43px;line-height:.94;margin-bottom:22px}.contact-copy>p{font-size:13px;height:auto;line-height:1.55}.contact-copy .statement-dark{height:auto;min-height:106px;margin-top:21px;padding:15px;font-size:12px;border-radius:15px}.mini-cards{grid-template-columns:1fr;gap:9px}.mini-cards>div{height:auto;min-height:83px;padding:15px;border-radius:15px;font-size:11.5px}
  .form-card{padding:25px 19px 23px}.form-kicker{font-size:6.8px;margin-bottom:16px}.form-card h2{font-size:28px;margin-bottom:15px}.form-card>p{font-size:12px;margin-bottom:20px}.field{margin-bottom:13px}.field label{font-size:9.5px;margin-bottom:6px}.field input{height:50px;font-size:16px;border-radius:12px;padding:0 13px}.submit-button{height:50px;font-size:9.5px}.form-note{font-size:11px!important}

  .site-footer{padding:0 0 calc(30px + env(safe-area-inset-bottom))}.footer-inner{min-height:145px;padding-top:30px;left:0;display:grid;grid-template-columns:1fr;gap:18px}.footer-inner>p{width:100%;text-align:left;font-size:10.5px}
}

@media (max-width: 390px){
  h1{font-size:50px}.hero-card h2{font-size:39px}.benefits-panel h2{font-size:46px}.solution-intro h2{font-size:43px}.contact-copy h2{font-size:40px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}


/* ===== V3 fidelity + mobile refinement ===== */
body{font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1}
h1,.hero-card h2,.benefits-panel h2,.solution-intro h2,.contact-copy h2{
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-weight:400;
  letter-spacing:-.055em;
}
.benefits-panel h3{
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-weight:400;
}
.benefit-card h4,.solution-card h3,.form-card h2,.field label,.pill,.micro-label,.bridge-label{
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
.benefit-card h4,.solution-card h3,.form-card h2{font-weight:900}

/* The supplied desktop reference is a 1440-ish layout. Keep those proportions
   intact there, while allowing the page to adapt cleanly below tablet width. */
@media (min-width:981px){
  .hero-card{transform:translateX(5px)}
  .benefits-panel{transform:translateX(5px)}
  .solution-wrap{transform:translateX(5px)}
  .contact-grid{transform:translateX(5px)}
  .header-inner,.footer-inner{transform:translateX(5px)}
}

@media (max-width:720px){
  .shell{width:min(calc(100% - 28px),520px)}
  .site-header{height:64px}
  .header-inner{height:64px}
  .wordmark strong{font-size:10px;letter-spacing:.20em}
  .wordmark small{font-size:5px;margin-top:4px}
  .header-cta{height:34px;padding-inline:12px;font-size:7px}

  .hero-inner{padding-top:94px}
  .eyebrow-strip{font-size:6.2px;letter-spacing:.09em;padding:8px 11px}
  h1{font-size:clamp(45px,13.5vw,58px);line-height:.96;letter-spacing:-.06em;margin-top:25px}
  .hero-lead{font-size:13px;line-height:1.55;margin-top:20px}
  .hero-actions{margin-top:24px}

  .hero-card{transform:none;margin-top:58px;padding:25px 18px 20px;position:relative}
  .hero-card-top{display:block;padding-right:62px}
  .hero-card h2{font-size:clamp(34px,9.6vw,40px);line-height:.92;letter-spacing:-.06em}
  .mini-badge{position:absolute;top:24px;right:18px;width:50px;height:50px}
  .stack-list{margin-top:18px}

  .benefits-panel{transform:none}
  .benefits-panel h2{font-size:clamp(43px,12.7vw,53px);line-height:.96}
  .benefits-panel h3{font-size:25px;line-height:1.05}
  .body-copy{font-size:11px;line-height:1.58;margin-bottom:24px}
  .benefit-card,.benefit-card-wide{height:auto;min-height:154px}
  .benefit-card h4{font-size:17px}

  .solution-wrap{transform:none}
  .solution-intro h2{font-size:clamp(36px,10.5vw,44px);line-height:.97}
  .solution-intro>p{font-size:10.2px;line-height:1.6;margin-bottom:16px}
  .solution-block{margin-top:44px}
  .solution-card h3{font-size:23px}

  .contact-grid{transform:none}
  .contact-copy h2{font-size:clamp(36px,10.8vw,44px);line-height:.97}
  .contact-copy,.form-card{min-height:0;height:auto}
  .form-card h2{font-size:27px}
  .field input{font-size:16px}
  .footer-inner{transform:none;padding-top:30px}
}


/* ===== V4: proporção desktop igual à referência em 125% =====
   A versão anterior batia com a página original quando o navegador estava em 125%.
   Aqui esse ganho é incorporado ao layout no desktop, mantendo o navegador em 100%.
   O width:80% compensa o zoom de 1.25 e mantém os fundos de seção em 100% da viewport. */
@media (min-width:1100px){
  body{
    width:80%;
    zoom:1.25;
  }
}

/* Em notebooks menores, evita forçar o zoom e deixa o breakpoint responsivo assumir. */
@media (min-width:981px) and (max-width:1099px){
  body{width:100%;zoom:1}
}


/* ===== V5: correção de centralização no desktop =====
   O zoom de 1.25 preserva a escala correta da referência, mas o body reduzido
   desloca o fluxo normal para a esquerda. Mantemos os fundos em largura total
   e recentralizamos somente o conteúdo das seções. */
@media (min-width:1100px){
  .hero-inner,
  .solution-wrap,
  .contact-grid,
  .footer-inner{
    transform:translateX(calc(8.8vw + 5px));
  }

  .benefits-panel{
    transform:translateX(calc(8.8vw + 5px));
  }

  /* O cabeçalho já estava alinhado corretamente com a referência. */
  .header-inner{
    transform:translateX(5px);
  }
}

/* ===== V6: fundo preto da seção de benefícios em full-bleed =====
   O layout desktop usa zoom:1.25 para reproduzir a escala da referência.
   Isso pode fazer o background da section acompanhar a largura reduzida do body.
   A sombra expansiva abaixo estende somente o fundo preto até as bordas da viewport,
   sem alterar posição, tamanho ou centralização do painel interno. */
@media (min-width:1100px){
  .benefits{
    box-shadow:0 0 0 100vmax #111;
    clip-path:inset(0 -100vmax);
  }
}