.brand { display:inline-flex; align-items:center; gap:10px; font-size:20px; font-weight:800; white-space:nowrap; }
.brand-logo { display:block; width:38px; height:38px; object-fit:cover; border:1px solid rgba(0,229,241,.5); background:#06131b; box-shadow:inset 0 0 14px rgba(0,229,241,.25); }
.site-footer .brand-logo { width:32px; height:32px; }
.brand strong { font-weight:700; }
.brand-mark { position:relative; display:grid; place-items:center; width:38px; height:38px; overflow:hidden; border:1px solid rgba(0,229,241,.5); background:#06131b; box-shadow:inset 0 0 14px rgba(0,229,241,.25); }
.brand-mark:before { content:""; width:20px; height:20px; border:2px solid var(--cyan); transform:rotate(45deg); box-shadow:0 0 12px var(--cyan); }
.brand-mark i,.brand-mark b { position:absolute; width:3px; height:22px; background:var(--magenta); filter:drop-shadow(0 0 5px var(--magenta)); transform:rotate(45deg); }
.brand-mark i { transform:rotate(45deg) translate(-8px); }.brand-mark b { transform:rotate(45deg) translate(8px); background:var(--cyan); }
.site-header { height:86px; display:flex; align-items:center; justify-content:space-between; gap:24px; position:absolute; inset:0 0 auto; z-index:5; }
.main-nav { display:flex; align-items:center; gap:25px; color:#cad4d9; font-size:14px; }.main-nav a { transition:color .2s; }.main-nav a:hover { color:var(--cyan); }
.workspace-button { min-height:44px; border:1px solid rgba(0,229,241,.23); border-radius:24px; padding:0 18px; color:white; font-weight:800; background:rgba(8,22,29,.7); }.workspace-button span { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); }
.section { padding:110px 0; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:35px; }.section-heading h2,.split-copy h2 { margin:8px 0 0; font-size:38px; line-height:1.15; letter-spacing:0; }.section-heading h2 em { margin-left:9px; }
.site-footer { border-top:1px solid var(--line); color:var(--muted); font-size:13px; }.site-footer .container { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.site-footer .brand { font-size:16px; color:var(--text); }.site-footer .brand-mark { transform:scale(.75); margin:-5px; }
@media (max-width:960px) { .main-nav { display:none; }.site-header { height:72px; }.brand { font-size:17px; }.site-header .brand-mark { transform:scale(.82); margin:-3px; }.section { padding:76px 0; } }
@media (max-width:600px) { .workspace-button { min-height:39px; padding:0 12px; font-size:12px; }.section-heading { align-items:start; flex-direction:column; }.section-heading h2,.split-copy h2 { font-size:30px; }.site-footer .container { padding:18px 0; min-height:0; flex-wrap:wrap; }.site-footer p { width:100%; order:3; margin:0; } }