@scope (.page-blog){.hero{position:relative;overflow:hidden;padding-top:180px;padding-bottom:100px;text-align:center}.hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(20,70,115,.5),transparent 60%),radial-gradient(ellipse 55% 45% at 50% 55%,rgba(32,121,141,.1),transparent 60%),radial-gradient(ellipse 40% 35% at 25% 70%,rgba(56,189,248,.04),transparent 50%),#0a1628;background-size:200% 200%;animation:gradient-shift 12s ease-in-out infinite;will-change:background-position;backface-visibility:hidden}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero__content{position:relative;z-index:1}.hero h1{font-size:clamp(36px,5.5vw,64px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;color:#fff}.hero p{font-size:clamp(17px,2vw,20px);color:rgba(255,255,255,.7);max-width:640px;margin:0 auto;line-height:1.7}.featured-post{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s;will-change:transform;backface-visibility:hidden}.featured-post:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,22,40,.1)}.featured-post__img{width:100%;height:100%;min-height:320px;background:linear-gradient(135deg,var(--blue),#1a5a94);display:flex;align-items:center;justify-content:center}.featured-post__img .material-icons-outlined{font-size:80px;color:rgba(255,255,255,.2)}.featured-post__body{padding:48px 48px 48px 0}.featured-post__tag{display:inline-block;padding:4px 14px;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:16px}.tag--technology{background:rgba(56,189,248,.12);color:#0369a1}.tag--pricing{background:rgba(245,158,11,.12);color:#b45309}.tag--case-study{background:rgba(34,197,94,.12);color:#15803d}.tag--operations{background:rgba(139,92,246,.12);color:#6d28d9}.tag--ai{background:rgba(236,72,153,.12);color:#be185d}.tag--strategy{background:rgba(20,70,115,.12);color:#0f3a5c}.tag--compliance{background:rgba(100,116,139,.12);color:#475569}.tag--product{background:rgba(56,189,248,.12);color:#0369a1}.tag--engagement{background:rgba(34,197,94,.12);color:#15803d}.tag--planning{background:rgba(139,92,246,.12);color:#6d28d9}.tag--news{background:rgba(245,158,11,.12);color:#b45309}.featured-post__body h2{font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.2;margin-bottom:16px;letter-spacing:-.01em}.featured-post__body p{font-size:17px;color:var(--muted);line-height:1.7;margin-bottom:20px}.featured-post__meta{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:16px}.featured-post__meta .material-icons-outlined{font-size:16px;vertical-align:middle;margin-right:4px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s;will-change:transform;backface-visibility:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(10,22,40,.1)}.blog-card__img{width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.blog-card__img .material-icons-outlined{font-size:48px;color:rgba(255,255,255,.25)}.blog-card__body{padding:28px;flex:1;display:flex;flex-direction:column}.blog-card__tag{display:inline-block;padding:3px 12px;border-radius:100px;font-size:12px;font-weight:600;margin-bottom:12px;width:fit-content}.blog-card__body h3{font-size:18px;font-weight:700;line-height:1.35;margin-bottom:8px}.blog-card__date{font-size:13px;color:var(--muted);margin-bottom:10px}.blog-card__excerpt{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:16px;flex:1}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;font-size:14px}.blog-card__read-time{color:var(--muted);display:flex;align-items:center;gap:4px}.blog-card__read-time .material-icons-outlined{font-size:16px}.blog-card__link{color:var(--accent);font-weight:600;display:flex;align-items:center;gap:4px;transition:gap .2s}.blog-card:hover .blog-card__link{gap:8px}.newsletter-cta{text-align:center;max-width:560px;margin:0 auto}.newsletter-cta h2{font-size:clamp(24px,3vw,36px);font-weight:800;margin-bottom:16px;letter-spacing:-.02em;color:#fff}.newsletter-cta p{font-size:17px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:32px}.newsletter-form{display:flex;gap:12px;max-width:480px;margin:0 auto}.newsletter-form input{flex:1;padding:14px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:15px;font-family:var(--font);outline:none;transition:border-color .2s}.newsletter-form input::placeholder{color:rgba(255,255,255,.4)}.newsletter-form input:focus{border-color:var(--accent)}.blog-card--skeleton{cursor:default;pointer-events:none;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.blog-card--skeleton .blog-card__img{aspect-ratio:16/9;background:rgba(15,23,42,.06)}.blog-card--skeleton .blog-card__body{padding:24px;display:flex;flex-direction:column;gap:10px}.skeleton-bar{display:block;height:12px;border-radius:6px;background:rgba(15,23,42,.08)}.skeleton-bar--tag{width:80px;height:22px;border-radius:999px;margin-bottom:4px}.skeleton-bar--title{height:18px;width:92%}.skeleton-bar--title-short{height:18px;width:68%;margin-bottom:6px}.skeleton-bar--date{width:40%;margin-bottom:6px}.skeleton-bar--line{width:100%}.skeleton-bar--line-short{width:72%}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6) 50%,transparent);transform:translateX(-100%);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skeleton-shimmer:after{animation:none}}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:56px;flex-wrap:wrap}.pagination__btn,.pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#fff;color:rgba(15,23,42,.7);font-size:14px;font-weight:500;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.pagination__btn:hover,.pagination__page:hover{background:rgba(15,23,42,.04);color:rgba(15,23,42,.95);border-color:rgba(15,23,42,.16)}.pagination__page.is-current{background:var(--blue,#1e6fbf);border-color:var(--blue,#1e6fbf);color:#fff;pointer-events:none}.pagination__btn.is-disabled{opacity:.35;pointer-events:none}.pagination__btn .material-icons-outlined{font-size:20px}.pagination__gap{display:inline-flex;align-items:center;justify-content:center;min-width:24px;color:rgba(15,23,42,.4);font-size:14px}@media (max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-post{grid-template-columns:1fr}.featured-post__body{padding:32px}.featured-post__img{min-height:240px}}@media (max-width:860px){.hero{padding-top:140px;padding-bottom:80px}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}}@media (max-width:480px){.hero{padding-top:120px;padding-bottom:60px}.featured-post__img{min-height:180px}}}