body.showcase-page{background:#06101b;color:#f4f8fc;overflow-x:hidden}body.showcase-page .site-header{position:sticky;top:0;z-index:50;background:rgba(6,16,27,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}body.showcase-page .nav-shell{min-height:68px}body.showcase-page .nav{display:flex;position:static;opacity:1;pointer-events:auto;gap:16px;flex-wrap:wrap}body.showcase-page .nav a{font-size:.78rem;color:#cbd8e5}body.showcase-page .hero{padding:88px 0 72px;background:radial-gradient(circle at 12% 8%,rgba(85,214,189,.14),transparent 30%),radial-gradient(circle at 88% 4%,rgba(98,183,255,.12),transparent 30%),linear-gradient(180deg,#081524,#06101b)}body.showcase-page .hero .container{max-width:1180px}body.showcase-page .hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.98;letter-spacing:-.05em;max-width:900px}body.showcase-page .lead{max-width:760px;font-size:1.05rem;line-height:1.8;color:#b9c7d5}body.showcase-page .eyebrow{color:#55d6bd;letter-spacing:.12em;font-weight:800}body.showcase-page .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}body.showcase-page .chips span{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:999px;padding:6px 10px;color:#b7c5d3;font-size:.68rem}body.showcase-page .hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}body.showcase-page .button{min-height:45px;border-radius:13px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}body.showcase-page .section{padding:80px 0}body.showcase-page .section--muted{background:#081521;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}body.showcase-page .section-heading{max-width:820px;margin-bottom:30px}body.showcase-page .section-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.035em}body.showcase-page .section-lead,body.showcase-page .section-heading p:not(.eyebrow){color:#9fb0c2;line-height:1.75}body.showcase-page .cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body.showcase-page .service-card,body.showcase-page .system-card{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 15px 45px rgba(0,0,0,.13);padding:22px}body.showcase-page .service-card h3,body.showcase-page .system-card h3{color:#f4f8fc;margin-top:0}body.showcase-page .service-card p,body.showcase-page .system-card p{color:#aebdcb;line-height:1.7;font-size:.84rem}body.showcase-page .system-card--featured{padding:28px}body.showcase-page .site-footer{border-top:1px solid rgba(255,255,255,.06);background:#06101b;padding:24px 0}body.showcase-page .footer-shell{display:flex;justify-content:space-between;gap:16px}body.showcase-page .footer-shell a{color:#d8e3ed}body.showcase-page code{color:#8ee9d4}body.showcase-page a{color:#62b7ff}body.showcase-page a.button--primary{color:#04111a}body.showcase-page a.button--secondary,body.showcase-page a.button--ghost{color:#fff}
@media(max-width:900px){body.showcase-page .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.showcase-page .nav-shell{gap:12px}}
@media(max-width:620px){body.showcase-page .site-header{position:relative}body.showcase-page .nav-shell{align-items:flex-start;padding:12px 0;flex-direction:column}body.showcase-page .nav{gap:9px}body.showcase-page .nav a{font-size:.7rem}body.showcase-page .hero{padding:65px 0 55px}body.showcase-page .hero h1{font-size:clamp(2.4rem,13vw,3.8rem)}body.showcase-page .hero__actions{display:grid}body.showcase-page .button{width:100%}body.showcase-page .cards-grid{grid-template-columns:1fr}body.showcase-page .section{padding:62px 0}body.showcase-page .footer-shell{flex-direction:column}}
@media(prefers-reduced-motion:reduce){body.showcase-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}