@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;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{width:min(100% - 112px,1180px);margin:0 auto}
.nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:32px 0}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:500;letter-spacing:-.025em;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:25px;font-size:13px}
.nav-links a{text-decoration:none;color:#4A463F;white-space:nowrap}
.nav-links .active{color:#1E201E;font-weight:400}
.nav-links .signin{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:6px;background:#2C4A3B;color:#FFFEFB;font-weight:400}
.hero{position:relative;overflow:hidden;min-height:760px;background:#F9F9F6;border-bottom:1px solid #E4E1D9}
.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 44% at 0 0,rgba(232,150,82,.13),transparent 70%),radial-gradient(60% 44% at 100% 0,rgba(232,150,82,.13),transparent 70%),radial-gradient(72% 48% at 50% 110%,rgba(232,150,82,.25),transparent 72%)}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center;padding:94px 0 110px}
h1{margin:0;font-size:clamp(58px,6.4vw,88px);font-weight:200;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.hero-copy{max-width:610px;margin:27px 0 0;color:#4A463F;font-size:20px;line-height:1.7;text-wrap:pretty}
.url-form{display:flex;gap:10px;margin-top:38px}
.url-form input{width:330px;min-width:0;padding:17px 20px;border:1px solid #E4E1D9;border-radius:10px;background:rgba(255,254,251,.86);font-family:inherit;font-size:15px;font-weight:300;outline:none}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:17px 23px;border:0;border-radius:9px;background:#2C4A3B;color:#FFFEFB;font-family:inherit;font-size:15px;font-weight:400;text-decoration:none;white-space:nowrap;cursor:pointer}
.text-link{display:inline-flex;margin-top:16px;color:#6E726B;font-size:13px;text-decoration:none}
.visual{position:relative;min-height:460px;border:1px solid #E4E1D9;border-radius:16px;background:#FFFEFB;overflow:hidden;box-shadow:0 28px 70px -42px rgba(30,32,30,.45)}
.visual-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #E4E1D9;font-size:12px;color:#6E726B}
.visual-body{position:relative;padding:22px}
.conversation{position:relative;margin-bottom:13px;padding:16px 17px;border:1px solid #E4E1D9;border-radius:10px;background:#F9F9F6}
.conversation.selected{border-color:#2C4A3B;background:#FFFEFB}
.conversation strong{display:block;padding-right:58px;font-size:13px;font-weight:400}
.conversation p{margin:7px 0 0;color:#6E726B;font-size:12.5px;line-height:1.5}
.score{position:absolute;right:13px;top:13px;color:#2C4A3B;font-size:11px}
.platforms{display:flex;gap:7px;margin-top:18px}
.platforms span{padding:6px 9px;border:1px solid #E4E1D9;border-radius:999px;color:#6E726B;font-size:10px}
.section{padding:108px 0;border-bottom:1px solid #E4E1D9}
.section.alt{background:#F9F9F6}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:92px;align-items:start}
.kicker{margin:0 0 18px;color:#A3A6A0;font-size:11px;letter-spacing:.11em;text-transform:uppercase}
h2{margin:0;font-size:clamp(40px,4.3vw,56px);font-weight:300;letter-spacing:-.032em;line-height:1.08;text-wrap:balance}
.section-copy{display:grid;gap:20px}
.section-copy>p{margin:0;color:#6E726B;font-size:17px;line-height:1.75}
.signal-grid,.step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.signal,.step{padding:22px;border:1px solid #E4E1D9;border-radius:10px;background:#FFFEFB}
.signal h3,.step h3{margin:0;font-size:17px;font-weight:400}
.signal p,.step p{margin:9px 0 0;color:#6E726B;font-size:14px;line-height:1.6}
.step b{display:block;margin-bottom:16px;color:#E89652;font-size:12px;font-weight:400}
.contrast{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contrast>div{padding:28px;border:1px solid #E4E1D9;border-radius:11px;background:#FFFEFB}
.contrast .old{color:#A3A6A0}
.contrast h3{margin:0;font-size:18px;font-weight:400}
.contrast p{margin:12px 0 0;font-size:15px;line-height:1.65}
.loop{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:34px}
.loop span{padding:17px 10px;border:1px solid #E4E1D9;border-radius:9px;background:#FFFEFB;text-align:center;font-size:13px}
.loop i{color:#E89652;text-align:center;font-style:normal}
.voice{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.voice>div{padding:22px;border:1px solid #E4E1D9;border-radius:10px;background:#FFFEFB}
.voice .edit{border-color:#2C4A3B}
.voice small{color:#A3A6A0}
.voice p{margin:12px 0 0;color:#4A463F;font-size:14px;line-height:1.65}
.closer{position:relative;overflow:hidden;padding:125px 0;text-align:center;background:#F9F9F6}
.closer:after{content:"";position:absolute;inset:auto 0 0;height:280px;background:radial-gradient(60% 100% at 50% 120%,rgba(232,150,82,.22),transparent 72%);pointer-events:none}
.closer-inner{position:relative;z-index:1}
.closer h2{max-width:16ch;margin:0 auto}
.closer p{max-width:550px;margin:20px auto 32px;color:#6E726B;font-size:16px;line-height:1.7}
.other-goal{display:inline-flex;margin-top:18px;color:#6E726B;font-size:13px}
.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}
@keyframes emberRise{0%{transform:translateY(40px) translateX(0);opacity:0}8%{opacity:var(--eo,.5)}60%{opacity:var(--eo,.5)}100%{transform:translateY(var(--ey,-1040px)) translateX(var(--ex,20px));opacity:0}}
@media(max-width:900px){
 .wrap{width:min(100% - 48px,1180px)}
 .hero-inner,.split{grid-template-columns:1fr;gap:48px}
 .hero{min-height:auto}
 .hero-inner{padding:70px 0 84px}
 .visual{min-height:410px}
}
@media(max-width:680px){
 .wrap{width:min(100% - 36px,1180px)}
 .nav{align-items:flex-start}
 .nav-links{gap:10px;flex-wrap:wrap;justify-content:flex-end}
 .nav-links a{font-size:11.5px}
 .nav-links .signin{min-height:36px;padding:0 12px}
 .brand{font-size:19px}
 .hero-inner{padding-top:54px}
 .url-form{flex-direction:column}
 .url-form input{width:100%}
 .section{padding:76px 0}
 .split{gap:34px}
 .signal-grid,.step-grid,.contrast,.voice{grid-template-columns:1fr}
 .loop{grid-template-columns:1fr}
 .loop i{transform:rotate(90deg)}
 .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}