.hero{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(21px,3.8vw,50px);padding:clamp(19px,3.25vw,44px);border:1px solid #e5c9d1;border-radius:31px;background:radial-gradient(ellipse at 2% 3%,#fdf0e7 4%,transparent 60%),linear-gradient(125deg,#f9e7e3,#efd4e0)}.hero-copy{flex:.86 1 min(100%,21rem);min-width:0}.hero-kicker{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#922053;font-size:.83rem;font-weight:800;letter-spacing:.085em;text-transform:uppercase}.hero h1{font-size:clamp(3.15rem,5.7vw,5.5rem);line-height:.94;letter-spacing:-.057em}.hero h1 em{color:var(--gel);font-weight:400}.hero-lead{max-width:38ch;margin-top:19px;color:#543a51;font-size:clamp(1rem,1.38vw,1.19rem);line-height:1.48}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px 17px;margin-top:21px}.hero-actions .button{min-height:49px;padding-inline:16px}.hero-actions .text-link{min-height:44px;font-size:.94rem}.hero-limits{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;max-width:460px;margin-top:19px;padding:11px 12px 9px;border:1px solid #e7c8c6;border-inline-start:3px solid #ae7732;border-radius:5px 12px 12px 5px;background:#fff4ed}.hero-limits-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#8c5328;background:#f8e4d2}.hero-limits p{color:#59434f;font-size:var(--text-detail);line-height:1.38}.hero-limits a{display:inline-flex;align-items:center;gap:5px;min-height:var(--target-min);color:#7e2851;font-size:var(--text-detail);font-weight:780}.hero-figure{flex:1.14 1 min(100%,24rem);min-width:0;margin:0;border:1px solid #6d3b60;border-radius:23px;background:var(--deep);box-shadow:0 14px 31px #5d254f24;overflow:hidden}.hero-art{container-type:inline-size;position:relative;isolation:isolate;width:100%;aspect-ratio:1.52;background:#572b4d}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-callouts{position:absolute;inset:0;pointer-events:none}.hero-callouts:before,.hero-callouts:after{content:"";position:absolute;border-top:1px dashed #fff2d9;transform-origin:left center;filter:drop-shadow(0 1px 1px #3c143f)}.hero-callouts:before{top:85%;left:15%;width:32%;transform:skewY(-15deg)}.hero-callouts:after{top:72%;left:47%;width:35%;transform:skewY(14deg)}.hero-callout{--callout-x: 50%;--callout-y: 80%;position:absolute;left:var(--callout-x);top:var(--callout-y);transform:translate(-50%,-50%);padding:4px 9px;border:1px solid #f5d3c8;border-radius:6px;background:var(--ink);color:#fff3ec;box-shadow:0 4px 13px #28122942;white-space:nowrap;font-size:var(--text-detail);line-height:1.2;font-weight:780}.hero-callout:before{content:"";position:absolute;bottom:100%;left:50%;height:15px;border-left:1px dashed #ffe4c0}.hero-callout--bottle{--callout-x: 15%;--callout-y: 85%}.hero-callout--label{--callout-x: 47%;--callout-y: 72%}.hero-callout--lamp{--callout-x: 82%;--callout-y: 85%}.hero-figcaption{container-type:inline-size;padding:10px 12px 3px;color:var(--paper)}.hero-steps{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.15fr);gap:12px;padding:0;margin:0;list-style:none}.hero-step{position:relative;display:flex;align-items:flex-start;gap:7px;min-width:0;padding:7px 5px;border:1px solid transparent;border-radius:9px}.hero-step:not(:last-child):after{content:"";position:absolute;top:21px;right:-10px;width:7px;height:7px;border-block-start:1px solid #e8bd8e;border-inline-end:1px solid #e8bd8e;transform:rotate(45deg)}.hero-step-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #936685;border-radius:9px;color:#f7cdbf;background:#4a2647}.hero-step strong,.hero-step div>span{display:block}.hero-step strong{font-size:1rem;line-height:1.25}.hero-step div>span{margin-top:3px;color:#f1d8e8;font-size:var(--text-detail);line-height:1.4}.hero-highlight{display:none}@supports selector(:has(*)){.hero-highlight{display:inline-flex;align-items:center;gap:7px;min-height:var(--target-min);margin-left:5px;padding-inline:3px;color:#f0dbe8;cursor:pointer;font-size:var(--text-detail);font-weight:710}.hero-highlight input{flex:none;width:18px;height:18px;margin:0;accent-color:#f3be88}.hero-figure :focus-visible{outline-color:#ffdf9f}.hero-figure:has(.hero-highlight input:checked) .hero-step{border-color:#9e707f;background:#4b2845}.hero-figure:has(.hero-highlight input:checked) .hero-callout{border-color:#ffcf9f;background:#fbe2cc;color:#3b1c3d}}@media(prefers-reduced-motion:no-preference){.hero-figure:has(.hero-highlight input:checked) .hero-step,.hero-figure:has(.hero-highlight input:checked) .hero-callout{animation:hero-reading .36s ease-out both}.hero-figure:has(.hero-highlight input:checked) .hero-step:nth-child(2),.hero-figure:has(.hero-highlight input:checked) .hero-callout--label{animation-delay:.08s}.hero-figure:has(.hero-highlight input:checked) .hero-step:nth-child(3),.hero-figure:has(.hero-highlight input:checked) .hero-callout--lamp{animation-delay:.16s}}@keyframes hero-reading{0%{box-shadow:0 0 #ffd6aa00}45%{box-shadow:0 0 0 3px #ffd6aa8c}to{box-shadow:0 0 0 5px #ffd6aa00}}.home-evidence{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 14px;margin-top:12px;padding:11px 15px;border:1px solid #e3c8d2;border-radius:14px;background:var(--white)}.home-evidence-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#f4e0e9;color:#96275a}.home-evidence h2{font-size:clamp(1.22rem,2.2vw,1.6rem)}.home-evidence p{margin-top:3px;font-size:var(--text-detail);line-height:1.4}.home-evidence .text-link{justify-content:flex-start;min-height:var(--target-min);font-size:var(--text-detail)}@media(max-width:920px){.hero-steps{gap:8px}.hero-step{gap:4px;padding-inline:2px}.hero-step-icon{width:27px;height:27px}.hero-step-icon svg{width:15px}.hero-step:not(:last-child):after{right:-7px;width:5px;height:5px}}@media(max-width:720px){.hero{padding:17px 14px 14px;gap:14px;border-radius:22px}.hero-copy,.hero-figure{flex-basis:100%}.hero-copy{padding-inline:2px}.hero-kicker{margin-bottom:10px;font-size:.75rem}.hero h1{font-size:clamp(2.65rem,11vw,4.6rem)}.hero-lead{margin-top:12px;line-height:1.42}.hero-actions{margin-top:13px;gap:3px 13px}.hero-actions .button{min-height:var(--target-min);padding-inline:12px;font-size:var(--text-detail)}.hero-actions .button svg{width:15px}.hero-limits{margin-top:10px;padding:8px 9px 5px;gap:7px}.hero-figure{border-radius:14px}.hero-art{aspect-ratio:1.34}.hero-callouts:before{transform:skewY(-17deg)}.hero-callouts:after{transform:skewY(15.5deg)}.hero-figcaption{padding:7px 8px 2px}.home-evidence{grid-template-columns:auto minmax(0,1fr);padding:10px 11px 6px;column-gap:8px;row-gap:0}.home-evidence .text-link{grid-column:2}}@container (max-width: 32rem){.hero-steps{grid-template-columns:1fr;gap:2px}.hero-step{align-items:flex-start;gap:9px;padding:6px 4px}.hero-step:not(:last-child):after{display:none}}@container (max-width: 19rem){.hero-callout{padding:0;width:10px;height:10px;border-radius:50%}.hero-callout>span{display:none}}.workbench{position:relative;isolation:isolate;margin-top:clamp(29px,5vw,62px);padding:clamp(21px,4.2vw,55px);border-radius:30px;background:radial-gradient(ellipse at 7% -18%,#743653 0%,transparent 65%),var(--deep);color:var(--paper)}.workbench:before{content:"";z-index:-1;position:absolute;inset:0;border-radius:inherit;background:repeating-radial-gradient(ellipse at 100% 0,transparent 0 30px,#f9cbdf0c 31px 32px,transparent 33px 42px);mask-image:linear-gradient(245deg,#000,transparent 64%);pointer-events:none}.workbench:focus{outline:3px solid var(--ink);outline-offset:4px}.bench-head{display:flex;align-items:end;justify-content:space-between;gap:14px 28px;margin-bottom:clamp(16px,3vw,29px)}.bench-label,.label-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;font-size:var(--text-detail);font-weight:780;letter-spacing:.08em;text-transform:uppercase}.bench-label{color:#f6d1e1}.bench-label svg{color:#f1c970}.bench-head h2{font-size:clamp(2.85rem,6.15vw,5.8rem);line-height:.93;letter-spacing:-.051em}.bench-head h2 em{color:#f0aecb;font-weight:400}.bench-head>p{max-width:31ch;padding-bottom:2px;color:#f1d9e8;font-size:clamp(1rem,1.4vw,1.17rem)}.bench-grid{display:grid;grid-template-columns:minmax(0,1.39fr) minmax(0,1fr);align-items:start;gap:clamp(12px,2vw,23px)}.bench-stage,.bench-inventory fieldset{min-width:0;padding:0;margin:0;border:0}.bench-stage{container-type:inline-size}.bench-visual{display:grid;grid-template-columns:minmax(0,1fr)}.bench-picture{grid-area:1 / 1;position:relative;isolation:isolate;aspect-ratio:4 / 3;border:1px solid #ffffff29;border-radius:20px;background:#b36872}.bench-picture img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.bench-picture:after{content:"";position:absolute;z-index:-1;inset:3% -1% -2%;border-radius:inherit;box-shadow:0 15px 33px #170c1b6b}.bench-caption{grid-area:2 / 1;margin-top:7px;color:#eed4e0;font-size:var(--text-detail)}.bench-pins{grid-area:1 / 1;position:relative;pointer-events:none}.bench-pin{position:absolute;top:min(var(--y),calc(100% - 24px));left:var(--x);transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}.bench-pin input,.bench-owned input{position:absolute;width:1px;height:1px;padding:0;margin:0;clip-path:inset(50%)}.bench-pin-face{position:relative;display:flex;align-items:center;gap:6px;min-height:var(--target-min);padding:4px 11px;border:1px solid #f9e8ec;border-radius:999px;background:#fff9f5;color:var(--ink);box-shadow:0 4px 13px #28122938;white-space:nowrap;font-size:var(--text-detail);font-weight:800;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.bench-pin-face svg{flex:none;color:var(--gel)}.bench-pin:hover .bench-pin-face{transform:translateY(-3px)}.bench-pin input:checked+.bench-pin-face{color:var(--paper);background:var(--ink);border-color:#f4d5e5;box-shadow:0 0 0 4px #fff0f243,0 5px 18px #28122966}.bench-pin input:checked+.bench-pin-face svg{color:#f4bfd3}.bench-pin input:focus-visible+span,.bench-owned input:focus-visible+span,.bench-clear:focus-visible{outline:3px solid #ffe08b;outline-offset:3px}.bench-pin input:focus-visible+span{box-shadow:0 0 0 3px var(--deep),0 0 0 8px var(--deep)}.bench-pin[data-owned] .bench-pin-face:after{content:"";position:absolute;right:4px;top:1px;width:8px;height:8px;border:1px solid var(--deep);border-radius:50%;background:#f5c76a}@container (max-width: 24rem){.bench-pins{grid-area:3 / 1;display:flex;flex-wrap:wrap;gap:9px;margin-top:9px}.bench-pin{position:relative;inset:auto;max-width:100%;transform:none}.bench-pin-face{white-space:normal}}.bench-detail{display:flex;flex-direction:column;min-width:0;min-height:clamp(305px,29vw,403px);border:1px solid #f4d7df;border-radius:20px;background:var(--white);color:var(--ink);box-shadow:0 12px 30px #1d0d1b3b}.bench-panel{flex:1;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:12px;padding:clamp(18px,3vw,39px)}.bench-panel+.bench-panel{border-top:1px solid var(--line)}.bench-piece-title{display:flex;align-items:center;gap:12px}.bench-piece-icon{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:15px;background:var(--piece-color);color:var(--ink);transform:rotate(-6deg)}.bench-panel h3{font-size:clamp(1.95rem,3.4vw,3.5rem);letter-spacing:-.04em}.bench-role{color:var(--ink);font-size:clamp(1.02rem,1.4vw,1.17rem);font-weight:690;line-height:1.35}.bench-check{width:100%;padding:11px 13px;border-inline-start:3px solid var(--gold);background:#f7e8ed;border-radius:3px 12px 12px 3px}.bench-check h4{display:flex;align-items:center;gap:7px;margin:0 0 4px;font-size:var(--text-detail)}.bench-check h4 svg{color:var(--gel)}.bench-check p{font-size:.94rem;line-height:1.43}.bench-panel .text-link{justify-content:start;min-height:var(--target-min);font-size:1rem}@supports selector(:has(*)){.bench-panel{display:none}.bench-panel+.bench-panel{border-top:0}.workbench:has([value=cabine][type=radio]:checked) [data-piece=cabine],.workbench:has([value=base][type=radio]:checked) [data-piece=base],.workbench:has([value=cor][type=radio]:checked) [data-piece=cor],.workbench:has([value=top][type=radio]:checked) [data-piece=top],.workbench:has([value=remocao][type=radio]:checked) [data-piece=remocao]{display:flex;animation:bench-reveal .22s ease-out both}}@keyframes bench-reveal{0%{opacity:.38;transform:translateY(5px)}to{opacity:1;transform:none}}.bench-inventory{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);align-items:center;gap:13px 24px;margin-top:15px;padding:16px clamp(12px,2vw,24px);border:1px solid #aa7c9d82;border-radius:17px;background:#54314e9c}.bench-inventory[hidden]{display:none}.bench-inventory legend{padding:0;margin-bottom:6px;font-size:1rem;font-weight:780}.bench-owned{display:flex;flex-wrap:wrap;gap:6px}.bench-owned label{position:relative;max-width:100%;cursor:pointer}.bench-owned label>span{display:inline-flex;align-items:center;gap:6px;min-height:var(--target-min);padding:6px 8px;border:1px solid #b98fa8;border-radius:9px;color:#fff0f6;font-size:var(--text-detail);font-weight:710;transition:background-color .18s ease,color .18s ease}.bench-owned label:hover>span{background:#744563}.bench-owned input:checked+span{background:#f7dde6;border-color:#f7dde6;color:var(--ink)}.owned-check{display:grid;place-items:center;flex:none;width:16px;height:16px;border:1px solid #cdaac0;border-radius:4px}.owned-check svg{visibility:hidden}.bench-owned input:checked+span .owned-check{background:var(--ink);color:#fff;border-color:var(--ink)}.bench-owned input:checked+span .owned-check svg{visibility:visible}.bench-progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#f6dce8;font-size:var(--text-detail);font-weight:760}.bench-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:min(57%,186px)}.bench-steps span{min-height:5px;border-radius:999px;background:#9f7f96;transition:background-color .25s ease}.bench-steps [data-owned]{background:var(--piece-color)}.bench-summary p{color:#f8e2ec;font-size:var(--text-detail);line-height:1.4;margin-top:4px}.bench-summary p strong{color:#fff5f7;margin-inline-end:3px}.bench-clear{border:0;background:none;color:#fbd9e9;padding:4px 0;margin-top:2px;min-height:var(--target-min);text-align:start;text-decoration:underline;text-underline-offset:3px;font-size:var(--text-detail)}.bench-clear:disabled{display:none}.bench-summary .bench-storage:not(:empty){padding:8px 10px;border-radius:8px;background:var(--paper);color:var(--ink)}.label-check{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;overflow:hidden;border:1px solid #e2c5d0;border-radius:25px;background:radial-gradient(ellipse at 105% -20%,#f3ccd6 0%,transparent 59%),#f8e7ea}.label-check figure{position:relative;margin:0;min-height:380px}.label-check figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.label-check figcaption{position:relative;margin:10px;justify-self:end;align-self:end;max-width:calc(100% - 20px);padding:4px 7px;border-radius:6px;background:#fff7f4;color:var(--ink);font-size:var(--text-detail);font-weight:740}.label-check figure{display:grid}.label-copy{padding:clamp(20px,4.6vw,65px)}.label-kicker{color:var(--gel)}.label-copy h2{font-size:clamp(2.7rem,5.15vw,5rem);line-height:.96;letter-spacing:-.051em}.label-copy h2 em{color:var(--gel);font-weight:400}.label-copy>p{margin-top:12px;max-width:49ch;line-height:1.47}.label-points{display:grid;gap:7px;margin-block:17px}.label-points>div{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:9px 12px;border-radius:12px;background:#fff9f6}.label-point-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:var(--gel);background:var(--quartz)}.label-points h3{font-size:1.31rem;margin-top:2px}.label-points p{font-size:.94rem;line-height:1.42;margin-top:4px}.label-copy .label-limit{color:var(--ink);font-weight:670}.label-copy .text-link{margin-top:7px;min-height:var(--target-min)}@media(max-width:860px){.bench-grid{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)}.bench-pin-face{padding-inline:8px}.bench-pin-face svg{width:15px}}@media(max-width:700px){.bench-head{display:grid;gap:9px}.bench-head h2{font-size:clamp(2.72rem,10.1vw,4.5rem)}.bench-head>p{max-width:40ch}.workbench{padding:17px 13px;border-radius:22px}.bench-grid,.bench-inventory,.label-check{grid-template-columns:1fr}.bench-grid{gap:9px}.bench-picture{border-radius:13px}.bench-detail{min-height:270px;border-radius:13px}.bench-panel{padding:16px;gap:9px}.bench-piece-icon{width:39px;height:39px}.bench-piece-icon svg{width:21px}.bench-inventory{gap:9px;margin-top:9px;padding:12px;border-radius:13px}.bench-summary{padding-top:8px;border-top:1px solid #aa7c9d82}.label-check{border-radius:18px}.label-check figure{min-height:0;aspect-ratio:1.55}.label-check figure img{object-position:center 46%}.label-break{display:none}}
