*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#051426;color:#f7fbff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{max-width:1180px;margin:auto;padding:0 24px}.nav{position:sticky;top:0;background:#04101ff5;border-bottom:1px solid #123655;z-index:10}.navin{height:76px;display:flex;align-items:center;gap:20px}.brand img{width:110px}.links{margin-left:auto;display:flex;gap:18px;align-items:center}.btn{display:inline-block;padding:12px 18px;border-radius:10px;background:#078fe8;border:1px solid #43caff;font-weight:800}.btn.alt{background:transparent}.hero,.pagehero{padding:76px 0;background:radial-gradient(circle at 75% 30%,#0aa9ff30,transparent 30%)}.hero-grid,.grid2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.eyebrow{color:#48d9ff;font-weight:800;letter-spacing:.14em}h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:12px 0}h2{font-size:clamp(30px,4vw,46px)}.lead{font-size:20px;color:#c8d8e6}.section{padding:68px 0}.alt{background:#081a2f}.card{background:#0a2542;border:1px solid #17527e;border-radius:18px;padding:26px}.price{font-size:40px;font-weight:900}.usd{color:#48d9ff;font-weight:800;font-size:13px}.list{list-style:none;padding:0}.list li{padding:7px 0;border-bottom:1px solid #ffffff12}.list li:before{content:'✓ ';color:#45d08c;font-weight:900}.shot{border:1px solid #1c5c8c;border-radius:18px}.center{text-align:center}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.footer{border-top:1px solid #123655;padding:40px 0;color:#abc1d4}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.mobile{display:none}@media(max-width:850px){.links{display:none}.mobile{display:block;margin-left:auto}.hero-grid,.grid2,.grid3,.foot{grid-template-columns:1fr}.wrap{padding:0 18px}}

