.services-page{background:var(--paper)}.services-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 20%, #e4e9ff 0, transparent 34%), linear-gradient(180deg, #fbfbf8, var(--paper));grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:clamp(32px,6vw,96px);max-width:1440px;min-height:420px;margin:0 auto;padding:76px clamp(32px,5vw,80px) 64px;display:grid}:root[data-theme=dark] .services-hero{background:radial-gradient(circle at 78% 20%, #1b2540 0, transparent 34%), linear-gradient(180deg, #101a1f, var(--paper))}.services-hero h1{letter-spacing:-.06em;margin:20px 0 18px;font-size:clamp(44px,5vw,76px);font-weight:550;line-height:1}.services-hero-lead{max-width:54ch;color:var(--muted);font-size:16px;line-height:1.7}.services-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.services-body{max-width:1440px;margin:0 auto;padding:64px clamp(32px,5vw,80px) 96px}.services-body h2{letter-spacing:-.035em;margin:0 0 8px;font-size:30px}.services-code{border:1px solid var(--line);background:var(--surface);font-family:var(--mono);margin:18px 0 0;padding:16px;font-size:12px;line-height:1.65;overflow-x:auto}.services-panel{color:#f3f5f2;background-color:#192c39;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:29px 29px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:space-between;gap:28px;min-height:260px;padding:28px;display:flex}.services-panel-icon{color:#b7c4ff}.services-panel-icon .service-icon{color:inherit}.services-panel-label{font-family:var(--mono);letter-spacing:.06em;color:#b5c1c4;font-size:9px}.services-panel-status{letter-spacing:-.04em;margin-top:14px;font-size:26px;font-weight:500;line-height:1.15}.services-panel-meta{font-family:var(--mono);letter-spacing:.04em;color:#b5c1c4;font-size:10px}.services-panel-actions{flex-wrap:wrap;gap:10px;display:flex}.services-panel-actions .button-outline{color:#f3f5f2;border-color:#ffffff2e}.services-panel-actions .button-outline:hover{background:#ffffff14}.services-detail-icon{align-items:center;gap:14px;display:inline-flex}.services-detail-icon .service-icon{width:48px;height:48px}@media (max-width:900px){.services-hero{grid-template-columns:1fr;min-height:0;padding:56px 24px 48px}.services-body{padding:48px 24px 72px}}