.compat-decision{padding:105px 0;background:#f3f6ee}.decision-intro{display:grid;grid-template-columns:.55fr 1fr;gap:8px 60px}.decision-intro>span,.plate-copy>span,.compat-geometry header>span,.load-copy>span,.install-heading>span,.use-heading>span,.final-check>span,.final-copy>span{color:#1f5d48;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.decision-intro>span{grid-row:1/3}.decision-intro h2,.plate-copy h2,.compat-geometry h2,.load-copy h2,.install-heading h2,.use-heading h2,.final-check h2,.final-copy h2{margin:0;color:#17211d;font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-.05em}.decision-intro p{grid-column:2;margin:0;color:#657068}.decision-matrix{display:grid;gap:7px;margin-top:45px}.decision-matrix article{display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:center;padding:20px 24px;background:#fff;border:1px solid #dce4d7}.decision-matrix article>b{display:grid;width:45px;height:45px;place-items:center;border-radius:50%;background:#cde86b;color:#17211d}.decision-matrix small{color:#789078;font-size:.58rem}.decision-matrix h3{margin:3px 0}.decision-matrix p{margin:0;color:#657068;font-size:.75rem}.decision-matrix article>span{padding:7px 9px;border-radius:99px;background:#e9f2df;color:#1f5d48;font-size:.57rem;font-weight:900}.compat-plate{padding:100px 0;background:#17211d;color:#fff}.compat-plate>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.plate-visual{padding:35px;border:8px solid #fff;border-radius:15px;background:#1f5d48;box-shadow:20px 20px 0 #cde86b}.plate-visual>span{display:block;padding-bottom:20px;border-bottom:1px solid #ffffff30;font-size:.65rem;letter-spacing:.14em}.plate-visual>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ffffff25}.plate-visual small{color:#b9d5c8}.plate-visual i{display:block;margin-top:20px;color:#dff58e;font-style:normal;font-weight:900}.plate-copy h2{margin:14px 0;color:#fff}.plate-copy p{color:#afc0b8}.compat-geometry{padding-top:105px;padding-bottom:110px}.compat-geometry header{max-width:900px}.compat-geometry h2{margin:14px 0}.compat-geometry header p{color:#657068}.geometry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-top:45px}.geometry-diagram{position:relative;min-height:390px;border:1px solid #cfd9ca;background-image:linear-gradient(#dce5d7 1px,transparent 1px),linear-gradient(90deg,#dce5d7 1px,transparent 1px);background-size:28px 28px}.boat-edge{position:absolute;top:60px;left:20%;width:55%;height:170px;border-left:8px solid #1f5d48;border-bottom:8px solid #1f5d48;transform:skewY(-12deg)}.boat-edge span,.hull-line span{position:absolute;padding:6px;background:#fff;color:#1f5d48;font-size:.62rem}.measure-arrow{position:absolute;top:60px;right:12%;height:240px;border-left:2px dashed #d0a700}.measure-arrow:before,.measure-arrow:after{content:'◆';position:absolute;left:-7px;color:#d0a700}.measure-arrow:after{bottom:-5px}.measure-arrow b{position:absolute;top:95px;left:12px;white-space:nowrap;color:#8a780d;font-size:.58rem}.hull-line{position:absolute;left:15%;right:10%;bottom:80px;border-top:3px solid #1f5d48}.geometry-content{display:grid;gap:10px}.geometry-content article{padding:24px;border-left:4px solid #cde86b;background:#f3f6ee}.geometry-content strong{color:#1f5d48}.geometry-content p{color:#657068;font-size:.77rem}.compat-load{padding:95px 0;background:#e8eddf}.compat-load>.container{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.load-copy h2{margin:14px 0}.load-copy p{color:#657068}.load-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bcc9b5}.load-map article{padding:27px;background:#fff}.load-map span,.load-map strong{display:block}.load-map span{color:#76916f;font-size:.6rem;font-weight:900}.load-map strong{margin:20px 0 8px}.load-map p{color:#657068;font-size:.74rem}.compat-install{padding-top:105px;padding-bottom:110px}.install-heading{max-width:850px}.install-heading h2{margin:14px 0}.install-heading p{color:#657068}.install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.install-grid article{padding:28px;border:1px solid #d9e1d4;border-radius:18px;background:#fffdf8}.install-grid i{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#1f5d48;color:#cde86b;font-style:normal;font-weight:900}.install-grid p{color:#657068;font-size:.77rem}.compat-use{padding:100px 0;background:#17211d;color:#fff}.use-heading{display:grid;grid-template-columns:.55fr 1fr;gap:8px 60px}.use-heading>span{grid-row:1/3;color:#cde86b}.use-heading h2{color:#fff}.use-heading p{grid-column:2;margin:0;color:#aebbb4}.use-table{margin-top:45px;border:1px solid #ffffff20}.use-row{display:grid;grid-template-columns:.55fr 1.15fr 1fr;gap:20px;padding:18px 22px;border-top:1px solid #ffffff16}.use-row.head{border-top:0;background:#ffffff0c;color:#cde86b;font-size:.62rem;font-weight:900;text-transform:uppercase}.use-row p{margin:0;color:#aebbb4;font-size:.75rem}.compat-final{padding:105px 0;background:#f3f6ee}.compat-final>.container{display:grid;grid-template-columns:1fr 1fr;gap:70px}.final-check h2,.final-copy h2{margin:14px 0}.final-check ol{padding-left:22px;color:#526159}.final-check li{padding:8px;border-bottom:1px solid #d4dfcf}.final-copy p{color:#657068}.compat-sources{padding:35px 0;background:#dce5d7}.compat-sources>.container{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center}.compat-sources p{margin:0;color:#536258;font-size:.72rem}.compat-sources a{display:block;color:#1f5d48;font-size:.7rem;font-weight:900}@media(max-width:900px){.decision-intro,.compat-plate>.container,.geometry-layout,.compat-load>.container,.use-heading,.compat-final>.container{grid-template-columns:1fr}.decision-intro>span,.decision-intro p,.use-heading>span,.use-heading p{grid-column:auto;grid-row:auto}.install-grid,.load-map{grid-template-columns:1fr 1fr}.compat-sources>.container{grid-template-columns:1fr}.use-row{grid-template-columns:1fr}}@media(max-width:600px){.compat-decision,.compat-plate,.compat-use,.compat-final{padding:70px 0}.compat-geometry,.compat-install{padding-top:70px;padding-bottom:75px}.decision-matrix article{grid-template-columns:45px 1fr}.decision-matrix article>span{grid-column:2}.install-grid,.load-map{grid-template-columns:1fr}.plate-visual{padding:22px;border-width:5px}.geometry-diagram{min-height:320px}}