.webdev-problem-stack{margin-inline:auto;padding:.25rem 0 0;position:relative;width:min(100%,24rem)}.webdev-problem-stack__cards{min-height:clamp(20rem,36vw,23rem);position:relative}.webdev-problem-stack__card{--stack-y:0px;--stack-scale:1;--stack-rotate:0deg;--stack-opacity:1;--stack-shadow:rgba(98,173,255,.18);background:radial-gradient(circle at 16% 0,hsla(0,0%,100%,.18),transparent 34%),linear-gradient(160deg,var(--problem-start),var(--problem-end));border:1px solid hsla(0,0%,100%,.12);border-radius:1.4rem;box-shadow:0 22px 54px #01061252,0 0 36px var(--stack-shadow),inset 0 1px #ffffff24;color:#fff;cursor:pointer;display:flex;flex-direction:column;inset:0 0 auto;justify-content:space-between;min-height:clamp(17rem,31vw,19rem);opacity:var(--stack-opacity);overflow:hidden;padding:clamp(1.15rem,3vw,1.45rem);position:absolute;text-align:left;transform:translate3d(0,var(--stack-y),0) scale(var(--stack-scale)) rotate(var(--stack-rotate));transform-origin:bottom center;transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .26s ease,box-shadow .26s ease,filter .26s ease;width:100%;will-change:transform,opacity}.webdev-problem-stack__card:before{background:linear-gradient(hsla(0,0%,100%,.055) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.045) 1px,transparent 0);background-size:28px 28px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(180deg,#000,transparent 82%);mask-image:linear-gradient(180deg,#000,transparent 82%);opacity:.45;pointer-events:none;position:absolute}.webdev-problem-stack__card:after{background:radial-gradient(90% 72% at 20% 0,hsla(0,0%,100%,.2),transparent 58%),linear-gradient(180deg,hsla(0,0%,100%,.09),transparent 42%);border-radius:inherit;content:"";top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;position:absolute}.webdev-problem-stack__card>*{position:relative;z-index:1}.webdev-problem-stack__card--message{--problem-start:#2463eb;--problem-end:#1c1f5c;--stack-shadow:rgba(96,165,250,.2)}.webdev-problem-stack__card--structure{--problem-start:#7e22ce;--problem-end:#4e124a;--stack-shadow:rgba(192,132,252,.2)}.webdev-problem-stack__card--speed{--problem-start:#e11d48;--problem-end:#581627;--stack-shadow:rgba(251,113,133,.2)}.webdev-problem-stack__card--focus{--problem-start:#059669;--problem-end:#0f494e;--stack-shadow:rgba(52,211,153,.2)}.webdev-problem-stack__card:not(.is-top){pointer-events:none}.webdev-problem-stack__card.is-top:hover{box-shadow:0 28px 64px #0106126b,0 0 44px var(--stack-shadow),inset 0 1px #ffffff2e;filter:brightness(1.04);transform:translate3d(0,calc(var(--stack-y) - 6px),0) scale(1.02) rotate(var(--stack-rotate))}.webdev-problem-stack__card:focus-visible{outline:2px solid rgba(148,242,255,.95);outline-offset:4px}.webdev-problem-stack__footer,.webdev-problem-stack__topline{align-items:center;display:flex;gap:1rem;justify-content:space-between}.webdev-problem-stack__icon{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.14);border-radius:1rem;box-shadow:inset 0 1px #ffffff1f;display:inline-flex;height:2.6rem;justify-content:center;width:2.6rem}.webdev-problem-stack__icon svg{fill:none;height:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.25rem}.webdev-problem-stack__icon--blue{color:#bfdbfe}.webdev-problem-stack__icon--violet{color:#e9d5ff}.webdev-problem-stack__icon--rose{color:#fecdd3}.webdev-problem-stack__icon--mint{color:#bbf7d0}.webdev-problem-stack__counter,.webdev-problem-stack__footer{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase}.webdev-problem-stack__counter{align-items:center;background:#00000029;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:#ffffffad;display:inline-flex;min-height:1.7rem;padding:.28rem .65rem;white-space:nowrap}.webdev-problem-stack__body{display:grid;gap:.65rem;padding-block:1.3rem}.webdev-problem-stack__body strong{font-family:var(--font-display);font-size:clamp(1.35rem,3.1vw,1.75rem);font-weight:700;letter-spacing:0;line-height:1.05;max-width:18ch}.webdev-problem-stack__body span{color:#ffffffdb;font-size:clamp(.88rem,1.4vw,.98rem);line-height:1.62;max-width:31ch}.webdev-problem-stack__footer{border-top:1px solid hsla(0,0%,100%,.12);color:#ffffff80;padding-top:.95rem}.webdev-problem-stack__next{color:#ffffffe6}.webdev-problem-stack__dots{align-items:center;background:#080d1894;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;display:flex;gap:.42rem;margin:clamp(.8rem,2vw,1.05rem) auto 0;padding:.5rem .58rem;width:-moz-max-content;width:max-content}.webdev-problem-stack__dot{background:#ffffff3d;border-radius:999px;height:.42rem;transition:width .26s ease,background .26s ease,box-shadow .26s ease;width:.42rem}.webdev-problem-stack__dot.is-active{background:#94f2ff;box-shadow:0 0 16px #94f2ff66;width:1.35rem}@media (min-width:900px){.webdev-problem .webdev-problem__grid{align-items:center;grid-template-columns:minmax(0,1fr) minmax(20rem,.48fr)}}@media (max-width:700px){.webdev-problem-stack{width:min(100%,21.5rem)}.webdev-problem-stack__cards{min-height:19.75rem}.webdev-problem-stack__card{min-height:16.75rem}.webdev-problem-stack__topline{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.webdev-problem-stack__card,.webdev-problem-stack__card.is-top:hover,.webdev-problem-stack__dot{transition-duration:.01ms!important}}.seo-problem-diagnostic{isolation:isolate}.seo-problem-diagnostic:after{background:radial-gradient(circle at 72% 42%,rgba(107,174,255,.075),transparent 42%),linear-gradient(90deg,transparent 0 49.9%,rgba(148,242,255,.055) 50%,transparent 50.1%);content:"";height:72%;pointer-events:none;position:absolute;right:max(1.25rem,calc(50vw - 38rem));top:12%;width:min(38rem,58vw);z-index:-1}.seo-problem-stack{--seo-stack-ease:cubic-bezier(.16,1,.3,1);--seo-problem-surface-top:#182b45;--seo-problem-surface-mid:#0f1c2f;--seo-problem-surface-end:#07101d;padding-top:0;width:min(100%,27.5rem)}.seo-problem-stack__console-head{align-items:center;color:#e7effaa3;display:flex;font-family:var(--font-mono);font-size:.61rem;gap:1rem;justify-content:space-between;letter-spacing:.12em;line-height:1.4;margin-bottom:.8rem;text-transform:uppercase}.seo-problem-stack__live{align-items:center;color:#b9fff8d6;display:inline-flex;gap:.5rem}.seo-problem-stack__live>span{background:#94f2ff;border-radius:50%;box-shadow:0 0 0 4px #94f2ff17,0 0 14px #94f2ff80;height:.4rem;width:.4rem}.seo-problem-cta{border-top:1px solid rgba(148,242,255,.14);display:grid;gap:1rem;justify-items:start;margin-top:clamp(2.2rem,4vw,3.15rem);max-width:35rem;padding-top:clamp(1.25rem,2.2vw,1.65rem)}.seo-problem-cta__text{color:#e7effabd;font-size:clamp(.96rem,1.25vw,1.04rem);line-height:1.68;margin:0;max-width:46ch}.seo-problem-stack .webdev-problem-stack__cards{min-height:clamp(28.2rem,42vw,30rem);perspective:900px}.seo-problem-stack .webdev-problem-stack__card{--stack-shadow:rgba(var(--problem-accent-rgb),.14);background:radial-gradient(circle at 8% -4%,hsla(0,0%,100%,.13),transparent 30%) padding-box,radial-gradient(circle at 98% 72%,rgba(var(--problem-accent-rgb),.13),transparent 43%) padding-box,linear-gradient(150deg,var(--seo-problem-surface-top),var(--seo-problem-surface-mid) 54%,var(--seo-problem-surface-end)) padding-box,linear-gradient(145deg,#daeeff57 0,rgba(var(--problem-accent-rgb),.24),rgba(var(--problem-accent-rgb),.09) 72%,#daeeff24) border-box;border-color:transparent;border-radius:1.15rem;box-shadow:0 4px 10px #01061224,0 0 0 1px rgba(var(--problem-accent-rgb),.07),inset 0 1px #ffffff1f;min-height:clamp(25rem,38vw,26.5rem);padding:clamp(1rem,2vw,1.3rem);transform:translate3d(var(--stack-x,0),var(--stack-y),0) scale(var(--stack-scale)) rotate(var(--stack-rotate));transform-origin:50% 110%;transition:transform .44s var(--seo-stack-ease),opacity .24s ease,box-shadow .24s ease,filter .24s ease}.seo-problem-stack .webdev-problem-stack__card--message{--problem-accent:#94f2ff;--problem-accent-rgb:148,242,255}.seo-problem-stack .webdev-problem-stack__card--structure{--problem-accent:#78baff;--problem-accent-rgb:120,186,255}.seo-problem-stack .webdev-problem-stack__card--speed{--problem-accent:#ffb56b;--problem-accent-rgb:255,181,107}.seo-problem-stack .webdev-problem-stack__card--focus{--problem-accent:#9bdbe8;--problem-accent-rgb:155,219,232}.seo-problem-stack .webdev-problem-stack__card:before{background:linear-gradient(hsla(0,0%,100%,.045) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.55) 60%,transparent);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.55) 60%,transparent);opacity:.44}.seo-problem-stack .webdev-problem-stack__card:after{background:linear-gradient(118deg,hsla(0,0%,100%,.11),transparent 18% 76%,hsla(0,0%,100%,.045)),radial-gradient(75% 44% at 50% 0,hsla(0,0%,100%,.1),transparent 72%);border-radius:inherit;box-shadow:inset 0 0 0 1px #e2f2ff09;top:0;right:0;bottom:0;left:0}.seo-problem-stack .webdev-problem-stack__card.is-top{box-shadow:0 18px 46px #01061257,0 4px 14px #01061238,0 0 0 1px rgba(var(--problem-accent-rgb),.12),0 0 26px rgba(var(--problem-accent-rgb),.08),inset 0 1px #ffffff26}.seo-problem-stack .webdev-problem-stack__card.is-top:hover{box-shadow:0 22px 54px #01061266,0 6px 16px #0106123d,0 0 0 1px rgba(var(--problem-accent-rgb),.18),0 0 34px rgba(var(--problem-accent-rgb),.12),inset 0 1px #ffffff2e;filter:brightness(1.035);transform:translate3d(0,calc(var(--stack-y) - 3px),0) scale(1.008) rotate(var(--stack-rotate))}.seo-problem-stack.is-advancing .webdev-problem-stack__card.is-next{transform:translateZ(0) scale(1) rotate(0)}.seo-problem-stack .webdev-problem-stack__card.is-exiting,.seo-problem-stack .webdev-problem-stack__card.is-exiting:hover{filter:brightness(1.08);opacity:0;pointer-events:none;transform:translate3d(-12%,-10%,0) scale(.97) rotate(-3.5deg)}.seo-problem-stack .webdev-problem-stack__card.is-resetting{transition:none!important}.seo-problem-stack .webdev-problem-stack__topline{align-items:center}.seo-problem-stack .webdev-problem-stack__icon{background:rgba(var(--problem-accent-rgb),.075);border-color:rgba(var(--problem-accent-rgb),.24);border-radius:.72rem;color:var(--problem-accent);height:2.35rem;width:2.35rem}.seo-problem-stack .webdev-problem-stack__icon svg{height:1.12rem;stroke-width:1.8;width:1.12rem}.seo-problem-stack .webdev-problem-stack__counter{background:transparent;border:0;border-radius:0;color:#ffffffa6;font-size:.61rem;letter-spacing:.13em;min-height:auto;padding:0}.seo-problem-card__visual{background:radial-gradient(circle at 92% 20%,rgba(var(--problem-accent-rgb),.055),transparent 38%),#03081457;border:1px solid rgba(var(--problem-accent-rgb),.16);border-radius:.72rem;box-shadow:inset 0 1px #ffffff0b;display:block;height:7.15rem;margin-top:.9rem;overflow:hidden;position:relative}.seo-problem-card__visual:after,.seo-problem-card__visual:before{content:"";height:.35rem;pointer-events:none;position:absolute;width:.35rem;z-index:2}.seo-problem-card__visual:before{border-left:1px solid;border-top:1px solid;left:.38rem;top:.38rem}.seo-problem-card__visual:after{border-bottom:1px solid;border-right:1px solid;bottom:.38rem;right:.38rem}.seo-problem-card__visual-head{align-items:center;background:#0408123d;border-bottom:1px solid hsla(0,0%,100%,.09);color:#ffffffa8;display:flex;font-family:var(--font-mono);font-size:.53rem;gap:1rem;justify-content:space-between;left:0;letter-spacing:.12em;min-height:1.78rem;padding:0 .72rem;position:absolute;right:0;text-transform:uppercase;top:0;z-index:3}.seo-problem-card__visual-head b{color:var(--problem-accent);font-weight:500}.seo-problem-stack .seo-problem-card__visual{color:var(--problem-accent)}.seo-problem-card__visual svg{color:#ffffffdb;height:calc(100% - 1.78rem);top:1.78rem;right:0;bottom:0;left:0;overflow:visible;position:absolute;width:100%}.seo-problem-card__bars path,.seo-problem-card__ghost,.seo-problem-card__grid,.seo-problem-card__marker,.seo-problem-card__trace{fill:none;vector-effect:non-scaling-stroke}.seo-problem-card__grid{stroke:#ffffff0f;stroke-width:1}.seo-problem-card__ghost{stroke:#ffffff30;stroke-width:1.25}.seo-problem-card__trace{filter:drop-shadow(0 0 5px currentColor);stroke:currentColor;stroke-dasharray:100;stroke-dashoffset:72;stroke-width:1.7;transition:stroke-dashoffset .7s var(--seo-stack-ease)}.seo-problem-card__node{fill:currentColor;stroke:#ffffffa6;stroke-width:1}.seo-problem-card__node--alert{fill:var(--problem-accent);stroke:#ffffffdb;stroke-width:1.25;transform-box:fill-box;transform-origin:center}.seo-problem-card__marker{stroke:#ffffffb8;stroke-width:1}.seo-problem-card__scan{background:linear-gradient(90deg,transparent,rgba(var(--problem-accent-rgb),.11));border-right:1px solid rgba(var(--problem-accent-rgb),.58);bottom:0;left:-18%;opacity:0;pointer-events:none;position:absolute;top:1.78rem;transform:translate(0);width:18%;z-index:1}.seo-problem-card__bars path{stroke:#ffffff40;stroke-linecap:round;stroke-width:5;transition:stroke .24s ease,transform .42s var(--seo-stack-ease)}.seo-problem-card__journey-nodes circle,.seo-problem-card__map-nodes circle,.seo-problem-card__map-nodes rect{fill:#060b18bd;stroke:#fff9;stroke-width:1.25;transition:fill .22s ease,stroke .22s ease;vector-effect:non-scaling-stroke}.seo-problem-card__journey-nodes .seo-problem-card__node--alert{fill:var(--problem-accent)}.seo-problem-card__visual text{fill:#ffffff6e;font-family:var(--font-mono);font-size:7px;letter-spacing:.12em}.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__trace{stroke-dashoffset:0}.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__scan{animation:seoProblemScan .88s var(--seo-stack-ease) both}.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__node--alert{animation:seoProblemNode .9s var(--seo-stack-ease) both}.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__bars path:nth-child(odd){stroke:#ffffff7a;transform:translate(4px)}.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__journey-nodes>*,.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__map-nodes>*{fill:rgba(var(--problem-accent-rgb),.28);stroke:var(--problem-accent)}.seo-problem-stack .webdev-problem-stack__body{gap:.48rem;padding-block:1rem .92rem}.seo-problem-stack .webdev-problem-stack__body strong{font-size:clamp(1.42rem,2.8vw,1.72rem);line-height:1.05;max-width:22ch}.seo-problem-stack .webdev-problem-stack__body span{color:#fffc;font-size:clamp(.86rem,1.3vw,.94rem);line-height:1.55;max-width:36ch}.seo-problem-stack .webdev-problem-stack__footer{border-top-color:#ffffff21;color:#ffffffb8;font-size:.59rem;padding-top:.76rem}.seo-problem-stack .webdev-problem-stack__next{align-items:center;color:#ffffffe0;display:inline-flex;gap:.4rem}.seo-problem-stack .webdev-problem-stack__next svg{fill:none;height:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;transition:transform .22s var(--seo-stack-ease);width:1rem}.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .webdev-problem-stack__next svg{transform:translate(3px)}.seo-problem-stack .webdev-problem-stack__dots{background:transparent;border:0;border-radius:0;gap:.34rem;justify-content:flex-start;margin-top:.78rem;padding:0;width:100%}.seo-problem-stack .webdev-problem-stack__dot{background:#ffffff26;border-radius:0;box-shadow:none;height:1px;transition:background .24s ease,box-shadow .24s ease;width:1.6rem}.seo-problem-stack .webdev-problem-stack__dot.is-active{background:#94f2ff;box-shadow:0 0 10px #94f2ff6b;width:1.6rem}.seo-problem-stack__progress-copy{color:#e7effa80;font-family:var(--font-mono);font-size:.59rem;letter-spacing:.12em;margin-left:auto}@keyframes seoProblemScan{0%{opacity:0;transform:translate(0)}16%{opacity:1}82%{opacity:.82}to{opacity:0;transform:translate(660%)}}@keyframes seoProblemNode{0%,to{transform:scale(1)}45%{transform:scale(1.55)}}@media (min-width:900px){.webdev-problem.seo-problem-diagnostic .webdev-problem__grid{align-items:start;gap:clamp(3rem,6vw,6.5rem);grid-template-columns:minmax(0,.95fr) minmax(25rem,.58fr)}}@media (max-width:899px){.seo-problem-stack{margin-top:.5rem}}@media (max-width:700px){.seo-problem-diagnostic:after{height:52%;right:0;top:36%;width:100%}.seo-problem-stack{width:min(100%,24rem)}.seo-problem-stack__console-head>span:last-child{display:none}.seo-problem-stack .webdev-problem-stack__cards{min-height:27.35rem}.seo-problem-stack .webdev-problem-stack__card{min-height:24.35rem}.seo-problem-card__visual{height:6.45rem}.seo-problem-stack .webdev-problem-stack__body{padding-block:.85rem .8rem}.seo-problem-stack .webdev-problem-stack__body strong{font-size:1.38rem}.seo-problem-stack .webdev-problem-stack__body span{font-size:.84rem;line-height:1.5}}@media (max-width:380px){.seo-problem-stack .webdev-problem-stack__cards{min-height:28rem}.seo-problem-stack .webdev-problem-stack__card{min-height:25rem;padding:.9rem}.seo-problem-card__visual{height:6.1rem}}@media (prefers-reduced-motion:reduce){.seo-problem-card__bars path,.seo-problem-card__trace,.seo-problem-stack .webdev-problem-stack__card,.seo-problem-stack .webdev-problem-stack__card.is-top:hover,.seo-problem-stack .webdev-problem-stack__next svg{transition-duration:.01ms!important}.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__node--alert,.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__scan{animation:none!important}.seo-problem-stack .webdev-problem-stack__card.is-top:is(:hover,:focus-visible) .seo-problem-card__trace{stroke-dashoffset:0}}