.serpscope-visual{position:relative;width:100%}.serpscope-visual__glow{position:absolute;z-index:0;inset:6% 4%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,140,4,.16) 0%,rgba(59,130,246,.08) 42%,transparent 72%);pointer-events:none}.serpscope-visual__stage{--card-w: 50%;--card-h: 50%;--rot-front: 3deg;--rot-middle: -5deg;--rot-rear: 4deg;position:relative;z-index:1;width:100%;max-width:31.25rem;min-height:21.5rem;margin-inline:auto;aspect-ratio:500 / 360}.serpscope-visual__card{position:absolute;display:flex;flex-direction:column;gap:.45rem;width:var(--card-w);height:var(--card-h);overflow:hidden;border-radius:.875rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,#1b2230,#11161f);padding:.7rem .8rem;transform-origin:center center;transition:transform .28s ease,box-shadow .28s ease}.serpscope-visual__card--rear{z-index:1;left:calc(100% - var(--card-w));top:calc(100% - var(--card-h));transform:rotate(var(--rot-rear));box-shadow:0 0 0 1px #ffffff0a,0 16px 34px -12px #000000a6,0 0 24px -10px #ff8c042e}.serpscope-visual__card--middle{z-index:2;left:0;top:calc((100% - var(--card-h)) / 2);transform:rotate(var(--rot-middle));box-shadow:0 0 0 1px #ffffff0d,0 18px 40px -12px #000000b3,0 0 26px -10px #ff8c042e}.serpscope-visual__card--front{z-index:3;left:calc(100% - var(--card-w));top:0;transform:rotate(var(--rot-front));box-shadow:0 0 0 1px #ffffff14,0 22px 48px -14px #000000c7,0 0 30px -8px #ff8c0438}@media(min-width:640px)and (max-width:1023px){.serpscope-visual__stage{--card-w: 49%;--card-h: 47%;--rot-front: 2deg;--rot-middle: -4deg;--rot-rear: 3deg;max-width:30rem}}@media(min-width:1024px){.serpscope-visual__stage{margin-right:-2.25rem;max-width:31.5rem}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.serpscope-visual:hover .serpscope-visual__card--front{transform:rotate(var(--rot-front)) translateY(-4px)}.serpscope-visual:hover .serpscope-visual__card--middle{transform:rotate(var(--rot-middle)) translateY(-3px)}.serpscope-visual:hover .serpscope-visual__card--rear{transform:rotate(var(--rot-rear)) translateY(-2px)}}@media(prefers-reduced-motion:reduce){.serpscope-visual__card{transition:none}}@media(max-width:767px){.serpscope-visual__glow{display:none}.serpscope-visual__stage{display:flex;flex-direction:row;align-items:stretch;gap:.75rem;width:100%;max-width:none;min-height:0;margin:0;aspect-ratio:auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.125rem}.serpscope-visual__stage::-webkit-scrollbar{display:none}.serpscope-visual__card{position:relative;left:auto;top:auto;flex:0 0 88%;width:88%;height:auto;min-height:10.5rem;transform:none;scroll-snap-align:center}.serpscope-visual__card--front{order:1}.serpscope-visual__card--middle{order:2}.serpscope-visual__card--rear{order:3}.serpscope-visual__card{padding:.6rem .65rem;gap:.35rem}.serpscope-visual__header{padding-bottom:.3rem}.serpscope-visual__line-chart{min-height:2.5rem}}.serpscope-visual__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.08)}@media(min-width:640px){.serpscope-visual__header--reverse{flex-direction:row-reverse}}.serpscope-visual__title{margin:0;font-family:"Exo 2",system-ui,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:#fff;white-space:nowrap}.serpscope-visual__badge{flex-shrink:0;border-radius:9999px;background:#ff8c0429;padding:.14rem .5rem;font-size:.5625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ff8c04}.serpscope-visual__badge--blue{background:#60a5fa29;color:#93c5fd}.serpscope-visual__badge--green{background:#34d39929;color:#6ee7b7}.serpscope-visual__metrics{display:grid;gap:.35rem .5rem;margin:0}.serpscope-visual__metrics--two{grid-template-columns:repeat(2,minmax(0,1fr))}.serpscope-visual__metrics--three{grid-template-columns:repeat(3,minmax(0,1fr))}.serpscope-visual__metrics dt{margin:0;font-size:.5rem;font-weight:500;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:#7b8396}.serpscope-visual__metrics--three dt{font-size:.4375rem;letter-spacing:.03em}.serpscope-visual__metrics dd{margin:.1rem 0 0;font-family:"Exo 2",system-ui,sans-serif;font-size:.9375rem;font-weight:700;line-height:1;color:#fff}.serpscope-visual__accent{color:#ff8c04}.serpscope-visual__warn{color:#fbbf24}.serpscope-visual__chart-wrap{flex:1;min-height:0;overflow:hidden;border-radius:.5rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.serpscope-visual__line-chart{display:block;width:100%;height:100%;min-height:3.25rem}.serpscope-visual__bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.serpscope-visual__bars li{display:grid;grid-template-columns:4.5rem 1fr 1.25rem;align-items:center;gap:.4rem}.serpscope-visual__bar-label{font-size:.5625rem;color:#a8b0c4;white-space:nowrap}.serpscope-visual__bar-track{display:block;height:.3rem;overflow:hidden;border-radius:9999px;background:#ffffff14}.serpscope-visual__bar-fill{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,#ff8c04,#fe3105)}.serpscope-visual__bar-fill--blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.serpscope-visual__bar-value{font-size:.625rem;font-weight:600;text-align:right;color:#fff}.serpscope-visual__keywords{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.22rem}.serpscope-visual__keywords li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.375rem;background:#ffffff0a;padding:.22rem .45rem}.serpscope-visual__kw-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;color:#c5ccd9}.serpscope-visual__kw-value{flex-shrink:0;font-family:"Exo 2",system-ui,sans-serif;font-size:.625rem;font-weight:600;color:#ff8c04}