/* Identidade da HIFICLUB sobre o formato de apresentação da Vantt. */
:root { --font-title: 'Oswald', var(--font-sans); }
.slide__title,h3,.plan-price,.metrics strong{font-family:var(--font-title)}
.slide__title{font-weight:600;font-size:clamp(2.5rem,4.4vw,4.6rem);line-height:1.12}.slide__title em{font-weight:600}
.slide--dark .slide__title em,.slide--cover .slide__title em{color:#df5559}.slide--dark .eyebrow,.slide--cover .eyebrow{color:#e8878a}
.slide--accent{background:#cf383c}.slide--accent .slide__title em{color:#111}.on-dark:has(.slide--accent.active) .signature{color:white}
.nav-hint{display:none}body:has(.slide--cover.active) .nav-hint{display:block}
.slide__inner{max-width:1240px}.slide{padding:76px 6vw 74px}
.slide p,.slide li{font-size:clamp(1rem,1.22vw,1.25rem);line-height:1.55}
.slide .small,.slide .source{font-size:13px;line-height:1.5}.slide .lead{font-size:clamp(1.2rem,1.65vw,1.65rem);line-height:1.5}
.slide .statement{max-width:1040px;font-size:clamp(1.4rem,2.3vw,2.3rem);line-height:1.45;margin-top:24px}
.source{margin-top:26px;color:var(--gray-mid)}.source a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.slide--dark .source,.slide--dark .small,.slide--cover .small{color:#bcbcbc}.small{color:var(--gray-mid)}.below{margin-top:22px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}.cards.three,.cards.six{grid-template-columns:repeat(3,1fr)}
.card{background:white;border:1px solid var(--border);border-radius:8px;padding:26px}.card h3{font-size:27px;line-height:1.2;margin:10px 0 12px;font-weight:500}
.card-number{color:var(--orange);font-size:12px;letter-spacing:2px}.slide--dark .card{background:#252525;border-color:#444}.slide--dark .card p{color:#d1d1d1}
.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.photo-split,.demo-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.photo-split img,.demo-teaser img{width:100%;border-radius:8px;aspect-ratio:1.6;object-fit:cover}.photo-split p,.demo-teaser p{margin-bottom:18px}
.hifi-logo{width:auto;height:90px;filter:invert(1)}.cover__logo--vantt{max-width:220px;height:auto;max-height:70px}.brand-divider{height:50px;width:1px;background:#555}.cover__logos{margin:20px 0 26px}
.cover-intro{max-width:850px;color:#cfcfcf}.cover-meta{margin-top:36px;color:#aaa;font-size:14px}
.slide--cover{background:linear-gradient(90deg,rgba(10,10,10,.96),rgba(10,10,10,.75)),url('assets/espaco-demonstracao.webp') center/cover}
.slide--cover .slide__title{font-size:clamp(3rem,6.2vw,6rem)}.closing-line{font-size:28px!important;margin:32px 0 24px}.contact-name{font-weight:700}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:32px}.metrics article{padding:24px 0;border-top:3px solid var(--orange)}
.metrics strong{font-size:58px;font-weight:500;line-height:1.15}.metrics h3{font-size:25px;margin:16px 0 12px;line-height:1.3}
.metrics.compact{grid-template-columns:1fr 1fr;margin-top:6px}.metrics.compact article{display:grid;grid-template-columns:85px 1fr;gap:8px 20px;padding:16px 0}
.metrics.compact strong{grid-row:span 2}.metrics.compact h3,.metrics.compact p{margin:0}
.front-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:45px;align-items:start;margin-top:28px}
.action-list{list-style:none;margin:0;padding:0}.action-list li{border-bottom:1px solid #ddd;padding:13px 0}.action-list li:last-child{border-bottom:none}.slide--dark .action-list li{border-color:#444}
.gain{padding:28px;background:#171717;color:white;border-left:4px solid var(--orange);border-radius:4px}
.gain span{color:#ee777b;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.gain h3{font-size:32px;line-height:1.3;margin:18px 0;font-weight:500}.gain p{color:#cfcfcf}
.journey{display:flex;gap:10px;margin:28px 0}.journey span{flex:1;background:#333;padding:22px 12px;text-align:center;border-bottom:3px solid var(--orange);font-size:17px}.journey.light span{background:#eee}
.tbl{margin-top:28px;font-size:18px}.tbl th,.tbl td{padding:16px 14px}.tbl td:last-child,.tbl th:last-child{text-align:left}
.price-math{font-size:26px!important;margin-top:22px;font-weight:700;color:var(--orange)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.plan{padding:30px 24px;background:white;border:1px solid #ddd;border-radius:8px}
.plan.recommended{background:#171717;color:white;border:2px solid var(--orange)}.plan h3{font-size:32px;font-weight:500;margin:12px 0 20px}
.plan-tag{color:#ff999c;text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.plan-price{font-size:40px;line-height:1.2;margin-bottom:22px}.plan-price span{font:15px var(--font-sans);margin-left:5px}
.plan ul{padding-left:18px;margin-top:18px}.plan li{margin:12px 0;font-size:16px}.plan.recommended p,.plan.recommended li{color:#ddd}
.primary-button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:4px;background:var(--orange);color:white;font:500 17px var(--font-sans);padding:17px 24px;text-decoration:none;cursor:pointer;margin:14px 0}.primary-button:hover{background:#971216}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #db7275;outline-offset:5px}
.map-summary{display:flex;align-items:center;gap:50px;margin:25px 0}.map-center{padding:40px;background:#171717;color:white;border:3px solid var(--orange);font:30px var(--font-title)}
.map-branches{display:flex;gap:16px}.map-branches span{padding:24px;border:1px solid #ccc;border-left:4px solid var(--orange)}.map-branches span:nth-child(2){border-left-color:#384d5c}.map-branches span:nth-child(3){border-left-color:#886a32}
.presentation-controls{position:fixed;right:28px;bottom:18px;z-index:50;display:flex;gap:9px;align-items:center;padding:6px;color:#555;background:rgba(245,245,245,.95);border-radius:5px}
.presentation-controls button{border:0;background:transparent;padding:8px 10px;color:inherit;font:14px var(--font-sans);cursor:pointer}.presentation-controls button:disabled{opacity:.3;cursor:default}
.presentation-controls #slideCounter{position:static;font:13px var(--font-sans);min-width:55px}.signature{position:fixed;bottom:32px;left:6vw;z-index:45;font-size:11px;letter-spacing:1px;color:#666}.on-dark .signature{color:#aaa}
.nav-hint{bottom:auto;top:25px;left:auto;right:6vw;font-size:11px;opacity:.7;color:#bbb}.progress-bar{position:fixed;height:3px;top:0;left:0;background:var(--orange);z-index:70;transition:width .2s}
.prototype-preview{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}.prototype-preview>div:first-child{padding:38px;border-radius:6px;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.45)),url('assets/sala-cinema.webp') center/cover;color:white}
.prototype-preview h3{font-size:42px;line-height:1.2;margin:26px 0}.prototype-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
dialog{border:0;padding:0}dialog::backdrop{background:rgba(0,0,0,.8)}
.sensory-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:#0b0b0b;color:white;overflow:hidden}.sensory-stage{position:absolute;inset:0}
.sensory-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:7vw;opacity:0;transition:opacity 1.2s;background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.4)),var(--scene-image,linear-gradient(120deg,#090909,#222)) center/cover}.sensory-scene.visible{opacity:1}
.sensory-scene h2{font:500 clamp(3rem,6vw,6.5rem)/1.15 var(--font-title);letter-spacing:-.02em;margin:22px 0;position:relative}.sensory-scene em{color:#df5559;font-style:normal}.sensory-scene p{font-size:22px;color:#ccc}
.sensory-eyebrow{color:#db7275;letter-spacing:3px;text-transform:uppercase;font-size:14px;position:relative}
.sound-lines{position:absolute;right:-20%;top:20%;width:80%;height:80%;border:1px solid #92252a;border-radius:50%;box-shadow:0 0 0 60px #92252a22,0 0 0 120px #92252a11,0 0 0 180px #92252a08;animation:breathe 7s infinite alternate}@keyframes breathe{to{transform:scale(1.2);opacity:.5}}
.sensory-controls{position:absolute;bottom:25px;left:7vw;right:7vw;display:flex;gap:16px;align-items:center;z-index:5}.sensory-controls button{border:1px solid #555;background:#171717c9;color:white;padding:10px 16px;cursor:pointer;font:14px var(--font-sans);border-radius:4px}
.sensory-controls button:last-child{margin-left:auto}.sensory-controls span{font-size:13px;color:#aaa}.sensory-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--orange);z-index:6}
.prototype-dialog{width:min(1100px,94vw);max-height:90dvh;margin:auto;border-radius:8px;background:#f8f8f6}.prototype-hero{padding:40px;background:linear-gradient(90deg,#000d,#0006),url('assets/espaco-demonstracao.webp') center/cover;color:white}
.prototype-hero h2{font:500 clamp(32px,4vw,52px)/1.2 var(--font-title);margin:18px 0}.prototype-dialog form{padding:28px 40px}
.prototype-dialog label,.prototype-dialog legend{display:block;font-size:15px;color:#444;margin-bottom:12px}.prototype-dialog fieldset{border:0;padding:0;margin:0 0 14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.prototype-dialog input:not([type=radio]),.prototype-dialog select{display:block;width:100%;border:1px solid #bbb;background:white;font:16px var(--font-sans);padding:13px;border-radius:4px;margin-top:8px}
.interest-options{display:flex;gap:12px;flex-wrap:wrap}.interest-options label{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #bbb;border-radius:4px;cursor:pointer}.interest-options label:has(input:checked){border-color:var(--orange);background:#bb171c0a}.interest-options input{accent-color:var(--orange)}
.dialog-close{position:absolute;right:14px;top:12px;color:white;background:#0009;border:1px solid #888;padding:4px 12px;font-size:25px;cursor:pointer}.prototype-result{padding:20px;border-left:3px solid var(--orange);background:#eee;line-height:1.6;margin-top:20px}
.prototype-dialog .dialog-close{position:sticky;float:right;top:12px;right:auto;margin:12px 14px -50px 0;z-index:10}
@media(max-width:768px){body{overflow:auto;height:auto}.slide{position:relative;display:flex;opacity:1;padding:65px 22px;min-height:100svh;height:auto;overflow:visible}.slide__inner{transform:none!important;margin-bottom:0!important}.cards,.cards.three,.cards.six,.two-columns,.photo-split,.demo-teaser,.front-layout,.plans,.prototype-preview,.form-row{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr;gap:18px}.metrics strong{font-size:43px}.metrics h3{font-size:23px}.metrics.compact article{grid-template-columns:60px 1fr}.slide__title{font-size:39px}.slide--cover .slide__title{font-size:54px}.slide p,.slide li{font-size:17px}.source{overflow-wrap:anywhere}.tbl{font-size:14px}.tbl th,.tbl td{padding:10px 7px;overflow-wrap:anywhere}.journey{flex-wrap:wrap}.journey span{flex:1 1 40%;font-size:14px}.map-summary,.map-branches{flex-direction:column;align-items:stretch;gap:14px}.presentation-controls{left:10px;right:10px;bottom:8px;justify-content:center}.signature{position:static;padding:24px;text-align:center;background:#171717;color:#aaa}.nav-hint{display:none}.card,.gain{padding:22px}.hifi-logo{height:76px}.cover__logo--vantt{max-width:160px}.prototype-hero{padding:30px 22px}.prototype-dialog form{padding:22px}.sensory-controls{left:15px;right:15px;gap:8px;flex-wrap:wrap}.sensory-controls button{padding:9px;font-size:12px}.sensory-scene{padding:25px}.sensory-scene h2{font-size:44px}.sensory-eyebrow{font-size:11px}.sensory-scene p{font-size:18px}.sensory-controls button:last-child{margin-left:0}.cover__logos{gap:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:480px){.metrics.compact{grid-template-columns:1fr}.metrics article{min-width:0}.metrics.compact article{grid-template-columns:60px minmax(0,1fr)}}
