@font-face{font-family:Soehne;src:url(https://playfordpartners.com/fonts/soehne-leicht.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Soehne;src:url(https://playfordpartners.com/fonts/soehne-buch.woff2) format("woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFEFB;color:#1E201E;font-family:Soehne,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{width:min(100% - 112px,1180px);margin:0 auto}
.nav{display:flex;align-items:center;justify-content:space-between;padding:34px 0}
.brand{font-size:21px;font-weight:400;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:22px;font-size:13px}
.nav-links a{text-decoration:none;color:#6E726B}
.nav-links .signin{padding:12px 18px;border-radius:7px;background:#2C4A3B;color:#FFFEFB}
.hero{padding:100px 0 106px;border-top:1px solid #E4E1D9;background:#F9F9F6}
.eyebrow{margin:0 0 24px;color:#2C4A3B;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
h1{margin:0;max-width:14ch;font-size:clamp(54px,7vw,86px);font-weight:300;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.hero-copy{max-width:650px;margin:28px 0 0;color:#4A463F;font-size:20px;font-weight:300;line-height:1.65}
.answer{padding:64px 0;border-top:1px solid #E4E1D9;border-bottom:1px solid #E4E1D9}
.answer-grid{display:grid;grid-template-columns:220px 1fr;gap:80px}
.label{color:#A3A6A0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.answer p{max-width:760px;margin:0;font-size:24px;font-weight:300;line-height:1.55}
.section{padding:96px 0;border-bottom:1px solid #E4E1D9}
.section.alt{background:#F9F9F6}
.section-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:90px;align-items:start}
h2{margin:0;font-size:clamp(36px,4vw,52px);font-weight:300;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.copy{display:grid;gap:20px}
.copy p{margin:0;color:#6E726B;font-size:17px;line-height:1.75}
.evidence{margin-top:26px;padding:26px 28px;border-left:2px solid #E89652;background:#FFFEFB}
.evidence strong{display:block;margin-bottom:8px;font-size:13px;font-weight:400;color:#1E201E}
.evidence p{font-size:15px}
.steps{display:grid;gap:1px;border:1px solid #E4E1D9;background:#E4E1D9}
.step{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:24px;background:#FFFEFB}
.step span{color:#E89652;font-size:13px}
.step h3{margin:0 0 7px;font-size:18px;font-weight:400}
.step p{font-size:15px}
.comparison{width:100%;border-collapse:collapse;font-size:15px}
.comparison th,.comparison td{padding:18px 20px;border:1px solid #E4E1D9;text-align:left;vertical-align:top;line-height:1.55}
.comparison th{background:#F9F9F6;font-weight:400}
.comparison td{color:#6E726B}
.faq{display:grid;gap:1px;background:#E4E1D9;border:1px solid #E4E1D9}
.faq details{padding:22px 24px;background:#FFFEFB}
.faq summary{cursor:pointer;font-size:17px}
.faq p{margin:14px 0 0;color:#6E726B;line-height:1.7}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related a{display:block;padding:24px;border:1px solid #E4E1D9;border-radius:10px;text-decoration:none;background:#FFFEFB}
.related strong{display:block;font-weight:400}
.related span{display:block;margin-top:9px;color:#6E726B;font-size:14px;line-height:1.55}
.closer{padding:110px 0;text-align:center;background:#F9F9F6}
.closer h2{max-width:15ch;margin:0 auto}
.closer p{max-width:540px;margin:20px auto 32px;color:#6E726B;font-size:16px;line-height:1.7}
.cta{display:inline-flex;padding:15px 24px;border-radius:8px;background:#2C4A3B;color:#FFFEFB;text-decoration:none}
.footer{padding:44px 0;border-top:1px solid #E4E1D9;background:#F9F9F6;font-size:12px}
.footer-grid{display:grid;grid-template-columns:minmax(140px,.7fr) repeat(3,minmax(0,1fr));gap:36px}
.footer-meta{color:#A3A6A0}
.footer-legal{display:flex;gap:10px;margin-top:18px}
.footer-column{display:flex;flex-direction:column;gap:10px}
.footer-title{color:#1E201E}
.footer a{color:#6E726B;text-decoration:none}
@media(max-width:760px){
 .wrap{width:min(100% - 40px,1180px)}
 .nav-links>a:not(.signin){display:none}
 .hero{padding:70px 0 76px}
 .answer-grid,.section-grid{grid-template-columns:1fr;gap:30px}
 .answer p{font-size:20px}
 .section{padding:70px 0}
 .related{grid-template-columns:1fr}
 .comparison{font-size:13px}
 .comparison th,.comparison td{padding:13px 10px}
 .footer-grid{grid-template-columns:1fr}
}