.section-hero{position:relative;overflow:hidden;z-index:1;padding:var(--s-64) 0;background:#000;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;inset:0;background:rgba(0,0,0,.33);z-index:1}.hero-bg-parallax{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-background{width:100%;height:100%}.hero-content{position:relative;z-index:1;width:-moz-fit-content;width:fit-content;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-white);width:100%;max-width:64rem}.hero-title{font-size:var(--s-56);.plus{display:inline-flex;align-items:center;justify-content:center;transform-origin:center;transform:translateY(-100%);margin:0 -.5rem;svg{width:var(--s-32);height:var(--s-32)}}}.hero-description{font-size:var(--s-16);font-weight:300;color:hsla(0,0%,100%,.5);max-width:24rem;letter-spacing:-.02em}}.section-about{padding:var(--s-128);background:var(--c-bg);.about-icon{color:var(--c-text);margin-bottom:var(--s-52)}.about-text{margin:0 0 var(--s-32);line-height:1.2;letter-spacing:-.04em;font-size:var(--s-32);max-width:60rem}.about-char,.about-word{display:inline}.about-char{color:var(--c-text-muted);transition:color .2s ease}.about-char-on{color:var(--c-text)}.about-actions{display:flex;gap:var(--s-16);margin-top:var(--s-64)}}.section-tools{padding:var(--s-52) var(--s-128);background:var(--c-bg);overflow:hidden;.tools-row{display:flex;align-items:center;gap:var(--s-64)}.tools-label{flex-shrink:0;max-width:16rem}.tools-label-title{font-size:var(--s-24);margin:0 0 var(--s-8);letter-spacing:-.02em}.tools-label-desc{font-size:var(--s-14);color:#777;line-height:1.4;margin:0;font-weight:300;letter-spacing:-.02em}.tools-track-wrap{flex:1 1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent)}.tools-track{display:flex;width:max-content;animation:tools-scroll 90s linear infinite}.tools-item{display:flex;align-items:center;justify-content:center;padding:0 2rem}.tools-logo{width:100%;height:auto;max-width:100px;object-fit:contain;filter:saturate(0) brightness(.7);opacity:1;transition:filter .3s ease;padding:2rem;&:hover{filter:saturate(1) brightness(1)}}}@keyframes tools-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}