/* First hero slide: compact chart with synchronized wave and fill. */
.page-home .hero-slide.graph-intro-slide{display:block!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;background:#151515!important;border:1px solid rgba(255,255,255,.1)!important}
.page-home .graph-dashboard{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:clamp(17px,3vw,28px);color:#fff;overflow:hidden;background:radial-gradient(ellipse at 76% 30%,#302b1c 0%,#1b1b1a 49%,#121212 100%)}
.page-home .graph-dashboard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:2}
.page-home .graph-label{display:block;color:#929292;font-size:clamp(8px,.85vw,10px);font-weight:600;letter-spacing:.15em}
.page-home .graph-dashboard-top strong{display:block;margin-top:7px;font-size:clamp(28px,3.6vw,43px);line-height:1.08;letter-spacing:-.04em;color:#fff}
.page-home .graph-gain{display:block;flex-shrink:0;background:#ffd21f;color:#111;border-radius:999px;padding:9px 13px;font-size:12px;line-height:1.1}
.page-home .graph-art{position:absolute;left:3%;top:23%;width:94%;height:53%;overflow:visible;pointer-events:none}
.page-home .graph-reveal-rect{width:0}
.page-home .graph-playing .graph-reveal-rect{animation:graphReveal 3.35s cubic-bezier(.2,.2,.25,1) .13s forwards}
@keyframes graphReveal{from{width:0}to{width:520px}}
.page-home .graph-end-dot{opacity:0}
.page-home .graph-playing .graph-end-dot{animation:graphDot .3s ease 3.35s forwards}
@keyframes graphDot{to{opacity:1}}
.page-home .graph-stats{position:absolute;left:clamp(17px,3vw,28px);right:clamp(17px,3vw,28px);bottom:clamp(16px,2.7vw,25px);display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,1.3vw,13px);z-index:3;align-items:start}
.page-home .graph-stats>div{min-width:0;border-top:1px solid rgba(255,255,255,.2);padding-top:11px}
.page-home .graph-stats span{display:block;white-space:normal;overflow-wrap:normal;font-size:clamp(8px,.8vw,10px);line-height:1.35;letter-spacing:.04em;color:#a2a2a2}
.page-home .graph-stats strong{display:block;margin-top:5px;font-size:clamp(14px,1.65vw,21px);line-height:1.1;letter-spacing:-.03em;color:#fff}
.page-home .graph-stats .graph-roas strong{color:#ffd21f}
@media(max-width:680px){.page-home .graph-dashboard{padding:16px}.page-home .graph-dashboard-top strong{font-size:clamp(27px,8vw,38px)}.page-home .graph-art{top:24%;height:51%}.page-home .graph-stats{left:16px;right:16px;bottom:15px;gap:6px}.page-home .graph-stats>div{padding-top:8px}.page-home .graph-stats span{font-size:8px}.page-home .graph-stats strong{font-size:clamp(13px,3.5vw,18px)}.page-home .graph-gain{padding:8px 10px;font-size:10px}}
@media(max-width:380px){.page-home .graph-stats{gap:4px}.page-home .graph-stats span{font-size:7px}.page-home .graph-stats strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.page-home .graph-reveal-rect,.page-home .graph-playing .graph-reveal-rect{animation:none;width:520px}.page-home .graph-end-dot,.page-home .graph-playing .graph-end-dot{animation:none;opacity:1}}