@import url('styles.css');
.subpage-hero{min-height:520px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:110px max(30px,calc((100vw - 1400px)/2));background:radial-gradient(circle at 82% 35%,rgba(0,196,232,.16),transparent 32%),#0b141c;border-bottom:1px solid var(--line)}
.subpage-hero h1{font-size:clamp(50px,6vw,88px);margin-bottom:28px}.subpage-lede{max-width:720px;color:#c7d6dd;font-size:20px;line-height:1.7}.page-mark{min-height:310px;border:1px solid var(--line);background:linear-gradient(145deg,#142630,#0b141c);display:grid;place-items:center;color:rgba(0,196,232,.75);font-size:150px}
.detail-section{padding:100px max(30px,calc((100vw - 1400px)/2))}.detail-section.alt{background:#0b141c;border-block:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.detail-grid h2{font-size:clamp(38px,4vw,62px)}.detail-copy{color:var(--muted);font-size:18px;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.feature{padding:28px;background:var(--panel);border:1px solid var(--line)}.feature span{display:block;color:var(--cyan);font-size:12px;letter-spacing:.16em;margin-bottom:25px}.feature h3{font-size:23px}.feature p{color:var(--muted);margin:0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.process article{padding:25px;border-top:1px solid var(--cyan);background:rgba(23,34,43,.55)}.process b{color:var(--cyan);font-size:12px}.process h3{font-size:22px;margin:20px 0 10px}.process p{color:var(--muted);font-size:14px}.page-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:70px max(30px,calc((100vw - 1400px)/2));background:var(--cyan);color:#071b23}.page-cta h2{font-size:clamp(34px,4vw,58px);margin:0;max-width:850px}.page-cta .button{border-color:#071b23;color:#071b23;background:transparent}.page-cta .button:hover{background:#071b23;color:white}
@media(max-width:900px){.subpage-hero,.detail-grid{grid-template-columns:1fr}.subpage-hero{padding-top:75px}.page-mark{min-height:220px}.feature-grid{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.page-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.subpage-hero,.detail-section,.page-cta{padding:70px 20px}.subpage-hero h1{font-size:48px}.process{grid-template-columns:1fr}}