@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Michroma&display=swap";:root{--color-primary: #a1d503;--color-primary-dark: #8ab802;--color-primary-glow: rgba(161, 213, 3, .45);--color-accent: #e72acb;--color-accent-light: #f1ffba;--color-bg-dark: #0f0f0f;--color-bg-light: #f0f0f0;--color-bg-hero: #f0f0f0;--color-bg-card: #141414;--color-bg-card-light: rgba(255, 255, 255, .5);--color-text: #ffffff;--color-text-light: #000000;--color-text-muted: rgba(255, 255, 255, .7);--color-text-muted-light: rgba(0, 0, 0, .7);--color-text-subtle: rgba(255, 255, 255, .5);--color-text-subtle-light: rgba(0, 0, 0, .4);--color-text-label-light: rgba(0, 0, 0, .3);--color-text-dark: rgba(0, 0, 0, .6);--color-border: rgba(255, 255, 255, .15);--color-border-light: rgba(0, 0, 0, .15);--color-border-light-subtle: rgba(0, 0, 0, .1);--color-border-dark: rgba(0, 0, 0, .15);--color-counter-dim: rgba(0, 0, 0, .2);--font-display: "Michroma", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "JetBrains Mono", monospace;--container-padding: clamp(20px, 5vw, 80px);--max-width: 1280px;--nav-height: 93px;--topbar-height: 32px;--section-gap: clamp(64px, 10vw, 128px);--pixel-size: clamp(16px, 2.5vw, 24px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--color-bg-dark);color:var(--color-text);line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit;background:none;border:none}ul{list-style:none}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-padding)}:where(section,footer):has(>.section-divider){position:relative}.section-divider{position:absolute;top:0;left:0;right:0;height:1px;border:none;margin:0;background:var(--color-border)}.section-divider--light{background:linear-gradient(90deg,rgba(0,0,0,.1) 0% 30%,transparent 30% 32%,rgba(0,0,0,.1) 32% 75%,transparent 75% 80%,rgba(0,0,0,.1) 80% 100%)}.section--light{background:var(--color-bg-light);color:var(--color-text-light)}.section--light .section-label{color:var(--color-text-subtle-light);letter-spacing:2px}.section--light .section-title{color:var(--color-text-light)}.section--light .heading-dots span:nth-child(2){background:#000}.section-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.section-bg img{width:100%;height:100%;object-fit:cover}.section__content{position:relative;z-index:1}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-subtle)}.section-title{font-family:var(--font-display);font-size:clamp(14px,2vw,16px);letter-spacing:1.6px;text-transform:uppercase;line-height:1.5}.heading-dots{display:flex;gap:4px;align-items:center}.heading-dots span{width:8px;height:8px;background:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(11px,1.5vw,13px);letter-spacing:1.3px;text-transform:uppercase;padding:13px 33px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;border:1px solid transparent;white-space:nowrap}.btn--primary{background:var(--color-primary);color:#000;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled),.btn--primary:focus-visible{background:#000;color:var(--color-primary);border-color:#000}.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover:not(:disabled),.btn--outline:focus-visible{background:var(--color-primary);color:#000}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-text)}.btn--ghost:hover:not(:disabled),.btn--ghost:focus-visible{background:var(--color-text);color:var(--color-bg-dark)}.btn--dark{background:var(--color-bg-dark);color:var(--color-text);border-color:var(--color-border)}.btn--dark:hover:not(:disabled),.btn--dark:focus-visible{background:var(--color-text);color:var(--color-bg-dark);border-color:var(--color-text)}.btn--outline-dark{background:transparent;color:#000;border-color:#000}.btn--outline-dark:hover:not(:disabled),.btn--outline-dark:focus-visible{background:#000;color:#fff}.btn--outline-muted{background:transparent;color:#0003;border-color:#0000001a}.card-border--light{border-color:var(--color-border-light)}.card-border--light:before,.card-border--light:after{border-color:#00000026}.card-border--dark{border-color:#ffffff26}.card-border--dark:before,.card-border--dark:after{border-color:#ffffff26}.btn:disabled{opacity:.4;cursor:not-allowed}.pixel-heart{width:16px;height:16px;background:var(--color-accent);position:relative;clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 50%,50% 100%,0% 50%,0% 25%)}.pixel-heart--sm{width:12px;height:12px}.pixel-heart--lg{width:24px;height:24px}.pixel-cluster{display:flex;gap:4px;align-items:center}.pixel-cluster span{display:block;background:var(--color-primary);height:3px}.card-border{position:relative;border:1px solid var(--color-border)}.card-border:before,.card-border:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--color-primary);border-style:solid}.card-border:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.card-border:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal-stagger.is-visible>*:nth-child(1){transition-delay:0s;opacity:1;transform:none}.reveal-stagger.is-visible>*:nth-child(2){transition-delay:.12s;opacity:1;transform:none}.reveal-stagger.is-visible>*:nth-child(3){transition-delay:.24s;opacity:1;transform:none}.reveal-stagger.is-visible>*:nth-child(4){transition-delay:.36s;opacity:1;transform:none}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@keyframes hero-pixel-fly{0%{opacity:0;transform:translate(var(--start-x, 8px)) scale(.35)}14%{opacity:1;transform:translate(var(--start-x, 8px)) scale(1)}to{opacity:0;transform:translate(calc(var(--start-x, 8px) + var(--fly-x, 0)),var(--fly-y, 0)) scale(1)}}.hero__pixel{position:absolute;background:var(--color-primary);opacity:0;image-rendering:pixelated;animation:hero-pixel-fly var(--duration, 1.2s) ease-out forwards;will-change:transform,opacity}@keyframes pixel-scatter-in{0%{opacity:0;transform:translate(calc(var(--scatter-x, 0) * 40px),calc(var(--scatter-y, 0) * 40px)) scale(0)}60%{opacity:1;transform:translate(0) scale(1.1)}to{opacity:1;transform:translate(0) scale(1)}}.hero-dot{opacity:0;animation:pixel-scatter-in .5s ease forwards;animation-delay:var(--delay, 0s)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor:after{content:"▋";margin-left:2px;animation:cursor-blink .8s step-end infinite;color:var(--color-primary)}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.crt-section{position:relative;overflow:hidden}.crt-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:2}.crt-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(161,213,3,.03) 50%,transparent 100%);height:120px;animation:scanline-move 6s linear infinite;pointer-events:none;z-index:3}@keyframes count-glow{0%,to{filter:none}50%{filter:drop-shadow(0 0 12px rgba(161,213,3,.35))}}.impact-counter.is-counting .impact-counter__value-line{animation:count-glow 1.5s ease}.nav-toggle:checked~.nav__overlay{opacity:1;visibility:visible}.nav-toggle:checked~.nav__menu{transform:translate(0)}.nav-toggle:checked+.nav__hamburger .nav__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle:checked+.nav__hamburger .nav__bar:nth-child(2){opacity:0}.nav-toggle:checked+.nav__hamburger .nav__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}details.faq-item summary{cursor:pointer;list-style:none}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item[open] summary .faq-item__icon{transform:rotate(45deg)}details.faq-item .faq-item__answer{animation:faq-open .3s ease}@keyframes faq-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.coming-soon__dot{animation:pulse-dot 2s ease infinite}
