@font-face{font-family:Outfit;src:url('/assets/brand/fonts/outfit.78b1e336842f.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url('/assets/brand/fonts/fraunces.a42964125a62.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1B3A33;--soft:#4C6660;--teal:#146B62;--mint:#DDEFEA;--line:#DDE8E3}
  html,body{margin:0;height:100%;background:transparent;overflow:hidden}
  body{font-family:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
    display:flex;align-items:center;justify-content:center}
  #stage{position:relative;flex:none;width:520px;height:470px;overflow:hidden}
  .abs{position:absolute;left:0;top:0}
  .nw{white-space:nowrap}

  #search{left:110px;top:20px;width:300px;height:44px;border-radius:22px;background:#fff;border:1px solid var(--line);box-sizing:border-box;
    box-shadow:0 10px 24px rgba(30,70,65,.07);display:flex;align-items:center;gap:10px;padding:0 16px;font-size:14.5px}
  #caret{display:inline-block;width:2px;height:18px;background:var(--teal);margin-left:1px;vertical-align:middle}

  #card{left:60px;top:28px;width:400px;height:334px;border-radius:20px;background:#fff;border:1px solid var(--line);box-sizing:border-box;
    box-shadow:0 18px 40px rgba(30,70,65,.08)}
  #dots{left:84px;top:50px;display:flex;gap:6px}
  #dots i{width:6px;height:6px;border-radius:50%;background:#BFDCD5}
  #url{left:126px;top:44px;font-size:11.5px;color:var(--soft)}
  #seo{left:338px;top:40px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--teal);background:var(--mint);padding:4px 9px;border-radius:999px}
  #hdiv{left:84px;top:72px;width:352px;height:1px;background:var(--line)}
  #av{left:84px;top:98px;width:56px;height:56px;border-radius:50%;background:#F5E1D5;display:flex;align-items:center;justify-content:center;
    font-family:"Fraunces",Georgia,serif;font-size:28px;color:#8A4325}
  #who{left:156px;top:94px;font-size:11.5px;letter-spacing:.1em;font-weight:600;color:var(--teal)}
  #what{left:156px;top:112px;font-size:21px;font-weight:600}
  #where{left:156px;top:142px;font-size:12px;color:var(--soft);display:flex;gap:4px;align-items:center}
  #desc{left:84px;top:176px;font-size:13px;color:#2E4A44}
  .tg{top:204px;font-size:11.5px;padding:6px 10px;border-radius:7px;background:var(--mint);color:#2E5A52}
  #price{left:84px;top:248px;width:352px;display:flex;font-size:13.5px;border-bottom:1px solid var(--line);padding-bottom:12px}
  #price b{margin-left:auto;font-weight:600}
  #cta{left:84px;top:288px;width:352px;height:48px;border-radius:12px;background:var(--teal);color:#fff;font-size:14.5px;font-weight:600;
    display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-sizing:border-box;overflow:hidden}
  #ripple{width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(255,255,255,.4)}

  #notif{left:110px;top:384px;width:300px;height:62px;border-radius:14px;background:#E1EDF6;border:1px solid #CFE0EE;box-sizing:border-box;
    display:flex;align-items:center;gap:14px;padding:0 18px}
  #ndot{width:9px;height:9px;border-radius:50%;background:var(--teal);flex:none}
  #notif b{display:block;font-size:13px;font-weight:600}
  #notif small{display:block;font-size:12px;color:var(--soft);margin-top:3px}
  #cursor{width:24px;height:29px;transform-origin:3px 3px}