:root {
  --col-black: #050505;
  --col-ink: #101010;
  --col-paper: #e9e8e2;
  --col-white: #f7f7f2;
  --col-blue: #1458ff;
  --col-blue-dark: #0637b9;
  --col-orange: #ff4d16;
  --col-acid: #c9ff19;
  --col-line: rgba(247, 247, 242, .22);
  --col-shell: min(1600px, calc(100vw - 96px));
  --col-display: "Syne", Arial Black, sans-serif;
  --col-sans: "Space Grotesk", Arial, sans-serif;
  --vt-serif: var(--col-display);
  --vt-sans: var(--col-sans);
}

html { scroll-behavior: smooth; }
body { background: var(--col-black); font-family: var(--col-sans); cursor: default; }
button, input, textarea, select { font: inherit; }
[hidden] { display: none !important; }
.col-shell { width: var(--col-shell); margin-inline: auto; }
.col-app { overflow: clip; background: var(--col-black); color: var(--col-white); }
.modal-open { overflow: hidden; }

/* Command bar */
.topbar {
  z-index: 9000;
  top: 0;
  width: 100%;
  min-height: 86px;
  padding: 0 clamp(20px, 3vw, 58px);
  border: 0;
  border-bottom: 2px solid rgba(247,247,242,.24);
  background: rgba(5,5,5,.68);
  box-shadow: none;
  backdrop-filter: blur(18px) contrast(130%);
}
.topbar::before { position: absolute; right: 0; bottom: -2px; left: 0; height: 2px; content: ""; background: var(--col-orange); transform: scaleX(var(--col-scroll, 0)); transform-origin: left; }
.topbar::after { display: none; }
.topbar.scrolled { top: 0; width: 100%; min-height: 72px; background: rgba(5,5,5,.94); box-shadow: 0 15px 35px rgba(0,0,0,.25); }
.topbar .brand { gap: 13px; }
.topbar .brand .mark { width: 42px; height: 42px; border: 0; border-radius: 0; clip-path: none; background: var(--col-blue); color: #fff; font-family: var(--col-display); font-size: 21px; font-weight: 800; transform: skew(-8deg); }
.topbar .brand .mark::after { position: absolute; right: -6px; bottom: -6px; width: 12px; height: 12px; content: ""; background: var(--col-orange); }
.topbar .brand b { color: #fff; font-family: var(--col-display); font-size: 19px; font-weight: 800; letter-spacing: -.045em; text-transform: uppercase; }
.topbar .brand small { color: rgba(247,247,242,.5); font-size: 7px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.topbar nav { gap: clamp(18px, 2.2vw, 38px); }
.topbar nav a, .topbar nav li a, .topbar .login { border: 0; background: transparent; color: rgba(247,247,242,.7); font-family: var(--col-sans); font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; cursor: pointer; }
.topbar nav a::after, .topbar nav li a::after { bottom: -10px; height: 3px; background: var(--col-blue); }
.topbar nav a:hover, .topbar nav li a:hover, .topbar .login:hover { color: #fff; }
.topbar .actions { gap: 10px; }
.topbar .btn.gold { min-height: 46px; padding-inline: 20px; border: 0; border-radius: 0; background: var(--col-blue); color: #fff; font-family: var(--col-sans); font-size: 8px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; box-shadow: 6px 6px 0 var(--col-orange); }
.topbar .btn.gold::before { display: none; }
.topbar .btn.gold:hover { background: var(--col-orange); color: #fff; box-shadow: 6px 6px 0 var(--col-blue); transform: translate(-2px,-2px); }

/* Hero: a digital battlefield, built from type, light and fractured architecture. */
.col-hero { position: relative; min-height: max(930px, 100svh); overflow: hidden; isolation: isolate; background: #020202; }
.col-hero-video, .col-hero-video::after, .col-hero-video video { position: absolute; inset: 0; width: 100%; height: 100%; }
.col-hero-video { z-index: -6; transform: translate3d(var(--col-x,0),var(--col-y,0),0) scale(1.08); }
.col-hero-video video { object-fit: cover; filter: saturate(.85) contrast(1.3) brightness(.62); }
.col-hero-video::after { content: ""; background: linear-gradient(90deg, rgba(0,0,0,.9) 0, rgba(0,0,0,.38) 52%, rgba(0,0,0,.7)), linear-gradient(0deg,#050505 0,transparent 24%,rgba(0,0,0,.45)); }
.col-hero-noise { position: absolute; z-index: -2; inset: 0; opacity: .16; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.col-hero-grid { position: absolute; z-index: -3; inset: 0; opacity: .26; background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(90deg,#000,transparent 78%); }
.col-blue-blast { position: absolute; z-index: -4; top: 18%; right: 12%; width: 42vw; height: 42vw; background: var(--col-blue); filter: blur(90px); opacity: .33; transform: rotate(14deg); }
.col-orange-blast { position: absolute; z-index: -3; right: -8vw; bottom: -20vw; width: 42vw; height: 42vw; border-radius: 50%; background: var(--col-orange); filter: blur(110px); opacity: .27; }
.col-hero-glyph { position: absolute; z-index: -1; top: 4%; right: 2%; color: transparent; font-family: var(--col-display); font-size: min(65vw, 900px); font-weight: 800; line-height: .8; -webkit-text-stroke: 2px rgba(255,255,255,.12); transform: translate3d(var(--col-x,0),var(--col-y,0),0); }
.col-broken-column { position: absolute; z-index: -1; right: 10%; bottom: -13%; width: 12vw; min-width: 155px; height: 78%; opacity: .66; filter: drop-shadow(-35px 25px 40px rgba(0,0,0,.55)); transform: translate3d(var(--col-x,0),var(--col-y,0),0) rotate(8deg); }
.col-broken-column i { position: absolute; top: 10%; bottom: 0; width: 24%; border-inline: 2px solid rgba(255,255,255,.4); background: repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 3px,transparent 3px 14px); }
.col-broken-column i:first-child { left: 7%; } .col-broken-column i:nth-child(2) { left: 38%; } .col-broken-column i:nth-child(3) { right: 7%; }
.col-broken-column span { position: absolute; top: 0; right: -12%; left: -12%; height: 12%; border: 2px solid rgba(255,255,255,.42); border-top: 18px solid rgba(255,255,255,.18); clip-path: polygon(0 10%,100% 0,93% 100%,4% 80%); }
.col-hero-inner { position: relative; z-index: 3; display: flex; min-height: max(930px,100svh); padding-top: 135px; padding-bottom: 76px; flex-direction: column; justify-content: center; }
.col-hero-topline { display: grid; margin-bottom: clamp(40px,5vh,70px); align-items: center; grid-template-columns: auto minmax(80px,310px) auto; gap: 20px; }
.col-hero-topline span,.col-hero-topline b { font-size: 8px; letter-spacing: .2em; }
.col-hero-topline span { color: var(--col-orange); } .col-hero-topline b { color: rgba(255,255,255,.52); }
.col-hero-topline i { height: 2px; background: rgba(255,255,255,.34); }
.col-hero h1 { position: relative; max-width: 1330px; margin: 0; font-family: var(--col-display); font-size: clamp(74px,10.2vw,176px); font-weight: 800; line-height: .72; letter-spacing: -.08em; text-transform: uppercase; }
.col-hero h1 span { display: block; }
.col-hero h1 span:nth-child(3) { color: var(--col-orange); }
.col-hero h1 .outline { color: transparent; -webkit-text-stroke: clamp(1px,.12vw,2px) #fff; }
.col-hero-bottom { display: grid; margin-top: clamp(48px,7vh,88px); align-items: end; grid-template-columns: minmax(430px,.75fr) minmax(420px,.55fr); gap: 8vw; }
.col-hero-bottom > div > p { max-width: 710px; margin: 0; color: rgba(255,255,255,.67); font-size: clamp(13px,1.05vw,17px); line-height: 1.6; }
.col-hero-actions { display: flex; margin-top: 26px; flex-wrap: wrap; gap: 10px; }
.col-main-cta,.col-login-cta { display: inline-flex; min-height: 62px; padding: 0 10px 0 22px; align-items: center; justify-content: space-between; border: 2px solid var(--col-white); border-radius: 0; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; gap: 42px; transition: transform 160ms ease,background 160ms ease,color 160ms ease; }
.col-main-cta { background: var(--col-blue); color: #fff; }
.col-login-cta { background: transparent; color: #fff; }
.col-main-cta b,.col-login-cta b { display: grid; width: 42px; height: 42px; background: #fff; color: #050505; font-size: 16px; place-items: center; }
.col-main-cta:hover,.col-login-cta:hover { background: var(--col-orange); color: #fff; transform: translate(-4px,-4px); box-shadow: 7px 7px 0 #fff; }
.col-email-gate { display: grid; min-height: 86px; padding: 10px; border: 2px solid rgba(255,255,255,.55); background: rgba(5,5,5,.58); backdrop-filter: blur(15px); grid-template-columns: 44px 1fr 60px; gap: 12px; }
.col-email-gate > span { align-self: center; color: var(--col-orange); font-size: 8px; text-align: center; }
.col-email-gate label { display: flex; flex-direction: column; justify-content: center; }
.col-email-gate small { color: rgba(255,255,255,.4); font-size: 7px; font-weight: 700; letter-spacing: .14em; }
.col-email-gate input { min-width: 0; margin-top: 5px; padding: 0; border: 0; outline: 0; background: transparent; color: #fff; font-family: var(--col-display); font-size: clamp(15px,1.2vw,20px); font-weight: 700; }
.col-email-gate button { border: 0; background: var(--col-orange); color: #fff; font-size: 20px; cursor: pointer; }
.col-scroll-code { position: absolute; right: 30px; bottom: 28px; display: flex; align-items: center; gap: 14px; writing-mode: vertical-rl; }
.col-scroll-code span { color: rgba(255,255,255,.42); font-size: 6px; letter-spacing: .2em; } .col-scroll-code b { color: var(--col-orange); animation: col-bounce 1.6s ease-in-out infinite; }

.col-kinetic-strip { position: relative; z-index: 4; overflow: hidden; border-block: 3px solid var(--col-black); background: var(--col-orange); color: #050505; transform: rotate(-1.3deg) scale(1.03); }
.col-kinetic-strip > div { display: flex; width: max-content; padding: 19px 0; align-items: center; gap: 36px; animation: col-marquee 25s linear infinite; }
.col-kinetic-strip span { font-family: var(--col-display); font-size: clamp(18px,2vw,31px); font-weight: 800; letter-spacing: -.03em; white-space: nowrap; } .col-kinetic-strip b { font-size: 22px; }

/* Manifesto */
.col-manifesto { position: relative; min-height: 1000px; padding: 170px 0 120px; overflow: hidden; color: var(--col-black); background: var(--col-paper); }
.col-manifesto::before { position: absolute; inset: 0; content: ""; opacity: .18; background-image: linear-gradient(#111 1px,transparent 1px),linear-gradient(90deg,#111 1px,transparent 1px); background-size: 110px 110px; mask-image: linear-gradient(90deg,#000,transparent 82%); }
.col-manifesto-grid { position: relative; display: grid; grid-template-columns: .22fr 1.05fr .55fr; gap: clamp(38px,5vw,90px); }
.col-section-code { display: flex; flex-direction: column; justify-content: space-between; border-left: 5px solid var(--col-blue); }
.col-section-code span,.col-section-code b { padding-left: 15px; font-size: 8px; letter-spacing: .15em; }
.col-section-code b { line-height: 1.6; writing-mode: vertical-rl; transform: rotate(180deg); }
.col-manifesto-title p { margin: 0 0 28px; color: var(--col-blue); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.col-manifesto h2 { margin: 0; font-family: var(--col-display); font-size: clamp(65px,8.5vw,142px); font-weight: 800; line-height: .74; letter-spacing: -.08em; }
.col-manifesto h2 span { color: transparent; -webkit-text-stroke: 2px var(--col-black); }
.col-manifesto-copy { align-self: end; padding-bottom: 15px; }
.col-greek-mark { display: block; margin-bottom: 38px; color: var(--col-orange); font-family: var(--col-display); font-size: 110px; font-weight: 800; line-height: .7; }
.col-manifesto-copy p { font-size: 15px; line-height: 1.75; }
.col-manifesto-copy button { display: flex; width: 100%; margin-top: 30px; padding: 18px 0; justify-content: space-between; border: 0; border-top: 3px solid #111; border-bottom: 3px solid #111; background: transparent; color: #111; font-size: 9px; font-weight: 800; letter-spacing: .1em; cursor: pointer; }
.col-manifesto-copy button:hover { color: var(--col-blue); border-color: var(--col-blue); }
.col-word-wall { position: absolute; right: -5vw; bottom: -2.4vw; left: -5vw; display: flex; opacity: .08; color: var(--col-black); font-family: var(--col-display); font-size: clamp(100px,17vw,300px); font-weight: 800; line-height: .6; letter-spacing: -.1em; white-space: nowrap; gap: 50px; }

/* Platform arenas */
.col-arenas { position: relative; padding: 150px 0 190px; overflow: hidden; background: var(--col-black); }
.col-arena-backdrop { position: absolute; top: 85px; right: -2vw; display: flex; align-items: end; opacity: .07; transform: translate3d(var(--col-x,0),var(--col-y,0),0); }
.col-arena-backdrop span { font-family: var(--col-display); font-size: 52vw; font-weight: 800; line-height: .6; } .col-arena-backdrop b { padding-bottom: 30px; font-size: 7vw; writing-mode: vertical-rl; }
.col-section-head { position: relative; z-index: 1; display: grid; grid-template-columns: 1.4fr .6fr; }
.col-section-head > span { grid-column: 1/-1; margin-bottom: 30px; color: var(--col-orange); font-size: 8px; letter-spacing: .18em; }
.col-section-head h2 { margin: 0; font-family: var(--col-display); font-size: clamp(69px,9vw,150px); font-weight: 800; line-height: .73; letter-spacing: -.08em; }
.col-section-head h2 b { color: transparent; font-weight: 800; -webkit-text-stroke: 2px #fff; }
.col-section-head p { max-width: 450px; align-self: end; justify-self: end; color: rgba(255,255,255,.55); font-size: 15px; line-height: 1.65; }
.col-arena-stack { position: relative; z-index: 2; margin-top: 110px; }
.col-arena-row { display: grid; min-height: 250px; padding: 30px 35px; align-items: center; border: 3px solid var(--col-white); border-bottom: 0; background: rgba(5,5,5,.84); grid-template-columns: 120px 1fr auto; transition: transform 220ms ease,background 220ms ease,color 220ms ease; }
.col-arena-row:last-child { border-bottom: 3px solid var(--col-white); }
.col-arena-row > span { color: var(--col-orange); font-family: var(--col-display); font-size: 17px; font-weight: 800; }
.col-arena-row small { color: rgba(255,255,255,.43); font-size: 7px; letter-spacing: .16em; }
.col-arena-row h3 { margin: 5px 0 7px; font-family: var(--col-display); font-size: clamp(50px,6.4vw,106px); font-weight: 800; line-height: .9; letter-spacing: -.065em; }
.col-arena-row p { margin: 0; color: rgba(255,255,255,.55); font-size: 12px; }
.col-arena-row button { display: flex; min-width: 230px; min-height: 62px; padding: 0 10px 0 20px; align-items: center; justify-content: space-between; border: 2px solid currentColor; background: transparent; color: inherit; cursor: pointer; }
.col-arena-row button i { font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .12em; } .col-arena-row button b { display:grid;width:40px;height:40px;background:var(--col-blue);color:#fff;place-items:center; }
.col-arena-row.inverse { border-color: var(--col-blue); background: var(--col-blue); color: #fff; transform: translateX(40px); }
.col-arena-row.inverse > span { color: var(--col-acid); }
.col-arena-row:hover { position: relative; z-index: 3; background: var(--col-orange); color: #050505; transform: translateX(-20px) scale(1.02); box-shadow: 20px 20px 0 var(--col-blue); }
.col-arena-row:hover small,.col-arena-row:hover p { color: rgba(0,0,0,.65); }
.col-arena-row:hover button b { background: #050505; }

/* Monetization truth */
.col-truth { padding: 160px 0; color: var(--col-black); background: var(--col-orange); }
.col-truth-head { display: grid; grid-template-columns: 1.25fr .6fr; gap: 7vw; }
.col-truth-head span { color: rgba(0,0,0,.68); font-size: 8px; font-weight: 800; letter-spacing: .17em; }
.col-truth-head h2 { margin: 32px 0 0; font-family: var(--col-display); font-size: clamp(72px,9.4vw,155px); font-weight: 800; line-height: .7; letter-spacing: -.08em; }
.col-truth-head h2 b { color: transparent; font-weight: 800; -webkit-text-stroke: 3px var(--col-black); }
.col-truth-head > div:last-child { align-self: end; padding: 30px; border: 3px solid #050505; background: rgba(255,255,255,.1); }
.col-truth-head strong { font-family: var(--col-display); font-size: 20px; line-height: 1.05; }
.col-truth-head p { margin: 18px 0 0; font-size: 13px; line-height: 1.65; }
.col-number-monoliths { display: grid; margin-top: 95px; border-top: 3px solid #050505; border-left: 3px solid #050505; grid-template-columns: 1fr 1fr .36fr; }
.col-number-monoliths > * { min-height: 570px; margin: 0; padding: clamp(28px,3.4vw,55px); border-right: 3px solid #050505; border-bottom: 3px solid #050505; }
.col-number-monoliths article { display: flex; flex-direction: column; justify-content: space-between; background: var(--col-paper); }
.col-number-monoliths article:nth-child(2) { background: var(--col-black); color: #fff; }
.col-number-monoliths article div > span { font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.col-number-monoliths article div > b { display:block;margin-top:35px;font-family:var(--col-display);font-size:clamp(100px,12vw,190px);font-weight:800;line-height:.65;letter-spacing:-.1em; }
.col-number-monoliths article div > small { font-size:9px;font-weight:800;letter-spacing:.16em; }
.col-number-monoliths article p { display:grid;margin:70px 0 20px;align-items:center;grid-template-columns:auto 1fr;column-gap:15px;font-size:11px;line-height:1.5; }
.col-number-monoliths article p strong { font-family:var(--col-display);font-size:34px; }
.col-number-monoliths article p i { grid-column:1/-1;margin:16px 0;font-style:normal;font-weight:800; }
.col-number-monoliths article em { padding-top:20px;border-top:2px solid currentColor;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.13em; }
.col-number-monoliths aside { display:flex;flex-direction:column;justify-content:space-between;background:var(--col-blue);color:#fff; }
.col-number-monoliths aside span { font-family:var(--col-display);font-size:120px;font-weight:800;line-height:.6; }
.col-number-monoliths aside p { font-size:10px;line-height:1.8;writing-mode:vertical-rl;transform:rotate(180deg); }

/* Public/private split */
.col-gate { display:grid;min-height:820px;background:#050505;grid-template-columns:1fr 94px 1fr; }
.col-gate-split { position:relative;display:flex;padding:clamp(55px,6vw,110px);flex-direction:column;justify-content:flex-end;overflow:hidden; }
.col-gate-split > span { position:absolute;top:30px;right:-10px;font-family:var(--col-display);font-size:clamp(80px,12vw,220px);font-weight:800;line-height:.8;opacity:.08;writing-mode:vertical-rl; }
.col-gate-split small { font-size:9px;letter-spacing:.18em; }
.col-gate-split h2 { margin:28px 0;font-family:var(--col-display);font-size:clamp(62px,7vw,120px);font-weight:800;line-height:.76;letter-spacing:-.07em; }
.col-gate-split p { max-width:450px;font-size:14px;line-height:1.7; }
.col-gate-split.public { background:var(--col-black);color:#fff; }
.col-gate-split.private { background:var(--col-paper);color:#050505; }
.col-gate-split.private h2 { color:var(--col-blue); }
.col-gate-center { display:flex;position:relative;z-index:2;align-items:center;justify-content:space-between;flex-direction:column;background:var(--col-blue);color:#fff; }
.col-gate-center i { width:3px;height:34%;background:#fff; }
.col-gate-center span { display:grid;width:94px;height:94px;border-block:3px solid #fff;font-family:var(--col-display);font-size:44px;font-weight:800;place-items:center; }

/* Final gate */
.col-final { position:relative;display:flex;min-height:970px;padding:130px 0;align-items:center;overflow:hidden;isolation:isolate;background:var(--col-blue); }
.col-final::before { position:absolute;z-index:-2;inset:0;content:"";opacity:.19;background:repeating-linear-gradient(105deg,transparent 0 70px,#000 72px 74px,transparent 76px 142px); }
.col-final-glyph { position:absolute;z-index:-1;right:-4vw;bottom:-13vw;color:transparent;font-family:var(--col-display);font-size:min(70vw,1000px);font-weight:800;line-height:.7;-webkit-text-stroke:3px rgba(255,255,255,.18);transform:translate3d(var(--col-x,0),var(--col-y,0),0); }
.col-final-lines { position:absolute;z-index:-1;inset:8%;border:3px solid rgba(255,255,255,.16);transform:skew(-7deg); }
.col-final-inner > span { color:var(--col-acid);font-size:8px;font-weight:800;letter-spacing:.2em; }
.col-final h2 { margin:42px 0 30px;font-family:var(--col-display);font-size:clamp(95px,15vw,250px);font-weight:800;line-height:.62;letter-spacing:-.09em; }
.col-final h2 b { color:var(--col-orange);font-weight:800; }
.col-final p { max-width:680px;font-size:16px;line-height:1.6; }
.col-final-inner > div { display:flex;margin-top:38px;gap:12px; }
.col-main-cta.jumbo,.col-login-cta.jumbo { min-height:78px;padding-left:28px;font-size:10px; }

/* Account gateway */
.col-auth-modal { position:fixed;z-index:10000;inset:0;display:grid;padding:24px;place-items:center; }
.col-modal-backdrop { position:absolute;inset:0;background:rgba(0,0,0,.82);opacity:0;backdrop-filter:blur(14px);transition:opacity 300ms ease; }
.col-modal-shell { position:relative;z-index:1;display:grid;width:min(1380px,calc(100vw - 48px));max-height:calc(100svh - 48px);overflow:auto;border:3px solid #fff;background:var(--col-paper);color:#050505;box-shadow:20px 20px 0 var(--col-orange);grid-template-columns:.78fr 1.22fr;opacity:0;transform:translateY(40px) scale(.98);transition:opacity 300ms ease,transform 300ms cubic-bezier(.22,1,.36,1); }
.col-auth-modal.is-open .col-modal-backdrop { opacity:1; }
.col-auth-modal.is-open .col-modal-shell { opacity:1;transform:none; }
.col-modal-close { position:absolute;z-index:5;top:16px;right:16px;display:grid;width:50px;height:50px;border:3px solid #050505;background:var(--col-orange);color:#050505;font-size:30px;cursor:pointer;place-items:center; }
.col-modal-visual { position:relative;display:flex;min-height:720px;padding:48px;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--col-blue);color:#fff; }
.col-modal-visual::after { position:absolute;right:-20%;bottom:-20%;width:85%;aspect-ratio:1;border:3px solid rgba(255,255,255,.26);content:"";transform:rotate(45deg); }
.col-modal-glyph { position:absolute;top:-90px;right:-30px;color:transparent;font-family:var(--col-display);font-size:470px;font-weight:800;-webkit-text-stroke:3px rgba(255,255,255,.21); }
.col-modal-visual small { color:var(--col-acid);font-size:7px;font-weight:800;letter-spacing:.18em; }
.col-modal-visual h2 { position:relative;margin:25px 0 0;font-family:var(--col-display);font-size:clamp(57px,5.7vw,95px);font-weight:800;line-height:.73;letter-spacing:-.075em; }
.col-modal-visual h2 b { color:var(--col-orange);font-weight:800; }
.col-modal-visual > p { position:relative;z-index:2;margin:0;font-size:8px;line-height:1.8;letter-spacing:.16em; }
.col-modal-content { padding:clamp(40px,5.5vw,88px); }
.col-auth-tabs { display:grid;margin:0 70px 60px 0;border:3px solid #050505;grid-template-columns:1fr 1fr; }
.col-auth-tabs button { min-height:50px;border:0;background:transparent;color:#050505;font-size:8px;font-weight:800;letter-spacing:.13em;cursor:pointer; }
.col-auth-tabs button.active { background:#050505;color:#fff; }
.col-pane-code { color:var(--col-blue);font-size:8px;font-weight:800;letter-spacing:.18em; }
.col-auth-pane > h2 { margin:20px 0 12px;font-family:var(--col-display);font-size:clamp(46px,4.5vw,75px);font-weight:800;line-height:.82;letter-spacing:-.065em; }
.col-auth-pane > p { max-width:630px;margin:0 0 34px;color:#5d5d5a;font-size:12px;line-height:1.65; }
.col-field-row { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.col-auth-pane form > label,.col-field-row label { display:block;margin-bottom:15px;font-size:8px;font-weight:800;letter-spacing:.12em; }
.col-auth-pane input[type="text"],.col-auth-pane input[type="email"],.col-auth-pane input[type="password"] { width:100%;height:60px;margin-top:8px;padding:0 16px;border:2px solid #050505;border-radius:0;outline:0;background:#fff;color:#050505;font-size:13px;font-weight:600;box-shadow:none; }
.col-auth-pane input:focus { border-color:var(--col-blue);box-shadow:5px 5px 0 var(--col-blue); }
.col-honeypot { position:absolute!important;left:-9999px!important; }
.col-check { display:flex!important;margin:5px 0 16px!important;align-items:flex-start;font-size:9px!important;font-weight:500!important;letter-spacing:0!important;gap:10px; }
.col-check input { margin-top:2px;accent-color:var(--col-blue); }
.col-check a { color:var(--col-blue);text-decoration:underline; }
.col-login-options { display:flex;align-items:center;justify-content:space-between; }
.col-login-options > a { color:var(--col-blue);font-size:8px;font-weight:800;letter-spacing:.08em; }
.col-form-message { min-height:22px;margin:8px 0;font-size:10px;font-weight:700; }
.col-form-message.is-error { color:#c52600; }.col-form-message.is-working { color:var(--col-blue); }.col-form-message.is-success { color:#187f37; }
.col-auth-submit { display:flex;width:100%;min-height:68px;padding:0 10px 0 23px;align-items:center;justify-content:space-between;border:3px solid #050505;background:var(--col-blue);color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em;cursor:pointer; }
.col-auth-submit.orange { background:var(--col-orange);color:#050505; }
.col-auth-submit b { display:grid;width:46px;height:46px;background:#fff;color:#050505;font-size:18px;place-items:center; }
.col-auth-pane form.is-loading .col-auth-submit { opacity:.65;pointer-events:none; }
.col-auth-pane form.is-loading .col-auth-submit b { border:3px solid rgba(0,0,0,.2);border-top-color:#050505;border-radius:50%;background:transparent;color:transparent;animation:col-spin .75s linear infinite; }

/* Authenticated homepage: same system, now a personal command deck. */
body.home.logged-in .topbar,body.home.logged-in .site-footer,body.views-titan-authenticated .topbar,body.views-titan-authenticated .site-footer { display:none; }
.vt-auth-transition #views-titan-app { opacity:0;transform:scale(.985); }
#views-titan-app { transition:opacity 360ms ease,transform 360ms ease; }
.vt-dashboard { position:relative;display:grid;min-height:100svh;overflow:hidden;color:#fff;background:radial-gradient(circle at 74% -10%,rgba(20,88,255,.62),transparent 30%),var(--col-black);font-family:var(--col-sans);grid-template-columns:118px 1fr;opacity:0; }
.vt-dashboard.is-ready,body.home.logged-in .vt-dashboard { opacity:1; }
.vt-dash-ambient::before { position:absolute;inset:0;content:"";opacity:.17;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent,#000); }
.vt-dash-ambient i { border:3px solid rgba(255,255,255,.08);border-radius:0;transform:rotate(45deg); }
.vt-dash-rail { position:relative;z-index:3;min-height:100svh;border-right:3px solid #fff;background:#050505; }
.vt-dash-logo { min-height:118px;border-bottom:3px solid #fff; }
.vt-dash-logo span { width:51px;height:51px;border:0;border-radius:0;background:var(--col-blue);color:#fff;font-family:var(--col-display);font-size:22px;font-weight:800;clip-path:none; }
.vt-dash-logo small { color:#fff;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase; }
.vt-dash-rail nav { gap:4px; }
.vt-dash-rail nav a { min-height:82px;color:rgba(255,255,255,.48); }
.vt-dash-rail nav a i { border:2px solid rgba(255,255,255,.2);border-radius:0;font-style:normal; }
.vt-dash-rail nav a.active,.vt-dash-rail nav a:hover { background:var(--col-blue);color:#fff; }
.vt-dash-rail nav a.active i,.vt-dash-rail nav a:hover i { border-color:#fff; }
.vt-dash-logout { border-top:3px solid #fff;color:rgba(255,255,255,.65); }
.vt-dash-main { position:relative;z-index:2;width:min(1660px,100%);margin-inline:auto;padding:0 clamp(28px,5vw,88px) 70px; }
.vt-dash-header { min-height:118px;border-bottom:3px solid rgba(255,255,255,.2); }
.vt-dash-header > div:first-child > p { color:var(--col-orange);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase; }
.vt-dash-header > div:first-child > span { color:rgba(255,255,255,.55); }
.vt-dash-header > div:first-child > span i { background:var(--col-acid);box-shadow:0 0 14px var(--col-acid); }
.vt-dash-user > span { border:2px solid #fff;border-radius:0;background:var(--col-blue);font-family:var(--col-display);font-weight:800; }
.vt-dash-welcome { position:relative;min-height:470px;margin-top:42px;padding:clamp(40px,5vw,76px);border:3px solid #fff;background:linear-gradient(125deg,var(--col-blue) 0 55%,#083cbf 55% 67%,transparent 67%);box-shadow:16px 16px 0 var(--col-orange); }
.vt-dash-welcome::after { position:absolute;right:3%;bottom:-40%;color:transparent;content:"Ω";font-family:var(--col-display);font-size:420px;font-weight:800;-webkit-text-stroke:3px rgba(255,255,255,.16); }
.vt-overline { color:var(--col-acid)!important;font-size:8px!important;font-weight:800;letter-spacing:.16em; }
.vt-overline span { background:var(--col-acid)!important; }
.vt-dash-welcome h1 { max-width:850px;margin:22px 0;font-family:var(--col-display);font-size:clamp(68px,8vw,135px);font-weight:800;line-height:.75;letter-spacing:-.08em;text-transform:uppercase; }
.vt-dash-welcome > div:first-child > p:not(.vt-overline) { max-width:680px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.65; }
.vt-dash-primary { min-height:65px;margin-top:26px;border:3px solid #fff;background:#050505;color:#fff;box-shadow:7px 7px 0 var(--col-orange); }
.vt-dash-primary b { background:var(--col-orange);color:#050505; }
.vt-dash-sigil { opacity:.23; }
.vt-dash-sigil i { border:3px solid #fff;border-radius:0; }
.vt-dash-sigil span { color:#fff;font-family:var(--col-display);font-weight:800; }
.vt-dash-status-grid { display:grid;margin-top:75px;border-top:3px solid #fff;border-left:3px solid #fff;grid-template-columns:repeat(3,1fr);gap:0; }
.vt-dash-status-grid article { min-height:310px;padding:38px;border:0;border-right:3px solid #fff;border-bottom:3px solid #fff;border-radius:0;background:rgba(5,5,5,.7); }
.vt-dash-status-grid article:nth-child(2) { background:var(--col-orange);color:#050505;transform:translateY(-20px); }
.vt-dash-status-grid article > span { color:var(--col-blue);font-weight:800; }.vt-dash-status-grid article:nth-child(2)>span{color:#050505;}
.vt-dash-status-grid article small { color:inherit;font-size:8px;font-weight:800;letter-spacing:.16em; }
.vt-dash-status-grid h2 { margin:38px 0 14px;color:inherit;font-family:var(--col-display);font-size:49px;font-weight:800;letter-spacing:-.06em;text-transform:uppercase; }
.vt-dash-status-grid p { color:inherit;opacity:.58; }
.vt-dash-lower { display:grid;margin-top:70px;grid-template-columns:1.3fr .7fr;gap:24px; }
.vt-dash-path,.vt-dash-support { border:3px solid #fff;border-radius:0;background:#0c0c0c; }
.vt-dash-path header { border-bottom:3px solid #fff; }.vt-dash-path header h2,.vt-dash-support h2{font-family:var(--col-display);font-weight:800;letter-spacing:-.05em;}
.vt-dash-path header>span { border:2px solid var(--col-blue);border-radius:0;color:#fff; }
.vt-dash-path li { border-color:rgba(255,255,255,.2); }.vt-dash-path li>b { color:var(--col-orange); }.vt-dash-path li>i{background:var(--col-blue);color:#fff;}.vt-dash-path li>a{border-radius:0;background:var(--col-blue);color:#fff;}
.vt-dash-support { background:var(--col-blue); }.vt-dash-support>span{color:var(--col-acid);font-family:var(--col-display);}.vt-dash-support>a{border-color:rgba(255,255,255,.55);color:#fff;}

/* Motion helpers */
[data-col-reveal] { opacity:0;transform:translateY(55px) skewY(1.5deg);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1); }
[data-col-reveal].is-visible { opacity:1;transform:none; }

@keyframes col-marquee { to { transform:translateX(-50%); } }
@keyframes col-bounce { 50% { transform:translateY(8px); } }
@keyframes col-spin { to { transform:rotate(360deg); } }

@media (max-width: 1180px) {
  :root { --col-shell:min(100% - 52px,1500px); }
  .topbar nav { display:none;position:absolute;top:100%;right:0;left:0;padding:26px;background:#050505;border-bottom:3px solid #fff; }
  .topbar nav.open { display:flex; }
  .topbar .menu { display:grid; }
  .col-hero-bottom { grid-template-columns:1fr .72fr;gap:35px; }
  .col-manifesto-grid { grid-template-columns:90px 1fr; }.col-manifesto-copy{grid-column:2;max-width:650px;}
  .col-arena-row { grid-template-columns:80px 1fr; }.col-arena-row button{grid-column:2;margin-top:25px;}
  .col-number-monoliths { grid-template-columns:1fr 1fr; }.col-number-monoliths aside{grid-column:1/-1;min-height:auto;flex-direction:row;align-items:center;}.col-number-monoliths aside p{max-width:650px;writing-mode:initial;transform:none;}
  .col-modal-shell { grid-template-columns:.68fr 1.32fr; }.col-modal-visual{min-height:680px;padding:35px;}
}

@media (max-width: 900px) {
  :root { --col-shell:calc(100vw - 36px); }
  .topbar { min-height:72px;padding-inline:18px; }.topbar .brand small{display:none;}.topbar .actions{margin-left:auto;}.topbar .login{display:none;}.topbar .btn.gold{min-height:40px;box-shadow:4px 4px 0 var(--col-orange);}.topbar .menu{order:4;}
  .col-hero { min-height:900px; }.col-hero-inner{min-height:900px;padding-top:120px;}.col-hero h1{font-size:clamp(62px,15vw,120px);line-height:.74;}.col-hero-bottom{grid-template-columns:1fr;}.col-email-gate{max-width:600px}.col-broken-column{right:-4%;opacity:.4}.col-hero-topline{grid-template-columns:auto 1fr}.col-hero-topline b{display:none}
  .col-manifesto { min-height:auto;padding:120px 0 170px; }.col-manifesto-grid{grid-template-columns:1fr}.col-section-code{display:none}.col-manifesto-copy{grid-column:1;max-width:680px}.col-greek-mark{font-size:72px}.col-manifesto h2{font-size:clamp(60px,15vw,115px)}
  .col-arenas{padding:120px 0}.col-section-head{grid-template-columns:1fr}.col-section-head p{margin-top:28px;justify-self:start}.col-arena-stack{margin-top:65px}.col-arena-row,.col-arena-row.inverse{transform:none}.col-arena-row:hover{transform:translateX(-6px)}
  .col-truth{padding:120px 0}.col-truth-head{grid-template-columns:1fr}.col-truth-head>div:last-child{max-width:620px}.col-number-monoliths{grid-template-columns:1fr}.col-number-monoliths aside{grid-column:auto}.col-number-monoliths>*{min-height:480px}
  .col-gate{grid-template-columns:1fr}.col-gate-center{height:90px;flex-direction:row}.col-gate-center i{width:34%;height:3px}.col-gate-center span{height:90px}.col-gate-split{min-height:600px}
  .col-final{min-height:850px}.col-final h2{font-size:clamp(90px,23vw,180px)}
  .col-modal-shell{grid-template-columns:1fr}.col-modal-visual{display:none}.col-modal-content{padding:64px 30px 35px}.col-auth-tabs{margin-right:55px;margin-bottom:38px}
  .vt-dashboard{grid-template-columns:84px 1fr}.vt-dash-main{padding-inline:24px}.vt-dash-welcome{background:var(--col-blue)}.vt-dash-status-grid{grid-template-columns:1fr}.vt-dash-status-grid article:nth-child(2){transform:none}.vt-dash-lower{grid-template-columns:1fr}
}

@media (max-width: 620px) {
  .topbar .brand b{font-size:15px}.topbar .btn.gold{padding-inline:12px;font-size:7px}.topbar .btn.gold span{display:none}
  .col-hero{min-height:820px}.col-hero-inner{min-height:820px;padding-top:105px;padding-bottom:55px}.col-hero h1{font-size:clamp(51px,16.7vw,90px);line-height:.77}.col-hero-actions{display:grid;grid-template-columns:1fr}.col-main-cta,.col-login-cta{width:100%}.col-email-gate{display:none}.col-scroll-code{display:none}
  .col-kinetic-strip>div{padding-block:13px}.col-kinetic-strip span{font-size:17px}
  .col-manifesto,.col-arenas,.col-truth{padding-top:95px}.col-manifesto h2,.col-section-head h2,.col-truth-head h2{font-size:clamp(52px,16vw,82px);line-height:.78}.col-word-wall{bottom:20px}
  .col-arena-row{display:block;min-height:0;padding:28px 23px}.col-arena-row>span{display:block;margin-bottom:25px}.col-arena-row h3{font-size:48px}.col-arena-row button{width:100%;min-width:0;margin-top:25px}.col-arena-row.inverse{border-color:#fff}
  .col-number-monoliths>*{min-height:440px;padding:28px}.col-number-monoliths article div>b{font-size:110px}.col-number-monoliths aside{min-height:260px}.col-number-monoliths aside span{font-size:80px}
  .col-gate-split{min-height:500px;padding:35px 24px}.col-gate-split h2{font-size:62px}.col-final-inner>div{display:grid}.col-final h2{font-size:clamp(78px,25vw,130px)}
  .col-auth-modal{padding:0}.col-modal-shell{width:100%;max-height:100svh;min-height:100svh;border:0;box-shadow:none}.col-modal-content{padding:75px 20px 30px}.col-auth-tabs{margin-right:48px}.col-auth-pane>h2{font-size:45px}.col-field-row{grid-template-columns:1fr}.col-login-options{align-items:flex-start;flex-direction:column}.col-auth-submit{font-size:8px}
  .vt-dashboard{display:block;padding-bottom:86px}.vt-dash-rail{position:fixed;z-index:50;right:0;bottom:0;left:0;display:flex;min-height:76px;border:0;border-top:3px solid #fff}.vt-dash-logo,.vt-dash-logout{display:none}.vt-dash-rail nav{display:grid;width:100%;grid-template-columns:repeat(4,1fr)}.vt-dash-rail nav a{min-height:73px}.vt-dash-rail nav a i{width:28px;height:28px}.vt-dash-rail nav a span{font-size:5px}.vt-dash-main{padding-inline:14px}.vt-dash-header{min-height:90px}.vt-dash-header>div:first-child{display:none}.vt-dash-welcome{min-height:430px;margin-top:15px;padding:32px 22px;box-shadow:8px 8px 0 var(--col-orange)}.vt-dash-welcome h1{font-size:58px}.vt-dash-welcome::after{display:none}.vt-dash-status-grid{margin-top:55px}.vt-dash-path header,.vt-dash-path li,.vt-dash-support{padding-inline:23px}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important; }
  [data-col-reveal] { opacity:1;transform:none; }
}