/* Prospectology — self-hosted webfonts (no third-party requests) */
/* Schibsted Grotesk — display + UI. Replaces Inter: more character, and
   deliberately not the Geist that competitors have standardised on. */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('fonts/schibsted-grotesk.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-400.woff2') format('woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-500.woff2') format('woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-mono-600.woff2') format('woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter-100-900.woff2') format('woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ================= site styles ================= */

@charset "utf-8";

* { box-sizing: border-box; margin: 0px; padding: 0px; }

:root { --mono: 'IBM Plex Mono',ui-monospace,Menlo,monospace; --sans: 'Schibsted Grotesk','Inter',system-ui,sans-serif; --blue-d: #126FFF; --blue: #4D92FF; --green: #12B981; --red: #E5776F; }

:root, [data-theme="light"] { --bg: #FFFFFF; --bg2: #F8F9FB; --panel: #FFFFFF; --panel2: #F6F7F9; --line: #ECEDF0; --line2: #E1E3E8; --desk: #0B0C0E; --txt: #4B4F58; --white: #0A0B0D; --mute: #6B7078; --dim: #A6AAB2; --glow: rgba(18,111,255,.13); --grid: rgba(20,24,40,.04); --sh: 0 1px 2px rgba(16,18,26,.04),0 10px 34px -14px rgba(16,18,26,.10); }

[data-theme="dark"] { --bg: #0A0A0C; --bg2: #0E0F12; --panel: #131418; --panel2: #171920; --line: #22242B; --line2: #2C2F38; --desk: #050506; --txt: #C5C9D1; --white: #FAFBFC; --mute: #8B9099; --dim: #565A63; --glow: rgba(18,111,255,.26); --grid: rgba(255,255,255,.028); --sh: 0 20px 50px -24px rgba(0,0,0,.6); }

@media (prefers-color-scheme: dark) { :root:not([data-theme]) { --bg: #0A0A0C; --bg2: #0E0F12; --panel: #131418; --panel2: #171920; --line: #22242B; --line2: #2C2F38; --desk: #050506; --txt: #C5C9D1; --white: #FAFBFC; --mute: #8B9099; --dim: #565A63; --glow: rgba(18,111,255,.26); --grid: rgba(255,255,255,.028); --sh: 0 20px 50px -24px rgba(0,0,0,.6); } }

body { background-color: var(--bg); color: var(--txt); font-family: var(--sans); -webkit-font-smoothing: antialiased; line-height: 1.6; transition: 0.3s; background-image: radial-gradient(circle at 86% -6%,var(--glow),transparent 34%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px); background-size: auto, 46px 46px, 46px 46px; }

.wrap { max-width: 1080px; margin: 0px auto; padding: 0px 24px; }

.sec { padding: 92px 0px; }

h2 { font-size: clamp(30px, 4vw, 44px); line-height: 1.08; letter-spacing: -0.035em; font-weight: 800; color: var(--white); }

h2 .b { color: var(--blue-d); }

.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.2em; color: var(--blue-d); text-transform: uppercase; padding: 6px 13px; border: 1px solid var(--line2); border-radius: 100px; background: var(--panel); box-shadow: var(--sh); }

.eyebrow .d { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }

.lead { font-size: 18px; color: var(--mute); max-width: 640px; line-height: 1.62; }

.lead b { color: var(--white); font-weight: 600; }

.center { text-align: center; }

.center .lead { margin: 16px auto 0px; }

.btn { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; padding: 12px 22px; border-radius: 11px; text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: 0.18s; }

.btn-primary { background: var(--blue-d); color: rgb(255, 255, 255); box-shadow: rgba(47, 111, 237, 0.5) 0px 10px 30px -12px; }

.btn-primary:hover { background: rgb(36, 95, 216); transform: translateY(-1px); }

.btn-ghost { background: var(--panel); color: var(--white); border-color: var(--line2); box-shadow: var(--sh); }

.btn-ghost:hover { border-color: var(--dim); }

.beam { position: relative; display: inline-flex; padding: 1.7px; border-radius: 13px; overflow: hidden; isolation: isolate; animation: 2.8s ease-in-out 0s infinite normal none running beamglow; }

.beam::before { content: ""; position: absolute; top: 50%; left: 50%; width: 220%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%); background: conic-gradient(rgba(47, 111, 237, 0.28) 0deg, rgba(47, 111, 237, 0.28) 250deg, rgb(120, 166, 255) 312deg, rgb(255, 255, 255) 340deg, rgb(120, 166, 255) 360deg); animation: 2.8s linear 0s infinite normal none running beamspin; z-index: 0; }

.beam > .btn { position: relative; z-index: 2; border-radius: 11.3px; }

.beam > .btn.btn-primary { background: var(--blue-d); color: rgb(255, 255, 255); }

.beam > .btn.btn-primary:hover { transform: none; background: rgb(36, 95, 216); }

@keyframes beamspin { 
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes beamglow { 
  0%, 100% { box-shadow: rgba(47, 111, 237, 0.5) 0px 6px 22px -10px; }
  50% { box-shadow: rgba(47, 111, 237, 0.82) 0px 12px 36px -8px; }
}

.console, .ehead { position: relative; }

.console::after, .ehead::after { content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: 2; opacity: 0; transition: opacity 0.35s; background: radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(110,155,255,.16),transparent 62%); }

.console:hover::after, .ehead:hover::after { opacity: 1; }

.console > * { position: relative; z-index: 1; }

.cs, .week, .econ { position: relative; overflow: hidden; }

.cs::after, .week::after, .econ::after { content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: 0; opacity: 0; transition: opacity 0.35s; background: radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(18,111,255,.12),transparent 60%); }

.cs:hover::after, .week:hover::after, .econ:hover::after { opacity: 1; }

.cs > *, .week > *, .econ > * { position: relative; z-index: 1; }

.cs, .week, .econ { transition: transform 0.25s, box-shadow 0.25s; }

.cs:hover, .week:hover, .econ:hover { transform: translateY(-3px); }

.rv { opacity: 0; transform: translateY(16px); transition: 0.6s; }

.rv.in { opacity: 1; transform: none; }

nav { position: sticky; top: 0px; z-index: 50; backdrop-filter: blur(12px); background: color-mix(in srgb,var(--bg) 80%,transparent); border-bottom: 1px solid var(--line); }

.nav-in { max-width: 1080px; margin: 0px auto; padding: 15px 24px; display: flex; align-items: center; justify-content: space-between; }

.brand { display: flex; align-items: center; gap: 10px; }

.brand .wm { font-weight: 800; font-size: 20px; letter-spacing: -0.02em; color: var(--white); white-space: nowrap; line-height: 1; }

.brand .wm b { background: linear-gradient(92deg,var(--blue-d),var(--blue)); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 800; }
.brand .wm .oo { position: relative; display: inline-block; }
.brand .wm .iris { position:absolute; left:50%; top:54%; transform:translate(-50%,-50%); width:.30em; height:.30em; border-radius:50%; border:.035em solid var(--blue-d); box-sizing:border-box; opacity:.9; } .brand .wm .pup { position:absolute; left:50%; top:54%; transform:translate(-50%,-50%); width:.13em; height:.13em; border-radius:50%; background:var(--blue-d); }
.brand .wm .reg { font-size:.44em; font-weight:700; vertical-align:.72em; margin-left:.05em; color:var(--mute); }

.nav-links { display: flex; gap: 22px; align-items: center; }

.nav-links a { color: var(--mute); text-decoration: none; font-size: 14.5px; font-weight: 500; }

.nav-links a:hover { color: var(--white); }

.toggle { display: flex; gap: 3px; background: var(--panel2); border: 1px solid var(--line); border-radius: 9px; padding: 3px; }

.toggle button { font-family: var(--mono); font-size: 11px; color: var(--mute); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 6px 10px; border-radius: 6px; cursor: pointer; }

.toggle button.on { background: var(--blue-d); color: rgb(255, 255, 255); }

@media (max-width: 900px) {
  .nav-links a:not(.btn) { display: none; }
}

.hero { padding: 76px 0px 44px; position: relative; overflow: hidden; }

.hero .wrap { position: relative; z-index: 1; }

.hero::before, .hero::after { content: ""; position: absolute; border-radius: 50%; filter: blur(72px); z-index: 0; pointer-events: none; }

.hero::before { width: 540px; height: 540px; top: -180px; right: -70px; background: radial-gradient(circle, rgb(110, 155, 255), transparent 70%); opacity: 0.42; animation: 15s ease-in-out 0s infinite alternate none running aur1; }

.hero::after { width: 440px; height: 440px; bottom: -200px; left: -80px; background: radial-gradient(circle, rgb(47, 111, 237), transparent 70%); opacity: 0.24; animation: 19s ease-in-out 0s infinite alternate none running aur2; }

@keyframes aur1 { 
  100% { transform: translate(-46px, 44px) scale(1.12); }
}

@keyframes aur2 { 
  100% { transform: translate(54px, -32px) scale(1.16); }
}

.hero-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 50px; align-items: center; }

.hero h1 { font-size: clamp(38px, 5.2vw, 58px); line-height: 1.03; letter-spacing: -0.035em; font-weight: 800; color: var(--white); margin: 22px 0px 18px; }

.hero h1 .b { color: var(--blue-d); }

.cta-row { display: flex; gap: 12px; margin: 28px 0px; flex-wrap: wrap; }

.pipe { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }

.pipe span { font-family: var(--mono); font-size: 12.5px; color: var(--mute); border: 1px solid var(--line); border-radius: 8px; padding: 6px 11px; background: var(--panel); box-shadow: var(--sh); }

.pipe b { color: var(--white); }

.console { background: rgb(11, 12, 14); border: 1px solid rgb(30, 32, 39); border-radius: 14px; overflow: hidden; box-shadow: rgba(16, 18, 26, 0.4) 0px 30px 70px -28px; }

.cbar { display: flex; align-items: center; gap: 7px; padding: 12px 15px; border-bottom: 1px solid rgb(26, 28, 34); background: rgba(255, 255, 255, 0.02); }

.cbar .cd { display: flex; gap: 6px; }

.cbar .cd span { width: 10px; height: 10px; border-radius: 50%; background: rgb(43, 45, 51); }

.cbar .ct { font-family: var(--mono); font-size: 12px; color: rgb(139, 144, 154); }

.cbar .ct b { color: rgb(255, 255, 255); }

.cbar .listen { margin-left: auto; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.08em; color: rgb(110, 155, 255); display: flex; align-items: center; gap: 7px; }

.eq { display: inline-flex; gap: 2px; align-items: flex-end; height: 13px; }

.eq span { width: 3px; background: rgb(110, 155, 255); border-radius: 2px; height: 4px; animation: 1s ease-in-out 0s infinite normal none running eq; }

.eq span:nth-child(2) { animation-delay: 0.15s; }

.eq span:nth-child(3) { animation-delay: 0.3s; }

.eq span:nth-child(4) { animation-delay: 0.45s; }

@keyframes eq { 
  0%, 100% { height: 4px; }
  50% { height: 13px; }
}

.cbody { padding: 16px; font-family: var(--mono); font-size: 12.5px; line-height: 1.95; min-height: 250px; color: rgb(197, 201, 209); }

.ln { opacity: 0; transform: translateY(3px); animation: 0.3s ease 0s 1 normal forwards running lin; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@keyframes lin { 
  100% { opacity: 1; transform: none; }
}

.p { color: rgb(74, 77, 85); }

.ks { color: rgb(110, 155, 255); }

.kr { color: rgb(255, 255, 255); }

.ko { color: rgb(53, 200, 146); }

.kv { color: rgb(110, 155, 255); }

.cur { display: inline-block; width: 8px; height: 14px; background: rgb(47, 111, 237); vertical-align: -2px; margin-left: 2px; animation: 1s steps(1) 0s infinite normal none running blink; }

@keyframes blink { 
  50% { opacity: 0; }
}

.story { border-top: 1px solid var(--line); }

.manifesto { font-size: clamp(23px, 3vw, 32px); font-weight: 800; color: var(--white); letter-spacing: -0.025em; line-height: 1.38; max-width: 880px; }

.manifesto .b { color: var(--blue-d); }

.econrow { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-top: 38px; }

.econ { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 26px; box-shadow: var(--sh); }

.econ .big { font-size: 30px; font-weight: 800; color: var(--white); letter-spacing: -0.02em; }

.econ .big b { color: var(--red); }

.econ .big.ok b { color: var(--green); }

.econ p { color: var(--mute); font-size: 13.5px; margin-top: 8px; }

.diag { max-width: 560px; margin: 36px auto 0px; }

.diag .cbody { min-height: 270px; }

.dl.err { color: rgb(229, 119, 111); }

.dl.ok { color: rgb(53, 200, 146); }

.dl.cmd { color: rgb(110, 155, 255); }

.dl.sys { color: rgb(139, 144, 154); }

.dl.done { color: rgb(53, 200, 146); font-weight: 600; }

.dl .er { color: rgb(229, 119, 111); }

.dl .ok2 { color: rgb(53, 200, 146); }

.dl .p { color: rgb(74, 77, 85); }

.engine { max-width: 720px; margin: 42px auto 0px; }

.ehead { background: rgb(11, 12, 14); border: 1px solid rgb(30, 32, 39); border-radius: 14px 14px 0px 0px; padding: 15px 18px; font-family: var(--mono); font-size: 12.5px; color: rgb(197, 201, 209); }

.ecmd { color: rgb(110, 155, 255); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.estatus { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12px; color: rgb(139, 144, 154); min-height: 16px; }

.spark { color: rgb(110, 155, 255); display: inline-block; animation: 2.6s linear 0s infinite normal none running spin; font-size: 13px; }

@keyframes spin { 
  100% { transform: rotate(360deg); }
}

.ework { color: rgb(255, 255, 255); font-weight: 600; }

.ework .et { color: rgb(127, 135, 148); font-weight: 400; }

.ework .done { color: rgb(255, 255, 255); font-weight: 700; }

.ework .done { color: rgb(255, 255, 255); }

.eflow { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-radius: 0px 0px 14px 14px; background: var(--panel); padding: 2px 0px 8px; }

.elayer { position: relative; margin: 0px 14px; padding: 16px 16px 16px 20px; border-radius: 12px; transition: 0.3s; border: 1px solid transparent; }

.elayer::before { content: ""; position: absolute; left: 6px; top: 14px; bottom: 14px; width: 3px; border-radius: 3px; background: var(--blue-d); opacity: 0; transition: 0.3s; }

.elayer:hover, .elayer.on { border-color: var(--line2); background: color-mix(in srgb,var(--blue-d) 4%,var(--panel)); box-shadow: rgba(47, 111, 237, 0.45) 0px 10px 30px -14px; }

.elayer.on::before, .elayer:hover::before { opacity: 1; }

.etop { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }

.eno { font-family: var(--mono); font-size: 14px; color: var(--blue-d); font-weight: 600; }

.enm { font-weight: 700; font-size: 16.5px; color: var(--white); letter-spacing: -0.01em; }

.esub { font-family: var(--mono); font-size: 12px; color: var(--dim); }

.lbadge { margin-left: auto; font-family: var(--mono); font-size: 11px; color: var(--green); border: 1px solid color-mix(in srgb,var(--green) 40%,transparent); background: color-mix(in srgb,var(--green) 8%,transparent); border-radius: 7px; padding: 3px 9px; }

.pills { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }

.pill { font-family: var(--mono); font-size: 12px; color: var(--mute); background: var(--panel2); border: 1px solid var(--line); border-radius: 8px; padding: 5px 10px; transition: 0.3s; }

.elayer.on .pill, .elayer:hover .pill { color: var(--white); border-color: var(--line2); }

.lnote { margin-top: 11px; font-family: var(--mono); font-size: 12px; color: var(--blue-d); border-left: 2px solid var(--blue-d); padding-left: 11px; }

.payload { min-height: 24px; margin-top: 11px; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }

.payload span { display: inline-block; font-family: var(--mono); font-size: 12px; color: var(--blue-d); opacity: 0; transform: translateY(5px); transition: 0.4s; background: color-mix(in srgb,var(--blue-d) 8%,transparent); border: 1px solid color-mix(in srgb,var(--blue-d) 25%,var(--line)); border-radius: 8px; padding: 4px 11px; }

.elayer.on .payload span, .elayer:hover .payload span { opacity: 1; transform: none; }

.econn { height: 22px; display: flex; align-items: center; justify-content: center; position: relative; }

.econn::before { content: ""; position: absolute; width: 2px; height: 100%; background: var(--line2); }

.econn.efirst { height: 26px; }

.econn .dot { position: absolute; top: -2px; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-d); box-shadow: rgba(47, 111, 237, 0.6) 0px 0px 10px; animation: 2.4s linear 0s infinite normal none running drop; }

.econn.efirst .dot { width: 8px; height: 8px; box-shadow: rgba(47, 111, 237, 0.8) 0px 0px 12px; animation: 1.8s linear 0s infinite normal none running drop; }

@keyframes drop { 
  0% { top: -2px; opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { top: 22px; opacity: 0; }
}

.edash { margin: 16px auto 0px; max-width: 720px; background: color-mix(in srgb,var(--blue-d) 6%,var(--panel)); border: 1px solid color-mix(in srgb,var(--blue-d) 22%,var(--line)); border-radius: 14px; padding: 18px 20px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; box-shadow: var(--sh); }

.edash .tag { font-family: var(--mono); font-size: 11px; color: var(--blue-d); border: 1px solid color-mix(in srgb,var(--blue-d) 40%,transparent); border-radius: 7px; padding: 3px 9px; }

.edash .en { font-weight: 700; color: var(--white); }

.edash p { color: var(--mute); font-size: 13.5px; margin-left: auto; }

.eflow-arrow { text-align: center; color: var(--dim); font-family: var(--mono); font-size: 17px; margin: 8px 0px; }

.weeks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }

.week { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 26px; box-shadow: var(--sh); }

.week .wk { font-family: var(--mono); font-size: 12px; color: var(--blue-d); margin-bottom: 10px; }

.week h3 { color: var(--white); font-size: 17px; font-weight: 700; margin-bottom: 8px; }

.week p { color: var(--mute); font-size: 14px; }

.player { position: relative; max-width: 840px; margin: 36px auto 0px; border: 1px solid var(--line2); border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 9; background: rgb(8, 18, 43); cursor: pointer; box-shadow: rgba(16, 18, 26, 0.35) 0px 40px 90px -34px; }

.player .bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center 26%; opacity: 0.92; }

.player .ov { position: absolute; inset: 0px; background: linear-gradient(rgba(5, 6, 12, 0.1) 30%, rgba(5, 6, 12, 0.8)); }

.player .play { position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; border-radius: 50%; background: rgba(47, 111, 237, 0.96); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 23px; padding-left: 5px; box-shadow: rgba(47, 111, 237, 0.6) 0px 0px 50px; }

.player:hover .play { transform: translate(-50%, -50%) scale(1.08); }

.player .vmeta { position: absolute; left: 22px; right: 22px; bottom: 18px; }

.player .vtitle { color: rgb(255, 255, 255); font-weight: 700; font-size: 21px; }

.player .vby { display: flex; align-items: center; gap: 9px; margin-top: 9px; font-size: 13px; color: rgb(211, 216, 226); }

.player .vby .av { width: 28px; height: 28px; border-radius: 50%; }

.player .badge { position: absolute; top: 16px; left: 16px; font-family: var(--mono); font-size: 11px; color: rgb(255, 255, 255); background: rgba(5, 6, 12, 0.5); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 7px; padding: 5px 10px; }

.cs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 40px; }

.cs { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 30px; box-shadow: var(--sh); }

.cs .cs-logo { width: 46px; height: 46px; border-radius: 11px; background-size: cover; background-position: center center; box-shadow: 0 0 0 1px var(--line); margin-bottom: 16px; }

.cs .num { font-size: 36px; font-weight: 800; color: var(--white); letter-spacing: -0.03em; line-height: 1; }

.cs .num b { color: var(--blue-d); }

.cs .who { font-family: var(--mono); font-size: 12.5px; color: var(--mute); margin-top: 6px; }

.cs p { color: var(--mute); font-size: 14px; margin-top: 12px; }

.subhead { text-align: center; margin-top: 64px; }

.replies { column-count: 3; column-gap: 14px; margin-top: 34px; }

.reply { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--panel); box-shadow: var(--sh); }

