.frf2-resources, .frf2-resources * { box-sizing:border-box;} .frf2-resources { width:100% !important;max-width:none !important;margin:35px 0 !important;padding:0 !important;color:#243840;font-family:inherit;} .frf2-container { width:100% !important;max-width:1400px !important;margin:0 auto !important;padding:42px !important;background:linear-gradient( 135deg, #f4f9f7 0%, #edf6f3 50%, #f7faf9 100% ) !important;border:1px solid #dce9e5 !important;border-radius:24px !important;} .frf2-heading { width:100% !important;max-width:950px !important;margin:0 0 32px 0 !important;} .frf2-eyebrow { display:inline-block !important;margin:0 0 12px 0 !important;padding:7px 14px !important;background:#d9eee7 !important;color:#316b5d !important;border-radius:999px !important;font-size:13px !important;font-weight:700 !important;letter-spacing:0.04em !important;text-transform:uppercase !important;} .frf2-heading h2 { display:block !important;width:100% !important;margin:0 0 14px 0 !important;padding:0 !important;color:#213a45 !important;background:transparent !important;font-size:clamp(28px, 4vw, 42px) !important;line-height:1.15 !important;font-weight:750 !important;} .frf2-heading p { margin:0 !important;color:#60747b !important;font-size:17px !important;line-height:1.7 !important;} .frf2-cards { display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;justify-content:flex-start !important;width:100% !important;max-width:100% !important;gap:24px !important;margin:0 !important;padding:0 !important;} .frf2-card { position:relative !important;display:flex !important;flex-direction:row !important;flex:0 0 auto !important;width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;padding:30px !important;gap:24px !important;background:#ffffff !important;border:1px solid #d8e5e1 !important;border-radius:20px !important;box-shadow:0 10px 30px rgba(39, 70, 64, 0.07) !important;overflow:hidden !important;transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;} .frf2-card::before { content:"" !important;position:absolute !important;top:0 !important;bottom:0 !important;left:0 !important;width:5px !important;background:#6fb9a8 !important;} .frf2-card:hover { transform:translateY(-3px) !important;border-color:#b8d9cf !important;box-shadow:0 18px 40px rgba(39, 70, 64, 0.12) !important;} .frf2-icon { display:flex !important;align-items:center !important;justify-content:center !important;flex:0 0 62px !important;width:62px !important;height:62px !important;margin:0 !important;background:#e3f2ed !important;border-radius:16px !important;} .frf2-icon svg { width:30px !important;height:30px !important;fill:#397969 !important;} .frf2-content { display:flex !important;flex-direction:column !important;flex:1 1 auto !important;width:auto !important;min-width:0 !important;} .frf2-label { display:inline-block !important;align-self:flex-start !important;margin:0 0 9px 0 !important;color:#4f7b70 !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;letter-spacing:0.06em !important;text-transform:uppercase !important;} .frf2-content h3 { display:block !important;width:100% !important;margin:0 0 12px 0 !important;padding:0 !important;color:#213a45 !important;background:transparent !important;font-size:24px !important;font-weight:750 !important;line-height:1.3 !important;} .frf2-content p { width:100% !important;margin:0 0 18px 0 !important;color:#60747b !important;font-size:15.5px !important;line-height:1.65 !important;} .frf2-content ul { display:block !important;width:100% !important;list-style:none !important;margin:0 0 25px 0 !important;padding:0 !important;} .frf2-content ul li { position:relative !important;display:block !important;width:100% !important;margin:9px 0 !important;padding:0 0 0 25px !important;color:#3f555d !important;font-size:14.5px !important;line-height:1.45 !important;} .frf2-content ul li::before { content:"✓" !important;position:absolute !important;left:0 !important;top:0 !important;color:#4f9a87 !important;font-weight:800 !important;} .frf2-button { display:inline-flex !important;align-items:center !important;justify-content:space-between !important;align-self:flex-start !important;gap:20px !important;width:auto !important;min-width:250px !important;margin:auto 0 0 0 !important;padding:15px 19px !important;border:none !important;border-radius:12px !important;text-decoration:none !important;font-size:15px !important;font-weight:700 !important;line-height:1.2 !important;transition:background 0.2s ease, transform 0.2s ease !important;} .frf2-button-main { background:#4c9e89 !important;color:#ffffff !important;box-shadow:0 7px 18px rgba(76, 158, 137, 0.22) !important;} .frf2-button-main:hover { background:#3e8b78 !important;color:#ffffff !important;transform:translateY(-1px) !important;} .frf2-button-download { background:#e2f1ec !important;color:#2d6658 !important;} .frf2-button-download:hover { background:#d5ebe4 !important;color:#245448 !important;transform:translateY(-1px) !important;} .frf2-notice { display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:15px !important;width:100% !important;margin:26px 0 0 0 !important;padding:18px 20px !important;background:rgba( 255, 255, 255, 0.82 ) !important;border:1px solid #d7e7e2 !important;border-radius:14px !important;} .frf2-dot { flex:0 0 10px !important;width:10px !important;height:10px !important;margin-top:7px !important;background:#6fb9a8 !important;border-radius:50% !important;box-shadow:0 0 0 5px #e3f2ed !important;} .frf2-notice strong { color:#29474f !important;font-size:14px !important;} .frf2-notice p { margin:4px 0 0 0 !important;color:#65787e !important;font-size:13.5px !important;line-height:1.55 !important;} @media screen and (max-width:900px) { .frf2-container { padding:28px !important;border-radius:18px !important;} .frf2-cards { display:flex !important;flex-direction:column !important;} } @media screen and (max-width:600px) { .frf2-resources { margin:24px 0 !important;} .frf2-container { padding:22px 16px !important;} .frf2-card { display:flex !important;flex-direction:column !important;width:100% !important;padding:22px !important;} .frf2-icon { margin-bottom:2px !important;} .frf2-button { width:100% !important;min-width:0 !important;} } @media (prefers-reduced-motion:reduce) { .frf2-card, .frf2-card:hover, .frf2-button { transform:none !important;transition:none !important;} }