.promo-frame{--p300:var(--primary-300,#f6ba6d);--p500:var(--primary-500,#e71);--p700:var(--primary-700,#b9450a);--p900:var(--primary-900,#7a3510);--p950:var(--primary-950,#421807);isolation:isolate;color:#fff;background:radial-gradient(120% 90% at 85% 10%, color-mix(in oklab, var(--accent) 55%, transparent), transparent 60%), radial-gradient(90% 80% at 0% 100%, color-mix(in oklab, var(--p500) 45%, transparent), transparent 65%), linear-gradient(160deg, var(--p700), var(--p950));position:relative;overflow:hidden}.promo-frame:before{content:"";z-index:0;opacity:.22;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.promo-frame:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#0000009e);position:absolute;inset:45% 0 0}.promo-frame[data-kind=notify]{--accent:#34d399}.promo-frame[data-kind=report]{--accent:#38bdf8}.promo-frame[data-kind=value]{--accent:var(--p300)}.promo-scene{z-index:0;transition:opacity .3s,filter .3s;position:absolute;inset:0}.promo-card:hover .promo-scene,.promo-card:focus-within .promo-scene{opacity:.55;filter:saturate(.8)}.promo-scene *{transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}.promo-title{z-index:2;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 12px #00000073;font-weight:800;line-height:1.02;position:absolute;bottom:.85rem;left:1rem;right:4.5rem}.promo-kicker{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--accent) 70%, #fff);margin-bottom:.3rem;font-size:.68rem;font-weight:700;display:block}.promo-chip{z-index:2;font-variant-numeric:tabular-nums;background:#000000b8;border-radius:.35rem;padding:.15rem .45rem;font-size:.72rem;font-weight:600;position:absolute;bottom:.6rem;right:.6rem}.promo-status{z-index:2;backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .55rem .2rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex;position:absolute;top:.65rem;left:.65rem}.promo-status-dot{background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 70%, transparent);border-radius:999px;animation:2.2s ease-out infinite promo-pulse}@keyframes promo-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 70%, transparent)}70%,to{box-shadow:0 0 0 .5rem #0000}}.promo-action{z-index:3;width:3.25rem;height:3.25rem;color:var(--p700);opacity:0;background:#ffffffeb;border-radius:999px;place-items:center;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.7);box-shadow:0 8px 24px #0000004d}.promo-card:hover .promo-action,.promo-card:focus-within .promo-action{opacity:1;transform:translate(-50%,-50%)scale(1)}.promo-mini{aspect-ratio:3/4;transform-origin:50% 120%;background:#fff;border-radius:.5rem;width:38%;padding:6%;position:absolute;top:14%;right:12%;box-shadow:0 10px 24px #00000047}.promo-mini:before{content:"";background:linear-gradient(150deg, var(--p300), var(--p700));border-radius:.3rem;height:52%;display:block}.promo-mini:after{content:"";background:linear-gradient(#cbd5e1,#cbd5e1) 0 0/70% 22% no-repeat,linear-gradient(#e2e8f0,#e2e8f0) 0 55%/92% 18% no-repeat,linear-gradient(#e2e8f0,#e2e8f0) 0 100%/55% 18% no-repeat;height:26%;margin-top:10%;display:block}.promo-mini-1{opacity:.7;transform:rotate(-14deg)translate(-18%)}.promo-mini-2{opacity:.85;transform:rotate(-5deg)translate(-6%)}.promo-mini-3{transform:rotate(5deg)}.promo-new{background:var(--accent);color:#052e1c;letter-spacing:.08em;border-radius:.25rem;padding:.1rem .35rem;font-size:.55rem;font-weight:800;position:absolute;top:9%;right:9%}.promo-card:hover .promo-mini-1{transform:rotate(-22deg)translate(-34%)}.promo-card:hover .promo-mini-2{transform:rotate(-9deg)translate(-14%)}.promo-card:hover .promo-mini-3{transform:rotate(8deg)translateY(-6%)}.promo-bars{align-items:flex-end;gap:5%;width:52%;height:50%;display:flex;position:absolute;bottom:30%;right:8%}.promo-bars span{background:linear-gradient(to top, color-mix(in oklab, var(--accent) 35%, transparent), color-mix(in oklab, var(--accent) 85%, #fff));transform-origin:bottom;height:100%;transform:scaleY(var(--h));border-radius:.25rem .25rem 0 0;flex:1}.promo-card:hover .promo-bars span{transform:scaleY(calc(var(--h) * 1.18))}.promo-bars span:nth-child(2){transition-delay:40ms}.promo-bars span:nth-child(3){transition-delay:80ms}.promo-bars span:nth-child(4){transition-delay:.12s}.promo-bars span:nth-child(5){transition-delay:.16s}.promo-house{color:#ffffffe6;width:46%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.promo-tag{color:var(--p900);font-variant-numeric:tabular-nums;transform-origin:50% -40%;background:#fff;border-radius:.35rem;padding:.3rem .55rem;font-size:.85rem;font-weight:800;position:absolute;top:22%;right:12%;transform:rotate(8deg);box-shadow:0 8px 20px #0000004d}.promo-card:hover .promo-tag{transform:rotate(-4deg)}@media (prefers-reduced-motion:reduce){.promo-scene,.promo-scene *,.promo-action{transition:none!important}.promo-status-dot{animation:none}}