@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{position:relative;max-width:620px;margin:0 auto;padding:56px 52px 52px;text-align:center;border-radius:24px;background:radial-gradient(130% 150% at 50% -25%,rgba(56,189,248,.13),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 80px -44px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}.newsletter-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--accent),var(--blue-bright),transparent);opacity:.8}.newsletter-cta:after{content:"";position:absolute;top:-100px;right:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.16),transparent 70%);pointer-events:none}.newsletter-cta>*{position:relative;z-index:1}.newsletter-cta h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;margin:14px 0;letter-spacing:-.025em;line-height:1.08;color:#fff}.newsletter-sub{font-size:16.5px;color:rgba(255,255,255,.6);line-height:1.65;margin:0 auto 30px;max-width:440px}.newsletter-form{display:flex;gap:10px;max-width:470px;margin:0 auto}.newsletter-form input{flex:1;height:52px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font-size:15px;font-family:var(--font);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.newsletter-form input::placeholder{color:rgba(255,255,255,.38)}.newsletter-form input:focus{border-color:var(--accent);background:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(56,189,248,.15)}.newsletter-form .btn{height:52px;border-radius:14px;white-space:nowrap;box-shadow:0 10px 26px -10px rgba(56,189,248,.55);transition:transform .2s,box-shadow .2s}.newsletter-form .btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px -10px rgba(56,189,248,.7)}.newsletter-error{margin:14px auto 0;max-width:470px;font-size:13px;color:#fca5a5;text-align:center}.newsletter-thankyou{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:440px;margin:6px auto 0;text-align:center;animation:nl-rise .5s cubic-bezier(.2,.7,.2,1) both}.newsletter-thankyou .nl-badge{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:var(--accent);background:radial-gradient(circle at 50% 35%,rgba(56,189,248,.26),rgba(56,189,248,.06));border:1px solid rgba(56,189,248,.35);box-shadow:0 0 0 6px rgba(56,189,248,.06),0 12px 30px -10px rgba(56,189,248,.5);animation:nl-pop .55s cubic-bezier(.2,1.3,.4,1) both}.newsletter-thankyou .nl-badge .material-icons-outlined{font-size:30px}.newsletter-thankyou p{font-size:16px;color:rgba(255,255,255,.78);line-height:1.6;margin:0}.newsletter-thankyou p strong{color:#fff;font-weight:700}@keyframes nl-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes nl-rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:720px){.newsletter-form .btn{width:100%}}@media (max-width:600px){.newsletter-cta{padding:40px 24px 36px;border-radius:20px}}@media (prefers-reduced-motion:reduce){.newsletter-thankyou,.newsletter-thankyou .nl-badge{animation:none}}.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}}}