.blog-detail{background:var(--h-surface)}.blog-detail__hero{isolation:isolate;overflow:hidden;padding:clamp(48px,7vw,88px) 0 clamp(40px,5vw,64px);position:relative}.blog-detail__bg{inset:0;pointer-events:none;position:absolute;z-index:-1}.blog-detail__bg-grid{background-image:linear-gradient(to right,rgba(var(--c-ink-rgb),.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--c-ink-rgb),.04) 1px,transparent 1px);background-size:56px 56px;inset:0;mask-image:radial-gradient(ellipse at 30% 30%,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 30% 30%,#000 30%,transparent 70%);position:absolute}.blog-detail__bg-glow{background:radial-gradient(circle,rgba(var(--c-primary-rgb),.18),transparent 60%);border-radius:50%;filter:blur(100px);height:460px;inset-inline-end:-100px;position:absolute;top:-180px;width:460px}.blog-detail__header{align-items:flex-start;display:flex;flex-direction:column;gap:20px;margin-top:24px;max-width:820px}.blog-detail__meta{color:var(--h-muted);flex-wrap:wrap;font-size:13px;font-weight:500;gap:8px}.blog-detail__meta,.blog-detail__tag{align-items:center;display:inline-flex}.blog-detail__tag{background:var(--h-secondary-soft);border-radius:999px;color:var(--h-secondary);font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:5px 12px;text-transform:uppercase}[dir=rtl] .blog-detail__tag{font-family:MadaniArabic-SemiBold,sans-serif;font-size:12px;letter-spacing:0;text-transform:none}.blog-detail__sep{color:var(--h-line)}.blog-detail__date,.blog-detail__read-time{color:var(--h-muted)}.blog-detail__title{color:var(--h-ink);font-family:var(--font-semi);font-size:clamp(2.25rem,4.2vw,3.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:0}[dir=rtl] .blog-detail__title{font-family:MadaniArabic-Bold,sans-serif;letter-spacing:0;line-height:1.25}.blog-detail__lede{color:var(--h-muted);font-size:clamp(1.0625rem,1.35vw,1.2rem);line-height:1.65;margin:0;max-width:60ch}[dir=rtl] .blog-detail__lede{font-family:MadaniArabic-Regular,sans-serif;line-height:1.8}.blog-detail__cover-wrap{padding-bottom:clamp(32px,5vw,56px)}.blog-detail__cover{aspect-ratio:21/9;background:var(--h-surface-2);border-radius:20px;box-shadow:0 2px 4px #0b0f140a,0 24px 56px -24px #0b0f1424;margin:0;overflow:hidden}@media(max-width:767.98px){.blog-detail__cover{aspect-ratio:16/9;border-radius:14px}}@media(max-width:479.98px){.blog-detail__cover{aspect-ratio:4/3;border-radius:12px}}.blog-detail__cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blog-detail__body{padding:clamp(32px,5vw,64px) 0 clamp(48px,7vw,96px)}.blog-detail__article{color:var(--h-ink-2);font-family:Inter,MadaniArabic-Regular,sans-serif;font-size:17px;line-height:1.85;margin:0 auto;max-width:740px}.blog-detail__article h1,.blog-detail__article h2,.blog-detail__article h3,.blog-detail__article h4{color:var(--h-ink);font-family:Inter,MadaniArabic-SemiBold,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:44px 0 16px}.blog-detail__article h2{font-size:clamp(1.5rem,2.4vw,1.875rem)}.blog-detail__article h3{font-size:clamp(1.25rem,2vw,1.5rem)}.blog-detail__article h4{font-size:1.125rem}.blog-detail__article p{margin:0 0 22px}.blog-detail__article a{color:var(--h-secondary);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .16s ease}.blog-detail__article a:hover{color:var(--h-primary)}.blog-detail__article blockquote{background:rgba(var(--c-secondary-rgb),.04);border-inline-start:4px solid var(--h-secondary);border-radius:0 14px 14px 0;color:var(--h-ink-2);font-size:18px;font-style:italic;line-height:1.7;margin:32px 0;padding:22px 28px}.blog-detail__article blockquote p{margin:0}[dir=rtl] .blog-detail__article blockquote{border-radius:14px 0 0 14px}.blog-detail__article img{border-radius:14px;display:block;margin:28px 0;width:100%}.blog-detail__article ol,.blog-detail__article ul{margin:0 0 22px;padding-inline-start:24px}.blog-detail__article li{line-height:1.75;margin-bottom:10px}.blog-detail__article b,.blog-detail__article strong{color:var(--h-ink);font-weight:600}.blog-detail__article em{font-style:italic}.blog-detail__article code{background:var(--h-surface-2);border:1px solid var(--h-line);border-radius:6px;color:var(--h-secondary);font-family:Fira Code,Consolas,monospace;font-size:.875em;padding:2px 7px}.blog-detail__article pre{background:var(--c-surface-dark);border-radius:14px;color:#e2e8f0;margin:28px 0;overflow-x:auto;padding:22px 24px}.blog-detail__article pre code{background:none;border:none;color:inherit;font-size:14px;padding:0}.blog-detail__article hr{border:none;border-top:1px solid var(--h-line);margin:44px 0}[dir=rtl] .blog-detail__article{font-family:MadaniArabic-Regular,sans-serif;line-height:1.95}[dir=rtl] .blog-detail__article h1,[dir=rtl] .blog-detail__article h2,[dir=rtl] .blog-detail__article h3,[dir=rtl] .blog-detail__article h4{font-family:MadaniArabic-SemiBold,sans-serif;letter-spacing:0;line-height:1.45}.blog-detail__suggestions{background:rgba(var(--c-secondary-rgb),.04);border:1px solid rgba(var(--c-secondary-rgb),.14);border-radius:16px;margin:56px auto 0;max-width:740px;padding:clamp(24px,3vw,36px)}.blog-detail__suggestions-head{align-items:flex-start;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.blog-detail__suggestions-title{color:var(--h-ink);font-family:var(--font-semi);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;margin:0}[dir=rtl] .blog-detail__suggestions-title{font-family:MadaniArabic-SemiBold,sans-serif}.blog-detail__suggestions-body{color:var(--h-muted);font-size:15.5px;line-height:1.75}.blog-detail__suggestions-body p{margin:0 0 14px}.blog-detail__suggestions-body p:last-child{margin:0}[dir=rtl] .blog-detail__suggestions-body{font-family:MadaniArabic-Regular,sans-serif;line-height:1.9}.blog-detail__related{background:var(--h-surface-2);border-top:1px solid var(--h-line);padding:clamp(56px,8vw,96px) 0}.blog-detail__related-head{display:flex;flex-direction:column;gap:10px;margin-bottom:clamp(28px,4vw,40px)}.blog-detail__related-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1023.98px){.blog-detail__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:479.98px){.blog-detail__related-grid{grid-template-columns:1fr}}.blog-detail__rcard{background:var(--h-surface);border:1px solid var(--h-line);border-radius:16px;box-shadow:0 1px 2px #0b0f140a,0 4px 12px #0b0f140a;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.blog-detail__rcard:hover{border-color:rgba(var(--c-ink-rgb),.12);box-shadow:0 2px 4px #0b0f140f,0 16px 40px -8px #0b0f141f;transform:translateY(-4px)}.blog-detail__rcard-cover{aspect-ratio:16/9;background:linear-gradient(135deg,#3b2bb8 0,var(--c-secondary) 60%,#0d0640 100%);flex-shrink:0;overflow:hidden}.blog-detail__rcard-cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.blog-detail__rcard:hover .blog-detail__rcard-cover img{transform:scale(1.04)}.blog-detail__rcard-fallback{color:#fff6;display:grid;height:100%;place-items:center;width:100%}.blog-detail__rcard-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px 22px 24px}.blog-detail__rcard-date{color:var(--h-muted);font-size:12px;font-weight:500}.blog-detail__rcard-title{color:var(--h-ink);display:-webkit-box;font-family:Inter,MadaniArabic-SemiBold,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em;-webkit-line-clamp:3;line-height:1.45;margin:0;-webkit-box-orient:vertical;overflow:hidden}[dir=rtl] .blog-detail__rcard-title{font-family:MadaniArabic-SemiBold,sans-serif;letter-spacing:0;line-height:1.6}.blog-detail__rcard-cta{align-items:center;color:var(--h-secondary);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:auto}[dir=rtl] .blog-detail__rcard-cta svg{transform:scaleX(-1)}.blog-detail__cta{padding:0 0 clamp(72px,9vw,120px)}.blog-detail__cta-card{align-items:center;background:var(--h-secondary);border-radius:20px;color:#fff;display:grid;gap:clamp(24px,4vw,40px);grid-template-columns:1fr auto;isolation:isolate;overflow:hidden;padding:clamp(32px,4vw,52px);position:relative}.blog-detail__cta-card:before{background:radial-gradient(480px 280px at 100% 0,rgba(var(--c-primary-rgb),.35),transparent 60%),radial-gradient(360px 200px at 0 100%,hsla(0,0%,100%,.03),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.blog-detail__cta-card:after{background-image:linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:40px 40px;content:"";inset:0;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 20%,transparent 65%);mask-image:radial-gradient(ellipse at 100% 0,#000 20%,transparent 65%);pointer-events:none;position:absolute}@media(max-width:767.98px){.blog-detail__cta-card{grid-template-columns:1fr}}.blog-detail__cta-copy{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.blog-detail__cta-copy .h-eyebrow{background:#ffffff1f;color:#ffffffe6}.blog-detail__cta-copy .h-eyebrow:before{background:var(--h-primary)}.blog-detail__cta-copy .h-h2{color:#fff;margin:0}.blog-detail__cta-copy .h-lede{color:#ffffffb8;margin:0;max-width:56ch}.blog-detail .h-btn{flex-shrink:0;position:relative;z-index:1}