/* AUTO PASSAPORTE NFC — cinema integrado V7 — HTML/CSS sem bibliotecas externas */
:root{color-scheme:dark;--bg:#07080b;--white:#faf9fb;--red:#f31335;--muted:#aeacb3}
*{box-sizing:border-box} html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}a:focus-visible{outline:2px solid #ff5166;outline-offset:5px;border-radius:7px}::selection{background:#df1132;color:#fff}
.cinema-backdrop{position:fixed;z-index:0;inset:0;pointer-events:none;background:#07080b url('/assets/cinema-unificado.webp') center center / cover no-repeat;}
/* Unified ambient light follows the vehicle. No rectangular background element. */
.cinema-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,11,.35) 0%,rgba(7,7,11,.25) 31%,transparent 53%),radial-gradient(ellipse 53% 50% at 80% 75%,rgba(177,4,31,.08),transparent 80%);}
.cinema-rays{position:fixed;z-index:1;pointer-events:none;top:17%;bottom:7%;right:0;width:60%;overflow:hidden;opacity:.9;mix-blend-mode:screen;mask-image:linear-gradient(to right,transparent 0%,black 22%,black 95%)}
.cinema-rays::before{content:"";position:absolute;inset:-14% -60% -14% -70%;background:linear-gradient(106deg,transparent 43.4%,rgba(172,218,255,.015) 46%,rgba(235,246,255,.13) 48%,rgba(255,255,255,.31) 48.6%,rgba(177,221,255,.13) 49.2%,transparent 52%);filter:blur(5px);transform:translateX(-50%);animation:sweep-headlights 10.5s cubic-bezier(.32,0,.35,1) infinite;}
.cinema-rays::after{content:"";position:absolute;left:5%;top:36%;width:26%;height:11%;background:radial-gradient(ellipse,rgba(208,238,255,.25) 0%,rgba(171,225,255,.06) 40%,transparent 75%);filter:blur(13px);animation:light-breathe 5.3s ease-in-out infinite;}
.screen-glow{position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 63% at 88% 60%,rgba(105,0,18,.10),transparent 77%)}
.ambient-grid{position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.10;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:110px 110px;mask-image:linear-gradient(90deg,#000,transparent 58%)}
.film-grain{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.shell{position:relative;z-index:3;max-width:1900px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column}
.header{display:flex;justify-content:center;align-items:center;padding:28px 28px 0;min-height:92px;z-index:10}
.header-right{display:flex;gap:0;align-items:center;border:1px solid rgba(255,40,67,.66);border-radius:999px;background:rgba(3,3,5,.52);box-shadow:0 0 24px rgba(236,12,44,.11),inset 0 0 16px rgba(255,255,255,.015);backdrop-filter:blur(12px);padding:6px 9px}
.header-note{font-size:11px;font-weight:750;letter-spacing:.19em;color:#dad8df;white-space:nowrap;padding:0 25px 0 17px;display:inline-flex;align-items:center;gap:14px}
.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f31941;box-shadow:0 0 14px #fa0737;animation:light-breathe 4s ease-in-out infinite}
.restricted{position:relative;min-height:42px;display:inline-flex;align-items:center;gap:13px;border-left:1px solid rgba(255,255,255,.4);border-radius:0 999px 999px 0;padding:0 23px;font-size:13px;font-weight:650;transition:background .25s,color .25s}
.restricted:hover{background:rgba(241,33,62,.15)}.restricted svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.restricted svg.arrow-small{width:11px;height:11px;opacity:.7}
.main{flex:1;display:flex;align-items:center;min-height:0}.hero{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;width:100%;min-height:0;padding:38px clamp(32px,5.6vw,108px) 48px;gap:10px}
.hero-content{position:relative;z-index:5;max-width:790px;padding:12px 0 0;animation:content-in 1s cubic-bezier(.2,1,.36,1) both}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 26px;font-size:11px;letter-spacing:.26em;font-weight:700;color:#c5c2cb;white-space:nowrap}
.eyebrow-line{display:inline-block;width:38px;height:2px;background:#f1183d;box-shadow:0 0 18px rgba(250,19,52,.7)}
.hero-title{font-size:clamp(55px,5.0vw,91px);line-height:.95;letter-spacing:-.06em;font-style:italic;font-weight:950;margin:0;transform:translateX(-3px);text-shadow:0 3px 24px rgba(0,0,0,.4)}
.hero-title .title-white,.hero-title .title-red,.hero-title .title-nfc{display:block}.title-white{color:#fff}.title-red{color:#ee1031;letter-spacing:-.066em}.hero-title .title-nfc{display:flex;align-items:center;gap:clamp(15px,1.7vw,28px);font-size:.52em;letter-spacing:.21em;font-style:normal;line-height:1.45;margin-top:6px;margin-left:6px;font-weight:850;white-space:nowrap}
.title-nfc i{height:3px;display:inline-block;width:clamp(58px,6vw,112px);background:#ee1738;box-shadow:0 0 18px rgba(240,11,45,.34)}
.lead{font-size:clamp(24px,2.12vw,34px);font-weight:680;letter-spacing:-.035em;line-height:1.23;margin:29px 0 11px;max-width:700px;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.lead span{white-space:nowrap}.sublead{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.42;color:#c1bec5;text-shadow:0 2px 12px #000}
.actions{display:flex;align-items:center;gap:17px;margin-top:33px}.btn{min-height:61px;display:inline-flex;justify-content:center;align-items:center;border-radius:9px;padding:0 29px;font-size:16px;font-weight:700;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;white-space:nowrap}
.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(120deg,#f81a3e,#bc0025);gap:40px;min-width:196px;box-shadow:0 0 22px rgba(239,16,55,.25),inset 0 1px rgba(255,255,255,.2)}.btn-primary:hover{box-shadow:0 0 30px rgba(239,16,55,.45)}.btn-primary svg{width:19px;height:19px;stroke:white;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.btn-outline{border:1px solid #c5c3cc;min-width:210px;background:rgba(6,6,9,.60)}.btn-outline:hover{border-color:#fff;background:rgba(250,250,250,.10)}
.access-note{display:flex;gap:12px;align-items:center;margin:23px 0 0;font-size:12px;color:#c0bac3;text-shadow:0 2px 9px #000}.access-note svg{width:19px;height:19px;stroke:#f41c3d;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
.hero-visual{position:relative;align-self:stretch;min-height:520px;z-index:1;pointer-events:none}.red-halo{display:none}.visual-art{display:none}.visual-sheen{display:none}.light-pulse{display:none}.visual-label{display:none}
.footer{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid rgba(255,255,255,.08);padding:15px clamp(32px,5.6vw,108px) 20px;color:#99919c;font-size:10px;letter-spacing:.09em;text-transform:uppercase;background:linear-gradient(90deg,rgba(6,6,8,.5),rgba(6,6,8,.1))}.footer a{color:#e4dbe0;transition:color .2s}.footer a:hover{color:#fff}.footer-private{letter-spacing:.14em;font-size:9px}.footer-cross{color:#f31335;margin:0 10px}
@keyframes content-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes sweep-headlights{0%,21%{transform:translateX(-55%);opacity:0}32%{opacity:1}50%{transform:translateX(45%);opacity:0}100%{transform:translateX(45%);opacity:0}}
@keyframes light-breathe{0%,100%{opacity:.55}50%{opacity:1}}
@media (min-width:1700px){.hero-title{font-size:92px}.hero{padding-top:28px}}
@media (min-width:761px) and (max-height:770px){.header{min-height:72px;padding-top:14px}.hero{padding-top:19px;padding-bottom:12px}.hero-content{padding-top:0}.eyebrow{margin-bottom:16px}.hero-title{font-size:clamp(56px,4.5vw,76px)}.lead{font-size:clamp(22px,1.85vw,28px);margin-top:18px}.actions{margin-top:22px}.access-note{margin-top:14px}.hero-visual{min-height:420px}.btn{min-height:52px}.footer{padding-block:10px}}
@media (min-width:761px) and (max-width:1210px){.hero{padding-inline:5vw;gap:0;grid-template-columns:47fr 53fr}.hero-title{font-size:clamp(46px,5.2vw,67px)}.hero-title .title-nfc{gap:12px}.title-nfc i{width:clamp(43px,5vw,70px)}.lead{font-size:clamp(20px,2vw,27px)}.actions{gap:11px}.btn{font-size:14px;min-height:51px;padding:0 18px}.btn-primary{min-width:142px;gap:22px}.btn-outline{min-width:172px}.hero-visual{min-height:420px}.header-note{font-size:10px}}
@media (max-width:760px){
 .cinema-backdrop{background-image:linear-gradient(180deg,#07080b 0%,rgba(7,7,11,.92) 49%,rgba(7,7,11,.7) 100%);}
 .cinema-rays{display:none}.screen-glow{background:radial-gradient(ellipse 85% 36% at 65% 84%,rgba(150,0,27,.18),transparent 90%)}
 .header{min-height:72px;padding:17px 15px 0}.header-right{max-width:100%;padding:4px 6px}.header-note{font-size:clamp(8px,2.15vw,10px);letter-spacing:.09em;gap:8px;padding:0 10px 0 7px}.restricted{min-height:36px;padding:0 10px;gap:6px;font-size:11px}.restricted svg{width:14px;height:14px}.restricted svg.arrow-small{display:none}
 .main{flex:1;display:block}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:45px 20px 20px;gap:0}.hero-content{max-width:580px;width:100%;margin:0 auto;padding:0;order:1}.eyebrow{font-size:9px;gap:10px;letter-spacing:.21em;margin-bottom:19px}.eyebrow-line{width:28px}
 .hero-title{font-size:clamp(43px,10.7vw,73px)}.hero-title .title-nfc{margin-top:3px;font-size:.5em;gap:15px}.title-nfc i{height:2px;width:clamp(44px,10vw,75px)}
 .lead{font-size:clamp(21px,5.2vw,28px);margin:19px 0 10px}.sublead{font-size:15px;line-height:1.45}.actions{margin-top:26px;gap:10px}.btn{min-height:49px;font-size:13px;padding:0 14px;border-radius:7px}.btn-primary{gap:18px;min-width:125px}.btn-outline{min-width:158px}.access-note{margin-top:18px;font-size:10px;gap:9px}.access-note svg{width:17px;height:17px}
 .hero-visual{order:2;flex:none;width:calc(100% + 40px);margin:4px -20px 0;min-height:0;height:clamp(270px,80vw,560px);overflow:hidden;isolation:isolate}
 .hero-visual .visual-art{display:block;position:absolute;inset:0;background:url('/assets/cinema-mobile.webp') center / contain no-repeat;filter:drop-shadow(0 14px 18px rgba(0,0,0,.3));mask-image:linear-gradient(180deg,transparent 0%,black 17%,black 86%,transparent 100%);animation:float-mobile 8s ease-in-out infinite alternate}
 .hero-visual .red-halo{display:block;position:absolute;inset:10%;background:radial-gradient(ellipse at 65% 60%,rgba(245,6,45,.14),transparent 70%);filter:blur(30px)}
 .hero-visual .light-pulse{display:block;position:absolute;left:4%;top:34%;width:45%;height:14%;background:radial-gradient(ellipse,rgba(238,247,255,.23),transparent 73%);filter:blur(12px);mix-blend-mode:screen;animation:light-breathe 6s ease-in-out infinite}
 .footer{padding:15px 20px 20px;font-size:9px;flex-wrap:wrap}.footer-private{display:none}
}
@media (max-width:380px){.hero{padding-inline:16px}.hero-visual{width:calc(100% + 32px);margin-inline:-16px}.hero-title{font-size:clamp(39px,10.7vw,47px)}.hero-title .title-nfc{gap:11px}.title-nfc i{width:45px}.actions{gap:8px}.btn{padding:0 11px}.btn-primary{min-width:108px;gap:11px}.btn-outline{min-width:141px}.header-note{font-size:7.5px}.restricted{font-size:10px}}
@keyframes float-mobile{from{transform:translateY(3px) scale(.993)}to{transform:translateY(-9px) scale(1.008)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* A cena cinematográfica já tem assinatura visual na parte inferior.
   No desktop, retirar o rodapé evita textos sobre a fotografia. */
@media (min-width:761px){.footer{display:none}}


/* AUTO PASSAPORTE NFC — V8: acabamento cinematográfico final.
   A cena é o plano de fundo integrado, não uma imagem sobreposta.
   Ambos os lados recebem mais respiro superior. */
@media (min-width: 761px) {
  .cinema-backdrop {
    /* Desce carro, cartão, reflexos e cenário como uma composição única. */
    background-position: center calc(50% + 40px);
  }
  .cinema-rays { top: 22%; bottom: 3%; }
  .hero-content {
    /* translate independente da animação inicial `content-in`. */
    translate: 0 40px;
  }
}
@media (min-width: 761px) and (max-height: 770px) {
  .cinema-backdrop {background-position:center calc(50% + 21px);}
  .hero-content {translate:0 25px;}
  .cinema-rays {top:20%;bottom:3%;}
}
@media (min-width:761px) and (max-width:1210px) {
  .hero-content {translate:0 20px;}
  .cinema-backdrop {background-position: center calc(50% + 16px);}
}

/* V9 • Cenário único, do texto ao automóvel, sem imagem retangular separada.
   Película cinematográfica sobre o cenário, não sobre os botões/textos clicáveis. */
.cinema-backdrop {
  background-image:url('/assets/cinema-unificado.webp');
  background-position:center center;
  background-size:cover;
}
.cinema-backdrop::after {
  background:linear-gradient(90deg,rgba(6,7,11,.06) 0%,rgba(6,6,10,.17) 55%,rgba(4,5,8,.20) 100%),rgba(5,6,10,.16);
}
.ambient-grid {opacity:.035;}
.screen-glow {opacity:.5;}
/* Reduz ligeiramente o brilho do título vermelho, combinando com a película. */
.title-red {color:#e51633;}
/* A animação branca passa pelo carro sem lavar a identidade. */
.cinema-rays {opacity:.70;}
@media(min-width:761px) {
  .hero{grid-template-columns:minmax(0,44fr) minmax(0,56fr);}
  .hero-content{max-width:745px;}
}
@media(max-width:760px) {
  .cinema-backdrop{background-image:linear-gradient(180deg,#08090e 0%,#09070d 58%,#09070c 100%);}
  .cinema-backdrop::after{background:rgba(5,6,10,.10);}
  .hero-visual .visual-art {background-image:url('/assets/cinema-mobile.webp');background-position:center 48%;}
}

/* Película também sobre a imagem da cena no celular, sem afetar textos nem links. */
@media(max-width:760px){
  .hero-visual::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:rgba(5,6,10,.16);mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 88%,transparent 100%);}
}

/* V11: película aplicada ao cenário no próprio WebP; cartão excluído do escurecimento. */
.cinema-backdrop::after {background:none!important;}
@media(max-width:760px){.hero-visual::after{display:none!important;}}


/* V12 — papéis de botão distintos + cartão interativo 3D. Visual V11 preservado. */
button{font:inherit;color:inherit}
button.btn{cursor:pointer;appearance:none;-webkit-appearance:none}
.explore-trigger{gap:10px}
.explore-icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
@media(min-width:761px){.actions .btn-primary{min-width:210px;gap:18px}.actions .btn-outline{min-width:215px}}
@media(max-width:760px){.actions .btn{padding:0 11px;font-size:12.5px}.actions .btn-primary{min-width:0;gap:9px}.actions .btn-outline{min-width:0;gap:7px}.explore-icon{width:18px;height:18px}}
@media(max-width:360px){.actions{gap:7px}.actions .btn{padding:0 9px;font-size:12px}}
.card-explorer[hidden]{display:none!important}
.card-explorer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(12px,3vw,26px);isolation:isolate}
.explorer-overlay{position:absolute;inset:0;background:rgba(2,3,6,.84);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.explorer-panel{position:relative;z-index:2;width:min(890px,100%);max-height:min(96svh,920px);overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse 76% 40% at 52% 65%,rgba(133,7,31,.20),transparent 78%),linear-gradient(150deg,rgba(20,19,27,.99),rgba(5,6,10,.99) 72%);border:1px solid rgba(255,255,255,.15);box-shadow:0 45px 135px rgba(0,0,0,.68),0 0 55px rgba(196,0,39,.08),inset 0 1px rgba(255,255,255,.05);border-radius:24px;padding:clamp(22px,4vw,36px) clamp(17px,5vw,44px) 27px;text-align:center}
.explorer-close{appearance:none;cursor:pointer;position:absolute;right:15px;top:15px;display:grid;place-items:center;width:41px;height:41px;border:1px solid rgba(255,255,255,.20);border-radius:50%;background:rgba(255,255,255,.045);transition:background .2s,transform .2s;z-index:6}
.explorer-close:hover{background:rgba(238,25,52,.23);transform:rotate(90deg)}.explorer-close svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.explorer-kicker{font-size:10px;letter-spacing:.25em;font-weight:800;color:#c4bbc4;display:flex;justify-content:center;align-items:center;gap:11px;margin:4px 0 12px}.explorer-pulse{height:7px;width:7px;background:#f01c3d;border-radius:50%;box-shadow:0 0 14px #ec1433}
.explorer-panel h2{font-size:clamp(24px,3vw,40px);letter-spacing:-.045em;line-height:1.08;font-weight:800;margin:0 auto 9px;max-width:720px}
.explorer-description{font-size:clamp(13px,1.6vw,16px);color:#b5afb9;margin:0}
.explorer-stage{position:relative;height:clamp(285px,42vw,470px);display:grid;place-items:center;perspective:1500px;isolation:isolate}
.explorer-orbit{position:absolute;width:min(580px,90%);height:210px;border:1px solid rgba(247,38,70,.16);border-radius:50%;top:36%;left:50%;transform:translate(-50%,-15%) rotateX(58deg);box-shadow:0 0 35px rgba(239,18,50,.09);pointer-events:none}
.orbit-two{width:min(720px,100%);border-color:rgba(255,255,255,.05)}
.flip-card{position:relative;z-index:4;display:block;border:0;appearance:none;background:transparent;cursor:pointer;outline-offset:12px;padding:0;width:min(490px,83%);aspect-ratio:1.585;perspective:1500px;transform:rotate(-3deg) translateY(3px);filter:drop-shadow(0 26px 36px rgba(0,0,0,.75));transition:transform .35s ease}
.flip-card:hover{transform:rotate(-2deg) translateY(-6px) scale(1.025)}
.flip-card-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform 900ms cubic-bezier(.2,.75,.2,1);border-radius:19px}
.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}
.card-face{display:block;position:absolute;inset:0;border-radius:17px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1.5px solid rgba(244,242,245,.63);box-shadow:inset 1px 1px rgba(255,255,255,.24),inset 0 -16px 33px rgba(0,0,0,.58),0 3px 6px rgba(0,0,0,.4);background:linear-gradient(145deg,#202127 0%,#060609 34%,#12121a 75%,#040507 100%)}
.card-face::before{content:"";position:absolute;inset:0;background:linear-gradient(128deg,rgba(255,255,255,.12),transparent 26%,transparent 65%,rgba(255,255,255,.04));pointer-events:none;z-index:3}
.card-glint{position:absolute;z-index:4;pointer-events:none;inset:-120%;background:linear-gradient(100deg,transparent 43%,rgba(255,255,255,.06) 49%,rgba(255,255,255,.19) 50%,rgba(255,255,255,.05) 51%,transparent 57%);transform:translateX(-37%) rotate(6deg);animation:card-shine 8s ease-in-out 1s infinite}
.card-red-corner{display:block;position:absolute;bottom:-45%;width:45%;height:110%;background:linear-gradient(90deg,#b30023,#f51b3c 22%,#570716 40%,#f72445 55%,#970a20 73%,#040508 75%);opacity:.88;transform:rotate(-29deg)}
.card-red-corner.card-left{left:-32%}.card-red-corner.card-right{right:-32%;transform:rotate(29deg) scaleX(-1)}
.card-front-main{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;inset:9% 13% 10%;z-index:2;pointer-events:none}
.card-front-main img{object-fit:contain;width:min(88%,330px);height:65%;max-height:200px;filter:drop-shadow(0 0 7px rgba(255,255,255,.04))}
.card-tagline{font-size:clamp(8px,1.35vw,14px);line-height:1.35;font-weight:650;color:#fff;letter-spacing:.005em;white-space:nowrap;text-shadow:0 1px 8px #000}
.card-nfc-icon{position:absolute;right:-7%;top:0;width:13%;max-width:47px}.card-nfc-icon svg,.back-nfc svg{width:100%;stroke:#f7f7fa;stroke-width:4;stroke-linecap:round}
.card-back{transform:rotateY(180deg)}
.back-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:13% 10% 18%;font-size:clamp(28px,5vw,57px);font-style:italic;line-height:.9;letter-spacing:-.06em;font-weight:900;color:#fff;text-shadow:0 2px 12px #000}.back-logo strong{color:#f01939}.back-logo span{margin-top:14px;font-style:normal;letter-spacing:.2em;font-size:.52em;color:#f9f9fa}
.back-tagline{position:absolute;bottom:7%;left:0;right:0;font-size:clamp(9px,1.6vw,13px);letter-spacing:.08em;color:#ded4db;z-index:2}
.back-nfc{position:absolute;width:11%;right:5%;top:8%}
.explorer-stand{position:absolute;z-index:2;pointer-events:none;bottom:9%;left:50%;transform:translateX(-50%);width:clamp(270px,70%,590px);height:32px;background:radial-gradient(ellipse at 50% 35%,rgba(231,20,53,.7),rgba(90,0,18,.30) 57%,transparent 77%);filter:blur(16px)}
.explorer-floor{position:absolute;pointer-events:none;z-index:1;bottom:2%;width:85%;height:65px;border-radius:50%;background:radial-gradient(ellipse,rgba(203,19,45,.21),transparent 70%);filter:blur(20px)}
.explorer-controls{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap;margin-top:-5px}
.explorer-flip{cursor:pointer;min-height:42px;padding:0 19px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(15,16,21,.95);display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}.explorer-flip:hover{background:rgba(218,14,44,.20);border-color:rgba(244,38,65,.70)}.explorer-flip svg{width:17px;height:17px;stroke:#f2eaf0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.explorer-hint{font-size:12px;color:#a9a2aa}.explorer-disclaimer{font-size:10px;color:#77707a;margin:20px 0 0;letter-spacing:.02em}
body.explorer-open{overflow:hidden}
@keyframes card-shine{0%,19%{transform:translateX(-43%) rotate(6deg)}45%,100%{transform:translateX(38%) rotate(6deg)}}
@media(max-width:760px){.explorer-panel{max-height:94svh;padding-top:51px;padding-bottom:20px;border-radius:18px}.explorer-stage{height:clamp(240px,75vw,390px)}.flip-card{width:min(470px,93%)}.card-front-main img{width:88%}.card-tagline{font-size:clamp(7.2px,2.65vw,12px)}.explorer-controls{gap:11px}.explorer-disclaimer{margin-top:14px}.back-logo{font-size:clamp(24px,9vw,44px)}}
@media(max-width:380px){.explorer-panel{padding-left:12px;padding-right:12px}.explorer-stage{height:235px}.explorer-kicker{font-size:9px}.explorer-panel h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.card-glint{animation:none}.flip-card-inner{transition-duration:.01ms}}