.dir-content{padding:60px 0 60px 0;background:var(--c-bg,#F5F7FA)}
.dir-cg{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}
.dir-sidebar{position:sticky;top:88px;background:var(--c-surface,#fff);border:1px solid var(--c-border,#E3E8EF);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:2px}
.dir-sidebar a{display:block;font-size:13.5px;font-weight:500;color:var(--c-text-secondary,#5A6B7F);padding:9px 14px;border-radius:8px;transition:all .15s}
.dir-sidebar a:hover{background:var(--c-divider,#EEF1F6);color:var(--c-text,#1A1A1A)}
.dir-sidebar a.active{background:rgba(47,128,237,.07);color:var(--c-accent,#2F80ED);font-weight:600}
.dir-main{background:var(--c-surface,#fff);border:1px solid var(--c-border,#E3E8EF);border-radius:16px;padding:48px 44px}
.dir-mi{width:52px;height:52px;background:rgba(47,128,237,.07);border:1px solid rgba(47,128,237,.18);border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.dir-mi svg{width:22px;height:22px;stroke:var(--c-accent,#2F80ED);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dir-main h2{font-size:clamp(22px,2.5vw,28px);font-weight:800;color:var(--c-dark,#0F243D);letter-spacing:-.5px;margin-bottom:20px}
.dir-main p{font-size:15px;line-height:1.8;color:var(--c-text-secondary,#5A6B7F);margin-bottom:16px}
.dir-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.feat-card{background:var(--c-bg,#F5F7FA);border:1px solid var(--c-border,#E3E8EF);border-radius:12px;padding:20px 18px;transition:all .2s}
.feat-card:hover{border-color:var(--c-accent,#2F80ED);transform:translateY(-2px)}
.feat-card h4{font-size:13.5px;font-weight:700;color:var(--c-dark,#0F243D);margin-bottom:5px}
.feat-card p{font-size:12.5px;line-height:1.55;color:var(--c-text-muted,#8B97A8);margin:0}
.dir-cta-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0F243D,#1F3A5F);border-radius:12px;padding:24px 28px;margin-top:8px}
.dir-cta-strip h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}
.dir-cta-strip p{font-size:13.5px;color:rgba(255,255,255,.7);margin:0}
.dir-cta-btn{flex-shrink:0;display:inline-block;font-size:14px;font-weight:600;padding:11px 26px;background:var(--c-accent,#2F80ED);color:#fff;border-radius:9px;transition:all .2s;white-space:nowrap}
.dir-cta-btn:hover{background:#56A3FF;transform:translateY(-1px)}
@media(max-width:1024px){.dir-cg{grid-template-columns:180px 1fr;gap:24px}.dir-main{padding:32px 28px}}
@media(max-width:768px){.dir-cg{grid-template-columns:1fr}.dir-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.dir-feats{grid-template-columns:1fr}.dir-cta-strip{flex-direction:column;align-items:flex-start}}