*,*::before,*::after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#222;padding:0;margin:0;line-height:1.6}li{list-style-type:none}a{text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s ease-in-out}a:hover{text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:2px;text-underline-offset:5px}button{cursor:pointer}.btns{font-size:1.125rem;padding:1em 3em;transition:all .3s ease-in-out;cursor:pointer}.btns:hover{background:rgba(0,0,0,.2)}.primary-btn{color:var(--black-clr);border:2px solid var(--white-clr);background:var(--white-clr);margin:0 1em 0 0}.primary-btn:hover{color:var(--white-clr)}.secondary-btn{color:var(--white-clr);background:rgba(0,0,0,0);border:2px solid var(--white-clr)}@media screen and (max-width: 768px){.btns{font-size:1rem;padding:1em 2.5em;transition:all .3s ease-in-out;cursor:pointer}.btns:hover{background:rgba(0,0,0,.2)}.primary-btn{display:none}}:root{--black-clr: #000000;--white-clr: #ffffff;--theme-clr: #ff2a00;--accent-clr: rgb(116, 186, 255);--grey-clr: #333333}.space{height:100vh}.box{width:50px;height:50px;background-color:lime}.nav{position:fixed;width:100%;padding:2em;transition:all .3s ease-in-out;background-color:rgba(255,255,255,0)}.nav__content{display:flex;justify-content:space-between;align-items:center;margin-inline:auto;z-index:1;max-width:1800px}.nav__logo{font-size:1.3rem;font-weight:600;white-space:nowrap;color:var(--white-clr)}.nav__logo>a{font-size:1rem}.nav__menu{display:flex;width:100%}.nav__menu li{margin:0 3em;padding:0 0 0 0}.nav__menu a{color:var(--white-clr)}.nav__ham{display:none;flex-direction:column;justify-content:space-between;align-items:flex-start;width:45px;height:18px;z-index:9999}.nav__lines{width:100%;height:2.5px;border-radius:50px;background:var(--white-clr)}.nav__line-2{width:50%;height:3px}.nav__line-3{width:70%;height:3px}.nav .mobile__nav{display:none;position:absolute;right:0;top:100%;width:70%;height:100vh;z-index:9999;background:#000}.nav .mobile__nav .mobile__menu{padding:0;margin:0;width:100%;height:100%;text-align:center}.nav .mobile__nav .mobile__menu a{padding:2em 1em;font-size:1.2rem;color:#000;border-bottom:1px solid #d3d3d3}.nav .mobile__nav .mobile__menu a:hover{background:lime}.nav .mobile__nav.--show{display:block}.hero{padding:12em 2em 2em 2em;background:#003bd1;background:linear-gradient(245deg, rgb(0, 59, 209) 0%, rgb(157, 52, 207) 100%)}.hero__content{display:flex;justify-content:space-between;gap:2rem;width:min(100%,1600px);margin-inline:auto;z-index:10}.hero__left{position:relative;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:0}.hero__left h1{font-size:4rem;line-height:70px;margin:0}.hero__left p{font-size:1.3rem;margin:0 0 2em 0em;max-width:400px}.hero__strings{width:100%;height:20%;margin-top:1.5em}.hero__options{display:flex;align-items:center;gap:3rem;margin-bottom:.8em}.hero__options h2{font-size:1.2rem;color:rgba(255,255,255,.7);text-align:left;display:inline-block}.hero__options-inner{display:flex;gap:1rem}.hero__options-inner--btns{padding:.6em 1em;color:#fff;border:1px solid rgba(0,0,0,0);background:rgba(255,255,255,.1);transition:all .4s ease-in-out}.hero__options-inner--btns:hover{border:none;padding:.6em 1em;border:1px solid #fff;background:rgba(0,0,0,.2)}.hero__options-inner--btns:focus{border:none;padding:.6em 1em;border:1px solid #fff;background:rgba(0,0,0,.2)}.hero__lines{display:inline-block;justify-content:center;align-items:center;width:100%;border:none;border-radius:50px;background:rgba(255,255,255,.2);cursor:pointer}.hero__lines:hover{transition:all .3s ease-in-out;background:rgba(255,255,255,.5)}.hero__key{display:flex;justify-content:flex-start;align-items:center;margin:0;padding:0}.hero__line-1{left:20px;height:13px}.hero__line-2{top:40px;height:12px}.hero__line-3{top:60px;height:11px}.hero__line-4{top:80px;height:10px}.hero__line-5{top:100px;height:9px}.hero__line-6{top:120px;height:8px}.hero__right{width:50%;display:flex;justify-content:center;align-items:center}.hero__features{display:grid;grid-template-columns:repeat(auto-fit, 250px)/repeat(100%, 1fr);gap:3rem}.hero__features--card{padding:2em;background:rgba(0,0,0,.125);transition:all .3s ease-in-out;border:1px solid rgba(255,255,255,0)}.hero__features--card h2{font-size:1.3rem;font-weight:600;margin-bottom:.6em}.hero__features--card p{font-size:1.125rem}.hero__features--card:hover{border:1px solid #fff;background:rgba(0,0,0,.2)}.hero .card-2{transform:translateX(50px)}.hero__note1{position:absolute;top:0;left:0}.hero__note2{position:absolute;top:10px;right:20px;transform:rotate(180deg)}.hero__note3{position:absolute;top:auto;bottom:auto;right:0}.hero__note4{position:absolute;bottom:30px;left:-60px}.hero__box{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:1.2rem;color:rgba(255,255,255,.5);text-align:left}@media screen and (max-width: 1500px){.hero{padding:7em 2em 2em 2em}.hero__content{display:flex;justify-content:space-between;gap:2rem;width:min(100%,1200px);margin-inline:auto}.hero__left{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero__left h1{font-size:3.5rem;line-height:56px;margin:0}.hero__left p{font-size:1.3rem;margin:.5em 0 1.5em 0;max-width:400px}.hero__right{width:40%;display:flex;justify-content:center;align-items:center}.hero__features{display:grid;grid-template-columns:repeat(auto-fit, 250px)/repeat(100%, 1fr);gap:1.5rem}.hero__features--card{padding:1.5em;background:rgba(0,0,0,.125);transition:all .3s ease-in-out}.hero__features--card h2{font-size:1.1rem;font-weight:600;margin-bottom:0em}.hero__features--card p{font-size:.9rem}}@media screen and (max-width: 1250px){.hero{padding:7em 2em 2em 2em}.hero__content{width:100%;margin-inline:auto}.hero__left{width:50%}.hero__left h1{font-size:2.5rem;line-height:50px;margin:0}.hero__left p{font-size:1.1rem;margin:.2em 0 1.5em 0}.hero__right{width:50%;display:flex;justify-content:center;align-items:center}.hero .card-2{transform:translateX(0)}.hero__note4{left:0}}@media screen and (max-width: 1050px){.nav__ham{display:flex}.nav .nav__content .nav__menu{display:none}.hero__content{flex-direction:column;align-items:center;width:100%;margin-inline:auto}.hero__left{position:revert;top:0;width:100%}.hero__left h1{font-size:2.5rem;line-height:50px;margin:0}.hero__left p{font-size:1.1rem;margin:.2em 0 1.5em 0}.hero__right{width:100%;display:flex;justify-content:center;align-items:center}.hero .card-2{transform:none}.hero .hero__features{display:grid;grid-template-columns:repeat(auto-fit, 250px)/repeat(100%, 1fr);gap:2rem}.hero__note2{display:none}.hero__note4{display:none}}@media screen and (max-width: 768px){.nav{padding:1.125em}.nav__logo{font-size:1.1rem}.nav__menu{display:none}.hero{padding:7em 1.125em 3em 1.125em}.hero__content{flex-direction:column;align-items:center;gap:4rem;width:100%;margin-inline:auto}.hero__left{width:100%}.hero__left h1{font-size:2rem;line-height:40px;margin:0}.hero__left p{font-size:1rem;margin:.6em 0 1.5em 0}.hero__right{width:100%;display:flex;justify-content:center;align-items:center}.hero__note3{left:-100px}.hero .hero__features{display:grid;grid-template-columns:repeat(auto-fit, 250px)/repeat(100%, 1fr);gap:2rem}.hero__note1{display:none}.hero__note3{display:none}.hero__options{justify-content:space-between;gap:0rem}.hero__options h2{font-size:.9rem}.hero__options-inner{display:flex;gap:.5rem}.hero__options-inner--btns{font-size:.7rem;padding:.3em .6em;color:#fff;border:1px solid rgba(0,0,0,0);background:rgba(255,255,255,.1);transition:all .4s ease-in-out}.hero__box{gap:.3rem;font-size:.8rem}.hero__lines{height:8px;border:none;border-radius:50px;cursor:pointer}}