@keyframes notif-stack-in{0%{opacity:0}to{opacity:1}}.notif-stack-wrap{animation:notif-stack-in var(--motion-duration-smooth) .15s var(--motion-ease-out-expo) both}.notification-stack{position:relative;width:100%;max-width:864px;height:200px;margin:0 auto;perspective:900px;perspective-origin:50% -20%}@media(min-width:768px){.notification-stack{height:220px}}.notif-card{position:absolute;left:0;right:0;bottom:0;border-radius:1rem;padding:1.25rem 1.5rem;border:1px solid var(--color-ip-border);background:var(--color-ip-navy-surface);backdrop-filter:blur(12px);transition:transform var(--motion-duration-smooth) var(--motion-ease-out-expo),opacity var(--motion-duration-smooth) var(--motion-ease-out-expo),filter var(--motion-duration-smooth) var(--motion-ease-out-expo);will-change:transform,opacity,filter}.notif-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#00132500;backdrop-filter:blur(0px);pointer-events:none;transition:background var(--motion-duration-smooth) var(--motion-ease-out-expo),backdrop-filter var(--motion-duration-smooth) var(--motion-ease-out-expo);z-index:10}.notif-card[data-pos="0"]{transform:translateY(0) translateZ(0);opacity:1;z-index:4}.notif-card[data-pos="0"]:after{background:#00132500}.notif-card--featured{border-color:#69f;background:#102042}.notif-card--featured .notif-time{color:#b8cfff;opacity:1}.notif-card[data-pos="1"]{transform:translateY(-22px) translateZ(-80px);opacity:1;z-index:3}.notif-card[data-pos="1"]:after{background:#0013258c;backdrop-filter:blur(2px)}.notif-card[data-pos="2"]{transform:translateY(-39px) translateZ(-160px);opacity:1;z-index:2}.notif-card[data-pos="2"]:after{background:#001325b8;backdrop-filter:blur(4px)}.notif-card[data-pos=entering]{transform:translateY(-100px) translateZ(-400px);opacity:0;z-index:1;transition:none}.notif-card[data-pos=exiting]{transform:translateY(70px) translateZ(10px);opacity:0;z-index:5;transition:transform .85s var(--motion-ease-out-expo),opacity .85s var(--motion-ease-out-expo)}.notif-card[data-pos=exiting-back]{transform:translateY(-110px) translateZ(-400px);opacity:0;z-index:1;pointer-events:none;transition:transform .85s var(--motion-ease-out-expo),opacity .85s var(--motion-ease-out-expo)}.notif-card[data-pos=entering-front]{transform:translateY(70px) translateZ(10px);opacity:0;z-index:5;transition:none}.notif-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.notif-title{font-family:var(--font-display),system-ui,sans-serif;font-size:1.0625rem;font-weight:500;color:#fff;margin-bottom:.25rem}.notif-body{font-size:.875rem;color:var(--color-ip-white-muted);line-height:1.5rem}.notif-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.notif-meta-left{display:flex;align-items:center;gap:.5rem}.notif-team{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-family:var(--font-display),system-ui,sans-serif;color:var(--color-ip-white-muted)}.notif-team-letter{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:.25rem;background:#60a5fa26;color:#60a5fa;font-size:.6875rem;font-weight:600;font-family:var(--font-display),system-ui,sans-serif}.notif-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-family:var(--font-display),system-ui,sans-serif;padding:.125rem .5rem;border-radius:9999px}.notif-badge--red{color:#f87171;background:#f871711a}.notif-badge--amber{color:#fbbf24;background:#fbbf241a}.notif-badge--lime{color:var(--color-ip-lime);background:#bef2641a}.notif-badge--blue{color:#60a5fa;background:#60a5fa1a}.notif-badge--purple{color:#c084fc;background:#c084fc1a}.notif-time{font-size:.75rem;color:var(--color-ip-white-muted);opacity:.6}.notif-actions{display:flex;align-items:center;gap:.5rem}.notif-action-btn{width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid var(--color-ip-border);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-ip-white-muted)}.notif-copy-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-family:var(--font-display),system-ui,sans-serif;padding:.25rem .75rem;border-radius:9999px;background:var(--color-ip-lime);color:var(--color-ip-navy);border:none;font-weight:500}@media(prefers-reduced-motion:reduce){.notif-stack-wrap{animation:none}.notif-card{transition:none}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity var(--motion-duration-reveal) var(--motion-ease-out-expo),transform var(--motion-duration-reveal) var(--motion-ease-out-expo)}[data-reveal].visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}@media(min-width:768px){#hero-frame-container{transform:scale(1);transform-origin:center top;will-change:transform}}