:root { --ink:#07131c; --ink-2:#0c1d28; --aqua:#00c8c0; --white:#f5f8f8; --muted:#aebbc2; --line:rgba(202,226,228,.21); --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--white); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.topbar { height:80px; max-width:var(--max); margin:auto; display:flex; align-items:center; justify-content:space-between; padding:0 28px; border-bottom:1px solid rgba(170,203,208,.14); }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.14em; font-size:.94rem; }
.brand-mark { width:17px; height:17px; display:block; border:3px solid var(--aqua); border-radius:50%; box-shadow:inset 0 0 0 3px var(--ink); }
nav { display:flex; gap:30px; color:#b8c5ca; font-size:.83rem; }
nav a:hover,.top-contact:hover,.text-link:hover { color:var(--aqua); }
.top-contact { font-size:.78rem; color:var(--aqua); letter-spacing:.08em; text-transform:uppercase; }
.hero { position:relative; overflow:hidden; min-height:720px; max-width:var(--max); margin:auto; padding:126px 28px 52px; border-bottom:1px solid var(--line); }
.hero-grid { position:absolute; pointer-events:none; inset:0; background:linear-gradient(90deg,transparent 0 49.7%,rgba(0,200,192,.12) 49.8% 50%,transparent 50.1%),linear-gradient(0deg,transparent 0 48%,rgba(0,200,192,.08) 48.1% 48.3%,transparent 48.4%); background-size:120px 120px; mask-image:linear-gradient(90deg,#000,transparent 78%); opacity:.5; }
.hero:after { content:""; position:absolute; right:-150px; top:60px; width:530px; height:530px; border:1px solid rgba(0,200,192,.38); border-radius:50%; box-shadow:0 0 0 60px rgba(0,200,192,.035),0 0 0 120px rgba(0,200,192,.022); }
.eyebrow,.mono { position:relative; z-index:1; color:var(--aqua); font:500 .68rem/1.4 "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow span { display:inline-block; width:32px; height:2px; margin:0 10px 3px 0; background:var(--aqua); }
.light { color:var(--aqua); }
.hero-kicker { position:relative; z-index:1; margin:88px 0 16px; font:500 .7rem "DM Mono",monospace; color:#9ab0b8; letter-spacing:.13em; }
h1,h2,h3,p { margin-top:0; }
h1 { position:relative; z-index:1; max-width:820px; margin-bottom:28px; font-size:clamp(3rem,7.1vw,6.6rem); line-height:1.01; letter-spacing:-.066em; }
.hero-copy { position:relative; z-index:1; max-width:620px; color:#c4d0d4; font-size:1.04rem; line-height:1.8; }
.hero-actions { position:relative; z-index:1; display:flex; gap:12px; margin-top:37px; }
.button { padding:14px 20px; display:inline-flex; gap:22px; align-items:center; font-size:.84rem; font-weight:700; border:1px solid transparent; }
.button-primary { color:#052021; background:var(--aqua); }.button-primary:hover { background:#35e1d9; }
.button-secondary { border-color:#49616c; color:#d2dde0; }.button-secondary:hover { border-color:var(--aqua); color:var(--aqua); }
.hero-metrics { position:absolute; z-index:1; bottom:50px; right:28px; width:380px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(139,175,180,.2); }
.hero-metrics div { background:#0b1b24; min-height:100px; padding:18px; }.hero-metrics strong { display:block; margin-bottom:18px; font:500 .65rem "DM Mono",monospace; color:var(--aqua); }.hero-metrics span { display:block; color:#c9d6d9; font-size:.76rem; line-height:1.45; }
.section { max-width:var(--max); margin:auto; padding:108px 28px; }.statement { background:#0a1821; }.statement-layout { display:grid; grid-template-columns:1.2fr .7fr; gap:90px; margin-top:40px; align-items:end; }.statement h2,.partnership h2,.contact h2 { margin:0; font-size:clamp(2.1rem,4.4vw,4rem); letter-spacing:-.06em; line-height:1.08; }.statement p:not(.eyebrow),.partnership-content>p { color:#b9c8cd; font-size:1rem; line-height:1.85; }
.solution-grid { display:grid; grid-template-columns:repeat(4,1fr); padding-top:0; padding-bottom:0; }.solution-grid article { min-height:304px; padding:35px 26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.solution-grid article:first-child { border-left:1px solid var(--line); }.card-number,.process-grid span { color:var(--aqua); font:500 .7rem "DM Mono",monospace; }.solution-grid h3,.process-grid h3,.checklist h3 { margin:78px 0 12px; font-size:1rem; letter-spacing:-.03em; }.solution-grid p,.process-grid p,.checklist p { color:#9fb0b6; font-size:.83rem; line-height:1.7; }
.buyer-section { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:start; border-bottom:1px solid var(--line); }.buyer-section h2 { margin:38px 0 0; font-size:clamp(2.1rem,4.3vw,3.9rem); line-height:1.08; letter-spacing:-.06em; }.buyer-copy { max-width:550px; }.buyer-copy>p { margin:0; color:#b9c8cd; font-size:1rem; line-height:1.85; }.buyer-copy ul { list-style:none; margin:28px 0 32px; padding:0; border-top:1px solid var(--line); }.buyer-copy li { position:relative; padding:14px 0 14px 21px; border-bottom:1px solid var(--line); color:#d4dfe1; font-size:.84rem; }.buyer-copy li:before { content:""; position:absolute; left:0; top:22px; width:7px; height:7px; border-radius:50%; background:var(--aqua); }
.partnership { display:grid; grid-template-columns:.62fr 1.38fr; gap:65px; border-bottom:1px solid var(--line); }.mono { color:#a9bac0; margin-top:22px; font-size:.62rem; }.partnership-content { max-width:710px; }.partnership-content>p { max-width:620px; margin:28px 0; }.text-link { color:var(--aqua); font-size:.9rem; font-weight:700; }.text-link span { padding-left:9px; }
.expectations { background:var(--white); color:#09202a; max-width:none; padding-left:max(28px,calc((100vw - var(--max))/2 + 28px)); padding-right:max(28px,calc((100vw - var(--max))/2 + 28px)); }.expectations .eyebrow { color:#008f8a; }.expectations .eyebrow span { background:#008f8a; }.section-heading { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:52px; }.section-heading h2 { margin:0; font-size:clamp(2rem,4vw,3.5rem); letter-spacing:-.06em; }.checklist { list-style:none; max-width:890px; margin:0; padding:0; }.checklist li { display:grid; grid-template-columns:80px 1fr; padding:24px 0; border-top:1px solid #ccdcdf; }.checklist li:last-child { border-bottom:1px solid #ccdcdf; }.checklist li>span { color:#008f8a; font:500 .72rem "DM Mono",monospace; }.checklist h3 { margin:0 0 8px; font-size:1rem; }.checklist p { color:#536a72; margin:0; }
.process { background:#0d202a; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; margin-top:52px; }.process-grid article { border-top:1px solid #5c727b; padding-top:20px; }.process-grid h3 { margin:50px 0 10px; }
.contact { padding:140px 28px; text-align:center; }.contact .eyebrow span { margin-left:0; }.contact h2 { margin:24px auto 20px; max-width:800px; }.contact>p:not(.eyebrow) { color:#b5c4c9; max-width:560px; margin:0 auto 38px; line-height:1.75; }.email { color:var(--aqua); font-size:clamp(1.25rem,3vw,2.1rem); font-weight:700; letter-spacing:-.04em; border-bottom:1px solid rgba(0,200,192,.4); padding-bottom:10px; }.email span { font-size:.6em; vertical-align:top; }
footer { max-width:var(--max); margin:auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; padding:30px 28px; border-top:1px solid var(--line); color:#8ba0a7; font-size:.68rem; }footer .brand { color:#edf5f5; }footer p:last-child { text-align:right; }
@media (max-width:760px) { .topbar { height:68px; padding:0 18px; } nav { display:none; }.hero { min-height:690px; padding:88px 22px 30px; }.hero:after { right:-270px; top:70px; }.hero-kicker { margin-top:70px; }.hero-actions { flex-direction:column; align-items:flex-start; }.hero-metrics { position:relative; right:auto; bottom:auto; width:100%; margin-top:72px; }.section { padding:76px 22px; }.statement-layout,.buyer-section,.partnership { grid-template-columns:1fr; gap:34px; }.solution-grid,.process-grid { grid-template-columns:1fr 1fr; }.solution-grid article { min-height:220px; }.solution-grid article:nth-child(3) { border-left:1px solid var(--line); }.solution-grid h3 { margin-top:46px; }.section-heading { display:block; }.section-heading h2 { margin-top:24px; }.checklist li { grid-template-columns:52px 1fr; }.process-grid { gap:22px; }.contact { padding:105px 22px; } footer { grid-template-columns:1fr; padding:30px 22px; } footer p:last-child { text-align:left; } }
@media (max-width:430px) { .solution-grid,.process-grid { grid-template-columns:1fr; }.solution-grid article { border-left:1px solid var(--line); }.hero-metrics { grid-template-columns:1fr; }.hero-metrics div { min-height:65px; display:flex; gap:14px; align-items:center; }.hero-metrics strong { margin:0; }.hero-metrics span { font-size:.8rem; } }