/* Gatewatcher product detail. */
.gw-page { color:#242830; }
.gw-page * { box-sizing:border-box; }
.gw-page .gw-wrap { width:min(100% - 40px,1180px); margin-inline:auto; }
.gw-intro { padding:86px 0 96px; background:#fff; }
.gw-intro-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:clamp(38px,5vw,72px); }
.gw-kicker { display:block; margin-bottom:18px; color:#cf1740; font-size:12px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.gw-intro h2 { max-width:600px; margin:0 0 24px; color:#1e1d31; font-size:clamp(34px,4vw,54px); font-weight:700; letter-spacing:-.048em; line-height:1.13; }
.gw-intro p { max-width:565px; margin:0 0 17px; color:#555e6b; font-size:16px; line-height:1.8; }
.gw-intro .gw-lead { color:#303742; font-size:18px; line-height:1.7; }
.gw-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }
.gw-button { display:inline-flex; align-items:center; justify-content:center; min-height:47px; padding:11px 20px; border:1px solid #cd163d; border-radius:4px; background:#cd163d; color:#fff!important; font-size:14px; font-weight:600; text-align:center; }
.gw-button:hover { border-color:#a41031; background:#a41031; }
.gw-button-secondary { border-color:#cfd2d8; background:#fff; color:#252836!important; }
.gw-button-secondary:hover { border-color:#252836; background:#f7f8fa; color:#252836!important; }
.gw-cover { margin:0; padding:10px; border:1px solid #e7e7eb; background:#fff; box-shadow:0 20px 48px rgba(25,24,46,.08); }
.gw-cover img { display:block; width:100%; height:auto; }
.gw-overview { padding:82px 0 88px; background:#f7f8fa; }
.gw-section-label { display:block; margin-bottom:12px; color:#c5163c; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.gw-overview h2,.gw-diagram h2,.gw-specs h2 { margin:0; color:#1e1d31; font-size:clamp(29px,3vw,39px); font-weight:700; letter-spacing:-.04em; line-height:1.2; }
.gw-overview-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:31px; }
.gw-overview-head p { max-width:480px; margin:0; color:#59636f; font-size:15px; line-height:1.75; }
.gw-pillar-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid #dfe2e8; border-bottom:1px solid #dfe2e8; }
.gw-pillar { padding:30px 28px 31px; border-right:1px solid #dfe2e8; }
.gw-pillar:first-child { padding-left:0; }
.gw-pillar:last-child { padding-right:0; border-right:0; }
.gw-pillar span { display:block; margin-bottom:23px; color:#c5163c; font-size:12px; font-weight:700; letter-spacing:.08em; }
.gw-pillar h3 { margin:0 0 12px; color:#252631; font-size:21px; font-weight:700; }
.gw-pillar p { margin:0; color:#59636f; font-size:14px; line-height:1.75; }
.gw-diagram { padding:86px 0 88px; background:#fff; }
.gw-diagram-head { max-width:760px; margin-bottom:31px; }
.gw-diagram-head p { margin:14px 0 0; color:#59636f; font-size:16px; line-height:1.75; }
.gw-diagram figure { margin:0; }
.gw-diagram img { display:block; width:100%; height:auto; border:1px solid #e5e7eb; }
.gw-diagram figcaption { margin-top:11px; color:#767f89; font-size:12px; line-height:1.5; }
.gw-specs { padding:82px 0 94px; background:#f7f8fa; }
.gw-specs-grid { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:70px; }
.gw-specs-intro p { max-width:360px; margin:16px 0 0; color:#59636f; font-size:15px; line-height:1.75; }
.gw-facts { margin:0; border-top:1px solid #dfe2e8; }
.gw-fact { display:grid; grid-template-columns:150px minmax(0,1fr); gap:25px; padding:20px 0; border-bottom:1px solid #dfe2e8; }
.gw-fact dt { color:#252631; font-size:14px; font-weight:700; }
.gw-fact dd { margin:0; color:#59636f; font-size:14px; line-height:1.7; }
.gw-end { padding:59px 0; background:#211d31; color:#fff; }
.gw-end-inner { display:flex; align-items:center; justify-content:space-between; gap:35px; }
.gw-end h2 { margin:0 0 8px; color:#fff; font-size:clamp(23px,2.6vw,32px); font-weight:700; letter-spacing:-.03em; }
.gw-end p { margin:0; color:#c9c6d0; font-size:15px; line-height:1.65; }
.gw-end .gw-button { flex:none; }
@media(max-width:900px) { .gw-intro-grid { grid-template-columns:1fr; } .gw-cover { max-width:700px; } .gw-overview-head { display:block; } .gw-overview-head p { max-width:760px; margin-top:16px; } .gw-specs-grid { grid-template-columns:1fr; gap:28px; } .gw-specs-intro p { max-width:750px; } }
@media(max-width:700px) { .gw-intro,.gw-overview,.gw-diagram,.gw-specs { padding-block:65px; } .gw-pillar-list { grid-template-columns:1fr; } .gw-pillar,.gw-pillar:first-child,.gw-pillar:last-child { padding:25px 0; border-right:0; border-bottom:1px solid #dfe2e8; } .gw-pillar:last-child { border-bottom:0; } .gw-pillar span { margin-bottom:10px; } .gw-end-inner { display:block; } .gw-end .gw-button { margin-top:24px; } }
@media(max-width:520px) { .gw-page .gw-wrap { width:min(100% - 36px,1180px); } .gw-actions { display:grid; } .gw-fact { grid-template-columns:1fr; gap:6px; } .gw-diagram { overflow:hidden; } }