.reply .rh { display: flex; align-items: center; gap: 8px; padding: 11px 15px; border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 11.5px; color: var(--mute); }

.reply .rh .cdot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }

.reply img { width: 100%; display: block; background: rgb(255, 255, 255); }

.founder { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 32px; margin-top: 40px; box-shadow: var(--sh); }

.founder .av { width: 96px; height: 96px; border-radius: 50%; box-shadow: 0 0 0 3px var(--blue-d),0 14px 40px -10px rgba(18,111,255,.4); }

.founder h3 { color: var(--white); font-size: 20px; font-weight: 700; }

.founder .role { font-family: var(--mono); font-size: 12px; color: var(--blue-d); margin-top: 4px; }

.founder p { color: var(--mute); font-size: 14.5px; margin-top: 10px; max-width: 580px; }

.final { text-align: center; background: linear-gradient(180deg,transparent,var(--bg2)); border-top: 1px solid var(--line); }

footer { border-top: 1px solid var(--line); padding: 34px 0px; font-family: var(--mono); font-size: 12.5px; color: var(--dim); text-align: center; }

@media (max-width: 900px) {
  .hero-grid, .founder { grid-template-columns: 1fr; gap: 32px; }
  .econrow, .weeks { grid-template-columns: 1fr; }
  .replies, .cs-grid { grid-template-columns: 1fr; }
  .sec { padding: 62px 0px; }
  .ecmd { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  .eq span, .cur, .ln, .econn .dot, .spark, .beam, .beam::before, .hero::before, .hero::after { animation: auto ease 0s 1 normal none running none; }
  .ln { opacity: 1; transform: none; }
  .rv { opacity: 1; transform: none; }
  .elayer.on .payload span { opacity: 1; transform: none; }
}

.calc { margin-top: 38px; }

.calc-intro { font-size: clamp(19px, 2.4vw, 24px); font-weight: 800; letter-spacing: -0.02em; color: var(--white); margin-bottom: 18px; }

.calc-grid { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 20px; align-items: stretch; }

.calc-items { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 22px; box-shadow: var(--sh); }

.calc-h { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); margin-bottom: 14px; }

