@font-face{font-family:LocalSans;src:local("Helvetica Neue");font-display:swap}
:root{--paper:#f7f7ee;--ink:#18221b;--blue:#102de2;--ice:#c4e9ef;--line:#d9dcd0;--serif:Georgia,"Times New Roman",serif;--sans:LocalSans,"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}
button{font:inherit}
::selection{background:#b6f1d0;color:#102de2}
.skip-link{position:fixed;z-index:10;top:10px;left:10px;transform:translateY(-150%);padding:12px;background:var(--paper);border:1px solid var(--ink)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1.2px;font-weight:650;white-space:nowrap}
.brand-symbol{color:var(--blue)}
.brand-light{font-weight:400}
.brand-period{color:var(--blue)}
.header-note{font-size:12px;letter-spacing:.02em;margin:0 0 0 55px;color:#586051}
.header-link{display:flex;align-items:center;gap:30px;font-size:13px;padding:11px 0;border-bottom:1px solid #828a79}
.header-link span{font-size:20px;line-height:1;transition:transform .2s}
.header-link:hover span{transform:translate(2px,-2px)}
.hero{position:relative;min-height:638px;height:calc(100svh - 82px);max-height:1120px;background:var(--blue);overflow:hidden;isolation:isolate;color:var(--paper)}
.hero-content{position:relative;z-index:2;width:min(94%,1080px);margin:0 auto;padding:44px 0 0;text-align:center;pointer-events:none}
.eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:10px;line-height:1.5;letter-spacing:.18em;margin:0 0 25px;color:#d9e2fa}
.signal{width:5px;height:5px;background:#c4e9ef;box-shadow:0 0 0 4px #ffffff14}
h1{font-size:clamp(72px,7.1vw,112px);font-weight:400;line-height:.96;letter-spacing:-.065em;margin:0}
h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;line-height:1.08}
.hero-description{margin:26px 0 25px;font-size:15px;line-height:1.65;letter-spacing:-.1px;color:#e0e7ff}
.mobile-break{display:none}
.primary-link{display:inline-flex;align-items:center;gap:35px;border:1px solid #f7f7ee75;padding:14px 18px;font-size:12px;pointer-events:auto;transition:background .2s,color .2s,transform .2s;background:#102de2cc}
.primary-link span{font-size:18px;line-height:1}
.primary-link:hover{background:var(--paper);color:var(--blue);transform:translateY(-2px)}
.water-field{position:absolute;inset:0;z-index:0;touch-action:pan-y}
#water{display:block;width:100%;height:100%;cursor:crosshair}
.water-caption{position:absolute;left:4.3%;right:4.3%;bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:3;color:#1329a5;pointer-events:none}
.interaction-hint{display:flex;align-items:center;gap:9px;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:10px;letter-spacing:.025em;background:var(--ice);padding:7px 9px}
.motion-toggle{display:flex;align-items:center;gap:9px;border:0;color:#1329a5;background:var(--ice);padding:8px 10px;cursor:pointer;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:10px;pointer-events:auto;min-height:32px}
.motion-icon{display:inline-block;width:7px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.motion-toggle[aria-pressed="true"] .motion-icon{width:0;height:0;border:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}
.touch-hint{display:none}
.opportunity{padding:76px 4.3% 70px;display:grid;grid-template-columns:1fr 1.55fr;gap:7%;scroll-margin-top:20px}
.section-label{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:9px;letter-spacing:.16em;color:#606854;margin:0 0 26px}
h2{font-weight:400;letter-spacing:-1.1px;font-size:clamp(25px,2.4vw,36px);line-height:1.2;margin:0}
h2 em{font-family:var(--serif);font-weight:400}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:2px}
.step-number{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:10px;display:block;color:#586051;margin-bottom:31px;border-top:1px solid #c5cbbc;padding-top:12px}
h3{font-size:14px;letter-spacing:-.3px;font-weight:500;margin:0 0 10px}
.process-step p{font-size:12px;line-height:1.65;color:#626958;margin:0;max-width:225px}
.site-footer{border-top:1px solid var(--line);margin:0 4.3%;padding:24px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#626958}
.footer-wordmark{font-size:14px;letter-spacing:-.6px;color:var(--ink)}
.copyright{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:9px}
@media(min-height:950px) and (min-width:800px){.hero-content{padding-top:95px}.hero-description{margin-top:32px}}
@media(max-width:850px){.header-note{display:none}.hero{min-height:660px}.hero-content{padding-top:48px}.opportunity{grid-template-columns:1fr;gap:36px;padding-top:55px;padding-bottom:55px}.process{gap:25px}.step-number{margin-bottom:22px}.process-step p{max-width:260px}}
@media(max-width:540px){.site-header{height:70px;padding:0 22px}.brand{font-size:24px;gap:8px}.brand-symbol{width:24px;height:24px}.header-link{font-size:11px;gap:13px;padding:9px 0}.header-link span{font-size:17px}.hero{height:calc(100svh - 70px);min-height:720px;max-height:1000px}.hero-content{width:calc(100% - 32px);padding-top:59px}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:31px;gap:8px}h1{font-size:clamp(64px,15.7vw,84px);letter-spacing:-.065em}.hero-description{font-size:13px;line-height:1.7;max-width:300px;margin:25px auto}.mobile-break{display:block}.primary-link{font-size:11px;padding:13px 15px;gap:30px}.water-caption{left:18px;right:18px;bottom:19px}.interaction-hint{font-size:8px;gap:5px;padding:7px 6px}.interaction-hint svg{width:12px}.motion-toggle{font-size:8px;padding:7px 7px;gap:6px}.opportunity{padding:44px 23px}.section-label{margin-bottom:20px}h2{font-size:29px;letter-spacing:-1px}.process{grid-template-columns:1fr;gap:25px}.process-step{display:grid;grid-template-columns:30px 1fr;gap:0 13px;border-top:1px solid #c5cbbc;padding-top:17px}.step-number{border:0;margin:0;padding:2px 0;grid-row:1/3}h3{margin-bottom:7px}.process-step p{max-width:300px}.site-footer{margin:0 23px;padding:24px 0;flex-wrap:wrap;gap:14px}.site-footer>span:not(.copyright){display:none}}
@media(pointer:coarse){.touch-hint{display:inline}.desktop-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link,.header-link span{transition:none}}
