:root{--about-navy:#071426;--about-navy2:#0b203b;--about-ink:#08162d;--about-muted:#5f718a;--about-line:#dfe7ef;--about-blue:#4f8ff7;--about-cyan:#63d7ea;--about-teal:#38b7a2;--about-head:"Manrope",Inter,system-ui,sans-serif;--about-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.about-page{margin:0;background:#fff;color:var(--about-ink);font-family:var(--about-body);-webkit-font-smoothing:antialiased}
.about-page main a,.about-page .dl-footer a{color:inherit}
.skip{position:fixed;left:20px;top:-80px;z-index:100;background:#fff;color:#071426;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.skip:focus{top:12px}
.about-shell{width:min(1180px,calc(100% - 56px));margin:0 auto}
.about-eyebrow{display:block;color:#6a84a8;font-size:13px;line-height:1.25;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.about-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(79,143,247,.22),transparent 30%),radial-gradient(circle at 90% 72%,rgba(99,215,234,.09),transparent 28%),linear-gradient(180deg,#071426,#091a30);border-bottom:1px solid #17314f}
.about-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(134,177,221,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(134,177,221,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:72px;align-items:center;min-height:690px;padding:80px 0 86px}
.about-hero .about-eyebrow{color:#8fc9ff}
.about-hero h1{max-width:720px;margin:18px 0 0;font:800 clamp(54px,5vw,76px)/.99 var(--about-head);letter-spacing:-.058em}
.about-hero h1 span{color:#83dff0}
.about-lede{max-width:680px;margin:24px 0 0;color:#c4d5e7;font-size:19px;line-height:1.62}
.about-meta{display:flex;align-items:center;gap:10px;margin-top:28px;color:#9fb4cc;font-size:13px;font-weight:600}
.about-meta:before{content:"";width:8px;height:8px;border-radius:50%;background:#54c7b2;box-shadow:0 0 0 5px rgba(84,199,178,.08)}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 20px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:800}
.about-btn.primary{background:linear-gradient(135deg,#78d9ef,#6fa8ff);color:#061426;box-shadow:0 14px 36px rgba(84,160,246,.2)}
.about-btn.secondary{border:1px solid rgba(159,196,235,.24);background:rgba(255,255,255,.045);color:#edf6ff}
.about-architecture{position:relative;min-height:500px;padding:28px;border:1px solid rgba(137,183,230,.18);border-radius:28px;background:linear-gradient(145deg,rgba(18,45,76,.9),rgba(8,26,48,.68));box-shadow:0 34px 85px rgba(0,0,0,.22);overflow:hidden}
.about-architecture:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(79,143,247,.17),transparent 35%);pointer-events:none}
.arch-label{position:relative;z-index:1;color:#8fc9ff;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.arch-stack{position:relative;z-index:1;display:grid;grid-template-rows:auto 76px auto 76px auto;align-items:center;min-height:420px;margin-top:18px}
.arch-sources,.arch-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.arch-chip{min-height:82px;padding:14px;border:1px solid rgba(143,188,230,.18);border-radius:15px;background:rgba(9,29,52,.78);display:flex;flex-direction:column;justify-content:center}
.arch-chip b{font-size:14px;color:#f1f7ff}.arch-chip span{margin-top:5px;color:#9fb3ca;font-size:13px;line-height:1.4}
.arch-link{position:relative;height:76px}
.arch-link:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(rgba(99,215,234,.12),rgba(99,215,234,.75),rgba(99,215,234,.12))}
.arch-link:after{content:"";position:absolute;left:calc(50% - 4px);bottom:4px;width:8px;height:8px;border-right:2px solid #63d7ea;border-bottom:2px solid #63d7ea;transform:rotate(45deg)}
.arch-core{width:220px;min-height:154px;margin:auto;padding:22px;border:1px solid rgba(143,188,230,.19);border-radius:24px;background:linear-gradient(145deg,#123254,#081c34);text-align:center;box-shadow:0 22px 54px rgba(0,0,0,.24)}
.arch-core img{width:34px;height:40px;display:block;margin:0 auto 12px}
.arch-core strong{display:block;font:800 20px/1.15 var(--about-head);letter-spacing:-.03em}
.arch-core span{display:block;margin-top:8px;color:#9fb6d3;font-size:13px;line-height:1.4}
.about-section{padding:92px 0;border-bottom:1px solid #edf1f5}
.about-heading{display:grid;grid-template-columns:.76fr 1.24fr;gap:64px;align-items:end;margin-bottom:42px}
.about-heading h2{max-width:600px;margin:12px 0 0;font:800 clamp(38px,3.8vw,54px)/1.02 var(--about-head);letter-spacing:-.052em}
.about-heading p{max-width:650px;margin:0;color:var(--about-muted);font-size:17px;line-height:1.68}
.about-focus-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;align-items:stretch}
.flagship-panel{position:relative;min-height:500px;padding:34px;border:1px solid var(--about-line);border-radius:28px;background:linear-gradient(145deg,#f7fbff,#fff 58%);overflow:hidden}
.flagship-panel h3{margin:16px 0 0;font:800 34px/1.05 var(--about-head);letter-spacing:-.045em}
.flagship-panel>p{max-width:560px;margin:13px 0 0;color:var(--about-muted);font-size:16px;line-height:1.65}
.flagship-map{position:relative;min-height:265px;margin-top:32px;border:1px solid #dbe5ef;border-radius:22px;background:#fff;overflow:hidden}
.flagship-map svg{position:absolute;inset:0;width:100%;height:100%}
.flag-node{position:absolute;width:185px;padding:16px;border:1px solid #d8e3ef;border-radius:17px;background:rgba(255,255,255,.95);box-shadow:0 16px 38px rgba(31,67,107,.06)}
.flag-node b{display:block;font-size:15px}.flag-node span{display:block;margin-top:6px;color:#6b7f98;font-size:13px;line-height:1.45}
.flag-node.local{left:22px;top:28px}.flag-node.facility{right:22px;bottom:28px}
.flag-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#07172f;color:#fff;font:800 15px/1.25 var(--about-head);box-shadow:0 20px 50px rgba(7,23,47,.18)}
.flagship-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}
.flagship-links a{font-size:14px;font-weight:800;text-decoration:none;color:#294c75}
.flagship-links a:after{content:" →"}
.analytics-panel{padding:34px;border:1px solid #1b3657;border-radius:28px;background:radial-gradient(circle at 82% 18%,rgba(99,215,234,.1),transparent 28%),linear-gradient(145deg,#071426,#102b4b);color:#fff;overflow:hidden}
.analytics-panel .about-eyebrow{color:#9fc6ef}.analytics-panel h3{margin:15px 0 0;font:800 34px/1.05 var(--about-head);letter-spacing:-.045em}.analytics-panel p{margin:13px 0 0;color:#c7d7e8;font-size:16px;line-height:1.64}.analytics-shot{margin-top:28px;padding:20px;border:1px solid #355375;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#0b213c,#08172a);box-shadow:0 24px 50px rgba(0,0,0,.25)}.about-pulse-top,.about-pulse-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.about-pulse-top{padding-bottom:14px;border-bottom:1px solid rgba(146,186,228,.16)}.about-pulse-top strong{font-size:13px}.about-pulse-top span{color:#79decf;font-size:12px;font-weight:800}.about-pulse-title{margin-top:17px;font:800 24px/1.05 var(--about-head);letter-spacing:-.035em}.about-pulse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.about-pulse-grid>div{padding:12px;border:1px solid rgba(146,186,228,.14);border-radius:12px;background:rgba(255,255,255,.035)}.about-pulse-grid span{display:block;color:#8fa5bf;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.about-pulse-grid strong{display:block;margin-top:5px;font-size:20px}.about-pulse-foot{margin-top:12px;padding-top:12px;border-top:1px solid rgba(146,186,228,.12);color:#8fa5bf;font-size:11px}.analytics-panel .about-btn{margin-top:22px;background:#fff;color:#102744}
.network{background:linear-gradient(180deg,#fbfcfe,#fff)}
.network-head{display:flex;justify-content:space-between;align-items:end;gap:56px;margin-bottom:34px}.network-head h2{max-width:650px;margin:12px 0 0;font:800 clamp(38px,3.8vw,54px)/1.02 var(--about-head);letter-spacing:-.052em}.network-head p{max-width:470px;margin:0;color:var(--about-muted);font-size:16px;line-height:1.65}
.network-list{border-block:1px solid var(--about-line)}
.network-row{display:grid;grid-template-columns:170px 220px 1fr auto;gap:28px;align-items:center;min-height:104px;padding:22px 0;border-bottom:1px solid var(--about-line);text-decoration:none}
.network-row:last-child{border-bottom:0}.network-row:hover .network-arrow{transform:translateX(4px)}
.network-type{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#74869e}
.network-name{font:800 22px/1.1 var(--about-head);letter-spacing:-.035em}
.network-desc{color:#61738b;font-size:15px;line-height:1.55}
.network-arrow{font-size:22px;color:#315fa9;transition:.18s ease}
.compass-band{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:24px;padding:26px 28px;border:1px solid var(--about-line);border-radius:20px;background:#fff}
.compass-band h3{margin:7px 0 0;font:800 24px/1.1 var(--about-head);letter-spacing:-.035em}.compass-band p{max-width:720px;margin:9px 0 0;color:var(--about-muted);font-size:15px;line-height:1.58}.compass-band a{flex:none;font-size:14px;font-weight:800;text-decoration:none;color:#294c75}
.principles-section{background:#07172f;color:#fff;border-bottom-color:#17314f}.principles-section .about-eyebrow{color:#8fc9ff}.principles-section .about-heading p{color:#b8c9db}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid rgba(146,186,228,.16)}
.principle{min-height:260px;padding:34px 34px 36px;border-right:1px solid rgba(146,186,228,.16)}.principle:last-child{border-right:0}
.principle-num{display:block;color:#63d7ea;font-size:13px;font-weight:800;letter-spacing:.1em}.principle h3{margin:30px 0 0;font:800 24px/1.12 var(--about-head);letter-spacing:-.035em}.principle p{margin:12px 0 0;color:#b8c9db;font-size:15px;line-height:1.7}
.about-close{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.about-close h2{max-width:800px;margin:12px 0 0;font:800 clamp(38px,3.8vw,54px)/1.03 var(--about-head);letter-spacing:-.052em}.about-close p{max-width:760px;margin:16px 0 0;color:var(--about-muted);font-size:16px;line-height:1.68}.about-close .about-btn{background:#07172f;color:#fff}
@media(max-width:1000px){.about-hero-grid,.about-heading,.about-focus-grid{grid-template-columns:1fr}.about-hero-grid{gap:42px}.about-architecture{min-height:470px}.about-heading{gap:18px}.network-row{grid-template-columns:150px 190px 1fr auto}.principles-grid{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid rgba(146,186,228,.16);min-height:0}.principle:last-child{border-bottom:0}}
@media(max-width:760px){.about-shell{width:min(100% - 28px,1180px)}.about-hero-grid{min-height:0;padding:58px 0 64px;gap:36px}.about-hero h1{font-size:44px}.about-lede{font-size:17px}.about-actions{display:grid;grid-template-columns:1fr;max-width:270px}.about-architecture{min-height:0;padding:20px;border-radius:24px}.arch-stack{grid-template-rows:auto 50px auto 50px auto;min-height:0}.arch-sources,.arch-results{grid-template-columns:1fr;gap:8px}.arch-chip{min-height:0;padding:13px}.arch-core{width:176px;min-height:132px}.about-section{padding:64px 0}.about-heading{margin-bottom:30px}.about-heading h2,.network-head h2,.about-close h2{font-size:38px}.about-heading p{font-size:16px}.flagship-panel,.analytics-panel{padding:24px;border-radius:24px}.flagship-map{min-height:340px}.flag-node{width:calc(100% - 36px);left:18px!important;right:auto!important}.flag-node.local{top:18px}.flag-node.facility{top:auto;bottom:18px}.flag-core{width:106px;height:106px}.network-head{align-items:flex-start;flex-direction:column;gap:16px}.network-row{grid-template-columns:1fr auto;gap:8px 18px;min-height:0;padding:22px 0}.network-type{grid-column:1/-1}.network-name{font-size:21px}.network-desc{grid-column:1/-1}.network-arrow{grid-column:2;grid-row:2}.about-close{grid-template-columns:1fr;gap:26px}.about-close .about-btn{width:max-content}}
@media(prefers-reduced-motion:reduce){.network-arrow{transition:none}}

/* Responsive display type, keep headline readable on narrow phones. */
@media(max-width:760px){.about-hero h1{font-size:clamp(34px,9vw,42px);line-height:1.08;letter-spacing:-.047em}.about-hero-grid{padding:52px 0 62px}}

/* Single-column About hero: remove the empty second grid track and tighten mobile spacing. */
.about-hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;gap:0;padding:76px 0 82px}
.about-hero-grid>div{min-width:0}
.about-hero h1{max-width:980px}
.about-lede{max-width:780px}
@media(max-width:760px){
  .about-hero-grid{padding:38px 0 42px}
  .about-hero h1{margin-top:14px;font-size:clamp(32px,8.3vw,40px);line-height:1.1}
  .about-lede{margin-top:20px;line-height:1.55}
  .about-meta{margin-top:22px;line-height:1.45}
  .about-actions{margin-top:24px;max-width:none;gap:10px}
  .about-btn{min-height:46px;padding:12px 18px}
}