.hero-reveal{isolation:isolate;display:block;min-height:100svh;padding:0!important;background:#080706;--reveal:58%}.reveal-scene{position:absolute;inset:0;overflow:hidden}.reveal-car{position:absolute;inset:0;background-image:url('../img/antes-depois-porta.png.png');background-repeat:no-repeat;background-size:200% 100%;filter:saturate(.85) contrast(1.08)}.reveal-before{background-position:left center}.reveal-after{background-position:right center;clip-path:inset(0 0 0 var(--reveal))}.inspection-beam{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:rgba(255,244,225,.9);box-shadow:0 0 12px #fff,0 0 35px var(--orange),0 0 90px rgba(239,108,34,.9);z-index:3;pointer-events:none}.inspection-beam:before{content:"";position:absolute;inset:0 auto 0 -130px;width:260px;background:linear-gradient(90deg,transparent,rgba(239,108,34,.1),rgba(255,236,207,.18),transparent);mix-blend-mode:screen}.inspection-beam i{position:absolute;top:50%;left:50%;width:58px;height:58px;border:1px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 8px rgba(0,0,0,.28);backdrop-filter:blur(4px)}.inspection-beam i:before,.inspection-beam i:after{content:"";position:absolute;top:50%;width:10px;height:10px;border-top:1px solid white}.inspection-beam i:before{left:10px;border-left:1px solid white;transform:rotate(-45deg)}.inspection-beam i:after{right:10px;border-right:1px solid white;transform:rotate(45deg)}.inspection-beam span{position:absolute;top:19%;left:15px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.3em;color:rgba(255,255,255,.75)}.hero-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,4,.96) 0%,rgba(5,5,4,.8) 27%,rgba(5,5,4,.16) 58%,rgba(5,5,4,.3) 100%),linear-gradient(0deg,rgba(5,5,4,.8),transparent 32%,rgba(5,5,4,.35))}.hero-reveal .hero-copy{position:relative;z-index:5;width:min(680px,52vw);padding:clamp(150px,18vh,220px) 0 120px 6.8vw}.hero-reveal h1{font-size:clamp(58px,6.7vw,110px);text-shadow:0 4px 25px rgba(0,0,0,.38)}.hero-reveal .hero-text{max-width:590px}.hero-reveal .button{position:relative;z-index:6}.reveal-control{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4}.hero-reveal .hero-copy,.hero-reveal .hero-foot{pointer-events:none}.hero-reveal .hero-actions>*{pointer-events:auto}.drag-hint{display:flex;align-items:center;gap:10px;color:#c9c0b5;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.drag-hint i{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-style:normal;animation:nudge 1.8s ease-in-out infinite}.scene-label{position:absolute;z-index:2;top:115px;text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:rgba(255,255,255,.5)}.scene-label b{color:var(--orange);margin-right:8px}.label-before{left:52%}.label-after{right:5%}@keyframes nudge{50%{transform:translateX(5px)}}
.diagnosis-fab{position:fixed;right:25px;bottom:25px;z-index:40;width:112px;height:112px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:var(--orange);color:#130b07;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 15px 55px rgba(0,0,0,.35);transition:.3s}.diagnosis-fab:hover{transform:scale(1.07) rotate(-4deg);background:#ff7d2d}.diagnosis-fab>span{font-size:25px;font-weight:300}.diagnosis-fab b{text-align:left;font-size:9px;line-height:1.25;text-transform:uppercase;letter-spacing:.11em}.diagnosis-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.35s}.diagnosis-modal.open{visibility:visible;opacity:1}.diagnosis-backdrop{position:absolute;inset:0;background:rgba(5,4,3,.84);backdrop-filter:blur(14px)}.diagnosis-panel{position:relative;width:min(760px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;background:#11100e;border:1px solid rgba(255,255,255,.15);padding:38px clamp(25px,5vw,70px) 45px;box-shadow:0 35px 100px rgba(0,0,0,.65);transform:translateY(25px) scale(.98);transition:.35s}.diagnosis-modal.open .diagnosis-panel{transform:none}.diagnosis-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--orange),#ffb16f,transparent)}.diagnosis-close{position:absolute;right:22px;top:18px;border:0;background:none;color:var(--paper);font-size:30px;font-weight:200;cursor:pointer}.diagnosis-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.diagnosis-brand img{border-radius:50%}.diagnosis-brand span{font-size:9px;letter-spacing:.25em;color:var(--muted)}.diagnosis-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:40px}.diagnosis-progress i{height:2px;background:#39342f}.diagnosis-progress i.complete,.diagnosis-progress i.active{background:var(--orange)}.diagnosis-step{display:none;border:0;padding:0;margin:0}.diagnosis-step.active{display:block;animation:stepIn .35s ease}.diagnosis-step legend{font-family:var(--serif);font-size:clamp(34px,5vw,54px);line-height:1.05;margin-bottom:30px}.diagnosis-step legend small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:flex;align-items:center;min-height:62px;border:1px solid var(--line);padding:15px 18px;color:#bbb1a5;font-size:13px;transition:.25s}.choice-grid input:checked+span{border-color:var(--orange);color:white;background:rgba(239,108,34,.12);box-shadow:inset 3px 0 var(--orange)}.size-grid span{gap:15px}.size-grid b{font-size:22px;color:var(--orange);font-weight:400}.diagnosis-actions{display:flex;justify-content:space-between;align-items:center;margin-top:34px}.diagnosis-actions button{border:0;cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.diagnosis-next{margin-left:auto;background:var(--copper);color:white;padding:15px 22px}.diagnosis-back{background:none;color:var(--muted);padding:15px 0}.diagnosis-note{color:var(--muted);font-size:11px;margin-top:22px}.diagnosis-status{color:var(--orange);font-size:11px}.modal-lock{overflow:hidden}@keyframes stepIn{from{opacity:0;transform:translateX(18px)}}
@media(max-width:900px){.hero-reveal{min-height:900px}.reveal-car{background-size:auto 100%;background-position:center}.reveal-before{background-position:24% center}.reveal-after{background-position:76% center}.hero-vignette{background:linear-gradient(0deg,rgba(5,5,4,.98) 0%,rgba(5,5,4,.78) 48%,rgba(5,5,4,.2) 100%)}.hero-reveal .hero-copy{width:100%;padding:430px 6vw 110px}.hero-reveal h1{font-size:clamp(54px,12vw,84px)}.scene-label{top:95px}.label-before{left:7%}.diagnosis-fab{width:88px;height:88px;right:15px;bottom:15px}.diagnosis-fab b{font-size:8px}}
@media(max-width:560px){.hero-reveal{min-height:840px}.hero-reveal .hero-copy{padding-top:330px}.hero-reveal h1{font-size:49px}.hero-reveal .hero-actions{gap:18px}.drag-hint{display:none}.scene-label{display:none}.inspection-beam span{display:none}.choice-grid{grid-template-columns:1fr}.diagnosis-panel{padding:30px 20px}.diagnosis-brand{margin-bottom:20px}.diagnosis-progress{margin-bottom:28px}.diagnosis-fab{width:72px;height:72px}.diagnosis-fab>span{display:none}}
@media(prefers-reduced-motion:reduce){.drag-hint i,.diagnosis-step{animation:none}}