.citem { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; background: var(--panel2); border: 1px solid var(--line); border-radius: 11px; padding: 13px 15px; margin-bottom: 9px; cursor: pointer; transition: 0.2s; font-family: var(--sans); color: var(--white); font-weight: 600; font-size: 15px; }

.citem .tick { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--line2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgb(255, 255, 255); font-size: 12px; line-height: 1; transition: 0.2s; }

.citem .amt { margin-left: auto; font-family: var(--sans); font-size: 15px; color: var(--mute); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: 0; }

.citem .amt i { color: var(--dim); font-style: normal; font-size: 11px; }

.citem.on { border-color: color-mix(in srgb,var(--blue-d) 40%,var(--line)); background: color-mix(in srgb,var(--blue-d) 5%,var(--panel)); }

.citem.on .tick { background: var(--blue-d); border-color: var(--blue-d); }

.citem:not(.on) { opacity: 0.5; }

.citem:not(.on) .tick { color: transparent; }

.citem:hover { border-color: var(--line2); }

.calc-foot { font-size: 12.5px; color: var(--mute); margin-top: 13px; line-height: 1.5; }

.calc-total { background: linear-gradient(158deg, rgb(22, 23, 27), rgb(11, 11, 13)); border: 1px solid rgb(35, 36, 43); border-radius: 18px; padding: 30px 24px; display: flex; flex-direction: column; justify-content: center; text-align: center; box-shadow: var(--sh); position: relative; overflow: hidden; }

.calc-total::before { content: ""; position: absolute; top: -40%; left: 50%; width: 300px; height: 300px; transform: translateX(-50%); background: radial-gradient(circle, rgba(229, 119, 111, 0.18), transparent 70%); pointer-events: none; }

.ct-label { font-family: var(--mono); font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(139, 144, 154); position: relative; }

.ct-num { font-size: clamp(46px, 7.5vw, 74px); font-weight: 800; letter-spacing: -0.04em; color: rgb(255, 255, 255); line-height: 1; margin: 12px 0px; font-variant-numeric: tabular-nums; position: relative; }

.ct-num.pop { animation: 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal none running ctpop; }

@keyframes ctpop { 
  0% { transform: scale(0.92); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; }
}

.ct-sub { font-family: var(--mono); font-size: 12.5px; color: rgb(229, 119, 111); position: relative; }

.calc-vs { display: flex; align-items: center; gap: 16px; margin-top: 16px; background: color-mix(in srgb,var(--blue-d) 7%,var(--panel)); border: 1px solid color-mix(in srgb,var(--blue-d) 25%,var(--line)); border-radius: 16px; padding: 18px 22px; box-shadow: var(--sh); flex-wrap: wrap; }

.vs-mark { font-family: var(--mono); font-size: 13px; color: var(--blue-d); font-weight: 600; border: 1px solid color-mix(in srgb,var(--blue-d) 40%,transparent); border-radius: 8px; padding: 6px 11px; flex-shrink: 0; }

.vs-body { flex: 1 1 0%; min-width: 220px; }

.vs-title { font-size: 17px; color: var(--white); font-weight: 700; }

.vs-title b { color: var(--blue-d); }

.vs-line { font-size: 13.5px; color: var(--mute); margin-top: 3px; }

.vs-save { margin-left: auto; font-family: var(--mono); font-size: 13px; font-weight: 600; color: rgb(18, 185, 129); border: 1px solid color-mix(in srgb, rgb(18, 185, 129) 42%, transparent); background: color-mix(in srgb, rgb(18, 185, 129) 8%, transparent); border-radius: 9px; padding: 8px 13px; flex-shrink: 0; }

@media (max-width: 760px) {
  .calc-grid { grid-template-columns: 1fr; }
  .vs-save { margin-left: 0px; width: 100%; text-align: center; }
}

.vs-cta { margin-left: auto; font-family: var(--sans); font-weight: 600; font-size: 14px; color: rgb(255, 255, 255); background: var(--blue-d); border-radius: 10px; padding: 11px 18px; text-decoration: none; white-space: nowrap; box-shadow: rgba(47, 111, 237, 0.5) 0px 8px 24px -10px; transition: 0.18s; flex-shrink: 0; }

.vs-cta:hover { background: rgb(36, 95, 216); transform: translateY(-1px); }

@media (max-width: 760px) {
  .vs-cta { margin-left: 0px; width: 100%; text-align: center; }
}

.dfy-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 40px; }

.dfy-card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 24px; box-shadow: var(--sh); transition: transform 0.25s; }

.dfy-card:hover { transform: translateY(-3px); }

.dfy-no { font-family: var(--mono); font-size: 12px; color: var(--blue-d); margin-bottom: 10px; }

.dfy-card h3 { color: var(--white); font-size: 16px; font-weight: 700; margin-bottom: 7px; }

.dfy-card p { color: var(--mute); font-size: 13.5px; }

.dfy-foot { max-width: 700px; margin: 30px auto 0px; color: var(--mute); font-size: 15px; line-height: 1.6; }

.dfy-foot b { color: var(--white); }

.cs { cursor: pointer; }

.cs-more { display: inline-block; margin-top: 14px; font-family: var(--mono); font-size: 12.5px; color: var(--blue-d); font-weight: 600; }

