:root{--background: #FFFFFF;--text: #000000;--primary-02: rgba(0,0,0,0.02);--primary-03: rgba(0,0,0,0.03);--primary-04: rgba(0,0,0,0.04);--primary-05: rgba(0,0,0,0.05);--primary-10: rgba(0,0,0,0.10);--primary-44: rgba(0,0,0,0.44);--background-80: rgba(255,255,255,0.8)}@media (prefers-color-scheme: dark){:root{--background: #000000;--text: #FFFFFF;--primary-02: rgba(255,255,255,0.04);--primary-03: rgba(255,255,255,0.06);--primary-04: rgba(255,255,255,0.08);--primary-05: rgba(255,255,255,0.10);--primary-10: rgba(255,255,255,0.20);--primary-44: rgba(255,255,255,0.44);--background-80: rgba(0,0,0,0.8)}header img{filter:invert(1)}}*{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}html{background:var(--html)}body{position:relative;font-family:"Inter", -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, sans-serif;margin:0 auto;background:var(--background);color:var(--text);font-feature-settings:'liga' 1, 'calt' 1;font-size:16px}hr{margin:20px 0;border-top:0 none;border-color:var(--primary-10)}ul{padding:0;margin:0 0 20px 20px;line-height:1.7}ul li{padding:10px 0 0}ul li:first-child{padding-top:0}h1{font-size:64px;font-weight:600;letter-spacing:-2.0px;line-height:1;margin:0 0 25px;text-align:center;text-wrap:balance;padding:0 20px}h2{font-size:26px;font-weight:600;letter-spacing:-0.5px;margin:60px 0 25px;text-wrap:balance}h3{font-size:20px;font-weight:600;letter-spacing:-0.5px;margin:40px 0 25px;text-wrap:balance}h4{font-size:18px;font-weight:600;letter-spacing:-0.2px;margin:40px 0 20px;text-wrap:balance}h5{font-size:16px;font-weight:600;letter-spacing:-0.1px;margin:0 0 10px}a{color:var(--text);transition:opacity 0.3s ease}a:hover{opacity:0.6}p{line-height:1.7;margin:0 0 20px}.container{position:relative;margin:0 auto;width:calc(100% - 40px);max-width:700px}header{position:relative;padding:16px 30px;margin:0 0 80px;z-index:10}header img{max-height:30px}header a.login{position:absolute;right:30px;top:50%;transform:translateY(-50%);text-decoration:none;color:inherit;background:var(--primary-05);border-radius:40px;font-size:13px;font-weight:500;line-height:40px;height:40px;padding:0 20px;transition:all 0.3s ease}header a.login:hover{background:var(--primary-10);opacity:1}.info{font-size:14px;font-weight:500;text-align:center;margin:0 0 30px}.info span{margin:0 8px}.info .tag{color:var(--primary-44);text-decoration:none;margin:0 8px;text-transform:capitalize;transition:all 0.3s ease}.info .tag:hover{color:var(--text);opacity:1}main .container{border-top:1px solid rgba(0,0,0,0.05);padding-top:60px;margin-top:60px}footer{padding:30px 0 30px;margin-top:50px;text-align:center;font-weight:500;font-size:14px}footer .container{border-top:1px solid var(--primary-05);padding-top:30px}.graphic{position:relative;margin:50px -300px;width:calc(100% + 600px);text-align:center}.graphic.with-bg{background:var(--primary-02);padding:50px 20px 40px;border:1px solid var(--primary-03)}.graphic.hero{margin-top:-60px}.graphic img{width:100%}.graphic.hero.widescreen{height:auto;aspect-ratio:16/9}.graphic.hero.widescreen img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.graphic p{margin:10px 0 0;font-size:13px;opacity:0.6;border-top:1px solid var(--primary-05);padding-top:15px;text-wrap:balance}.comparison{position:relative;display:grid;grid-template-columns:repeat(2, 1fr);gap:0}.comparison div{position:relative}.comparison .before:after{content:"";position:absolute;top:0;left:100%;width:1px;height:100%;background:var(--primary-05)}.fade-in{opacity:0}.fade-in.show{animation:fadeIn 0.8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}header{position:sticky;top:0;background:var(--background-80);border-bottom:1px solid var(--primary-05);backdrop-filter:blur(20px)}@media screen and (max-width: 1300px){.graphic{margin:50px 0;width:100vw;left:calc(-50vw + 350px)}.graphic.with-bg{padding:20px}}@media screen and (max-width: 1023px){h1{font-size:32px;letter-spacing:-0.1px;font-weight:bold}h2{font-size:24px;margin-top:40px}h3{margin-top:30px}h4{margin-top:30px}header{margin:0 0 40px;padding:15px 20px}header a.login{right:20px;height:36px;line-height:36px}main .container{padding-top:30px;margin-top:30px}.graphic{left:auto;width:100%;margin:30px 0}.graphic.hero{margin-top:-30px}.comparison{display:block}.comparison .before{margin:0 0 40px}.comparison .before:after{left:0;top:100%;width:100%;height:1px;margin-top:15px}}