/* ===== V2 HOMEPAGE POLISH ===== */
.navin{height:68px}
.brand{display:flex;align-items:center;height:68px}
.brand img{width:82px;max-height:58px;object-fit:contain}
.hero{padding:62px 0 64px}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:56px}
.hero-grid>div:first-child{max-width:690px}
.hero h1{font-size:clamp(42px,5.2vw,68px);max-width:680px;line-height:1.04;letter-spacing:-.035em}
.hero .lead{max-width:650px}
.hero-card{padding:30px 38px}
.hero-card img{width:82%;max-height:265px;object-fit:contain}
.hero-price{margin-top:18px;font-weight:800;color:#48d9ff;font-size:17px}
.brandline{text-align:center;margin:16px 0 0;font-weight:800;letter-spacing:.18em;color:#ccecff;font-size:13px}
.plans-intro{max-width:760px;margin:0 auto 30px;color:#c8d8e6;font-size:18px}
.grid3 .card{position:relative;transition:transform .18s ease,border-color .18s ease}
.grid3 .card:hover{transform:translateY(-4px);border-color:#48d9ff}
.grid3 .card:nth-child(2){border-color:#48d9ff;box-shadow:0 0 32px #00a8ff1b}
.grid3 .card:nth-child(2):before{content:"POPULAR";position:absolute;right:18px;top:18px;background:#0b91d9;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em}
.section:first-of-type + .section{padding-top:58px}
@media(max-width:850px){
 .navin,.brand{height:64px}.brand img{width:76px;max-height:54px}
 .hero{padding:42px 0 52px}.hero-grid{grid-template-columns:1fr;gap:28px}
 .hero-card{order:-1;padding:22px}.hero-card img{width:70%;max-height:220px}
 .hero h1{font-size:42px}
}

/* ===== V3 ===== */
.hero-grid{grid-template-columns:1.18fr .82fr;gap:46px}
.hero-grid>div:first-child{max-width:780px}
.hero h1{font-size:clamp(40px,4.55vw,62px);max-width:780px;white-space:normal}
.hero-card{max-width:610px;justify-self:end;padding:26px 34px}
.hero-card img{width:76%;max-height:245px}
.brandline{font-size:12px;letter-spacing:.16em}
.home-plans .grid3{align-items:stretch}
.home-plans .card{padding:30px;display:flex;flex-direction:column}
.home-plans .card .btn{margin-top:auto;text-align:center}
.home-plans .card:nth-child(2){transform:translateY(-8px)}
.home-plans .card:nth-child(2):hover{transform:translateY(-12px)}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.feature-pill{padding:20px 14px;border:1px solid #17527e;border-radius:14px;background:#071d34;text-align:center}
.feature-pill b{display:block;color:#48d9ff;font-size:18px;margin-bottom:4px}
.device-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.device-row span{border:1px solid #1c5c8c;background:#071d34;border-radius:999px;padding:8px 13px;font-weight:700}
.upgrade-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}
.upgrade-price{font-size:54px;font-weight:900;line-height:1}
.final-cta{padding:76px 0;background:radial-gradient(circle at 50% 50%,#0a9cff30,transparent 42%),#07182c}
.final-cta h2{margin-bottom:8px}
@media(max-width:900px){.feature-strip{grid-template-columns:1fr 1fr}.upgrade-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-card{justify-self:stretch;max-width:none}.hero h1{font-size:42px}.home-plans .card:nth-child(2){transform:none}}

/* V4 Desktop audio feature */
.feature-strip.five{grid-template-columns:repeat(5,1fr)}
.desktop-callout{margin-top:18px;padding:20px 22px;border-left:4px solid #48d9ff;background:#071d34;border-radius:10px}
.desktop-callout h3{margin:0 0 6px;color:#48d9ff}
.desktop-callout p{margin:0;color:#c8d8e6}
@media(max-width:1100px){.feature-strip.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.feature-strip.five{grid-template-columns:1fr 1fr}}

/* ===== V5 PRICING SALES PAGE ===== */
.pricing-hero{padding-bottom:48px}
.pricing-note{display:inline-block;margin-top:14px;padding:7px 12px;border:1px solid #1c5c8c;border-radius:999px;color:#bfeaff;background:#071d34;font-weight:700}
.pricing-cards{align-items:stretch}
.pricing-cards .card{display:flex;flex-direction:column;position:relative;padding:30px}
.pricing-cards .card .btn{margin-top:auto;text-align:center}
.pricing-cards .advanced{border-color:#48d9ff;box-shadow:0 0 38px #00a8ff24;transform:translateY(-8px)}
.popular-badge{position:absolute;right:18px;top:18px;background:#0b91d9;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em}
.compare-wrap{overflow-x:auto;border:1px solid #17527e;border-radius:18px;background:#071d34}
.compare{width:100%;border-collapse:collapse;min-width:760px}
.compare th,.compare td{padding:16px 18px;border-bottom:1px solid #ffffff12;text-align:center}
.compare th:first-child,.compare td:first-child{text-align:left}
.compare thead th{background:#0a2542;color:#48d9ff}
.compare .yes{color:#45d08c;font-weight:900}
.compare .no{color:#6e8293}
.upgrade-card{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.upgrade-card .big{font-size:56px;font-weight:900;line-height:1}
.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.coming-grid .card{min-height:170px}
.coming{display:inline-block;color:#48d9ff;font-size:12px;font-weight:900;letter-spacing:.1em;margin-bottom:8px}
.billing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.billing-grid .card{text-align:center}
.pricing-cta{padding:76px 0;background:radial-gradient(circle at 50% 50%,#0a9cff30,transparent 42%),#07182c}
@media(max-width:900px){
 .pricing-cards .advanced{transform:none}
 .upgrade-card,.coming-grid,.billing-grid{grid-template-columns:1fr}
}

/* ===== V7 STUDIO PAGE ===== */
.studio-hero-shot{margin-top:34px;max-width:1050px;margin-left:auto;margin-right:auto}
.studio-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.control-card{background:#071d34;border:1px solid #17527e;border-radius:18px;padding:28px}
.control-card h3{color:#48d9ff;font-size:24px}
.control-label{display:inline-block;background:#0b91d9;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:900;letter-spacing:.08em}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
.workflow .card{position:relative;padding-top:58px}
.workflow .card:before{counter-increment:step;content:counter(step);position:absolute;top:18px;left:22px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#078fe8;font-weight:900}
.studio-admin{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:900px){.studio-controls,.workflow,.studio-admin{grid-template-columns:1fr}}

/* ===== V8 STUDIO GUIDE ALIGNMENT ===== */
.guide-bar{margin:28px auto 0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.studio-map{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.studio-map .card{padding:20px}
.studio-map h3{color:#48d9ff;margin-top:0}
.transport-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.transport-grid .card{text-align:center;padding:20px}
.meter{height:180px;display:flex;gap:18px;align-items:flex-end;justify-content:center}
.meter span{width:36px;border-radius:8px 8px 2px 2px;background:linear-gradient(to top,#45d08c 0 68%,#f0c54a 68% 87%,#ef5a5a 87% 100%)}
.meter span:first-child{height:82%}.meter span:last-child{height:67%}
.guide-workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:guide}
.guide-workflow .card{position:relative;padding-top:56px}
.guide-workflow .card:before{counter-increment:guide;content:counter(guide);position:absolute;top:17px;left:20px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#078fe8;font-weight:900}
@media(max-width:1000px){.studio-map,.transport-grid,.guide-workflow{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.studio-map,.transport-grid,.guide-workflow{grid-template-columns:1fr}}

/* ===== V9 HOW IT WORKS ===== */
.journey{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:journey}
.journey .card{position:relative;padding:58px 18px 22px;min-height:220px}
.journey .card:before{counter-increment:journey;content:counter(journey);position:absolute;top:18px;left:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#078fe8;font-weight:900}
.journey h3{color:#48d9ff}
.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.station-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.station-fields span{background:#071d34;border:1px solid #17527e;border-radius:10px;padding:10px 12px}
.listen-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}
.arrow{font-size:46px;color:#48d9ff;font-weight:900}
@media(max-width:1100px){.journey{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.journey,.signup-grid,.station-fields,.listen-flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}}

/* ===== V10 SUPPORT + ABOUT ===== */
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.support-grid .card{min-height:190px}
.help-link{display:inline-block;margin-top:10px;color:#48d9ff;font-weight:800}
.faq{max-width:920px;margin:auto}
.faq details{background:#071d34;border:1px solid #17527e;border-radius:12px;margin:10px 0;padding:16px 18px}
.faq summary{cursor:pointer;font-weight:800;color:#f7fbff}
.faq details p{color:#c8d8e6}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.timeline .card{position:relative}
.timeline .year{color:#48d9ff;font-size:28px;font-weight:900}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:850px){.support-grid,.timeline,.about-values{grid-template-columns:1fr}}

/* ===== V11 CONTACT + LEGAL ===== */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-grid .card{text-align:center;min-height:210px}
.legal{max-width:920px;margin:auto}
.legal h2{margin-top:42px;font-size:30px}
.legal h3{margin-top:28px;color:#48d9ff}
.legal p,.legal li{color:#c8d8e6}
.legal ul{padding-left:22px}
.legal-note{border-left:4px solid #48d9ff;background:#071d34;border-radius:10px;padding:18px 20px;margin:22px 0}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr}}

/* ===== V12 TECHNICAL / ACCESSIBILITY ===== */
:focus-visible{outline:3px solid #48d9ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
img{height:auto}

/* ===== V13 SEARCH / INDEXING ===== */
.breadcrumbs{font-size:13px;color:#9fb9ce;padding:16px 0 0}
.breadcrumbs a{color:#48d9ff}
.seo-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.seo-links .card{padding:20px}
@media(max-width:800px){.seo-links{grid-template-columns:1fr}}