@media (max-width: 900px) {
  .dfy-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .dfy-grid { grid-template-columns: 1fr; }
}

.mainlogos { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; align-items: center; margin-top: 22px; }

.mainlogos img { width: 64px; height: 64px; border-radius: 15px; border: 1px solid var(--line); box-shadow: var(--sh); object-fit: cover; background: rgb(255, 255, 255); transition: transform 0.2s; }

.mainlogos img:hover { transform: translateY(-3px); }

.dsh { margin-top: 40px; background: rgb(10, 14, 26); border: 1px solid rgb(28, 39, 64); border-radius: 20px; overflow: hidden; box-shadow: rgba(16, 18, 26, 0.45) 0px 40px 90px -34px; }

.dsh-head { display: flex; align-items: center; justify-content: space-between; padding: 22px 26px; border-bottom: 1px solid rgb(22, 32, 58); flex-wrap: wrap; gap: 12px; }

.dsh-title { font-size: 20px; font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.02em; }

.dsh-by { font-family: var(--mono); font-size: 12px; color: rgb(139, 147, 167); margin-top: 4px; }

.dsh-by b { color: rgb(255, 255, 255); font-weight: 700; }

.dsh-live { display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: rgb(62, 213, 152); border: 1px solid rgba(62, 213, 152, 0.3); border-radius: 100px; padding: 6px 12px; }

.dsh-dot { width: 7px; height: 7px; border-radius: 50%; background: rgb(62, 213, 152); box-shadow: rgb(62, 213, 152) 0px 0px 8px; animation: 1.8s ease-in-out 0s infinite normal none running dshpulse; }

@keyframes dshpulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.dsh-tabs { display: flex; gap: 6px; padding: 16px 26px 0px; flex-wrap: wrap; }

.dsh-tab { font-family: var(--sans); font-size: 14px; font-weight: 600; color: rgb(139, 147, 167); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 9px 16px; border-radius: 9px; cursor: pointer; transition: 0.18s; }

.dsh-tab:hover { color: rgb(255, 255, 255); }

.dsh-tab.on { background: rgb(47, 111, 237); color: rgb(255, 255, 255); }

.dsh-panel { display: none; padding: 24px 26px 28px; }

.dsh-panel.on { display: block; }

.dsh-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }

.dsh-card { background: rgb(15, 22, 38); border: 1px solid rgb(28, 39, 64); border-radius: 14px; padding: 18px 18px 16px; position: relative; overflow: hidden; transition: transform 0.2s, border-color 0.2s; }

.dsh-card:hover { transform: translateY(-3px); border-color: rgb(44, 58, 92); }

.dsh-bar { position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; }

.dsh-lab { font-size: 12.5px; color: rgb(139, 147, 167); margin-bottom: 10px; }

.dsh-num { font-size: 34px; font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums; }

.dsh-sub { font-family: var(--mono); font-size: 11.5px; margin-top: 8px; }

.dsh-block { margin-top: 22px; background: rgb(15, 22, 38); border: 1px solid rgb(28, 39, 64); border-radius: 14px; padding: 20px; }

.dsh-bh { font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 18px; }

.dsh-muted { font-family: var(--mono); font-size: 11px; color: rgb(92, 103, 128); font-weight: 400; }

.dsh-chart { display: flex; align-items: flex-end; gap: 10px; height: 170px; }

.dsh-b { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; gap: 7px; }

.dsh-bv { font-family: var(--mono); font-size: 12px; color: rgb(201, 207, 221); font-weight: 600; }

.dsh-bfill { width: 100%; max-width: 46px; background: linear-gradient(rgb(236, 78, 156), rgb(181, 50, 122)); border-radius: 6px 6px 0px 0px; transition: height 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }

.dsh-bl { font-family: var(--mono); font-size: 10.5px; color: rgb(92, 103, 128); }

.dsh-tablewrap { overflow-x: auto; }

.dsh-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }

.dsh-table th { text-align: left; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(92, 103, 128); font-weight: 500; padding: 0px 14px 12px 0px; }

.dsh-table td { padding: 12px 14px 12px 0px; border-top: 1px solid rgb(22, 32, 58); color: rgb(201, 207, 221); }

.dsh-cn { color: rgb(255, 255, 255); font-weight: 600; }

.dsh-pill { font-family: var(--mono); font-size: 10px; border: 1px solid; border-radius: 6px; padding: 2px 7px; margin-left: 6px; }

.dsh-pct { color: rgb(62, 213, 152); font-weight: 600; }

.dsh-int { color: rgb(236, 78, 156); font-weight: 700; }

.dsh-note { margin-top: 16px; font-size: 13.5px; color: rgb(139, 147, 167); background: rgb(15, 22, 38); border: 1px solid rgb(28, 39, 64); border-radius: 12px; padding: 16px 18px; }

@media (max-width: 560px) {
  .dsh-num { font-size: 28px; }
  .dsh-chart { height: 130px; }
}

.dfy-card { position: relative; overflow: hidden; }

.dfy-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: linear-gradient(90deg, rgb(47, 111, 237), transparent); }

.dfy-card:nth-child(2)::before { background: linear-gradient(90deg, rgb(62, 213, 152), transparent); }

.dfy-card:nth-child(3)::before { background: linear-gradient(90deg, rgb(53, 200, 194), transparent); }

.dfy-card:nth-child(4)::before { background: linear-gradient(90deg, rgb(124, 107, 240), transparent); }

.dfy-card:nth-child(5)::before { background: linear-gradient(90deg, rgb(236, 78, 156), transparent); }

.dfy-card:nth-child(6)::before { background: linear-gradient(90deg, rgb(240, 181, 75), transparent); }

.dfy-card:nth-child(7)::before { background: linear-gradient(90deg, rgb(79, 130, 240), transparent); }

.dfy-card:nth-child(8)::before { background: linear-gradient(90deg, rgb(62, 213, 152), transparent); }

.dfy-no { display: inline-block; font-family: var(--mono); font-size: 12px; color: var(--blue-d); background: color-mix(in srgb,var(--blue-d) 9%,transparent); border: 1px solid color-mix(in srgb,var(--blue-d) 22%,var(--line)); border-radius: 7px; padding: 3px 9px; margin-bottom: 12px; }

.dfy-card::after { content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: 0; opacity: 0; transition: opacity 0.35s; background: radial-gradient(150px circle at var(--mx,50%) var(--my,50%),rgba(18,111,255,.12),transparent 60%); }

.dfy-card:hover::after { opacity: 1; }

.dfy-card > * { position: relative; z-index: 1; }

.modal-overlay { position: fixed; inset: 0px; z-index: 200; background: rgba(8, 10, 18, 0.72); backdrop-filter: blur(6px); display: flex; align-items: flex-start; justify-content: center; padding: 40px 20px; overflow-y: auto; opacity: 0; pointer-events: none; transition: opacity 0.25s; }

.modal-overlay.open { opacity: 1; pointer-events: auto; }

.modal-box { background: var(--bg); border: 1px solid var(--line2); border-radius: 20px; max-width: 760px; width: 100%; position: relative; box-shadow: rgba(0, 0, 0, 0.6) 0px 40px 100px -30px; transform: translateY(14px); transition: transform 0.25s; margin: auto; }

.modal-overlay.open .modal-box { transform: none; }

.modal-close { position: absolute; top: 16px; right: 16px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line2); background: var(--panel); color: var(--white); font-size: 20px; cursor: pointer; z-index: 5; line-height: 1; }

.modal-close:hover { background: var(--panel2); }

.modal-body { padding: 38px 40px 40px; }

.mo-head { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }

.mo-clogo { width: 52px; height: 52px; border-radius: 13px; background-size: cover; background-position: center center; box-shadow: 0 0 0 1px var(--line); }

.mo-cl { font-family: var(--mono); font-size: 12px; color: var(--blue-d); letter-spacing: 0.04em; }

.mo-num { font-size: clamp(40px, 7vw, 60px); font-weight: 800; color: var(--blue-d); letter-spacing: -0.04em; line-height: 1; }

.mo-num span { font-size: 0.3em; color: var(--dim); font-weight: 600; }

.mo-h1 { font-size: clamp(22px, 3vw, 29px); font-weight: 800; color: var(--white); letter-spacing: -0.02em; margin: 12px 0px 8px; }

.mo-sub { font-size: 16px; color: var(--mute); }

.mo-oneliner { margin: 18px 0px 0px; font-family: var(--mono); font-size: 13px; color: var(--txt); background: var(--panel2); border: 1px solid var(--line); border-radius: 11px; padding: 13px 16px; }

.mo-sec { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 22px; }

.mo-sec h3 { font-size: 18px; font-weight: 800; color: var(--white); margin-bottom: 12px; }

.mo-sec p { font-size: 15px; color: var(--txt); }

.mo-steps { list-style: none; display: grid; gap: 9px; }

.mo-steps li { display: flex; gap: 11px; font-size: 14.5px; color: var(--txt); background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; box-shadow: var(--sh); }

.mo-steps .n { font-family: var(--mono); font-size: 12px; color: var(--blue-d); font-weight: 600; flex-shrink: 0; }

.mo-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

.mo-stat { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 20px; text-align: center; box-shadow: var(--sh); }

.mo-stat .v { font-size: 30px; font-weight: 800; color: var(--white); }

.mo-stat .v b { color: var(--blue-d); }

