/* Sideline theme layer: night-blue accent, liquid glass, smooth motion.
   Loaded LAST on every page so it overrides the page's own styles. */
:root{--bg:#07080A;--ln:rgba(255,255,255,.10);--ln2:rgba(255,255,255,.17);--mu:#A9AFB9;--dim:#7E848E;
--blue:#2F5BEA;--blue2:#4F7BFF;--lb:#8FB0FF;--grad:linear-gradient(135deg,#0B1E4A,#2F5BEA);
--glass:rgba(255,255,255,.065);--glass-b:rgba(255,255,255,.13);
--glass-sh:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.03),0 12px 40px rgba(0,0,0,.4);
--ease:cubic-bezier(.2,.7,.2,1);--spring:cubic-bezier(.34,1.45,.5,1)}

body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI",system-ui,sans-serif;
background:radial-gradient(900px 600px at 88% -4%,rgba(47,91,234,.2),transparent 60%),radial-gradient(800px 700px at -6% 42%,rgba(90,120,210,.11),transparent 60%),#07080A;background-attachment:fixed}
:focus-visible{outline:2px solid var(--blue2);outline-offset:3px}
::selection{background:rgba(79,123,255,.4)}

/* headlines: solid, heavy, a little looser than before */
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif}
.hero h1,main h1{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff}
.hero h1{font-weight:800;font-size:clamp(42px,7.2vw,92px);line-height:1.03;letter-spacing:-.04em;max-width:980px}
.hero h1 em{font-style:normal;color:var(--lb)}
main h1{font-weight:800;letter-spacing:-.035em;line-height:1.04}
h2{font-weight:800;font-size:clamp(32px,4.6vw,56px);line-height:1.05;letter-spacing:-.035em}
.card h3,.mi h3,.cap h3,.gc h3{letter-spacing:-.02em}

/* eyebrow / badge: plain text, no pill, no glowing dot */
.badge{border:0;background:none;padding:0;color:var(--lb);font-weight:700;letter-spacing:.14em}
.badge b{display:none}
.eyebrow{color:var(--lb);font-weight:700;letter-spacing:.14em}

/* hero light is blue, not white */
.hero::before{background:radial-gradient(closest-side,rgba(47,91,234,.34),rgba(47,91,234,.08) 55%,transparent)}
.hero::after{opacity:.3}
@supports (animation-timeline:scroll()){
#home.hero>.wrap{animation:heroOut linear both;animation-timeline:scroll(root);animation-range:0 520px}
@keyframes heroOut{to{transform:translateY(-70px);opacity:.25}}}

