/* style.css — consolidated stylesheet: one definition per selector, cascade resolved, dead and unused code removed. Verified rendering-neutral by computed-style diff. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:#050c26;color:#fff;font:15px/1.65 Inter,system-ui,sans-serif;width:100%;max-width:100%;overflow-x:clip}
a{color:inherit;text-decoration:none}
input{font:inherit}
button{font:inherit;cursor:pointer}
.section:nth-of-type(even){background:#071533}
.section h2{font-size:clamp(25px,3vw,39px);line-height:1.15;margin:5px 0 14px;letter-spacing:-.04em}
.section p{color:#d5e4ff;margin:0 0 14px;overflow-wrap:break-word}
.section h2 span{color:#23d7ff;font-style:normal}
.brand em{color:#23d7ff;font-style:normal}
.kicker{display:block;color:#28d8ff;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.center{text-align:center;max-width:760px;margin:0 auto 24px}
.center p{margin:auto}
.skip{position:absolute;top:-90px;z-index:100;background:white;color:black;padding:12px}
.skip:focus{top:0}
.site-header{position:sticky;top:0;z-index:40;background:rgba(2,9,33,.95);backdrop-filter:blur(18px);border-bottom:1px solid #234c8c;max-width:100%}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:8px;font-weight:900;line-height:1.03;font-size:18px;letter-spacing:-.05em;flex-shrink:0}
.brand img{object-fit:contain}
.nav{display:flex;align-items:center;gap:6px}
.nav a{padding:9px 14px;border-radius:25px;font-weight:700;font-size:12px}
.nav a:hover{background:linear-gradient(135deg,#43a7ff,#135ce7)}
.nav a.active{background:linear-gradient(135deg,#43a7ff,#135ce7)}
.search{border:1px solid #168cff;border-radius:30px;display:flex;align-items:center;max-width:205px;padding:2px 8px 2px 14px}
.search input{width:140px;background:none;border:0;color:#fff;outline:0;font-size:12px}
.search button{border:0;color:white;background:none;font-size:24px}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:560px;background:linear-gradient(90deg,rgba(0,6,25,.98) 0%,rgba(0,7,31,.88) 28%,rgba(0,7,31,.08) 67%),var(--hero) center 48%/cover no-repeat;display:flex;align-items:center;position:relative;border-bottom:3px solid #1c7dff}
.hero:after{content:"";position:absolute;bottom:-2px;width:100%;height:3px;background:linear-gradient(90deg,#15caff,#903aff,#ff4ee6,#1dceff);box-shadow:0 0 18px #1e9bff}
.hero-content{position:relative;z-index:1;padding:70px 0}
.eyebrow{display:inline-block;background:#063773;color:#e2f9ff;border:1px solid #1384f4;border-radius:30px;padding:4px 14px;font-weight:800;font-size:12px}
.hero h1{font-size:clamp(49px,6vw,92px);line-height:.93;letter-spacing:-.065em;margin:20px 0 12px;font-weight:900}
.hero h1 span{background:linear-gradient(90deg,#29f7ff,#3f9bff,#c13aff);background-clip:text;color:transparent}
.hero h2{max-width:550px;font-size:clamp(20px,2.4vw,30px);line-height:1.15;margin:0 0 14px}
.hero p{max-width:530px;color:#e7efff;line-height:1.55}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin:23px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 24px;border-radius:40px;color:#00132c;font-weight:900;box-shadow:0 5px 22px #04d0ff35;transition:transform .2s,filter .2s}
.btn:hover{transform:translateY(-3px);filter:brightness(1.1)}
.btn.green{background:linear-gradient(110deg,#65ff96,#0beaa0)}
.btn.purple{background:linear-gradient(110deg,#9a4bff,#6535ff);color:white}
.hero-meta{display:flex;flex-wrap:wrap;gap:17px;font-size:11px;font-weight:800;margin-top:18px}
.hero-note{position:absolute;right:5%;bottom:20%;font-size:24px;font-style:italic;font-weight:900;text-shadow:0 3px 10px #000;transform:rotate(-7deg)}
.about-band{background:#06142f!important}
.about-layout{display:grid;grid-template-columns:280px 1fr 1.2fr;gap:26px;align-items:center}
.about-image{border:2px solid #229aff;border-radius:13px;transform:rotate(-4deg);height:170px;width:100%;object-fit:cover}
.mini-features{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.mini-features div{background:linear-gradient(160deg,#0d245b,#03102d);border:1px solid #1a5db5;border-radius:12px;text-align:center;padding:18px 6px;font-weight:800;font-size:12px;line-height:1.4}
.mini-features b{display:block;font-size:40px;line-height:1.5;color:#20d8ff;text-shadow:0 0 15px #1d86ff}
.download-section{background:linear-gradient(180deg,#a1ddff 0%,#67bbfc 35%,#073467 100%)!important;color:#051542}
.download-section .center p{color:#12325e}
.download-section .dark{color:#2059c0}
.download-card{display:grid;gap:18px;align-items:center;background:linear-gradient(125deg,#082e76,#06132f);border:2px solid #2d9bff;border-radius:20px;padding:14px;color:#fff;box-shadow:0 10px 30px #07184b55;grid-template-columns:minmax(0,42%) minmax(0,1fr);min-width:0;height:100%}
.download-card>img{height:220px;width:100%;object-fit:cover;border-radius:14px}
.download-card h3{font-size:21px;line-height:1.1;margin:0 0 5px}
.download-card p{color:#b9dcff;font-size:13px}
.download-card ul{padding-left:19px;color:#d4f9e7;font-size:12px;line-height:1.8}
.download-card .btn{font-size:12px;min-height:40px;padding:9px 12px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}
.section-heading p{margin:0}
.pill-button{display:inline-flex;border:1px solid #19a6ff;background:#073b80;border-radius:25px;color:white;padding:9px 18px;font-weight:800;font-size:12px;white-space:nowrap}
.pill-button:hover{background:#146bd4}
.gallery-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-item{border:2px solid #1b82f3;border-radius:15px;overflow:hidden;padding:0;background:#071633;box-shadow:0 0 17px #1569fc33}
.gallery-item img{height:200px;width:100%;object-fit:cover;transition:transform .35s}
.gallery-item:hover img{transform:scale(1.06)}
.compare-wrap{max-width:1000px;margin:auto}
.compare{height:400px;position:relative;border:2px solid #178bfa;border-radius:18px;overflow:hidden}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare-overlay{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}
.compare-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:white;transform:translateX(-50%);display:grid;place-items:center}
.compare-line span{background:#4b1bd6;border:2px solid white;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:25px}
.compare-label{position:absolute;bottom:16px;padding:5px 14px;background:#020c27c9;border-radius:20px;font-weight:800}
.compare-label.left{left:15px}
.compare-label.right{right:15px}
#compare-range{width:100%;accent-color:#35d9ff;margin-top:12px}
.fine-print{font-size:11px;text-align:center}
.feature-grid{display:grid;gap:12px}
.feature{background:linear-gradient(160deg,#0c2555,#07102c);border:1px solid #1b66ca;border-radius:16px;padding:25px 14px;text-align:center;min-width:0;height:100%}
.feature-symbol{font-size:52px;color:#45e7ff;text-shadow:0 0 18px #216dff}
.feature h3{font-size:15px;line-height:1.2}
.feature p{font-size:12px}
.info-split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:linear-gradient(110deg,#061737,#063c7c);border:1px solid #1374db;border-radius:20px;padding:25px 35px}
.promo-grid img{height:250px;width:100%;object-fit:contain}
.info-split>img{width:100%;max-height:340px;object-fit:contain}
.info-split p{max-width:690px}
.check-list{padding-left:20px;color:#bfffe2}
.check-list li{margin:8px 0}
.chips{display:flex;gap:9px;flex-wrap:wrap}
.chips span{background:#103a7d;border:1px solid #277ce0;border-radius:20px;padding:5px 13px;font-size:12px}
.steps{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.steps article{background:linear-gradient(155deg,#0e2c66,#05132f);border:1px solid #1a72c8;border-radius:15px;padding:20px;min-width:0;height:100%}
.steps strong{font-size:31px;color:#22ddff}
.steps h3{margin:5px 0}
.steps p{font-size:13px}
.illustration-row{display:grid;gap:15px;margin-top:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.illustration-row img{width:100%;height:170px;object-fit:contain}
.editorial{max-width:1000px;text-align:center}
.wide-images{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;min-width:0}
.wide-images img{width:100%;height:260px;object-fit:cover;border-radius:15px;border:1px solid #2783ff}
.mood-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mood-grid article{border:1px solid #2267c5;border-radius:16px;overflow:hidden;background:#0a204c;min-width:0;height:100%}
.mood-grid img{height:210px;width:100%;object-fit:cover}
.mood-grid h3{margin:12px 17px}
.mood-grid p{margin:12px 17px;font-size:13px}
.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:40px}
.faq-layout>div>img{height:170px;object-fit:contain;margin:20px auto}
.faq-items details{border:1px solid #1e65c6;border-radius:10px;margin-bottom:10px;background:#0b2049}
.faq-items summary{padding:14px 18px;cursor:pointer;font-weight:800}
.faq-items details[open]{border-color:#31c9ff}
.faq-items p{padding:0 18px 15px;font-size:13px}
.final-cta{background:linear-gradient(90deg,#030b25 0%,#05132fdd 35%,#06163233 80%),var(--cta) center/cover!important;padding:75px 0}
.final-cta h2{font-size:clamp(28px,4vw,48px)}
.final-cta p{max-width:550px}
.footer{background:#020b21;border-top:3px solid #1266f0;max-width:100%}
.footer-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:30px 0}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid #18386d;font-size:11px;color:#9bb9e3;text-align:center}
.lightbox{position:fixed;inset:0;z-index:99;background:#020612f2;display:flex;align-items:center;justify-content:center;gap:10px;padding:35px}
.lightbox[hidden]{display:none}
.lightbox img{max-width:85vw;max-height:86vh;object-fit:contain;border:2px solid #338cff;border-radius:12px}
.lightbox button{background:#0d3e82;border:1px solid #319fff;border-radius:50%;color:white;font-size:32px;width:45px;height:45px}
.lightbox-close{position:absolute;right:20px;top:18px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media (max-width:1100px){
.about-layout{grid-template-columns:240px 1fr}
.mini-features{grid-column:1/-1}
.search{display:none}
.download-card>img{height:170px}
.hero-note{display:none}
}
@media (max-width:760px){
.section{padding:38px 0}
.menu-toggle{display:block}
.nav{display:none;position:absolute;top:73px;left:0;right:0;background:#04102f;padding:15px;flex-direction:column;align-items:stretch}
.nav.open{display:flex}
.hero{min-height:570px;background-position:58% center}
.hero-content{padding:55px 0}
.hero h1{font-size:53px}
.hero p{max-width:95%}
.about-layout{grid-template-columns:1fr}
.about-image{height:220px;transform:none}
.mini-features{grid-column:auto;grid-template-columns:repeat(2,1fr)}
.compare{height:250px}
.footer-top{grid-template-columns:1fr;justify-items:center;flex-direction:column;align-items:flex-start}
.footer-bottom{flex-direction:column;align-items:flex-start}
.section-heading{align-items:flex-start;flex-direction:column}
.download-card>img{height:200px}
}
@media (max-width:520px){
.download-card>img{height:220px}
.gallery-item img{height:180px}
.hero-meta{font-size:10px}
.illustration-row img{height:105px}
.footer nav{gap:10px}
.compare{height:210px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition:none!important;animation:none!important}
*:before{transition:none!important;animation:none!important}
*:after{transition:none!important;animation:none!important}
}
html{width:100%;max-width:100%;overflow-x:clip}
main{max-width:100%}
.section{position:relative;overflow:hidden;width:100%;padding-block:clamp(44px,4.2vw,68px);padding:clamp(46px,5vw,76px) 0}
.section .container>*{min-width:0}
.download-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.download-card>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.download-card .direct-download{margin-top:auto}
.download-status{min-height:1.2em;font-size:12px!important;margin:7px 0 0!important;color:#d6f7ff!important}
.feature-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.promo-grid{min-width:0}
.info-split{min-width:0}
.faq-layout{min-width:0}
img{display:block;max-width:100%;height:auto}
@media (max-width:1100px){
.download-card{grid-template-columns:1fr}
}
@media (max-width:760px){
.container{width:calc(100% - 28px)}
.section>.container{width:calc(100% - 28px)}
}
.seo-detail{margin-top:1rem;line-height:1.75;max-width:78ch}
.section-heading .seo-detail{max-width:88ch}
.center .seo-detail{max-width:88ch}
.footer nav{font-size:12px;font-weight:700;display:flex;gap:1.3rem;flex-wrap:wrap}
:root{--page-max:1200px;--page-gutter:clamp(18px,3.2vw,48px)}
.container{margin:auto;margin-inline:auto;width:calc(100% - (var(--page-gutter) * 2));max-width:var(--page-max);margin-left:auto;margin-right:auto;min-width:0}
.section>.container{width:calc(100% - (var(--page-gutter) * 2));max-width:var(--page-max);margin-left:auto;margin-right:auto;min-width:0}
.site-header .container{width:calc(100% - (var(--page-gutter) * 2));max-width:var(--page-max);margin-left:auto;margin-right:auto;min-width:0}
.footer .container{width:calc(100% - (var(--page-gutter) * 2));max-width:var(--page-max);margin-left:auto;margin-right:auto;min-width:0}
main>section{max-width:100%;width:100%;min-width:0}
.section .editorial{text-align:left}
.section .editorial>div{min-width:0;max-width:100%}
.section .section-heading>div{min-width:0;max-width:100%;flex:1 1 auto}
.section .editorial p{width:auto;max-width:100%;margin:0 0 18px;line-height:1.78;text-align:left}
.section .section-heading p{width:auto;max-width:100%;margin:0 0 18px;line-height:1.78;text-align:left}
.section .seo-detail{width:auto;max-width:100%;margin:0 0 18px;line-height:1.78;text-align:left}
.section .section-heading{align-items:flex-start}
.section .center{max-width:900px;margin-inline:auto;text-align:center}
.section .center p{text-align:center}
.section .wide-images{width:100%;min-width:0}
.section .info-split>div{min-width:0}
.section .promo-grid>div{min-width:0}
.section .faq-layout>div{min-width:0}
.section .info-split p{max-width:100%}
.section .promo-grid p{max-width:100%}
.section img{max-width:100%}
@media (max-width:1024px){
.site-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #227fe1;border-radius:10px;background:#0a2757;color:white;font-size:26px;position:relative;z-index:3}
.site-header .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:2;flex-direction:column;align-items:stretch;gap:4px;padding:14px var(--page-gutter);background:#04102f;border-bottom:1px solid #2479d9;box-shadow:0 18px 30px #0008}
.site-header .nav.open{display:flex}
.site-header .nav a{font-size:15px;padding:13px 16px;border-radius:9px}
.site-header .search{display:none}
.site-header .header-inner{position:relative;justify-content:space-between}
}
@media (max-width:760px){
.download-grid{grid-template-columns:minmax(0,1fr)}
.promo-grid{padding:20px;grid-template-columns:minmax(0,1fr)}
.info-split{grid-template-columns:minmax(0,1fr)}
.faq-layout{grid-template-columns:minmax(0,1fr)}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.section .section-heading{flex-direction:column;align-items:stretch}
.download-card{grid-template-columns:minmax(0,42%) minmax(0,1fr)}
}
@media (max-width:520px){
:root{--page-gutter:18px}
.download-card{grid-template-columns:minmax(0,1fr)}
.gallery-grid{grid-template-columns:minmax(0,1fr)}
.mood-grid{grid-template-columns:minmax(0,1fr)}
.wide-images{grid-template-columns:minmax(0,1fr)}
.steps{grid-template-columns:minmax(0,1fr)}
.feature-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero h1{font-size:clamp(37px,10vw,52px)}
.footer nav{row-gap:12px}
}
.footer-bottom a{color:inherit;text-decoration:none}
.footer-bottom a:hover{text-decoration:underline}
.back-top{position:fixed;right:18px;bottom:18px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid #319fff;background:#0d3e82;color:#fff;font-size:20px;display:none}
.back-top.show{display:block}