:root{--ink:#101a1b;--muted:#647173;--paper:#fff;--cream:#f3f1eb;--navy:#102f35;--lime:#c9e27e;--orange:#e98153;--line:#dbe1dc}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 28px}.nav{justify-content:space-between;align-items:center;height:82px;display:flex}.logo{align-items:center;display:inline-flex}.logo img{width:auto;height:26px;display:block}.links{color:#5d6b6c;gap:27px;font-size:14px;display:flex}.btn{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:12px 19px;font-family:inherit;font-size:14px;font-weight:800;display:inline-block}.outline{border:1px solid #aebbb6;border-radius:4px;padding:11px 19px;font-size:14px;font-weight:800;display:inline-block}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding:82px 0 100px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-size:11px;font-weight:850}h1{letter-spacing:-.09em;color:var(--navy);margin:18px 0 25px;font-size:clamp(51px,7vw,88px);line-height:.93}h1 em{color:#5d7f45;font-style:normal}.lead{max-width:620px;color:var(--muted);font-size:20px;line-height:1.45}.actions{flex-wrap:wrap;gap:13px;margin-top:30px;display:flex}.visual{background:var(--navy);height:420px;box-shadow:22px 22px 0 var(--lime);border-radius:13px;position:relative;overflow:hidden}.visual:before{content:"";border:1px solid #ffffff5c;border-radius:50%;width:470px;height:470px;position:absolute;top:-100px;left:-90px}.visual:after{content:"";background:var(--orange);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-58px;right:-45px}.ball{z-index:2;font-size:125px;position:absolute;top:15%;right:16%;transform:rotate(-18deg)}.vtext{z-index:3;color:#fff;letter-spacing:-.06em;font-size:27px;font-weight:900;line-height:1;position:absolute;bottom:12%;left:11%}.section{padding:85px 0}.soft{background:#e9f0e9}.head{justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px;display:flex}.head h2{color:var(--navy);letter-spacing:-.08em;max-width:670px;margin:0;font-size:clamp(36px,5vw,58px);line-height:1}.head p{max-width:420px;color:var(--muted)}.grid4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:245px;padding:25px}.soft .card{background:var(--cream)}.num{color:var(--orange);font-size:12px;font-weight:850}.card h3{letter-spacing:-.04em;color:var(--navy);margin:38px 0 9px;font-size:21px}.card p{color:var(--muted);margin:0}.split{grid-template-columns:1fr 1fr;gap:15px;display:grid}.panel{background:var(--navy);color:#fff;border-radius:10px;min-height:290px;padding:38px}.panel.alt{background:var(--lime);color:var(--ink)}.panel h3{letter-spacing:-.06em;margin:0 0 15px;font-size:32px;line-height:1}.panel p{color:#d3e2df}.panel.alt p{color:#55634f}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin-top:40px;display:grid}.step{border-right:1px solid var(--line);margin-right:18px;padding:23px 16px 0 0}.step:last-child{border:0}.step strong{color:var(--navy);font-size:19px}.step p{color:var(--muted);margin:7px 0;font-size:14px}.cta{background:var(--navy);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:30px;padding:48px;display:flex}.cta h2{letter-spacing:-.08em;max-width:700px;margin:0;font-size:clamp(35px,5vw,56px);line-height:1}.cta .btn{background:var(--lime);color:var(--ink)}footer{color:var(--muted);justify-content:space-between;padding:34px 0;font-size:13px;display:flex}@media (width<=820px){.links{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:58px 0 78px}.grid4{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:15px}.step{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.head{display:block}.head p{margin-top:18px}.cta{display:block}}@media (width<=480px){.wrap{padding:0 20px}.grid4{grid-template-columns:1fr}.visual{height:310px}.cta{padding:30px}}
