.roof-info-section{width:100%;padding:30px 0;background:#fff;box-sizing:border-box}.roof-info-section *{box-sizing:border-box}.roof-info-card{margin:0 auto;background:#fff;border-radius:18px;padding:50px 30px;border:1px solid #e5e8ec;box-shadow:0 12px 35px rgba(0,0,0,.08)}.roof-info-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:28px}.roof-info-heading h2{margin:0 0 10px;color:#061833;font-size:34px;line-height:1.05;font-weight:800;text-transform:uppercase}.roof-info-heading p{margin:0;max-width:680px;color:#222f3d;font-size:16px;line-height:1.55}.roof-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px}.roof-info-item{display:grid;grid-template-columns:46px 1fr 92px;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eef1f4}.roof-info-icon{width:60px;height:60px;color:#78b843;display:flex;align-items:center;justify-content:center}.roof-info-icon svg{width:48px;height:48px;stroke:currentColor}.roof-info-text h3{margin:0 0 5px;color:#061833;font-size:15px;line-height:1.2;font-weight:600;text-transform:uppercase}.roof-info-text p{margin:0;color:#26323f;font-size:13px;line-height:1.45;font-weight:500}.roof-info-image{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #f0f2f4;box-shadow:0 5px 14px rgba(0,0,0,.16);justify-self:end}.roof-info-image img{width:100%;height:100%;object-fit:cover}.roof-info-cta{margin-top:28px;background:#061833;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px}.roof-info-cta-icon{width:48px;height:48px;border:2px solid #78b843;border-radius:50%;color:#78b843;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roof-info-cta-icon svg{width:29px;height:29px;stroke:currentColor}.roof-info-cta p{margin:0;color:#fff;font-size:17px;line-height:1.45;font-weight:700}@media (max-width:899px){.roof-info-card{max-width:520px;padding:24px 18px}.roof-info-grid{grid-template-columns:1fr;gap:0}}@media (max-width:520px){.roof-info-section{padding:18px 10px}.roof-info-card{padding:38px 14px;border-radius:14px}.roof-info-header{gap:11px;margin-bottom:18px}.roof-info-heading h2{font-size:22px;line-height:1.08;margin-bottom:8px;text-align:center;font-weight:600}.roof-info-heading p{font-size:15px;line-height:1.45;text-align:center}.roof-info-item{grid-template-columns:34px 1fr 74px;gap:9px;padding:12px 0;align-items:center}.roof-info-icon{width:40px;height:40px}.roof-info-icon svg{width:36px;height:36px}.roof-info-text h3{font-size:16px;margin-bottom:3px}.roof-info-text p{font-size:14px;line-height:1.35}.roof-info-image{width:70px;height:70px;border-width:2px}.roof-info-cta{margin-top:16px;padding:14px 13px;border-radius:9px;gap:11px}.roof-info-cta-icon{width:38px;height:38px}.roof-info-cta-icon svg{width:23px;height:23px}.roof-info-cta p{font-size:12.5px;line-height:1.35}}.cs-section{background:#fff;padding:6px 0 40px!important;max-width:1140px!important;margin:0 auto;box-sizing:border-box}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border:none;border-radius:0;overflow:visible}.cs-card{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 8px 16px;text-align:center;box-sizing:border-box;border:1.5px solid #d6dae0;border-radius:10px;transition:background .15s}.cs-card:hover{background:#f5f8fb}.cs-icon{width:42px;height:42px;margin-bottom:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cs-icon svg{width:42px;height:42px;stroke:#68a746!important;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cs-label{font-size:11px;font-weight:600;color:#000;line-height:1.4;margin:0}.cs-card-wide{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;gap:14px;padding:18px 20px;text-align:left;border:1.5px solid #d6dae0;border-radius:10px;background:#f7f9fb}.cs-card-wide:hover{background:#eef2f6}.cs-card-wide .cs-icon{margin-bottom:0;width:48px;height:48px;flex-shrink:0}.cs-card-wide .cs-icon svg{width:48px;height:48px}.cs-card-wide .cs-label{font-size:12.5px;font-weight:700}@media (min-width:768px){.cs-section{padding:20px 0!important}.cs-card{padding:26px 14px 22px}.cs-icon{width:50px;height:50px}.cs-icon svg{width:50px;height:50px}.cs-label{font-size:12.5px}.cs-card-wide .cs-label{font-size:14px}.cs-card-wide .cs-icon{width:56px;height:56px}.cs-card-wide .cs-icon svg{width:56px;height:56px}}