.kran-policy { max-width: 1180px; margin: 50px auto; padding: 0 20px; font-family: inherit; color: #242424; } .kran-policy-card { background: #ffffff; border: 1px solid #e5e1da; border-radius: 16px; overflow: hidden; } /* HEADER */ .kran-policy-header { padding: 60px 30px 50px; text-align: center; background: #f6f3ed; } .kran-policy-eyebrow { display: inline-block; padding: 8px 14px; border: 1px solid #d8d1c6; border-radius: 30px; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; } .kran-policy-header h1 { margin: 0 0 16px; font-size: 36px; line-height: 1.2; font-weight: 600; } .kran-policy-intro { max-width: 800px; margin: 0 auto; color: #5f5f5f; font-size: 16px; line-height: 1.7; } /* HIGHLIGHTS */ .kran-policy-highlights { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #e5e1da; border-bottom: 1px solid #e5e1da; } .kran-policy-highlight { padding: 28px 24px; text-align: center; border-right: 1px solid #e5e1da; } .kran-policy-highlight:last-child { border-right: none; } .kran-policy-highlight strong { display: block; font-size: 28px; line-height: 1.2; margin-bottom: 8px; } .kran-policy-highlight span { color: #666666; font-size: 14px; } /* CONTENT */ .kran-policy-content { padding: 50px; } .kran-policy-section { margin-bottom: 48px; } .kran-policy-section:last-child { margin-bottom: 0; } .kran-policy-section h2 { margin: 0 0 18px; font-size: 23px; line-height: 1.35; font-weight: 600; } .kran-policy-section h3 { margin: 28px 0 12px; font-size: 17px; line-height: 1.4; font-weight: 600; } .kran-policy-section p { margin: 0 0 14px; color: #555555; font-size: 15px; line-height: 1.75; } .kran-policy-section a { color: #242424; text-decoration: underline; text-underline-offset: 3px; } /* COMPANY GRID */ .kran-company-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 24px; } .kran-company-item { padding: 22px; background: #faf9f6; border: 1px solid #e6e2db; border-radius: 12px; } .kran-company-item strong { display: block; margin-bottom: 8px; font-size: 14px; color: #242424; } .kran-company-item span { color: #555555; font-size: 15px; line-height: 1.6; } /* CONTACT BOX */ .kran-contact-box { padding: 30px; background: #f6f3ed; border-radius: 12px; margin-top: 24px; } .kran-contact-box h3 { margin: 0 0 18px; font-size: 20px; } .kran-contact-box p { margin-bottom: 14px; } .kran-contact-box p:last-child { margin-bottom: 0; } /* SERVICE BOX */ .kran-service-box { padding: 28px; background: #faf9f6; border: 1px solid #e6e2db; border-radius: 12px; margin-top: 24px; } .kran-service-box strong { display: block; margin-bottom: 8px; font-size: 16px; } .kran-service-box p { margin: 0; } /* CTA */ .kran-contact-cta { display: inline-block; margin-top: 14px; padding: 13px 22px; background: #242424; color: #ffffff !important; text-decoration: none !important; border-radius: 8px; font-size: 14px; font-weight: 600; transition: opacity 0.2s ease; } .kran-contact-cta:hover { opacity: 0.85; } /* LEGAL NOTE */ .kran-policy-note { margin-top: 40px; padding-top: 24px; border-top: 1px solid #e5e1da; color: #777777; font-size: 13px; line-height: 1.7; } /* RESPONSIVE */ @media (max-width: 900px) { .kran-policy-highlights { grid-template-columns: 1fr; } .kran-policy-highlight { border-right: none; border-bottom: 1px solid #e5e1da; } .kran-policy-highlight:last-child { border-bottom: none; } .kran-company-grid { grid-template-columns: 1fr; } .kran-policy-content { padding: 40px 30px; } } @media (max-width: 749px) { .kran-policy { margin: 30px auto; padding: 0 14px; } .kran-policy-header { padding: 45px 22px 38px; } .kran-policy-header h1 { font-size: 30px; } .kran-policy-intro { font-size: 15px; } .kran-policy-content { padding: 32px 22px; } .kran-policy-section { margin-bottom: 38px; } .kran-policy-section h2 { font-size: 21px; } .kran-policy-highlight strong { font-size: 24px; } }