.compat-page{--ink:#17211d;--green:#1f5d48;--lime:#cde86b;--sand:#f3efe4;--paper:#fffdf8;color:var(--ink);overflow:hidden}.compat-hero{padding:95px 0 85px;background:radial-gradient(circle at 78% 25%,#d9efb8 0,transparent 23%),linear-gradient(135deg,#f7f4e9,#e8eee2)}.compat-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.compat-kicker,.compat-heading>span,.scenario-copy>span,.measure-card>div>span{color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.compat-hero h1{max-width:760px;margin:20px 0;color:var(--ink);font-size:clamp(3.4rem,6vw,6.5rem);line-height:.96;letter-spacing:-.07em}.compat-hero h1 em{color:var(--green);font-style:normal}.compat-lead{max-width:680px;color:#59645e;font-size:1rem}.compat-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.compat-primary{background:var(--green)!important;color:#fff!important}.compat-secondary{color:var(--green);font-size:.78rem;font-weight:900}.compat-dial{display:grid;place-items:center;min-height:430px;border:1px solid #aabca6;border-radius:48% 48% 12% 12%;background:var(--paper);box-shadow:25px 30px 0 #cde86b}.compat-dial>div{text-align:center}.compat-dial span,.compat-dial strong,.compat-dial b{display:block}.compat-dial span{color:#718076;font-size:.7rem;text-transform:uppercase}.compat-dial strong{color:var(--green);font:900 7rem/1 Manrope}.compat-dial b{color:#718076}.compat-dial ul{display:flex;gap:7px;padding:0;list-style:none}.compat-dial li{padding:7px 10px;border-radius:99px;background:#eef3e8;font-size:.62rem;font-weight:800}.compat-checks{padding-top:105px;padding-bottom:110px}.compat-heading{display:grid;grid-template-columns:.55fr 1fr;gap:8px 60px;align-items:end}.compat-heading>span{grid-row:1/3}.compat-heading h2{margin:0;font-size:clamp(2.4rem,4vw,4.4rem);letter-spacing:-.05em}.compat-heading p{grid-column:2;margin:0;color:#667068}.compat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:48px}.compat-grid article{padding:34px;border:1px solid #dce1d8;border-radius:18px;background:var(--paper)}.compat-grid b{color:#a7bd46;font:900 1.8rem Manrope}.compat-grid h3{margin:22px 0 8px;font-size:1.25rem}.compat-grid p{margin:0;color:#687169;font-size:.82rem}.compat-scenarios{padding:95px 0;background:var(--ink);color:#fff}.compat-scenarios>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.scenario-copy h2{margin:16px 0;font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.05em}.scenario-copy p{color:#aebbb4}.scenario-list{display:grid;gap:10px}.scenario-list article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff08}.scenario-list i{display:grid;width:50px;height:50px;place-items:center;border-radius:12px;background:var(--lime);color:var(--ink);font-style:normal;font-weight:900}.scenario-list h3{margin:2px 0 5px}.scenario-list p{margin:0;color:#aebbb4;font-size:.78rem}.compat-measure{padding-top:100px;padding-bottom:110px}.measure-card{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;padding:45px;border-radius:28px;background:var(--sand)}.measure-card h2{margin:12px 0 0;font-size:2rem}.measure-card ul{margin:0;padding-left:20px;color:#5f685f;font-size:.8rem}.measure-card li+li{margin-top:7px}.measure-note{margin:22px 0 0;padding:20px;border-left:4px solid var(--lime);color:#657067;font-size:.8rem}@media(max-width:900px){.compat-hero-grid,.compat-scenarios>.container{grid-template-columns:1fr}.compat-dial{min-height:330px}.compat-heading{grid-template-columns:1fr}.compat-heading>span,.compat-heading p{grid-column:auto;grid-row:auto}.measure-card{grid-template-columns:1fr}}@media(max-width:600px){.compat-hero{padding:65px 0}.compat-hero h1{font-size:3.15rem}.compat-actions{align-items:flex-start;flex-direction:column}.compat-dial{box-shadow:12px 15px 0 #cde86b}.compat-grid{grid-template-columns:1fr}.compat-checks,.compat-measure{padding-top:70px;padding-bottom:75px}.compat-scenarios{padding:70px 0}.compat-scenarios>.container{gap:35px}.measure-card{padding:28px 22px}}
