.inner-hero--simulator { padding-bottom:32px; }
.inner-hero--simulator .inner-hero__grid { grid-template-columns:1fr; gap:0; }
.inner-hero--simulator .inner-hero__content { max-width:800px; }
.inner-hero--simulator .inner-hero__content h1 { font-size:clamp(2.5rem,5vw,4.5rem); }
.inner-hero--simulator .inner-hero__lead { max-width:65ch; margin-bottom:0; }
.tint-lab { max-width:1120px; padding-block:32px 4rem; }
.tint-lab__head { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; margin-bottom:20px; }
.tint-lab__head .eyebrow { color:#536071; font-size:11px; }
.tint-lab__head h2 { font-size:clamp(1.5rem,3vw,2rem); letter-spacing:-.04em; margin:0; line-height:1.2; }
.tint-lab__head>p { color:#536071; line-height:1.6; font-size:14px; margin:0; }
.tint-lab__layout { border:1px solid #d8dee5; border-radius:20px; overflow:hidden; background:#fff; color:#142132; box-shadow:0 16px 48px #18283c0a; }
.tint-lab__preview { position:relative; min-width:0; background:#e3e7eb; }
.tint-lab__preview-top { position:absolute; z-index:1; inset:24px 28px auto; display:flex; justify-content:space-between; gap:12px; color:#526171; font-size:10px; font-weight:600; letter-spacing:.14em; }
.tint-lab__preview-top span:last-child { color:#173f6d; letter-spacing:.02em; background:#ffffffbd; border:1px solid #ffffffb3; border-radius:30px; padding:6px 12px; margin-top:-6px; }
.tint-lab__car { display:block; width:100%; height:auto; }
.tint-lab__summary { padding:0 28px 20px; color:#445367; font-size:12px; line-height:1.7; text-align:center; min-height:40px; }
.tint-lab__actions { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; padding:0 24px 24px; }
.tint-lab__actions button { min-height:44px; border:1px solid #b7c2ce; border-radius:7px; color:#263c56; background:#ffffffc9; padding:10px 16px; cursor:pointer; font:inherit; font-size:12px; }
.tint-lab__actions button:hover { background:#fff; border-color:#087cff; }
.tint-lab__actions button[aria-pressed=true] { background:#175baf; border-color:#175baf; color:#fff; }
.tint-lab__settings { display:grid; grid-template-columns:1fr 1fr .85fr; gap:28px; padding:30px; border-top:1px solid #d8dee5; }
.tint-lab fieldset { border:0; padding:0; margin:0; min-width:0; }
.tint-lab legend { font-weight:650; font-size:18px; letter-spacing:-.02em; }
.tint-lab fieldset p { margin:7px 0 18px; font-size:12px; color:#687486; line-height:1.5; }
.tint-lab__choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.tint-lab__choice { position:relative; cursor:pointer; }
.tint-lab__choice input { position:absolute; opacity:0; width:1px; height:1px; }
.tint-lab__choice span { display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #dbe1e8; border-radius:7px; min-height:46px; font-size:12px; color:#36455a; background:#f8fafc; }
.tint-lab__choice i { height:13px; width:13px; border-radius:50%; border:1px solid #8b98a8; background:hsl(214 12% var(--swatch)); }
.tint-lab__choice input:checked+span { background:#ebf3ff; color:#074d9d; border-color:#087cff; box-shadow:inset 0 0 0 1px #087cff; }
.tint-lab__choice input:focus-visible+span,.tint-lab button:focus-visible,.tint-lab a:focus-visible { outline:3px solid #087cff; outline-offset:3px; }
.tint-lab__advice { border-left:1px solid #e2e7ee; padding-left:28px; }
.tint-lab__advice-title { font-size:16px; font-weight:600; margin:0 0 8px; }
.tint-lab__hint { font-size:12px; line-height:1.65; color:#687486; margin:0 0 18px; }
.tint-lab__settings .button { width:100%; white-space:normal; text-align:center; min-height:46px; padding:12px; font-size:12px; border-radius:7px; }
.tint-lab__settings .icon-whatsapp { width:18px; height:18px; flex-shrink:0; }
.tint-lab__note { color:#6b7788; line-height:1.7; font-size:12px; max-width:105ch; margin-top:18px; }
@media(max-width:1000px) { .tint-lab__settings { grid-template-columns:1fr 1fr; gap:24px; } .tint-lab__advice { grid-column:1/-1; border-left:0; border-top:1px solid #e2e7ee; padding:20px 0 0; } .tint-lab__settings .button { width:auto; } }
@media(max-width:600px) { .tint-lab__settings { grid-template-columns:1fr; padding:22px 18px; } .tint-lab__head>p { display:none; } .tint-lab__head .eyebrow { display:none; } .tint-lab__layout { border-radius:12px; } .tint-lab__preview { padding-top:28px; } .tint-lab__preview-top { inset:16px 16px auto; font-size:8px; } .tint-lab__summary { padding:8px 18px 14px; font-size:11px; min-height:60px; } .tint-lab__actions { padding:0 16px 18px; gap:8px; } .tint-lab__actions button { font-size:11px; padding-inline:12px; } .tint-lab__head { margin-bottom:16px; } .tint-lab__settings .button { width:100%; } }