/* Graphican example websites (/website/examples/*): shared bits — the «example» badge, reveal on scroll, reduced motion */
@font-face { font-family:Playfair; src:url(/assets/fonts/files/playfairdisplay/PlayfairDisplay-Regular.ttf); font-display:swap; }
@font-face { font-family:Playfair; font-weight:700; src:url(/assets/fonts/files/playfairdisplay/PlayfairDisplay-Bold.ttf); font-display:swap; }
@font-face { font-family:Mnr; src:url(/assets/fonts/files/manrope/Manrope-Regular.ttf); font-display:swap; }
@font-face { font-family:Mnr; font-weight:600; src:url(/assets/fonts/files/manrope/Manrope-SemiBold.ttf); font-display:swap; }
@font-face { font-family:Mnr; font-weight:700; src:url(/assets/fonts/files/manrope/Manrope-Bold.ttf); font-display:swap; }
@font-face { font-family:Mont; font-weight:700; src:url(/assets/fonts/files/montserrat/Montserrat-Bold.ttf); font-display:swap; }
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { margin:0; }
img, video { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
button { font:inherit; color:inherit; cursor:pointer; }
.rv { opacity:0; transform:translateY(40px); transition:opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1); }
.rv.in { opacity:1; transform:none; }
.rv.d1 { transition-delay:.1s; } .rv.d2 { transition-delay:.2s; } .rv.d3 { transition-delay:.3s; }
.gx-badge { position:fixed; left:16px; bottom:16px; z-index:999; display:flex; align-items:center; gap:10px; padding:10px 14px 10px 12px; border-radius:14px; background:rgba(12,10,24,.92); color:#fff; font:600 13px/1.25 Inter, Arial, sans-serif; box-shadow:0 14px 40px -10px rgba(0,0,0,.5); max-width:calc(100vw - 32px); }
.gx-badge i { flex:none; width:22px; height:22px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #fff, #a497ff 40%, #34229e 85%); }
.gx-badge small { display:block; font-weight:500; opacity:.7; }
.gx-badge b { color:#c9b8ff; }
@media (prefers-reduced-motion:reduce) { .rv { opacity:1; transform:none; transition:none; } * { animation:none !important; scroll-behavior:auto !important; } }