:root { --ink:#020509; --paper:#f7fbff; --muted:#a8b5c5; --line:rgba(172,207,255,.20); --blue:#8dc5ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; color:var(--paper); background:#020509 url("assets/space-deep-blue-4k.png") center / cover fixed; font-family:"Instrument Sans",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.content-section { display:grid; grid-template-columns:minmax(120px,.35fr) minmax(0,1fr); gap:clamp(32px,7vw,120px); padding:clamp(100px,14vw,190px) clamp(24px,9vw,150px); background:rgba(2,5,9,.79); border-top:1px solid rgba(172,207,255,.10); }
.section-label { padding-top:9px; color:var(--blue); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.section-copy { max-width:820px; }
h1,h2,h3 { margin:0; letter-spacing:-.048em; }
h1,h2 { font-size:clamp(40px,5.3vw,76px); line-height:1.01; }
.section-copy > p { max-width:590px; margin:30px 0 0; color:var(--muted); font-size:clamp(17px,1.4vw,20px); line-height:1.55; }
.capabilities { background:rgba(2,5,9,.86); }
.capability-list { margin-top:clamp(48px,7vw,82px); border-top:1px solid var(--line); }
.capability-list p { margin:0; padding:19px 0; border-bottom:1px solid var(--line); color:#dceafd; font-size:clamp(17px,1.7vw,23px); letter-spacing:-.02em; }
.products { background:rgba(2,5,9,.91); }
.product-card { margin-top:clamp(54px,8vw,100px); padding:clamp(28px,5vw,58px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr); gap:40px; }
.product-mark { margin:0 0 26px; font-size:14px; font-weight:700; letter-spacing:.18em; }
.product-mark span { color:var(--muted); font-size:10px; font-weight:500; letter-spacing:.08em; }
h3 { max-width:650px; font-size:clamp(30px,4vw,50px); line-height:1.02; }
.product-copy > p:not(.product-mark) { max-width:560px; margin:23px 0 0; color:var(--muted); font-size:17px; line-height:1.55; }
.product-link { display:inline-block; margin-top:37px; border-bottom:1px solid var(--blue); padding-bottom:7px; font-size:14px; font-weight:600; }
.product-link span { color:var(--blue); margin-left:6px; }
.product-detail { align-self:end; color:var(--muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.detail-line { width:48px; height:1px; margin-bottom:20px; background:var(--blue); }
.product-detail p + p { margin-top:11px; }
footer { display:grid; grid-template-columns:1fr auto 1fr; gap:32px; padding:clamp(50px,7vw,92px) clamp(24px,9vw,150px); background:rgba(2,5,9,.96); color:var(--muted); font-size:12px; letter-spacing:.06em; }
footer p { margin:0; }
.footer-brand { color:var(--paper); font-weight:700; letter-spacing:.2em; }
footer div { text-align:center; } footer div p { margin-bottom:8px; } footer a { color:var(--paper); font-size:clamp(17px,2vw,24px); letter-spacing:-.025em; }
.footer-meta { align-self:end; text-align:right; }
footer a:hover { color:var(--blue); }
@media (max-width:700px) { .content-section { grid-template-columns:1fr; gap:24px; padding-top:86px; padding-bottom:86px; } .product-card { grid-template-columns:1fr; } .product-detail { display:none; } footer { grid-template-columns:1fr; } footer div,.footer-meta { text-align:left; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; scroll-behavior:auto!important; } }