.prog-seo-page{--prog-max: 58rem;--prog-teal: #20c997;--prog-sky: #0ea5e9;--prog-indigo: #6366f1;--prog-ink: #0f172a;--prog-glass: rgba(255, 255, 255, .78);position:relative;overflow-x:clip;isolation:isolate}.prog-seo-bg{position:absolute;inset:0;min-height:100%;pointer-events:none;z-index:0;overflow:hidden}.prog-seo-bg__mesh{position:absolute;inset:-20%;opacity:.55;background:radial-gradient(ellipse 80% 50% at 15% 20%,rgba(32,201,151,.18),transparent 55%),radial-gradient(ellipse 70% 45% at 85% 15%,rgba(14,165,233,.16),transparent 50%),radial-gradient(ellipse 60% 40% at 70% 85%,rgba(99,102,241,.12),transparent 45%),linear-gradient(165deg,#f8fafcf2,#f1f5f999,#ffffffe6);animation:progMeshDrift 22s ease-in-out infinite alternate}.prog-seo-bg__grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(to right,rgba(15,23,42,.4) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.4) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 78%);mask-image:linear-gradient(to bottom,black 0%,transparent 78%)}.prog-seo-bg__orb{position:absolute;border-radius:50%;filter:blur(52px);animation:progOrbFloat 14s ease-in-out infinite}.prog-seo-bg__orb--1{width:min(42vw,320px);height:min(42vw,320px);top:-8%;right:-5%;background:#20c99759;animation-delay:0s}.prog-seo-bg__orb--2{width:min(38vw,280px);height:min(38vw,280px);bottom:12%;left:-8%;background:#0ea5e947;animation-delay:-4s}.prog-seo-bg__orb--3{width:min(28vw,200px);height:min(28vw,200px);top:42%;left:35%;background:#6366f133;animation-delay:-7s}@keyframes progMeshDrift{0%{transform:translate(0) scale(1)}to{transform:translate(-2%,1.5%) scale(1.03)}}@keyframes progOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(12px,-18px) scale(1.06)}66%{transform:translate(-16px,10px) scale(.96)}}.prog-seo-hero{position:relative;z-index:1;padding:clamp(2.25rem,6vw,3.75rem) clamp(1rem,4vw,1.5rem) clamp(3rem,8vw,4.25rem);border-bottom:1px solid rgba(148,163,184,.12)}.prog-seo-hero__inner{position:relative;max-width:var(--prog-max);margin:0 auto;padding:clamp(1.35rem,3.5vw,2rem) clamp(1.15rem,3vw,1.75rem);border-radius:22px;background:linear-gradient(155deg,#fffffff0,#f8fafcd1 48%,#ffffffe6);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);border:1px solid rgba(255,255,255,.95);box-shadow:0 4px 32px #0f172a0f,0 0 0 1px #20c9971a,0 1px #fff inset,0 -20px 60px #0ea5e90d inset;transform-style:preserve-3d;animation:progHeroRise .85s cubic-bezier(.22,1,.36,1) backwards}.prog-seo-hero__inner:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(125deg,#20c99773,#0ea5e959 40%,#6366f140 70%,#20c99733);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65;animation:progBorderGlow 8s ease-in-out infinite alternate}.prog-seo-hero__shine{position:absolute;top:-40%;right:-15%;width:min(55%,280px);height:140%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.5) 45%,transparent 70%);transform:rotate(-12deg) translateZ(0);pointer-events:none;animation:progHeroShine 6s ease-in-out infinite}@keyframes progHeroRise{0%{opacity:0;transform:translateY(18px) rotateX(4deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes progBorderGlow{0%{opacity:.45;filter:hue-rotate(0deg)}to{opacity:.75;filter:hue-rotate(12deg)}}@keyframes progHeroShine{0%,to{opacity:.35;transform:rotate(-12deg) translate(0)}50%{opacity:.55;transform:rotate(-12deg) translate(-12px)}}.prog-seo-hero h1{position:relative;font-size:clamp(1.85rem,4.2vw,2.55rem);line-height:1.15;font-weight:800;letter-spacing:-.035em;margin:0 0 .85rem;color:var(--prog-ink);background:linear-gradient(118deg,#0f172a,#0f766e 38%,#0369a1 72%,#0f172a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:progTitleGradient 10s ease-in-out infinite alternate;filter:drop-shadow(0 2px 14px rgba(32,201,151,.12))}@keyframes progTitleGradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.prog-seo-hero .prog-lead{position:relative;font-size:1.06rem;line-height:1.68;color:var(--color-muted, #475569);max-width:52ch;margin:0}.prog-seo-body,article.prog-seo-body{position:relative;z-index:1;max-width:var(--prog-max);margin:-1.75rem auto 0;padding:clamp(1.75rem,4vw,2.35rem) clamp(1.15rem,3.5vw,1.65rem) clamp(2.75rem,5vw,3.75rem);border-radius:22px;background:linear-gradient(180deg,#ffffffe0,#f8fafceb);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border:1px solid rgba(148,163,184,.18);box-shadow:0 28px 80px #0f172a14,0 0 0 1px #ffffffd9 inset,0 -1px #20c9970f inset;animation:progBodyRise .75s cubic-bezier(.22,1,.36,1) .12s backwards}@keyframes progBodyRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.prog-seo-body p{margin-bottom:1rem;line-height:1.72;color:var(--color-text-secondary, #334155)}.prog-seo-body a:not(.prog-tile):not([class*=prog-cta]){color:#0284c7;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(14,165,233,.35);transition:color .2s,border-color .2s}.prog-seo-body a:not(.prog-tile):not([class*=prog-cta]):hover{color:#0d9488;border-color:#20c9978c}.prog-seo-body h2{position:relative;font-size:clamp(1.05rem,2.2vw,1.22rem);font-weight:700;letter-spacing:-.02em;margin:2rem 0 1rem;padding-bottom:.5rem;color:var(--prog-ink)}.prog-seo-body h2:after{content:"";position:absolute;left:0;bottom:0;width:3rem;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--prog-teal),var(--prog-sky));box-shadow:0 2px 12px #20c99759}.prog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.75rem;perspective:1400px}.prog-grid--tiles{margin-top:.25rem}.prog-tile{position:relative;display:block;padding:.78rem .95rem .78rem 1.65rem;border-radius:14px;text-decoration:none;font-size:.9rem;font-weight:600;letter-spacing:-.01em;color:var(--prog-ink);border:1px solid rgba(148,163,184,.22);background:linear-gradient(145deg,#fffffff2,#f1f5f9bf);box-shadow:0 2px 8px #0f172a0a,0 1px #ffffffe6 inset;transform-style:preserve-3d;transform:translateZ(0);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,border-color .25s ease,background .25s ease;animation:progTileReveal .55s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--tile-i, 0) * 28ms);overflow:hidden}.prog-tile:before{content:"";position:absolute;left:.65rem;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:linear-gradient(135deg,var(--prog-teal),var(--prog-sky));box-shadow:0 0 14px #20c99773}.prog-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translate(-100%);transition:transform .55s ease;pointer-events:none}.prog-tile:hover{transform:translateY(-6px) rotateX(5deg) scale(1.02);border-color:#20c99773;box-shadow:0 18px 36px #20c99724,0 10px 28px #0ea5e91a,0 0 0 1px #0ea5e91f inset;background:linear-gradient(145deg,#fff,#f0fdfae6)}.prog-tile:hover:after{transform:translate(100%)}.prog-tile:focus-visible{outline:none;box-shadow:0 0 0 3px #fffffff2,0 0 0 6px #20c99773}@keyframes progTileReveal{0%{opacity:0;transform:translateY(14px) rotateX(-8deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.prog-cta-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem;padding-top:.25rem}.prog-cta-row a{display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;padding:.65rem 1.35rem;border-radius:12px;font-weight:700;font-size:.9rem;letter-spacing:-.01em;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.prog-cta-row a.prog-cta--primary{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#14b8a6,#20c997 35%,#0ea5e9);background-size:200% auto;border:none;box-shadow:0 10px 32px #20c99759,0 2px #ffffff40 inset;animation:progCtaGradient 5s ease infinite alternate}.prog-cta-row a.prog-cta--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-120%);transition:transform .6s ease}.prog-cta-row a.prog-cta--primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 44px #0ea5e959,0 2px #ffffff4d inset}.prog-cta-row a.prog-cta--primary:hover:after{transform:translate(120%)}@keyframes progCtaGradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.prog-cta-row a.prog-cta--ghost{color:var(--prog-ink);border:1px solid rgba(148,163,184,.35);background:#ffffffa6;box-shadow:0 2px 12px #0f172a0a}.prog-cta-row a.prog-cta--ghost:hover{transform:translateY(-2px);border-color:#20c99766;background:#fffffff2;box-shadow:0 8px 24px #20c9971a}.prog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;width:-moz-fit-content;width:fit-content;max-width:100%;margin-bottom:1.15rem;padding:.42rem .85rem;font-size:.78rem;font-weight:500;color:var(--color-muted, #64748b);border-radius:999px;background:#ffffffb8;border:1px solid rgba(148,163,184,.2);box-shadow:0 2px 10px #0f172a0a;animation:progFadeIn .6s ease .08s backwards}.prog-breadcrumb a{color:#0d9488;text-decoration:none;font-weight:600;transition:color .2s}.prog-breadcrumb a:hover{color:#0284c7;text-decoration:underline;text-underline-offset:3px}@keyframes progFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.prog-seo-bg__mesh,.prog-seo-bg__orb,.prog-seo-hero__inner:before,.prog-seo-hero__shine,.prog-seo-hero h1,.prog-cta-row a.prog-cta--primary{animation:none!important}.prog-seo-hero h1{color:var(--prog-ink);background:none;-webkit-text-fill-color:currentColor;filter:none}.prog-seo-hero__inner,.prog-seo-body,article.prog-seo-body,.prog-tile,.prog-breadcrumb{animation:none!important;opacity:1!important;transform:none!important}.prog-tile{animation-delay:0s!important}.prog-tile:hover,.prog-cta-row a.prog-cta--primary:hover,.prog-cta-row a.prog-cta--ghost:hover{transform:none}}@media(max-width:480px){.prog-seo-body,article.prog-seo-body{margin-left:.5rem;margin-right:.5rem;padding-left:1rem;padding-right:1rem}.prog-grid{grid-template-columns:1fr}}