.phero{position:relative;overflow:hidden;color:#fff;background:var(--navy) url("/media/tilanne_1800x620.jpg") center 45%/cover no-repeat;padding:92px 0 120px}
.phero p{font-size:19px;color:rgba(255,255,255,.9);max-width:640px}
.keys{position:relative;z-index:2;margin-top:-62px}
.keys ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:16px;box-shadow:0 18px 44px rgba(15,39,64,.12);overflow:hidden}
.keys li{padding:26px 26px 24px;border-left:1px solid var(--line)}
.keys li:first-child{border-left:0}
.keys b{display:block;font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:34px;line-height:1;color:var(--navy);margin-bottom:8px}
.keys b em{font-style:normal;color:var(--amber)}
.keys span{font-size:14px;color:var(--muted);line-height:1.45;display:block}
.intro-note{max-width:760px;margin:0 auto 0;text-align:center}
.sideTitle{display:flex;align-items:center;gap:18px;margin:0 0 30px}
.sideTitle .tag{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;color:#fff;background:var(--navy)}
.sideTitle.w .tag{background:var(--teal)}
.sideTitle h2{margin:0;font-size:30px}
.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.theme{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 26px 22px;display:flex;flex-direction:column}
.theme .ic{width:44px;height:44px;border-radius:12px;background:var(--navy);display:grid;place-items:center;margin-bottom:14px}
.theme .ic svg{width:22px;height:22px;stroke:var(--amber);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.theme h3{font-size:17px;font-weight:600;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.theme ul{list-style:none;display:grid;gap:14px}
.theme li b{display:block;font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:14.5px;color:var(--navy);margin-bottom:2px}
.theme li p{font-size:14.5px;color:#2a3744}
.src{display:block;margin-top:5px;font-size:12.5px;color:var(--muted)}
.src a{color:var(--teal);border-bottom:1px dotted rgba(31,122,140,.5)}
.src a:hover{color:var(--navy)}
.women{margin-top:64px}
.women .theme{border-color:rgba(31,122,140,.25)}
.women .theme .ic{background:var(--teal)}
.women .theme .ic svg{stroke:#fff}
.callout{margin-top:56px;background:var(--navy);color:#fff;border-radius:16px;padding:38px 40px;display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center;border-left:6px solid var(--amber)}
.callout h3{color:#fff;font-size:22px;margin-bottom:8px}
.callout p{color:rgba(255,255,255,.85);font-size:15.5px}
.callout .btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.cta{background:var(--teal);color:#fff;padding:72px 0}
.cta .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.cta h2{color:#fff;font-size:32px;margin-bottom:10px}
.cta p{color:rgba(255,255,255,.9);max-width:560px}
.cta .btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:900px){.keys ul{grid-template-columns:1fr 1fr}.keys li{border-left:0;border-top:1px solid var(--line)}.themes{grid-template-columns:1fr}.callout,.cta .wrap{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.menu{display:none}.phero h1{font-size:40px}.sec h2{font-size:30px}.cta .btns,.callout .btns{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}