.cmp-hero{padding:60px 0 48px}.cmp-hero__grid{align-items:center;gap:48px;display:flex}.cmp-hero__text{flex:1;max-width:560px}.cmp-hero__text h1{color:#1a1a2e;margin:0 0 16px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}.cmp-hero__text p{color:#4a5568;margin:0 0 28px;font-size:17px;line-height:1.7}.cmp-hero__actions{flex-wrap:wrap;gap:14px;display:flex}.cmp-hero__img{flex:1;max-width:480px}.cmp-hero__img img{filter:drop-shadow(0 16px 40px #369fff26);border-radius:16px;width:100%;height:auto}.cmp-layout{gap:40px;padding:0 0 60px;display:flex}.cmp-content{color:#4a4a68;flex:1;min-width:0;font-size:16.5px;line-height:1.85}.cmp-sidebar{flex-shrink:0;width:240px}.cmp-sidebar__inner{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;max-height:calc(100vh - 120px);padding:20px;position:sticky;top:100px;overflow-y:auto}.cmp-sidebar__title{color:#1a1a2e;border-bottom:2px solid #1a6fca;margin:0 0 14px;padding-bottom:10px;font-size:14px;font-weight:700}.cmp-sidebar__nav .toc-item{margin-bottom:2px}.cmp-sidebar__nav a{color:#4a5568;border-inline-start:3px solid #0000;border-radius:6px;padding:5px 10px;font-size:13px;line-height:1.5;text-decoration:none;transition:all .2s;display:block}.cmp-sidebar__nav a:hover,.cmp-sidebar__nav a.current{color:#1a6fca;background:#e8f4fd;border-inline-start-color:#1a6fca}.cmp-content h2{color:#1a1a2e;margin:48px 0 18px;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.3}.cmp-content h2:first-child{margin-top:0}.cmp-content h3{color:#1a1a2e;margin:28px 0 10px;font-size:19px;font-weight:700}.cmp-content p{margin:0 0 18px}.cmp-content p:last-child{margin-bottom:0}.cmp-content ul,.cmp-content ol{margin:0 0 18px;padding-inline-start:24px}.cmp-content li{margin-bottom:8px}.cmp-content a{color:#1a6fca;text-underline-offset:2px;text-decoration:underline}.cmp-content a:hover{color:#1a7de8}.cmp-content strong{color:#1a1a2e}.cmp-content blockquote{color:#1e3a5f;background:#f8fafc;border-left:4px solid #1a6fca;border-radius:0 10px 10px 0;margin:24px 0;padding:18px 24px;font-size:15px;font-style:normal;line-height:1.7}.cmp-h2-wrap{align-items:center;gap:14px;margin:48px 0 18px;display:flex}.cmp-h2-wrap:first-child{margin-top:0}.cmp-h2-wrap img{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;width:40px;height:40px;padding:3px}.cmp-h2-wrap h2{color:#1a1a2e;margin:0;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.3}.cmp-bread{color:#999;padding:16px 0 0;font-size:13px}.cmp-bread a{color:#1a6fca;text-decoration:none}.cmp-bread a:hover{text-decoration:underline}.cmp-bread span{color:#ccc;margin:0 6px}.cmp-cta{text-align:center;background:linear-gradient(135deg,#1a6fca,#1a7de8);border-radius:16px;max-width:100%;margin:0 0 60px;padding:48px 36px}.cmp-cta h2{color:#fff;margin:0 0 12px;font-size:clamp(24px,3vw,32px);font-weight:700}.cmp-cta p{color:#ffffffd9;margin:0 0 28px;font-size:16px;line-height:1.6}.cmp-cta__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cmp-cta__btn{border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cmp-cta__btn--solid{color:#1a6fca;background:#fff}.cmp-cta__btn--solid:hover{background:#f0f7ff;transform:translateY(-2px)}.cmp-cta__btn--outline{color:#fff;background:0 0}.cmp-cta__btn--outline:hover{color:#1a6fca;background:#fff}@media (max-width:991px){.cmp-hero__grid{text-align:center;flex-direction:column;gap:32px}.cmp-hero__text{max-width:100%}.cmp-hero__actions{justify-content:center}.cmp-hero__img{max-width:100%}.cmp-sidebar{display:none}.cmp-layout{gap:0}}@media (max-width:600px){.cmp-hero{padding:36px 0 28px}.cmp-hero__text h1{font-size:24px}.cmp-hero__text p{font-size:15px}.cmp-hero__actions{flex-direction:column;align-items:center}.cmp-content h2{margin:36px 0 14px;font-size:20px}.cmp-content h3{font-size:17px}.cmp-content p,.cmp-content li{font-size:15px}.cmp-h2-wrap{gap:10px;margin:36px 0 14px}.cmp-h2-wrap img{width:32px;height:32px}.cmp-h2-wrap h2{font-size:20px}.cmp-cta{border-radius:12px;padding:32px 20px}.cmp-cta h2{font-size:22px}.cmp-cta__actions{flex-direction:column;align-items:center}.cmp-cta__btn{width:100%;max-width:260px}}[dir=rtl] .cmp-hero__grid{flex-direction:row-reverse}[dir=rtl] .cmp-content{text-align:right;direction:rtl}[dir=rtl] .cmp-content blockquote{border-left:none;border-right:4px solid #1a6fca;border-radius:10px 0 0 10px}[dir=rtl] .cmp-logo{flex-direction:row-reverse}[dir=rtl] .cmp-bread{text-align:right;direction:rtl}@media (max-width:991px){[dir=rtl] .cmp-hero__grid{flex-direction:column}}