@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#08131e;--bg2:#102235;--ink:#eaf3f9;--muted:#a5b9c9;--accent:#2dd902;--line:#294454;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{width:min(1150px,calc(100% - 44px));margin:auto}.skip{position:absolute;top:-100px;background:#fff;color:#000;padding:12px;z-index:5}.skip:focus{top:0}.top{position:sticky;top:0;background:#08131eea;backdrop-filter:blur(14px);z-index:3;border-bottom:1px solid var(--line)}.top-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--accent)}nav{display:flex;gap:27px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:600}nav a:hover,.footer a:hover{color:var(--accent)}.nav-cta{padding:10px 17px;border:1px solid var(--accent);border-radius:6px;color:var(--accent)}.hero{padding:116px 0 104px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#12445c 0,transparent 46%),linear-gradient(160deg,#0d2232,#08131e 65%)}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase}.hero h1,.pagehead h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(44px,6vw,78px);letter-spacing:-3px;line-height:1.07;max-width:930px;margin:20px 0 26px}.hero p,.pagehead p{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:710px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:7px;padding:14px 23px;background:var(--accent);color:#071b12;border:1px solid var(--accent)}.btn.secondary{background:transparent;color:var(--ink);border-color:#60788a}.section{padding:88px 0}.section.alt{background:#0d1c2a}.section h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(29px,4vw,44px);letter-spacing:-1.3px;line-height:1.16;margin:12px 0 16px}.intro{color:var(--muted);max-width:720px;margin-bottom:38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:12px;padding:28px;background:linear-gradient(155deg,#152b3c,#0b1a29);display:flex;flex-direction:column;min-height:275px}.card .num{color:var(--accent);font-family:'Space Grotesk';font-size:14px}.card h3{font-family:'Space Grotesk';font-size:23px;line-height:1.2;margin:30px 0 8px}.card p{color:var(--muted);font-size:15px;margin:0 0 20px}.card a{margin-top:auto;color:var(--accent);text-decoration:none;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.statement{padding:44px;border:1px solid var(--line);border-radius:14px;background:#112a39}.statement p{font-size:24px;line-height:1.4;font-family:'Space Grotesk';margin:0}.bullets{padding-left:20px;color:var(--muted)}.bullets li{margin:12px 0}.pagehead{padding:90px 0 70px;background:linear-gradient(130deg,#123447,#08131e 70%)}.pagehead h1{font-size:clamp(42px,5vw,64px)}.content{max-width:820px}.content p{color:var(--muted);font-size:18px}.content h2{font-family:'Space Grotesk';font-size:31px;margin-top:40px}.cta{background:#113144;padding:50px;border:1px solid #285365;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0 0 10px}.cta p{color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:45px 0;color:var(--muted);font-size:13px}.footgrid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footgrid a{color:inherit;text-decoration:none;margin-right:15px}.small{font-size:13px;color:var(--muted)}.notice{border-left:3px solid var(--accent);padding:15px 20px;background:#112735;color:var(--muted)}@media(max-width:780px){.top-inner{flex-wrap:wrap;padding:17px 0}.top-inner nav{width:100%;gap:15px;flex-wrap:wrap}.hero{padding:75px 0}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:24px}.cta{display:block}.cta .btn{margin-top:22px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero h1,.pagehead h1{letter-spacing:-1.7px}.section{padding:60px 0}.cta{padding:27px}}
/* Brand alignment v2 */
.brand-logo{display:block;width:270px;max-width:100%;height:auto;object-fit:contain}.brand{display:inline-flex;align-items:center}.top-inner{min-height:98px}.brand-logo.footer-logo{width:230px}.hero{background:radial-gradient(ellipse at 80% 20%,#12445b 0,transparent 46%),linear-gradient(160deg,#0d2232,#08131e 65%)}.btn:hover{filter:brightness(1.1)}@media(max-width:520px){.brand-logo{width:205px}.top-inner{min-height:76px}}

.contact-form{display:grid;gap:11px;margin-top:26px}.contact-form label{font-weight:700;font-size:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #446174;border-radius:7px;background:#102638;color:#eaf3f9;font:inherit}.contact-form textarea{resize:vertical}.contact-form button{justify-self:start;cursor:pointer}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* V6: tighter spacing, retaining approved visual identity */
.hero{padding:84px 0 76px}.pagehead{padding:62px 0 46px}.section{padding:60px 0}.hero h1,.pagehead h1{margin:14px 0 18px}.actions{margin-top:24px}.intro{margin-bottom:26px}.card{min-height:245px;padding:24px}.card h3{margin:20px 0 8px}.content h2{margin-top:26px}.content h3{margin:22px 0 8px}.content p{margin:10px 0}.cta{padding:38px}.footer{padding:34px 0}
@media(max-width:780px){.hero{padding:64px 0 54px}.pagehead{padding:46px 0 34px}.section{padding:46px 0}}
@media(max-width:520px){.hero{padding:50px 0}.section{padding:40px 0}.card{min-height:auto}.cta{padding:25px}}

/* V7 refinement: reduce vertical whitespace while retaining approved branding */
.hero{padding:66px 0 58px}.pagehead{padding:46px 0 32px}.section{padding:44px 0}.section h2{margin:8px 0 12px}.hero h1,.pagehead h1{margin:12px 0 14px}.hero p,.pagehead p{margin:12px 0}.actions{margin-top:18px}.intro{margin-bottom:20px}.cards{gap:14px}.card{padding:22px;min-height:225px}.card h3{margin:14px 0 7px}.card p{margin-bottom:14px}.content h2{margin-top:20px}.content h3{margin:17px 0 6px}.content p{margin:8px 0}.split{gap:38px}.statement{padding:30px}.cta{padding:30px}.footer{padding:28px 0}.contact-form{margin-top:18px;gap:9px}
@media(max-width:780px){.hero{padding:50px 0 44px}.pagehead{padding:36px 0 26px}.section{padding:36px 0}}
@media(max-width:520px){.hero{padding:42px 0 38px}.section{padding:32px 0}.card{min-height:auto}.cta{padding:22px}}

/* V8: business-first solution finder. Native HTML details: usable without JavaScript. */
.solutions{background:#0d1c2a}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.problem{border:1px solid var(--line);border-radius:10px;background:#112838;overflow:hidden}
.problem[open]{border-color:#46738a;background:#132e3d}
.problem summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:18px 20px;font-weight:700;line-height:1.4;list-style:none}
.problem summary::-webkit-details-marker{display:none}
.problem summary:hover{color:var(--accent)}
.problem summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.problem-indicator{color:var(--accent);font-size:24px;font-weight:400;line-height:1}
.problem[open] .problem-indicator{transform:rotate(45deg)}
.problem-answer{padding:0 20px 19px}
.problem-answer p{margin:0 0 13px;color:var(--muted);font-size:15px}
.problem-links{display:flex;gap:10px 18px;flex-wrap:wrap}
.problem-links a,.solutions-footnote a{color:var(--accent);font-weight:700;text-underline-offset:3px}
.solutions-footnote{color:var(--muted);margin:19px 0 0}
@media(max-width:780px){.problem-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V9 — restrained high-tech motion and spacing refinements */
:root{--motion-ease:cubic-bezier(.2,.7,.2,1)}
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(to right,#2c718044 1px,transparent 1px),linear-gradient(to bottom,#2c718044 1px,transparent 1px);background-size:64px 64px;transform:perspective(680px) rotateX(22deg) scale(1.2);mask-image:linear-gradient(90deg,transparent 12%,#000 82%);animation:ct-grid-drift 30s linear infinite}
.hero::after{content:"";position:absolute;width:min(42vw,500px);aspect-ratio:1;right:-8%;top:-40%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#2dd9021c 0,#3b9ed81a 35%,transparent 70%);filter:blur(12px);animation:ct-glow 11s ease-in-out infinite alternate}
@keyframes ct-grid-drift{to{background-position:64px 64px}}
@keyframes ct-glow{to{transform:translate(-9%,14%) scale(1.12);opacity:.65}}
@keyframes ct-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero .eyebrow{animation:ct-rise .65s var(--motion-ease) both}
.hero h1{animation:ct-rise .8s .09s var(--motion-ease) both}
.hero p{animation:ct-rise .8s .19s var(--motion-ease) both}
.hero .actions{animation:ct-rise .8s .29s var(--motion-ease) both}
.card,.problem,.btn,.nav-cta{transition:transform .25s var(--motion-ease),border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-4px);border-color:#447b8c;box-shadow:0 14px 34px #0003}.problem:hover{border-color:#52818c}.btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0003}}
.problem[open]{box-shadow:inset 3px 0 0 var(--accent)}
.problem-indicator{transition:transform .2s ease}
.card a,.problem-links a{transition:color .2s ease,text-decoration-color .2s ease}
.card a:hover,.problem-links a:hover{text-decoration:underline;text-underline-offset:4px}
/* More consistent visual rhythm without compressing readable content */
.section{padding-block:38px}.section h2{margin-block:6px 10px}.intro{margin-top:0;margin-bottom:17px}
.hero{padding-block:60px 52px}.pagehead{padding-block:42px 29px}
.cards{gap:13px}.card{padding:20px;min-height:208px}.card h3{margin-top:12px}
.problem-grid{gap:10px}.problem summary{padding:15px 18px}.problem-answer{padding:0 18px 17px}
.split{gap:30px}.statement{padding:26px}.cta{padding:26px}.footer{padding-block:25px}
@media(max-width:780px){.hero{padding-block:48px 42px}.section{padding-block:33px}.pagehead{padding-block:34px 25px}}
@media(max-width:520px){.hero{padding-block:40px 34px}.section{padding-block:29px}.card{min-height:0}.cta{padding:22px}.hero::before{background-size:44px 44px;opacity:.14}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V10: balanced graphite/slate-blue design, deliberately no white backgrounds */
:root{--bg:#182c3b;--bg2:#233c4d;--ink:#f0f6fa;--muted:#bed0dc;--line:#466376;--accent:#7ae36b;--electric:#6fc4e8}
body{background:#182c3b}
.top{background:#142634}
.hero{background:radial-gradient(ellipse at 76% 25%,#31576a 0,transparent 52%),linear-gradient(135deg,#1c3444,#172938 75%)}
.hero::after{background:radial-gradient(circle,#71b9e62a 0,#5eaa9b16 35%,transparent 70%)}
.section{background:#233b4b}
.section.alt{background:#1b3040}
.section.solutions{background:#2b4657}
.section:has(.cta){background:#223b4c}
.card{background:linear-gradient(145deg,#2b495a,#213847);border-color:#4b697b}
.card .num{color:#a6e5b2}
.statement,.cta{background:#2c4b5d;border-color:#537588}
.pagehead{background:linear-gradient(125deg,#325569,#182d3e 78%)}
.footer{background:#162a38}
.btn{background:#87de91;border-color:#87de91;color:#112b2b}
.btn.secondary{background:#29485a;color:var(--ink);border-color:#66879a}
.nav-cta{color:#9eeab0;border-color:#70bf84}
.eyebrow{color:#a1e8b1}
.hero h1 span{color:#9de8ac!important}
.card a,.explorer-footnote a{color:#a4e8b2}
.explorer{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.25fr);gap:16px;align-items:stretch}
.explorer-nav{display:grid;gap:8px;align-content:start}
.explorer-nav button{font:600 15px/1.4 'DM Sans',sans-serif;color:#eaf4f8;background:#355466;border:1px solid #537488;border-radius:10px;display:grid;grid-template-columns:33px 1fr 20px;gap:12px;align-items:center;text-align:left;padding:16px 17px;cursor:pointer;min-height:62px;transition:background .2s,border-color .2s,transform .2s}
.explorer-nav button:hover{background:#406276;border-color:#82a9b7}
.explorer-nav button[aria-selected="true"]{background:#1c3544;border-color:#89d4c4;box-shadow:inset 3px 0 #88e5ad}
.explorer-nav button:focus-visible{outline:3px solid #a4e8b2;outline-offset:3px}
.explorer-index{font:500 12px 'Space Grotesk',sans-serif;color:#a6d5df}
.explorer-nav button[aria-selected="true"] .explorer-index{color:#8ee4ad}
.explorer-panel{position:relative;isolation:isolate;overflow:hidden;min-height:340px;border:1px solid #517b8f;border-radius:13px;background:radial-gradient(circle at 86% 20%,#2d6072,transparent 48%),linear-gradient(135deg,#203d4f,#162c3d);display:flex;align-items:end}
.explorer-panel:focus-visible{outline:3px solid #a4e8b2;outline-offset:3px}
.explorer-panel::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.23;background-image:linear-gradient(#74b9c044 1px,transparent 1px),linear-gradient(90deg,#74b9c044 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(to top,transparent 3%,black 95%)}
.explorer-network{position:absolute;right:7%;top:12%;width:190px;height:150px;border:1px solid #78bed64d;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 28px #72c6d30c,0 0 0 55px #72c6d30a;animation:ct-orbit 30s linear infinite;pointer-events:none}
.explorer-network::before,.explorer-network::after{content:'';position:absolute;border-radius:50%;border:1px dashed #92dbcf66;inset:23px}
.explorer-network::after{inset:54px;background:#92dbcf20;box-shadow:0 0 30px #82d4c033}
.explorer-network span{position:absolute;width:7px;height:7px;background:#92e7c5;border-radius:50%;box-shadow:0 0 14px #89e5c3}
.explorer-network span:nth-child(1){left:0;top:50%}.explorer-network span:nth-child(2){right:8%;top:10%}.explorer-network span:nth-child(3){left:40%;bottom:0}.explorer-network span:nth-child(4){right:0;bottom:30%}.explorer-network span:nth-child(5){left:20%;top:8%}
@keyframes ct-orbit{to{transform:rotate(336deg)}}
.explorer-panel-content{position:relative;padding:28px 30px;width:100%;background:linear-gradient(0deg,#162c3df2 0%,#162c3dba 67%,transparent)}
.explorer-kicker{color:#9fe6c4;font-size:11px;letter-spacing:2px;font-weight:700}
.explorer-panel h3{font:700 clamp(25px,3vw,36px)/1.16 'Space Grotesk',sans-serif;letter-spacing:-.8px;max-width:570px;margin:12px 0}
.explorer-panel p{max-width:590px;color:#c9dae5;font-size:16px;line-height:1.6;margin:0 0 22px}
.explorer-links{display:flex;flex-wrap:wrap;gap:10px}
.explorer-links a{background:#8bdfa3;color:#14302e;text-decoration:none;padding:11px 15px;border-radius:7px;font-weight:700;font-size:14px}
.explorer-links a:hover{background:#b2f3c4}
.explorer-links a:focus-visible{outline:3px solid white;outline-offset:3px}
.explorer-footnote{margin:18px 0 0;color:#d2e0e8}
.section{padding-block:43px}.hero{padding-block:62px 56px}
@media(max-width:800px){.explorer{grid-template-columns:1fr}.explorer-panel{min-height:315px}.explorer-nav{grid-template-columns:1fr 1fr}.explorer-nav button{min-height:65px}}
@media(max-width:560px){.explorer-nav{grid-template-columns:1fr}.explorer-nav button{min-height:51px;padding:11px 14px}.explorer-panel{min-height:310px}.explorer-panel-content{padding:22px}.explorer-network{opacity:.55}.section{padding-block:31px}}
@media(prefers-reduced-motion:reduce){.explorer-network{animation:none}}

/* V11: final controlled palette and rhythm refinement; scoped overrides */
:root{--bg:#111f2c;--bg2:#1a2c3b;--ink:#e8f0f5;--muted:#b5c6d3;--line:#3b5668;--accent:#74b9dc;--electric:#74b9dc}
body{background:#111f2c;color:var(--ink)}
.top{background:#0d1b28f2;border-bottom-color:#314b5c}
.hero{background:radial-gradient(ellipse at 76% 24%,#24485d 0,transparent 52%),linear-gradient(135deg,#162b3a,#101f2d 76%)}
.hero::after{background:radial-gradient(circle,#5aa4cf25 0,#4a8ca917 38%,transparent 70%)}
.section{background:#192d3c}
.section.alt{background:#142635}
.section.solutions{background:#203849}
.section:has(.cta){background:#182e3d}
.pagehead{background:linear-gradient(125deg,#234456,#102130 80%)}
.footer{background:#0f202e;border-top-color:#324b5d}
.card{background:linear-gradient(145deg,#223c4d,#192d3c);border-color:#3c5a6d}
.statement,.cta{background:#223d4f;border-color:#456579}
.eyebrow,.hero h1 span,.card .num,.card a,.explorer-footnote a,.nav-cta{color:#91c9e5!important}
.btn{background:#78badd;border-color:#78badd;color:#102534}
.btn:hover,.explorer-links a:hover{background:#9bd0e8;border-color:#9bd0e8;filter:none}
.btn.secondary{background:#203c4d;color:var(--ink);border-color:#54758a}
.nav-cta{border-color:#5e9ec2}
.explorer-nav button{background:#294758;border-color:#416579;color:#eaf3f8}
.explorer-nav button:hover{background:#315365;border-color:#6896ac}
.explorer-nav button[aria-selected="true"]{background:#142c3b;border-color:#7cb7d4;box-shadow:inset 3px 0 #76b7d8}
.explorer-index,.explorer-nav button[aria-selected="true"] .explorer-index{color:#a0cce2}
.explorer-panel{border-color:#466d83;background:radial-gradient(circle at 86% 20%,#245268,transparent 48%),linear-gradient(135deg,#1b3546,#102332)}
.explorer-panel-content{background:linear-gradient(0deg,#102332f5 0%,#102332c5 67%,transparent)}
.explorer-kicker{color:#91c9e5}
.explorer-links a{background:#76b9dc;color:#102636}
.explorer-network span{background:#78bbdb;box-shadow:0 0 14px #79bddd}
.explorer-network::before,.explorer-network::after{border-color:#83c3e480}
.explorer-network::after{background:#83c3e41c;box-shadow:0 0 30px #83c3e43b}
.explorer-nav button:focus-visible,.explorer-panel:focus-visible,.explorer-links a:focus-visible{outline-color:#b1d9ed}
.contact-form input,.contact-form select,.contact-form textarea{background:#142a3a;border-color:#47687d}
.notice{border-left-color:#78badd;background:#1b3545}
.section{padding-block:37px}.section h2{margin-block:5px 10px}.intro{margin-bottom:15px}
.hero{padding-block:55px 48px}.pagehead{padding-block:39px 27px}
.cards{gap:12px}.card{padding:19px;min-height:200px}.card h3{margin-top:11px}
.explorer{gap:13px}.explorer-nav{gap:7px}.explorer-nav button{padding:14px 16px;min-height:59px}
.explorer-panel-content{padding:25px 27px}.explorer-panel{min-height:325px}
.split{gap:28px}.statement,.cta{padding:25px}.footer{padding-block:24px}
@media(max-width:800px){.explorer-panel{min-height:305px}}
@media(max-width:780px){.hero{padding-block:44px 39px}.section{padding-block:31px}.pagehead{padding-block:32px 24px}}
@media(max-width:560px){.section{padding-block:29px}.hero{padding-block:39px 33px}.explorer-nav button{min-height:49px;padding:11px 14px}.explorer-panel-content{padding:21px}.cta{padding:21px}}

/* V12: original V7 navy/charcoal identity restored, V11 structure retained. */
:root{--bg:#08131e;--bg2:#102235;--ink:#eaf3f9;--muted:#a5b9c9;--line:#294454;--accent:#6ab88b;--electric:#6da8bc}
body{background:#08131e;color:var(--ink)}
.top{background:#08131ef2;border-bottom-color:#294454}
.hero{background:radial-gradient(ellipse at 80% 20%,#12445b 0,transparent 46%),linear-gradient(160deg,#0d2232,#08131e 65%)}
.hero::after{background:radial-gradient(circle,#4c9a9e1c 0,#3a777b12 38%,transparent 70%)}
.section{background:#08131e}.section.alt{background:#0d1c2a}.section.solutions{background:#0e202d}.section:has(.cta){background:#0b1b28}
.pagehead{background:linear-gradient(130deg,#123447,#08131e 70%)}
.footer{background:#08131e;border-top-color:#294454}
.card{background:linear-gradient(155deg,#152b3c,#0b1a29);border-color:#294454}
.statement,.cta{background:#112a39;border-color:#294454}
.eyebrow,.hero h1 span,.card .num,.card a,.explorer-footnote a,.nav-cta{color:#b9d4dc!important}
.btn{background:#bad1d7;border-color:#bad1d7;color:#0b2430}
.btn:hover,.explorer-links a:hover{background:#d5e6e9;border-color:#d5e6e9;filter:none}
.btn.secondary{background:#122a39;color:#eaf3f9;border-color:#5c7a88}
.nav-cta{border-color:#547887}
.explorer-nav button{background:#142c3b;border-color:#305264;color:#eaf3f9}
.explorer-nav button:hover{background:#1b394a;border-color:#638999}
.explorer-nav button[aria-selected="true"]{background:#102533;border-color:#7caa9b;box-shadow:inset 3px 0 #70a58b}
.explorer-index,.explorer-nav button[aria-selected="true"] .explorer-index{color:#b4cdd4}
.explorer-panel{border-color:#335d69;background:radial-gradient(circle at 86% 20%,#194458,transparent 48%),linear-gradient(135deg,#102b3c,#081925)}
.explorer-panel-content{background:linear-gradient(0deg,#081925f5 0%,#081925c5 67%,transparent)}
.explorer-kicker{color:#a7c6cb}.explorer-panel p{color:#b5c9d4}
.explorer-links a{background:#bed5d6;color:#0a2530}
.explorer-network span{background:#78b99c;box-shadow:0 0 14px #78b99c80}
.explorer-network::before,.explorer-network::after{border-color:#74a8a76b}
.explorer-network::after{background:#74a8a71a;box-shadow:0 0 30px #74a8a72a}
.explorer-nav button:focus-visible,.explorer-panel:focus-visible,.explorer-links a:focus-visible{outline-color:#bed5d6}
.contact-form input,.contact-form select,.contact-form textarea{background:#102638;border-color:#446174}
.notice{border-left-color:#70a58b;background:#112735}
/* Keep v11's tightened spacing and the existing motion/reduced-motion rules. */

/* V13 — compact shared chrome and restrained original-logo colour integration.
   Logo colour samples: blue ~#0090b4, green ~#24d800. */
:root{--brand-blue:#0090b4;--brand-green:#24d800;--brand-blue-soft:#61b5c9;--brand-green-soft:#82c978}
/* Reduce chrome, without shrinking the logo so much that its wording becomes illegible. */
.top-inner{min-height:66px;gap:20px}
.brand-logo{width:204px;height:auto}
.top{border-bottom:1px solid #20546a;background:#08131ef5}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 5%,#0090b475 32%,#24d8004a 58%,transparent 92%)}
.top nav{gap:21px}
.top nav a:not(.nav-cta):hover,.footer a:hover{color:#8ac9d8}
.nav-cta{padding:7px 13px;border-color:#28748a!important;color:#d4edf2!important;background:#0d2735}
.nav-cta:hover{border-color:#64b3c5!important;background:#123446}
.footer{padding-block:14px!important;background:#08131e;border-top:1px solid #20546a}
.footgrid{align-items:center;gap:14px 26px}
.footer-logo{width:156px!important}
.footer p{margin:4px 0;line-height:1.35}
.footer .footgrid>div:last-child{display:flex;flex-wrap:wrap;gap:7px 15px;align-items:center;justify-content:flex-end}
.footer .footgrid>div:last-child a{margin-right:0}
.footer .footgrid>div:last-child p{flex-basis:100%;text-align:right}
/* Blue and green echo the logo in accents, not in blocks of brightly coloured text. */
.eyebrow{color:#8abac7!important}
.hero h1 span{color:#eaf3f9!important}
.card .num,.explorer-kicker{color:#8dc4d1!important}
.card a,.explorer-footnote a{color:#9bcad5!important}
.card a:hover,.explorer-footnote a:hover{color:#d4eef3!important}
.card{border-top-color:#236179}
.card:hover{border-color:#357c90;box-shadow:0 12px 32px #0003}
.explorer-nav button[aria-selected="true"]{border-color:#438b9d;box-shadow:inset 3px 0 #69b56c}
.explorer-nav button[aria-selected="true"] .explorer-index{color:#a3d8aa}
.explorer-links a,.btn{background:#8bbec9;border-color:#8bbec9;color:#09232d}
.explorer-links a:hover,.btn:hover{background:#b1d8de;border-color:#b1d8de}
.explorer-network span{background:#75c67c;box-shadow:0 0 14px #5dbb70a0}
.explorer-network::before,.explorer-network::after{border-color:#50a7b678}
.notice{border-left-color:#66b872}
/* Responsive: preserve visible navigation and avoid cramped logo on phones. */
@media(max-width:780px){.top-inner{min-height:0;padding:10px 0;gap:7px}.brand-logo{width:184px}.top-inner nav{width:100%;gap:8px 16px}.top-inner nav a{font-size:13px}.nav-cta{padding:5px 10px}.footer{padding-block:16px!important}.footgrid{align-items:flex-start}.footer .footgrid>div:last-child{justify-content:flex-start}.footer .footgrid>div:last-child p{text-align:left}}
@media(max-width:520px){.brand-logo{width:172px}.top-inner{padding:9px 0}.footer-logo{width:144px!important}.footer .footgrid>div:last-child{gap:7px 12px}}