
/* Mrągowo Bus APEX 5.0 – high-end visual layer */
:root{--apex-blue:#1e9fff;--apex-cyan:#38e9ff;--apex-mint:#63ffb3;--apex-violet:#765dff;--mx:50vw;--my:50vh;--scroll:0}
body{background:
 radial-gradient(900px circle at var(--mx) var(--my),rgba(44,159,255,.07),transparent 48%),
 radial-gradient(1100px circle at 85% 15%,rgba(60,255,183,.04),transparent 50%),var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(70,190,255,.015) 48%,transparent 70%);animation:apexSweep 14s linear infinite}@keyframes apexSweep{to{transform:translateX(35%)}}
#apexScrollProgress{position:fixed;z-index:99999;left:0;right:0;top:0;height:2px;pointer-events:none;background:rgba(255,255,255,.025)}#apexScrollProgress i{display:block;width:calc(var(--scroll)*1%);height:100%;background:linear-gradient(90deg,var(--apex-blue),var(--apex-cyan),var(--apex-mint));box-shadow:0 0 20px rgba(56,233,255,.75)}
#apexCursor{position:fixed;z-index:99998;left:0;top:0;width:240px;height:240px;border-radius:50%;pointer-events:none;opacity:.5;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(52,194,255,.09),rgba(69,114,255,.025) 38%,transparent 70%);filter:blur(2px);mix-blend-mode:screen;transition:opacity .25s}
.apex-top-actions .apex-icon-btn{position:relative;overflow:hidden;font-size:14px;font-weight:900}.apex-top-actions .apex-icon-btn:after{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.12),transparent 70%);transform:translateX(-130%);transition:.55s}.apex-top-actions .apex-icon-btn:hover:after{transform:translateX(130%)}
#fxBtn{font-size:10px;letter-spacing:.06em}.fx-lite #ambientCanvas,.fx-lite .ambient-orb,.fx-lite #apexCursor,.fx-lite .hero-shimmer,.fx-lite .map-scan{display:none!important}.fx-lite *{animation-duration:0s!important}
.cinematic-hero{perspective:1200px}.cinematic-hero:after{content:"";position:absolute;z-index:1;left:-10%;right:-10%;bottom:-27%;height:46%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(37,174,255,.15),rgba(55,255,186,.04) 33%,transparent 67%);filter:blur(22px);transform:perspective(520px) rotateX(64deg);animation:lakePulse 5.4s ease-in-out infinite}@keyframes lakePulse{50%{opacity:.55;transform:perspective(520px) rotateX(64deg) scaleX(1.07)}}
.cinematic-hero .hero-grid{animation:gridDrift 18s linear infinite}@keyframes gridDrift{to{background-position:56px 56px}}
.cinematic-hero .hero-tag{box-shadow:inset 0 0 30px rgba(45,156,255,.03),0 0 30px rgba(45,156,255,.05)}
.cinematic-hero h1{filter:drop-shadow(0 0 1px rgba(255,255,255,.2))}.cinematic-hero h1 span{background-size:220% 100%;animation:titleFlow 7s linear infinite}@keyframes titleFlow{to{background-position:220% 0}}
.hero-primary,.primary-btn,.quick-card,.line-card,.stop-item{position:relative;isolation:isolate}.hero-primary:before,.primary-btn:before{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;background:linear-gradient(100deg,#178cff,#31dcff,#56ffad,#178cff);background-size:300% 100%;filter:blur(12px);opacity:.16;animation:buttonGlow 5s linear infinite}@keyframes buttonGlow{to{background-position:300% 0}}
.apex-tilt{transform-style:preserve-3d;will-change:transform}.apex-tilt>*{transform:translateZ(0)}
.panel,.quick-card,.showcase-card,.line-card,.map-card{box-shadow:0 26px 80px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.quick-card:before,.line-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--tx,50%) var(--ty,50%),rgba(73,195,255,.12),transparent 45%);opacity:0;transition:.25s}.quick-card:hover:before,.line-card:hover:before{opacity:1}
.showcase-card:after{content:"";position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.08) 50%,transparent 58%);transform:translateX(-70%) rotate(8deg);transition:1s}.showcase-card:hover:after{transform:translateX(70%) rotate(8deg)}
.page-hero{overflow:hidden}.page-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;bottom:-160px;border:1px solid rgba(68,193,255,.2);box-shadow:0 0 0 35px rgba(48,156,255,.025),0 0 0 70px rgba(48,156,255,.018),0 0 90px rgba(47,172,255,.09);animation:orbital 8s ease-in-out infinite}@keyframes orbital{50%{transform:translate(-35px,-22px) scale(1.08)}}
.cinematic-map-card{background:linear-gradient(145deg,rgba(9,28,39,.95),rgba(5,15,23,.96));box-shadow:0 38px 100px rgba(0,0,0,.33),inset 0 0 80px rgba(40,151,230,.035)}.cinematic-map-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(rgba(58,183,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(58,183,255,.028) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 95%)}
.map-frame b{letter-spacing:.24em;text-shadow:0 0 24px rgba(62,201,255,.3)}
.stop-sequence:before{filter:drop-shadow(0 0 8px rgba(45,156,255,.5))}
.stop-sequence>div{transition:.2s}.stop-sequence>div:hover{transform:translateX(5px);background:rgba(46,156,255,.05)}
/* command palette */
.command-fab{position:fixed;z-index:4500;right:25px;bottom:25px;height:54px;border:1px solid rgba(94,204,255,.25);border-radius:18px;color:#fff;background:linear-gradient(135deg,rgba(17,50,74,.92),rgba(9,28,42,.92));box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 30px rgba(36,161,255,.08);backdrop-filter:blur(20px);display:flex;align-items:center;gap:9px;padding:0 14px}.command-fab span{font-size:20px;color:var(--apex-cyan)}.command-fab small{font-size:9px;color:#7d9aae;border:1px solid rgba(255,255,255,.1);padding:4px 6px;border-radius:7px}.command-fab:hover{transform:translateY(-4px);border-color:rgba(75,208,255,.5);box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 45px rgba(36,161,255,.14)}
.command-palette{position:fixed;inset:0;z-index:100000;display:grid;place-items:start center;padding-top:min(15vh,150px);opacity:0;visibility:hidden;transition:.2s}.command-palette.open{opacity:1;visibility:visible}.palette-backdrop{position:absolute;inset:0;border:0;background:rgba(0,5,10,.7);backdrop-filter:blur(16px)}.palette-panel{position:relative;width:min(720px,calc(100vw - 28px));border:1px solid rgba(80,196,255,.28);border-radius:26px;background:linear-gradient(160deg,rgba(11,31,45,.98),rgba(5,17,27,.98));box-shadow:0 45px 140px rgba(0,0,0,.62),0 0 80px rgba(44,162,255,.09);overflow:hidden;transform:translateY(-14px) scale(.985);transition:.25s cubic-bezier(.2,.8,.2,1)}.command-palette.open .palette-panel{transform:none}.palette-head{height:78px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;padding:0 22px;border-bottom:1px solid rgba(112,195,237,.13)}.palette-head>span{font-size:25px;color:var(--apex-cyan)}.palette-head input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:20px;font-weight:750}.palette-head input::placeholder{color:#6d899b}.palette-head kbd{font-size:10px;color:#7590a2;border:1px solid rgba(255,255,255,.11);border-radius:8px;padding:5px 7px;background:rgba(255,255,255,.03)}.palette-hint{display:flex;justify-content:space-between;padding:13px 22px 8px;color:#668295;font-size:9px;letter-spacing:.13em}.palette-hint span{color:#56eeb0;font-weight:900}.palette-hint em{font-style:normal}.palette-results{max-height:min(56vh,520px);overflow:auto;padding:7px 11px 14px}.palette-item{width:100%;border:1px solid transparent;background:transparent;color:#cfe0ea;border-radius:14px;padding:12px 13px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;gap:10px}.palette-item:hover,.palette-item.active{background:linear-gradient(90deg,rgba(45,156,255,.13),rgba(60,230,255,.035));border-color:rgba(69,182,245,.16);color:#fff}.palette-item i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;background:rgba(57,170,238,.09);color:#75dcff}.palette-item b,.palette-item small{display:block}.palette-item small{color:#6f8a9d;font-size:10px;margin-top:2px}.palette-item em{font-style:normal;font-size:9px;color:#6e8a9d;letter-spacing:.08em}.palette-panel footer{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-top:1px solid rgba(112,195,237,.12);font-size:9px;color:#698497;letter-spacing:.1em}.palette-panel footer span{display:flex;gap:7px;align-items:center}.palette-panel footer i{width:6px;height:6px;border-radius:50%;background:var(--apex-mint);box-shadow:0 0 11px var(--apex-mint)}.palette-panel footer b{color:#7ea0b4}
/* install/showcase */
.apex-install-zone{position:relative;min-height:390px;margin:28px 0 0;border-radius:34px;overflow:hidden;border:1px solid rgba(69,188,255,.19);background:radial-gradient(circle at 82% 42%,rgba(45,156,255,.16),transparent 28%),radial-gradient(circle at 65% 60%,rgba(91,255,183,.07),transparent 31%),linear-gradient(145deg,#071722,#06101a);box-shadow:0 38px 100px rgba(0,0,0,.28)}.apex-install-zone:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(65,191,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(65,191,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}.apex-wordmark{position:absolute;left:-12px;bottom:-42px;white-space:nowrap;font-weight:1000;letter-spacing:-.08em;line-height:.72;opacity:.10;user-select:none}.apex-wordmark span{font-size:clamp(90px,13vw,190px);color:transparent;-webkit-text-stroke:1px #79dfff}.apex-wordmark b{font-size:clamp(70px,10vw,145px);margin-left:22px;color:#69ffb0;opacity:.7}.install-copy{position:relative;z-index:3;max-width:630px;padding:66px 58px}.install-copy h2{font-size:clamp(38px,4.5vw,66px);line-height:.95;letter-spacing:-.055em;margin:0}.install-copy>p:not(.section-kicker){color:#9bb0be;line-height:1.65;max-width:560px}.install-actions{display:flex;gap:10px;margin-top:25px}.install-orbit{position:absolute;right:8%;top:50%;width:220px;height:220px;transform:translateY(-50%);border:1px solid rgba(65,192,255,.16);border-radius:50%;box-shadow:0 0 0 36px rgba(48,167,255,.025),0 0 0 72px rgba(48,167,255,.016)}.install-orbit:before,.install-orbit:after{content:"";position:absolute;inset:34px;border:1px dashed rgba(80,224,255,.25);border-radius:50%;animation:orbitSpin 11s linear infinite}.install-orbit:after{inset:68px;animation-direction:reverse;animation-duration:7s}.install-orbit>span{position:absolute;width:9px;height:9px;border-radius:50%;background:#53f3ad;box-shadow:0 0 18px #53f3ad}.install-orbit>span:nth-child(1){left:27px;top:60px}.install-orbit>span:nth-child(2){right:32px;bottom:52px}.install-orbit>span:nth-child(3){left:105px;bottom:-5px;background:#38dcff;box-shadow:0 0 18px #38dcff}.install-orbit>div{position:absolute;inset:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(37,153,233,.2),rgba(12,32,46,.8));border:1px solid rgba(77,197,255,.26);box-shadow:0 20px 45px rgba(0,0,0,.35)}.install-orbit img{width:62px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}@keyframes orbitSpin{to{transform:rotate(360deg)}}
/* route/map cyber detailing */
.live-console,.route-console{position:relative;overflow:hidden}.live-console:before,.route-console:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(44,173,255,.035),transparent);transform:translateX(-100%);animation:consoleSweep 6s ease-in-out infinite}@keyframes consoleSweep{55%,100%{transform:translateX(100%)}}
.line-card.active{box-shadow:0 20px 55px rgba(0,0,0,.25),0 0 36px rgba(45,156,255,.13)}
/* transition */
#apexTransition{position:fixed;inset:0;z-index:99990;pointer-events:none;display:grid;place-items:center;opacity:0;visibility:hidden;background:#04101a}#apexTransition span{position:absolute;left:-15vw;right:-15vw;height:2px;background:linear-gradient(90deg,transparent,#36c8ff,#60ffb4,transparent);box-shadow:0 0 35px #36c8ff;transform:rotate(-6deg) scaleX(0)}#apexTransition b{font-size:12px;letter-spacing:.32em;color:#7ea6bb;opacity:0}body.apex-switching #apexTransition{animation:apexTransition .38s ease}body.apex-switching #apexTransition span{animation:apexBeam .38s ease}body.apex-switching #apexTransition b{animation:apexLabel .38s ease}@keyframes apexTransition{0%{opacity:0;visibility:visible}45%{opacity:.2}100%{opacity:0;visibility:hidden}}@keyframes apexBeam{50%{transform:rotate(-6deg) scaleX(1)}}@keyframes apexLabel{50%{opacity:1}}
.server-online-glow{box-shadow:0 0 0 1px rgba(89,255,178,.08),0 0 42px rgba(71,255,180,.04)}
@media(max-width:1050px){.command-fab{bottom:88px}.apex-top-actions #fxBtn,.apex-top-actions #shareBtn{display:none}.install-orbit{right:4%;opacity:.6}.install-copy{padding-right:270px}}
@media(max-width:760px){#apexCursor{display:none}.apex-top-actions #commandBtn,.apex-top-actions #fullscreenBtn{display:none}.command-fab{right:16px;bottom:92px;width:52px;padding:0;justify-content:center;border-radius:18px}.command-fab small{display:none}.install-copy{padding:36px 24px 190px}.install-actions{display:grid}.install-orbit{width:145px;height:145px;right:50%;top:auto;bottom:18px;transform:translateX(50%)}.install-orbit:before{inset:24px}.install-orbit:after{inset:48px}.install-orbit>div{inset:50px}.install-orbit img{width:42px}.install-orbit>span:nth-child(3){left:68px}.apex-wordmark{bottom:0}.palette-panel{border-radius:22px}.palette-head{padding:0 15px;height:68px}.palette-head input{font-size:16px}.palette-hint{padding:11px 15px 6px}.palette-hint em{display:none}.palette-results{padding:6px}.palette-panel footer{padding:10px 15px}.apex-install-zone{min-height:480px}.apex-tilt{transform:none!important}}
@media(prefers-reduced-motion:reduce){#apexCursor{display:none}.command-fab,.apex-install-zone *{animation:none!important}}

/* APEX 5.1 additions: video + Android beta funnel */
body.modal-open{overflow:hidden}
.hero-media{overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;mix-blend-mode:screen;filter:saturate(1.05) contrast(1.02) brightness(.72)}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,17,.95) 0%,rgba(3,14,22,.82) 35%,rgba(3,14,22,.34) 68%,rgba(3,14,22,.22)),linear-gradient(180deg,rgba(4,18,28,.08),rgba(2,11,17,.48));pointer-events:none}
.hero-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(80,240,255,.15),transparent 24%),radial-gradient(circle at 80% 68%,rgba(97,255,182,.12),transparent 24%);pointer-events:none;z-index:1}
.android-beta-zone{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin:26px 0 0;padding:34px;border:1px solid rgba(75,195,255,.2);border-radius:34px;overflow:hidden;background:linear-gradient(135deg,rgba(7,24,34,.95),rgba(4,15,24,.96));box-shadow:0 30px 90px rgba(0,0,0,.28)}
.android-beta-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 22%,rgba(71,185,255,.045) 50%,transparent 77%);animation:betaSweep 10s linear infinite}@keyframes betaSweep{to{transform:translateX(18%)}}
.beta-noise{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.035) .8px, transparent .8px);background-size:12px 12px;mask-image:linear-gradient(#000,transparent 92%);opacity:.28}
.beta-copy,.beta-video-card{position:relative;z-index:1}.beta-copy h2{margin:0;font-size:clamp(34px,4.3vw,58px);line-height:.96;letter-spacing:-.05em}.beta-copy>p:not(.section-kicker){max-width:680px;color:#a8bfcb;line-height:1.72}.beta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.beta-note{display:block;color:#88a2b2;margin-top:14px}
.beta-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.beta-steps div{padding:14px 16px;border-radius:18px;background:rgba(10,31,45,.6);border:1px solid rgba(83,194,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.beta-steps b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#22a1ff,#1de0ff);color:#fff;font-size:18px;margin-bottom:10px}.beta-steps span{display:block;color:#dce9ef;line-height:1.55}.beta-steps strong{color:#fff}
.beta-video-frame{position:relative;height:100%;min-height:360px;border-radius:26px;overflow:hidden;border:1px solid rgba(90,200,255,.22);box-shadow:0 24px 75px rgba(0,0,0,.35);background:#071420}.beta-video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.04) brightness(.82)}.beta-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,14,22,.08),rgba(3,14,22,.65) 82%,rgba(3,14,22,.9))}.beta-video-caption{position:absolute;left:22px;right:22px;bottom:22px;display:grid;gap:7px}.beta-video-caption span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#6af2b3}.beta-video-caption b{font-size:28px;line-height:1.02;color:#fff}.beta-video-caption small{color:#9cb3bf;line-height:1.6}
.beta-floating-btn{position:fixed;right:22px;bottom:90px;z-index:4600;min-height:56px;padding:0 18px;border-radius:20px;border:1px solid rgba(93,213,255,.28);background:linear-gradient(135deg,rgba(15,52,81,.96),rgba(8,25,40,.96));color:#fff;font-weight:900;box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 40px rgba(36,161,255,.1);backdrop-filter:blur(14px);animation:betaPulse 2.8s ease-in-out infinite}.beta-floating-btn:hover{transform:translateY(-4px)}@keyframes betaPulse{50%{box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 55px rgba(51,212,255,.18)}}
.beta-popup,.tester-modal{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:.2s}.beta-popup.open,.tester-modal.open{opacity:1;visibility:visible}.beta-popup-backdrop,.tester-backdrop{position:absolute;inset:0;border:0;background:rgba(3,10,18,.76);backdrop-filter:blur(16px)}
.beta-popup-card{position:relative;z-index:1;width:min(960px,calc(100vw - 30px));display:grid;grid-template-columns:1.25fr .75fr;gap:0;border-radius:30px;overflow:hidden;border:1px solid rgba(87,202,255,.22);background:linear-gradient(145deg,rgba(9,28,42,.98),rgba(5,14,24,.98));box-shadow:0 40px 140px rgba(0,0,0,.55)}
.beta-popup-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(45,156,255,.16),transparent 24%),radial-gradient(circle at 82% 72%,rgba(97,255,182,.12),transparent 22%);pointer-events:none}.beta-popup-copy,.beta-popup-side{position:relative;z-index:1;padding:32px}.beta-popup-copy h2{margin:0 0 10px;font-size:clamp(34px,4.5vw,56px);line-height:.94;letter-spacing:-.05em}.beta-popup-copy p,.beta-popup-copy li{color:#a9bfca;line-height:1.7}.beta-popup-copy ul{margin:16px 0 0;padding-left:18px}.beta-popup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.beta-popup-side{display:grid;align-content:center;background:linear-gradient(160deg,rgba(18,62,86,.45),rgba(10,26,40,.62));border-left:1px solid rgba(78,197,255,.14)}.beta-popup-side span{font-size:10px;color:#6df2b5;font-weight:900;letter-spacing:.18em}.beta-popup-side ol{margin:16px 0 0;padding-left:18px;color:#e3eef4;display:grid;gap:10px}.beta-popup-close,.tester-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:26px;line-height:1;z-index:2}
.tester-panel{position:relative;z-index:1;width:min(1120px,calc(100vw - 30px));display:grid;grid-template-columns:.88fr 1.12fr;border-radius:32px;overflow:hidden;border:1px solid rgba(81,199,255,.24);background:linear-gradient(145deg,rgba(7,24,36,.99),rgba(4,14,23,.99));box-shadow:0 42px 150px rgba(0,0,0,.56)}
.tester-side{padding:36px;background:radial-gradient(circle at 18% 14%,rgba(45,156,255,.15),transparent 24%),linear-gradient(160deg,rgba(14,40,58,.92),rgba(8,20,32,.95));border-right:1px solid rgba(84,200,255,.13)}.tester-side h2{margin:0 0 10px;font-size:clamp(32px,4vw,52px);line-height:.95;letter-spacing:-.05em}.tester-side p{color:#a6beca;line-height:1.68}.tester-steps{display:grid;gap:12px;margin-top:24px}.tester-steps div{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.tester-steps b{font-size:22px;color:#63ffb3}.tester-steps span{color:#e7f0f5}
.tester-form{padding:36px;display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tester-form label{display:grid;gap:8px;color:#dce7ee;font-weight:700}.tester-form input,.tester-form textarea,.tester-form select{width:100%;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid rgba(95,188,230,.2);background:rgba(10,28,40,.82);color:#fff;outline:0;transition:.2s}.tester-form textarea{min-height:130px;padding:15px 16px;resize:vertical}.tester-form input:focus,.tester-form textarea:focus,.tester-form select:focus{border-color:rgba(79,203,255,.55);box-shadow:0 0 0 4px rgba(46,156,255,.12)}.tester-consent{grid-template-columns:22px 1fr;align-items:start;font-weight:600;color:#a7c0cc}.tester-consent input{min-height:auto;width:18px;height:18px;margin-top:3px}.tester-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.tester-form-status{margin:0;color:#84a1b3;line-height:1.5}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:980px){.android-beta-zone,.tester-panel,.beta-popup-card{grid-template-columns:1fr}.beta-steps{grid-template-columns:1fr}.beta-video-frame{min-height:280px}.tester-side{border-right:0;border-bottom:1px solid rgba(84,200,255,.13)}.beta-popup-side{border-left:0;border-top:1px solid rgba(78,197,255,.14)}.form-grid{grid-template-columns:1fr}}
@media(max-width:760px){.hero-video{opacity:.64}.android-beta-zone{padding:22px;border-radius:24px}.beta-copy h2{font-size:36px}.beta-floating-btn{right:14px;left:14px;bottom:90px;justify-self:center}.tester-panel,.beta-popup-card{width:min(100vw - 16px, 1100px);border-radius:22px}.tester-form,.tester-side,.beta-popup-copy,.beta-popup-side{padding:22px}.tester-actions,.beta-popup-actions,.beta-actions{display:grid}.beta-video-caption b{font-size:22px}}

/* APEX 5.2 promo zone + smoother FX */
.hero-card,.panel,.quick-card,.line-card,.showcase-card,.map-card,.promo-card,.beta-popup-card,.tester-panel{backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}
.hero-card{transition:transform .28s ease,box-shadow .28s ease}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}
.reveal.reveal-in{opacity:1;transform:none}
#ambientCanvas{opacity:.82}
body:before{animation-duration:22s}
.cinematic-hero:after{animation-duration:7.2s}
.android-beta-zone:before,.live-console:before,.route-console:before{animation-duration:12s}
.beta-floating-btn{animation-duration:4.2s}

.promo-ad-zone{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;margin-top:26px}.promo-ad-zone .promo-adspace{grid-column:1/-1}
.promo-card{position:relative;overflow:hidden;padding:30px;border-radius:30px;border:1px solid rgba(78,197,255,.18);background:linear-gradient(145deg,rgba(7,23,35,.96),rgba(4,14,23,.97));box-shadow:0 26px 80px rgba(0,0,0,.22)}
.promo-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(52,161,255,.13),transparent 26%),radial-gradient(circle at 84% 72%,rgba(98,255,181,.10),transparent 22%);pointer-events:none}
.promo-radiokb{min-height:280px}.promo-radiokb:after{content:"♪  RADIOKB  •  MUZYKA  •  TRASA  •  PODRÓŻ  •  RADIOKB";position:absolute;left:30px;right:30px;bottom:20px;font-size:13px;letter-spacing:.18em;color:rgba(109,242,181,.34);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-play{background:linear-gradient(145deg,rgba(6,25,38,.98),rgba(8,22,34,.96)),radial-gradient(circle at 80% 20%,rgba(59,199,255,.12),transparent 22%)}
.promo-adspace{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
.promo-chip{position:relative;display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(91,203,255,.2);background:rgba(8,29,43,.7);font-size:11px;font-weight:900;letter-spacing:.15em;color:#73e2ff;text-transform:uppercase}
.promo-card h2,.promo-card h3{margin:14px 0 10px;line-height:.96;letter-spacing:-.045em}.promo-card h2{font-size:clamp(34px,4.4vw,58px)}.promo-card h3{font-size:clamp(28px,3.2vw,42px)}.promo-card h2 span{color:#6cffb6}.promo-card p{max-width:720px;color:#a8c0cb;line-height:1.72}
.promo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.store-badge-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.play-store-pill{display:inline-grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;min-width:255px;padding:14px 18px;border-radius:22px;border:1px solid rgba(103,219,255,.2);background:rgba(10,28,40,.84);color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.play-store-pill span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#1f89ff,#3cf0ff);font-size:28px}.play-store-pill small{display:block;color:#8fa7b5}.play-store-pill b{font-size:22px}.play-store-pill:hover{transform:translateY(-3px)}
.adspace-list{display:grid;gap:12px}.adspace-list div{padding:14px 16px;border-radius:18px;background:rgba(9,29,43,.74);border:1px solid rgba(95,193,255,.14)}.adspace-list b{display:block;color:#fff;margin-bottom:4px}.adspace-list span,.adspace-list a{color:#a7c0cb;text-decoration:none}.adspace-list a:hover{color:#6dddb2}
.line-stage .offline-route-stage{height:100%;min-height:560px}.offline-route-stage{position:relative;display:grid;place-items:center;height:100%;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 14%,rgba(38,158,255,.12),transparent 22%),linear-gradient(180deg,#07131d,#05101a)}.offline-route-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(58,191,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(58,191,255,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent 92%)}.offline-route-label{position:absolute;left:18px;top:18px;z-index:2;padding:10px 14px;border-radius:14px;background:rgba(5,19,30,.86);border:1px solid rgba(81,192,255,.18);font-size:11px;font-weight:900;letter-spacing:.16em;color:#77e2ff}.offline-route-stage svg{width:100%;height:100%;display:block}
@media(max-width:1100px){.promo-ad-zone{grid-template-columns:1fr}.promo-adspace{grid-template-columns:1fr}}
@media(max-width:760px){.promo-card{padding:22px;border-radius:24px}.promo-card h2{font-size:34px}.promo-card h3{font-size:28px}.promo-actions,.store-badge-row{display:grid}.play-store-pill{min-width:100%}}
