@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Space+Grotesk:wght@400;500;600;700&family=Archivo+Black&display=swap');
:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}section{scroll-margin-top:75px}.demo-ribbon{position:relative;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px clamp(16px,3.5vw,56px);font:600 9px/1.5 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.18em;background:#ddff62;color:#121611}.demo-ribbon a{font-size:10px;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap}.demo-ribbon a:hover{opacity:.55}.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.on{opacity:1;transform:translateY(0)}.demo-return{position:fixed;z-index:45;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;padding:15px 20px;border:1px solid #ffffff40;background:#101010ca;color:white;backdrop-filter:blur(18px);box-shadow:0 12px 50px #0006;font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.09em;transition:transform .3s}.demo-return:hover{transform:translateY(-5px)}.demo-return b{color:#ddff62;font-size:18px}.demo-mark{font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase}.demo-bottom-note{font:500 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eaff77;outline-offset:5px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media(max-width:600px){.demo-ribbon{letter-spacing:.07em;font-size:8px;padding:9px 14px}.demo-ribbon span{max-width:55%}.demo-ribbon a{font-size:8px;white-space:normal;text-align:right}.demo-return{bottom:12px;right:12px;padding:13px 14px;font-size:9px}}