@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;1,400&family=Inter:wght@300;400;600&family=Pixelify+Sans:wght@400&display=swap";:root{--white: #ffffff;--off-white: #f4f4f5;--black: #18181b;--off-black: #3f3f46;--font-serif: "Instrument Serif", serif;--font-sans: "Inter", sans-serif;--font-pixel: "Pixelify Sans", sans-serif;--radius: 16px;--spacing: 16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--off-white);color:var(--black);font-family:var(--font-sans);font-weight:400;line-height:1.5;min-height:100vh}.main-wrapper{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);min-height:100vh}.tooltip{position:absolute;background-color:#000;color:#fff;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;line-height:18px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;white-space:nowrap;pointer-events:none;transform:translate(-50%);border-radius:4px}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent black transparent}.tooltip.show{opacity:1;visibility:visible}.navbar{display:flex;justify-content:space-between;align-items:center;padding:40px 80px;position:absolute;top:16px;left:16px;right:16px;z-index:10}@media(max-width:1400px){.navbar{padding:24px 40px}}.logo{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--white);cursor:pointer}.nav-button{background-color:var(--white);color:var(--black);padding:12px 16px;text-decoration:none;font-weight:400;font-size:14px;line-height:18px;font-family:var(--font-sans);border-radius:0!important}section{background-color:var(--white);border-radius:var(--radius);padding:80px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:64px;overflow:hidden;position:relative}h1{font-family:var(--font-serif);font-weight:400;font-size:112px;line-height:104px;color:var(--black)}h2{font-family:var(--font-serif);font-weight:400;font-size:56px;line-height:64px;color:var(--black)}@media(max-width:1600px){h1{font-size:96px;line-height:88px}}@media(max-width:1400px){h1{font-size:80px;line-height:72px}}@media(max-width:960px){h1{font-size:64px;line-height:56px}h1 br,.description br{display:none}}@media(max-width:700px){section{padding:24px;gap:48px}h1{font-size:64px;line-height:64px}@media(max-width:500px){h1{font-size:56px;line-height:48px}}h1 br,.description br{display:none}h2{font-size:40px;line-height:48px}.navbar{justify-content:center}.navbar .nav-button{display:none}}.section-icon-mark{width:28px;height:auto}.section-title-group{display:flex;flex-direction:column;align-items:center;gap:16px}.description{color:var(--off-black);max-width:600px;font-size:16px;line-height:24px;font-weight:400}.cta-button{padding:16px 32px;background-color:var(--black);color:var(--white);border-radius:0!important;font-weight:400;text-decoration:none;font-size:16px;line-height:24px;border:none;cursor:pointer;transition:opacity .2s}.cta-button:hover{opacity:.9}.hero-section{width:100%;aspect-ratio:5088 / 3576;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url(/assets/scarlettt-desktop-hero.webp);justify-content:flex-start;padding:80px}@media(max-width:1024px){.hero-section{aspect-ratio:2334 / 3240;background-image:url(/assets/scarlettt-tab-hero.webp)}}@media(max-width:480px){.hero-section{aspect-ratio:1140 / 2760;background-image:url(/assets/scarlettt-mobile-hero.webp)}}.hero-section h1{color:var(--white);margin-bottom:24px}.hero-section .description{color:var(--white);font-size:20px;line-height:28px;font-weight:300;margin-bottom:40px}.hero-section .cta-button{margin-bottom:16px}.hero-content{display:flex;flex-direction:column;align-items:center;width:100%;z-index:2;margin-top:160px}@media(max-width:1600px){.hero-content{margin-top:120px}}@media(max-width:1400px){.hero-content{margin-top:80px}}@media(max-width:1280px){.hero-section{aspect-ratio:2496 / 2314;background-image:url(/assets/scarlettt-desktop-2-hero.webp)}.hero-content{margin-top:120px}}@media(max-width:960px){.hero-section{aspect-ratio:2334 / 3240;background-image:url(/assets/scarlettt-tab-hero.webp)}.hero-content{margin-top:104px}}@media(max-width:700px){.hero-section{aspect-ratio:1140 / 2760;background-image:url(/assets/scarlettt-mobile-hero.webp);padding:24px}.hero-section .description{font-size:16px;line-height:24px}.hero-content{margin-top:144px}@media(max-width:500px){.hero-content{margin-top:104px}}}@media(max-width:440px){.hero-section{aspect-ratio:760 / 2400;background-image:url(/assets/scarlettt-mobile-s-hero.webp)}}.platforms-img{width:auto;height:24px;object-fit:contain;opacity:80%}.features-grid-wrapper{background-color:var(--off-white);padding:16px;width:100%;max-width:1200px;border-radius:16px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{text-align:left;padding:40px;background-color:var(--white);display:flex;flex-direction:column;gap:40px;border-radius:8px}.feature-icon{font-size:40px;color:var(--black)}.card-text-group{display:flex;flex-direction:column;gap:16px}.card-title{font-weight:600;font-size:24px;line-height:32px;display:block}.freedom-section{padding-bottom:80px}.monitor-frame{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding-top:120px;background-color:var(--off-white);border-radius:8px}.macintosh-img{position:relative;z-index:2;width:100%;max-width:500px;height:auto}.marquee-behind{position:absolute;width:100%;top:50%;transform:translateY(-50%);z-index:1;overflow:hidden;background-color:var(--off-white);padding:60px 0;display:flex;justify-content:flex-start}.marquee-content{display:flex;gap:40px;white-space:nowrap;animation:marquee 30s linear infinite;width:max-content}.marquee-item{font-family:var(--font-pixel);font-size:clamp(1.5rem,4vw,3rem);display:flex;align-items:center;gap:40px;color:var(--black)}.dot-pattern{width:16px;height:16px;object-fit:contain}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}.step-card{display:flex;flex-direction:column;align-items:center;gap:24px}.circle{width:100%;aspect-ratio:1 / 1;border:1px solid var(--black);border-radius:50%!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.step-icon{font-size:40px;color:var(--black)}.subtext{font-size:20px;line-height:28px;font-weight:500}.community-btn{padding:16px 32px;background-color:var(--black);color:var(--white);border-radius:0!important;font-weight:400;font-size:16px;line-height:24px;text-decoration:none;margin-top:32px;display:inline-block}.footer-section{width:100%;aspect-ratio:5088 / 3072;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url(/assets/scarlettt-desktop-footer.webp);justify-content:flex-start;padding:40px;border-radius:16px}@media(max-width:1024px){.footer-section{aspect-ratio:2334 / 3240;background-image:url(/assets/scarlettt-tab-footer.webp)}}@media(max-width:480px){.footer-section{aspect-ratio:1140 / 2760;background-image:url(/assets/scarlettt-mobile-footer.webp)}}.footer-content{display:flex;flex-direction:column;align-items:center;z-index:2;margin-top:120px;text-align:center}.footer-content h1{color:var(--white);margin-bottom:40px}.footer-content .cta-button{margin-bottom:16px}.footer-content .platforms-img{margin-top:0}@media(max-width:1600px){.footer-content{margin-top:110px}}@media(max-width:1400px){.footer-content{margin-top:80px}}@media(max-width:1280px){.footer-section{aspect-ratio:2496 / 2400;background-image:url(/assets/scarlettt-desktop-2-footer.webp)}.footer-content{margin-top:120px}}@media(max-width:960px){.footer-section{aspect-ratio:2334 / 3240;background-image:url(/assets/scarlettt-tab-footer.webp)}.footer-content{margin-top:104px}}@media(max-width:700px){.footer-section{aspect-ratio:1140 / 2760;background-image:url(/assets/scarlettt-mobile-footer.webp);padding:24px}.footer-content{margin-top:48px}.subtext{font-size:16px;line-height:24px;font-weight:500}.monitor-frame{padding-top:64px;padding-left:32px;padding-right:32px}}@media(max-width:960px){.features-grid,.steps-grid{grid-template-columns:1fr}}