body{background-color:#121414}.verstka-page{color:#e3e2e2}.verstka-page ::selection{color:#1b1c1c;background-color:#eaea00}.verstka-page h1{line-height:1}@media (min-width:769px){.verstka-page h2{font-size:65px}}@media (max-width:768px){.verstka-page h1{letter-spacing:0!important;font-size:42px!important;line-height:1.1!important}.verstka-page h2{letter-spacing:-.05rem!important;font-size:36px!important;line-height:1.15!important}.verstka-page h3{letter-spacing:-.03rem!important;font-size:32px!important;line-height:1.2!important}.verstka-page h4{font-size:28px!important;line-height:1.3!important}.verstka-page h2,.verstka-page h3,.verstka-page h4{word-break:break-word;overflow-wrap:break-word;text-wrap:balance;hyphens:auto}}#bg-canvas-verstka{z-index:0;opacity:.12;pointer-events:none;will-change:transform;width:100%;height:100%;position:fixed;top:0;left:0}.boot-up{opacity:0;will-change:opacity, transform;transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.boot-up.visible{opacity:1;transform:translateY(0)}.stage-card{will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.stage-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#eaea000d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.stage-card:hover:after{left:100%}.accent-glow{box-shadow:0 0 30px #eaea0026}@keyframes codeLineFadeIn{0%{opacity:0;filter:blur(4px);transform:translate(-30px)scaleX(.3)}50%{opacity:.5;filter:blur(2px);transform:translate(-10px)scaleX(.7)}to{opacity:var(--target-opacity,.8);filter:blur();transform:translate(0)scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes pulseGlow{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}@keyframes drawLine{0%{stroke-dashoffset:200px;opacity:0}50%{opacity:.5}to{stroke-dashoffset:0;opacity:.5}}@keyframes browserEntrance{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:.8;transform:scale(1)translateY(0)}}@keyframes mobileEntrance{0%{opacity:0;transform:translate(30px)rotate(-10deg)}to{opacity:.6;transform:translate(0)rotate(0)}}@keyframes codeLinePulse{0%,to{opacity:var(--target-opacity,.8);transform:translate(0)}50%{opacity:calc(var(--target-opacity,.8) + .2);transform:translate(2px)}}#hero-svg{animation:1s ease-out forwards browserEntrance}#hero-svg rect[fill=\#eaea00]{opacity:0;animation:.8s ease-out forwards codeLineFadeIn,3s ease-in-out 1s infinite codeLinePulse}#hero-svg rect[fill=\#eaea00]:nth-of-type(5){--target-opacity:.8;animation-delay:50ms,1.2s}#hero-svg rect[fill=\#eaea00]:nth-of-type(6){--target-opacity:.6;animation-delay:.1s,1.5s}#hero-svg rect[fill=\#eaea00]:nth-of-type(7){--target-opacity:.7;animation-delay:.15s,1.8s}#hero-svg rect[fill=\#eaea00]:nth-of-type(8){--target-opacity:.5;animation-delay:.2s,2.1s}#hero-svg rect[fill=\#eaea00]:nth-of-type(9){--target-opacity:.6;animation-delay:.25s,2.4s}#hero-svg rect[fill=\#eaea00]:nth-of-type(10){--target-opacity:.5;animation-delay:.3s,2.7s}#hero-svg rect[fill=\#eaea00]:nth-of-type(11){--target-opacity:.4;animation-delay:.35s,3s}#hero-svg rect[fill=\#eaea00]:nth-of-type(12){--target-opacity:.6;animation-delay:.4s,3.3s}#hero-svg circle[cx="450"]{animation:2s ease-in-out infinite pulseGlow}#hero-svg circle[cx="60"]{animation:2.5s ease-in-out .5s infinite pulseGlow}#hero-svg path[stroke-dasharray]{stroke-dasharray:4 4;opacity:0;animation:1.5s ease-out .8s forwards drawLine}#hero-svg rect[x="300"][y="180"]{opacity:0;animation:.8s ease-out .5s forwards mobileEntrance,3s ease-in-out 1.3s infinite float}#hero-svg circle[fill=\#ff5f57],#hero-svg circle[fill=\#febc2e],#hero-svg circle[fill=\#28c840]{animation:1.5s ease-in-out infinite pulseGlow}#hero-svg circle[fill=\#febc2e]{animation-delay:.2s}#hero-svg circle[fill=\#28c840]{animation-delay:.4s}@media (prefers-reduced-motion:reduce){.boot-up{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}#bg-canvas-verstka,.stage-card{will-change:auto}#hero-svg rect[fill=\#eaea00],#hero-svg circle,#hero-svg path,#hero-svg rect[x="300"][y="180"]{opacity:1!important;animation:none!important;transform:none!important}}