@import url('/cases.css');
.offer-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:38px;align-items:start;padding:58px 0}
.offer-hero h1{font:500 clamp(38px,5vw,60px)/1.08 "IBM Plex Serif",Georgia,serif;margin:12px 0 18px}
.offer-hero .lead{font-size:19px;color:var(--mute);max-width:58ch}
.mini-price{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:28px;box-shadow:0 18px 42px rgba(11,18,32,.07)}
.mini-price .amount{font:500 52px/1 "IBM Plex Serif",Georgia,serif;margin:0}
.mini-price .unit{font-size:14px;color:var(--mute);margin:5px 0 20px}
.mini-price ul{padding-left:20px}
.mini-price li{margin:8px 0}
.micro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 48px}
.micro-grid article{background:#fff;border:1px solid var(--line);padding:22px}
.micro-grid h2{font:500 23px/1.25 "IBM Plex Serif",Georgia,serif;margin:0 0 8px}
.micro-grid p{color:var(--mute);font-size:15px}
.offer-form{background:#fff;border:1px solid var(--line);padding:28px;margin:32px 0}
.offer-form h2{font:500 30px/1.2 "IBM Plex Serif",Georgia,serif;margin:0 0 8px}
.offer-form form{display:grid;gap:14px;margin-top:20px}
.offer-form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.offer-form input,.offer-form textarea{width:100%;border:1px solid var(--line);padding:12px;font:inherit}
.offer-form textarea{min-height:130px;resize:vertical}
.offer-form .help{font-size:13px;color:var(--mute);font-weight:400}
.offer-form .status{min-height:1.5em;font-size:14px}
.offer-form .error{color:#9f2d20}
@media(max-width:760px){.offer-hero,.micro-grid{grid-template-columns:1fr}
.offer-hero{padding:38px 0}
.mini-price,.micro-grid article,.offer-form{padding:20px}
.offer-form input,.offer-form textarea{font-size:16px}
.offer-form .button,.mini-price .button{width:100%;min-height:46px;text-align:center}
.keyword-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.actionbox a,.offer-form a{overflow-wrap:anywhere}
}