:root {
  --phi: 1.618;
  --phi-small: .618rem;
  --phi-space: 1.618rem;
  --phi-large: 4.236rem;
  --ink: #102b34;
  --navy: #09232d;
  --ocean: #0e4654;
  --teal: #4ac3b4;
  --sand: #f4f1ea;
  --paper: #fbfaf7;
  --muted: #66777b;
  --line: #dce1dc;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Manrope, Arial, sans-serif; }
.page-grid { position: fixed; inset: 0; pointer-events: none; opacity: .42; background-image: linear-gradient(90deg, transparent calc(50% - 1px), rgba(16,43,52,.035) calc(50% - 1px), rgba(16,43,52,.035) 50%, transparent 50%); background-size: min(100%, 1440px) 100%; background-position: center; }
.container { width: min(1132px, calc(100% - 48px)); margin: 0 auto; position: relative; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding-top: 28px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:800; letter-spacing:-.8px; text-decoration:none; font-size:20px; }
.brand > span:last-child span { color:var(--teal); }
.brand-mark { width:24px; height:21px; display:flex; align-items:end; gap:3px; }
.brand-mark i { display:block; width:6px; background:var(--ink); transform:skewY(-22deg); }
.brand-mark i:nth-child(1) { height:9px; opacity:.45; }.brand-mark i:nth-child(2) { height:15px; opacity:.72; }.brand-mark i:nth-child(3) { height:21px; background:var(--teal); }
.header-link, .text-link { color:var(--ink); text-decoration:none; font-weight:700; font-size:13px; }.header-link span { color:var(--teal); margin-left:4px; }
.hero { padding-top: clamp(89px, 10vw, 162px); padding-bottom: clamp(68px, 7vw, 111px); }
.eyebrow { display:flex; gap:9px; align-items:center; color:#516468; font:500 10px/1.2 'DM Mono', monospace; letter-spacing:.12em; text-transform:uppercase; }.eyebrow > span { width:18px; height:1px; background:var(--teal); }
h1,h2,h3,p { margin-top:0; }h1,h2,h3 { letter-spacing:-.055em; }
h1 { max-width:690px; margin:22px 0 24px; font-size:clamp(50px, 7.1vw, 92px); line-height:.99; font-weight:800; } h1 em { color:var(--ocean); font-style:normal; font-weight:500; }
.hero-grid { display:grid; grid-template-columns: 1.618fr 1fr; gap:clamp(34px, 7vw, 108px); align-items:end; }
.hero-copy { max-width:570px; color:#4d6064; line-height:1.75; font-size:16px; }
.value-prompt { padding: 0 0 8px 24px; border-left:1px solid var(--teal); color:var(--ink); }.value-kicker { display:block; color:#607477; font:500 10px 'DM Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }.value-prompt p { margin:14px 0 17px; font-size:19px; font-weight:700; line-height:1.35; letter-spacing:-.03em; }.value-rule { display:block; width:61.8%; height:2px; background:var(--teal); }.value-caption { display:block; margin-top:12px; color:var(--muted); font-size:12px; line-height:1.5; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:34px; }.button { display:inline-flex; align-items:center; gap:22px; padding:15px 18px; font-size:13px; font-weight:700; text-decoration:none; }.button-primary { color:white; background:var(--ink); }.button-primary span,.button-light span { font-size:19px; line-height:10px; }.text-link { border-bottom:1px solid var(--ink); padding-bottom:3px; }.text-link span { margin-left:6px; color:var(--teal); }
.hero-footer { display:flex; align-items:center; gap:12px; margin-top:clamp(69px, 10vw, 162px); color:var(--muted); font: 11px 'DM Mono', monospace; }.dot { width:3px; height:3px; border-radius:50%; background:var(--teal); }
.signal-section { padding-bottom:clamp(90px, 12vw, 178px); }.signal-card { background:var(--navy); min-height:350px; padding:27px 34px; color:#e7f4f1; box-shadow: 21px 21px 0 #e5e9e3; }.signal-topline { display:flex; justify-content:space-between; color:#9bb6b4; font:10px 'DM Mono', monospace; text-transform:uppercase; letter-spacing:.08em; }.signal-content { max-width:700px; margin:43px auto 45px; }.exposure-head { display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:end; margin-bottom:28px; }.signal-label { display:block; color:#8fb4b0; font-size:12px; margin-bottom:9px; }.exposure-head strong { font-size:clamp(40px,6vw,66px); letter-spacing:-.08em; line-height:.9; }.exposure-head strong span { color:var(--teal); font-size:.45em; margin-left:3px; }.exposure-head p { max-width:255px; margin:0; color:#a7c2be; font-size:12px; line-height:1.6; }.signal-row { display:flex; align-items:center; gap:13px; margin:15px 0; }.line { display:block; height:12px; background:#2e616a; }.line-muted{width:38.2%}.line-mid{width:61.8%;background:#41777a}.line-high{width:100%;background:var(--teal)}.tag { white-space:nowrap; font:10px 'DM Mono', monospace; letter-spacing:.08em; }.low{color:#7e9998}.medium{color:#b3c5a0}.high{color:#73e3d0}.signal-caption { display:flex; align-items:center; gap:9px; color:#8eadaa; font:11px 'DM Mono',monospace; }.signal-caption span { width:30px; height:1px; background:var(--teal); }
.approach { padding-bottom:clamp(90px, 12vw, 178px); }.section-intro { max-width:650px; }.section-intro h2,.confidentiality h2,.access h2 { margin:19px 0 0; font-size:clamp(32px,4.4vw,54px); line-height:1.08; font-weight:700; }.steps { display:grid; grid-template-columns:1.618fr 1fr 1fr; gap:34px; margin-top:76px; }.step { border-top:1px solid var(--ink); padding-top:18px; }.step-number { font:11px 'DM Mono',monospace; color:var(--teal); }.step h3 { margin:40px 0 13px; font-size:27px; }.step p { color:var(--muted); font-size:14px; line-height:1.7; }
.confidentiality { display:grid; grid-template-columns:100px 1fr; gap:34px; padding:54px 0 61px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.lock-icon { color:var(--teal); font-size:64px; transform:rotate(90deg); align-self:start; line-height:1; }.confidentiality h2 { max-width:750px; font-size:clamp(30px,4vw,48px); }.confidentiality p { max-width:620px; margin:23px 0 0; color:var(--muted); font-size:14px; line-height:1.8; }
.access { padding:108px 0; }.access-panel { display:flex; align-items:end; justify-content:space-between; gap:30px; padding:54px; background:var(--ocean); color:white; }.eyebrow-light { color:#aecac5; }.access h2 { max-width:580px; margin-top:19px; }.access p { margin:18px 0 0; color:#b4cfca; font-size:14px; }.button-light { flex:0 0 auto; color:var(--ink); background:#d9eee8; }
.site-footer { display:flex; align-items:center; justify-content:space-between; padding:0 0 32px; }.site-footer p { margin:0; color:#7b8a8c; font:10px 'DM Mono',monospace; }
@media (max-width: 700px) { .container { width:min(100% - 36px,1120px); }.hero { padding-top:90px; }.hero-grid,.exposure-head { grid-template-columns:1fr; gap:30px; }.value-prompt{max-width:360px}.hero-footer { margin-top:70px; flex-wrap:wrap; }.signal-section{padding-bottom:90px}.signal-card{margin-right:12px;padding:18px;min-height:300px}.signal-content{margin:42px 0 45px}.signal-topline span:last-child{display:none}.exposure-head p{max-width:300px}.signal-row{gap:8px}.tag{font-size:8px}.steps{grid-template-columns:1fr;gap:31px;margin-top:50px}.step h3{margin-top:22px}.approach{padding-bottom:90px}.confidentiality{grid-template-columns:54px 1fr;gap:18px;padding:43px 0}.lock-icon{font-size:45px}.access{padding:70px 0}.access-panel{display:block;padding:35px 27px}.button-light{margin-top:32px}.site-footer{align-items:flex-start;gap:20px;flex-direction:column}.header-link{font-size:11px} }