*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--color-violet-50:oklch(.969 .016 293.756);--color-violet-100:oklch(.943 .029 294.588);--color-violet-200:oklch(.894 .057 293.283);--color-violet-300:oklch(.811 .111 293.571);--color-violet-400:oklch(.702 .183 293.541);--color-violet-500:oklch(.606 .25 292.717);--color-violet-600:oklch(.541 .281 293.009);--color-violet-700:oklch(.491 .27 292.581);--color-violet-800:oklch(.432 .232 292.759);--color-violet-900:oklch(.38 .189 293.745);--color-violet-950:oklch(.283 .141 291.089);--color-slate-50:oklch(.984 .003 247.858);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-300:oklch(.869 .022 252.894);--color-slate-400:oklch(.704 .04 256.788);--color-slate-500:oklch(.554 .046 257.417);--color-slate-600:oklch(.446 .043 257.281);--color-slate-700:oklch(.372 .044 257.287);--color-slate-800:oklch(.279 .041 260.031);--color-slate-900:oklch(.208 .042 265.755);--color-slate-950:oklch(.129 .042 264.695);--color-black:#000;--color-white:#FFF;--color-highlight:var(--color-violet-700);--color-highlight-subtle:var(--color-violet-400);--color-text:var(--color-slate-800);--color-text-subtle:var(--color-slate-600);--color-text-inverse:var(--color-white);--color-backgound:var(--color-white);--color-backgound-content:var(--color-slate-100);--color-backgound-strong:var(--color-slate-200)}html{font-family:Manrope,sans-serif;font-size:16px;scroll-behavior:smooth}.container{margin:auto;max-width:calc(1200px + 4rem)}.header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--color-backgound),transparent 5%);position:sticky;top:0;z-index:1}.header__content{align-items:center;display:flex;height:88px;justify-content:space-between;padding:0 2rem}@media only screen and (max-width:959px){.header__content{height:72px;padding:0 1rem}}.header__logo{align-items:center;display:flex;gap:.25rem;justify-content:center}.header__logo-image{aspect-ratio:1/1;width:32px}.header__logo-text{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.header__logo-name{color:var(--color-slate-800);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:900}.header__logo-early{color:var(--color-violet-700);font-size:.75rem;font-weight:400}.menu{display:flex;gap:1rem}@media only screen and (max-width:959px){.menu{display:none}}.menu__link{color:var(--color-highlight);padding:.5rem;text-decoration:none}.link{color:var(--color-highlight);font-weight:500}.button{border-radius:.75rem;display:inline-flex;padding:1rem;text-decoration:none;white-space:nowrap}@media only screen and (max-width:959px){.button{border-radius:.5rem;padding:.5rem .75rem}}.button--highlight{background:var(--color-highlight);color:var(--color-text-inverse);font-weight:700}.content{padding:0 2rem}@media only screen and (max-width:959px){.content{padding:0 1rem}}.hero{display:grid;grid-template-columns:4fr 3fr;gap:2rem;margin-top:2rem}@media only screen and (max-width:959px){.hero{margin-top:1rem}}@media only screen and (max-width:959px){.hero{grid-template-columns:1fr}}.hero__start{align-self:center;display:flex;flex-direction:column;gap:1.5rem}.hero__end{background:url(https://assets.mekobase.cloud/tubelyzer/img/login-bg.webp);background-position:center;background-size:cover;border-radius:2rem;height:640px}@media only screen and (max-width:959px){.hero__end{display:none}}.hero__title{color:var(--color-text);font-family:Plus Jakarta Sans,sans-serif;font-size:3rem;font-weight:900;line-height:3.75rem}@media only screen and (max-width:959px){.hero__title{font-size:2.25rem;line-height:normal}}.hero__description{color:var(--color-text-subtle);line-height:1.75rem}@media only screen and (max-width:959px){.hero__action{align-items:center;display:flex;justify-content:center}}.features{display:flex;flex-direction:column;gap:2rem;margin-top:6rem}@media only screen and (max-width:959px){.features{margin-top:4rem}}.features__title{color:var(--color-text);font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:900;text-align:center}@media only screen and (max-width:959px){.features__title{font-size:1.75rem}}.features__list{display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;list-style:none;margin:0;padding:0}@media only screen and (max-width:959px){.features__list{grid-template-columns:1fr}}.feature{background:var(--color-backgound-content);border-radius:2rem;display:flex;flex-direction:column;gap:1rem;margin:0;padding:2rem}@media only screen and (max-width:959px){.feature{border-radius:1rem;padding:1rem}}.feature--middle{grid-column-start:2}@media only screen and (max-width:959px){.feature--middle{grid-column-start:auto}}.feature__title{color:var(--color-text);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:900;text-align:center}@media only screen and (max-width:959px){.feature__title{font-size:1.25rem;text-align:left}}.feature__description{color:var(--color-text-subtle);line-height:1.75rem}.faq{display:flex;flex-direction:column;gap:2rem;margin-top:6rem}@media only screen and (max-width:959px){.faq{margin-top:4rem}}.faq__title{color:var(--color-text);font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:900;text-align:center}@media only screen and (max-width:959px){.faq__title{font-size:1.75rem}}.faq__list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 auto;max-width:640px;padding:0}.question{background:var(--color-backgound-content);border-radius:1rem;display:grid;grid-template-rows:max-content 0fr;margin:0;transition:grid-template-rows .15s ease-out}.question__title{color:var(--color-text);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:900;padding:1rem 1.5rem;-webkit-user-select:none;user-select:none}.question__description{color:var(--color-text-subtle);line-height:1.75rem;overflow:hidden}.question__description-inner{padding:0 1.5rem 1rem}.question:has(.question__summary[open]){grid-template-rows:max-content 1fr}.question__title{display:grid;gap:1rem;grid-template-columns:auto 16px;list-style:none}.question__title::marker{display:none}.question__title:after{border:0;border-top:2px solid var(--color-highlight);border-left:2px solid var(--color-highlight);content:"";display:flex;height:12px;justify-self:end;transform:translateY(3px) rotate(45deg) scale(-1);transition:transform .15s ease-out;width:12px}:where(.question__summary[open]) .question__title:after{transform:translateY(7px) rotate(45deg) scale(1)}.footer{border-top:1px solid var(--color-backgound-strong);margin-top:6rem;padding:3rem 0}@media only screen and (max-width:959px){.footer{margin-top:4rem}}.footer__content{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:0 2rem}@media only screen and (max-width:959px){.footer__content{justify-content:center;padding:0 1rem}}.copyright{color:var(--color-text-subtle)}@media only screen and (max-width:959px){.copyright{text-align:center}}@media only screen and (max-width:959px){.hide-on-mobile{display:none}}@media only screen and (min-width:960px){.hide-on-desktop{display:none}}