.mo-stat .l { font-size: 12px; color: var(--mute); margin-top: 6px; }

.mo-logos { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 18px; }

.mo-logos img { width: 52px; height: 52px; border-radius: 12px; border: 1px solid var(--line); box-shadow: var(--sh); object-fit: cover; background: rgb(255, 255, 255); }

.mo-quote { margin-top: 24px; background: linear-gradient(158deg, rgb(20, 20, 22), rgb(11, 11, 13)); border: 1px solid rgb(35, 36, 43); border-radius: 16px; padding: 28px; }

.mo-quote .qt { font-size: 16.5px; font-weight: 600; color: rgb(255, 255, 255); line-height: 1.5; margin-bottom: 18px; }

.mo-quote .by { display: flex; align-items: center; gap: 12px; }

.mo-quote .ph { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--blue-d); }

.mo-quote .nm { color: rgb(255, 255, 255); font-weight: 700; font-size: 14.5px; }

.mo-quote .rl { font-family: var(--mono); font-size: 11.5px; color: rgb(139, 144, 154); }

.mo-cta { margin-top: 26px; display: flex; justify-content: center; }

@media (max-width: 560px) {
  .modal-body { padding: 28px 22px; }
  .mo-stats { grid-template-columns: 1fr; }
}

.badges { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center; margin-top: 28px; }

.badges img { height: 106px; width: auto; filter: drop-shadow(rgba(16, 18, 26, 0.14) 0px 12px 28px); transition: transform 0.2s; }

.badges img:hover { transform: translateY(-4px); }

@media (max-width: 560px) {
  .badges img { height: 84px; }
}

.pb-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 26px; }

.pb { text-align: center; position: relative; }

.pb-ic { display: flex; justify-content: center; margin-bottom: 12px; color: var(--blue-d); }

.pb-ic svg { width: 26px; height: 26px; }

.pb-n { font-size: clamp(38px, 6vw, 58px); font-weight: 800; color: var(--blue-d); letter-spacing: -0.04em; line-height: 1; font-variant-numeric: tabular-nums; }

.pb-l { font-size: 13px; color: var(--mute); margin-top: 10px; max-width: 190px; margin-left: auto; margin-right: auto; line-height: 1.45; }

@media (max-width: 760px) {
  .pb-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
}

.doors { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 40px; }

.door { position: relative; overflow: hidden; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 26px 22px; box-shadow: var(--sh); transition: transform 0.25s, border-color 0.25s; }

.door:hover { transform: translateY(-4px); border-color: color-mix(in srgb,var(--blue-d) 35%,var(--line)); }

.door::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: linear-gradient(90deg,var(--blue-d),transparent); }

.door:nth-child(2)::before { background: linear-gradient(90deg, rgb(18, 185, 129), transparent); }

.door:nth-child(3)::before { background: linear-gradient(90deg, rgb(124, 107, 240), transparent); }

.door:nth-child(4)::before { background: linear-gradient(90deg, rgb(240, 181, 75), transparent); }

.door-no { font-family: var(--mono); font-size: 11.5px; color: var(--dim); }

.door-tag { display: inline-block; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue-d); background: color-mix(in srgb,var(--blue-d) 8%,transparent); border: 1px solid color-mix(in srgb,var(--blue-d) 22%,var(--line)); border-radius: 6px; padding: 3px 8px; margin: 10px 0px 12px; }

.door:nth-child(2) .door-tag { color: rgb(18, 185, 129); background: color-mix(in srgb, rgb(18, 185, 129) 8%, transparent); border-color: color-mix(in srgb,#12B981 26%,var(--line)); }

.door h3 { font-size: 18px; font-weight: 800; color: var(--white); letter-spacing: -0.01em; margin-bottom: 9px; }

.door p { font-size: 13.5px; color: var(--mute); line-height: 1.55; }

.promise { margin-top: 22px; background: linear-gradient(158deg, rgb(20, 20, 22), rgb(11, 11, 13)); border: 1px solid rgb(35, 36, 43); border-radius: 18px; padding: 34px; box-shadow: var(--sh); }

.promise-in { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; }

.promise-h { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(139, 144, 154); margin-bottom: 16px; }

.promise ul { list-style: none; display: grid; gap: 10px; }

.promise li { font-size: 15px; color: rgb(255, 255, 255); display: flex; gap: 10px; align-items: flex-start; }

.promise li::before { content: "✓"; color: rgb(18, 185, 129); font-weight: 700; flex-shrink: 0; }

.promise-line { font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.02em; line-height: 1.2; }

.promise-sub { font-size: 14px; color: rgb(139, 144, 154); margin-top: 12px; max-width: 340px; }

@media (max-width: 900px) {
  .doors { grid-template-columns: 1fr 1fr; }
  .promise-in { grid-template-columns: 1fr; gap: 26px; }
}

@media (max-width: 560px) {
  .doors { grid-template-columns: 1fr; }
}

.sigfeed { max-width: 600px; margin: 38px auto 0px; background: rgb(11, 12, 14); border: 1px solid rgb(30, 32, 39); border-radius: 16px; overflow: hidden; box-shadow: rgba(16, 18, 26, 0.4) 0px 40px 90px -34px; }

.sf-head { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; border-bottom: 1px solid rgb(22, 24, 29); }

.sf-title { font-family: var(--mono); font-size: 12.5px; color: rgb(197, 201, 209); }

.sf-title b { color: rgb(255, 255, 255); }

.sf-live { display: inline-flex; align-items: center; gap: 7px; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.1em; color: rgb(62, 213, 152); }

.sf-live .d { width: 7px; height: 7px; border-radius: 50%; background: rgb(62, 213, 152); box-shadow: rgb(62, 213, 152) 0px 0px 8px; animation: 1.7s ease-in-out 0s infinite normal none running sfpulse; }

@keyframes sfpulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.sf-rows { position: relative; padding: 6px 0px; max-height: 352px; overflow: hidden; mask-image: linear-gradient(rgb(0, 0, 0) 74%, transparent); }

.sf-row { display: flex; align-items: center; gap: 11px; padding: 13px 18px; border-bottom: 1px solid rgb(18, 20, 24); animation: 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal none running sfslide; }

@keyframes sfslide { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: none; }
}

.sf-row.fresh { background: linear-gradient(90deg, rgba(47, 111, 237, 0.1), transparent); animation: 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal none running sfslide, 3s ease 0s 1 normal forwards running sffade; }

@keyframes sffade { 
  100% { background: transparent; }
}

.sf-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }

.sf-type { font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid; border-radius: 6px; padding: 3px 8px; flex-shrink: 0; white-space: nowrap; }

.sf-text { font-size: 14px; color: rgb(230, 233, 239); flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sf-time { font-family: var(--mono); font-size: 11.5px; color: rgb(92, 103, 128); flex-shrink: 0; }

@media (max-width: 520px) {
  .sf-text { font-size: 13px; }
  .sf-type { display: none; }
}

.dsh { margin-top: 44px; }

.dsh-head { padding: 26px 30px; }

.dsh-title { font-size: 23px; }

.dsh-tabs { padding: 18px 30px 0px; }

.dsh-tab { font-size: 14.5px; padding: 10px 18px; }

.dsh-panel { padding: 28px 30px 34px; }

.dsh-grid { grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); gap: 16px; }

.dsh-card { padding: 22px 22px 20px; }

.dsh-lab { font-size: 13px; margin-bottom: 12px; }

.dsh-num { font-size: 42px; }

.dsh-block { padding: 24px; }

.dsh-chart { height: 210px; }

.dsh-bfill { max-width: 54px; }

.dsh-sg .sf-rows, #dsh-sg .sf-rows { max-height: 390px; }

@media (max-width: 560px) {
  .dsh-num { font-size: 32px; }
}

.eyebrow { font-weight: 600; letter-spacing: 0.16em; }

.reply { break-inside: avoid; margin-bottom: 14px; }

@media (max-width: 900px) {
  .replies { column-count: 2; }
}

@media (max-width: 520px) {
  .replies { column-count: 1; }
}

