
/* F7220 Custom Geometry Panels — v0.31a */
.f7220-main{background:#fff}
.f7220-hero,.f7220-engineering,.f7220-examples{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:center;padding:70px 5vw}
.f7220-hero{min-height:550px;background:linear-gradient(135deg,#fbfdfb,#f1f6f2);border-bottom:1px solid #e7ede8}
.f7220-page h1,.f7220-page h2{color:#182019;line-height:1.04;letter-spacing:-.035em;margin:12px 0 18px}
.f7220-page h1{font-size:clamp(40px,4.7vw,70px)}.f7220-page h2{font-size:clamp(32px,3.5vw,52px)}
.f7220-page p{font-size:17px;line-height:1.65;color:#4f5951}
.f7220-payoff{color:#ef8700;font-size:22px;font-weight:800;font-style:italic;margin-top:24px}
.f7220-media,.f7220-wide{overflow:hidden;border:1px solid #e1e7e2;border-radius:22px;background:#fff}
.f7220-media img,.f7220-wide img{display:block;width:100%;height:auto}
.f7220-heading{max-width:930px;margin:0 auto 42px;text-align:center}
.f7220-why,.f7220-family,.f7220-process{padding:82px 5vw}
.f7220-benefit-grid,.f7220-family-grid{width:min(1400px,100%);margin:auto;display:grid;gap:18px}
.f7220-benefit-grid{grid-template-columns:repeat(3,1fr)}
.f7220-benefit-grid article{border:1px solid #dfe7e1;border-radius:18px;background:#fff;padding:26px}
.f7220-benefit-grid span,.f7220-family-grid span{color:#ef8700;font-size:12px;font-weight:900;letter-spacing:.09em}
.f7220-benefit-grid h3,.f7220-family-grid h3{color:#006b35;font-size:22px;margin:9px 0 10px}
.f7220-benefit-grid p{font-size:15px;margin:0}
.f7220-family{background:#f7faf8;border-top:1px solid #e7ede8;border-bottom:1px solid #e7ede8}
.f7220-family-grid{grid-template-columns:repeat(3,1fr)}
.f7220-family-grid article{background:#fff;border:1px solid #dfe7e1;border-radius:18px;overflow:hidden}
.f7220-family-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}
.f7220-family-grid article>div{padding:22px}.f7220-family-grid h3{margin:8px 0}.f7220-family-grid p{font-size:15px;margin:0}
.f7220-engineering,.f7220-examples{width:min(1500px,100%);box-sizing:border-box;margin:auto;min-height:500px}
.f7220-process{background:#f7faf8;border-top:1px solid #e7ede8;border-bottom:1px solid #e7ede8}
.f7220-wide{width:min(1400px,100%);margin:auto}
.f7220-steps{width:min(1400px,100%);margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.f7220-steps>div{background:#fff;border:1px solid #dfe7e1;border-radius:16px;padding:20px}
.f7220-steps strong{color:#ef8700}.f7220-steps h3{color:#006b35;margin:7px 0}.f7220-steps p{font-size:14px;margin:0}
.f7220-examples{background:#fbfcfb}
.f7220-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:70px 7vw;background:#f7faf8;border-top:1px solid #e7ede8}
.f7220-actions{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap}
.f7220-actions a{display:inline-block;padding:14px 22px;border:1px solid #ef8700;border-radius:999px;color:#006b35;text-decoration:none;font-weight:900;background:#fff}
.f7220-close{padding:72px 7vw;background:linear-gradient(135deg,#0d2517,#153724);text-align:center}
.f7220-close .section-kicker{color:#a8c9ad}.f7220-close h2{max-width:1050px;margin:12px auto;color:#fff}
.f7220-return{width:min(1400px,92vw);margin:auto;padding:34px 0 52px}
@media(max-width:1050px){.f7220-hero,.f7220-engineering,.f7220-examples,.f7220-contact{grid-template-columns:1fr}.f7220-actions{justify-content:flex-start}}
@media(max-width:850px){.f7220-benefit-grid,.f7220-family-grid,.f7220-steps{grid-template-columns:1fr}}