/* floating glass nav */
nav{top:calc(env(safe-area-inset-top,0px) + 14px);background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;view-transition-name:sl-nav}
nav.s,nav.o{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
nav .nb{position:relative;width:calc(100% - 28px);max-width:1100px;min-height:60px;height:auto;margin:0 auto;padding:0 10px 0 20px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-b);box-shadow:var(--glass-sh);transition:box-shadow .4s var(--ease),transform .4s var(--ease);animation:navin .8s var(--ease) both}
nav.s .nb{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 22px 60px rgba(0,0,0,.6)}
@keyframes navin{from{opacity:0;transform:translateY(-22px)}}
.links{position:relative;gap:2px;align-items:center}
.links a{position:relative;z-index:1;padding:9px 14px;border-radius:999px;color:#C5CAD3;transition:color .25s}
.links a:hover,.links a.on{color:#fff}
.gt{position:absolute;left:0;top:50%;height:36px;margin-top:-18px;width:0;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 14px rgba(0,0,0,.35);opacity:0;transition:transform .55s var(--spring),width .55s var(--spring),opacity .25s;pointer-events:none;z-index:0}
.logo{letter-spacing:.12em}
@media(max-width:900px){.gt{display:none}
nav.o .links{top:70px;left:0;right:0;border-radius:26px;padding:10px 18px 14px;background:rgba(16,18,24,.82);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glass-b);box-shadow:var(--glass-sh)}
nav.o .links a{border-radius:0;padding:14px 4px}}

/* buttons */
.btn{transition:transform .4s var(--spring),filter .2s,background .25s,border-color .25s,box-shadow .25s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.btn:hover{transform:scale(1.035)}.btn:active{transform:scale(.96)}
.btn.w,main .btn,.dlb{background:var(--grad);border-color:rgba(255,255,255,.2);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 30px rgba(47,91,234,.28)}
.btn.w:hover,main .btn:hover{background:var(--grad);filter:brightness(1.15)}
.btn:not(.w):not(.dlb){background:var(--glass);border-color:var(--glass-b);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.btn:not(.w):not(.dlb):hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
main .btn:not(.w):not(.dlb),main .btn:not(.w):not(.dlb):hover{background:var(--grad);border-color:rgba(255,255,255,.2);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 30px rgba(47,91,234,.28)}
main .btn:disabled{opacity:.6}
.burger{background:var(--glass);border-color:var(--glass-b)}

/* glass surfaces */
.card,.gc,.mem,.staff div,.empty,.join,.mc,.pc{background:var(--glass);border:1px solid var(--glass-b);box-shadow:var(--glass-sh);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}
.mc{background:rgba(18,20,26,.76);-webkit-backdrop-filter:blur(34px) saturate(180%);backdrop-filter:blur(34px) saturate(180%)}
.card,.gc,.mem{transition:transform .5s var(--spring),border-color .3s,box-shadow .4s var(--ease)}
.card:hover{border-color:rgba(255,255,255,.22)}
.mem:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 34px 60px -26px rgba(47,91,234,.45)}
.gc:hover{transform:translateY(-5px);border-color:rgba(143,176,255,.4)}
.mem{background:#0c0e12}
.join{background:radial-gradient(760px 380px at 50% -12%,rgba(47,91,234,.32),transparent 70%),var(--glass)}
.join::before{display:none}
.pc .sb{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
.mis{border:1px solid var(--glass-b);border-radius:22px;background:var(--glass);box-shadow:var(--glass-sh);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.chip,.fb{background:var(--glass);border-color:var(--glass-b);color:#D8DCE3;transition:transform .4s var(--spring),background .25s,color .25s,border-color .25s}
.chip:hover,.fb:hover{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.26);transform:translateY(-2px)}
.chip.on,.fb.on{background:var(--grad);color:#fff;border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.ig:hover,.soc:hover{background:var(--grad);color:#fff;border-color:transparent}
.add:hover{background:rgba(79,123,255,.1);color:#fff;border-color:rgba(143,176,255,.5)}
.th img.on{border-color:var(--blue2)}
.cx,.x,.nv{background:var(--glass);border-color:var(--glass-b);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .35s var(--spring)}
.cx:hover,.x:hover,.nv:hover{transform:scale(1.08)}

/* about pillars become numbered rows instead of icon boxes */
.pil{gap:0;counter-reset:p;border-top:1px solid var(--ln)}
.pil .card{display:grid;grid-template-columns:76px 1fr;grid-template-areas:"n h" "n p";column-gap:18px;border:0;border-bottom:1px solid var(--ln);border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:26px 0}
.pil .card:hover{transform:translateX(6px)}
.pil .card::before{counter-increment:p;content:counter(p,decimal-leading-zero);grid-area:n;font-size:34px;font-weight:700;letter-spacing:-.03em;color:var(--blue2);line-height:1}
.pil .ic,.ct .ic{display:none}
.pil .card h3{grid-area:h;margin:0}.pil .card p{grid-area:p}
.ct .card p{min-height:0}

/* forms */
form input,form select,form textarea,input,select,textarea{transition:border-color .2s,box-shadow .2s,background .2s}
form input:focus,form select:focus,form textarea:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue2);box-shadow:0 0 0 3px rgba(79,123,255,.25);background:rgba(255,255,255,.06)}

/* motion: scroll reveal, hero rise, page transitions */
.rv{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease)}
.rv.in{opacity:1;transform:none;filter:none}
@keyframes rise{from{opacity:0;transform:translateY(38px);filter:blur(8px)}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtout .22s ease both}
::view-transition-new(root){animation:vtin .4s var(--ease) both}
@keyframes vtout{to{opacity:0}}
@keyframes vtin{from{opacity:0;transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none;filter:none}}

/* legal pages */
body>main .brand{margin-bottom:36px}