.rv{opacity:1 !important;transform:none !important}
.ke{color:#E5776F}
.console:hover::after,.cs:hover::after,.week:hover::after,.econ:hover::after,.dfy-card:hover::after,.ehead:hover::after{opacity:1}
.pcur{position:fixed;top:0;left:0;width:26px;height:26px;border:1.5px solid var(--blue-d);border-radius:50%;pointer-events:none;z-index:9999;transition:width .18s ease,height .18s ease,background .18s ease,border-color .18s ease}
.pcur.big{width:46px;height:46px;background:color-mix(in srgb,var(--blue-d) 14%,transparent);border-color:var(--blue)}
@media (pointer:coarse){.pcur{display:none}}
.elayer{cursor:pointer}

.agt{background:#0B0C0E;border:1px solid #1C1F26;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.55);font-family:var(--mono);margin-bottom:26px}
.agt-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #171A21;background:#0E1014}
.agt-dots{display:flex;gap:7px}.agt-dots span{width:11px;height:11px;border-radius:50%}
.agt-dots span:nth-child(1){background:#E5776F}.agt-dots span:nth-child(2){background:#E7B24B}.agt-dots span:nth-child(3){background:#35C892}
.agt-title{font-size:13px;color:#8A9099}.agt-title b{color:#fff;font-weight:600}
.agt-live{margin-left:auto;font-size:10.5px;letter-spacing:.14em;color:#35C892;display:flex;align-items:center;gap:8px}
.agt-eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px}.agt-eq i{width:2px;height:5px;background:#35C892;border-radius:1px;animation:agteq 1s ease-in-out infinite}
.agt-eq i:nth-child(2){animation-delay:.15s}.agt-eq i:nth-child(3){animation-delay:.3s}.agt-eq i:nth-child(4){animation-delay:.45s}
@keyframes agteq{0%,100%{height:4px}50%{height:12px}}
.agt-body{padding:24px 26px 20px;min-height:330px;display:flex;flex-direction:column}
.agt-cmd{align-self:flex-end;max-width:82%;background:#15181F;border:1px solid #232833;border-radius:12px;padding:11px 15px;font-size:14px;color:#D7DBE2;margin-bottom:22px}
.agt-mic{color:#6E9BFF;margin-right:7px}
.agt-agent{display:flex;gap:13px;align-items:flex-start;margin-bottom:14px}
.agt-av{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#4D92FF,#126FFF);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(18,111,255,.18)}
.agt-av .pupil{animation:agtpulse 2.4s ease-in-out infinite}
@keyframes agtpulse{0%,100%{opacity:1}50%{opacity:.45}}
.agt-name{font-size:15px;font-weight:600;color:#fff;font-family:var(--sans);display:flex;align-items:center;gap:9px}
.agt-badge{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6E9BFF;border:1px solid rgba(110,155,255,.4);border-radius:6px;padding:2px 7px;font-family:var(--mono)}
.agt-status{font-size:13px;color:#8A9099;margin-top:3px}
.agt-stream{margin:8px 0 4px;padding-left:55px;display:flex;flex-direction:column;gap:9px;min-height:130px}
.agt-step{display:flex;align-items:baseline;gap:10px;font-size:13.5px;color:#C5C9D1;opacity:0;transform:translateY(4px);transition:.35s}
.agt-step.in{opacity:1;transform:none}
.agt-step .n{color:#4D92FF;font-weight:600}
.agt-step .nm{color:#fff;font-weight:500;font-family:var(--sans)}
.agt-step .tl{color:#7F8794}
.agt-step .rs{margin-left:auto;color:#8A9099;white-space:nowrap}
.agt-step.done .rs{color:#35C892}
.agt-step .tick{color:#35C892;opacity:0;transition:.3s;margin-left:2px}
.agt-step.done .tick{opacity:1}
.agt-res{margin:14px 0 6px 55px;border:1px solid transparent;border-radius:12px;overflow:hidden;transition:opacity .5s,max-height .5s;max-height:0;opacity:0}
.agt-res-row{display:grid;grid-template-columns:1.05fr 1.2fr 1.3fr 1fr;gap:12px;padding:11px 15px;font-size:12.5px;border-top:1px solid #14171F;align-items:center}
.agt-res-row:first-child{border-top:0}
.agt-res-h{background:#0E1116;color:#5C6780;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.agt-res-row b{color:#fff;font-weight:500;font-family:var(--sans)}
.agt-res-row .em{color:#6E9BFF}.agt-res-row .vf{color:#35C892}
.agt-prompt{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #171A21}
.agt-prompt .agt-caret{color:#4D92FF;font-size:16px}
.agt-prompt input{flex:1;background:#111318;border:1px solid #232833;border-radius:10px;padding:12px 14px;color:#D7DBE2;font-family:var(--mono);font-size:13.5px;outline:none}
.agt-prompt input:focus{border-color:#126FFF}
.agt-run{background:#126FFF;color:#fff;border:0;border-radius:10px;padding:12px 20px;font-family:var(--sans);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:.2s}
.agt-run:hover{background:#4D92FF}
@media(max-width:640px){.agt-stream,.agt-res{padding-left:0;margin-left:0}.agt-step{flex-wrap:wrap}.agt-step .rs{margin-left:0;width:100%}.agt-res-row{grid-template-columns:1fr 1fr}}

.hero-grid{grid-template-columns:1fr !important}
.hero-grid>div{max-width:820px}

.eyebrow{font-size:14px !important;letter-spacing:.1em !important;font-weight:600 !important;padding:8px 16px !important}
h2{font-size:clamp(34px,4.4vw,52px) !important}
.ct-num.pulse{transition:none}
.wmk{font-family:var(--sans);font-weight:800;letter-spacing:-.02em;color:var(--white);white-space:nowrap;line-height:1;font-size:24px}
.wmk b{background:linear-gradient(92deg,var(--blue-d),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.wmk .oo{position:relative;display:inline-block}
.wmk .iris{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:.30em;height:.30em;border-radius:50%;border:.035em solid var(--blue-d);box-sizing:border-box;opacity:.9}.wmk .pup{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:.13em;height:.13em;border-radius:50%;background:var(--blue-d)}
.wmk .reg{font-size:.44em;font-weight:700;vertical-align:.72em;margin-left:.05em;color:var(--mute)}

.agt-stream{min-height:46px}
.agt-think{display:flex;align-items:center;gap:9px;font-size:14px;color:#C5C9D1;padding-top:4px}
.agt-spark{color:#6E9BFF;display:inline-block;animation:agtspin 2.2s linear infinite;font-size:15px}
@keyframes agtspin{to{transform:rotate(360deg)}}
.agt-esc{color:#5C6780;font-size:12px}
.agt-cta{display:flex;align-items:center;gap:11px;font-size:14.5px;color:#fff;flex-wrap:wrap;padding-top:2px}
.agt-spark.done{animation:none;color:#35C892}
.agt-cta-link{background:#126FFF;color:#fff !important;text-decoration:none;border-radius:9px;padding:9px 17px;font-family:var(--sans);font-weight:600;font-size:13.5px;margin-left:2px}
.agt-cta-link:hover{background:#4D92FF}

/* AI bot blink */
.agt-av .beye{transform-box:fill-box;transform-origin:center;animation:agtblink 3.6s infinite}
@keyframes agtblink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.12)}}
.agt-av{width:44px;height:44px}
/* slicker engine cards */
.elayer{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s,background .28s}
.elayer:hover{transform:translateY(-3px)}
.elayer::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:linear-gradient(var(--blue-d),var(--blue));opacity:0;transition:.3s}
.elayer:hover::before,.elayer.on::before{opacity:1}
.elayer.on{box-shadow:0 14px 36px -16px rgba(18,111,255,.55)}
.elayer .eno{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--blue-d) 12%,transparent);transition:.3s}
.elayer.on .eno{background:linear-gradient(135deg,var(--blue-d),var(--blue));color:#fff}
.elayer.on .esub{color:var(--blue-d)}
.elayer .pill{transition:.25s}
.elayer:hover .pill,.elayer.on .pill{border-color:color-mix(in srgb,var(--blue-d) 30%,var(--line));color:var(--white)}
/* blue touches */
.pb-ic{color:var(--blue-d)}
.cs{transition:transform .25s,box-shadow .25s,border-color .25s}
.cs:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blue-d) 42%,var(--line2));box-shadow:0 22px 46px -24px rgba(18,111,255,.5)}
.mo-logos img{width:58px;height:58px;border-radius:13px;border:1px solid var(--line2);box-shadow:0 8px 20px -10px rgba(0,0,0,.3);object-fit:cover;background:#fff;transition:.25s}
.mo-logos img:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(18,111,255,.4)}
/* plays */
.plays-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.play{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 22px;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.play::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--blue-d),var(--blue))}
.play:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:0 22px 46px -22px rgba(18,111,255,.5)}
.play-ic{width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--blue-d) 12%,var(--panel2));display:flex;align-items:center;justify-content:center;color:var(--blue-d);margin-bottom:15px}
.play-ic svg{width:22px;height:22px}
.play-t{font-weight:700;font-size:16.5px;color:var(--white);letter-spacing:-.01em;margin-bottom:8px}
.play-d{font-size:13.5px;color:var(--mute);line-height:1.56}
@media(max-width:820px){.plays-grid{grid-template-columns:1fr}}

.sfeed{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);overflow:hidden;margin-top:34px}
.sfeed-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line)}
.sfeed-live{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-right:auto}
.sfeed-live .dotp{width:8px;height:8px;border-radius:50%;background:#35C892;animation:sfpulse 1.8s infinite}
@keyframes sfpulse{0%{box-shadow:0 0 0 0 rgba(53,200,146,.55)}70%{box-shadow:0 0 0 8px rgba(53,200,146,0)}100%{box-shadow:0 0 0 0 rgba(53,200,146,0)}}
.sfchip{font-family:var(--mono);font-size:12px;padding:7px 13px;border-radius:100px;border:1px solid var(--line2);background:var(--panel2);color:var(--mute);cursor:pointer;transition:.2s}
.sfchip:hover{border-color:color-mix(in srgb,var(--blue-d) 42%,var(--line2));color:var(--white)}
.sfchip.on{background:var(--blue-d);border-color:var(--blue-d);color:#fff}
.sfrow{display:flex;align-items:center;gap:16px;padding:15px 20px;border-top:1px solid var(--line);transition:background .2s}
.sftype{flex:0 0 auto;min-width:96px;text-align:center}
.sfco{flex:0 0 150px}
.sfdet{flex:1 1 auto}
.sfact{flex:0 0 auto;text-align:right;white-space:nowrap}
.sfrow:first-child{border-top:0}
.sfrow:hover{background:color-mix(in srgb,var(--blue-d) 4%,var(--panel))}
.sftype{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.03em;padding:5px 9px;border-radius:7px;text-align:center;white-space:nowrap}
.sftype.funding{color:#1f9d6f;background:color-mix(in srgb,#35C892 16%,transparent)}
.sftype.hiring{color:var(--blue-d);background:color-mix(in srgb,var(--blue-d) 12%,transparent)}
.sftype.role{color:#6b5bd6;background:color-mix(in srgb,#6b5bd6 14%,transparent)}
.sftype.tech{color:#b07d17;background:color-mix(in srgb,#E7B24B 22%,transparent)}
.sftype.competitor{color:#cf5149;background:color-mix(in srgb,#E5776F 16%,transparent)}
.sftype.news{color:var(--blue-d);background:color-mix(in srgb,var(--blue-d) 10%,transparent)}
.sfco{font-weight:700;color:var(--white);font-size:14.5px;letter-spacing:-.01em}
.sfco .sfloc{display:block;font-family:var(--mono);font-size:11.5px;color:var(--dim);font-weight:400;margin-top:2px}
.sfdet{font-size:13.5px;color:var(--mute)}
.sfdet .sftime{font-family:var(--mono);font-size:11.5px;color:var(--dim)}
.sfact{font-family:var(--mono);font-size:12px;color:var(--blue-d);white-space:nowrap;text-align:right}
@media(max-width:760px){.sfrow{flex-wrap:wrap;gap:8px 14px}.sfco{flex:0 0 auto}.sfdet{flex-basis:100%}.sfact{flex-basis:100%;text-align:left}}

.eno{font-family:var(--sans) !important;font-variant-numeric:tabular-nums;font-weight:700}
.agt-ctawrap{padding-left:55px;margin-top:16px}
@media(max-width:640px){.agt-ctawrap{padding-left:0}}

html,body{font-feature-settings:"zero" 0}
.ln,.pill,.eyebrow,.esub,.calc-h,.sftype,.sfloc,.sfact,.sfdet .sftime,.agt-title,.agt-live,.agt-think,.agt-badge,.dsh-tab,.et,.mo-quote,.ct-num,.amt,.eno,.pb-n,.pb-l{font-feature-settings:"zero" 0}
.manifesto{font-size:clamp(20px,2.4vw,27px) !important;font-weight:500 !important;letter-spacing:-.015em !important;line-height:1.5 !important;color:var(--white)}
.manifesto .b{color:var(--blue-d) !important;font-weight:700 !important}
#engine,#signals,#cost,#offer,#book,#dashboard{position:relative;isolation:isolate}
#engine::before,#signals::before,#cost::before,#offer::before,#book::before,#dashboard::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 68% 55% at 84% -2%,rgba(18,111,255,.11),transparent 60%)}
#signals::before,#offer::before{background:radial-gradient(ellipse 62% 50% at 12% 0%,rgba(18,111,255,.10),transparent 58%)}

/* trusted-by marquee */
.mq{overflow:hidden;position:relative;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mq-track{display:flex;gap:0;width:max-content;animation:mqscroll 34s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
@keyframes mqscroll{to{transform:translateX(-50%)}}
.mq-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 42px;opacity:.72;transition:opacity .25s}
.mq-item:hover{opacity:1}
.mq-item img{height:38px;width:auto;display:block}
.mq-item img[alt="OneID"]{height:56px}

/* pilot (subtle) */
.pilot-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:36px 40px;box-shadow:var(--sh);margin-top:34px;position:relative;overflow:hidden}
.pilot-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--blue-d),var(--blue))}
.pilot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.pilot-stat .pn{font-size:46px;font-weight:800;letter-spacing:-.03em;color:var(--blue-d);font-variant-numeric:tabular-nums;line-height:1}
.pilot-stat .pl{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-top:9px}
.pilot-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-top:26px}
.pilot-slots{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--mute)}
.pilot-slots .pd{width:8px;height:8px;border-radius:50%;background:#35C892;flex:0 0 auto}
@media(max-width:640px){.pilot-grid{grid-template-columns:repeat(2,1fr)}.pilot-card{padding:26px 22px}.pilot-stat .pn{font-size:38px}}

.pilot-scarce{display:inline-flex;align-items:center;gap:10px;background:color-mix(in srgb,#E7B24B 15%,transparent);border:1px solid color-mix(in srgb,#E7B24B 48%,transparent);color:#8a6410;font-size:14.5px;padding:10px 17px;border-radius:100px;margin-bottom:26px}
.pilot-scarce b{color:#7a5600;font-weight:800}
.pilot-scarce .ps-dot{width:9px;height:9px;border-radius:50%;background:#E7B24B;flex:0 0 auto;animation:sfpulse 1.5s infinite}
.pilot-foot-note{font-size:14.5px;color:var(--mute)}
.pilot-apply{font-size:16px;padding:15px 30px}

.dfy-points{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:36px}
.dfy-point{flex:1 1 260px;max-width:340px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 24px;font-size:15px;line-height:1.5;color:var(--txt);display:flex;gap:12px;align-items:flex-start;box-shadow:var(--sh)}
.dfy-ic{color:#35C892;font-weight:800;flex:0 0 auto;font-size:16px;line-height:1.5}
@media(max-width:820px){.dfy-point{flex:1 1 100%;max-width:none}}

.brand{display:flex;align-items:center}
.navmark{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#4d92ff,#126fff 56%,#0a54cc);display:inline-flex;align-items:center;justify-content:center;margin-right:11px;flex:0 0 auto;box-shadow:0 3px 9px -3px rgba(18,111,255,.55)}
.navmark svg{width:21px;height:21px;display:block}
.agt-av svg{width:26px;height:26px}

/* ================= added: free-course capture, video lightbox, focus states ================= */

/* keyboard focus was invisible before; these use the existing accent token */
a:focus-visible, button:focus-visible, input:focus-visible, .player:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--blue-d);
  outline-offset: 3px;
  border-radius: 8px;
}

/* free course card */
.lm {
  max-width: 620px;
  margin: 34px auto 0;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 30px 32px;
  box-shadow: var(--sh);
  position: relative;
  overflow: hidden;
}
.lm::before {
  content: "";
  position: absolute;
  left: 0; top: 0;
  height: 3px; width: 100%;
  background: linear-gradient(90deg, var(--blue-d), var(--blue));
}
.lm-form { display: flex; gap: 10px; flex-wrap: wrap; }
.lm-input {
  flex: 1 1 240px;
  min-width: 0;
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 11px;
  padding: 13px 15px;
  font-family: var(--sans);
  font-size: 15px;
  color: var(--white);
  transition: border-color .18s;
}
.lm-input::placeholder { color: var(--dim); }
.lm-input:hover { border-color: var(--dim); }
.lm-input[aria-invalid="true"] { border-color: var(--red); }
.lm-btn { flex: 0 0 auto; border: 0; font-family: var(--sans); }
.lm-btn:disabled { opacity: .6; cursor: default; transform: none; }
.lm-note { margin-top: 13px; font-size: 13px; color: var(--mute); line-height: 1.55; }
.lm-note a { color: var(--blue-d); }
.lm-done { display: flex; flex-direction: column; gap: 15px; align-items: flex-start; }
.lm-msg {
  font-size: 15px; color: var(--white); font-weight: 600;
  display: flex; gap: 10px; align-items: flex-start;
}
.lm-msg::before { content: "✓"; color: var(--green); font-weight: 800; flex: 0 0 auto; }
.lm-yt {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  color: var(--white);
  background: var(--panel2);
  border: 1px solid var(--line2);
  border-radius: 11px;
  padding: 11px 16px;
  transition: border-color .18s, background .18s, transform .18s;
}
.lm-yt svg { width: 17px; height: 17px; fill: #FF0000; flex: 0 0 auto; }
.lm-yt:hover {
  border-color: color-mix(in srgb, var(--blue-d) 40%, var(--line2));
  background: color-mix(in srgb, var(--blue-d) 5%, var(--panel2));
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) { .lm-yt:hover { transform: none } }

/* honeypot + screen-reader-only label */
.lm-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lm-sr {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (max-width: 560px) {
  .lm { padding: 24px 22px; }
  .lm-btn { width: 100%; justify-content: center; }
}

/* video lightbox */
.vbox {
  position: fixed; inset: 0; z-index: 300;
  background: rgba(6, 8, 14, .84);
  backdrop-filter: blur(7px);
  display: flex; align-items: center; justify-content: center;
  padding: 40px 20px;
  animation: vboxin .22s ease;
}
@keyframes vboxin { from { opacity: 0 } to { opacity: 1 } }
.vbox-frame {
  width: 100%; max-width: 1000px;
  aspect-ratio: 16 / 9;
  border-radius: 16px; overflow: hidden;
  background: #000;
  box-shadow: 0 50px 110px -30px rgba(0, 0, 0, .8);
}
.vbox-frame iframe, .vbox-frame video { width: 100%; height: 100%; border: 0; display: block; }
.vbox-close {
  position: absolute; top: 22px; right: 24px;
  width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .28);
  background: rgba(12, 14, 20, .8);
  color: #fff; font-size: 22px; line-height: 1; cursor: pointer;
}
.vbox-close:hover { background: rgba(30, 34, 44, .9); }

/* footer */
.foot-links { margin-top: 8px }
.foot-links a { color: var(--mute); text-decoration: none }
.foot-links a:hover { color: var(--blue-d) }

@media (prefers-reduced-motion: reduce) { .vbox { animation: none } }

/* ================= privacy notice page ================= */
.legal { max-width: 760px; margin: 0 auto; padding: 64px 24px 80px }
.legal h1 { font-size: clamp(32px, 4vw, 44px); font-weight: 800; color: var(--white); letter-spacing: -.03em; line-height: 1.08 }
.legal .updated { font-family: var(--mono); font-size: 12.5px; color: var(--dim); margin-top: 12px }
.legal h2 { font-size: 20px; font-weight: 700; color: var(--white); margin: 38px 0 10px; letter-spacing: -.01em }
.legal p, .legal li { font-size: 15.5px; color: var(--txt); line-height: 1.68 }
.legal p { margin-top: 12px }
.legal ul { margin: 12px 0 0 20px; display: grid; gap: 7px }
.legal a { color: var(--blue-d) }
.legal .back { display: inline-block; font-family: var(--mono); font-size: 13px; color: var(--blue-d); text-decoration: none; margin-bottom: 30px }
.legal .draft {
  margin-top: 22px; font-size: 14px; line-height: 1.6;
  background: color-mix(in srgb, #E7B24B 12%, transparent);
  border: 1px solid color-mix(in srgb, #E7B24B 44%, transparent);
  border-radius: 12px; padding: 15px 17px; color: var(--txt);
}

/* author display rules (.btn is inline-flex) beat the browser default for [hidden],
   so the attribute needs to win explicitly — used by VIDEO_URL / form states */
[hidden] { display: none !important; }

/* ================= footer social icons ================= */
.soc { display: flex; gap: 10px; justify-content: center; margin: 18px 0 4px; }
.soc-link {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  border: 1px solid var(--line2);
  border-radius: 10px;
  background: var(--panel);
  color: var(--mute);
  transition: color .18s, border-color .18s, transform .18s, background .18s;
}
.soc-link svg { width: 17px; height: 17px; fill: currentColor; display: block; }
.soc-link:hover {
  color: var(--blue-d);
  border-color: color-mix(in srgb, var(--blue-d) 45%, var(--line2));
  background: color-mix(in srgb, var(--blue-d) 6%, var(--panel));
  transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) { .soc-link:hover { transform: none } }

/* ================= icon chips (replaced emoji) ================= */
.pipe span { display: inline-flex; align-items: center; gap: 8px; }
.pipe .pi { display: inline-flex; width: 15px; height: 15px; color: var(--blue-d); flex: 0 0 auto; }
.pipe .pi svg { width: 100%; height: 100%; display: block; }
.agt-mic { display: inline-flex; width: 14px; height: 14px; vertical-align: -2px; }
.agt-mic svg { width: 100%; height: 100%; display: block; }

/* ================= three-era comparison ================= */
.cmp { margin-top: 40px }
.cmp-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); box-shadow: var(--sh) }
.cmp-table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 14.5px }
.cmp-table thead th { text-align: left; padding: 20px 18px 16px; border-bottom: 1px solid var(--line); vertical-align: top }
.cmp-table thead th:first-child { width: 148px }
.cmp-h { display: block; font-size: 16.5px; font-weight: 700; color: var(--white); letter-spacing: -.01em }
.cmp-s { display: block; font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); margin-top: 5px }
.cmp-table tbody th {
  text-align: left; font-family: var(--mono); font-size: 11px; letter-spacing: .07em;
  text-transform: uppercase; color: var(--mute); font-weight: 500; padding: 15px 18px; vertical-align: top;
}
.cmp-table tbody td { padding: 15px 18px; color: var(--txt); border-top: 1px solid var(--line); vertical-align: top }
.cmp-table tbody th { border-top: 1px solid var(--line) }
.cmp-table tbody td b { color: var(--white) }
/* our column, highlighted the whole way down */
.cmp-table .cmp-us { background: color-mix(in srgb, var(--blue-d) 5%, var(--panel)); border-left: 2px solid var(--blue-d) }
.cmp-table thead th.cmp-us .cmp-h { color: var(--blue-d) }
.cmp-notes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 16px }
.cmp-note { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; box-shadow: var(--sh) }
.cmp-note-us { background: color-mix(in srgb, var(--blue-d) 6%, var(--panel)); border-color: color-mix(in srgb, var(--blue-d) 25%, var(--line)) }
.cn-h { font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--mute); margin-bottom: 9px }
.cmp-note-us .cn-h { color: var(--blue-d) }
.cmp-note p { font-size: 13.5px; color: var(--txt); line-height: 1.55 }
@media (max-width: 860px) { .cmp-notes { grid-template-columns: 1fr } }

/* ================= pilot strip inside the offer section ================= */
.pilot-strip {
  margin-top: 22px; background: var(--panel); border: 1px solid var(--line);
  border-radius: 18px; padding: 28px 30px; box-shadow: var(--sh); position: relative; overflow: hidden;
}
.pilot-strip::before { content: ""; position: absolute; left: 0; top: 0; height: 3px; width: 100%; background: linear-gradient(90deg, var(--blue-d), var(--blue)) }
.ps-lead { font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); margin-bottom: 20px }
.pilot-strip .pilot-grid { padding-bottom: 22px }
.ps-note { margin-top: 20px; font-size: 14px; color: var(--mute); line-height: 1.6; max-width: 760px }

/* ================= FAQ ================= */
.faq { max-width: 780px; margin: 38px auto 0; display: grid; gap: 10px }
.faq-item {
  background: var(--panel); border: 1px solid var(--line); border-radius: 14px;
  box-shadow: var(--sh); overflow: hidden; transition: border-color .2s;
}
.faq-item[open] { border-color: color-mix(in srgb, var(--blue-d) 32%, var(--line)) }
.faq-item:hover { border-color: var(--line2) }
.faq-item summary {
  cursor: pointer; list-style: none; display: flex; align-items: center; gap: 16px;
  padding: 19px 22px; font-size: 16px; font-weight: 600; color: var(--white); letter-spacing: -.01em;
}
.faq-item summary::-webkit-details-marker { display: none }
.faq-item summary span { flex: 1 1 auto }
.faq-ic { position: relative; width: 14px; height: 14px; flex: 0 0 auto }
.faq-ic::before, .faq-ic::after {
  content: ""; position: absolute; background: var(--blue-d); border-radius: 2px; transition: transform .22s, opacity .22s;
}
.faq-ic::before { left: 0; top: 6px; width: 14px; height: 2px }
.faq-ic::after { left: 6px; top: 0; width: 2px; height: 14px }
.faq-item[open] .faq-ic::after { transform: rotate(90deg); opacity: 0 }
.faq-a { padding: 0 22px 22px; border-top: 1px solid var(--line); padding-top: 17px; margin-top: -1px }
.faq-a p { font-size: 15px; color: var(--txt); line-height: 1.68 }
.faq-foot { margin-top: 26px; font-size: 14.5px; color: var(--mute) }
.faq-foot a { color: var(--blue-d) }
@media (prefers-reduced-motion: reduce) { .faq-ic::before, .faq-ic::after { transition: none } }

/* ================= hero: two columns again, with the live terminal ================= */
@media (min-width: 1000px) {
  .hero-grid { grid-template-columns: 1.02fr 0.98fr !important; align-items: center }
  .hero-grid > div:first-child { max-width: 620px }
}
.hero-visual .console { box-shadow: 0 40px 90px -34px rgba(16,18,26,.45) }
.hero-visual .cbody { min-height: 288px; font-size: 12.5px }
@media (max-width: 999px) {
  .hero-visual { margin-top: 6px }
  .hero-visual .cbody { min-height: 232px }
}

/* ================= navigation ================= */
/* mobile: a scrollable anchor row, because a 2,000-word page with no nav is a dead end */
.nav-mob { display: none }
@media (max-width: 900px) {
  .nav-mob {
    display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none;
    padding: 0 16px 11px; -webkit-overflow-scrolling: touch;
    border-top: 1px solid var(--line);
    padding-top: 11px;
  }
  .nav-mob::-webkit-scrollbar { display: none }
  .nav-mob a {
    flex: 0 0 auto; font-family: var(--mono); font-size: 12px; text-decoration: none;
    color: var(--mute); background: var(--panel2); border: 1px solid var(--line);
    border-radius: 100px; padding: 7px 13px; white-space: nowrap;
  }
  .nav-mob a:active { color: var(--blue-d); border-color: var(--blue-d) }
  .nav-in { padding-bottom: 12px }
}
/* footer theme toggle */
.foot-toggle { display: flex; justify-content: center; margin-bottom: 20px }
.foot-toggle .toggle { display: inline-flex }
html { scroll-behavior: smooth }
section[id], header[id] { scroll-margin-top: 84px }
@media (max-width: 900px) { section[id], header[id] { scroll-margin-top: 118px } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto } }

/* headline sits beside the terminal now, so cap it below the full-width size */
@media (min-width: 1000px) {
  .hero-grid { grid-template-columns: 1.08fr 0.92fr !important }
  .hero h1 { font-size: clamp(38px, 3.5vw, 47px) !important }
  .hero .lead { font-size: 17px }
}