:root{--c-lime:#dff83b;--c-navy:#080544;--c-royal:#2322a4;--c-periwinkle:#5660ee;--c-light:#e7e7e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--c-light);background-color:var(--c-navy);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Catamaran,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--c-navy);min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}*{box-sizing:border-box}button{font-family:inherit}.blob-bg{z-index:-1;opacity:.5;pointer-events:none;position:absolute}.marquee-wrapper{z-index:2;width:100%;padding:0;position:relative;overflow:visible}.marquee-strip{white-space:nowrap;align-items:center;width:110vw;margin-left:-5vw;padding:14px 0;display:flex;overflow:hidden}.marquee-strip--rotate-pos{transform:rotate(2deg)}.marquee-strip--rotate-neg{transform:rotate(-2deg)}.marquee-strip--large{padding:24px 0}.marquee-strip--lime{color:#080544;background-color:#dff83b}.marquee-strip--royal{color:#dff83b;background-color:#2322a4}.marquee-strip--periwinkle{color:#e7e7e7;background-color:#5660ee}.marquee-track{align-items:center;display:flex}.marquee-track--left{animation:marquee-scroll-left var(--marquee-duration) linear infinite}.marquee-track--right{animation:marquee-scroll-right var(--marquee-duration) linear infinite}.marquee-item{text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:24px;padding:0 24px;font-family:Catamaran,sans-serif;font-size:1.1rem;font-weight:800;display:inline-flex}.marquee-strip--large .marquee-item{font-size:1.4rem}.marquee-separator{opacity:.7;flex-shrink:0;font-size:.85rem}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.wave-divider{width:100%;height:auto;line-height:0;display:block;overflow:hidden}.wave-divider svg{width:100%;height:auto;display:block}.wave-divider--flipped svg{transform:scaleY(-1)}.features{background-color:var(--c-periwinkle,#5660ee);padding:100px 5%;position:relative;overflow:hidden}.features__inner{max-width:1200px;margin:0 auto}.features__header{text-align:center;margin-bottom:64px}.features__title{color:var(--c-light,#e7e7e7);margin:0 0 12px;font-family:Catamaran,sans-serif;font-size:3.2rem;font-weight:900;line-height:1.1}.features__grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.features__card{background-color:var(--c-navy,#080544);border:3px solid var(--c-royal,#2322a4);cursor:default;border-radius:24px;flex-direction:column;gap:20px;padding:44px 36px;transition:border-color .3s,box-shadow .3s;display:flex}.features__card:hover{border-color:var(--c-lime,#dff83b);box-shadow:0 8px 32px #08054440}.features__icon-badge{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.features__icon-badge--lime{background-color:#dff83b26}.features__icon-badge--periwinkle{background-color:#5660ee33}.features__icon-badge--royal{background-color:#2322a459}.features__card-title{color:var(--c-light,#e7e7e7);margin:0;font-family:Catamaran,sans-serif;font-size:1.45rem;font-weight:800;line-height:1.2}.features__card-desc{color:var(--c-light,#e7e7e7);opacity:.78;margin:0;font-family:Catamaran,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.65}@media (width<=1024px){.features{padding:80px 5%}.features__title{font-size:2.4rem}.features__grid{grid-template-columns:1fr;gap:22px;max-width:520px;margin:0 auto}.features__card{padding:36px 28px}}@media (width<=480px){.features{padding:64px 5%}.features__title{font-size:1.9rem}.features__header{margin-bottom:40px}.features__card{padding:28px 22px}.features__card-title{font-size:1.25rem}.features__card-desc{font-size:.97rem}}.comparison-section{background-color:var(--c-lime,#dff83b);flex-direction:column;align-items:center;padding:40px 5% 120px;display:flex;overflow:hidden}.comparison-title{color:var(--c-navy,#080544);text-align:center;max-width:700px;margin:0 0 60px;font-family:Catamaran,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.15}.comparison-container{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:12px;width:100%;max-width:900px;position:relative;overflow:hidden}.comparison-layer{width:100%;display:block;position:relative}.comparison-layer img{pointer-events:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.comparison-before{z-index:1;position:relative}.comparison-after{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.comparison-labels{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.comparison-label{letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;padding:6px 16px;font-family:Catamaran,sans-serif;font-size:.85rem;font-weight:700;position:absolute;top:16px}.comparison-label--before{color:var(--c-light,#e7e7e7);background-color:#080544b3;border:1px solid #e7e7e733;left:16px}.comparison-label--after{background-color:#080544b3;border:1px solid #e7e7e733;align-items:center;padding:4px 14px;display:flex;right:16px}.comparison-label--after img{width:auto;height:22px;display:block}.comparison-divider{background-color:var(--c-lime,#dff83b);z-index:10;pointer-events:none;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 12px #dff83b66}.comparison-handle{z-index:11;background-color:var(--c-lime,#dff83b);cursor:grab;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:box-shadow .2s,transform .15s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #dff83b40,0 4px 16px #0006}.comparison-handle:active{cursor:grabbing;box-shadow:0 0 0 6px #dff83b59,0 4px 24px #00000080}.comparison-handle svg{color:var(--c-navy,#080544);flex-shrink:0}@keyframes hint-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}.comparison-handle--hinting{animation:1.6s ease-in-out 3 hint-pulse}@media (width<=768px){.comparison-section{padding:60px 4% 80px}.comparison-title{margin-bottom:36px;font-size:1.75rem}.comparison-label{padding:4px 10px;font-size:.7rem;top:10px}.comparison-label--before{left:10px}.comparison-label--after{right:10px}.comparison-label--after img{height:16px}.comparison-handle{width:34px;height:34px}}@media (width<=480px){.comparison-title{margin-bottom:28px;font-size:1.45rem}.comparison-label{padding:3px 8px;font-size:.6rem;top:8px}.comparison-label--before{left:8px}.comparison-label--after{padding:3px 10px;right:8px}.comparison-label--after img{height:14px}.comparison-handle{width:30px;height:30px}}.advantage{background-color:var(--c-royal);padding:100px 5%}.advantage__inner{max-width:1200px;margin:0 auto}.advantage__title{text-align:center;color:var(--c-lime);margin-bottom:60px;font-size:2.5rem;font-weight:800}.advantage__grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:960px;margin:0 auto;display:grid}.advantage__text{color:var(--c-light);opacity:.95;font-size:1.05rem;line-height:1.8}.advantage__pills{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.advantage__pill{background-color:var(--c-lime);color:var(--c-navy);white-space:nowrap;border-radius:50px;align-items:center;gap:12px;padding:14px 28px;font-size:1.05rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #dff83b40}.advantage__pill-icon{font-size:1.3rem;line-height:1}@media (width<=768px){.advantage{padding:70px 5%}.advantage__title{margin-bottom:40px;font-size:1.8rem}.advantage__grid{grid-template-columns:1fr;gap:40px}.advantage__text{text-align:center;font-size:1.05rem}.advantage__pills{align-items:center}.advantage__pill{padding:12px 22px;font-size:.95rem}}.pricing{background-color:var(--c-royal);padding:100px 5%;position:relative;overflow:hidden}.pricing-shape{pointer-events:none;z-index:1;opacity:.8;filter:blur(1px);position:absolute}.pricing-shape-1{width:150px;top:10%;left:-20px;transform:rotate(15deg)}.pricing-shape-2{width:200px;top:60%;right:-40px;transform:rotate(-25deg)}.pricing-shape-3{width:120px;bottom:5%;left:20%;transform:rotate(45deg)}.pricing__inner{z-index:10;max-width:1200px;margin:0 auto;position:relative}.pricing__title{text-align:center;color:var(--c-lime);margin-bottom:60px;font-size:2.5rem;font-weight:800}.pricing__card-wrap{justify-content:center;display:flex}.pricing__card{background-color:var(--c-navy);border:3px solid var(--c-periwinkle);text-align:center;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:48px 40px;display:flex;position:relative}.pricing__badge{background-color:var(--c-periwinkle);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:50px;margin-bottom:28px;padding:6px 20px;font-size:.75rem;font-weight:800}.pricing__price{color:var(--c-lime);margin-bottom:4px;font-size:3.6rem;font-weight:900;line-height:1}.pricing__price-period{opacity:.8;font-size:1.3rem;font-weight:600}.pricing__subtitle{color:var(--c-light);opacity:.85;margin-top:6px;margin-bottom:32px;font-size:1rem}.pricing__benefits{text-align:left;width:100%;margin:0 0 36px;padding:0;list-style:none}.pricing__benefit{color:var(--c-light);align-items:center;gap:12px;padding:10px 0;font-size:1.05rem;display:flex}.pricing__benefit-icon{color:var(--c-lime);flex-shrink:0}.pricing__cta{background-color:var(--c-lime);color:var(--c-navy);cursor:pointer;border:none;border-radius:50px;width:100%;padding:16px 36px;font-size:1.1rem;font-weight:800;transition:transform .2s,box-shadow .2s}.pricing__cta:hover{transform:scale(1.04);box-shadow:0 6px 24px #dff83b59}.pricing__cta:active{transform:scale(.98)}@media (width<=768px){.pricing{padding:70px 5%}.pricing__title{margin-bottom:40px;font-size:1.8rem}.pricing__card{padding:36px 24px}.pricing__price{font-size:2.8rem}}.faq{background-color:var(--c-navy,#080544);padding:100px 5%;font-family:Catamaran,sans-serif}.faq__title{color:var(--c-lime,#dff83b);text-align:center;margin:0 0 60px;font-size:2.5rem;font-weight:800}.faq__list{max-width:700px;margin:0 auto}.faq__item{border-bottom:2px solid var(--c-royal,#2322a4)}.faq__question{cursor:pointer;width:100%;color:var(--c-light,#e7e7e7);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font-family:Catamaran,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.4;transition:color .2s;display:flex}.faq__question:hover{color:var(--c-lime,#dff83b)}.faq__icon{color:var(--c-lime,#dff83b);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq__answer-wrapper{overflow:hidden}.faq__answer{color:var(--c-light,#e7e7e7);opacity:.8;margin:0;padding:0 0 24px;font-family:Catamaran,sans-serif;font-size:1rem;line-height:1.7}@media (width<=768px){.faq{padding:70px 5%}.faq__title{margin-bottom:40px;font-size:2rem}.faq__question{padding:20px 0;font-size:1.05rem}.faq__answer{padding-bottom:20px;font-size:.95rem}}.footer{background-color:var(--c-navy,#080544);border-top:2px solid var(--c-royal,#2322a4);flex-direction:column;align-items:center;gap:20px;padding:40px 5%;font-family:Catamaran,sans-serif;display:flex}.footer__logo{height:36px}.footer__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.footer__link{color:var(--c-light,#e7e7e7);opacity:.6;font-size:.95rem;text-decoration:none;transition:opacity .25s}.footer__link:hover{opacity:1}.footer__divider{color:var(--c-light,#e7e7e7);opacity:.3;-webkit-user-select:none;user-select:none}.footer__copy{color:var(--c-light,#e7e7e7);opacity:.4;text-align:center;margin:0;font-size:.85rem}@media (width<=480px){.footer{gap:16px;padding:32px 5%}.footer__link{font-size:.85rem}.footer__copy{font-size:.78rem}}.app{background-color:var(--c-navy);min-height:100vh;color:var(--c-light);overflow-x:hidden}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080544d9;border-bottom:1px solid #5660ee33;justify-content:space-between;align-items:center;padding:20px 5%;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{height:40px}.navbar-cta{background-color:var(--c-lime);color:var(--c-navy);cursor:pointer;border:none;border-radius:50px;padding:10px 28px;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s}.navbar-cta:hover{transform:scale(1.05);box-shadow:0 4px 20px #dff83b4d}.hero{text-align:center;flex-direction:column;align-items:center;padding:160px 5% 100px;display:flex;position:relative}.hero-content{z-index:2;max-width:800px}.hero-title{color:var(--c-light);margin-bottom:24px;font-size:4.5rem;font-weight:900;line-height:1.05}.hero-title .highlight-lime{color:var(--c-lime)}.hero-title .highlight-periwinkle{color:var(--c-periwinkle)}.hero-subtitle{color:var(--c-light);opacity:.9;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.hero-cta{background-color:var(--c-lime);color:var(--c-navy);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:18px 48px;font-size:1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.hero-cta:hover{transform:scale(1.05);box-shadow:0 8px 30px #dff83b59}.hero-price-hint{opacity:.6;margin-top:14px;font-size:.95rem}.hero-macbook-wrapper{z-index:2;width:100%;max-width:900px;margin-top:60px}.hero-macbook-container{width:100%;padding-bottom:57.47%;position:relative}.hero-macbook-frame{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-macbook-video{-o-object-fit:cover;object-fit:cover;z-index:2;background-color:#080544;border-radius:4px;width:78.6%;height:83.5%;position:absolute;top:6%;left:10.7%}.hero-shape{z-index:1;pointer-events:none;position:absolute}.hero-shape-1{width:350px;top:8%;left:-8%}.hero-shape-2{width:300px;bottom:5%;right:-10%}.hero-shape-3{width:200px;top:55%;left:3%}.hero-shape-4{z-index:1;width:450px;top:45%;right:-5%}@media (width<=768px){.hero{min-height:auto;padding:140px 5% 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.05rem}.hero-cta{padding:14px 32px;font-size:1rem}.hero-shape-1{width:200px;top:5%;left:-15%}.hero-shape-2{width:180px;right:-15%}.hero-shape-3,.hero-shape-4{display:none}.navbar-logo{height:32px}}
