/* SQL Center Pro — References, About and FAQ / V2 editorial system */

.editorial-page {
  --ep-navy: #0b1d36;
  --ep-navy-2: #102a4d;
  --ep-blue: #2463eb;
  --ep-cyan: #39a9ff;
  --ep-green: #17b978;
  --ep-text: #132743;
  --ep-muted: #667991;
  --ep-line: #d8e3ef;
  --ep-soft: #edf4ff;
  overflow: hidden;
  background: #f6f9fd;
  color: var(--ep-text);
}

.editorial-page a { text-decoration: none; }
.editorial-hero { position: relative; isolation: isolate; padding: clamp(62px, 7vw, 102px) 0; border-bottom: 1px solid var(--ep-line); }
.editorial-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .55; background-image: linear-gradient(rgba(27,78,145,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(27,78,145,.045) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg,#000,transparent 85%); }
.editorial-hero::after { content: ""; position: absolute; z-index: -1; width: 620px; height: 620px; right: -280px; top: -330px; border: 1px solid rgba(36,99,235,.18); border-radius: 50%; box-shadow: 0 0 0 58px rgba(36,99,235,.035), 0 0 0 116px rgba(57,169,255,.025); }
.editorial-hero__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); align-items: center; gap: clamp(40px, 7vw, 108px); }
.editorial-hero__copy { position: relative; z-index: 2; }
.editorial-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 27px; color: #7c8da3; font: 700 10px "IBM Plex Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }
.editorial-breadcrumb a { color: #526b89; }
.editorial-breadcrumb a:hover { color: var(--ep-blue); }
.editorial-breadcrumb i { color: var(--ep-blue); font-style: normal; }
.editorial-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--ep-blue); font: 800 10px "IBM Plex Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
.editorial-eyebrow::before { content: ""; width: 30px; height: 2px; background: currentColor; }
.editorial-hero h1 { max-width: 830px; margin: 17px 0 0; color: var(--ep-navy); font-family: "Manrope", system-ui, sans-serif; font-size: clamp(48px, 5.2vw, 79px); font-weight: 800; letter-spacing: -.064em; line-height: .99; }
.editorial-hero h1 em { color: var(--ep-blue); font-family: "Newsreader", Georgia, serif; font-weight: 700; font-style: normal; letter-spacing: -.045em; }
.editorial-hero__copy > p { max-width: 750px; margin: 23px 0 0; color: var(--ep-muted); font-size: clamp(16px, 1.3vw, 19px); line-height: 1.75; }
.editorial-hero__pills { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 29px; }
.editorial-hero__pills span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #cfdeef; border-radius: 999px; background: rgba(255,255,255,.78); color: #415a78; font-size: 10px; font-weight: 800; box-shadow: 0 8px 18px rgba(28,62,104,.05); }
.editorial-hero__pills i { width: 6px; height: 6px; border-radius: 50%; background: var(--ep-green); box-shadow: 0 0 0 4px rgba(23,185,120,.11); }
.editorial-hero__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
.editorial-hero__actions .btn { min-height: 51px; }
.editorial-btn-light { border: 1px solid #b9cbe1; background: #fff; color: var(--ep-text); }
.editorial-btn-light:hover { border-color: var(--ep-blue); color: var(--ep-blue); }

.reference-v2-hero,
.faq-v2-hero { background: radial-gradient(circle at 76% 26%, rgba(58,145,255,.12), transparent 23%), linear-gradient(135deg,#f8fbff 0%,#eef5ff 58%,#f9fcff 100%); }

/* References */
.reference-orbit-card { position: relative; width: min(100%, 435px); min-height: 455px; justify-self: end; overflow: hidden; border: 1px solid #173c6d; border-radius: 28px 8px 28px 8px; background: linear-gradient(145deg,#0a1b32,#103866); color: #fff; box-shadow: 0 30px 72px rgba(11,29,54,.22); }
.reference-orbit-card::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 50% 48%, rgba(52,151,255,.14), transparent 42%), linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: auto, 30px 30px, 30px 30px; }
.reference-orbit-card__head { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,.11); color: #9fb3cc; font: 700 8px "IBM Plex Mono", monospace; letter-spacing: .1em; }
.reference-orbit-card__head span { display: flex; align-items: center; gap: 8px; }
.reference-orbit-card__head i { width: 7px; height: 7px; border-radius: 50%; background: #49e0ae; box-shadow: 0 0 0 5px rgba(73,224,174,.13); animation: editorialPulse 2s ease-in-out infinite; }
.reference-orbit-card__head b { color: #78aaff; font-weight: 700; }
.reference-orbit { position: relative; z-index: 1; width: 284px; height: 284px; margin: 22px auto 2px; }
.reference-orbit__ring { position: absolute; border: 1px solid rgba(130,180,255,.24); border-radius: 50%; }
.reference-orbit__ring--outer { inset: 7px; animation: editorialOrbit 28s linear infinite; }
.reference-orbit__ring--outer::before,
.reference-orbit__ring--outer::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #49e0ae; box-shadow: 0 0 12px rgba(73,224,174,.65); }
.reference-orbit__ring--outer::before { left: 38px; top: 20px; }
.reference-orbit__ring--outer::after { right: 18px; bottom: 51px; background: #66a6ff; box-shadow: 0 0 12px rgba(102,166,255,.75); }
.reference-orbit__ring--inner { inset: 61px; border-color: rgba(80,161,255,.42); animation: editorialOrbitReverse 17s linear infinite; }
.reference-orbit__core { position: absolute; inset: 94px; display: grid; place-content: center; justify-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 23px 7px 23px 7px; background: linear-gradient(145deg,#fff,#eaf2ff); color: #11365e; box-shadow: 0 20px 46px rgba(0,0,0,.28); font: 900 28px "IBM Plex Mono", monospace; }
.reference-orbit__core small { margin-top: -3px; color: #4384e9; font-size: 7px; letter-spacing: .17em; }
.reference-orbit__node { position: absolute; width: 12px; height: 12px; border: 3px solid #0d2a4d; border-radius: 50%; background: #48a1ff; box-shadow: 0 0 0 1px rgba(255,255,255,.4), 0 0 18px rgba(72,161,255,.6); }
.reference-orbit__node--one { left: 16px; top: 83px; }
.reference-orbit__node--two { right: 23px; top: 37px; background: #49e0ae; }
.reference-orbit__node--three { right: 2px; bottom: 78px; }
.reference-orbit__node--four { left: 70px; bottom: 13px; background: #49e0ae; }
.reference-orbit-card__foot { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 16px 21px 18px; border-top: 1px solid rgba(255,255,255,.11); }
.reference-orbit-card__foot > div { display: flex; align-items: center; gap: 12px; }
.reference-orbit-card__foot strong { color: #fff; font: 800 31px/1 "IBM Plex Mono", monospace; }
.reference-orbit-card__foot span { color: #9fb3cc; font: 700 8px/1.4 "IBM Plex Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }
.reference-orbit-card__foot > small { color: #78aaff; font: 700 8px/1.5 "IBM Plex Mono", monospace; letter-spacing: .08em; text-align: right; }

.reference-v2-content,
.about-v2-content,
.faq-v2-content { padding: 48px 0 90px; }
.editorial-proof-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; overflow: hidden; border: 1px solid #d5e1ee; border-radius: 17px; background: #d5e1ee; box-shadow: 0 16px 38px rgba(27,58,98,.07); }
.editorial-proof-strip article { min-height: 116px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 14px; padding: 22px; background: #fff; }
.editorial-proof-strip article > span { color: var(--ep-blue); font: 800 10px "IBM Plex Mono", monospace; }
.editorial-proof-strip strong,
.editorial-proof-strip small { display: block; }
.editorial-proof-strip strong { color: #17304e; font-size: 14px; }
.editorial-proof-strip small { margin-top: 6px; color: #72839a; font-size: 11px; font-weight: 600; line-height: 1.5; }
.reference-v2-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin: 64px 0 24px; }
.reference-v2-heading h2 { max-width: 780px; margin: 13px 0 0; color: var(--ep-navy); font-family: "Manrope", sans-serif; font-size: clamp(32px,4vw,54px); font-weight: 800; letter-spacing: -.05em; line-height: 1.04; }
.reference-v2-heading > p { max-width: 390px; margin: 0; color: var(--ep-muted); font-size: 13px; line-height: 1.65; text-align: right; }
.reference-v2-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.reference-v2-card { min-width: 0; position: relative; overflow: hidden; border: 1px solid #d5e1ee; border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(27,58,98,.065); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.reference-v2-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg,#2463eb,#39a9ff,#48d5ad); transform: scaleX(.34); transform-origin: left; transition: transform .28s ease; }
.reference-v2-card:hover { border-color: #9db8dc; box-shadow: 0 22px 48px rgba(27,58,98,.12); transform: translateY(-6px); }
.reference-v2-card:hover::before { transform: scaleX(1); }
.reference-v2-card > a { height: 100%; display: grid; grid-template-rows: auto 160px auto; padding: 18px; color: inherit; }
.reference-v2-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #7f90a5; font: 700 8px "IBM Plex Mono", monospace; letter-spacing: .08em; }
.reference-v2-card__head small { display: flex; align-items: center; gap: 6px; font: inherit; }
.reference-v2-card__head i { width: 6px; height: 6px; border-radius: 50%; background: var(--ep-green); box-shadow: 0 0 0 3px rgba(23,185,120,.11); }
.reference-v2-card__logo { display: grid; place-items: center; min-width: 0; margin: 15px 0; padding: 22px; border: 1px solid #e1e9f3; border-radius: 14px; background: radial-gradient(circle at 50% 40%,#fff,#f5f8fc); }
.reference-v2-card__logo img { display: block; width: auto; height: auto; max-width: min(100%,230px); max-height: 94px; object-fit: contain; }
.reference-v2-card__logo > span { width: 76px; height: 76px; display: grid; place-items: center; border-radius: 19px 6px 19px 6px; background: linear-gradient(145deg,#102b50,#1f65b6); color: #fff; box-shadow: 0 14px 28px rgba(13,45,83,.22); font: 800 27px "IBM Plex Mono", monospace; }
.reference-v2-card__meta { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 15px; border-top: 1px solid #e1e9f3; }
.reference-v2-card__meta > div { min-width: 0; }
.reference-v2-card__meta strong,
.reference-v2-card__meta span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reference-v2-card__meta strong { color: #142943; font-size: 14px; }
.reference-v2-card__meta span { margin-top: 5px; color: #8492a5; font: 600 9px "IBM Plex Mono", monospace; }
.reference-v2-card__meta b { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; border-radius: 10px; background: #edf4ff; color: var(--ep-blue); font-size: 15px; transition: background .2s ease,color .2s ease; }
.reference-v2-card:hover .reference-v2-card__meta b { background: var(--ep-blue); color: #fff; }

.editorial-cta { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 34px; margin-top: 54px; padding: clamp(30px,4vw,48px); border: 1px solid #173c6d; border-radius: 24px; background: linear-gradient(135deg,#0a1b32,#103866); color: #fff; box-shadow: 0 22px 54px rgba(10,27,50,.17); }
.editorial-cta::after { content: ""; position: absolute; width: 280px; height: 280px; right: 15%; top: -210px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.03),0 0 0 84px rgba(255,255,255,.018); }
.editorial-cta > * { position: relative; z-index: 1; }
.editorial-cta .editorial-eyebrow { color: #74a9ff; }
.editorial-cta h2 { max-width: 800px; margin: 11px 0 10px; color: #fff; font-family: "Manrope",sans-serif; font-size: clamp(28px,3.3vw,44px); font-weight: 800; letter-spacing: -.045em; line-height: 1.08; }
.editorial-cta p { max-width: 720px; margin: 0; color: #bdcde0; font-size: 14px; line-height: 1.7; }
.editorial-cta__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.editorial-btn-ghost { border: 1px solid #6983a4; background: transparent; color: #fff; }
.editorial-btn-ghost:hover { border-color: #fff; background: rgba(255,255,255,.07); color: #fff; }

/* About */
.about-v2-hero { color: #fff; background: radial-gradient(circle at 76% 32%,rgba(48,133,255,.21),transparent 24%), linear-gradient(135deg,#081a31 0%,#0c2a4e 58%,#123d6e 100%); }
.about-v2-hero::before { opacity: .38; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); }
.about-v2-hero::after { border-color: rgba(99,164,255,.23); box-shadow: 0 0 0 58px rgba(62,134,255,.045),0 0 0 116px rgba(50,204,165,.025); }
.about-v2-hero .editorial-breadcrumb { color: #819ab8; }
.about-v2-hero .editorial-breadcrumb a { color: #aac1dc; }
.about-v2-hero .editorial-eyebrow { color: #6fa7ff; }
.about-v2-hero h1 { color: #fff; }
.about-v2-hero h1 em { color: #70a7ff; }
.about-v2-hero .editorial-hero__copy > p { color: #b9c9dc; }
.about-v2-hero .editorial-btn-light { border-color: #58779b; background: rgba(255,255,255,.04); color: #fff; }
.about-v2-hero .editorial-btn-light:hover { border-color: #8db5e8; background: rgba(255,255,255,.08); }
.about-console { position: relative; width: min(100%,470px); justify-self: end; overflow: hidden; border: 1px solid rgba(158,192,235,.33); border-radius: 25px 8px 25px 8px; background: rgba(5,20,39,.74); box-shadow: 0 30px 80px rgba(0,0,0,.3); backdrop-filter: blur(15px); }
.about-console::after { content: ""; position: absolute; width: 220px; height: 220px; right: -130px; top: 88px; border: 1px solid rgba(80,151,255,.16); border-radius: 50%; box-shadow: 0 0 0 35px rgba(80,151,255,.025); }
.about-console__head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 17px 19px; border-bottom: 1px solid rgba(255,255,255,.1); color: #8da7c6; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .09em; }
.about-console__head span { display: flex; align-items: center; gap: 8px; }
.about-console__head i { width: 7px; height: 7px; border-radius: 50%; background: #49e0ae; box-shadow: 0 0 0 5px rgba(73,224,174,.12); animation: editorialPulse 2s ease-in-out infinite; }
.about-console__head b { color: #70a7ff; font-weight: 700; }
.about-console__score { position: relative; z-index: 1; display: grid; justify-items: center; padding: 28px 20px 25px; border-bottom: 1px solid rgba(255,255,255,.1); }
.about-console__score small { color: #8da7c6; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .13em; }
.about-console__score strong { margin: 8px 0 4px; color: #fff; font: 800 47px/1 "IBM Plex Mono",monospace; letter-spacing: -.08em; }
.about-console__score span { color: #49e0ae; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .1em; }
.about-console__rows { position: relative; z-index: 1; display: grid; }
.about-console__rows > div { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 11px; padding: 14px 18px; border-bottom: 1px solid rgba(255,255,255,.08); }
.about-console__rows > div > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; background: rgba(80,151,255,.12); color: #78abf6; font: 700 8px "IBM Plex Mono",monospace; font-style: normal; }
.about-console__rows span strong,
.about-console__rows span small { display: block; }
.about-console__rows span strong { color: #e8f1fc; font-size: 11px; }
.about-console__rows span small { margin-top: 3px; color: #8098b5; font-size: 8px; }
.about-console__rows > div > b { padding: 5px 7px; border-radius: 999px; background: rgba(73,224,174,.09); color: #58dca9; font: 700 7px "IBM Plex Mono",monospace; letter-spacing: .07em; }
.about-console__pulse { position: relative; z-index: 1; display: grid; grid-template-columns: 55px 1fr; align-items: center; column-gap: 12px; padding: 17px 18px; }
.about-console__pulse > span { grid-row: 1/3; position: relative; width: 55px; height: 22px; overflow: hidden; }
.about-console__pulse > span::before { content: ""; position: absolute; left: 0; top: 10px; width: 100%; height: 1px; background: #27486d; }
.about-console__pulse > span::after { content: ""; position: absolute; width: 18px; height: 18px; left: 3px; top: 2px; border: solid #49e0ae; border-width: 1px 1px 0 0; transform: rotate(-45deg) skew(-12deg); animation: editorialSignal 2.2s ease-in-out infinite; }
.about-console__pulse b { color: #b7cae0; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .08em; }
.about-console__pulse small { margin-top: 4px; color: #65809f; font: 600 7px "IBM Plex Mono",monospace; }

.about-manifesto { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(36px,7vw,110px); padding: 24px 0 68px; border-bottom: 1px solid var(--ep-line); }
.about-manifesto h2 { margin: 14px 0 0; color: var(--ep-navy); font-family: "Manrope",sans-serif; font-size: clamp(35px,4.3vw,58px); font-weight: 800; letter-spacing: -.055em; line-height: 1.06; }
.about-manifesto h2 em { color: var(--ep-blue); font-family: "Newsreader",serif; font-style: normal; }
.about-manifesto p { margin: 0 0 15px; color: var(--ep-muted); font-size: 15px; line-height: 1.82; }
.about-honest-note { position: relative; display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 25px; margin-top: 36px; padding: 30px 32px; overflow: hidden; border: 1px solid #bdd0e7; border-radius: 19px; background: linear-gradient(135deg,#f8fbff,#eaf3ff); box-shadow: 0 14px 36px rgba(28,61,104,.07); }
.about-honest-note__mark { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 18px 6px 18px 6px; background: var(--ep-navy); color: #fff; font: 800 25px "IBM Plex Mono",monospace; box-shadow: 0 12px 28px rgba(10,29,54,.18); }
.about-honest-note h2 { margin: 9px 0 8px; color: var(--ep-navy); font-family: "Manrope",sans-serif; font-size: clamp(24px,2.6vw,35px); font-weight: 800; letter-spacing: -.04em; }
.about-honest-note p { max-width: 850px; margin: 0; color: #5f7289; font-size: 13px; line-height: 1.75; }
.about-honest-note__label { padding: 8px 10px; border: 1px solid #b9cce4; border-radius: 999px; color: #3d6597; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .07em; white-space: nowrap; }
.about-risk-grid { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: 30px; margin-top: 68px; }
.about-risk-grid__intro { padding-right: 28px; }
.about-risk-grid__intro h2 { margin: 13px 0 12px; color: var(--ep-navy); font-family: "Manrope",sans-serif; font-size: clamp(31px,3.6vw,47px); font-weight: 800; letter-spacing: -.05em; line-height: 1.08; }
.about-risk-grid__intro p { color: var(--ep-muted); line-height: 1.7; }
.about-risk-grid__rows { display: grid; gap: 10px; }
.about-risk-grid__rows article { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 16px; min-height: 102px; padding: 18px 20px; border: 1px solid #d6e1ed; border-radius: 15px; background: #fff; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.about-risk-grid__rows article:hover { border-color: #a5bfe0; box-shadow: 0 14px 30px rgba(27,58,98,.08); transform: translateX(5px); }
.about-risk-grid__rows article > span { color: var(--ep-blue); font: 800 10px "IBM Plex Mono",monospace; }
.about-risk-grid__rows strong { color: #18314f; font-size: 14px; }
.about-risk-grid__rows p { margin: 5px 0 0; color: #73849a; font-size: 11px; line-height: 1.5; }
.about-risk-grid__rows b { padding: 7px 9px; border-radius: 999px; background: #edf4ff; color: #2864bb; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .06em; }
.about-principles { margin-top: 72px; }
.about-principles__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.about-principles__grid article { position: relative; min-height: 250px; padding: 28px; overflow: hidden; border: 1px solid #d5e1ee; border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(27,58,98,.06); }
.about-principles__grid article::after { content: ""; position: absolute; width: 120px; height: 120px; right: -70px; top: -70px; border: 1px solid #d5e5fa; border-radius: 50%; background: #f1f6fd; }
.about-principles__grid article > span { color: var(--ep-blue); font: 800 10px "IBM Plex Mono",monospace; letter-spacing: .1em; }
.about-principles__grid h3 { margin: 56px 0 12px; color: var(--ep-navy); font-family: "Manrope",sans-serif; font-size: 21px; }
.about-principles__grid p { margin: 0; color: var(--ep-muted); font-size: 13px; line-height: 1.72; }
.about-mission { display: grid; grid-template-columns: 120px minmax(0,1.1fr) minmax(280px,.9fr); align-items: end; gap: 30px; margin-top: 22px; padding: 42px; border-radius: 21px; background: var(--ep-navy); color: #fff; }
.about-mission__index { align-self: start; color: #6d8db2; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .1em; }
.about-mission .editorial-eyebrow { color: #70a7ff; }
.about-mission h2 { margin: 12px 0 0; color: #fff; font-family: "Manrope",sans-serif; font-size: clamp(28px,3.4vw,44px); font-weight: 800; letter-spacing: -.045em; line-height: 1.08; }
.about-mission p { margin: 0 0 17px; color: #b8c9dd; font-size: 13px; line-height: 1.75; }
.about-mission a { color: #75abff; font-size: 12px; font-weight: 800; }
.about-mission a:hover { color: #fff; }

/* FAQ */
.faq-hero-index { width: min(100%,445px); justify-self: end; overflow: hidden; border: 1px solid #cad9ea; border-radius: 27px 8px 27px 8px; background: rgba(255,255,255,.88); box-shadow: 0 28px 70px rgba(24,56,98,.15); backdrop-filter: blur(14px); }
.faq-hero-index__head { display: flex; align-items: center; justify-content: space-between; padding: 17px 19px; border-bottom: 1px solid #dce6f1; color: #8090a5; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .09em; }
.faq-hero-index__head b { color: var(--ep-blue); font-weight: 700; }
.faq-hero-index__core { position: relative; display: grid; justify-items: center; padding: 30px 20px 27px; overflow: hidden; border-bottom: 1px solid #dce6f1; }
.faq-hero-index__core::before { content: "?"; position: absolute; right: 18px; top: -38px; color: rgba(36,99,235,.055); font: 800 150px/1 "Manrope",sans-serif; }
.faq-hero-index__core small { color: #7d8da2; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .13em; }
.faq-hero-index__core strong { margin: 7px 0 2px; color: var(--ep-navy); font: 800 53px/1 "IBM Plex Mono",monospace; letter-spacing: -.08em; }
.faq-hero-index__core span { color: var(--ep-blue); font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .11em; }
.faq-hero-index__topics { display: grid; }
.faq-hero-index__topics > span { display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid #e2eaf3; color: #3d536f; font-size: 10px; font-weight: 800; }
.faq-hero-index__topics > span:last-child { border-bottom: 0; }
.faq-hero-index__topics i { color: #7991ad; font: 700 8px "IBM Plex Mono",monospace; font-style: normal; }
.faq-hero-index__topics b { padding: 5px 7px; border-radius: 999px; background: #e9f9f2; color: #159a65; font: 700 7px "IBM Plex Mono",monospace; letter-spacing: .06em; }
.faq-v2-layout { display: grid; grid-template-columns: minmax(270px,.64fr) minmax(0,1.36fr); gap: clamp(28px,5vw,70px); align-items: start; }
.faq-v2-sidebar { position: sticky; top: 128px; }
.faq-v2-sidebar h2 { margin: 14px 0 22px; color: var(--ep-navy); font-family: "Manrope",sans-serif; font-size: clamp(30px,3.3vw,43px); font-weight: 800; letter-spacing: -.05em; line-height: 1.08; }
.faq-v2-categories { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.faq-v2-categories span { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 10px; border: 1px solid #d8e3ef; border-radius: 10px; background: #fff; color: #536a86; font-size: 10px; font-weight: 800; }
.faq-v2-categories i { color: var(--ep-blue); font: 700 8px "IBM Plex Mono",monospace; font-style: normal; }
.faq-v2-help { margin-top: 22px; padding: 24px; border-radius: 17px; background: linear-gradient(145deg,#0b203d,#123a69); color: #fff; box-shadow: 0 16px 38px rgba(10,32,61,.15); }
.faq-v2-help > span { color: #70a7ff; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .09em; }
.faq-v2-help strong { display: block; margin-top: 8px; color: #fff; font-size: 18px; }
.faq-v2-help p { margin: 9px 0 14px; color: #b7c8dc; font-size: 11px; line-height: 1.65; }
.faq-v2-help a { color: #78adff; font-size: 11px; font-weight: 800; }
.faq-v2-help a:hover { color: #fff; }
.faq-v2-list { min-width: 0; display: grid; gap: 11px; }
.faq-v2-list__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 5px; padding: 0 3px 13px; border-bottom: 1px solid #d2deeb; }
.faq-v2-list__head span { color: var(--ep-blue); font: 800 9px "IBM Plex Mono",monospace; letter-spacing: .1em; }
.faq-v2-list__head p { margin: 0; color: #8391a3; font-size: 11px; }
.faq-v2-item { overflow: hidden; border: 1px solid #d5e1ed; border-radius: 15px; background: #fff; box-shadow: 0 10px 28px rgba(27,58,98,.045); transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.faq-v2-item:hover { border-color: #afc5df; transform: translateY(-2px); }
.faq-v2-item[open] { border-color: #91b3df; box-shadow: 0 16px 36px rgba(27,58,98,.09); }
.faq-v2-item summary { display: grid; grid-template-columns: 40px minmax(0,1fr) 34px; align-items: center; gap: 15px; min-height: 88px; padding: 15px 18px; cursor: pointer; list-style: none; }
.faq-v2-item summary::-webkit-details-marker { display: none; }
.faq-v2-item summary::marker { display: none; content: ""; }
.faq-v2-item__index { color: var(--ep-blue); font: 800 10px "IBM Plex Mono",monospace; }
.faq-v2-item__question { min-width: 0; }
.faq-v2-item__question small,
.faq-v2-item__question strong { display: block; }
.faq-v2-item__question small { margin-bottom: 5px; color: #8190a4; font: 700 8px "IBM Plex Mono",monospace; letter-spacing: .08em; text-transform: uppercase; }
.faq-v2-item__question strong { color: #18314f; font-size: 14px; line-height: 1.35; }
.faq-v2-item summary > i { position: relative; width: 32px; height: 32px; border-radius: 9px; background: #edf4ff; }
.faq-v2-item summary > i::before,
.faq-v2-item summary > i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; border-radius: 2px; background: var(--ep-blue); transform: translate(-50%,-50%); transition: transform .2s ease; }
.faq-v2-item summary > i::after { transform: translate(-50%,-50%) rotate(90deg); }
.faq-v2-item[open] summary > i::after { transform: translate(-50%,-50%) rotate(0); }
.faq-v2-item__answer { padding: 0 66px 22px 73px; }
.faq-v2-item__answer p { margin: 0; padding-top: 17px; border-top: 1px solid #e0e8f2; color: #60728a; font-size: 13px; line-height: 1.8; }
.faq-v2-item__answer a { color: var(--ep-blue); font-weight: 800; }
.faq-v2-bottom { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 30px; margin-top: -42px; margin-bottom: 90px; padding: 34px 38px; border: 1px solid #d4e0ec; border-radius: 20px; background: #fff; box-shadow: 0 16px 38px rgba(27,58,98,.07); }
.faq-v2-bottom h2 { margin: 11px 0 8px; color: var(--ep-navy); font-family: "Manrope",sans-serif; font-size: clamp(27px,3vw,40px); font-weight: 800; letter-spacing: -.045em; }
.faq-v2-bottom p { margin: 0; color: var(--ep-muted); font-size: 13px; }
.faq-v2-bottom > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }

/* ===================== V1 COMPATIBILITY ===================== */
html[data-site-version="v1"] .editorial-page { background: linear-gradient(90deg,rgba(16,21,28,.035) 1px,transparent 1px),linear-gradient(rgba(16,21,28,.035) 1px,transparent 1px),var(--bg); background-size: 38px 38px; color: var(--ink); }
html[data-site-version="v1"] .editorial-hero,
html[data-site-version="v1"] .reference-v2-hero,
html[data-site-version="v1"] .faq-v2-hero,
html[data-site-version="v1"] .about-v2-hero { border-bottom: 2px solid var(--ink); background: var(--paper); color: var(--ink); }
html[data-site-version="v1"] .editorial-hero::before { opacity: .8; background-image: linear-gradient(rgba(16,21,28,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,21,28,.035) 1px,transparent 1px); }
html[data-site-version="v1"] .editorial-hero::after { border: 2px solid var(--ink); border-radius: 50%; box-shadow: 0 0 0 45px rgba(242,178,51,.12),0 0 0 90px rgba(16,21,28,.035); }
html[data-site-version="v1"] .editorial-breadcrumb,
html[data-site-version="v1"] .about-v2-hero .editorial-breadcrumb { color: var(--muted); }
html[data-site-version="v1"] .editorial-breadcrumb a,
html[data-site-version="v1"] .about-v2-hero .editorial-breadcrumb a { color: var(--ink-2); }
html[data-site-version="v1"] .editorial-eyebrow,
html[data-site-version="v1"] .about-v2-hero .editorial-eyebrow { color: var(--amber-dark,#a66d00); }
html[data-site-version="v1"] .editorial-hero h1,
html[data-site-version="v1"] .about-v2-hero h1 { color: var(--ink); font-family: "Newsreader",Georgia,serif; font-weight: 700; letter-spacing: -.055em; }
html[data-site-version="v1"] .editorial-hero h1 em,
html[data-site-version="v1"] .about-v2-hero h1 em { color: var(--blue); font-family: inherit; }
html[data-site-version="v1"] .editorial-hero__copy > p,
html[data-site-version="v1"] .about-v2-hero .editorial-hero__copy > p { color: var(--ink-2); }
html[data-site-version="v1"] .editorial-hero__pills span { border: 2px solid var(--ink); border-radius: 0; background: var(--paper); box-shadow: 3px 3px 0 rgba(16,21,28,.10); color: var(--ink-2); }
html[data-site-version="v1"] .editorial-btn-light { border: 2px solid var(--ink); border-radius: 0; background: var(--paper); color: var(--ink); box-shadow: 5px 5px 0 rgba(16,21,28,.16); }

html[data-site-version="v1"] .reference-orbit-card,
html[data-site-version="v1"] .about-console,
html[data-site-version="v1"] .faq-hero-index { border: 2px solid var(--ink); border-radius: 0; box-shadow: 10px 10px 0 var(--amber); backdrop-filter: none; }
html[data-site-version="v1"] .reference-orbit-card,
html[data-site-version="v1"] .about-console { background: var(--navy); }
html[data-site-version="v1"] .reference-orbit__core { border: 2px solid var(--ink); border-radius: 0; box-shadow: 5px 5px 0 var(--amber); }
html[data-site-version="v1"] .faq-hero-index { background: var(--paper); }
html[data-site-version="v1"] .faq-hero-index__core strong { color: var(--ink); }
html[data-site-version="v1"] .faq-hero-index__topics > span { border-bottom: 2px solid var(--line); }

html[data-site-version="v1"] .editorial-proof-strip { gap: 12px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-site-version="v1"] .editorial-proof-strip article { border: 2px solid var(--ink); background: var(--paper); box-shadow: 5px 5px 0 rgba(16,21,28,.10); }
html[data-site-version="v1"] .reference-v2-heading h2,
html[data-site-version="v1"] .about-manifesto h2,
html[data-site-version="v1"] .about-risk-grid__intro h2,
html[data-site-version="v1"] .faq-v2-sidebar h2,
html[data-site-version="v1"] .faq-v2-bottom h2 { color: var(--ink); font-family: "Newsreader",Georgia,serif; font-weight: 700; }
html[data-site-version="v1"] .reference-v2-card { border: 2px solid var(--ink); border-radius: 0; background: var(--paper); box-shadow: 7px 7px 0 rgba(16,21,28,.11); }
html[data-site-version="v1"] .reference-v2-card:hover { border-color: var(--ink); box-shadow: 11px 11px 0 rgba(16,21,28,.16); transform: translate(-3px,-4px); }
html[data-site-version="v1"] .reference-v2-card::before { height: 5px; background: var(--amber); }
html[data-site-version="v1"] .reference-v2-card__logo { border: 2px solid var(--ink); border-radius: 0; background: var(--paper); }
html[data-site-version="v1"] .reference-v2-card__logo > span { border-radius: 0; background: var(--navy); box-shadow: 5px 5px 0 var(--amber); }
html[data-site-version="v1"] .reference-v2-card__meta b { border: 2px solid var(--ink); border-radius: 0; background: var(--paper-2); }
html[data-site-version="v1"] .editorial-cta { border: 2px solid var(--ink); border-radius: 0; background: var(--navy); box-shadow: 10px 10px 0 var(--amber); }
html[data-site-version="v1"] .editorial-cta h2 { font-family: "Newsreader",Georgia,serif; font-weight: 700; }
html[data-site-version="v1"] .editorial-cta .editorial-eyebrow { color: var(--amber); }
html[data-site-version="v1"] .editorial-btn-ghost { border: 2px solid var(--paper); border-radius: 0; }

html[data-site-version="v1"] .about-honest-note,
html[data-site-version="v1"] .about-risk-grid__rows article,
html[data-site-version="v1"] .about-principles__grid article,
html[data-site-version="v1"] .faq-v2-categories span,
html[data-site-version="v1"] .faq-v2-item,
html[data-site-version="v1"] .faq-v2-bottom { border: 2px solid var(--ink); border-radius: 0; background: var(--paper); box-shadow: 6px 6px 0 rgba(16,21,28,.10); }
html[data-site-version="v1"] .about-honest-note__mark { border: 2px solid var(--ink); border-radius: 0; background: var(--navy); box-shadow: 5px 5px 0 var(--amber); }
html[data-site-version="v1"] .about-honest-note h2,
html[data-site-version="v1"] .about-principles__grid h3 { color: var(--ink); font-family: "Newsreader",Georgia,serif; }
html[data-site-version="v1"] .about-honest-note__label,
html[data-site-version="v1"] .about-risk-grid__rows b { border: 1px solid var(--ink); border-radius: 0; background: var(--paper-2); color: var(--ink-2); }
html[data-site-version="v1"] .about-risk-grid__rows article:hover { border-color: var(--ink); box-shadow: 9px 9px 0 rgba(16,21,28,.14); }
html[data-site-version="v1"] .about-principles__grid article::after { border-radius: 0; background: var(--paper-2); }
html[data-site-version="v1"] .about-mission { border: 2px solid var(--ink); border-radius: 0; background: var(--navy); box-shadow: 9px 9px 0 var(--amber); }
html[data-site-version="v1"] .about-mission h2 { font-family: "Newsreader",Georgia,serif; font-weight: 700; }
html[data-site-version="v1"] .about-mission .editorial-eyebrow { color: var(--amber); }

html[data-site-version="v1"] .faq-v2-help { border: 2px solid var(--ink); border-radius: 0; background: var(--navy); box-shadow: 7px 7px 0 var(--amber); }
html[data-site-version="v1"] .faq-v2-list__head { border-bottom: 2px solid var(--ink); }
html[data-site-version="v1"] .faq-v2-item:hover,
html[data-site-version="v1"] .faq-v2-item[open] { border-color: var(--ink); box-shadow: 8px 8px 0 rgba(16,21,28,.14); }
html[data-site-version="v1"] .faq-v2-item summary > i { border: 2px solid var(--ink); border-radius: 0; background: var(--paper-2); }
html[data-site-version="v1"] .faq-v2-item__question strong { color: var(--ink); }
html[data-site-version="v1"] .faq-v2-item__answer p { border-top: 2px solid var(--line); color: var(--ink-2); }

@keyframes editorialPulse { 0%,100% { opacity: .65; transform: scale(.88); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes editorialOrbit { to { transform: rotate(360deg); } }
@keyframes editorialOrbitReverse { to { transform: rotate(-360deg); } }
@keyframes editorialSignal { 0%,100% { transform: translateX(-4px) rotate(-45deg) skew(-12deg); opacity: .45; } 50% { transform: translateX(31px) rotate(-45deg) skew(-12deg); opacity: 1; } }

@media (max-width: 1080px) {
  .editorial-hero__grid { grid-template-columns: 1fr; }
  .reference-orbit-card,
  .about-console,
  .faq-hero-index { width: min(100%,620px); justify-self: start; }
  .reference-orbit-card { min-height: 430px; }
  .reference-v2-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-manifesto,
  .about-risk-grid,
  .faq-v2-layout { grid-template-columns: 1fr; }
  .about-honest-note { grid-template-columns: 72px 1fr; }
  .about-honest-note__label { grid-column: 2; justify-self: start; }
  .about-mission { grid-template-columns: 90px 1fr; }
  .about-mission > div:last-child { grid-column: 2; }
  .faq-v2-sidebar { position: static; }
  .faq-v2-categories { grid-template-columns: repeat(4,1fr); }
}

@media (max-width: 760px) {
  .editorial-hero { padding: 46px 0 52px; }
  .editorial-hero h1 { font-size: clamp(43px,12.5vw,63px); }
  .editorial-proof-strip { grid-template-columns: 1fr; }
  .reference-v2-heading { display: block; }
  .reference-v2-heading > p { margin-top: 12px; text-align: left; }
  .reference-v2-grid,
  .about-principles__grid { grid-template-columns: 1fr; }
  .editorial-cta,
  .faq-v2-bottom { grid-template-columns: 1fr; }
  .editorial-cta__actions,
  .faq-v2-bottom > div:last-child { justify-content: flex-start; }
  .about-mission { grid-template-columns: 1fr; padding: 30px; }
  .about-mission > div:last-child { grid-column: 1; }
  .faq-v2-categories { grid-template-columns: repeat(2,1fr); }
  .faq-v2-bottom { margin-top: -52px; }
}

@media (max-width: 520px) {
  .editorial-breadcrumb { flex-wrap: wrap; }
  .editorial-hero__actions,
  .editorial-cta__actions,
  .faq-v2-bottom > div:last-child { display: grid; grid-template-columns: 1fr; width: 100%; }
  .editorial-hero__actions .btn,
  .editorial-cta__actions .btn,
  .faq-v2-bottom .btn { width: 100%; }
  .reference-orbit-card { min-height: 405px; }
  .reference-orbit { width: 252px; height: 252px; }
  .reference-orbit__ring--inner { inset: 54px; }
  .reference-orbit__core { inset: 83px; }
  .reference-orbit-card__foot > small { display: none; }
  .reference-v2-content,
  .about-v2-content,
  .faq-v2-content { padding-top: 30px; }
  .about-manifesto { padding-bottom: 45px; }
  .about-honest-note { grid-template-columns: 1fr; padding: 24px; }
  .about-honest-note__label { grid-column: 1; white-space: normal; }
  .about-risk-grid__rows article { grid-template-columns: 35px 1fr; }
  .about-risk-grid__rows article > b { grid-column: 2; justify-self: start; }
  .about-mission__index { margin-bottom: -10px; }
  .faq-v2-item summary { grid-template-columns: 28px minmax(0,1fr) 32px; gap: 10px; padding: 14px; }
  .faq-v2-item__answer { padding: 0 14px 20px 52px; }
  .faq-v2-bottom { padding: 26px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .reference-orbit__ring,
  .reference-orbit-card__head i,
  .about-console__head i,
  .about-console__pulse > span::after { animation: none !important; }
  .reference-v2-card,
  .about-risk-grid__rows article,
  .faq-v2-item { transition: none !important; }
}