.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,40px);align-items:center;margin-bottom:var(--space-4);padding:clamp(20px,4vw,32px);background:radial-gradient(120% 260% at 0 0,color-mix(in oklab,var(--brand) 20%,transparent) 0,transparent 60%),radial-gradient(120% 220% at 120% -10%,rgba(255,255,255,.85) 0,transparent 65%),linear-gradient(135deg,var(--surface),var(--surface-2));border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.hero::after,.hero::before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.8}.hero::before{background-image:radial-gradient(circle 10px at 6% 20%,rgba(244,63,94,.7),transparent 60%),radial-gradient(circle 10px at 18% 8%,rgba(251,191,36,.7),transparent 60%),radial-gradient(circle 10px at 28% 26%,rgba(56,189,248,.75),transparent 60%),radial-gradient(circle 12px at 12% 42%,rgba(16,185,129,.7),transparent 60%)}.hero::after{background-image:radial-gradient(circle 10px at 84% 16%,rgba(251,113,133,.8),transparent 60%),radial-gradient(circle 10px at 94% 36%,rgba(129,140,248,.75),transparent 60%),radial-gradient(circle 12px at 72% 60%,rgba(251,191,36,.75),transparent 60%),radial-gradient(circle 10px at 92% 78%,rgba(45,212,191,.75),transparent 60%)}.hero-main,.hero-visual{position:relative;z-index:1}.hero-main{min-width:0}.hero-eyebrow{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:color-mix(in oklab,var(--surface-2) 70%,var(--surface) 30%);border:1px solid rgba(148,163,184,.45);color:var(--text);white-space:nowrap}.hero-tag span{font-size:13px}.hero-tag--bday{border-color:color-mix(in oklab,var(--brand) 40%,transparent)}.hero-tag--family{border-style:dashed}.hero-tag--love{border-color:rgba(244,63,94,.55)}.hero-title{margin:0 0 8px;font-size:clamp(26px,4vw,34px);line-height:1.15;font-weight:800}.hero-subtitle{margin:0 0 18px;max-width:460px;color:var(--muted);font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.hero-stats{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0}.hero-stat{min-width:110px}.hero-stat dt{margin:0 0 2px;font-size:16px;font-weight:700}.hero-stat dd{margin:0;font-size:13px;color:var(--muted)}.hero-visual{min-height:210px;display:grid;place-items:center}.hero-card{position:relative;width:min(260px,100%);border-radius:18px;padding:14px 16px 14px;background:var(--surface);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:2}.hero-card-title{margin:0 0 6px;font-weight:700;font-size:15px}.hero-card-text{margin:0 0 10px;font-size:13px;color:var(--muted)}.hero-card-foot{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-2);font-size:12px}.hero-decor{position:absolute;pointer-events:none;filter:drop-shadow(0 12px 26px rgba(15, 23, 42, .32));opacity:.95;animation:hero-float 14s ease-in-out infinite;z-index:1}.hero-decor--balloon{width:64px;height:64px;right:9%;top:10%;border-radius:999px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.9),transparent 60%),linear-gradient(135deg,color-mix(in oklab,var(--brand) 78%,#fff 12%),color-mix(in oklab,var(--brand) 40%,transparent));animation-duration:15s}.hero-decor--balloon::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:34px;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(148,163,184,.6),transparent);opacity:.9}.hero-decor--gift{width:56px;height:56px;left:10%;bottom:10%;border-radius:16px;position:absolute;overflow:visible;animation-duration:18s;animation-delay:-3s;background:linear-gradient(to right,transparent 43%,rgba(248,250,252,.96) 43% 57%,transparent 57%),linear-gradient(to bottom,transparent 43%,rgba(248,250,252,.96) 43% 57%,transparent 57%),linear-gradient(135deg,color-mix(in oklab,var(--brand) 60%,#fff 10%),color-mix(in oklab,var(--brand) 25%,transparent))}.hero-decor--gift::before{content:"";position:absolute;left:4px;right:4px;top:-6px;height:16px;border-radius:12px 12px 8px 8px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.9),transparent 60%),color-mix(in oklab,var(--brand) 70%,#fff 12%);box-shadow:0 4px 8px rgba(248,113,113,.45)}.hero-decor--gift::after{content:"";position:absolute;left:50%;top:-9px;width:30px;height:18px;transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle at 25% 50%,rgba(255,255,255,.85),transparent 55%),radial-gradient(circle at 75% 50%,rgba(255,255,255,.85),transparent 55%),linear-gradient(to right,color-mix(in oklab,var(--brand) 70%,#fff 10%) 0 30%,color-mix(in oklab,var(--brand) 85%,#fff 6%) 30% 70%,color-mix(in oklab,var(--brand) 70%,#fff 10%) 70%)}.hero-decor--spark{width:30px;height:30px;right:24%;top:22%;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,transparent 55%),radial-gradient(circle at 70% 70%,rgba(251,191,36,.9),transparent 60%);box-shadow:0 0 0 1px rgba(251,191,36,.6);animation-duration:12s;animation-delay:-6s;z-index:3}@keyframes hero-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}@media (max-width:900px){.hero{grid-template-columns:1fr;border-radius:var(--radius-lg)}.hero-subtitle{max-width:none}.hero-visual{min-height:0;justify-content:flex-start}.hero-card{width:100%}.hero-decor--gift{left:4%;bottom:4%}.hero-decor--balloon{right:4%}.hero-tags{gap:6px}.hero-tag{font-size:11px;padding-inline:8px}.hero-tag:nth-child(n+3){display:none}}