/* Off-grid solution layouts; shared typography and colors come from style.css. */
.offgrid-intro h1{font-size:clamp(42px,4.4vw,64px)}.offgrid-intro .editorial{grid-template-columns:1.2fr 1fr;gap:50px}.offgrid-intro figure img{height:470px;object-fit:cover}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}.package{border:1px solid #d6e5ed;padding:34px;min-width:0}.package h3{font-size:38px}.package h3 span{color:#5e8296;font-size:29px}.package p{font-size:14px}.package dl{margin:24px 0}.package dl>div{padding:13px 0;border-top:1px solid #e0eaf0}.package dt{font-size:11px;font-weight:650;color:#2185af;text-transform:uppercase;letter-spacing:.04em}.package dd{margin:7px 0 0;font-size:14px;color:#526675}.package .package-note{font-size:11px;color:#416a80}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mode{padding:26px;border:1px solid #d6e5ed;min-width:0}.mode h3{margin-bottom:26px}.mode p{font-size:14px}.flow{display:grid;gap:12px}.flow div{padding:15px 12px;border:1px solid #c5e2f1;background:#eef8fd;font-size:12px;text-align:center;line-height:1.7}.flow div:nth-child(2){background:#14364c;color:white;border-color:#14364c}.export-panel{padding:40px;background:#eef8fd;margin-top:45px}.export-panel h3{font-size:32px}.export-flow{display:flex;align-items:center;gap:20px;margin:30px 0}.export-flow span{background:white;border:1px solid #c5e2f1;padding:18px 24px;text-align:center;font-size:13px}.export-flow b{color:#2185af}.export-panel p{max-width:900px;font-size:14px}@media(max-width:930px){.offgrid-intro .editorial{grid-template-columns:1fr}.offgrid-intro figure img{height:320px}.mode-grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(3,minmax(0,1fr))}.export-flow{gap:12px}.export-flow span{padding:15px}}@media(max-width:650px){.package-grid{grid-template-columns:1fr;gap:20px}.package{padding:25px}.package h3{font-size:34px}.package h3 span{font-size:26px}.offgrid-intro h1{font-size:43px}.offgrid-intro figure img{height:260px}.flow{grid-template-columns:1fr}.export-panel{padding:25px}.export-flow{flex-direction:column;align-items:stretch}.export-flow b{text-align:center;transform:rotate(90deg)}.mode{padding:25px}}