.fancy-graph{--graph-accent:#7c3aed;--graph-height:380px;background:radial-gradient(circle at 85% 15%,hsla(0,0%,100%,.18),transparent 35%),linear-gradient(135deg,#111827,#1f2937 45%,#0f172a);border:1px solid hsla(0,0%,100%,.15);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08);color:#f9fafb;overflow:hidden;padding:32px;position:relative}.fancy-graph__header{margin-bottom:24px;max-width:720px;position:relative;z-index:2}.fancy-graph__eyebrow{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:999px;color:#e5e7eb;display:inline-block;font-size:12px;letter-spacing:.12em;margin-bottom:14px;padding:8px 12px;text-transform:uppercase}.fancy-graph__title{color:#fff;font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin:0 0 10px}.fancy-graph__description{color:hsla(0,0%,100%,.85);font-size:16px;line-height:1.6;margin:0;max-width:640px}.fancy-graph__chart{min-height:var(--graph-height);position:relative;z-index:2}.fancy-graph:after{background:radial-gradient(circle,var(--graph-accent),transparent 70%);bottom:-100px;filter:blur(50px);height:360px;opacity:.25;right:-100px;width:360px}.fancy-graph:after,.fancy-graph:before{content:"";pointer-events:none;position:absolute}.fancy-graph:before{background:linear-gradient(180deg,hsla(0,0%,100%,.08),transparent 30%);inset:0}@media (max-width:768px){.fancy-graph{border-radius:18px;padding:22px}.fancy-graph__title{font-size:28px}.fancy-graph__description{font-size:15px}}@media (prefers-color-scheme:light){.fancy-graph{background:radial-gradient(circle at 85% 15%,rgba(0,0,0,.08),transparent 35%),linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.6)}.fancy-graph,.fancy-graph__title{color:#111827}.fancy-graph__description{color:rgba(0,0,0,.7)}.fancy-graph__eyebrow{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);color:#374151}}