/* Artwork behind the page; dark surfaces preserve text contrast. */
:root{--bg:#050c14;--panel:#0b1722;--line:#8bcaff20;--muted:#b0bfcd}
body{background:#050c14;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050c14ed,#050c14cf 55%,#050c14c4),url('/mishka-comic-background.png') center right/cover no-repeat}
.header{position:relative;z-index:3;background:linear-gradient(90deg,#050c14b3,transparent);border-bottom-color:#80cfff25}
.hero-scene{position:relative;isolation:isolate;overflow:hidden;background:#050c14}
.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2}
.hero-scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#050c14ed 0%,#050c14a6 32%,#050c141f 60%,#050c1400 82%),linear-gradient(0deg,#050c14 0%,transparent 23%,transparent 85%,#050c1455 100%)}
.hero{display:flex;min-height:680px;padding-top:70px;padding-bottom:100px;align-items:center;position:relative}
.hero-copy{max-width:570px}.hero h1{text-shadow:0 3px 28px #020710aa}.hero .lead{color:#c0cfdd;text-shadow:0 2px 8px #020710}.hero-platforms,.hero .micro{color:#b9c9d7}
.scene-caption{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:flex-end;gap:10px;font-size:9px;letter-spacing:1.8px;color:#8aa4ba}.scene-caption strong{color:#c3eaff;font-weight:550}
.proof{position:relative;background:#07121bc9;backdrop-filter:blur(12px);border-radius:0 0 12px 12px;padding-inline:25px}
.feature,.plan{background:linear-gradient(145deg,#0b1c2ce8,#08121ce8);backdrop-filter:blur(12px);border-color:#8bcaff22;box-shadow:0 16px 45px #02071025}.feature.large{background:linear-gradient(130deg,#102c41ed,#081522e6)}
.apps-panel{background:linear-gradient(120deg,#0c2033ed,#091522e6);backdrop-filter:blur(12px);border-color:#8bcaff25}.downloads>a{background:#08101b66;border-color:#8bcaff26}.recommended{border-color:#00d0ff88;background:linear-gradient(145deg,#09304ae8,#091521f0)}
.section-heading>p,.plan-note,.steps p,.faq details p{color:#b0bfcd}.faq{background:#07131dbf;padding:0 24px;border:1px solid #8bcaff20;border-radius:12px;backdrop-filter:blur(12px)}.faq details:last-child{border-bottom:0}
.final-cta{position:relative;overflow:hidden;isolation:isolate;background:#081525;text-align:left;padding:65px 55px;border-color:#8bcaff30}.final-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07131afa 5%,#07131acf 42%,#07131a26 100%),url('/mishka-comic-background.png') center 28%/cover no-repeat}.final-cta .eyebrow{justify-content:flex-start}.final-cta h2{max-width:650px}.footer{background:#050c1440}
.brand-icon{width:52px;height:52px;border-radius:12px;object-fit:contain}
.footer .brand-icon{width:44px;height:44px}
.hero-background{inset:0 auto 0 50%;width:min(100%,1920px);transform:translateX(-50%);object-position:center 15%}
.hero-scene::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 65% 45%,#12354b66,transparent 70%)}
@media(min-width:1600px){.hero-background{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 85%,transparent)}}
.hero-scene::after{background:linear-gradient(90deg,#050c14ed 0%,#050c14a6 32%,#050c141f 60%,#050c1400 82%),linear-gradient(0deg,#050c14 0%,transparent 23%,transparent 85%,#050c1455 100%)}
.feature-grid,.plans,.downloads{grid-auto-rows:1fr}
.feature,.plan,.downloads>a,.apps-panel>div,.faq-section>div{min-width:0}
.actions{flex-wrap:wrap}.button{white-space:normal;text-align:center}
@media(min-width:1600px){.wrap{width:min(1600px,calc(100% - 128px))}.hero{min-height:860px}.hero-copy{max-width:650px}.hero h1{font-size:88px}.hero .lead{font-size:19px;max-width:500px}.hero-background{object-position:center 15%}.scene-caption{justify-content:flex-end}.section{padding-top:110px}}
@media(min-width:2400px){.wrap{width:min(1800px,calc(100% - 160px))}.header{height:116px}.hero{min-height:1024px}.hero h1{font-size:100px}.hero-copy{max-width:760px}.hero .lead{font-size:21px;max-width:580px}.hero-background{width:2200px;object-position:center 10%}.hero-scene::after{background:linear-gradient(90deg,#050c14 5%,#050c14b3 35%,#050c1410 60%,#050c1400 78%,#050c14 100%),linear-gradient(0deg,#050c14,transparent 28%)}.desktop-nav{font-size:16px;gap:40px}.button{font-size:16px;min-height:56px}.button.small{font-size:14px}.text-link{font-size:16px}.micro,.hero-platforms{font-size:13px}.section{padding-top:120px}h2{font-size:52px}h3{font-size:26px}.feature p:not(.label),.muted,.section-heading>p,.steps p,.faq details p{font-size:16px}.label,.eyebrow{font-size:12px}.feature,.plan{padding:40px}.plan h3{font-size:30px}.plan .muted,.plan ul{font-size:16px}.price{font-size:56px}.price span{font-size:15px}.plan-note{font-size:14px;max-width:1100px}.proof strong{font-size:25px}.proof span{font-size:14px}.downloads strong{font-size:17px}.downloads small{font-size:13px}.downloads>a{padding:24px}.steps h3{font-size:22px}.faq summary{font-size:17px}.faq-section h2{font-size:46px}.footer{font-size:14px}}
@media(max-width:1050px){.hero{min-height:650px}.hero-copy{max-width:470px}.hero-background{object-position:57% center}.hero-scene::after{background:linear-gradient(90deg,#050c14f2,#050c1480 50%,#050c1422),linear-gradient(0deg,#050c14,transparent 35%)}.scene-caption{font-size:8px;letter-spacing:1px}}
@media(max-width:720px){body::before{background:linear-gradient(#050c14db,#050c14e8),url('/mishka-comic-background.png') 73% top/auto 100vh no-repeat}.hero{min-height:820px;align-items:flex-end;padding-top:330px;padding-bottom:70px}.hero-copy{max-width:100%}.hero-background{height:600px;object-position:76% top;object-fit:cover}.hero-scene::after{background:linear-gradient(0deg,#050c14 0%,#050c14fa 20%,#050c14d9 40%,#050c1433 75%,#050c1411 100%)}.hero .lead{max-width:430px}.hero h1{font-size:56px}.hero .eyebrow{color:#5bddff}.scene-caption{bottom:22px;flex-direction:column;gap:5px;font-size:7px;letter-spacing:1.5px;align-items:flex-start}.proof{padding-inline:18px}.final-cta{padding:40px 25px}.final-cta::before{background:linear-gradient(90deg,#07131aeb,#07131ac9),url('/mishka-comic-background.png') 74% center/cover no-repeat}.final-cta h2{font-size:29px}.faq{padding-inline:18px}}
@media(max-width:360px){.hero h1{font-size:50px}.hero{padding-top:315px;min-height:850px}.hero-background{object-position:75% top}}
@media(max-width:720px){.brand-icon{width:46px;height:46px}.header{gap:12px}.hero h1{font-size:clamp(46px,10vw,64px)}.hero{min-height:0;padding-top:330px;padding-bottom:90px}.hero-copy{width:100%}.hero-background{width:100%}.scene-caption{bottom:25px}.downloads>a{min-height:64px}.faq summary{min-height:56px}.mobile-nav summary{min-height:44px;display:flex;align-items:center}.hero .text-link{min-height:44px}.proof{gap:24px 16px}}
@media(max-width:360px){.brand{gap:7px;font-size:22px}.brand-vpn{letter-spacing:1px}.hero h1{font-size:46px}.hero{padding-top:290px}.hero-background{height:550px}.proof strong{font-size:15px}.plan{padding:26px}.price{font-size:44px}}
@media(max-height:500px) and (max-width:1050px) and (orientation:landscape){.hero{min-height:540px;padding-top:60px;padding-bottom:80px}.hero-copy{max-width:440px}.hero h1{font-size:48px}.hero-background{height:100%;object-position:76% top}.hero-scene::after{background:linear-gradient(90deg,#050c14ef,#050c14b3 52%,#050c1433),linear-gradient(0deg,#050c14,transparent 50%)}.hero .lead{font-size:14px}.hero .eyebrow{margin-bottom:18px}.hero-platforms{margin-top:16px}}