*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#000910;color:#f6f7fc;font-family:Arial,Helvetica,sans-serif;font-size:14px}main{max-width:1280px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 95% 25%,#00305255,transparent 30%),radial-gradient(ellipse at 5% 35%,#00355244,transparent 25%),#000910}button,a{font:inherit}button,.button{color:inherit;border:1px solid #087da5;border-radius:13px;background:#00111ed9;padding:13px 22px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.2s}button:hover,.button:hover{filter:brightness(1.2);transform:translateY(-1px)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #03dcf7;outline-offset:4px}.primary{background:linear-gradient(110deg,#0cdded,#1da9f4 50%,#9854ff);border:0;box-shadow:0 0 22px #00bdf64d;font-weight:600}.brand{font-size:26px;font-weight:bold;display:flex;align-items:center;gap:6px;white-space:nowrap}.brand img{width:50px}header{position:relative;z-index:2;display:flex;align-items:center;gap:15px;height:82px;padding:0 4%;font-size:12px}header nav{display:flex;justify-content:space-evenly;flex:1;gap:18px}header button{padding:13px 19px;white-space:nowrap}.language{border:0;background:none;padding:5px;color:#a7b2c9}h1,h2,h3,h4,p{margin:0}h2{font-size:27px;line-height:1.25}h3{font-size:19px}p{line-height:1.45;color:#d2d9e8}span:not(.device span){ }h1 span,.join h2 span{color:#00d8f1}.hero{height:450px;position:relative;padding:48px 5% 0}.hero-art{position:absolute;right:0;top:0;width:65%;height:100%;background:url('assets/hero.webp') right center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,black 23%)}.hero-copy{position:relative;z-index:1}.eyebrow{color:#05d6ff;font-size:14px;letter-spacing:1.5px;margin-bottom:10px}h1{font-size:66px;letter-spacing:-2px;line-height:1.08;margin-bottom:12px}.lead{font-size:22px}.actions{display:flex;gap:19px;margin-top:30px}.actions button,.actions .button{min-width:205px;padding:18px 24px;font-size:15px}.video{border-radius:24px;background:#00101c77}.hero-perks{display:flex;gap:22px;margin-top:33px;font-size:12px}.hero-perks>div{display:flex;align-items:center;line-height:1.4}.hero-perks i{margin-right:9px}.hero-perks i,.steps i{font-style:normal;border-radius:50%;background:linear-gradient(140deg,#004269,#00132b);color:#00dfff;border:1px solid #064268;display:flex;align-items:center;justify-content:center;width:47px;height:47px;font-size:34px}.panel{border:1px solid #08618b;border-radius:22px;background:linear-gradient(130deg,#00111ee6,#000910dc)}.downloads{position:relative;margin:0 4.5%;padding:24px 26px;box-shadow:0 0 25px #02699d22}.downloads h2{margin-bottom:22px}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.device{padding:18px;justify-content:flex-start;gap:18px;background:linear-gradient(120deg,#001d32,#00101c);border-color:#075073;border-radius:15px}.device b{font-size:45px;line-height:1;color:#cfddfa}.device .android{color:#90e65d}.device .windows{color:#00d8ff}.device span{text-align:left}.device strong{display:block;font-size:15px}.device small{display:block;color:#aab8cd;margin-top:6px;font-size:12px}.device em{font-style:normal;color:#00dfff;margin-left:auto}.device.soon{border-color:#142a3b}.device.soon em{color:#526c83}.features{padding:33px 5% 18px}.features>h2{text-align:center;margin-bottom:26px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.feature-grid i{display:block;font-style:normal;color:#00d9ff;font-size:52px;line-height:1.1;text-shadow:0 0 25px #00aaff;margin-bottom:15px}.feature-grid p{font-size:16px;margin-top:10px}.plans{margin:0 2%;padding:25px 13px 18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.plans .section-head{padding:0 18px 27px}.section-head p{margin-top:7px;font-size:15px}.billing{display:flex;background:#071827;border:1px solid #10334a;padding:4px;border-radius:28px;white-space:nowrap}.billing button{border:0;background:none;padding:12px 24px;border-radius:25px}.billing .active{background:linear-gradient(110deg,#02dce7,#7963ff);color:#001528}.billing mark{margin-left:12px;border-radius:20px;background:#ffc456;padding:5px;color:#5a3000;font-size:12px;box-shadow:0 0 12px #ffb93d88}.plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.plan{border:1px solid #075578;border-radius:17px;overflow:hidden;background:linear-gradient(#00121c88,#00111c);display:flex;flex-direction:column;position:relative;min-height:447px}.plan.featured{border-color:#00cbf1;box-shadow:0 0 17px #00c8ff44;transform:translateY(-9px);margin-bottom:-9px}.plan img{width:100%;height:126px;object-fit:cover}.plan-body{padding:12px 16px;display:flex;flex:1;flex-direction:column}.plan h3{font-size:20px;margin-bottom:12px;color:var(--accent)}.plan .price{font-size:16px;white-space:nowrap;color:#f3f4ff}.price b{font-size:30px}.price small{font-size:12px}.plan ul{padding:0;list-style:none;margin:22px 0;line-height:1.4;font-size:14px;color:#d4dfed}.plan li{padding-left:22px;position:relative;margin-bottom:7px}.plan li:before{content:'✓';color:var(--accent);position:absolute;left:0;font-weight:bold;font-size:18px}.plan button{margin-top:auto;font-size:14px;padding:12px 6px;border-radius:10px;width:100%}.plan.featured button{padding:20px 6px}.discount{position:absolute;top:7px;right:7px;background:linear-gradient(100deg,#ffe45c,#ff4c60);color:#171323;border-radius:20px;padding:6px 13px;font-size:12px}.how{padding:29px 5% 35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}.steps article{display:flex;align-items:center;gap:9px}.steps b{border-radius:50%;background:linear-gradient(#0877bd,#092544);padding:3px 8px;font-size:22px;border:1px solid #235c9e}.steps i{width:62px;height:62px;flex-shrink:0;font-size:44px}.steps h4{font-size:12px;margin-bottom:8px}.steps p{font-size:12px}.join{margin:0 2%;min-height:223px;background:linear-gradient(90deg,transparent 30%,#00111a 55%),url('assets/banner.webp') left center/56% 100% no-repeat;display:flex;align-items:center;justify-content:flex-end;padding:28px 5%}.join>div{width:48%}.join h2{font-size:27px}.join .eyebrow{font-size:13px}.join p{margin-top:7px;font-size:16px}.join .actions{margin-top:22px}.join .actions>*{min-width:0;padding:16px 26px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 5% 56px;gap:28px}.stats>div{display:flex;align-items:center;gap:22px}.stats i{font-style:normal;font-size:50px;color:#00d4ff;text-shadow:0 0 22px #00baff}.stats b{font-size:26px;color:white}.stats small{display:block;font-size:12px;margin-top:5px}.reviews{padding:0 4%}.review-action{text-align:right}.review-action small{display:block;color:#8a9aae;font-size:10px;margin-top:15px}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.review{background:linear-gradient(140deg,#001624,#00101c);border:1px solid #073c57;border-radius:15px;padding:18px 20px;min-height:280px;display:flex;flex-direction:column}.review-top{display:flex;gap:13px;align-items:center}.avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;font-size:24px;color:#0b145a;background:linear-gradient(130deg,#229cff,#ab5bff);box-shadow:0 0 16px #357eff55}.review-top strong{font-size:13px}.stars{color:#ffbf1f;margin-top:7px;letter-spacing:1px}.review time{font-size:10px;margin-left:auto;align-self:flex-end;color:#91a3b9}.review>p{font-size:16px;line-height:1.4;margin-top:23px}.review-bottom{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between}.like{padding:0;border:0;background:none;color:#c5dcf3}.dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dots button{border:0;width:9px;height:9px;padding:0;border-radius:10px;background:#294760}.dots .active{width:16px;background:#00e0ef;box-shadow:0 0 12px #00d8ff}footer{height:105px;background:url('assets/bottom.webp') bottom/cover no-repeat}dialog{border:1px solid #068eb4;border-radius:22px;padding:36px;background:#001523;color:white;width:min(440px,90vw);box-shadow:0 0 70px #00baff33}dialog::backdrop{background:#000b15cc;backdrop-filter:blur(8px)}.close{position:absolute;right:12px;top:8px;border:0;background:none;padding:5px;font-size:25px}dialog h2{margin-bottom:15px}dialog p{margin-bottom:20px}dialog label{display:block;margin:15px 0;color:#bbcddd}dialog input{width:100%;padding:14px;margin-top:8px;border:1px solid #12627e;border-radius:9px;background:#000e19;color:white}dialog .primary{width:100%}.notice{font-size:12px;color:#91aabd;margin-top:18px}
@media(min-width:1000px){main{font-size:16px}}@media(max-width:1000px) and (min-width:701px){header{height:59px;gap:10px;font-size:9px}.brand{font-size:20px}.brand img{width:37px}header nav{gap:12px}header button{padding:10px 15px}.hero{height:299px;padding-top:30px}h1{font-size:46px}.lead{font-size:16px}.eyebrow{font-size:11px}.actions{margin-top:21px;gap:13px}.actions button,.actions .button{min-width:157px;padding:13px 18px;font-size:11px}.hero-perks{gap:16px;margin-top:26px;font-size:10px}.hero-perks i{width:34px;height:34px;font-size:27px}h2{font-size:20px}.downloads{padding:17px 18px}.downloads h2{margin-bottom:17px}.device-grid{gap:12px}.device{padding:12px;gap:12px}.device b{font-size:34px}.device strong{font-size:11px}.device small{font-size:9px}.features{padding-top:23px}.features>h2{margin-bottom:18px}.feature-grid{gap:22px}.feature-grid i{font-size:40px;margin-bottom:10px}.feature-grid h3{font-size:14px}.feature-grid p{font-size:12px;margin-top:7px}.plans{padding-top:16px}.plans .section-head{padding:0 9px 20px}.section-head p{font-size:12px}.billing button{font-size:10px;padding:9px 18px}.billing mark{font-size:9px}.plan{min-height:303px}.plan img{height:85px}.plan-body{padding:9px 12px}.plan h3{font-size:14px;margin-bottom:9px}.plan .price{font-size:12px}.price b{font-size:22px}.price small{font-size:10px}.plan ul{font-size:10px;margin:16px 0}.plan li{padding-left:18px;margin-bottom:4px}.plan li:before{font-size:14px}.plan button{font-size:10px;padding:9px 3px}.plan.featured button{padding:14px 3px}.discount{font-size:9px;padding:5px 10px}.how{padding:20px 5% 25px}.steps{gap:9px;margin-top:20px}.steps article{gap:7px}.steps b{font-size:16px;padding:3px 6px}.steps i{width:43px;height:43px;font-size:32px}.steps h4{font-size:9px;margin-bottom:6px}.steps p{font-size:9px}.join{min-height:152px;padding:18px 4%}.join>div{width:47%}.join h2{font-size:20px}.join .eyebrow{font-size:10px}.join p{font-size:12px}.join .actions{margin-top:15px}.join .actions>*{padding:12px 21px;font-size:10px}.stats{padding:23px 5% 43px;gap:20px}.stats>div{gap:16px}.stats i{font-size:36px}.stats b{font-size:19px}.stats small{font-size:9px}.review-action button{font-size:10px;padding:10px 15px}.review-action small{font-size:8px;margin-top:11px}.review-grid{gap:11px;margin-top:21px}.review{padding:13px 14px;min-height:190px;border-radius:11px}.review-top{gap:10px}.avatar{width:34px;height:34px;font-size:18px}.review-top strong{font-size:10px}.stars{font-size:12px;margin-top:5px}.review time{font-size:8px}.review>p{font-size:12px;margin-top:17px}.review-bottom{padding-top:24px;font-size:10px}footer{height:92px}}
@media(max-width:700px){header{height:74px;padding:0 5%;gap:10px}.brand{font-size:22px}.brand img{width:40px}header nav,.language,header>button:last-child{display:none}header>button{margin-left:auto}.hero{height:620px;padding-top:24px}.hero-art{top:225px;width:100%;height:395px;mask-image:linear-gradient(180deg,transparent,black 23%);background-position:center}.hero-copy h1{font-size:46px}.lead{font-size:16px}.hero-perks{position:absolute;top:480px;gap:12px;flex-wrap:wrap;font-size:10px}.hero-perks i{width:30px;height:30px;font-size:24px}.actions{gap:10px;margin-top:22px}.actions button,.actions .button{min-width:0;padding:15px 18px;font-size:12px}h2{font-size:23px}.downloads{padding:20px;margin:0 4%}.device-grid{grid-template-columns:1fr 1fr;gap:12px}.device{padding:14px 10px;gap:10px}.device b{font-size:30px}.device strong{font-size:12px}.device small{font-size:10px}.features{padding:35px 6%}.feature-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.feature-grid h3{font-size:16px}.feature-grid p{font-size:13px}.feature-grid i{font-size:42px}.section-head{align-items:flex-start;flex-direction:column}.plans{margin:0 4%;padding:22px 14px}.plans .section-head{padding:0 2px 25px}.section-head p{font-size:14px}.billing button{font-size:13px}.plan-grid{grid-template-columns:1fr 1fr;gap:15px}.plan{min-height:390px}.plan img{height:95px}.plan-body{padding:14px 10px}.plan h3{font-size:18px}.price b{font-size:25px}.plan .price{font-size:12px}.price small{font-size:9px}.plan ul{font-size:12px}.plan.featured{transform:none;margin:0}.plan:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.discount{font-size:9px;padding:5px 9px}.how{padding:32px 6%}.steps{grid-template-columns:1fr;gap:22px}.steps h4{font-size:14px}.steps p{font-size:12px}.steps p br{display:none}.steps article{gap:14px}.join{margin:0 4%;background:linear-gradient(0deg,#00111a 40%,transparent),url('assets/banner.webp') top left/auto 230px no-repeat;padding:210px 22px 26px}.join>div{width:100%}.join h2{font-size:25px}.join p{font-size:14px}.join .actions>*{padding:14px 16px;font-size:12px}.stats{grid-template-columns:1fr 1fr;padding:32px 6% 40px;gap:25px 15px}.stats>div{gap:12px}.stats i{font-size:36px}.stats b{font-size:23px}.stats small{font-size:10px}.reviews{padding:0 5%}.review-action{text-align:left}.review-grid{grid-template-columns:1fr 1fr;gap:12px}.review{padding:14px 12px;min-height:270px}.review>p{font-size:13px}.review-top{gap:8px;flex-wrap:wrap}.avatar{width:35px;height:35px;font-size:20px}.review-top strong{font-size:12px}.stars{font-size:12px}.review time{font-size:9px}.review-action small{margin-top:9px}footer{height:100px}}
.device b img{width:46px;height:52px;object-fit:contain;display:block}.feature-grid i img{height:70px;width:72px;object-fit:contain}.steps i img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-perks i img{width:100%;height:100%;object-fit:cover;border-radius:50%}.stats i img{width:52px;height:55px;object-fit:contain}.hero-art{mask-image:linear-gradient(90deg,transparent,black 25%)}@media(max-width:1000px){.device b img{width:36px;height:39px}.feature-grid i img{height:52px;width:55px}.stats i img{width:40px;height:42px}}
/* Full-resolution ocean scenery begins at the lower edge of the planet hero. */
.image-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ocean-content{position:relative;isolation:isolate;padding-top:1px;background:#000a15}
.ocean-content::before,.ocean-content::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-position:center top;background-repeat:no-repeat}
.ocean-content::before{background-image:linear-gradient(180deg,#000a1512,#000a1540 55%,#000a15),url('assets/ocean-nebula.png');background-size:100% 100%,100% auto;filter:saturate(1.16) contrast(1.04)}
.ocean-content::after{top:43%;z-index:-1;background-image:linear-gradient(180deg,#000a1500,#000a1520),url('assets/ocean-waves.png');background-size:100% 100%,cover;background-position:center bottom;mask-image:linear-gradient(180deg,transparent,#000 24%);filter:saturate(1.14) contrast(1.04)}
.hero-art{filter:url('#art-sharpen') saturate(1.32) contrast(1.09) brightness(1.06)}
.plan img{filter:url('#art-sharpen') saturate(1.35) contrast(1.12) brightness(1.07)}
.ocean-content .downloads{background:linear-gradient(130deg,#00111ee8,#000910d6)}
.ocean-content .plans{background:linear-gradient(130deg,#00111edb,#000910ca)}
.ocean-content .review{background:linear-gradient(140deg,#001624e8,#00101cdb)}
.ocean-content footer{background:none}
@media(max-width:700px){.ocean-content::before{background-size:100% 100%,auto 950px}.ocean-content::after{top:40%;background-size:100% 100%,auto 100%;background-position:center bottom}}
/* Full site pages */
.menu-toggle{display:none}header nav a{padding:12px 0}header nav a.current{box-shadow:0 2px #00daff;color:white;text-shadow:0 0 12px #00daff}.subhero{height:365px;position:relative;padding:45px 5%}.subhero>.hero-art{width:100%;mask-image:linear-gradient(90deg,transparent 15%,black 60%);background-size:auto 520px;background-position:right 38%;opacity:.95}.subhero>div:last-child{position:relative;z-index:1}.subhero h1{font-size:48px;max-width:780px;line-height:1.08;margin-bottom:22px}.subhero h1 span{background:linear-gradient(100deg,#79ffff,#00d9ef,#9da6ff);background-clip:text;color:transparent}.subhero .lead{font-size:19px;max-width:650px;line-height:1.55}.page-content{padding:0 3% 25px;position:relative;background:linear-gradient(#00091066,#000910bb),url('assets/ocean-nebula.png') center top/100% auto no-repeat}.page-content>h2{margin:24px 10px 16px}.page-content>.panel,.page-content>.two-col,.page-content>.platform-tabs{margin-bottom:16px}.page-content>.plans{margin:0 0 20px;padding:24px 14px}.visual-card{position:relative;min-height:255px;overflow:hidden;padding:28px;display:flex;align-items:center}.card-art{position:absolute;inset:0 0 0 auto;height:100%;width:53%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,black 28%);filter:saturate(1.18) contrast(1.04)}.visual-card>div{position:relative;width:58%}.visual-card p{font-size:17px;margin:12px 0 20px}.visual-card h2{font-size:28px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two-col .visual-card.tall{min-height:360px;align-items:flex-start}.tall .card-art{width:61%;mask-image:linear-gradient(90deg,transparent,black 65%)}.tall>div{width:77%}.tall p{max-width:310px}.checks{padding:0;list-style:none;line-height:2.7;margin:15px 0}.checks li:before{content:'✓';color:#00e2e8;margin-right:16px}.service-tags{display:flex;flex-wrap:wrap;gap:10px}.service-tags span{border:1px solid #04506c;border-radius:12px;background:#001725dd;padding:12px;font-size:13px}.page-content .join{margin:18px 0 0}.platform-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 20px}.platform{padding:20px 18px;justify-content:flex-start;text-align:left;gap:18px;min-height:110px}.platform img{width:48px;height:55px;object-fit:contain}.platform strong{display:block;font-size:21px}.platform small{display:block;font-size:13px;color:#c0c9dd;margin-top:8px}.platform.active{border-color:#00dfff;box-shadow:0 0 15px #00dfff33,2px 0 4px #a65aff}.guide{padding:25px 18px}.guide .section-head{padding:0 8px 25px}.guide-layout{display:grid;grid-template-columns:240px 1fr 30%;min-height:390px;gap:25px}.guide-steps{border-right:1px solid #12445a;padding-right:20px;display:flex;flex-direction:column;gap:10px}.guide-steps button{border:0;justify-content:flex-start;gap:14px;padding:8px;background:transparent;text-align:left;font-size:14px}.guide-steps b{border:1px solid #00577d;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;background:#002743;font-weight:normal;flex-shrink:0}.guide-steps .active{background:linear-gradient(110deg,#004f92,#101341);box-shadow:0 0 12px #00baff33}.guide-steps .active b{background:linear-gradient(100deg,#00e6ef,#7962ff);color:#00132d}#step-content{padding:15px 0}#step-content p{font-size:16px;margin:18px 0}#step-content h2{font-size:25px}.guide-phone{width:100%;height:100%;max-height:390px;object-fit:cover;border-radius:16px;mask-image:linear-gradient(90deg,transparent,black 15%)}.step-controls{display:flex;gap:12px;margin-top:30px}.step-controls button{padding:12px;font-size:12px}.text-panel{padding:25px}.text-panel h2{margin-bottom:20px;font-size:24px}.text-panel p{margin:12px 0 22px}.article-link{display:block;padding:14px 12px;margin:7px 0;border-radius:11px;background:#031d2caa;color:#d3e9fa;font-size:14px}.article-link:hover{background:#073653}.faq-list{display:grid;gap:9px;margin:18px 0 24px}details{border:1px solid #094c67;border-radius:12px;background:#001622b8;margin:9px 0;overflow:hidden}summary{cursor:pointer;padding:16px 18px;list-style:none;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}summary:after{content:'⌄';color:#00dfff;font-size:20px}details[open] summary:after{transform:rotate(180deg)}details p{padding:0 18px 18px!important;margin:0!important;font-size:14px;line-height:1.6}details .article-link{margin:0 18px 15px}.comparison{padding:25px;margin-top:22px}.comparison h2{margin-bottom:20px}.table-scroll{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:5px;min-width:650px}th,td{padding:18px 12px;text-align:center;background:#02243688;border-radius:6px;font-size:14px}th:first-child{text-align:left}thead th{background:linear-gradient(#003851,#001727);color:#00e4f4}.review-filters{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.review-filters .active,.pagination .active{background:linear-gradient(110deg,#00d9ee,#9d4fff);border-color:transparent}.review-filters select{margin-left:auto;background:#001522;color:white;border:1px solid #066883;border-radius:12px;padding:12px}.review-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:16px}.long-review{margin-bottom:12px;min-height:0;padding:24px}.long-review .review-top strong{font-size:17px}.long-review>p{margin-top:12px}.long-review .review-bottom{padding-top:18px}.review-meta{font-size:12px;color:#aebad0;margin-top:8px}.plan-tag{margin-left:auto;padding:9px 12px;border:1px solid #075367;border-radius:20px;color:#00e1e9;font-size:12px}.review-layout aside .panel{margin-bottom:16px}.review-layout aside button{width:100%;margin:8px 0}.rating{font-size:45px;color:white}.rating small{font-size:25px;color:#b5bad0}.rating-row{display:flex;align-items:center;gap:12px;font-size:13px;margin:15px 0}.rating-row meter{flex:1;height:14px}.rating-row meter::-webkit-meter-bar{background:#152238;border:0}.rating-row meter::-webkit-meter-optimum-value{background:#ffc147}.pagination{display:flex;justify-content:center;gap:10px;margin:25px}.pagination button{padding:12px 17px}.demo-note{font-size:12px;color:#91a9bf;padding:12px 4px}.support-content{padding-top:1px}.support-search{display:flex;gap:10px;margin:-65px 2% 35px;position:relative;max-width:760px;border:1px solid #05b6e1;border-radius:16px;padding:5px;background:#001423eb;backdrop-filter:blur(10px)}.support-search input{flex:1;min-width:0;padding:13px 20px;background:transparent;border:0;color:white;font:inherit;outline-offset:2px}.support-search button{min-width:130px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.category{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px 17px;min-height:150px}.category>span{font-size:34px;color:#00dfff;margin-bottom:12px}.category strong{font-size:16px;line-height:1.4}.category small{font-size:11px;color:#afc3d7;margin-top:14px}.category.active{border-color:#00ddff;box-shadow:0 0 12px #00dfff44}.contact-heading{margin-top:32px}.site-footer{height:auto;min-height:190px;padding:35px 5%;border-top:1px solid #06334a;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:#000912!important}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;width:100%;font-size:13px;color:#a6bed3}.site-footer p,.site-footer small{color:#6f8fa8;font-size:12px}.download-detail{min-height:220px}.download-detail>.button{margin:10px}.download-detail>button{margin:10px 10px 10px 0}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,1fr)}.platform{padding:15px 12px;gap:10px}.platform strong{font-size:17px}.platform img{width:35px;height:42px}.guide-layout{grid-template-columns:190px 1fr}.guide-phone{display:none}.subhero h1{font-size:44px}.review-layout{grid-template-columns:1.8fr 1fr}.plan-tag{font-size:10px;padding:7px}.long-review .review-top{flex-wrap:wrap}}
@media(max-width:700px){header .menu-toggle{display:flex;margin-left:auto;padding:9px 12px}header>button[data-action=login]{margin-left:0}header{flex-wrap:wrap;height:auto;min-height:74px}header.menu-open nav{display:flex;position:absolute;left:0;right:0;top:74px;background:#001220f5;flex-direction:column;padding:16px 6%;z-index:10;box-shadow:0 15px 25px #0008}header nav a{padding:10px}.subhero{height:390px;padding:32px 6%}.subhero .hero-art{height:100%;top:0;mask-image:linear-gradient(90deg,transparent,black);background-position:70% center;opacity:.5}.subhero h1{font-size:36px;letter-spacing:-1px}.subhero .lead{font-size:16px}.subhero .eyebrow{font-size:11px}.page-content{padding:0 4% 22px}.visual-card{padding:24px;min-height:330px;align-items:flex-start}.visual-card>div,.tall>div{width:100%}.visual-card p{font-size:15px;max-width:90%}.visual-card h2{font-size:24px}.visual-card .card-art{width:100%;opacity:.43;mask-image:linear-gradient(180deg,transparent,black 60%)}.two-col{grid-template-columns:1fr}.two-col .visual-card.tall{min-height:340px}.platform-tabs{grid-template-columns:1fr 1fr;gap:10px}.platform{min-height:92px;padding:14px 10px}.platform strong{font-size:16px}.platform small{font-size:11px}.platform img{width:30px}.guide{padding:22px 14px}.guide-layout{display:flex;flex-direction:column;gap:16px}.guide-steps{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #12445a;padding:0 0 12px}.guide-steps button{min-width:155px;font-size:12px;gap:8px}.guide-steps b{width:30px;height:30px}.guide .section-head{padding:0 0 15px}.guide .section-head h2{font-size:23px}.text-panel{padding:22px 16px}.review-layout{grid-template-columns:1fr}.review-layout aside{display:grid;grid-template-columns:1fr}.long-review{padding:20px 16px}.review-filters{gap:8px}.review-filters button{padding:11px 13px;font-size:12px}.review-filters select{margin-left:0;flex:1}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category{min-height:145px}.support-search{margin:-45px 0 25px}.support-search input{padding:12px 10px;font-size:12px}.support-search button{min-width:75px;padding:12px}.site-footer .brand{font-size:23px}.site-footer nav{gap:17px}.comparison{padding:20px 10px}.comparison h2{font-size:22px}.plan-tag{margin-left:0}.page-content .join>div{width:100%}.page-content .plans{padding:22px 12px}.service-tags span{font-size:11px;padding:10px}}
.subhero>.hero-art{background-image:url('assets/page-planet.webp');background-size:auto 100%;background-position:right center;width:78%;filter:saturate(1.2) contrast(1.06);mask-image:linear-gradient(90deg,transparent,black 30%)}@media(max-width:700px){.subhero>.hero-art{width:100%;background-size:auto 100%;opacity:.48}}
.subhero>.hero-art{width:70%;background-size:cover;mask-image:linear-gradient(90deg,transparent,black 35%);-webkit-mask-image:linear-gradient(90deg,transparent,black 35%)}@media(max-width:700px){.subhero>.hero-art{width:100%;background-position:center}}
[hidden]{display:none!important}
/* Responsive layout: full-width scenery, bounded original content. */
main{max-width:none;width:100%;overflow:clip}
header{max-width:1280px;margin-inline:auto;width:100%;padding-inline:clamp(20px,4vw,51.2px)}
.hero,.subhero{isolation:isolate;padding-inline:max(5%,calc((100% - 1152px)/2))}
.hero::before,.subhero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#000910aa,#00091055),url('assets/ocean-nebula.png') center 42%/cover no-repeat;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 85%,transparent)}
.hero-copy{max-width:1152px;margin-inline:auto}
.ocean-content{padding-inline:max(0px,calc((100% - 1280px)/2))}
.ocean-content::before,.ocean-content::after{background-repeat:no-repeat}
.ocean-content::before{background-size:100% 100%,100% auto}
.page-content{padding-inline:max(3%,calc((100% - 1203.2px)/2));isolation:isolate;background:none}
.page-content::before,.page-content::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background-repeat:no-repeat}
.page-content::before{background:linear-gradient(#00091066,#000910bb),url('assets/ocean-nebula.png') center top/100% auto no-repeat}
.page-content::after{top:42%;z-index:-1;background:url('assets/ocean-waves.png') center bottom/cover no-repeat;mask-image:linear-gradient(180deg,transparent,#000 35%);opacity:.5}
.site-footer{padding-inline:max(5%,calc((100% - 1152px)/2))}
@media(min-width:1280px){
.hero>.hero-art{width:calc(50% + 192px);background-size:832px auto;background-position:left center;mask-image:linear-gradient(90deg,transparent,#000 200px)}
.subhero>.hero-art{width:calc(50% + 256px);background-size:896px auto;background-position:left center;mask-image:linear-gradient(90deg,transparent,#000 240px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 240px)}
.hero-copy,.subhero>div:last-child{max-width:1152px;margin-inline:auto}
}
/* Intrinsic minimum sizes must not force grid/flex children off-screen. */
.plan-grid>*,.device-grid>*,.platform-tabs>*,.two-col>*,.review-layout>*,.category-grid>*,.guide-layout>*,.feature-grid>*,.review-grid>*,.section-head>*{min-width:0}
button,.button{max-width:100%;white-space:normal;text-align:center}
.actions,.step-controls{flex-wrap:wrap}
.platform span,.device span,.review-top>div{min-width:0}
.platform img,.device b,.stats i,.hero-perks i{flex-shrink:0}
.plan .price{white-space:normal}
.plan-body{min-width:0}
.plan ul{overflow-wrap:break-word}
.table-scroll{max-width:100%;overscroll-behavior-inline:contain}
summary{overflow-wrap:anywhere}
summary::after{flex-shrink:0}
.support-search input{width:0;flex:1 1 0}
.rating-row meter{min-width:0;width:0;flex:1}
.site-footer nav{min-width:0}
@media(min-width:701px) and (max-width:1100px){
header{height:auto;min-height:78px;gap:12px;font-size:12px}
header .brand{font-size:23px}
header .brand img{width:42px}
header .menu-toggle{display:inline-flex;margin-left:auto;padding:10px 13px}
header nav{display:none}
header>button{margin-left:0;padding:11px 14px}
header.menu-open nav{display:flex;position:absolute;left:0;right:0;top:100%;flex-wrap:wrap;gap:10px 25px;background:#001220f5;padding:16px 5%;box-shadow:0 15px 25px #0008;z-index:10}
header nav a{padding:10px}
.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan{min-height:410px}
.plan img{height:125px}
.plan-body{padding:16px 14px}
.plan h3{font-size:20px}
.plan .price{font-size:14px}
.plan .price b{font-size:28px}
.plan .price small{font-size:11px}
.plan ul{font-size:14px;margin:20px 0}
.plan li{padding-left:21px;margin-bottom:8px}
.plan li::before{font-size:18px}
.plan button,.plan.featured button{font-size:14px;padding:14px 8px}
.plan.featured{transform:none;margin-bottom:0}
.discount{font-size:11px;padding:6px 10px}
.platform-tabs,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform{min-height:100px}
.device{padding:18px;font-size:14px}
.device strong{font-size:15px}.device small{font-size:12px}
.feature-grid{gap:25px}.feature-grid p{font-size:14px}.feature-grid h3{font-size:17px}
.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.steps h4{font-size:14px}.steps p{font-size:12px}
.join .actions>*{padding:14px 18px;font-size:13px}
.join>div{width:52%}
.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.review>p{font-size:14px}.review-top strong{font-size:14px}
.review time{font-size:11px}
.review{min-height:235px}
.review-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.review-layout .text-panel{padding:20px 15px}
.guide-layout{grid-template-columns:190px minmax(0,1fr)}
.guide-phone{display:none}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:701px) and (max-width:850px){
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-layout{grid-template-columns:minmax(0,1fr)}
.review-layout aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.review-layout aside .panel{margin:0}
.two-col{grid-template-columns:minmax(0,1fr)}
.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.section-head{flex-wrap:wrap}
.subhero h1{font-size:40px}
}
@media(max-width:700px){
header{padding-inline:5%;gap:10px;min-height:74px}
header .menu-toggle{margin-left:auto}
header>button[data-action=login]{padding:10px 14px}
header.menu-open nav{top:100%}
.hero{padding-inline:5%;height:auto;min-height:620px;padding-bottom:24px}
.hero>.hero-art{top:225px;bottom:0;height:auto;width:100%;background-size:cover;background-position:center;mask-image:linear-gradient(180deg,transparent,#000 23%)}
.hero-copy{min-height:572px}
.hero-copy h1{font-size:clamp(36px,8.8vw,46px);letter-spacing:-1px}
.hero-perks{left:0;right:0;top:auto;bottom:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0;font-size:11px}
.hero-perks>div{min-width:0}
.hero .actions>*{flex:1 1 140px;min-width:0}
.hero .lead br,.subhero .lead br{display:none}
.subhero{height:auto;min-height:390px;padding:32px 6% 95px}
.subhero>.hero-art{top:0;bottom:0;height:100%;width:100%;background-size:cover;background-position:center}
.subhero h1{font-size:clamp(30px,8.8vw,36px);overflow-wrap:break-word}
.page-content{padding-inline:4%}
.page-content::before,.ocean-content::before{background-size:100% 100%,auto 950px}
.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.plan:last-child{width:calc(50% - 7.5px)}
.plan .price{line-height:1.5}
.plan .price b{font-size:25px}.plan .price small{font-size:11px}
.plan ul{font-size:13px}
.plan button,.plan.featured button{padding:14px 7px;font-size:13px}
.platform-tabs,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform strong,.device strong{overflow-wrap:break-word}
.device{gap:9px;padding:14px 10px}.device em{margin-left:0}
.join .actions>*{flex:1 1 130px}
.review-grid{grid-template-columns:minmax(0,1fr)}
.review{min-height:0}.review-top{flex-wrap:wrap}.review time{margin-left:0}
.long-review .review-top{gap:10px}.plan-tag{max-width:100%}
.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-right:0}
.guide-steps button{min-width:0;padding:8px 4px;font-size:12px;overflow-wrap:break-word}
.guide-layout{min-height:0}
#step-content .step-controls>*{flex:1 1 120px}
.support-search{max-width:100%}
.support-search button{min-width:75px;flex-shrink:0}
.category{padding:18px 12px}.category strong{font-size:15px}
.download-detail>.button,.download-detail>button{display:flex;width:100%;margin:12px 0}
.billing{max-width:100%}.billing button{padding:12px 17px}.billing mark{margin-left:5px}
.section-head,.section-head>*{max-width:100%}
.stats>div{gap:10px}.stats b{font-size:22px}
}
@media(max-width:440px){
.plan-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.plan:last-child{grid-column:auto;width:100%}
.plan{min-height:0}
.plan img{height:155px}
.plan-body{padding:18px}
.plan h3{font-size:22px}
.plan .price{font-size:15px}.plan .price b{font-size:30px}.plan .price small{font-size:13px}
.plan ul{font-size:14px;margin:20px 0}
.discount{font-size:11px;padding:7px 12px}
.device-grid{grid-template-columns:minmax(0,1fr)}
.device{padding:16px;gap:16px}.device strong{font-size:15px}.device small{font-size:12px}.device em{margin-left:auto}
.platform{gap:8px;padding:14px 9px}.platform strong{font-size:15px}.platform img{width:28px}
.site-footer{padding-inline:6%}
}
/* Keep the mobile planet whole and soften the scenery boundaries. */
.hero::after,.subhero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;pointer-events:none;background:linear-gradient(transparent,#000a15);z-index:0}
.hero-copy,.subhero>div:last-child{z-index:1}
.ocean-content::before{mask-image:linear-gradient(180deg,transparent,#000 45px)}
.page-content::before{mask-image:linear-gradient(180deg,transparent,#000 35px)}
@media(max-width:700px){.hero>.hero-art{background-size:contain;background-position:center 45%}}
@media(max-width:700px){.hero>.hero-art{mask-image:linear-gradient(180deg,transparent 18%,#000 45%,#000 85%,transparent)}}
/* Match the prototype's full-width composition, including its content. */
header{max-width:none;padding-inline:4%}
.ocean-content{padding-inline:0}
.page-content{padding-inline:3%}
.hero,.subhero{padding-inline:5%}
.hero-copy,.subhero>div:last-child{max-width:none;margin-inline:0}
.site-footer{padding-inline:5%}
.plan img{filter:none;object-position:60% center}
@media(min-width:1280px){
.hero{height:clamp(450px,33vw,760px);padding-top:clamp(48px,4.5vw,110px)}
.hero>.hero-art{width:65%;background-size:cover;background-position:right center;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.hero-copy h1{font-size:clamp(66px,5vw,108px)}
.hero .lead{font-size:clamp(22px,1.5vw,30px)}
.hero .hero-perks{font-size:clamp(12px,.9vw,17px);gap:clamp(22px,2vw,45px);margin-top:clamp(33px,2.5vw,58px)}
.hero .actions>*{font-size:clamp(15px,1vw,19px);padding:20px 30px}
.subhero{height:clamp(365px,28vw,660px);padding-top:clamp(45px,4vw,96px)}
.subhero>.hero-art{width:70%;background-size:cover;background-position:right center;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}
.subhero h1{font-size:clamp(48px,4vw,84px);max-width:70%}
.subhero .lead{font-size:clamp(19px,1.4vw,27px);max-width:55%}
.plan img{height:clamp(140px,11vw,265px)}
.plan-body{padding:clamp(16px,1.3vw,28px)}
.plan h3{font-size:clamp(20px,1.5vw,30px)}
.plan ul{font-size:clamp(14px,1vw,19px)}
.plan .price{font-size:clamp(16px,1.1vw,21px)}
.plan .price b{font-size:clamp(30px,2.2vw,45px)}
.plan .price small{font-size:clamp(12px,.8vw,16px)}
.plan button{font-size:clamp(14px,1vw,18px)}
}
@media(max-width:700px){.page-content{padding-inline:4%}.hero,.subhero{padding-inline:5%}}
.plan img[src*="free-wave"]{object-position:right center}
/* Stable desktop proportions; use the full-resolution artwork directly. */
.hero>.hero-art,.subhero>.hero-art{background-image:url('assets/hero-hd.png');filter:saturate(1.06) contrast(1.035);background-repeat:no-repeat}
@media(min-width:1101px){
.hero{height:460px;padding-top:46px;padding-bottom:24px}
.hero-copy{width:52%}
.hero-copy h1{font-size:clamp(56px,3.8vw,72px);line-height:1.08}
.hero .lead{font-size:22px;line-height:1.45}
.hero .actions{margin-top:26px;gap:18px}
.hero .actions>*{font-size:15px;padding:17px 24px}
.hero .hero-perks{font-size:12px;gap:24px;margin-top:30px}
.hero>.hero-art{width:70%;height:100%;top:0;background-size:auto 120%;background-position:right center;mask-image:linear-gradient(90deg,transparent,#000 34%)}
.subhero{height:365px;padding-top:45px;padding-bottom:30px}
.subhero h1{font-size:48px;max-width:65%}
.subhero .lead{font-size:19px;max-width:54%}
.subhero>.hero-art{width:70%;background-size:auto 135%;background-position:right center;mask-image:linear-gradient(90deg,transparent,#000 34%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%)}
.plan img{height:clamp(140px,9vw,210px)}
.plan-body{padding:18px}
.plan h3{font-size:24px}
.plan ul{font-size:15px}
.plan .price{font-size:16px}
.plan .price b{font-size:34px}
.plan .price small{font-size:12px}
.plan button{font-size:15px}
}
@media(min-width:701px) and (max-width:1100px){
.hero>.hero-art,.subhero>.hero-art{background-size:auto 115%;background-position:right center}
}
@media(max-width:700px){
.hero>.hero-art{background-size:auto 100%;background-position:82% center;mask-image:linear-gradient(180deg,transparent 10%,#000 34%,#000 85%,transparent)}
.subhero>.hero-art{background-size:auto 100%;background-position:80% center}
}
@media(min-width:1101px){
.hero>.hero-art{background-size:auto 135%;mask-image:linear-gradient(90deg,transparent 15%,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 60%)}
.subhero>.hero-art{mask-image:linear-gradient(90deg,transparent 15%,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 60%)}
}
/* Preserve the balanced hero composition when the window widens. */
@media(min-width:1101px){
.hero{--hero-image-width:clamp(1100px,80vw,1672px);height:clamp(540px,31vw,620px);padding-top:58px}
.hero::before{background:linear-gradient(90deg,#00091044,#00091011),url('assets/hero-hd.png') center top/cover no-repeat;mask-image:linear-gradient(90deg,#000 28%,transparent 66%)}
.hero>.hero-art{width:100%;background-size:var(--hero-image-width) auto;background-position:right top;mask-image:linear-gradient(90deg,transparent calc(100% - var(--hero-image-width)),#000 calc(100% - var(--hero-image-width)*.7));-webkit-mask-image:linear-gradient(90deg,transparent calc(100% - var(--hero-image-width)),#000 calc(100% - var(--hero-image-width)*.7))}
.hero-copy{width:52%;max-width:920px}
.hero .lead{max-width:760px}
.hero .hero-perks{margin-top:36px}
}
/* Do not stretch the astronaut artwork out of its original proportions. */
.join{background-size:56% auto;background-repeat:no-repeat;background-position:left center}
@media(max-width:700px){.join{background-size:auto 230px;background-position:top left}}
.join{background-size:100% 100%,56% auto;background-position:center,left center}
@media(max-width:700px){.join{background-size:100% 100%,auto 230px;background-position:center,top left}}
.join{background-image:linear-gradient(90deg,transparent 30%,#00111a 55%),url('assets/banner-hd.png')}
@media(max-width:700px){.join{background-image:linear-gradient(0deg,#00111a 40%,transparent),url('assets/banner-hd.png')}}
@media(min-width:1101px){.join{min-height:clamp(223px,17vw,340px)}}
/* Round Wavehops emblem and a luminous focal point in the join panel. */
.brand img{width:50px;height:50px;flex:0 0 50px;object-fit:contain;object-position:center;padding:5px;border-radius:50%;border:1px solid #20d7ff;background:radial-gradient(circle at 38% 30%,#07527d,#031429 72%);box-shadow:0 0 16px #00c8ff55}
header .brand img{width:46px;height:46px;flex-basis:46px}
.site-footer .brand img{width:50px;height:50px;flex-basis:50px}
.join{position:relative;isolation:isolate;overflow:hidden}
.join::after{content:"";position:absolute;z-index:0;right:3.4%;top:50%;width:clamp(170px,14vw,250px);aspect-ratio:1;transform:translateY(-50%);border:1px solid #57dfff88;border-radius:50%;background:radial-gradient(circle at 34% 30%,#42eaff52,transparent 58%),url("assets/logo-w-orb.png") center/cover no-repeat;box-shadow:0 0 36px #00c8ff44,inset 0 0 28px #09102f88;opacity:.78;pointer-events:none}
.join>*{position:relative;z-index:1}
@media(min-width:701px) and (max-width:1100px){.join::after{width:clamp(170px,22vw,230px);right:2.5%;opacity:.5}}
@media(max-width:700px){header .brand img{width:40px;height:40px;flex-basis:40px}.join::after{display:none}}
/* Fit the complete planet and breaking wave inside the hero at every desktop width. */
@media(min-width:1101px){
.hero{--scene-width:calc(clamp(560px,32vw,680px)*1.776);height:clamp(560px,32vw,680px)}
.hero::before{background:linear-gradient(90deg,#00091055,#00091099),url('assets/hero-hd.png') left center/cover no-repeat;mask-image:linear-gradient(90deg,#000,transparent 48%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 48%)}
.hero>.hero-art{
background-image:linear-gradient(90deg,#000910dd 0%,#00091088 30%,transparent 58%),url('assets/hero-hd.png');
background-size:100% 100%,auto 100%;
background-position:center,right center;
background-repeat:no-repeat;
mask-image:linear-gradient(90deg,transparent calc(100% - var(--scene-width)),#000 calc(100% - var(--scene-width)*.7));-webkit-mask-image:linear-gradient(90deg,transparent calc(100% - var(--scene-width)),#000 calc(100% - var(--scene-width)*.7))
}
}
/* Use the supplied spherical W emblem in every brand lockup. */
.brand img{object-fit:cover;object-position:center;padding:0;background:#001024}
/* Carry the cosmic scenery across the right half of the astronaut panel. */
.join::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 94% 75%,#6d27ff55,transparent 45%),radial-gradient(ellipse at 78% 20%,#00cfff33,transparent 50%),linear-gradient(90deg,transparent 35%,#00111acc 53%,#00111a88 72%,#00111a22),url('assets/ocean-nebula.png') right 40%/cover no-repeat;mask-image:linear-gradient(90deg,transparent 38%,#000 58%);-webkit-mask-image:linear-gradient(90deg,transparent 38%,#000 58%)}
@media(max-width:700px){.join::before{mask-image:linear-gradient(180deg,transparent 25%,#000 55%);-webkit-mask-image:linear-gradient(180deg,transparent 25%,#000 55%);background-position:center,bottom,bottom,right bottom}}
/* Slightly dim only the nebula behind the join panel content. */
.join::before{filter:brightness(.72)}
/* Shared internal-page hero: fit the complete artwork and fade from its actual edge. */
.subhero{--sub-scene-width:648px;isolation:isolate}
.subhero::before{background:linear-gradient(90deg,#00091088,#000910bb),url('assets/ocean-nebula.png') left center/cover no-repeat;mask-image:linear-gradient(90deg,#000,transparent 58%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 58%)}
.subhero>.hero-art{width:100%;height:100%;top:0;background-size:auto 100%;background-position:right center;opacity:1;mask-image:linear-gradient(90deg,transparent calc(100% - var(--sub-scene-width)),#000 calc(100% - var(--sub-scene-width)*.65));-webkit-mask-image:linear-gradient(90deg,transparent calc(100% - var(--sub-scene-width)),#000 calc(100% - var(--sub-scene-width)*.65))}
.card-art{filter:url('#art-sharpen') saturate(1.12) contrast(1.06)}
.guide-phone{filter:url('#art-sharpen') contrast(1.05)}
@media(max-width:700px){.subhero{--sub-scene-width:693px}.subhero>.hero-art{opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 85%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 85%)}}
/* Center internal-page headings; retain the prototype composition on the homepage. */
@media(min-width:1101px){
.subhero>div:last-child{margin-inline:auto;text-align:center;width:min(760px,65%)}
.subhero h1,.subhero .lead{max-width:100%;text-shadow:0 2px 14px #000b}
}
.card-art,.guide-phone{filter:none}
/* Homepage copy follows the approved left-aligned prototype. */
.hero-copy{margin-inline:0;text-align:left}
.hero-copy .actions,.hero-copy .hero-perks{justify-content:flex-start}
.hero-copy .lead{margin-inline:0}
.account-entry{white-space:nowrap}
@media(max-width:700px){header .account-entry{font-size:11px;padding:10px 9px}header .brand{font-size:21px}header .brand img{width:36px;height:36px;flex-basis:36px}}
/* Publications from Central: a strip under nothing (it is the first line of the page), a compact promotion block. */
.site-alert{position:relative;z-index:3;margin:0;padding:0 4%;background:linear-gradient(90deg,#3b2a0a,#2a1d06);border-bottom:1px solid #ffb36f66}
.site-alert.critical{background:linear-gradient(90deg,#4a0f1d,#2a0912);border-bottom-color:#ff6b7f88}
.site-alert-open{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 0;background:none;border:0;color:#fff;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.site-alert-icon{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#ffb36f;color:#1b1203}
.site-alert.critical .site-alert-icon{background:#ff6b7f;color:#25040b}
.site-alert-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-alert-text span{color:#ffe7cf}
.site-alert-more{flex:none;color:#00dfff;font-size:12px}
.site-promo{display:grid;gap:10px;margin:18px 4%}.site-promo-item{display:flex;align-items:center;gap:18px;padding:16px 20px;border:1px solid #075578;border-radius:17px;background:linear-gradient(100deg,#00243a,#00111c)}
.site-promo img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex:none}
.site-promo-item>div{flex:1;min-width:0}.site-promo h3{margin:4px 0;font-size:18px}.site-promo p{margin:0;color:#b9cbe0;font-size:14px;overflow-wrap:anywhere}
.site-promo-tag{display:inline-block;background:linear-gradient(100deg,#ffe45c,#ff4c60);color:#171323;border-radius:20px;padding:3px 10px;font-size:11px}
.site-promo .button{flex:none;white-space:nowrap}
.plan .price s{color:#7f93a8;font-size:.8em;margin-right:4px}.plan-price-label{margin:-4px 0 6px;color:#9fb8ca;font-size:12px}.plan-promo{margin:-4px 0 6px;color:#ffd36f;font-size:12px}
.publication-body{white-space:pre-wrap;overflow-wrap:anywhere}
.site-promo-item.severity-normal{border-color:#6848f5}.site-promo-item.severity-important{border-color:#ffb36f;border-left:4px solid #ffb36f}.site-promo-item.severity-critical{border-color:#ff6b7f;border-left:4px solid #ff6b7f;background:#2a1220}.site-promo-item.publication-small{max-width:720px;padding:10px 14px}.site-promo-item.publication-medium{max-width:980px}.site-promo-item.publication-fullscreen{min-height:calc(100vh - 120px);max-width:none;align-items:center}.site-promo:has(.publication-center){display:grid;place-items:center}.site-promo:has(.publication-bottom){display:flex;align-items:flex-end;min-height:45vh}@media(max-width:700px){.site-promo-item.publication-fullscreen{min-height:calc(100vh - 80px)}.site-promo-item{flex-direction:column}.site-promo-item img{width:100%}}
@media (max-width:700px){.site-alert-text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.site-alert-more{display:none}.site-promo-item{flex-direction:column;align-items:stretch;text-align:left}.site-promo img{width:100%}.site-promo .button{text-align:center}}