:root{--hub-base:#030b1c;--hub-ink:#eef7ff;--hub-cyan:#62dcff;--hub-muted:#a5beda;--hub-violet:#9c84ff}
.hub-page{background:var(--hub-base);color:var(--hub-ink);overflow:hidden}
.hub-page *{box-sizing:border-box}
.hub-page .hub-wrap{width:min(1240px,calc(100% - 11vw));margin-inline:auto}
.hub-page .hub-hero{position:relative;isolation:isolate;min-height:635px;display:flex;align-items:center;padding:79px 0 87px;background:radial-gradient(ellipse 55% 80% at 87% 42%,#184d9e7b 0%,transparent 73%),radial-gradient(ellipse 60% 70% at 15% 80%,#5637c63e 0%,transparent 78%),linear-gradient(135deg,#04142f 0%,#060f27 60%,#03091b 100%)}
.hub-page .hub-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.26;background-image:linear-gradient(#71aeff22 1px,transparent 1px),linear-gradient(90deg,#71aeff22 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent 7%,black 100%)}
.hub-page .hub-hero:after{content:"";position:absolute;inset:auto -10% -100px -10%;height:170px;background:linear-gradient(180deg,transparent,#040e22 65%);pointer-events:none}
.hub-page .hero-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);align-items:center;gap:46px}
.hub-page .hub-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #5dbeff50;border-radius:999px;background:#1b6acb22;font-size:12px;font-weight:900;letter-spacing:.11em;color:#83e4ff;text-transform:uppercase}
.hub-page .hub-eyebrow svg{width:17px;height:17px}
.hub-page h1{margin:20px 0 18px;font-size:clamp(39px,4.8vw,69px);line-height:1.07;letter-spacing:-.045em;color:white;font-weight:900;max-width:700px}
.hub-page h1 em{font-style:normal;background:linear-gradient(115deg,#75e6ff,#4b98ff 65%,#b6a3ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hub-page .hero-desc{font-size:17px;line-height:1.75;color:#c6d8ef;max-width:550px;margin:0 0 25px}
.hub-page .hub-actions{display:flex;flex-wrap:wrap;gap:11px;margin:24px 0 27px}
.hub-page .hub-primary,.hub-page .hub-outline{display:inline-flex;align-items:center;justify-content:center;gap:11px;text-align:center;padding:15px 21px;border-radius:13px;font-weight:900;font-size:14px;min-height:50px;transition:transform .2s,box-shadow .2s}
.hub-page .hub-primary{background:linear-gradient(105deg,#0078ff,#17c5ff);color:white;box-shadow:0 13px 30px #0089ff45}
.hub-page .hub-outline{border:1px solid #76c8ff66;background:#ffffff0c;color:#e6f5ff}
.hub-page .hub-primary:hover,.hub-page .hub-outline:hover{transform:translateY(-3px)}
.hub-page .hub-highlights{display:flex;flex-wrap:wrap;gap:8px}
.hub-page .hub-highlights span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#d9eeff;background:#ffffff0a;border:1px solid #e8f7ff15;border-radius:999px;padding:9px 11px}
.hub-page .hub-highlights b{color:#74e5ff;font-weight:900}
.hub-page .hub-art{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;perspective:1200px}
.hub-page .hub-halo{position:absolute;inset:3% 0;background:radial-gradient(ellipse at 50% 55%,#219dff47 0%,#4c56ef20 40%,transparent 71%);filter:blur(20px);pointer-events:none}
.hub-page .hub-stage{position:relative;width:min(100%,560px);height:445px;transform:rotateY(-6deg) rotateX(2deg)}
.hub-page .hub-stage:before{content:'';position:absolute;inset:7% 0 8% 0;border-radius:28px;background:linear-gradient(155deg,#123f85cc,#070f2fea);border:1px solid #85cfff46;box-shadow:0 32px 85px #0008,inset 0 0 45px #239eff13}
.hub-page .hub-stage-head{position:absolute;top:10.5%;left:5%;right:5%;z-index:3;display:flex;justify-content:space-between;align-items:center}
.hub-page .hub-brand{display:flex;gap:9px;align-items:center;font-weight:900;letter-spacing:-.3px;font-size:15px;color:white}
.hub-page .hub-brand svg{width:25px;height:25px;color:#57d5ff}
.hub-page .hub-stage-pill{padding:8px 12px;border-radius:999px;border:1px solid #abddff33;background:#061329aa;font-size:11px;color:#a9eaff;font-weight:800}
.hub-page .hub-spotlight{position:absolute;z-index:2;left:5%;top:22%;width:57%;height:50%;border-radius:18px;overflow:hidden;background:linear-gradient(140deg,#0d275a,#5c35a6 45%,#a34575 95%);box-shadow:0 18px 45px #0007}
.hub-page .hub-spotlight:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 65% 25%,#f5a6fcba,transparent 26%),linear-gradient(140deg,transparent 25%,#03133144 75%),linear-gradient(50deg,transparent 45%,#d59fff31 46%,transparent 52%)}
.hub-page .hub-spotlight:after{content:'';position:absolute;top:32%;left:28%;width:63%;height:90%;background:linear-gradient(135deg,#110f38bb,#1b184b),radial-gradient(circle,#66c8ff,transparent);clip-path:polygon(40% 0,60% 0,78% 22%,92% 78%,70% 100%,9% 100%,0 76%,17% 23%);filter:drop-shadow(0 4px 10px #07091c)}
.hub-page .hub-spotlight .spot-caption{position:absolute;inset:auto 15px 18px;z-index:5;font-size:11px;font-weight:900;letter-spacing:.2em;color:#e9f8ff}
.hub-page .hub-mini{position:absolute;z-index:2;right:5%;width:27%;height:24%;border-radius:17px;overflow:hidden;border:1px solid #c3e2ff3a;box-shadow:0 20px 40px #0006}
.hub-page .mini-one{top:22%;background:radial-gradient(circle at 60% 30%,#6ce1ff,transparent 30%),linear-gradient(140deg,#09598b,#030d26 75%)}
.hub-page .mini-two{top:49%;background:radial-gradient(circle at 35% 30%,#f4d78c,transparent 28%),linear-gradient(150deg,#75528c,#170b30 75%)}
.hub-page .hub-mini:before{content:'';display:block;width:65%;height:80%;margin:24% auto 0;clip-path:polygon(40% 0,67% 0,100% 100%,0 100%);background:#0008;box-shadow:0 0 30px #0007}
.hub-page .hub-mini span{position:absolute;bottom:10px;left:11px;font-weight:900;letter-spacing:.13em;font-size:10px;color:white}
.hub-page .hub-stage-bottom{position:absolute;z-index:3;bottom:10%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#c1dffd;font-size:12px}
.hub-page .hub-stage-bottom b{color:#6fe4ff}.hub-page .hub-play{position:absolute;z-index:5;top:45%;left:28%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffff66;border-radius:50%;background:#ffffff32;backdrop-filter:blur(10px);box-shadow:0 0 40px #fff3;color:white}
.hub-page .hub-play svg{width:24px;height:24px;fill:currentColor;transform:translateX(2px)}
.hub-page .hub-section{padding:78px 0}.hub-page .hub-section-head{max-width:745px;margin:0 auto 35px;text-align:center}.hub-page .hub-kicker{color:#60dfff;font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hub-page h2{font-size:clamp(30px,3.35vw,46px);line-height:1.14;letter-spacing:-.035em;color:#fff;margin:12px 0 13px}.hub-page .hub-section-head p{color:#aec7df;line-height:1.7;margin:0;font-size:16px}
.hub-page .hub-benefits{background:linear-gradient(180deg,#040e22,#07162e)}
.hub-page .benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.hub-page .hub-benefit{padding:27px;border:1px solid #6fbdfb22;border-radius:21px;background:linear-gradient(165deg,#112c55a8,#0b1934);box-shadow:0 16px 40px #0002}
.hub-page .hub-benefit .hub-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:linear-gradient(135deg,#0569d9,#1b335a);border:1px solid #7fcbff35;margin-bottom:20px;color:#94eaff}
.hub-page .hub-benefit .hub-icon svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hub-page .hub-benefit h3{margin:0 0 9px;color:white;font-size:21px}.hub-page .hub-benefit p{color:#b8cce2;line-height:1.7;font-size:14px;margin:0}
.hub-page .hub-library{background:#050e20}
.hub-page .library-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:23px}
.hub-page .hub-tabs{display:inline-flex;gap:5px;background:#0f2343;padding:6px;border:1px solid #67b8ff25;border-radius:15px}
.hub-page .hub-tab{border:0;border-radius:11px;background:transparent;padding:12px 18px;color:#bad1ea;font-weight:900;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.hub-page .hub-tab[aria-selected=true]{background:linear-gradient(120deg,#046cff,#138ddd);color:white;box-shadow:0 6px 18px #0069ff55}
.hub-page .library-legend{font-size:12px;color:#8fa9c8}
.hub-page .hub-poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hub-page .hub-poster[hidden]{display:none!important}.hub-page .poster-art{height:260px;border:1px solid #ffffff14;border-radius:19px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:19px;box-shadow:0 16px 35px #0005;transition:transform .25s,box-shadow .25s}
.hub-page .hub-poster:hover .poster-art{transform:translateY(-7px);box-shadow:0 22px 48px #0008}
.hub-page .poster-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 25%,var(--glow),transparent 50%),linear-gradient(155deg,transparent 15%,#0711242c 65%,#020511e8);pointer-events:none}
.hub-page .poster-art:after{content:'';position:absolute;left:17%;top:14%;height:65%;width:66%;z-index:-1;opacity:.55;clip-path:polygon(50% 0,65% 20%,86% 23%,98% 100%,0 100%,17% 23%,35% 20%);background:linear-gradient(90deg,#000c,#29345b88,#000b);filter:drop-shadow(0 6px 18px #0007)}
.hub-page .poster-art .poster-badge{font-size:10px;letter-spacing:.15em;font-weight:900;color:#bbf4ff;margin-bottom:7px}
.hub-page .poster-art h3{margin:0;font-size:20px;line-height:1.2;color:#fff;text-shadow:0 2px 7px #0008}
.hub-page .poster-art p{margin:6px 0 0;color:#e0ecff;font-size:12px}
.hub-page .poster-art.one{background:linear-gradient(150deg,#093c7d,#041b49 50%,#031222);--glow:#35d1ff}
.hub-page .poster-art.two{background:linear-gradient(135deg,#4c206f,#1a153d 48%,#070a23);--glow:#fc88d9}
.hub-page .poster-art.three{background:linear-gradient(145deg,#1e664e,#13274d 55%,#081225);--glow:#76ffbc}
.hub-page .poster-art.four{background:linear-gradient(155deg,#713a35,#272346 58%,#0d1028);--glow:#ffc27a}
.hub-page .hub-note{margin:22px 0 0;color:#91abc8;font-size:12px;line-height:1.65}
.hub-page .partner-section{padding:78px 0;background:linear-gradient(130deg,#071833,#091f46 65%,#081733)}
.hub-page .partner-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.84fr);align-items:center;gap:30px;border:1px solid #6fcfff2d;border-radius:28px;padding:40px;background:linear-gradient(125deg,#0f2e6094,#091329c9);box-shadow:0 20px 55px #0004}
.hub-page .partner-panel p{color:#bcd2e9;line-height:1.75;font-size:15px;max-width:560px}
.hub-page .partner-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hub-page .partner-tile{height:112px;border-radius:18px;background:linear-gradient(140deg,#ffffff0f,#ffffff06);border:1px solid #9bd9ff2c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#d3eaff;text-align:center;font-size:12px;font-weight:800}
.hub-page .partner-tile svg{width:27px;height:27px;stroke:#7ae1ff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hub-page .hub-how{padding:78px 0 90px;background:#040e22}
.hub-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:33px}
.hub-page .hub-step{padding:25px 25px 28px;border-radius:22px;background:#0d2344;border:1px solid #83d2ff20;position:relative}
.hub-page .hub-step strong{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#0a69ec;color:white;font-size:17px;margin-bottom:18px}
.hub-page .hub-step h3{font-size:19px;margin:0 0 9px;color:white}.hub-page .hub-step p{font-size:14px;line-height:1.7;color:#b5cde6;margin:0}
.hub-page .hub-final{text-align:center;margin:38px 0 0}.hub-page .hub-final p{margin:14px 0 0;color:#a9c1db;font-size:12px}
.hub-page .hub-faq{border-top:1px solid #ffffff18;margin-top:38px;padding-top:15px;max-width:900px;margin-inline:auto}
.hub-page .hub-faq details{border-bottom:1px solid #ffffff19;padding:16px 5px;color:#c7daee}
.hub-page .hub-faq summary{font-weight:800;color:white;cursor:pointer;list-style:none;padding-right:25px;position:relative}.hub-page .hub-faq summary::-webkit-details-marker{display:none}.hub-page .hub-faq summary:after{content:"+";position:absolute;right:0;top:0;color:#69dbff;font-size:20px;line-height:1}.hub-page .hub-faq details[open] summary:after{content:"−"}
.hub-page .hub-faq details p{font-size:14px;line-height:1.8;margin:12px 0 0}
.hub-page a:focus-visible,.hub-page button:focus-visible,.hub-page summary:focus-visible{outline:3px solid #63dbff;outline-offset:3px}
@media(max-width:1000px){.hub-page .hero-layout{grid-template-columns:1fr;gap:16px}.hub-page .hub-art{min-height:390px}.hub-page .hub-stage{max-width:560px;height:420px}.hub-page .hub-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-page .partner-panel{grid-template-columns:1fr}.hub-page .hub-benefits .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.hub-page .hub-wrap{width:calc(100% - 38px)}.hub-page .hub-hero{padding:64px 0 46px}.hub-page .hub-art{min-height:300px}.hub-page .hub-stage{height:330px;transform:none}.hub-page .hub-stage-head{top:12%}.hub-page .hub-stage-bottom{bottom:10%}.hub-page h1{font-size:clamp(36px,10vw,54px)}.hub-page .hero-desc{font-size:15px}.hub-page .hub-section{padding:59px 0}.hub-page .hub-benefits .benefit-grid{grid-template-columns:1fr}.hub-page .hub-poster-grid{gap:12px}.hub-page .poster-art{height:205px;padding:12px;border-radius:13px}.hub-page .poster-art h3{font-size:16px}.hub-page .poster-art .poster-badge{font-size:9px}.hub-page .partner-section{padding:55px 0}.hub-page .partner-panel{padding:25px 17px}.hub-page .steps{grid-template-columns:1fr;gap:12px}.hub-page .hub-how{padding:59px 0}.hub-page .hub-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.hub-page .hub-tab{padding:11px 5px;font-size:12px}.hub-page .library-legend{font-size:11px}.hub-page .hub-actions{flex-direction:column;align-items:stretch}.hub-page .hub-hero .hub-art{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.hub-page .hub-primary,.hub-page .hub-outline,.hub-page .poster-art{transition:none}}