*{box-sizing:border-box}body{margin:0;background:#06111d;color:#eaf6ff;font-family:Arial,Helvetica,sans-serif}a{color:#33e8ff;text-decoration:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 38px;background:#030a13;border-bottom:1px solid #0b4a66}.brand{font-family:Georgia,serif;font-size:30px;font-weight:700}.nav a{margin-left:22px;color:#dcefff;font-weight:700}.wrap{max-width:1460px;margin:0 auto;padding:44px 30px}.hero{border:1px solid #0b6b8c;border-radius:20px;padding:42px;display:grid;grid-template-columns:1fr .82fr;gap:36px;background:linear-gradient(145deg,#081828,#06111d)}.kicker{color:#22e7ff;letter-spacing:8px;font-weight:800;font-size:14px}.hero h1{font-family:Georgia,serif;font-size:60px;line-height:1.02;margin:18px 0}.hero p{font-size:20px;line-height:1.6;max-width:850px}.hero img,.card img,.project-hero img{width:100%;border-radius:14px;display:block}.chips span{display:inline-block;border:1px solid #1197b8;border-radius:999px;padding:9px 14px;margin:4px 8px 4px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{display:block;border:1px solid #0b6b8c;border-radius:18px;overflow:hidden;background:#071320;color:#eaf6ff;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);border-color:#22e7ff;box-shadow:0 0 22px rgba(34,231,255,.18)}.card-graphic{height:210px;object-fit:cover;background:#082033}.card-body{padding:24px}.card h2{font-family:Georgia,serif;font-size:31px;margin:8px 0 14px;color:#f1f8ff}.card p{line-height:1.6;color:#d8ecff}.mini{color:#22e7ff;letter-spacing:5px;font-size:12px;font-weight:800}.open{display:inline-block;margin-top:14px;font-weight:800;color:#22e7ff}.project-hero{border:1px solid #0b6b8c;border-radius:20px;display:grid;grid-template-columns:1fr .82fr;gap:30px;padding:42px;background:#071320}.project-hero h1{font-family:Georgia,serif;font-size:60px;margin:14px 0}.project-hero p{font-size:19px;line-height:1.65}.panel{border:1px solid #0b6b8c;border-radius:16px;padding:28px;margin-top:26px;background:#06111d}.panel h2{font-family:Georgia,serif;font-size:32px}.panel p{font-size:18px;line-height:1.7}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.status div{border:1px solid #0b6b8c;border-radius:14px;padding:18px}.footer{text-align:center;padding:34px;border-top:1px solid #0b4a66;color:#9eccea}.back{display:inline-block;margin-bottom:22px;font-weight:800}@media(max-width:900px){.hero,.project-hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hero h1,.project-hero h1{font-size:42px}.topbar{display:block}.nav a{display:inline-block;margin:12px 16px 0 0}.card-graphic{height:180px}}
/* ADS23 QC: commercial feature cards use a no-crop showcase layout so graphics stay fully visible. */
.grid.featured{grid-template-columns:1fr;gap:28px;margin-top:30px}
.card.product-showcase{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:stretch;overflow:hidden;border-radius:20px;min-height:420px}
.card.product-showcase .card-graphic{height:100%;min-height:420px;object-fit:contain;object-position:center;background:#030a13;padding:10px;border-radius:0}
.card.product-showcase .card-body{display:flex;flex-direction:column;justify-content:center;padding:34px;background:linear-gradient(145deg,rgba(7,19,32,.98),rgba(4,13,24,.98));border-left:1px solid rgba(34,231,255,.18)}
.card.product-showcase h2{font-size:42px;line-height:1.05}
.card.product-showcase p{font-size:18px;line-height:1.65}
.card.product-showcase .open{margin-top:24px;font-size:18px}
@media(max-width:1050px){.card.product-showcase{grid-template-columns:1fr}.card.product-showcase .card-graphic{height:auto;min-height:0}.card.product-showcase .card-body{border-left:0;border-top:1px solid rgba(34,231,255,.18)}}


/* ADS24 commercial graphics upgrade: polished card renders replacing placeholder SVG cards. */
.card-graphic{background:#061a2b;object-position:center}
.project-hero img{aspect-ratio:16/9;object-fit:cover;background:#061a2b;box-shadow:0 0 28px rgba(34,231,255,.10)}
.grid:not(.featured) .card-graphic{height:230px;object-fit:cover}
.card.product-showcase .card-graphic{object-fit:cover;padding:0;background:#061a2b}
@media(max-width:900px){.grid:not(.featured) .card-graphic{height:auto;aspect-ratio:16/9}}


/* ADS commercial product freeze pass: prevent card crushing/collapse under zoom/tablet preview. */
html{min-width:1280px;overflow-x:auto;}
body.commercial-products-page{min-width:1280px;overflow-x:auto;}
body.commercial-products-page .wrap{width:1460px;max-width:none;margin:0 auto;}
body.commercial-products-page .hero,
body.commercial-products-page .project-hero{grid-template-columns:1fr .82fr!important;align-items:center;}
body.commercial-products-page .grid{grid-template-columns:repeat(3,1fr)!important;align-items:stretch;}
body.commercial-products-page .grid.featured{grid-template-columns:1fr!important;}
body.commercial-products-page .card{min-width:0;}
body.commercial-products-page .card-graphic{width:100%;height:230px!important;aspect-ratio:16/9;object-fit:cover;object-position:center;}
body.commercial-products-page .card.product-showcase{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;}
body.commercial-products-page .card.product-showcase .card-graphic{height:100%!important;min-height:420px;aspect-ratio:auto;object-fit:cover;}
body.commercial-products-page .project-hero img{max-height:520px;object-fit:contain;background:#030a13;}
.product-page-lock{min-width:1280px;overflow-x:auto;}
.product-page-lock .wrap{width:1460px;max-width:none;}
.product-page-lock .grid{grid-template-columns:repeat(3,1fr)!important;}
.product-page-lock .hero,
.product-page-lock .project-hero{grid-template-columns:1fr .82fr!important;}
.product-page-lock .card-graphic{height:230px!important;aspect-ratio:16/9;object-fit:cover;}
.product-hero-image{max-height:620px;object-fit:contain!important;background:#030a13;}
.product-poster-image{max-height:820px;object-fit:contain!important;background:#030a13;}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.feature-list div{border:1px solid #0b6b8c;border-radius:14px;padding:18px;background:rgba(6,17,29,.78)}.feature-list strong{display:block;color:#22e7ff;margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase}.doc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.doc-list div{border:1px solid rgba(34,231,255,.25);border-radius:12px;padding:16px;background:rgba(0,0,0,.16)}.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.gallery-strip img{width:100%;height:250px;object-fit:cover;border-radius:14px;border:1px solid #0b6b8c;background:#030a13}.tech-note{border-left:4px solid #22e7ff;padding:14px 18px;background:rgba(34,231,255,.08);border-radius:10px;margin-top:18px;color:#d8ecff;line-height:1.6}
@media(max-width:900px){body.commercial-products-page .hero,body.commercial-products-page .project-hero,.product-page-lock .hero,.product-page-lock .project-hero{grid-template-columns:1fr .82fr!important}body.commercial-products-page .grid,.product-page-lock .grid{grid-template-columns:repeat(3,1fr)!important}body.commercial-products-page .card-graphic,.product-page-lock .card-graphic{height:230px!important}.feature-list{grid-template-columns:repeat(3,1fr)}.doc-list{grid-template-columns:repeat(2,1fr)}.gallery-strip{grid-template-columns:repeat(3,1fr)}}