.reveal{opacity:0;transition:opacity .6s,transform .6s;transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.l-display{font-family:var(--font-jua), "Segoe UI", sans-serif;letter-spacing:0}.loop-card{animation:6s ease-in-out infinite loop-glow;animation-delay:var(--loop-delay,0s)}@keyframes loop-glow{0%,38%,to{transform:none;box-shadow:0 5px #1c174233,inset 0 0 0 2px #ffffffd9}8%,26%{transform:translateY(-4px);box-shadow:0 5px #1c174233,inset 0 0 0 2px #ffffffd9,0 0 0 4px #f2c14a8c,0 10px 24px #6f66d059}}.loop-arrow{animation:6s ease-in-out infinite loop-nudge;animation-delay:var(--loop-delay,0s)}@keyframes loop-nudge{0%,38%,to{opacity:.55;transform:none}8%,26%{opacity:1;transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.loop-card,.loop-arrow{animation:none}}.phone-frame{border:3px solid var(--cookie-line);background:#1c1742;border-radius:34px;overflow:hidden;box-shadow:0 10px #1c17422e,0 24px 48px #453c9647}.browser-frame{border:3px solid var(--cookie-line);background:#fffdf6;border-radius:18px;overflow:hidden;box-shadow:0 10px #1c17422e,0 24px 48px #453c9640}.browser-chrome{border-bottom:2px solid var(--cookie-line);background:#ece8fb;align-items:center;gap:6px;padding:10px 14px;display:flex}.browser-chrome i{background:#cfc8ef;border-radius:50%;width:10px;height:10px}.browser-chrome i:first-child{background:var(--cookie-rose)}.browser-chrome i:nth-child(2){background:var(--cookie-amber)}.browser-chrome i:nth-child(3){background:var(--cookie-mint)}.browser-chrome span{color:#7d73b8;margin-left:8px;font-size:12px}.report-window{overscroll-behavior:contain;background:var(--background);height:560px;overflow-y:auto}.hero-glow{background:radial-gradient(60% 50% at 50% 0,#6f66d029,#0000),radial-gradient(40% 30% at 80% 20%,#ff7fc41f,#0000),radial-gradient(40% 30% at 15% 25%,#4be0c41a,#0000)}