@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { --ink:#0b1f3a; --ink-2:#102a4e; --paper:#f7f8f4; --white:#fff; --line:#d9dfd4; --muted:#637082; --lime:#c8ff00; --lime-deep:#a7d500; --cyan:#30e6ff; --alert:#ff6b57; --mono:'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --sans:'Manrope', Arial, sans-serif; --serif:'Playfair Display', Georgia, serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:84px; }
body { margin:0; color:var(--ink); font-family:var(--sans); background:var(--paper); line-height:1.55; }
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font:inherit; }
button { cursor:pointer; }
.skip-link { position:absolute; left:16px; top:-80px; z-index:100; padding:10px 14px; background:var(--lime); color:var(--ink); font-weight:800; }
.skip-link:focus { top:14px; }
.container { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.announcement-bar { background:var(--lime); color:var(--ink); font-size:.78rem; font-weight:800; letter-spacing:.025em; }
.announcement-bar p { margin:0 auto; width:min(1180px, calc(100% - 48px)); padding:9px 0; text-align:center; }
.announcement-bar a { margin-left:8px; text-decoration:underline; text-underline-offset:3px; }
.pulse-dot { display:inline-block; width:8px; height:8px; margin-right:6px; background:var(--ink); border-radius:50%; box-shadow:0 0 0 4px rgba(11,31,58,.13); }
.site-header { background:var(--ink); color:var(--white); position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(255,255,255,.1); }
.nav-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; letter-spacing:-.055em; font-size:1.22rem; white-space:nowrap; }
.brand img { display:block; width:38px; height:38px; }
.brand > span > span { color:var(--lime); }
.brand em { margin-left:4px; color:var(--cyan); font-family:var(--mono); font-size:.56em; font-style:normal; letter-spacing:.04em; vertical-align:top; }
.nav-links { display:flex; align-items:center; gap:26px; color:#d7e2f1; font-size:.85rem; font-weight:700; }
.nav-links > a:not(.button) { transition:color .2s ease; }
.nav-links > a:not(.button):hover, .nav-links > a:not(.button):focus-visible { color:var(--lime); }
.menu-toggle { display:none; border:0; background:transparent; color:white; padding:6px; }
.menu-toggle span:not(.sr-only) { display:block; width:25px; height:2px; margin:5px; background:white; }
.button { display:inline-flex; gap:10px; align-items:center; justify-content:center; border:1px solid transparent; padding:15px 19px; font-size:.82rem; font-weight:800; letter-spacing:.01em; transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease; }
.button:hover, .button:focus-visible { transform:translateY(-2px); }
.button-primary { background:var(--lime); color:var(--ink); }
.button-primary:hover, .button-primary:focus-visible { background:#daff40; }
.button-small { padding:10px 14px; background:var(--lime); color:var(--ink); }
.button-dark { background:var(--ink); color:#fff; }
.button-dark:hover, .button-dark:focus-visible { background:#17345e; }
.button-outline-light { border-color:rgba(255,255,255,.42); color:#fff; }
.button-outline-light:hover, .button-outline-light:focus-visible { border-color:var(--lime); color:var(--lime); }
.text-link { color:var(--white); font-weight:800; font-size:.84rem; border-bottom:1px solid rgba(255,255,255,.4); padding-bottom:3px; }
.section-dark { background:var(--ink); color:#fff; }
.hero { min-height:650px; position:relative; overflow:hidden; display:flex; align-items:center; }
.hero-grain { position:absolute; inset:0; opacity:.28; background-image:radial-gradient(rgba(255,255,255,.14) .7px, transparent .7px); background-size:6px 6px; mask-image:linear-gradient(90deg,#000,transparent 75%); }
.hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center; position:relative; padding:76px 0 88px; }
.eyebrow { margin:0 0 16px; color:#637082; font-family:var(--mono); font-size:.69rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; display:flex; align-items:center; gap:9px; }
.eyebrow span { width:20px; height:2px; background:var(--ink); display:inline-block; }
.eyebrow-lime { color:#b9ccdb; }
.eyebrow-lime span { background:var(--lime); }
h1, h2, h3, p { margin-top:0; }
h1 { max-width:720px; margin-bottom:22px; font-size:clamp(3.15rem, 5.5vw, 5.2rem); line-height:.98; letter-spacing:-.075em; font-weight:800; }
h1 i { font-family:var(--serif); font-weight:500; color:var(--lime); letter-spacing:-.055em; }
.hero-lead { max-width:620px; color:#c5d2e1; font-size:1.08rem; line-height:1.68; }
.hero-lead strong { color:#fff; }
.hero-actions { margin:30px 0 18px; display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.hero-note { color:#94a9c0; font-size:.76rem; max-width:500px; }
.hero-visual { min-height:480px; position:relative; display:flex; align-items:center; justify-content:center; }
.risk-orbit { position:absolute; border:1px solid rgba(200,255,0,.18); border-radius:50%; }
.orbit-one { width:390px; height:390px; border-color:rgba(48,230,255,.22); }
.orbit-two { width:300px; height:300px; border-style:dashed; animation:spin 28s linear infinite; }
.orbit-three { width:205px; height:205px; border-color:rgba(255,255,255,.17); }
.protection-core { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; width:170px; height:170px; border-radius:50%; background:#122c50; box-shadow:0 0 0 18px rgba(200,255,0,.04), 0 0 60px rgba(48,230,255,.24); }
.protection-core img { position:relative; z-index:1; width:116px; height:116px; object-fit:contain; filter:drop-shadow(0 12px 20px rgba(0,0,0,.35)); }
.core-glow { position:absolute; inset:15px; border-radius:50%; background:radial-gradient(circle,rgba(200,255,0,.14), transparent 64%); }
.signal { position:absolute; z-index:4; color:#d5e3f1; padding:7px 10px; border:1px solid rgba(255,255,255,.17); background:rgba(9,27,51,.76); font-family:var(--mono); font-size:.61rem; letter-spacing:.04em; text-transform:uppercase; backdrop-filter:blur(6px); }
.signal span { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--alert); margin-right:6px; }
.signal-one { top:58px; left:35px; }.signal-two { top:117px; right:13px; }.signal-three { bottom:78px; left:20px; }.signal-four { bottom:22px; right:57px; }
.scan-label { position:absolute; top:24px; left:50%; transform:translateX(-50%); white-space:nowrap; color:var(--lime); font-family:var(--mono); font-size:.61rem; letter-spacing:.12em; }
.scan-label-dot,.status-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--lime); margin-right:6px; box-shadow:0 0 12px var(--lime); }
.exposure-card { position:absolute; z-index:5; bottom:2px; left:50%; transform:translateX(-50%); width:240px; padding:14px; background:#f2f7ec; color:var(--ink); box-shadow:10px 10px 0 rgba(200,255,0,.8); }
.exposure-card span,.board-bar,.price-block span,.offer-card-top,.detail-row span,.monitor-board small { font-family:var(--mono); font-size:.58rem; letter-spacing:.09em; font-weight:600; }
.exposure-card strong { display:block; margin:4px 0 10px; font-size:.82rem; }
.exposure-meter { display:flex; gap:4px; }.exposure-meter i { width:100%; height:6px; background:#b9d670; }.exposure-meter i.alert { background:var(--alert); }
.proof-strip { background:#e4ede1; border-bottom:1px solid #cdd8c8; }.proof-grid { display:flex; align-items:center; justify-content:space-between; padding:22px 0; gap:30px; }.proof-grid p { margin:0; font-weight:800; font-size:.94rem; }.proof-grid ul { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:20px; color:#526174; font-size:.78rem; }.proof-grid strong { color:var(--ink); }
.section { padding:115px 0; }.section-paper { background:var(--paper); }.split-intro { display:grid; grid-template-columns:1.05fr .68fr; align-items:end; gap:70px; margin-bottom:54px; }.section-intro h2,.questions-title h2,.offer-head h2,.monitor-copy h2,.process-intro h2,.principles-intro h2,.faq-title h2,.contact-copy h2 { margin:0; font-size:clamp(2.45rem,4vw,4.25rem); line-height:1.02; letter-spacing:-.065em; }.split-intro > p,.process-intro > p { margin:0 0 5px; max-width:470px; color:#607084; font-size:1.01rem; line-height:1.72; }
.risk-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.risk-card { min-height:320px; padding:25px 24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; transition:background .25s ease; }.risk-card:hover { background:#ecf5db; }.risk-number { color:var(--lime-deep); font-family:var(--mono); font-size:.72rem; margin-bottom:auto; }.risk-card h3 { margin:24px 0 10px; font-size:1.17rem; letter-spacing:-.04em; line-height:1.16; }.risk-card p { color:#5d6c7e; font-size:.83rem; line-height:1.65; }.risk-tag { margin-top:11px; color:var(--ink); font-family:var(--mono); font-size:.61rem; text-transform:uppercase; letter-spacing:.06em; }
.questions-section { padding:116px 0; color:#fff; background:#0d2849; position:relative; overflow:hidden; }.questions-section:after { content:'AI'; position:absolute; right:-80px; bottom:-180px; color:rgba(200,255,0,.06); font-size:520px; font-weight:800; letter-spacing:-.15em; }.questions-layout { position:relative; z-index:1; display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:center; }.questions-title h2 { margin-bottom:18px; }.questions-title > p:not(.eyebrow) { color:#bed0df; max-width:390px; margin-bottom:29px; }.question-list { padding:0; margin:0; list-style:none; border-top:1px solid rgba(255,255,255,.19); }.question-list li { display:flex; gap:24px; padding:21px 0; border-bottom:1px solid rgba(255,255,255,.19); }.question-list span { padding-top:5px; color:var(--lime); font-family:var(--mono); font-size:.68rem; }.question-list p { margin:0; font-size:1.15rem; font-weight:700; letter-spacing:-.03em; line-height:1.28; }
.offer-section { border-bottom:1px solid var(--line); }.offer-head { display:flex; justify-content:space-between; gap:40px; align-items:flex-end; margin-bottom:47px; }.price-block { max-width:300px; padding:22px 0 0 25px; border-left:2px solid var(--lime-deep); }.price-block strong { display:block; font-size:2.3rem; letter-spacing:-.07em; line-height:1; margin:5px 0; }.price-block p { margin:0; color:#637082; font-size:.76rem; }.offer-layout { display:grid; grid-template-columns:.9fr 1.1fr; }.main-offer { padding:45px; background:var(--lime); display:flex; flex-direction:column; min-height:370px; }.offer-card-top { display:flex; justify-content:space-between; }.offer-card-top p { margin:0; }.main-offer h3 { max-width:480px; margin:38px 0 15px; font-size:2rem; line-height:1.06; letter-spacing:-.06em; }.main-offer > p { max-width:470px; font-size:.9rem; line-height:1.6; }.main-offer .button { margin-top:auto; align-self:flex-start; }.offer-details { background:#fff; border:1px solid var(--line); border-left:0; padding:17px 36px; }.detail-row { display:grid; grid-template-columns:115px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); }.detail-row:last-child { border-bottom:0; }.detail-row span { color:#6e7c8b; }.detail-row p { margin:0; font-size:.83rem; color:#33445a; }
.monitor-section { color:#fff; background:var(--ink); padding:115px 0; }.monitor-layout { display:grid; grid-template-columns:.88fr 1.12fr; gap:90px; align-items:center; }.monitor-copy h2 { margin-bottom:20px; }.monitor-copy > p:not(.eyebrow):not(.monitor-price) { color:#c7d4e2; max-width:450px; }.monitor-price { margin:28px 0 25px; display:flex; align-items:baseline; gap:7px; }.monitor-price strong { color:var(--lime); font-size:3.1rem; letter-spacing:-.07em; }.monitor-price span { color:#c5d1dc; font-family:var(--mono); font-size:.72rem; }.monitor-board { padding:18px; background:#eff7e7; color:var(--ink); box-shadow:14px 14px 0 rgba(48,230,255,.72); }.board-bar { display:flex; align-items:center; gap:5px; border-bottom:1px solid #c5d5bd; padding:2px 0 13px; color:#657566; }.board-bar span { margin-right:auto; }.board-bar i { width:7px; height:7px; background:#c2d4ba; border-radius:50%; }.board-status { display:flex; align-items:center; gap:8px; padding:23px 7px 18px; }.board-status div { display:flex; flex-direction:column; }.board-status strong { font-size:1.17rem; letter-spacing:-.04em; }.board-status em { color:#748673; font-size:.66rem; font-family:var(--mono); font-style:normal; letter-spacing:0; }.monitor-item { display:grid; grid-template-columns:26px 1fr 25px; gap:8px; padding:15px 7px; border-top:1px solid #ceddc8; }.monitor-item > span { color:#80957a; font-family:var(--mono); font-size:.65rem; }.monitor-item strong { font-size:.87rem; }.monitor-item p { color:#647863; margin:2px 0 0; font-size:.72rem; }.check { display:flex; align-items:center; justify-content:center; align-self:center; width:20px; height:20px; color:var(--ink); background:var(--lime); border-radius:50%; font-style:normal; font-weight:800; font-size:.7rem; }
.process-intro { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:58px; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }.process-step { position:relative; padding:0 25px 0 0; min-height:190px; border-right:1px solid var(--line); }.process-step:not(:first-child) { padding-left:25px; }.process-step:last-child { border-right:0; }.process-step > span { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; color:var(--ink); background:var(--lime); font-family:var(--mono); font-size:.68rem; font-weight:600; }.process-step h3 { margin:28px 0 9px; font-size:1.1rem; letter-spacing:-.04em; }.process-step p { color:#657487; font-size:.8rem; line-height:1.65; }
.principles-section { padding:105px 0; background:#e3eee0; }.principles-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }.principles-list { border-top:1px solid #b8c9b3; }.principle { display:grid; grid-template-columns:50px 1fr; gap:12px; border-bottom:1px solid #b8c9b3; padding:23px 0; }.principle > span { color:#718a67; font-family:var(--mono); font-size:.66rem; }.principle h3 { margin:0 0 5px; font-size:1.06rem; letter-spacing:-.035em; }.principle p { margin:0; color:#536950; font-size:.81rem; }
.faq-section { background:#fff; }.faq-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:100px; }.faq-title > p:not(.eyebrow) { color:#617185; max-width:350px; }.faq-list { border-top:1px solid var(--line); }.faq-item { border-bottom:1px solid var(--line); }.faq-item summary { list-style:none; display:flex; justify-content:space-between; gap:20px; padding:21px 0; font-weight:800; font-size:.96rem; cursor:pointer; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary span { color:var(--lime-deep); font-size:1.25rem; transition:transform .2s ease; }.faq-item[open] summary span { transform:rotate(45deg); }.faq-item p { max-width:670px; margin:0 30px 20px 0; color:#607084; font-size:.84rem; line-height:1.66; }
.contact-section { padding:115px 0; color:#fff; background:#0d2849; }.contact-layout { display:grid; grid-template-columns:.84fr 1.16fr; gap:90px; }.contact-copy h2 { margin-bottom:19px; }.contact-copy > p:not(.eyebrow) { color:#c1cfdf; max-width:400px; }.contact-points { list-style:none; padding:0; margin:27px 0 0; color:#e4edf6; font-size:.82rem; }.contact-points li { margin:10px 0; }.contact-points span { color:var(--lime); margin-right:6px; }.contact-form { background:#f7fbf2; color:var(--ink); padding:34px; }.form-row { margin-bottom:17px; }.form-row label { display:block; font-family:var(--mono); font-size:.62rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; margin-bottom:7px; }.form-row label b { color:#dc4430; }.form-row input,.form-row select,.form-row textarea { width:100%; padding:11px 12px; background:white; border:1px solid #c7d6c0; color:var(--ink); outline:none; border-radius:0; font-size:.84rem; transition:border-color .2s ease, box-shadow .2s ease; }.form-row textarea { resize:vertical; min-height:88px; }.form-row input:focus,.form-row select:focus,.form-row textarea:focus { border-color:#609000; box-shadow:0 0 0 3px rgba(200,255,0,.35); }.form-split { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.form-submit { width:100%; border:0; margin-top:4px; }.form-status { min-height:22px; margin:12px 0 0; font-size:.76rem; color:#516650; }.form-status.error { color:#c6372c; }.site-footer { color:#b9c8d8; background:var(--ink); border-top:1px solid rgba(255,255,255,.12); padding:26px 0; }.footer-grid { display:grid; grid-template-columns:auto 1fr 1.2fr; align-items:center; gap:30px; }.footer-brand { color:white; }.footer-brand img { width:34px; height:34px; }.site-footer p { margin:0; font-size:.75rem; }.footer-note { text-align:right; color:#8298b0; }
.reveal { opacity:1; transform:none; }.reveal.is-visible { opacity:1; transform:none; }
@keyframes spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
@media (max-width: 900px) { .hero-grid,.questions-layout,.monitor-layout,.contact-layout,.faq-layout { grid-template-columns:1fr; gap:50px; }.hero { min-height:auto; }.hero-visual { min-height:400px; }.hero-copy { text-align:center; }.hero-copy .eyebrow,.hero-actions { justify-content:center; }.hero-lead,.hero-note { margin-left:auto; margin-right:auto; }.split-intro,.principles-layout { grid-template-columns:1fr; gap:36px; }.risk-grid { grid-template-columns:repeat(2,1fr); }.offer-layout { grid-template-columns:1fr; }.offer-details { border-left:1px solid var(--line); border-top:0; }.process-grid { grid-template-columns:repeat(2,1fr); row-gap:38px; }.process-step:nth-child(3) { padding-left:0; }.process-step:nth-child(2) { border-right:0; }.principles-layout { gap:45px; }.faq-title { max-width:570px; }.footer-grid { grid-template-columns:1fr; gap:13px; }.footer-note { text-align:left; }.proof-grid { display:block; }.proof-grid p { margin-bottom:10px; } }
@media (max-width: 680px) { .container,.nav-shell,.announcement-bar p { width:min(100% - 32px, 1180px); }.announcement-bar p { text-align:left; line-height:1.5; }.site-header { position:relative; }.nav-shell { height:67px; }.nav-links { display:none; position:absolute; top:67px; left:0; right:0; padding:20px 16px 22px; background:var(--ink); border-top:1px solid rgba(255,255,255,.14); flex-direction:column; align-items:stretch; gap:17px; }.nav-links.open { display:flex; }.nav-links .button { margin-top:3px; }.menu-toggle { display:block; }.hero-grid { padding:55px 0 62px; }.hero-visual { min-height:330px; transform:scale(.88); margin:-24px -35px -17px; }.signal-one { left:10px; }.signal-two { right:0; }.signal-three { left:0; }.signal-four { right:20px; }.scan-label { top:6px; }.orbit-one { width:340px; height:340px; }.orbit-two { width:265px; height:265px; }.hero-actions { flex-direction:column; align-items:stretch; gap:16px; }.text-link { align-self:center; }.proof-grid { padding:18px 0; }.proof-grid ul { display:block; }.proof-grid li { margin:4px 0; }.section,.monitor-section,.contact-section { padding:74px 0; }.risk-grid,.process-grid { grid-template-columns:1fr; }.risk-card { min-height:245px; }.offer-head,.process-intro { display:block; }.price-block { margin-top:25px; }.main-offer { padding:30px; min-height:340px; }.offer-details { padding:8px 22px; }.detail-row { grid-template-columns:1fr; gap:7px; }.monitor-board { padding:14px; box-shadow:8px 8px 0 rgba(48,230,255,.72); }.monitor-item { grid-template-columns:22px 1fr 22px; }.process-step,.process-step:not(:first-child),.process-step:nth-child(3) { padding:0 0 23px; border-right:0; border-bottom:1px solid var(--line); min-height:0; }.process-step:last-child { border-bottom:0; padding-bottom:0; }.principle { grid-template-columns:34px 1fr; }.form-split { grid-template-columns:1fr; gap:0; }.contact-form { padding:24px 19px; } h1 { font-size:3.15rem; }.section-intro h2,.questions-title h2,.offer-head h2,.monitor-copy h2,.process-intro h2,.principles-intro h2,.faq-title h2,.contact-copy h2 { font-size:2.5rem; } }

/* Private engagement messaging replaces public pricing. */
.price-block strong { font-size:1.42rem; line-height:1.14; letter-spacing:-.05em; }
.monitor-cta-note { margin:27px 0 25px; padding:13px 0 13px 15px; max-width:450px; border-left:2px solid var(--lime); color:#e1edf8 !important; font-size:.86rem; line-height:1.58; }

/* On tablet and desktop, the exposure map supports the message rather than competing with it. */
@media (min-width: 681px) {
  .hero-grid { min-height:550px; }
  .hero-copy { position:relative; z-index:2; }
  .hero-visual { position:absolute; z-index:0; top:50%; right:-52px; width:520px; min-height:480px; transform:translateY(-50%) scale(.96); opacity:.52; pointer-events:none; }
  .hero-visual .exposure-card { opacity:.92; }
}

@media (min-width: 681px) and (max-width: 900px) {
  .hero-visual { top:68%; right:-110px; transform:translateY(-50%) scale(.8); opacity:.32; }
}

/* Product-grade AI access map for the hero. */
.access-map { position:relative; width:470px; height:470px; isolation:isolate; }
.access-map::before { content:''; position:absolute; inset:58px; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgba(48,230,255,.12) 0,rgba(48,230,255,.035) 32%,transparent 68%); filter:blur(9px); }
.map-heading { position:absolute; z-index:4; top:8px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:8px; color:#dbe8f4; font-family:var(--mono); font-size:.58rem; font-weight:500; letter-spacing:.12em; white-space:nowrap; }
.map-heading i { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 13px rgba(200,255,0,.86); }
.map-heading b { margin-left:4px; color:var(--lime); font-size:.54rem; font-weight:500; letter-spacing:.09em; }
.map-ring { position:absolute; z-index:0; top:50%; left:50%; border-radius:50%; transform:translate(-50%,-50%); }
.ring-outer { width:390px; height:390px; border:1px solid rgba(48,230,255,.33); box-shadow:0 0 0 1px rgba(48,230,255,.035) inset; }
.ring-middle { width:280px; height:280px; border:1px dashed rgba(200,255,0,.36); }
.ring-inner { width:204px; height:204px; border:1px solid rgba(222,238,255,.31); box-shadow:0 0 28px rgba(48,230,255,.08); }
.map-spoke { position:absolute; z-index:0; top:50%; left:50%; height:1px; transform-origin:left center; background:linear-gradient(90deg,rgba(48,230,255,.48),rgba(48,230,255,0)); }
.spoke-one { width:184px; transform:rotate(-142deg); }.spoke-two { width:185px; transform:rotate(-35deg); }.spoke-three { width:184px; transform:rotate(142deg); }.spoke-four { width:182px; transform:rotate(34deg); }
.access-node { position:absolute; z-index:3; width:152px; min-height:69px; padding:11px 12px 10px 38px; border:1px solid rgba(162,193,224,.26); background:linear-gradient(120deg,rgba(16,42,78,.87),rgba(11,31,58,.62)); box-shadow:0 14px 28px rgba(1,12,30,.18); }
.access-node::before { content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--lime),transparent 75%); opacity:.7; }
.access-node > span:not(.node-icon) { display:block; color:#aabed2; font-family:var(--mono); font-size:.48rem; letter-spacing:.11em; }
.access-node strong { display:block; margin-top:2px; color:#fff; font-size:.71rem; line-height:1.2; letter-spacing:-.015em; }
.node-icon { position:absolute; top:15px; left:12px; display:grid; width:17px; height:17px; place-items:center; color:var(--lime); }
.node-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.node-files { top:89px; left:4px; }.node-mail { top:89px; right:4px; }.node-agents { bottom:93px; left:4px; }.node-keys { bottom:93px; right:4px; }
.governance-core { position:absolute; z-index:2; top:50%; left:50%; display:flex; width:174px; height:174px; padding:19px 15px 15px; transform:translate(-50%,-50%); flex-direction:column; align-items:center; justify-content:center; color:#fff; text-align:center; border:1px solid rgba(218,237,251,.31); border-radius:24px; background:linear-gradient(145deg,rgba(20,54,91,.96),rgba(11,31,58,.96)); box-shadow:0 0 0 12px rgba(48,230,255,.025),0 22px 50px rgba(0,0,0,.32); }
.governance-core::before { content:''; position:absolute; inset:-8px; z-index:-1; border:1px solid rgba(200,255,0,.2); border-radius:29px; transform:rotate(45deg) scale(.71); }
.core-mark { display:grid; width:43px; height:43px; place-items:center; margin-bottom:9px; border-radius:13px; background:rgba(200,255,0,.12); }
.core-mark img { width:30px; height:30px; object-fit:contain; }
.governance-core > span { color:var(--lime); font-family:var(--mono); font-size:.45rem; letter-spacing:.11em; }.governance-core strong { margin-top:4px; font-size:.85rem; letter-spacing:-.035em; }.governance-core p { margin:4px 0 0; color:#b3c6d7; font-family:var(--mono); font-size:.48rem; letter-spacing:.03em; }
.policy-panel { position:absolute; z-index:4; bottom:-6px; left:50%; width:302px; padding:12px 14px; transform:translateX(-50%); border:1px solid rgba(189,214,235,.33); background:rgba(14,39,70,.91); box-shadow:0 13px 34px rgba(0,0,0,.21); backdrop-filter:blur(10px); }
.policy-panel > div { display:flex; align-items:center; gap:7px; }.policy-panel strong { color:#e9f3fb; font-family:var(--mono); font-size:.55rem; letter-spacing:.1em; }.policy-dot { display:block; width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 11px rgba(200,255,0,.8); }.policy-panel p { margin:6px 0 0 14px; color:#b7c9d9; font-size:.61rem; line-height:1.38; }
@media (max-width: 680px) { .access-map { width:450px; height:454px; }.map-heading { top:3px; }.ring-outer { width:375px; height:375px; }.ring-middle { width:267px; height:267px; }.node-files { top:72px; left:0; }.node-mail { top:72px; right:0; }.node-agents { bottom:82px; left:0; }.node-keys { bottom:82px; right:0; }.access-node { transform:scale(.9); transform-origin:center; }.governance-core { transform:translate(-50%,-50%) scale(.92); }.policy-panel { bottom:-8px; transform:translateX(-50%) scale(.9); } }

@media (min-width: 901px) {
  .hero-visual { top:42%; transform:translateY(-50%) scale(.84); }
}

@media (min-width: 901px) {
  .policy-panel { bottom:24px; }
}

/* Keep the decorative access map intentional at every breakpoint. */
@media (min-width: 681px) {
  .policy-panel { display:none; }
}
@media (min-width: 681px) and (max-width: 900px) {
  .hero-visual { top:57%; right:-115px; width:430px; min-height:430px; transform:translateY(-50%) scale(.53); opacity:.28; }
}
@media (max-width: 680px) {
  .hero-visual { min-height:420px; margin:0; transform:none; }
  .access-map { width:400px; height:420px; }
  .ring-outer { width:330px; height:330px; }
  .ring-middle { width:238px; height:238px; }
  .ring-inner { width:174px; height:174px; }
  .node-files { top:56px; left:0; }.node-mail { top:56px; right:0; }.node-agents { bottom:56px; left:0; }.node-keys { bottom:56px; right:0; }
  .access-node { width:146px; transform:scale(.9); transform-origin:center; }
  .governance-core { transform:translate(-50%,-50%) scale(.84); }
  .policy-panel { bottom:0; transform:translateX(-50%) scale(.82); }
}

@media (min-width: 681px) and (max-width: 900px) {
  .hero-visual { top:42%; right:-82px; width:420px; min-height:420px; transform:translateY(-50%) scale(.43); opacity:.2; }
}
@media (max-width: 680px) {
  .access-map { width:min(380px, 100%); }
}

@media (min-width: 681px) and (max-width: 900px) {
  .hero-visual { top:58%; right:-70px; width:410px; min-height:410px; transform:translateY(-50%) scale(.68); opacity:.12; }
  .hero-visual .map-heading,
  .hero-visual .access-node,
  .hero-visual .governance-core,
  .hero-visual .policy-panel { display:none; }
}