@font-face{font-family:EcoSans;src:local('Aptos'),local('Segoe UI');font-display:swap}
:root{--gutter:clamp(24px,6.5vw,120px);--paper:#eeefe5;--green:#193e2c;--ink:#0c1517;--orange:#f38b36;--header:82px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f2f4e9;font:16px/1.6 EcoSans,'Segoe UI',Arial,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}button,input{font:inherit}a{color:inherit}img{display:block;max-width:100%}figure{margin:0}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}:focus-visible{outline:2px solid #b5d797;outline-offset:5px}p{margin:0 0 20px}h1,h2,h3{font-weight:400;margin:0;line-height:1.08;letter-spacing:-.05em}h1{font-size:clamp(46px,5.3vw,83px);max-width:790px;margin-bottom:32px}h2{font-size:clamp(38px,4.6vw,68px);margin-bottom:25px}h3{font-size:24px;letter-spacing:-.025em}.eyebrow{font-size:13px;letter-spacing:.065em;color:#b9d59f;margin:0 0 25px}.small-heading{font-size:12px;letter-spacing:.055em;color:#b6c7ba;margin-bottom:20px}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:12px 18px;background:#fff;color:var(--green);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{clip-path:none;width:auto;height:auto}.site-header{height:var(--header);display:flex;align-items:center;gap:25px;padding:0 3.5vw;border-bottom:1px solid #d7e1d520;position:absolute;inset:0 0 auto;z-index:20;background:#12221a}.brand{flex-shrink:0}.brand img{width:144px;height:auto}.site-header nav{display:flex;gap:clamp(14px,1.3vw,25px);margin-left:auto}.site-header a{text-decoration:none;font-size:14px}.site-header nav a{padding:12px 0}.header-cta{border:1px solid #b8cbb459;padding:10px 15px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:15px 24px;font-size:15px;text-decoration:none;line-height:1.4;border:1px solid transparent;border-radius:0}.primary{background:var(--orange);color:#211507}.primary:hover{background:#ffa34b}.outline{border-color:#b9d5be66}.outline:hover{background:#b5d79712}.subtle-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;border-bottom:1px solid #708574;text-decoration:none;font-size:15px}.chapter{position:relative;padding:110px var(--gutter);overflow:clip}.chapter-number{position:absolute;bottom:25px;right:var(--gutter);font-size:11px;color:#b2c0b2;letter-spacing:.06em}.light{background:var(--paper);color:var(--green);color-scheme:light}.light .eyebrow{color:#486842}.light .chapter-number{color:#58705b}.explain-hero{min-height:max(900px,100svh);display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;padding-top:150px;background:radial-gradient(ellipse at 82% 35%,#30583b88,transparent 45%),#12221a}.hero-copy{position:relative;z-index:2}.hero-copy>p:not(.eyebrow){max-width:550px;font-size:17px;color:#c9d5ca}.hero-copy .button{margin-top:12px}.hero-product{height:660px;position:relative;overflow:hidden;align-self:center}.hero-product img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:saturate(.65) contrast(1.06);mask-image:linear-gradient(0deg,transparent,black 9%,black 92%,transparent)}.hero-product figcaption{position:absolute;bottom:15px;left:20px;right:20px;font-size:11px;color:#dfe7d6;padding-top:12px;border-top:1px solid #c5d1c466}.role-chapter{display:grid;grid-template-columns:1fr 1fr;gap:7vw;min-height:620px;align-items:center}.role-copy>p{font-size:19px;max-width:600px}.benefit-list{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.benefit-list li{padding:18px 0;border-top:1px solid #b8c5b3;font-size:20px}.benefit-list span{font-size:11px;display:block;color:#66815b;margin-bottom:5px}
.oil-scene{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.15fr) minmax(0,.75fr);gap:35px;min-height:0;padding:100px var(--gutter) 80px;background:radial-gradient(ellipse at 50% 38%,#29413b66,transparent 43%),#0c1519}.interactive-heading{grid-column:1/-1;max-width:950px;margin-bottom:10px}.interactive-heading h2{max-width:820px}.interactive-heading>p:last-child{max-width:650px;color:#b8c9c3;font-size:17px}.parts-explainer,.condition-explainer{align-self:center}.parts-list{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:30px}.parts-list button{font-size:15px;min-height:44px;padding:10px 0;background:transparent;color:#b7c9c1;border:0;border-bottom:1px solid #62756d}.parts-list button[aria-pressed=true]{border-color:#c4dea7;color:#edf5df}.parts-list button:hover{color:#fff}.part-description{min-height:190px;border-left:2px solid #88a374;padding-left:22px}.part-description h3{color:#d2e6be;margin-bottom:18px}.part-description p,.condition-explainer p{font-size:15px;color:#bdcdc5}.oil-experience{width:100%;margin:0;align-self:center}.instrument-header{display:flex;align-items:center;justify-content:space-between;margin:0;gap:8px}.instrument-header small{font-size:11px;color:#c0cfc1}.approved-stage{width:min(100%,340px);margin:10px auto}.oil-control input{display:block;width:100%}.oil-control label{color:#b9cdc2;font-size:13px}.oil-control-footer{flex-direction:column;gap:10px}.oil-control .motion-toggle{align-self:center}.oil-control #oil-state{text-align:center;min-height:48px}.condition-explainer h3{font-size:30px;margin-bottom:20px;color:#edf5df}.paired-benefits{border-block:1px solid #708b7455;padding:23px 0;margin:32px 0 22px;display:flex;flex-direction:column;gap:4px}.paired-benefits strong{font-weight:400;font-size:23px}.paired-benefits span{font-size:15px;color:#cbdcc3}.condition-explainer p.seal-note{font-size:12px;color:#aabfb4}.cycle-explainer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px 7vw;border-top:1px solid #b6d19e33;padding-top:35px;margin-top:20px}.cycle-explainer h3{font-size:24px;color:#d2e6be;margin-bottom:15px}.cycle-explainer h3 span{margin-left:20px}.cycle-explainer p{font-size:15px;color:#c2d1c8;margin-bottom:12px;max-width:530px}.cycle-explainer small{color:#a9c793;font-size:13px}.cycle-explainer p.cycle-summary{grid-column:1/-1;max-width:820px;color:#dbe5d6;margin-top:12px}.oil-scene .educational-note{grid-column:1/-1;max-width:900px;margin:0;line-height:1.6}.damper-error{grid-column:1/-1}
.road-chapter{min-height:740px;display:flex;align-items:center;background:linear-gradient(105deg,#172d23 5%,#0a1712 75%)}.road-copy{max-width:720px;position:relative;z-index:1}.road-copy p:not(.eyebrow){max-width:580px;color:#c9d5ca;font-size:18px}.road-benefits{display:flex;flex-wrap:wrap;list-style:none;gap:12px 24px;padding:28px 0 0;border-top:1px solid #92b37e40;margin:30px 0 0;color:#c8dea9}.road-lines{position:absolute;right:-18%;top:0;width:75%;height:100%;transform:skew(-20deg);border-left:1px solid #8fb39525;background:linear-gradient(90deg,#739d7220,transparent 70%);pointer-events:none}.road-lines span{position:absolute;left:8%;width:2px;top:0;height:100%;background:linear-gradient(0deg,transparent,#d0debb66,transparent)}.road-lines span:nth-child(2){left:47%;background:repeating-linear-gradient(0deg,transparent 0 75px,#a1bc9740 75px 130px)}.road-lines span:nth-child(3){left:80%;background:#88a28519}.recover-chapter{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;min-height:820px}.recover-chapter figure{align-self:stretch;position:relative;min-height:500px}.recover-chapter img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.6) contrast(1.07)}.recover-chapter figcaption{position:absolute;bottom:20px;left:20px;right:20px;font-size:12px;color:#fff;background:#092519cc;padding:15px}.recover-chapter p{font-size:17px}.assessment-note{border-left:2px solid #789a63;padding-left:18px;color:#476343;margin:25px 0}.confidence-chapter{min-height:780px;display:flex;align-items:center;background:#0d231b;isolation:isolate}.confidence-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;filter:saturate(.5)}.confidence-chapter:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0c211bf2 10%,#0c211be8 45%,#0c211b25)}.confidence-copy{max-width:700px}.confidence-copy p:not(.eyebrow){font-size:17px;max-width:520px;color:#d0dece}.warranty-pair{display:flex;flex-direction:column;gap:8px;border-block:1px solid #b9cead59;padding:28px 0;margin:35px 0}.warranty-pair strong{font-weight:400;font-size:clamp(35px,4vw,58px);letter-spacing:-.05em;line-height:1.05}.warranty-pair span{font-size:clamp(21px,2.6vw,33px);color:#c4dfa4;letter-spacing:-.025em}.process-heading{max-width:720px;margin-bottom:45px}.process-heading>p:last-child{max-width:600px;font-size:18px}.process-layout{display:grid;grid-template-columns:1.5fr .65fr;gap:45px;align-items:center}.process-photo{height:440px;position:relative;background:#d0d6c9}.process-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:opacity .2s}.process-photo figcaption{position:absolute;bottom:0;inset-inline:0;background:#193e2cdc;color:#f0f4e8;padding:18px 25px;font-size:14px}.process-steps{display:flex;flex-direction:column}.process-steps button{background:transparent;color:#496341;text-align:left;border:0;border-top:1px solid #acbca5;padding:22px 0;min-height:90px;font-size:25px;line-height:1.2;letter-spacing:-.025em}.process-steps button[aria-pressed=true]{color:#193e2c;border-top:2px solid #527c43}.process-steps button>span:first-child{display:inline-block;font-size:12px;margin-right:20px;vertical-align:middle;letter-spacing:0}.process-steps .step-sub{display:block;margin:8px 0 0 37px;font-size:14px;letter-spacing:0}.process-ending{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-top:35px}.process-ending p{max-width:650px;font-size:17px}.process-ending .subtle-link{white-space:nowrap;flex-shrink:0}.contact-chapter{min-height:650px;background:radial-gradient(ellipse at 87% 35%,#3c61313b,transparent 45%),#102b20;display:flex;flex-direction:column;justify-content:center}.contact-chapter h2{max-width:850px}.contact-chapter>p:not(.eyebrow){font-size:18px;color:#c7d5c5;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 25px}.contact-chapter>small{font-size:13px;color:#bccfb5;max-width:550px}footer{padding:40px var(--gutter);display:flex;flex-wrap:wrap;gap:25px 45px;align-items:center;background:#091a13;border-top:1px solid #bad29c25}footer img{width:120px;height:auto}footer nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin-left:auto}footer a{font-size:13px;text-decoration:none}footer small{display:block;width:100%;font-size:12px;color:#a9bfa7}
@media(min-width:1700px){.explain-hero{grid-template-columns:1fr 1fr}.hero-product{height:740px}.approved-stage{width:380px}}
@media(max-width:1100px){.site-header nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;background:transparent;color:#fff;border:1px solid #809b7655;padding:12px;font-size:14px}.site-header nav.open{position:absolute;top:82px;left:0;right:0;display:flex;flex-direction:column;margin:0;padding:20px var(--gutter);background:#12221a;gap:8px}.oil-scene{grid-template-columns:1fr 1.3fr;gap:25px}.interactive-heading{grid-column:1/-1}.condition-explainer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 40px}.condition-explainer>.small-heading{grid-column:1/-1;margin:0}.condition-explainer .paired-benefits{margin:0;align-self:start}.condition-explainer .seal-note{grid-column:1/-1}.explain-hero{gap:30px;grid-template-columns:1.2fr .8fr}.hero-product{height:640px}.process-ending{flex-direction:column;gap:10px}}
@media(max-width:700px){:root{--gutter:24px;--header:72px}.site-header{height:72px;padding:0 24px}.brand img{width:119px}.site-header nav.open{top:72px}.chapter{padding:75px 24px 70px}h1{font-size:clamp(42px,11.5vw,66px);line-height:1.05}h2{font-size:clamp(34px,9.4vw,49px);line-height:1.08}.eyebrow{font-size:12px;margin-bottom:20px}.chapter-number{bottom:22px}.explain-hero{display:flex;flex-direction:column;gap:20px;min-height:0;padding-top:72px}.hero-product{order:-1;width:100%;height:330px;margin:0 -24px;width:calc(100% + 48px);align-self:stretch}.hero-product img{object-position:center 57%;mask-image:linear-gradient(0deg,transparent,black 25%)}.hero-product figcaption{bottom:8px;left:24px;right:24px}.hero-copy p:not(.eyebrow){font-size:16px}.hero-copy .button{width:100%;margin-top:8px}.role-chapter{display:block;min-height:0}.role-copy>p{font-size:17px}.benefit-list{gap:0 15px}.benefit-list li{font-size:17px}.oil-scene{display:flex;flex-direction:column;gap:0;padding:75px 24px 70px;background:radial-gradient(ellipse at 50% 50%,#29413b55,transparent 40%),#0c1519}.interactive-heading{margin-bottom:25px}.interactive-heading>p:last-child{font-size:16px}.parts-explainer{width:100%;align-self:stretch}.parts-list{margin-bottom:20px;gap:5px 15px}.part-description{min-height:145px;margin-bottom:20px}.part-description p{font-size:15px}.oil-experience{margin:0;width:100%;max-width:100%}.approved-stage{width:min(100%,340px);margin:5px auto 12px}.instrument-header{margin:0}.oil-labels{gap:7px}.oil-labels button{font-size:13px}.oil-control-footer{padding-top:15px}.oil-control #oil-state{min-height:0}.condition-explainer{display:block;margin-top:35px;align-self:stretch}.condition-explainer>.small-heading{margin-bottom:15px}.condition-explainer h3{font-size:28px}.condition-explainer .paired-benefits{margin:22px 0}.condition-explainer p.seal-note{font-size:12px}.cycle-explainer{display:block;padding-top:28px;margin-top:10px}.cycle-explainer>div{margin-bottom:30px}.cycle-explainer h3{font-size:23px}.cycle-explainer p.cycle-summary{margin:0 0 25px}.oil-scene .educational-note{margin:0;font-size:12px;max-width:none}.road-chapter{min-height:640px}.road-lines{right:-40%;width:90%;opacity:.55}.road-copy p:not(.eyebrow){font-size:16px}.road-benefits{font-size:14px;gap:10px 20px}.recover-chapter{display:flex;flex-direction:column;gap:35px;min-height:0}.recover-chapter figure{height:310px;min-height:0;width:100%}.recover-chapter p{font-size:16px}.recover-chapter .button{width:100%}.confidence-chapter{min-height:740px;align-items:flex-end;padding-top:230px}.confidence-chapter:after{background:linear-gradient(0deg,#0c211bf5 0%,#0c211bf2 50%,#0c211b35)}.confidence-photo{object-position:70% center}.confidence-copy p:not(.eyebrow){font-size:16px}.warranty-pair{margin:28px 0;padding:24px 0}.warranty-pair strong{font-size:39px}.warranty-pair span{font-size:24px}.process-heading{margin-bottom:30px}.process-heading>p:last-child{font-size:16px}.process-layout{display:flex;flex-direction:column;gap:20px}.process-photo{width:100%;height:290px}.process-photo figcaption{font-size:13px;padding:15px}.process-steps{width:100%}.process-steps button{font-size:24px;min-height:88px;padding:20px 0}.process-ending{margin-top:25px}.process-ending p{font-size:16px}.contact-chapter{min-height:650px}.contact-chapter>p:not(.eyebrow){font-size:17px}.actions{display:flex;flex-direction:column;width:100%}.actions .button{width:100%;font-size:14px;gap:12px}.contact-chapter>small{font-size:12px}footer{display:block;padding:35px 24px}footer nav{margin:25px 0;gap:12px 18px}footer a{font-size:13px}}
@media(max-width:360px){.approved-stage{width:min(100%,272px)}.instrument-header small{font-size:10px}.parts-list button{font-size:14px}.warranty-pair strong{font-size:33px}.warranty-pair span{font-size:22px}.oil-labels button{font-size:12px}.benefit-list li{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.process-photo img{transition:none}}
.part-pin{position:absolute;z-index:4;width:12px;height:12px;border:1px solid #d6e9b7;border-radius:50%;background:#183727a8;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #c6e1a317;pointer-events:none}.part-pin>span{position:absolute;right:19px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:11px;color:#e5efd9;line-height:1.4;background:#10251cdd;padding:4px 7px;border-bottom:1px solid #bdd49b66}.part-pin:before{content:'';position:absolute;right:100%;top:50%;width:9px;border-top:1px solid #bdd49b88}
html{scrollbar-gutter:stable}

/* Painel técnico: enquadramento adaptável; imagem e motor aprovados intactos. */
h1{font-size:clamp(37px,4.24vw,66px);text-wrap:balance}
h2{font-size:clamp(30px,3.68vw,54px);text-wrap:balance}
.oil-scene{--display-height:min(740px,calc(100svh - 174px));display:block;min-height:100svh;padding:16px clamp(20px,3.5vw,70px) 24px;background:radial-gradient(ellipse at 60% 40%,#28403355,transparent 55%),#0b1617}
.oil-scene:before{display:none}
.experience-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:0 auto 14px;min-height:44px}
.experience-bar img{width:64px;height:auto}
.experience-bar>a:last-child{font-size:12px;text-decoration:none;color:#bac9bf;min-height:44px;display:flex;align-items:center;gap:12px}
.experience-bar>a:hover{color:#fff}
.technical-panel{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(350px,1.15fr) minmax(260px,1fr) 175px;grid-template-areas:"copy instrument controls";align-items:start;gap:24px;padding:22px;border:1px solid #8baf8c38;border-radius:12px;background:linear-gradient(125deg,#15251eaa,#0c191aee);box-shadow:0 24px 60px #0003}
.interactive-copy{grid-area:copy;align-self:center;max-width:490px;min-width:0;padding:0}
.interactive-heading{margin:0 0 22px;max-width:none}
.interactive-heading .eyebrow{font-size:11px;letter-spacing:.06em;margin-bottom:12px}
.interactive-heading h2{font-size:clamp(28px,2.4vw,36px);max-width:450px;margin-bottom:15px;line-height:1.13}
.interactive-heading>p:last-child{max-width:420px;font-size:14px;line-height:1.55;margin:0;color:#b9c9c0}
.component-workspace{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start}
.parts-explainer{align-self:auto}
.parts-explainer .small-heading{font-size:10px;margin:0 0 8px;color:#a4b6a5}
.parts-list{display:flex;flex-direction:column;gap:4px;margin:0}
.parts-list button{width:100%;text-align:left;font-size:13px;min-height:38px;padding:8px 10px;background:#0b181733;border:1px solid #7b9e7b28;border-radius:4px;color:#becdc0;line-height:1.35}
.parts-list button:hover{background:#a9c9960c;border-color:#9cba8955}
.parts-list button[aria-pressed=true]{color:#f0f6e7;background:#adc99416;border-color:#b8d2958c;box-shadow:inset 2px 0 #c2dc9e}
.explanation-space{min-width:0}
.context-slot{min-height:145px;padding:0;border:0}
.context-slot h3{font-size:21px;letter-spacing:-.025em;color:#daeac8;margin:0 0 10px;line-height:1.15}
.context-slot p{font-size:13px;color:#c0cdc2;line-height:1.65;margin:0;max-width:none}
.context-slot .part-description{min-height:0;padding:0;border:0;margin:0}
.quiet-benefits{display:flex;flex-wrap:wrap;gap:4px 12px;list-style:none;padding:0;margin:18px 0 0;color:#b5c7a8;font-size:10px}
.paired-benefits{margin:14px 0 8px;padding:12px 0;border-block:1px solid #708b7433;display:flex;flex-direction:column;gap:3px}
.paired-benefits strong{font-size:17px;font-weight:400;line-height:1.2}
.paired-benefits span{font-size:12px;color:#ccdbc0;line-height:1.45}
.technical-details{margin:0 0 8px;border-bottom:1px solid #92ac8e25}
.technical-details summary{cursor:pointer;min-height:36px;font-size:11px;color:#bdd0b5;padding:8px 0;line-height:1.6}
.technical-details .cycle-explainer{display:block;border:0;margin:0;padding:10px 0 0}
.technical-details .cycle-explainer>div{margin-bottom:16px}
.technical-details .cycle-explainer h3{font-size:17px;margin-bottom:8px}
.technical-details .cycle-explainer p,.technical-details .cycle-summary{font-size:12px;line-height:1.6;margin-top:0}
.technical-details .cycle-explainer small,.technical-details .seal-note{font-size:11px;color:#adc0b3;line-height:1.6}
.oil-scene .educational-note{position:static;display:block;font-size:10px;line-height:1.55;padding:0;margin:0;color:#9fb0a5;max-width:none}
.oil-experience{grid-area:instrument;position:static;align-self:start;justify-self:stretch;max-width:none;min-width:0;width:100%;margin:0}
.instrument-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:0 4px;line-height:1.4;color:#b7c8b8}
.instrument-header small,.instrument-header span{font-size:10px;letter-spacing:.055em}
.visualization-box{height:var(--display-height);width:100%;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px;border:1px solid #a5baaa30;border-radius:8px;background:radial-gradient(ellipse at 50% 80%,#29433955,transparent 49%),radial-gradient(ellipse at 50% 36%,#2b3335 0%,#1c2426 44%,#101a1d 82%);box-shadow:inset 0 1px 0 #d5e6de0a,inset 0 -1px 0 #0008,0 12px 32px #0002}
.visualization-box:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(112deg,#dce6e808,transparent 27%,transparent 70%,#9dc7b604);border-radius:inherit}
.visualization-box:after{content:'';position:absolute;z-index:-1;left:24%;right:24%;bottom:2.5%;height:8%;pointer-events:none;background:radial-gradient(ellipse,#0208098c,transparent 68%);opacity:.7}
/* Máscaras de exibição integram o fundo à vitrine sem recortar a peça.
   A extensão da haste e os cinco calques mantêm as coordenadas aprovadas. */
.oil-scene .approved-stage{width:min(100%,calc((var(--display-height) - 16px)*1086/2124));margin:0;flex-shrink:0;aspect-ratio:1086/2124;filter:none}
.oil-scene .approved-stage img{--body-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1086 1448'%3E%3Cpath fill='white' d='M485 176 Q485 164 495 164 L504 165 Q512 166 512 178 L511 200 Q511 207 520 207 L571 207 Q574 207 574 200 L574 178 Q574 164 585 164 L594 165 Q603 166 603 178 L602 199 Q622 202 635 219 Q653 220 658 236 L658 1125 Q658 1175 638 1202 Q625 1221 609 1231 L609 1242 C638 1258 658 1292 656 1334 C654 1390 613 1424 550 1424 C482 1424 428 1390 426 1336 C424 1296 441 1261 475 1242 L475 1230 Q456 1220 443 1201 Q424 1175 424 1126 L424 236 Q429 219 447 219 Q462 202 485 199 Z'/%3E%3C/svg%3E");mask-image:var(--body-mask);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--body-mask);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
/* A recomposição da câmara permanece visível; o preenchimento do fundo
   superior deixa de aparecer. Isso não altera a camada móvel da haste. */
.oil-scene .approved-stage #repair{clip-path:inset(44.256121% 45.027624% 20.386064% 45.027624%)}
.part-pin>span{display:none}
.part-pin:before{display:none}
.part-pin{width:10px;height:10px;box-shadow:0 0 0 4px #c6e1a325}
.oil-control{grid-area:controls;align-self:center;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"status status" "label label" "range choices" "footer footer";gap:16px 8px;width:100%;margin:0;max-width:none;padding:0 0 0 12px;border-left:1px solid #a5baaa22}
.oil-status{grid-area:status;display:flex;flex-direction:column;gap:6px;min-height:64px}
.oil-status>span{font-size:10px;color:#a9bba9;letter-spacing:.055em}
.oil-status strong{font-size:22px;line-height:1.2;font-weight:400;letter-spacing:-.035em;color:#d9e9c9}
.oil-control label{grid-area:label;font-size:11px;color:#c0d0bb;line-height:1.4}
.technical-panel .oil-control input[type=range]{grid-area:range;display:block;writing-mode:vertical-lr;direction:ltr;width:30px;height:min(280px,calc(var(--display-height)*.5));margin:0;justify-self:center;align-self:center}
.technical-panel .oil-control input[type=range]::-webkit-slider-runnable-track{width:4px;height:100%;background:linear-gradient(180deg,#b4d69f var(--oil-progress),#667c72 var(--oil-progress))}
.technical-panel .oil-control input[type=range]::-webkit-slider-thumb{margin:0 0 0 -9px}
.technical-panel .oil-control input[type=range]::-moz-range-track{width:4px;height:100%}
.technical-panel .oil-control input[type=range]::-moz-range-progress{width:4px}
.oil-labels{grid-area:choices;display:flex;flex-direction:column;justify-content:space-between;gap:8px;margin:0;min-height:0;height:min(280px,calc(var(--display-height)*.5))}
.oil-labels button{flex:none;width:100%;font-size:12px;line-height:1.4;min-height:44px;padding:10px 5px;text-align:left}
.oil-control-footer{grid-area:footer;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:0}
.oil-control #oil-state{text-align:left;min-height:34px;font-size:12px;line-height:1.5;max-width:none;color:#c2d1c3;margin:0}
.oil-control .motion-toggle{align-self:stretch;font-size:11px;min-height:44px;padding:8px 0}
html[data-experience=interactive]{scroll-padding-top:0}
html[data-experience=interactive] .site-header,
html[data-experience=interactive] footer,
html[data-experience=interactive] main>.chapter:not(#interativo){display:none}
html[data-experience=interactive] .oil-scene{scroll-margin-top:0}
html:not([data-experience=interactive]) .oil-scene{--display-height:min(740px,calc(100svh - 254px))}
@media(max-width:1200px) and (min-width:1001px){
  .oil-scene{padding-inline:20px}
  .technical-panel{grid-template-columns:minmax(325px,1.1fr) minmax(220px,1fr) 160px;gap:16px;padding:18px}
  .component-workspace{grid-template-columns:108px minmax(0,1fr);gap:14px}
  .interactive-heading h2{font-size:29px}
  .oil-status strong{font-size:20px}
}
@media(max-width:1000px){
  .oil-scene{--display-height:max(170px,min(520px,calc(100svh - 310px)));padding:12px 20px 24px}
  html:not([data-experience=interactive]) .oil-scene{--display-height:max(150px,min(520px,calc(100svh - 382px)))}
  .experience-bar{margin-bottom:10px}
  .experience-bar img{width:58px}
  .technical-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"instrument" "controls" "copy";gap:18px;padding:16px;max-width:660px}
  .oil-experience{margin:0;width:100%;max-width:none}
  .instrument-header{padding:0;margin:0 0 8px}
  .visualization-box{padding:8px}
  .oil-scene .approved-stage{width:min(100%,calc((var(--display-height) - 16px)*1086/2124));margin:0}
  .oil-control{grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "label" "range" "choices" "footer";gap:4px;padding:0;border:0}
  .oil-status{min-height:0;flex-direction:row;align-items:baseline;justify-content:space-between;gap:14px}
  .oil-status strong{font-size:19px}
  .technical-panel .oil-control input[type=range]{writing-mode:horizontal-tb;direction:ltr;width:100%;height:38px;margin:0;justify-self:stretch}
  .technical-panel .oil-control input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:linear-gradient(90deg,#b4d69f var(--oil-progress),#667c72 var(--oil-progress))}
  .technical-panel .oil-control input[type=range]::-webkit-slider-thumb{margin:-9px 0 0}
  .technical-panel .oil-control input[type=range]::-moz-range-track{width:100%;height:4px}
  .technical-panel .oil-control input[type=range]::-moz-range-progress{height:4px;width:auto}
  .oil-labels{flex-direction:row;gap:8px;height:auto;justify-content:normal}
  .oil-labels button{flex:1;min-width:0;min-height:44px;font-size:12px;text-align:center;padding:8px 0}
  .oil-control-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:14px}
  .oil-control #oil-state{font-size:11px;min-height:0;max-width:230px}
  .oil-control .motion-toggle{font-size:11px;flex-shrink:0;align-self:auto;min-height:44px}
  .interactive-copy{border-top:1px solid #a5baaa22;padding-top:22px;width:100%;max-width:none;align-self:start}
  .interactive-heading h2{font-size:clamp(27px,4.5vw,34px);max-width:540px}
  .interactive-heading>p:last-child{font-size:14px}
  .component-workspace{grid-template-columns:140px minmax(0,1fr);gap:22px}
  .parts-list button{min-height:44px;font-size:14px}
  .context-slot p{font-size:14px}
  .quiet-benefits{font-size:11px}
  .paired-benefits strong{font-size:19px}
  .paired-benefits span{font-size:13px}
  .technical-details summary{font-size:12px;min-height:44px}
  .oil-scene .educational-note{font-size:11px}
}
@media(max-width:540px){
  .oil-scene{padding-inline:12px}
  .technical-panel{padding:12px;gap:14px;border-radius:8px}
  .experience-bar>a:last-child{font-size:11px}
  .component-workspace{grid-template-columns:minmax(0,1fr);gap:20px}
  .parts-list button{min-height:44px}
  .parts-list{gap:4px}
  .interactive-heading h2{font-size:27px}
  .context-slot{min-height:0}
  .context-slot h3{font-size:22px}
  .parts-list>.context-slot{padding:12px 10px;border-left:2px solid #b8d29588;margin:2px 0 8px;background:#afc99608}
  .quiet-benefits{margin-top:16px;font-size:11px;gap:4px 14px}
  .paired-benefits{margin-top:14px;padding-block:12px}
  .oil-status strong{font-size:18px}
  .oil-labels button{font-size:11px}
  .oil-control #oil-state{max-width:170px}
  .oil-control .motion-toggle{font-size:10px}
}
@media(max-width:700px){
  h1{font-size:clamp(34px,9.2vw,53px)}
  h2{font-size:clamp(28px,7.5vw,39px)}
}
@media(forced-colors:active){
  .technical-panel .oil-control input[type=range]{appearance:auto;-webkit-appearance:auto;forced-color-adjust:auto}
  .parts-list button[aria-pressed=true]{outline:2px solid Highlight}
}

/* Controles dos componentes: coluna integrada à lateral esquerda da vitrine.
   A imagem, o enquadramento e o motor hidráulico não são modificados. */
.parts-explainer .small-heading{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:.025em;color:#d0e0c8;margin-bottom:12px}
.parts-explainer .small-heading:after{content:'';flex:1;height:1px;background:#8fa58855}
.parts-list{gap:8px}
.parts-list button{position:relative;display:flex;align-items:center;width:100%;min-height:48px;padding:12px 32px 12px 14px;border:1px solid #718e7f;border-radius:6px;background:linear-gradient(120deg,#21362b,#1c3028);color:#e4eddb;font-size:13px;font-weight:500;line-height:1.4;text-align:left;box-shadow:inset 0 1px 0 #e1ebd70b,0 2px 5px #0002;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s}
.parts-list button:after{content:'';position:absolute;right:15px;top:calc(50% - 3px);width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.7;pointer-events:none}
.parts-list button:hover{color:#f7ffe9;border-color:#acd297;background:#36523f;box-shadow:inset 0 1px 0 #ebffe515,0 0 0 1px #acd29720}
.parts-list button:focus-visible{outline:2px solid #edffe4;outline-offset:3px;border-color:#c6e4aa;box-shadow:0 0 0 5px #aaca941a}
.parts-list button:active{box-shadow:inset 0 2px 8px #0005}
.parts-list button[aria-pressed=true]{color:#15281d;border-color:#c7e4aa;background:linear-gradient(120deg,#b8d699,#a9c88b);box-shadow:inset 0 1px 0 #f4ffdd55,0 0 15px #adc99420}
.parts-list button[aria-pressed=true]:before{content:'';position:absolute;left:5px;top:12px;bottom:12px;width:3px;border-radius:2px;background:#254b34;pointer-events:none}
.parts-list button[aria-pressed=true]:hover{border-color:#e4f4cb;background:#c5dfa9;color:#15281d}
@media(min-width:1001px){
  .interactive-copy{display:grid;grid-template-columns:minmax(0,1fr) 168px;grid-template-areas:"heading parts" "explanation parts";gap:22px 24px;align-items:start;max-width:none;width:100%}
  .interactive-heading{grid-area:heading;margin:0}
  .component-workspace{display:contents}
  .parts-explainer{grid-area:parts;align-self:center;border-left:1px solid #8fa58833;padding-left:14px}
  .explanation-space{grid-area:explanation}
  .context-slot{min-height:125px}
}
@media(min-width:1001px) and (max-width:1200px){
  .interactive-copy{grid-template-columns:minmax(0,1fr) 146px;gap:18px 14px}
  .parts-explainer{padding-left:10px}
  .parts-list button{padding-left:12px;padding-right:25px;font-size:12px}
  .parts-list button:after{right:11px}
}
@media(max-width:1000px){
  .component-workspace{grid-template-columns:180px minmax(0,1fr)}
  .parts-list button{font-size:14px}
}
@media(max-width:540px){
  .component-workspace{grid-template-columns:minmax(0,1fr)}
  .parts-list button{min-height:48px;font-size:14px;padding-inline:16px 38px}
  .parts-list>.context-slot{border-color:#b8d699;background:#b8d6990c;border-radius:4px;padding:14px 16px;margin:0 0 4px}
}
@media(forced-colors:active){
  .parts-list button{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
  .parts-list button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight;outline:2px solid Highlight;outline-offset:2px}
  .parts-list button:focus-visible{outline-color:Highlight}
}

/* Nitrogênio: conteúdo opcional sem cobrir ou redimensionar a peça. */
.context-slot .nitrogen-benefits{margin-top:14px;font-size:12px;line-height:1.55;color:#d4e5c1}
.nitrogen-details{margin-top:12px;border-block:1px solid #92ad8059}
.nitrogen-details summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:12px;line-height:1.5;color:#d5e8c5;overflow-wrap:anywhere}
.nitrogen-details summary:hover{color:#f0ffde}
.nitrogen-details summary:focus-visible{outline:2px solid #edffe4;outline-offset:3px}
.nitrogen-extra{max-height:min(240px,30svh);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#88a774 #172b21;padding:4px 12px 12px 0;margin-bottom:8px}
.nitrogen-extra h4{font-size:18px;font-weight:400;line-height:1.25;letter-spacing:-.02em;color:#dbecc9;margin:0 0 14px}
.context-slot .nitrogen-extra p{font-size:13px;line-height:1.65;margin:0 0 14px}
.context-slot .nitrogen-extra p:last-child{margin-bottom:0}
.part-description.nitrogen-expanded>#part-text,
.part-description.nitrogen-expanded>.nitrogen-benefits{display:none}
.interactive-copy[data-component=nitrogenio]:not([data-nitrogen-expanded=true]) .paired-benefits{display:none}
@media(min-width:1001px) and (max-width:1200px){.nitrogen-extra{max-height:min(180px,26svh)}}
@media(max-width:1000px){.nitrogen-extra{max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0}.context-slot .nitrogen-extra p{font-size:14px}}
@media(forced-colors:active){.nitrogen-details{border-color:CanvasText}.nitrogen-details summary,.nitrogen-extra h4{color:CanvasText}}