/* GVOLT Fase L — shared cinematic visual system for Desktop + Android. */
:root{
  --gv-black:#02030a;
  --gv-panel:rgba(7,11,24,.78);
  --gv-panel-solid:#080d1b;
  --gv-line:rgba(112,140,196,.2);
  --gv-blue:#168cff;
  --gv-cyan:#27d9ff;
  --gv-violet:#8a42ff;
  --gv-magenta:#dc24ff;
  --gv-white:#f8f9ff;
  --gv-muted:#adb4c9;
  --gv-gradient:linear-gradient(105deg,var(--gv-blue),var(--gv-violet) 58%,var(--gv-magenta));
  --gv-glass:linear-gradient(145deg,rgba(11,20,39,.82),rgba(5,7,17,.7));
  --gv-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);
}

html{background:var(--gv-black);overflow-x:clip}
body{background:transparent;color:var(--gv-white);font-family:Inter,"Segoe UI",Arial,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(2,3,10,.06) 30%,rgba(2,3,10,.42) 44%,rgba(2,3,10,.42) 56%,rgba(2,3,10,.06) 70%,transparent 100%),linear-gradient(180deg,rgba(2,3,10,.04),rgba(2,3,10,.18) 72%,rgba(2,3,10,.62))}

.section{width:min(1240px,calc(100% - 64px));padding-left:0;padding-right:0}
.eyebrow{color:#8fdcff;letter-spacing:.18em}
.eyebrow::before{background:var(--gv-gradient)}
h1,h2,h3,.button{font-family:Bahnschrift,"Arial Narrow",Inter,sans-serif}
.section-intro h2,.gallery-intro h2,.plans-heading h2,.faq-heading h2,.scenarios-heading h2,.testimonials-heading h2,.founder h2{color:var(--gv-white);letter-spacing:-.045em;text-shadow:0 10px 35px #000}
.section-intro h2 em,.gallery-intro h2 em,.plans-heading h2 em,.mob-section-copy h2 em,.mob-final-cta h2 em{color:transparent;background:var(--gv-gradient);background-clip:text;-webkit-background-clip:text}

/* Header integrated into the storm rather than a separate slab. */
.topbar{height:94px;padding:0 16px;background:linear-gradient(180deg,rgba(2,3,10,.94),rgba(2,3,10,.5) 72%,transparent);box-shadow:none;border:0;backdrop-filter:blur(12px)}
.topbar::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(20,139,255,.3),rgba(204,35,255,.28),transparent)}
.topbar .brand img{width:184px;filter:drop-shadow(0 0 18px rgba(58,135,255,.18))}
.topbar .brand{margin-right:auto;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.topbar nav{position:absolute;left:50%;transform:translateX(-50%);gap:29px}
.topbar-actions{margin-left:auto}
.topbar nav a{position:relative;color:#e8e7ee;font-size:13px;font-weight:700}
.topbar nav a{padding:8px 2px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.topbar nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--gv-gradient);transition:right .2s}
.topbar nav a:hover::after{right:0}
.portal-link{color:#c7c9d6}
.button,.topbar .button{border:1px solid rgba(116,79,255,.78);border-radius:9px;background:var(--gv-gradient);color:white;box-shadow:0 10px 34px rgba(80,48,255,.3),0 0 24px rgba(213,35,255,.12);letter-spacing:.045em;transition:transform .2s,box-shadow .2s,filter .2s}
.button:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 15px 42px rgba(55,106,255,.37),0 0 34px rgba(218,31,255,.2)}
.button-secondary,.text-link{border-color:rgba(211,216,237,.42);background:rgba(3,5,13,.55);box-shadow:inset 0 0 20px rgba(92,76,255,.04);color:#f4f3fa}

/* Cinematic, centered hero composition. */
.hero,.mob-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;gap:38px;width:min(1440px,100%);min-height:calc(100vh - 32px);padding:138px max(32px,calc((100% - 1240px)/2)) 80px;text-align:center;overflow:visible}
.hero::after,.mob-hero::after{content:"";position:absolute;z-index:-1;left:50%;top:130px;width:min(700px,80vw);height:500px;transform:translateX(-50%);background:radial-gradient(circle,rgba(115,50,255,.16),rgba(18,119,255,.09) 34%,transparent 69%);filter:blur(10px);pointer-events:none}
.hero-copy,.mob-hero-copy{z-index:4;display:flex;flex-direction:column;align-items:center;max-width:980px;margin:auto}
.hero-brand-symbol{display:block;width:210px;height:210px;object-fit:contain;margin:-38px auto 8px;filter:drop-shadow(-13px 0 25px rgba(26,140,255,.48)) drop-shadow(13px 0 25px rgba(216,32,255,.42))}
.hero-badges,.mob-hero-badges{justify-content:center;margin:0 0 22px}
.hero-badges span,.mob-hero-badges span{border-color:rgba(84,125,219,.38);background:rgba(5,10,24,.64);color:#c9d5ec;backdrop-filter:blur(8px)}
.hero .eyebrow,.mob-hero .eyebrow{margin-bottom:18px;color:#b9c7e8}
.hero h1,.mob-hero h1{max-width:1000px;margin:0;font-size:clamp(56px,6.3vw,94px);line-height:.92;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 8px 32px #000,0 0 34px rgba(55,105,255,.13)}
.hero h1 em,.mob-hero h1 em{color:transparent;background:linear-gradient(95deg,#38a6ff 8%,#675dff 47%,#e629ff 92%);background-clip:text;-webkit-background-clip:text;text-shadow:none}
.hero .lead,.mob-lead{max-width:790px;margin:25px auto 28px;color:#c7c9d4;font-size:18px;line-height:1.68;text-wrap:balance}
.hero-actions,.mob-hero-actions{justify-content:center;gap:15px;margin-top:0}
.hero-actions .button{min-width:250px;min-height:56px}
.hero-actions .button{background:var(--gv-gradient);border-color:rgba(128,82,255,.78);box-shadow:0 12px 36px rgba(83,55,255,.32),0 0 28px rgba(211,34,255,.12)}
.hero-price{display:grid;grid-template-columns:1fr 1fr;width:min(650px,100%);margin:28px auto 0;border:1px solid var(--gv-line);border-radius:15px;background:rgba(4,7,17,.54);backdrop-filter:blur(12px);overflow:hidden}
.hero-price>div,.hero-price>div:first-child,.hero-price .hero-pix-offer{display:grid;grid-template-columns:auto 1fr;align-items:center;min-width:0;padding:15px 21px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left}
.hero-price>div+div{border-left:1px solid var(--gv-line)}
.hero-price>div span{grid-column:1/-1}
.hero-trust{justify-content:center;margin-top:16px;color:#939db4}
.hero .proof{width:min(950px,100%);max-width:none;margin:29px auto 0;padding:22px 28px;border:1px solid var(--gv-line);border-radius:17px;background:rgba(5,9,20,.66);backdrop-filter:blur(15px);box-shadow:var(--gv-shadow)}
.hero .proof div{flex:1}

/* Desktop product window becomes a wide premium object below the central message. */
.hero-visual{z-index:2;width:min(1020px,92%);margin:0 auto;padding:20px 0 0;perspective:none}
.hero-visual::before{inset:8% 5% -7%;border:1px solid rgba(69,102,202,.22);border-radius:28px;background:linear-gradient(110deg,rgba(12,116,255,.13),rgba(142,32,255,.09) 62%,rgba(223,28,255,.12));filter:blur(12px)}
.hero-visual::after{display:none}
.hero-visual .app-frame{transform:none;border-color:rgba(84,124,237,.4);box-shadow:0 38px 100px #000b,0 0 70px rgba(29,112,255,.16),0 0 60px rgba(199,32,255,.1)}
.hero-visual:hover .app-frame{transform:translateY(-4px)}
.hero-symbol{display:none}
.hero-circuit{inset:-300px 0 auto;width:100%;height:560px;opacity:.18;overflow:visible}
.visual-kicker{left:24px}.visual-chip{right:24px}

/* Android hero uses the official symbol and real app screenshot as the focal object. */
.mob-hero{gap:20px;padding-bottom:90px}
.mob-hero::before{content:"";position:relative;z-index:1;display:block;width:190px;height:190px;margin:0 auto -2px;background:url("assets/gvolt-symbol-hero.png") center/contain no-repeat;filter:drop-shadow(-12px 0 24px rgba(26,140,255,.45)) drop-shadow(12px 0 24px rgba(216,32,255,.38));order:-1}
.mob-hero-copy{order:0}
.mob-hero-visual{order:1;min-height:470px;margin-top:15px}
.mob-shot-frame{width:min(295px,76vw);padding:11px;border-color:rgba(103,91,255,.55);border-radius:30px;background:linear-gradient(150deg,rgba(15,65,126,.75),rgba(20,9,52,.8));box-shadow:0 38px 100px #000c,-22px 0 70px rgba(0,128,255,.18),22px 0 70px rgba(212,24,255,.18)}
.mob-shot-frame img{border-radius:21px}
.mob-badge-soon{min-height:54px;border:1px solid rgba(100,90,255,.54);border-radius:9px;background:var(--gv-gradient);color:white;box-shadow:0 12px 36px rgba(88,51,255,.28)}
.mob-badge-soon i{background:white;box-shadow:0 0 12px white}

/* Shared glass section and card language. */
.features,.flow,.safety,.scenarios,.plans,.faq,.product-gallery,.founder,.testimonials,.mob-section-pair,.mob-privacy-band,#permissoes,.mob-final-cta{position:relative;margin-top:36px;margin-bottom:36px;padding-top:96px;padding-bottom:96px}
.features::before,.flow::before,.safety::before,.scenarios::before,.plans::before,.faq::before,.product-gallery::before,.founder::before,.testimonials::before,.mob-section-pair::before,.mob-privacy-band::before,#permissoes::before,.mob-final-cta::before{content:"";position:absolute;z-index:-1;inset:18px -24px;border:0;border-radius:30px;background:radial-gradient(ellipse 68% 78% at 50% 46%,rgba(4,6,15,.72),rgba(4,7,17,.46) 48%,rgba(4,7,17,.14) 72%,transparent 88%);box-shadow:none;backdrop-filter:none}
.product-gallery,.plans{background:transparent}
.safety{border-color:rgba(104,119,181,.16);background:transparent;box-shadow:none}
.feature-grid{gap:16px}
.feature-grid article,.scenario,.plan-card,.differentiator-card,.mob-feature-card,.mob-permission-card,.mob-privacy-card{border:1px solid var(--gv-line);border-radius:18px;background:var(--gv-glass);box-shadow:var(--gv-shadow);backdrop-filter:blur(12px)}
.feature-grid article::after,.scenario::after,.plan-card::after,.mob-feature-card::after,.mob-permission-card::after{content:"";position:absolute;left:14%;right:14%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gv-blue),var(--gv-magenta),transparent);opacity:.65}
.feature-grid article{min-height:275px;padding:34px}
.feature-grid article:hover,.scenario:hover,.plan-card:hover{transform:translateY(-6px);border-color:rgba(94,115,255,.5);box-shadow:0 28px 80px #0009,0 0 38px rgba(77,54,255,.12)}
.icon,.scenario-icon,.mob-icon{background:linear-gradient(145deg,rgba(11,111,218,.35),rgba(123,31,212,.3));border-color:rgba(69,147,255,.45);color:#73cfff;box-shadow:0 0 25px rgba(70,87,255,.2)}
.showcase-screen{border-color:var(--gv-line);border-radius:24px;background:linear-gradient(145deg,rgba(10,17,35,.88),rgba(4,6,15,.83));box-shadow:0 32px 90px #0009;backdrop-filter:blur(9px)}
.showcase-screen footer{background:rgba(4,7,16,.65)}
.app-window,.report-window{border-color:rgba(82,112,205,.35);background:rgba(4,9,20,.9);box-shadow:0 25px 70px #000b,0 0 36px rgba(48,87,255,.08)}
.omdv{background:transparent;border:0}.omdv-track{border:1px solid var(--gv-line);border-radius:22px;background:rgba(5,9,20,.65);overflow:hidden}.omdv-track::before{display:none}
.omdv-step{background:transparent}.omdv-step:hover{background:linear-gradient(145deg,rgba(13,94,188,.16),rgba(113,21,183,.12))}
.flow ol li{border-color:var(--gv-line);background:rgba(7,12,25,.68);backdrop-filter:blur(9px)}
.plan-card--featured{border-color:rgba(172,60,255,.58);background:linear-gradient(150deg,rgba(14,39,84,.87),rgba(40,9,69,.78));box-shadow:0 30px 80px #000a,0 0 44px rgba(142,43,255,.18)}
.plan-badge{background:var(--gv-gradient)}
.faq-list details{border-color:var(--gv-line);background:rgba(6,10,22,.72);backdrop-filter:blur(9px)}
.download{width:min(1180px,calc(100% - 64px));margin:70px auto;padding:90px 32px;border:1px solid rgba(104,86,255,.35);border-radius:30px;background:radial-gradient(circle at 20% 30%,rgba(19,128,255,.17),transparent 38%),radial-gradient(circle at 82% 42%,rgba(205,27,255,.15),transparent 39%),rgba(5,7,17,.78);box-shadow:var(--gv-shadow)}
.site-footer,body>footer{background:linear-gradient(180deg,rgba(4,6,14,.72),#020308);border-top:1px solid rgba(100,100,173,.18)}

/* Mobile/Android content alternates large, airy editorial panels. */
.mob-section-pair{grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);align-items:center;gap:80px;border:0}
.mob-section-pair:nth-of-type(even) .mob-section-copy{order:2}
.mob-section-pair:nth-of-type(even)>.mob-shot-frame,.mob-section-pair:nth-of-type(even)>.mob-feature-card{order:1}
.mob-section-copy h2{font-size:clamp(40px,4.5vw,60px);letter-spacing:-.05em}
.mob-section-pair>.mob-shot-frame{width:min(310px,78vw);justify-self:center}
.mob-feature-card{position:relative;padding:42px;min-height:250px}
.mob-privacy-grid,.mob-permission-grid{gap:18px}
.mob-privacy-card,.mob-permission-card{position:relative;padding:28px}
.mob-final-cta::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 50%,rgba(100,55,255,.14),transparent 58%)}

/* Mandatory selector restyled only; behavior remains in product-selector.js. */
.ps-backdrop{background:rgba(1,2,8,.8);backdrop-filter:blur(14px)}
.ps-panel{width:min(860px,100%);padding:50px;border:1px solid rgba(98,87,255,.5);border-radius:25px;background:radial-gradient(circle at 10% 0,rgba(14,121,255,.18),transparent 38%),radial-gradient(circle at 92% 100%,rgba(206,27,255,.16),transparent 38%),rgba(5,8,19,.94);box-shadow:0 45px 120px #000d,0 0 70px rgba(89,53,255,.17)}
.ps-panel::before{content:"";position:absolute;left:15%;right:15%;top:-1px;height:1px;background:var(--gv-gradient)}
.ps-panel h2{font-size:clamp(34px,4.3vw,52px);letter-spacing:-.05em}
.ps-grid{gap:20px}
.ps-card{position:relative;padding:30px;border-color:var(--gv-line);border-radius:18px;background:var(--gv-glass);overflow:hidden}
.ps-card::before{content:"";position:absolute;inset:auto -20% -70% 30%;height:220px;background:radial-gradient(circle,rgba(120,48,255,.22),transparent 65%)}
.ps-card svg{width:44px;height:44px;color:#71bfff;filter:drop-shadow(0 0 12px rgba(49,115,255,.42))}
.ps-card h3{font-size:21px}
.ps-card .button{position:relative;margin-top:auto;min-height:50px}
.ps-card [data-ps-choice]{border-color:rgba(128,82,255,.78);background:var(--gv-gradient);color:#fff;box-shadow:0 10px 34px rgba(80,48,255,.3),0 0 24px rgba(213,35,255,.12)}
.ps-card [data-ps-choice]:hover{border-color:rgba(144,102,255,.92);background:var(--gv-gradient);filter:brightness(1.12);box-shadow:0 15px 42px rgba(55,106,255,.37),0 0 34px rgba(218,31,255,.2)}
.ps-card [data-ps-choice]:focus-visible{outline:2px solid #8fdcff;outline-offset:3px}

/* Eliminate the previous hero-circuit geometry overflow at the source. */
.hero-circuit{right:0;max-width:100%;contain:layout paint}

@media(max-width:1100px){
  .topbar{padding:0 24px}.topbar nav{position:static;transform:none;gap:15px}.topbar nav a{font-size:11px}
  .hero,.mob-hero{padding-top:120px}
  .mob-section-pair{gap:48px}
}

@media(max-width:880px){
  .section{width:min(100% - 40px,760px)}
  .hero,.mob-hero{width:100%;padding:112px 22px 64px}
  .hero h1,.mob-hero h1{font-size:clamp(50px,11vw,72px)}
  .hero .lead,.mob-lead{font-size:16px}
  .hero-brand-symbol{width:180px;height:180px;margin-top:-25px}
  .hero-circuit{display:none}
  .hero-visual{width:100%}
  .mob-section-pair{grid-template-columns:1fr;gap:38px;text-align:center}
  .mob-section-pair:nth-of-type(even) .mob-section-copy,.mob-section-pair:nth-of-type(even)>.mob-shot-frame,.mob-section-pair:nth-of-type(even)>.mob-feature-card{order:initial}
  .mob-feature-list{display:inline-grid;text-align:left}
  .features::before,.flow::before,.safety::before,.scenarios::before,.plans::before,.faq::before,.product-gallery::before,.founder::before,.testimonials::before,.mob-section-pair::before,.mob-privacy-band::before,#permissoes::before,.mob-final-cta::before{inset:12px -10px}
}

@media(max-width:620px){
  .section{width:calc(100% - 30px)}
  .topbar{height:76px;padding:0 17px}.topbar .brand img{width:154px}
  .hero,.mob-hero{min-height:auto;padding:92px 15px 52px}
  .mob-hero::before{width:132px;height:132px;margin-bottom:5px}
  .hero-badges,.mob-hero-badges{display:flex;flex-wrap:wrap;gap:6px}
  .hero-badges span,.mob-hero-badges span{display:inline-flex;min-height:0;padding:6px 9px;font-size:7px}
  .hero h1,.mob-hero h1{font-size:clamp(42px,12vw,54px);line-height:.96}
  .hero .lead,.mob-lead{margin:20px auto 23px;font-size:15px;line-height:1.58}
  .hero-actions,.mob-hero-actions{display:grid;width:100%}
  .hero-price{grid-template-columns:1fr;margin-top:22px}
  .hero-price>div+div{border-top:1px solid var(--gv-line);border-left:0}
  .hero-trust{display:grid;gap:6px}
  .hero .proof{display:none}
  .hero-brand-symbol{width:132px;height:132px;margin-top:-10px}
  .hero-visual{margin-top:10px;padding-top:12px}
  .visual-kicker,.visual-chip,.visual-pulse{display:none}
  .mob-hero-visual{min-height:390px}
  .features,.flow,.safety,.scenarios,.plans,.faq,.product-gallery,.founder,.testimonials,.mob-section-pair,.mob-privacy-band,#permissoes,.mob-final-cta{margin-top:22px;margin-bottom:22px;padding-top:70px;padding-bottom:70px}
  .features::before,.flow::before,.safety::before,.scenarios::before,.plans::before,.faq::before,.product-gallery::before,.founder::before,.testimonials::before,.mob-section-pair::before,.mob-privacy-band::before,#permissoes::before,.mob-final-cta::before{inset:8px -4px;border-radius:22px;background:radial-gradient(ellipse 90% 78% at 50% 46%,rgba(4,6,15,.82),rgba(4,7,17,.58) 52%,rgba(4,7,17,.2) 76%,transparent 94%)}
  .mob-section-copy h2{font-size:36px}
  .mob-feature-card{padding:28px;text-align:left}
  .download{width:calc(100% - 30px);padding:70px 20px}
  .ps-panel{padding:28px 20px;max-height:calc(100vh - 28px);overflow:auto}
  .ps-panel h2{font-size:32px}
  .ps-grid{grid-template-columns:1fr;gap:12px}
  .ps-card{padding:20px}.ps-card svg{width:32px;height:32px}.ps-card h3{font-size:17px}
}

@media(max-width:700px){.omdv-track::before{display:block}}

@media(prefers-reduced-motion:reduce){
  .feature-grid article,.scenario,.plan-card,.button{transition:none!important}
}