.tpl { padding-top: 48px; padding-bottom: 80px; }
.tpl-head h1 { font-size: clamp(34px, 5vw, 50px); margin: 10px 0 12px; }
.tpl-head .lede { color: var(--ink-2); }
.tpl-grid { display: grid; grid-template-columns: 1.500fr 1fr; gap: 26px; margin-top: 30px; align-items: start; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tline { display: grid; grid-template-columns: 1fr 64px 110px 40px; gap: 8px; margin-top: 8px; }
.tline input { padding: 10px; }
.upsell { background: var(--bpgrid), var(--blue); color: #fff; border-color: var(--blue-deep); }
.upsell h2 { font-size: 26px; }
.upsell p { color: #d6e4ff; }
.upsell .btn.go { background: #fff; border-color: #fff; color: var(--blue-deep); box-shadow: none; }
.upsell .btn:not(.go) { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .8); }
.upsell .muted { color: #a9c2ee; }
.plainlist { margin: 0; padding-left: 20px; color: var(--ink-2); display: grid; gap: 8px; }
@media (max-width: 880px) { .tpl-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .split { grid-template-columns: 1fr; } .tline { grid-template-columns: 1fr 52px 90px 36px; } }