@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#06131b;--panel:#0c202b;--text:#edf6fa;--muted:#93a9b5;--cyan:#88d6f4;--mint:#66efbf;--line:#203540;font-family:Manrope,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}p{line-height:1.8;color:var(--muted)}.header{height:100px;display:flex;align-items:center;gap:30px;padding:0 5%;border-bottom:1px solid var(--line);background:#06131bed;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:35px;height:52px;object-fit:contain}.brand span{font-size:23px;letter-spacing:4px;font-weight:700;color:#a6e6fc}.brand small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:4px;color:var(--muted)}nav{display:flex;gap:24px;align-items:center;margin:auto;font-size:13px;font-weight:600}nav a{color:#a7bac4;padding:12px 0;white-space:nowrap}nav a:hover,nav a[aria-current]{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;border-radius:7px;background:var(--cyan);color:#071c27;font-size:14px;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#b5e9ff}.button.small{padding:12px 16px;font-size:12px}.button.secondary{background:transparent;border-color:#38505d;color:var(--text)}.button.secondary:hover{background:#142a35}.menu-toggle{display:none}.wrap{max-width:1280px;margin:auto;padding:0 6%}.hero{position:relative;overflow:hidden;min-height:650px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10px;padding-top:75px;padding-bottom:65px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,#10415760,transparent 55%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--mint);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 25px}.eyebrow:before{content:'';width:25px;height:1px;background:currentColor}h1{font-size:clamp(40px,4.8vw,68px);line-height:1.14;letter-spacing:-2.8px;font-weight:500;margin:0 0 25px}h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{max-width:470px;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero-note{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted);margin-top:32px}.hero-note span{color:var(--mint)}.hero-art{position:relative;min-height:490px;display:flex;align-items:center;justify-content:center}.hero-art>img{width:470px;border-radius:50%;mask-image:radial-gradient(ellipse,black 43%,transparent 72%);animation:float 8s ease-in-out infinite}.orbit{position:absolute;inset:10%;border:1px solid #63d9ed25;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 50px #42c9d509}.orbit.second{inset:2%;border-style:dashed;opacity:.5}.float-label{position:absolute;border:1px solid #33505b;background:#0b202ae8;backdrop-filter:blur(12px);padding:15px 19px;border-radius:10px;box-shadow:0 20px 45px #0004;font-size:13px;display:flex;gap:12px;align-items:center}.float-label b{display:block;font-weight:600}.float-label small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.float-label .icon{font-size:23px;color:var(--mint)}.label-one{top:40px;right:-10px;animation:float 7s ease-in-out infinite}.label-two{bottom:45px;left:0;animation:float 8s ease-in-out infinite reverse}.art-caption{position:absolute;bottom:6px;right:10px;font-size:10px;letter-spacing:3px;color:#7198aa}.stripe{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;border-block:1px solid var(--line);gap:30px}.stripe div{display:flex;gap:15px;align-items:center;font-size:13px;color:#c6d6df}.stripe span{color:var(--mint);font-size:20px}.section{padding-top:85px;padding-bottom:85px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}h2{font-size:clamp(27px,3vw,39px);font-weight:500;line-height:1.25;letter-spacing:-1px;margin:0}h3{font-size:21px;font-weight:600;line-height:1.5}.section-top p{max-width:370px;margin:0;font-size:14px}.text-link{color:var(--cyan);font-size:14px;display:inline-flex;gap:18px;align-items:center}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.role-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:linear-gradient(150deg,#122a37,#091922);transition:transform .3s,border .3s}.role-card:hover{transform:translateY(-7px);border-color:#62cad780}.role-card .card-copy{padding:28px 27px 12px}.role-card .number{font-size:11px;letter-spacing:2px;color:var(--mint)}.role-card h3{margin:14px 0 9px;font-size:25px}.role-card p{font-size:14px;margin:0;min-height:70px}.role-card .text-link{margin-top:18px}.role-photo{height:275px;overflow:hidden;margin:24px 22px 0;border:1px solid #34505c;border-bottom:0;border-radius:10px 10px 0;background:#001018}.role-photo img{width:100%;transform:translateY(-3%);transition:transform .6s}.role-card:hover .role-photo img{transform:translateY(-6%)}.band{background:#0a1b25;border-block:1px solid var(--line)}.learn-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center}.video-cover{position:relative;display:block;border:1px solid #2b5361;border-radius:14px;overflow:hidden;background:#07151d;cursor:pointer;padding:0;width:100%}.video-cover img{width:100%;aspect-ratio:1.65;object-fit:cover;opacity:.75}.play{width:62px;height:62px;border-radius:50%;background:#dcf7fc;color:#082330;display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;box-shadow:0 0 0 14px #ddfaff15}.video-caption{position:absolute;bottom:18px;left:22px;font-size:13px}.guide-list{display:grid;gap:0;margin:30px 0}.guide-list a{border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;color:#d0e0e8;font-size:14px}.guide-list a:hover{color:var(--mint)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news{border-top:1px solid #3c5664;padding:24px 0}.news .meta{color:var(--mint);font-size:11px;letter-spacing:1px}.news p{font-size:14px}.news time{color:var(--muted);font-size:12px}.status-banner{border:1px solid var(--line);border-radius:12px;padding:28px 32px;display:flex;gap:24px;align-items:center;background:linear-gradient(100deg,#102933,#0a1b25)}.status-banner h3{margin:0 0 6px;font-size:19px}.status-banner p{font-size:13px;margin:0}.status-banner .text-link{margin-left:auto;white-space:nowrap}.status-icon{font-size:30px;color:var(--cyan)}footer{border-top:1px solid var(--line);max-width:1280px;margin:75px auto 0;padding:40px 6%;display:flex;align-items:center;flex-wrap:wrap;gap:24px}footer p{font-size:12px}footer>div{display:flex;gap:22px;margin-left:auto;font-size:12px;color:var(--muted)}footer>small{width:100%;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:#718b9b}.page-head{padding:65px 0 45px}.page-head h1{max-width:850px;font-size:52px}.page-head p{max-width:670px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:15px;margin-bottom:38px}.role-layout{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:start}.role-visual{position:sticky;top:30px;background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:14px}.role-visual img{width:100%;border-radius:8px}.role-visual button{margin-top:15px;width:100%}.feature-row{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.feature-row>span{font-size:13px;color:var(--mint);padding-top:8px}.feature-row h3{margin:0}.feature-row p{font-size:14px;margin:8px 0 0}.tutorials{margin-top:42px}.tutorials h2{font-size:28px}.tutorial{border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:20px;background:#0a1e29}.tutorial .tag{font-size:11px;color:var(--mint);letter-spacing:1px}.tutorial h3{font-size:18px;margin:10px 0}.tutorial p{font-size:14px}.tutorial ol{padding-left:23px;color:#b0c3ce;font-size:14px;line-height:1.9}.tutorial summary{font-size:14px;color:var(--cyan);cursor:pointer}.training-layout{display:grid;grid-template-columns:220px 1fr;gap:50px}.training-nav{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:30px}.training-nav button{text-align:left;border:1px solid var(--line);border-radius:7px;padding:14px;background:transparent;color:var(--muted)}.training-nav button.active{background:#143441;border-color:#60cde480;color:var(--cyan)}.training-videos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.training-videos .tutorial{margin:0}.status-summary{background:#102934;border:1px solid #2c5262;border-radius:12px;padding:30px;display:flex;gap:25px;align-items:center;margin-bottom:30px}.status-summary h2{font-size:25px}.status-summary p{font-size:14px;margin-bottom:0}.status-summary button{margin-left:auto;white-space:nowrap}.status-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.status-row{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.status-row:last-child{border:0}.status-row div{flex:1}.status-row h3{margin:0;font-size:16px}.status-row p{font-size:13px;margin:4px 0 0}.status-pill{font-size:12px;padding:7px 11px;border-radius:30px;background:#203440;color:#b1c4cf;white-space:nowrap}.status-pill.good{background:#173e34;color:var(--mint)}.status-pill.bad{background:#51272f;color:#ffafbc}.notice{font-size:13px;border-left:2px solid var(--cyan);padding:6px 20px;margin:30px 0;color:var(--muted);line-height:1.8}.article{max-width:770px}.article p{font-size:16px}.article ul{line-height:1.9;color:var(--muted)}dialog{width:min(960px,94vw);max-height:92vh;border:1px solid #385966;border-radius:14px;padding:45px 25px 25px;background:#091a24;color:white}dialog::backdrop{background:#020b13dd;backdrop-filter:blur(10px)}.close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:23px;padding:4px 10px}dialog video,dialog iframe{width:100%;aspect-ratio:16/9;border:0;max-height:72vh;background:black}dialog img{max-height:78vh;margin:auto;width:auto}dialog h2{font-size:23px;margin-bottom:20px}.modal-links{display:flex;gap:20px;align-items:center;margin-top:15px;font-size:13px;color:var(--cyan)}.skip{position:fixed;top:-100px;background:var(--mint);color:black;padding:15px;z-index:100}.skip:focus{top:10px}.reveal{animation:reveal .7s both}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-12px)}}@media(min-width:1500px){.hero{min-height:730px}.hero-art>img{width:530px}}@media(max-width:1100px){.header{gap:15px;padding:0 4%}nav{gap:16px;font-size:12px}.header-cta{display:none}.hero-art{min-height:420px}.label-one{right:0}.role-layout{gap:40px}.learn-feature{gap:40px}}@media(max-width:760px){.header{height:78px;justify-content:space-between}.brand span{font-size:21px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:8px 13px;border-radius:6px;font-size:22px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b1f2b;padding:20px 6%;border-bottom:1px solid var(--line)}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:5px}nav a{font-size:14px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:40px;gap:15px}h1{font-size:45px;letter-spacing:-1.8px}.hero-art{min-height:350px;max-width:430px;width:100%;margin:auto}.hero-art>img{width:330px}.label-one{top:25px}.label-two{bottom:20px}.float-label{padding:12px;font-size:12px}.hero-note{margin-top:24px}.stripe{gap:14px;grid-template-columns:1fr;padding:24px 0}.section{padding-block:55px}.section-top{display:block}.section-top p,.section-top>a{margin-top:18px;display:block}.role-grid,.news-grid{grid-template-columns:1fr}.role-card p{min-height:0}.role-photo{height:270px}.role-photo img{transform:translateY(-8%)}.learn-feature,.role-layout{grid-template-columns:1fr;gap:35px}.status-banner{flex-wrap:wrap;padding:23px;gap:15px}.status-banner .text-link{margin:0}.page-head{padding-top:35px}.page-head h1{font-size:38px;letter-spacing:-1.5px}.role-visual{position:static;max-width:430px;margin:auto;order:2}.training-layout{grid-template-columns:1fr;gap:25px}.training-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:7px}.training-nav button{font-size:12px;padding:10px}.training-videos{grid-template-columns:1fr}.status-summary{flex-wrap:wrap;padding:22px}.status-summary button{margin:0}.status-row{flex-wrap:wrap;padding:20px}.status-row div{min-width:180px}footer{margin-top:45px;gap:15px}footer>div{margin:0;flex-wrap:wrap}.art-caption{display:none}.hero-copy>p{font-size:15px}.button{padding:14px 20px}dialog{padding:45px 16px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.plain{background:none;border:0;padding:0;cursor:pointer}.training-videos .video-cover img{aspect-ratio:16/9}.training-videos .play{width:45px;height:45px;font-size:16px}
h1{letter-spacing:-1.8px}.brand img{filter:hue-rotate(35deg) saturate(.65)}@media(min-width:761px) and (max-width:1000px){.hero{grid-template-columns:1.05fr 1fr}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero .eyebrow{font-size:10px;letter-spacing:1px}}
@media(max-width:1250px){.header-cta{display:none}}@media(min-width:761px) and (max-width:850px){nav{gap:12px;font-size:11px}.header{gap:15px}.brand small{letter-spacing:1.1px}}
