
.product-hero{padding-top:110px}
.product-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.product-hero h1{font-size:clamp(56px,7vw,96px);line-height:.96;letter-spacing:-.055em;margin:18px 0}
.product-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.product-meta span,.technology-grid span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#c8d4e8;font-size:12px;font-weight:850}
.product-detail-frame{min-height:500px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#0c1220;box-shadow:0 40px 100px rgba(0,0,0,.4)}
.product-detail-frame img{width:100%;height:100%;object-fit:cover}
.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.detail-panel{padding:30px;border:1px solid var(--line);border-radius:22px;background:#0d1422}
.detail-panel h3{font-size:26px;margin-top:0}
.detail-panel ul{display:grid;gap:14px;padding:0;margin:0;list-style:none}
.detail-panel li{position:relative;padding-left:28px;color:#c8d2e4;line-height:1.6}
.detail-panel li::before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:900}
.technology-grid{display:flex;gap:12px;flex-wrap:wrap}
.case-study{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;padding:clamp(36px,6vw,72px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#11192a,#090e18)}
.case-study h2{font-size:clamp(38px,5vw,66px);letter-spacing:-.045em;margin:14px 0}
.case-study p{color:var(--muted);line-height:1.7}
.outcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.outcome-grid article{padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}
.outcome-grid article span{color:var(--primary);font-weight:900}
.outcome-grid article p{margin:10px 0 0}
@media(max-width:900px){
.product-hero-grid,.detail-grid,.case-study{grid-template-columns:1fr}
.product-detail-frame{min-height:380px}
}
@media(max-width:600px){
.outcome-grid{grid-template-columns:1fr}
.product-detail-frame{min-height:280px}
}
