:root{--ground: #FFFFFF;--lavender: #EEF0FB;--aqua: #E5F7FA;--peach: #FDEEE6;--ink: #151A33;--text: #3B4060;--muted: #5E6384;--faint: #8A8FAD;--line: #E4E6F2;--primary: #4B5BC4;--primaryHover: #3A48A8;--coral: #E76C3E;--coralText: #B4471C;--teal: #1E9FBF;--tealText: #0E7390;--marker: #FFD6C2;--success: #1F8A3F;--promoPlaceholderBg: #FFE9A8;--bar: linear-gradient(90deg, #F18A2E 0% 16.67%, #E76C3E 16.67% 33.33%, #D14A6A 33.33% 50%, #B042A0 50% 66.67%, #5C6FCC 66.67% 83.33%, #60D8F0 83.33% 100%);--font: "DM Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--r-card: 22px;--r-img: 18px;--r-pill: 999px;--wrap: 1200px}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-sans-latin-400-normal.CW0RaeGs.woff2) format("woff2"),url(/_astro/dm-sans-latin-400-normal.BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-sans-latin-ext-400-normal.BtiwyxMk.woff2) format("woff2"),url(/_astro/dm-sans-latin-ext-400-normal.BjWJ59Pq.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-sans-latin-500-normal.B9HHJjqV.woff2) format("woff2"),url(/_astro/dm-sans-latin-500-normal.Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-sans-latin-ext-500-normal.BJfUCQsA.woff2) format("woff2"),url(/_astro/dm-sans-latin-ext-500-normal.DR84L5F-.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/dm-sans-latin-600-normal.Aqo67rzb.woff2) format("woff2"),url(/_astro/dm-sans-latin-600-normal.BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/dm-sans-latin-ext-600-normal.4vooXBpG.woff2) format("woff2"),url(/_astro/dm-sans-latin-ext-600-normal.DRtaDpgU.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/dm-sans-latin-700-normal.DvUfVpUG.woff2) format("woff2"),url(/_astro/dm-sans-latin-700-normal.CUSSCpQX.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/dm-sans-latin-ext-700-normal.CJIcxD6K.woff2) format("woff2"),url(/_astro/dm-sans-latin-ext-700-normal.BLI3TTWz.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-ext-400-normal.BmRBH3aV.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-400-normal.D3D2R8hC.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-ext-500-normal.CAhNIIs5.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-500-normal.CZ70TYgx.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-mono-latin-600-normal.BgSNZQsw.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-600-normal.DWFSQ4vo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-mono-latin-ext-600-normal.D38SheWl.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-600-normal.DmB0ttJJ.woff) format("woff")}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;padding:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--ground);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}h1,h2,h3,h4,h5,h6{margin:0 0 16px;font-family:var(--font);color:var(--ink);line-height:1.15;letter-spacing:-.022em}h1{font-size:clamp(32px,4.5vw,56px);font-weight:700}h2{font-size:clamp(26px,3.2vw,40px);font-weight:700}h3{font-size:clamp(20px,2.2vw,24px);font-weight:650}p{margin:0 0 16px}p:last-child{margin-bottom:0}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(18px,4vw,36px)}section{padding-block:clamp(48px,6.5vw,92px);position:relative}.g,.gw{color:var(--ink);background-image:linear-gradient(transparent 60%,var(--marker) 60%,var(--marker) 93%,transparent 93%);background-repeat:no-repeat;background-size:100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}.final .g,.final .gw{color:#fff;background-image:linear-gradient(transparent 60%,rgba(231,108,62,.7) 60%,rgba(231,108,62,.7) 93%,transparent 93%)}h1:after,.sec-head h2:after,.prose>h2:after,.why h2:after,.final h2:after{content:"";display:block;width:168px;height:6px;margin-top:20px;background:var(--bar);border-radius:3px}.eyebrow{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--tealText);margin-bottom:12px}.source,.compare-cap,.note{font-family:var(--mono);font-size:12.5px;line-height:1.5;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:var(--r-pill);font-family:var(--font);font-weight:700;font-size:15px;line-height:1;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1.5px solid transparent;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primaryHover);border-color:var(--primaryHover);color:#fff}.btn-ghost{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-ghost:hover{background:var(--lavender)}.btn-ink{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-ink:hover{background:var(--primaryHover);border-color:var(--primaryHover)}.btn-warm{background:var(--coral);color:#fff;border-color:var(--coral)}.btn-warm:hover{background:var(--coralText);border-color:var(--coralText)}.btn-ghost-dark{background:transparent;border-color:#fff6;color:#fff}.btn-ghost-dark:hover{background:#ffffff1a;border-color:#fff}.sec-head{margin-bottom:clamp(32px,4.5vw,52px);max-width:44em}.sec-head .lead{font-size:clamp(16.5px,1.8vw,19px);line-height:1.5;color:var(--muted);margin-top:12px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(22px,3vw,32px)}.nav{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.nav.scrolled{border-bottom-color:var(--line);box-shadow:0 4px 20px -8px #151a3314}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}.nav .logo{display:flex;align-items:center;text-decoration:none}.nav .logo img{height:28px;width:auto}.nav .links{display:flex;align-items:center;gap:clamp(16px,2vw,28px)}.nav .links a{text-decoration:none;font-weight:500;font-size:14.5px;color:var(--text);transition:color .15s ease}.nav .links a:hover{color:var(--primary)}.nav .right{display:flex;align-items:center;gap:14px}.nav .langs{display:inline-flex;align-items:center;gap:2px;background:var(--lavender);padding:4px;border-radius:var(--r-pill)}.nav .langs a{padding:5px 10px;border-radius:var(--r-pill);font-family:var(--mono);font-size:12.5px;font-weight:600;text-decoration:none;color:var(--muted)}.nav .langs a.on{background:var(--primary);color:#fff}.nav .login{font-size:14.5px;font-weight:600;color:var(--text);text-decoration:none;padding:8px 12px}.nav .login:hover{color:var(--primary)}.nav-toggle{display:none}@media(max-width:980px){.nav .links{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 26px -14px #151a332e;padding:12px 20px 20px;display:none}.nav.open .links{display:flex}.nav .links a{padding:12px 0;width:100%;font-size:16px;border-bottom:1px solid var(--line)}.nav .links a:last-child{border-bottom:none}.nav .login{display:none}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;flex:0 0 auto}.nav-toggle span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .nav-toggle span:nth-child(2){opacity:0}.nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}@media(max-width:440px){.nav .login{display:none}}.compare{position:relative;border-radius:var(--r-img);overflow:hidden;background:#111;box-shadow:0 28px 60px -32px #151a3366;aspect-ratio:1070 / 862;--x: 58%;touch-action:pan-y;user-select:none}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare .top{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.compare .handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;pointer-events:none;box-shadow:0 0 0 1px #0003}.compare .handle:after{content:"";position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:#fff;box-shadow:0 6px 18px #00000040;background-image:linear-gradient(90deg,transparent 14px,#151A33 14px,#151A33 16px,transparent 16px,transparent 26px,#151A33 26px,#151A33 28px,transparent 28px);background-size:42px 14px;background-repeat:no-repeat;background-position:center}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:10}.compare .tag{position:absolute;bottom:14px;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;border-radius:8px;background:#151a33cc;color:#fff;pointer-events:none;z-index:2}.compare .tag.l{left:14px}.compare .tag.r{right:14px}.compare-cap{margin-top:14px}.compare.intro{animation:sweep 2.2s cubic-bezier(.6,0,.3,1) .5s 1 both}@keyframes sweep{0%{--x: 58%}35%{--x: 18%}75%{--x: 82%}to{--x: 58%}}@property --x{syntax: "<percentage>"; inherits: true; initial-value: 58%;}.tabs,.tabs-g{display:inline-flex;flex-wrap:wrap;gap:6px;background:var(--lavender);border-radius:var(--r-pill);padding:5px}.tabs button,.tabs-g button{font-family:var(--font);font-size:14px;font-weight:600;border:0;background:transparent;color:var(--muted);padding:10px 18px;border-radius:var(--r-pill);cursor:pointer;transition:all .2s ease}.tabs button[aria-selected=true],.tabs-g button[aria-selected=true]{background:var(--primary);color:#fff}footer{padding-block:48px 40px;position:relative;background:#fff;font-size:14.5px;color:var(--muted)}footer:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--bar)}footer .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px 32px;align-items:center}footer img{height:24px;width:auto;justify-self:start}footer nav{display:flex;flex-wrap:wrap;gap:20px;justify-self:center}footer a{text-decoration:none;color:var(--muted)}footer a:hover{color:var(--ink)}footer .copy{justify-self:end}@media(max-width:768px){footer .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}footer .copy{justify-self:center;width:100%}}.todo{background:var(--promoPlaceholderBg);padding:2px 6px;border-radius:4px;font-weight:600}
