.hero-graphic{width:62%;height:62%;margin:0 calc(var(--hero-inset-right) + var(--space-8)) 0 auto;margin-top:auto;margin-bottom:16%;position:relative;display:flex;align-items:center;justify-content:center;transform:translateZ(0)}.hero-graphic__scene{position:relative;z-index:1;transform:perspective(1200px) rotateY(-8deg) rotateX(5deg);transform-style:preserve-3d;transform-origin:center center}.hero-graphic__phone{position:relative;width:13.75rem;height:28.6rem;background:linear-gradient(145deg,#2c2c2e,#1c1c1e 50%,#0a0a0a);border-radius:var(--space-8);padding:var(--space-1);box-shadow:4px 4px 0 0 #0d0d0f,5px 5px 0 0 #141416,6px 6px 0 0 #1a1a1c,0 10px 30px rgba(0,0,0,.25),0 20px 60px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.08),inset 1px 0 0 rgba(255,255,255,.04)}.hero-graphic__notch{position:absolute;top:var(--space-2);left:50%;transform:translateX(-50%);width:5.5rem;height:1.25rem;background:#000;border-radius:var(--radius-full);z-index:10}.hero-graphic__screen{width:100%;height:100%;background:#f8f8fa;border-radius:var(--radius-3xl);overflow:hidden;position:relative;display:flex;flex-direction:column}.hero-graphic__screen:after{content:"";position:absolute;inset:0;background:linear-gradient(165deg,rgba(255,255,255,.3),transparent 40%,transparent);pointer-events:none;z-index:5;border-radius:inherit}.hero-graphic__feed{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-8) var(--space-2) 7.5rem;overflow:hidden;position:relative}.hero-graphic__notification-wrap{width:92%;margin-bottom:6px;opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.hero-graphic__notification-wrap--entering{animation:heroSlideIn .5s cubic-bezier(.22,1,.36,1) none}.hero-graphic__notification-wrap--exiting{opacity:0;transform:translateY(-14px);pointer-events:none}.hero-graphic__notification{display:flex;align-items:center;gap:var(--space-2);min-height:0;padding:var(--space-1-5) var(--space-2);background:#fff;border-radius:var(--radius-xl);box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);overflow:hidden}.hero-graphic__avatar{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#f3f4f6;overflow:hidden}.hero-graphic__avatar svg{width:1rem;height:1rem}.hero-graphic__notification-text{flex:1 1;font-family:var(--font-family-primary);font-size:.65rem;font-weight:var(--font-weight-medium);color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-graphic__notification-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-graphic__notification-icon svg{width:.875rem;height:.875rem}.hero-graphic__ai-card{position:absolute;bottom:var(--space-5);left:50%;transform:translateX(-50%);gap:var(--space-1-5);width:92%;padding:var(--space-2-5) var(--space-3);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:var(--radius-xl);box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);z-index:3}.hero-graphic__ai-card,.hero-graphic__ai-icon{display:flex;align-items:center;justify-content:center}.hero-graphic__ai-icon{flex-shrink:0}.hero-graphic__ai-icon svg{width:1.125rem;height:1.125rem}.hero-graphic__ai-text{font-family:var(--font-family-primary);font-size:.7rem;font-weight:var(--font-weight-semibold);color:#1f2937}.hero-graphic__ai-dots{display:inline-block;width:1em;text-align:left}.hero-graphic__chart{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);width:100%;height:auto;z-index:0;opacity:.12;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 90% 90% at center,black 60%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at center,black 60%,transparent 100%)}.hero-graphic__chart-bar{fill:#6d28d9}.hero-graphic__chart-trend{stroke-width:2.5;stroke-linecap:round}.hero-graphic__shadow{position:absolute;bottom:-1.25rem;left:50%;transform:translateX(-50%);width:70%;height:1.875rem;background:radial-gradient(ellipse,rgba(0,0,0,.12) 0,transparent 70%);filter:blur(8px)}@keyframes heroSlideIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@media (min-width:1440px){.hero-graphic__phone{width:14.5rem;height:30rem}.hero-graphic__notch{width:5.5rem;height:1.25rem}}@media (min-width:1024px) and (max-width:1439px){.hero-graphic__phone{width:12rem;height:24.8rem}.hero-graphic__notch{width:4.75rem;height:1.05rem}.hero-graphic__ai-text,.hero-graphic__notification-text{font-size:.6rem}.hero-graphic__avatar{width:1.5rem;height:1.5rem;min-width:1.5rem}}@media (min-width:768px) and (max-width:1023px){.hero-graphic__scene{transform:perspective(1200px) rotateY(-6deg) rotateX(3deg)}.hero-graphic__phone{width:10.5rem;height:21.8rem;border-radius:var(--space-6);box-shadow:3px 3px 0 0 #0d0d0f,4px 4px 0 0 #141416,0 10px 30px rgba(0,0,0,.25),0 20px 60px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.08)}.hero-graphic__notch{width:4rem;height:.9rem}.hero-graphic__screen{border-radius:var(--radius-2xl)}.hero-graphic__chart{opacity:.1;width:110%}.hero-graphic__feed{padding:var(--space-6) var(--space-2) 3.25rem}.hero-graphic__notification-wrap{margin-bottom:5px}.hero-graphic__ai-card,.hero-graphic__notification{padding:var(--space-1-5) var(--space-2)}.hero-graphic__ai-text,.hero-graphic__notification-text{font-size:.55rem}.hero-graphic__avatar{width:1.25rem;height:1.25rem;min-width:1.25rem}.hero-graphic__ai-icon svg,.hero-graphic__notification-icon svg{width:.75rem;height:.75rem}}@media (max-width:767px){.hero-graphic{width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center}.hero-graphic__scene{transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.hero-graphic__phone{width:clamp(9rem,28vw,12rem);height:clamp(16rem,50vw,21rem);border-radius:var(--space-6);box-shadow:2px 2px 0 0 #0d0d0f,3px 3px 0 0 #141416,0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)}.hero-graphic__notch{width:clamp(3.25rem,10vw,4.5rem);height:clamp(.7rem,2.2vw,1rem)}.hero-graphic__screen{border-radius:var(--radius-2xl)}.hero-graphic__feed{padding:var(--space-5) var(--space-1-5) 4.5rem}.hero-graphic__notification-wrap{margin-bottom:3px}.hero-graphic__notification{gap:var(--space-1-5)}.hero-graphic__ai-card,.hero-graphic__notification{padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-lg)}.hero-graphic__ai-card{gap:var(--space-1);bottom:var(--space-3)}.hero-graphic__ai-text,.hero-graphic__notification-text{font-size:clamp(.4rem,1.4vw,.55rem)}.hero-graphic__avatar{width:clamp(.875rem,3vw,1.25rem);height:clamp(.875rem,3vw,1.25rem);min-width:clamp(.875rem,3vw,1.25rem)}.hero-graphic__avatar svg{width:.75rem;height:.75rem}.hero-graphic__notification-icon svg{width:clamp(.5rem,1.8vw,.7rem);height:clamp(.5rem,1.8vw,.7rem)}.hero-graphic__ai-icon svg{width:clamp(.6rem,2vw,.8rem);height:clamp(.6rem,2vw,.8rem)}.hero-graphic__shadow{bottom:-.75rem;height:1.25rem}}@media (max-width:767px) and (orientation:portrait){.hero-graphic__phone{width:clamp(8rem,25vw,11rem);height:clamp(16rem,50vw,21rem)}}@media (max-width:375px){.hero-graphic__phone{width:clamp(7.5rem,24vw,9rem);height:clamp(15.6rem,50vw,18.7rem);border-radius:var(--radius-2xl)}.hero-graphic__notch{width:clamp(2.75rem,9vw,3.5rem);height:clamp(.55rem,1.8vw,.75rem)}.hero-graphic__screen{border-radius:var(--radius-xl)}.hero-graphic__feed{padding:var(--space-4) var(--space-1) 3.75rem}.hero-graphic__notification-wrap{margin-bottom:2px}.hero-graphic__notification{gap:var(--space-1)}.hero-graphic__ai-card,.hero-graphic__notification{padding:3px var(--space-1);border-radius:var(--radius-base)}.hero-graphic__ai-card{bottom:var(--space-2)}.hero-graphic__avatar{width:.75rem;height:.75rem;min-width:.75rem}.hero-graphic__avatar svg{width:.6rem;height:.6rem}}@media (prefers-reduced-motion:reduce){.hero-graphic__notification-wrap,.hero-graphic__notification-wrap--entering,.hero-graphic__notification-wrap--exiting{animation:none;transition:none;opacity:1;transform:none}}