/* Campaign landing page: reuse the site's type, buttons and generous section grid. */
:root{--paper:#000}
.hero-figure{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;margin:0;max-height:min(540px,50vw)}
.hero-with-form .hero-visual{background:transparent;border:0;border-radius:0}
.hero-with-form .photo-slot,.hero-with-form .stationery-scene{background:transparent}
.hero-with-form .stationery-scene:after,.hero-with-form .scene-shadow{display:none}
#lookup-form .form-footnote{display:block;line-height:1.7}
#lookup-disclosure a{white-space:nowrap;text-decoration-color:#666}
@media(pointer:coarse){
 #lookup-disclosure a{display:inline-flex;align-items:center;min-height:44px}
}
.reference-strip{border-top:1px solid #303030;padding-top:24px}
.performance-section{align-items:start;border-top:0}
.letters-benefit>p{margin:0;color:#bdbdbd;font-size:15px;line-height:1.8;max-width:52ch}
.letters-benefit>p+p{margin-top:18px}
.letters-benefit .performance-metrics{margin-top:30px;padding:24px 0 0;border-bottom:0}
.letters-benefit .performance-metrics>div{gap:10px}
.letters-benefit .performance-metrics dd{font-size:34px;letter-spacing:-1px}
.pricing-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:70px;align-items:start;padding-block:64px;border-block:1px solid var(--line)}
.pricing-details{min-width:0}
.pricing-inclusions{margin:0 0 30px;color:#bdbdbd;font-size:15px;line-height:1.8;max-width:52ch}
.pricing-inclusions span{color:var(--ink);white-space:nowrap}
.pricing-table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--ink);font-size:15px;line-height:1.6}
.pricing-table thead,.pricing-table tbody,.pricing-table tr{color:var(--ink);background:transparent}
.pricing-table th,.pricing-table td{text-align:left;font-weight:400;border-bottom:1px solid var(--line)}
.pricing-table thead th{padding:0 0 16px;color:#bdbdbd;font-size:12px}
.pricing-table tbody th,.pricing-table td{padding:18px 0;color:var(--ink);background:transparent;opacity:1}
.pricing-table th:last-child,.pricing-table td:last-child{text-align:right}
.pricing-table td{font-size:16px;font-variant-numeric:tabular-nums}
.pricing-notes{margin:12px 0 0;color:#bdbdbd;font-size:12px;line-height:1.7}
.pricing-actions{margin-top:24px}
.faq-list .faq-contact{margin:24px 0 0;color:#a6a6a6}
.faq-contact a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#777}
.faq-contact a:hover{color:#fff}
@media(pointer:coarse){
 .faq-contact a{display:inline-flex;align-items:center;min-height:44px}
}
#teams,#warum,#pricing,#questions{scroll-margin-top:28px}
@media(min-width:901px){
 .hero-with-form{container-type:inline-size}
 /* Cap the form at the start of the shared right-hand text column. */
 .hero-request{max-width:calc((100cqw - 70px)/2.2 + 70px)}
}
@media(max-width:900px){
 .pricing-section{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:48px}
}
@media(max-width:760px){
 .hero-figure{width:100%;max-width:400px;max-height:none;margin-inline:auto}
 .hero-with-form .hero-figure .hero-visual{max-width:none;margin:0}
 .letters-benefit>p,.pricing-inclusions{font-size:14px}
 .letters-benefit .performance-metrics dd{font-size:32px}
 .pricing-table tbody th,.pricing-table td{padding-block:16px}
}