.phero{position:relative;overflow:hidden;color:#fff;background:var(--navy) url("/media/saannot_1800x600.jpg") center 35%/cover no-repeat;padding:92px 0 96px}
.phero:before{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(15,39,64,.9) 0%,rgba(15,39,64,.72) 45%,rgba(15,39,64,.3) 100%)}
.phero p{font-size:19px;color:rgba(255,255,255,.9);max-width:620px}
.meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;font-size:14px;color:rgba(255,255,255,.8)}
.meta b{display:block;font-family:Poppins,Arial,sans-serif;font-size:15px;color:#fff;font-weight:600}
.toc{background:var(--bg);padding:56px 0}
.toc h2{font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--muted);margin-bottom:18px}
.toc ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.toc li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;gap:14px;align-items:center;font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:14.5px;color:var(--navy)}
.toc b{flex:0 0 42px;height:42px;border-radius:10px;background:var(--navy);color:var(--amber);display:grid;place-items:center;font-size:14px;font-weight:600}
.doc{padding:80px 0 96px}
.sheet{max-width:820px;margin:0 auto}
.docHead{text-align:center;margin-bottom:56px}
.docHead .kicker{font-family:Poppins,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.docHead h2{font-size:30px;font-weight:600}
.sec{display:grid;grid-template-columns:96px 1fr;gap:26px;padding:34px 0;border-top:1px solid var(--line)}
.sec:first-of-type{border-top:0;padding-top:0}
.num{font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:34px;line-height:1;color:var(--amber);padding-top:4px}
.num small{display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.06em;margin-top:6px}
.sec h3{font-size:19px;font-weight:600;margin-bottom:12px}
.sec p{margin-bottom:14px;color:#2a3744}
.sec p:last-child{margin-bottom:0}
.sec ol{margin:6px 0 16px 0;padding-left:0;list-style:none;counter-reset:li}
.sec ol li{position:relative;padding-left:40px;margin-bottom:8px;color:#2a3744}
.sec ol li:before{counter-increment:li;content:counter(li);position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:50%;background:var(--bg);color:var(--navy);font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:12.5px;display:grid;place-items:center;border:1px solid var(--line)}
.sub{background:var(--bg);border-radius:12px;padding:20px 22px 14px;margin:14px 0}
.sub h4{font-size:15px;font-weight:600;margin-bottom:10px;color:var(--navy)}
.sub ol{margin-bottom:6px}
.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){.toc ol{grid-template-columns:1fr}.sec{grid-template-columns:1fr;gap:8px}.cta .wrap{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.menu{display:none}.phero h1{font-size:40px}.cta .btns{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}