/* Larger brand system and floating navigation, shared by all pages. */
:root{font-size:17px}
.header{position:sticky;top:12px;max-width:calc(100% - 40px);height:106px;margin:12px auto 0;padding:0 28px;gap:28px;border:1px solid #87d4ec24;border-radius:20px;background:linear-gradient(110deg,#102632ed,#081821ed);backdrop-filter:blur(24px);box-shadow:0 12px 50px #0003,inset 0 1px #dcfaff0b}
.brand{gap:0}.brand img{width:65px;height:82px;filter:none;object-fit:contain}.brand span{font-size:28px;letter-spacing:4px}.brand small{font-size:9px;letter-spacing:1.8px;margin-top:7px}
nav{gap:3px;padding:6px;border:1px solid #709db421;border-radius:13px;background:#04121b8c;justify-content:center}
nav a{position:relative;font-size:14px;font-weight:600;padding:14px 14px;color:#bbccd7;transition:background .2s,color .2s;border-radius:9px}
nav a:hover{background:#223c4a;color:#f1fbff}nav a[aria-current]{background:linear-gradient(135deg,#284b5d,#173443);color:#b8ebff;box-shadow:inset 0 0 0 1px #77d5ec35,0 3px 12px #0002}
nav a[aria-current]:after{content:'';position:absolute;bottom:5px;left:calc(50% - 9px);width:18px;height:2px;border-radius:3px;background:var(--mint)}
.header-cta{background:#99dff6;padding:15px 18px!important;font-size:14px!important;border-radius:10px;white-space:nowrap;box-shadow:0 0 24px #78d7f012}
.wrap{max-width:1440px;padding-left:5%;padding-right:5%}.hero{min-height:720px;gap:25px;padding-top:65px;padding-bottom:70px}.hero h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-2.4px}.hero-copy>p{font-size:18px;max-width:535px}.eyebrow{font-size:13px;letter-spacing:1.8px}.button{font-size:16px;padding:18px 26px}.hero-note{font-size:14px}.hero-art{min-height:540px;background:radial-gradient(ellipse at center,#214c6244,transparent 65%)}.hero-art>img{width:540px;height:540px;object-fit:contain;border-radius:0;mask-image:none;filter:drop-shadow(0 0 28px #65cbed23)}.orbit{inset:8%;border-color:#82ccde35}.orbit.second{inset:0%;opacity:.55}.label-one{top:38px;right:0}.label-two{bottom:36px;left:0}.float-label{padding:18px 22px;font-size:15px}.float-label small{font-size:13px}.art-caption{font-size:11px}.stripe div{font-size:15px}.section-top p,.role-card p,.news p,.feature-row p,.tutorial p,.tutorial ol{font-size:16px}.text-link{font-size:16px}.role-card h3{font-size:28px}.role-photo{height:300px}.section-top h2{font-size:42px}.page-head h1{font-size:58px}.guide-list a{font-size:16px}.hero .actions{gap:15px}footer{max-width:1440px}footer p,footer>div{font-size:14px}
@media(max-width:1450px){.header-cta{display:none}.header{gap:20px}nav{margin-left:auto;margin-right:0}nav a{padding:14px 12px;font-size:14px}}
@media(min-width:901px) and (max-width:1150px){.header{height:auto;min-height:145px;flex-wrap:wrap;justify-content:center;gap:0;padding:8px 16px 12px}.brand img{height:65px}.brand small{display:none}.header nav{width:100%;margin:0;justify-content:space-evenly}.hero h1{font-size:52px}.hero-art{min-height:460px}.hero-art>img{height:460px}.hero{min-height:640px}}
@media(max-width:900px){.header{top:8px;max-width:calc(100% - 24px);height:90px;padding:0 14px;margin-top:8px;justify-content:space-between;gap:10px;border-radius:15px}.brand img{height:72px;width:52px}.brand span{font-size:25px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:1.1px}.menu-toggle{display:block;font-size:23px;width:48px;height:48px;background:#152e3b;border:1px solid #345362;border-radius:11px;padding:8px}.header nav{display:none;position:absolute;top:99px;left:0;right:0;margin:0;padding:12px;border:1px solid #3a5968;background:#0b202cee;backdrop-filter:blur(24px);box-shadow:0 20px 40px #0008;border-radius:15px}.header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:7px}.header nav a{font-size:15px;padding:16px 12px}.header nav a[aria-current]:after{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:55px;gap:30px}.hero h1{font-size:clamp(43px,7.8vw,66px);letter-spacing:-1.8px}.hero-copy>p{font-size:17px;max-width:600px}.hero-art{width:100%;max-width:490px;min-height:430px;margin:auto}.hero-art>img{width:430px;height:430px}.hero .eyebrow{font-size:12px;letter-spacing:1.3px}.float-label{padding:14px 16px;font-size:14px}.float-label small{font-size:12px}.section-top h2{font-size:34px}.page-head h1{font-size:43px}.role-grid{grid-template-columns:1fr}.role-card p{min-height:0}.role-photo{height:300px}.hero-note{font-size:13px}}
@media(max-width:420px){.brand span{font-size:22px;letter-spacing:2.5px}.brand small{font-size:7px;letter-spacing:1px}.brand img{width:47px}.header{padding:0 10px}.hero h1{font-size:43px}.hero-art{min-height:385px}.hero-art>img{height:385px;width:385px}.label-one{top:5px}.label-two{bottom:5px}.float-label{font-size:13px}.button{font-size:15px;padding:16px 21px}.hero .eyebrow{font-size:10px}.hero-copy>p{font-size:16px}}
main:focus{outline:none}
.brand{gap:13px}.brand img{width:64px;height:64px;object-fit:cover;border-radius:13px;filter:none;border:1px solid #68c9ed35}.hero-art>img{border-radius:50%;mask-image:radial-gradient(ellipse,black 44%,transparent 72%);filter:none}.video-cover img[src*="meshale-feature-blue"]{aspect-ratio:16/9;object-fit:cover}@media(max-width:900px){.brand img{width:54px;height:54px}.brand{gap:11px}}@media(max-width:420px){.brand img{width:48px;height:48px}.brand{gap:9px}}
.stripe div{font-family:inherit;font-size:42px;font-weight:500;line-height:1.25;letter-spacing:-1px;color:var(--text);align-items:flex-start;min-width:0}
.stripe span{flex:none;margin-top:.2em}
@media(max-width:900px){.stripe{grid-template-columns:1fr;gap:24px}.stripe div{font-size:34px}}