.landing{--landing-ink:oklch(94% .015 235);--landing-muted:oklch(70% .025 235);--landing-line:oklch(30% .025 235);--landing-surface:oklch(21% .025 235);--landing-cyan:oklch(80% .12 210);color:var(--landing-ink);background:oklch(16% .023 240);min-height:100vh;font-family:IBM Plex Sans,system-ui,sans-serif}.landing *{box-sizing:border-box}.landing a{transition:color .18s,background .18s}.landing a:hover{color:var(--landing-cyan)}.landing a:focus-visible,.landing button:focus-visible,.landing summary:focus-visible{outline:2px solid var(--landing-cyan);outline-offset:5px}.landing-wrap{width:min(1250px,100% - 80px);margin-inline:auto}.landing-header{border-bottom:1px solid var(--landing-line);align-items:center;gap:35px;min-height:92px;display:flex}.landing-brand{letter-spacing:-1.4px;align-items:center;gap:9px;font-size:28px;font-weight:600;display:inline-flex}.landing-logo{background:var(--landing-cyan);color:oklch(16% .023 240);border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.landing-brand-dot{color:var(--landing-cyan);margin-left:-7px}.landing-header nav{color:var(--landing-muted);gap:27px;margin-left:auto;font-size:13px;display:flex}.landing-header nav a,.landing-signin{align-items:center;gap:6px;display:inline-flex}.landing-signin{border:1px solid var(--landing-line);border-radius:7px;padding:10px 16px;font-size:13px}.landing-menu{display:none}.landing-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;padding-block:86px 80px;display:grid}.landing-eyebrow{letter-spacing:1.6px;color:var(--landing-muted);align-items:center;gap:9px;font:10px JetBrains Mono,monospace;display:flex}.landing-live{background:var(--landing-cyan);border-radius:50%;width:6px;height:6px;display:inline-block}.landing h1{letter-spacing:-2.6px;margin:25px 0;font-size:clamp(42px,4.3vw,64px);font-weight:500;line-height:1.12}.landing h1>span{color:var(--landing-cyan)}.landing-intro{max-width:485px;color:var(--landing-muted);font-size:16px;line-height:1.8}.landing-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:31px;display:flex}.landing-button,.landing-secondary{justify-content:center;align-items:center;gap:16px;font-size:13px;font-weight:500;display:inline-flex}.landing-button{background:var(--landing-cyan);color:oklch(16% .023 240);border-radius:6px;padding:15px 20px}.landing .landing-button:hover{color:oklch(16% .023 240);background:oklch(88% .1 210)}.landing-secondary{color:var(--landing-ink)}.landing-hero-notes{color:var(--landing-muted);flex-wrap:wrap;gap:23px;margin-top:23px;font-size:10px;display:flex}.landing-hero-notes span{align-items:center;gap:6px;display:flex}.landing-hero-notes svg{color:var(--landing-cyan)}.landing-preview{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:11px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 25px 90px oklch(8% .01 240/.4)}.landing-preview-heading,.landing-preview-note{color:var(--landing-muted);border-bottom:1px solid var(--landing-line);justify-content:space-between;gap:10px;padding:17px;font:8px JetBrains Mono,monospace;display:flex}.landing-preview-heading>span:first-child,.landing-preview-note>span:first-child{align-items:center;gap:8px;display:flex}.landing-preview-toolbar{color:var(--landing-muted);justify-content:space-between;align-items:center;padding:17px 17px 0;font:10px JetBrains Mono,monospace;display:flex}.landing-preview-toolbar>span{align-items:center;gap:7px;display:flex}.landing-preview-toolbar>div{background:oklch(16% .023 240);border-radius:5px;gap:3px;padding:3px;display:flex}.landing-preview-toolbar button{text-transform:capitalize;cursor:pointer;border-radius:3px;padding:7px 10px;font-family:inherit;font-size:10px}.landing-preview-toolbar button[aria-pressed=true]{background:var(--landing-cyan);color:oklch(16% .023 240)}.landing-drawing{color:oklch(76% .035 210);width:100%;height:auto;display:block}.landing-added{stroke:oklch(78% .16 155)}.landing-removed{stroke:oklch(72% .17 30)}.landing-legend{color:var(--landing-muted);justify-content:center;gap:23px;padding:0 10px 20px;font-size:9px;display:flex}.landing-legend span{align-items:center;gap:6px;display:flex}.landing-legend i{border-radius:50%;width:6px;height:6px}.landing-legend .added{background:oklch(78% .16 155)}.landing-legend .removed{background:oklch(72% .17 30)}.landing-legend .unchanged{background:oklch(76% .035 210)}.landing-preview-note{border-top:1px solid var(--landing-line);background:oklch(24% .025 235);border-bottom:0}.landing-strip{border-block:1px solid var(--landing-line);background:oklch(19% .023 240)}.landing-strip .landing-wrap{justify-content:space-between;align-items:center;gap:20px;padding-block:24px;display:flex}.landing-strip p{letter-spacing:1px;color:var(--landing-muted);font:9px JetBrains Mono,monospace}.landing-strip span{font-size:15px}.landing-strip a{color:var(--landing-cyan);align-items:center;gap:10px;font-size:11px;display:flex}.landing-section{padding-block:76px;scroll-margin-top:25px}.landing-section-heading{justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px;display:flex}.landing h2{letter-spacing:-1.2px;margin-top:20px;font-size:38px;font-weight:500;line-height:1.2}.landing-section-heading>p{max-width:365px;color:var(--landing-muted);font-size:14px;line-height:1.8}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.landing-feature{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px;padding:28px}.landing-feature:hover{background:oklch(24% .03 235)}.landing-feature>div{color:var(--landing-cyan);justify-content:space-between;align-items:center;display:flex}.landing-feature>div span{color:var(--landing-muted);font:10px JetBrains Mono,monospace}.landing h3{letter-spacing:-.3px;font-size:20px;font-weight:500}.landing-feature h3{margin-top:36px}.landing-feature p,.landing-comparison p,.landing-guide-grid p{color:var(--landing-muted);font-size:13px;line-height:1.8}.landing-read{color:var(--landing-cyan);align-items:center;gap:15px;margin-top:24px;font-size:11px;display:flex}.landing-comparison{border-block:1px solid var(--landing-line);grid-template-columns:1fr 1fr;gap:100px;display:grid}.landing-comparison>div>p:not(.landing-eyebrow){max-width:380px;margin-block:20px}.landing-sheet{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:8px;padding:28px}.landing-sheet-title{color:var(--landing-cyan);align-items:center;gap:14px;padding-bottom:24px;font:10px JetBrains Mono,monospace;display:flex}.landing-sheet-row{border-top:1px solid var(--landing-line);justify-content:space-between;gap:15px;padding:17px 0;font-size:12px;display:flex}.landing-sheet-row span{color:var(--landing-muted)}.landing-sheet-row strong{font-weight:500}.landing-sheet-downloads{gap:12px;margin-top:12px;display:flex}.landing-sheet-downloads a{border:1px solid var(--landing-line);border-radius:5px;justify-content:space-between;align-items:center;gap:25px;padding:10px 14px;font-size:11px;display:flex}.landing-sheet>p{margin-bottom:0!important;font-size:10px!important}.landing-guide-grid{grid-template-columns:repeat(3,1fr);gap:0 30px;display:grid}.landing-guide-grid>a{border-top:1px solid var(--landing-line);padding-block:23px}.landing-guide-grid h3{justify-content:space-between;align-items:center;font-size:16px;display:flex}.landing-guide-grid h3 svg{color:var(--landing-cyan)}.landing-guide-grid p{margin-top:10px}.landing-cta{background:linear-gradient(120deg,oklch(26% .04 210),oklch(20% .025 240));border:1px solid oklch(39% .06 210);border-radius:9px;justify-content:space-between;align-items:center;gap:30px;padding:42px;display:flex}.landing-faq{max-width:800px}.landing-faq details{border-bottom:1px solid var(--landing-line);padding:23px 0}.landing-faq summary{cursor:pointer;font-size:15px}.landing-faq details p{color:var(--landing-muted);padding-top:15px;font-size:13px;line-height:1.9}.landing-faq a{color:var(--landing-cyan);text-decoration:underline}.landing-footer{border-top:1px solid var(--landing-line);grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-top:45px;display:grid}.landing-footer>div>p{color:var(--landing-muted);margin-top:12px;font-size:12px}.landing-footer nav{color:var(--landing-muted);flex-direction:column;gap:12px;font-size:12px;display:flex}.landing-footer nav h2{letter-spacing:1px;text-transform:uppercase;color:var(--landing-ink);margin:0 0 8px;font-size:11px}.landing-footer-bottom{border-top:1px solid var(--landing-line);color:var(--landing-muted);grid-column:1/-1;justify-content:space-between;padding-block:22px;font-size:10px;display:flex}.landing-skip{z-index:20;background:var(--landing-cyan);color:oklch(16% .023 240);padding:12px;position:absolute;top:-100px;left:20px}.landing-skip:focus{top:12px}@media (width<=1050px){.landing-wrap{width:calc(100% - 48px)}.landing-header{gap:20px}.landing-header nav{gap:16px;font-size:11px}.landing-hero{gap:30px}.landing h1{font-size:43px}.landing-preview-toolbar{font-size:8px}.landing-preview-toolbar button{padding:7px}.landing-comparison{gap:50px}.landing-preview-note{font-size:7px}.landing-strip .landing-wrap{flex-wrap:wrap}}@media (width<=760px){.landing-header{flex-wrap:wrap;min-height:80px;padding-block:20px;position:relative}.landing-menu{cursor:pointer;margin-left:auto;display:block}.landing-header nav{flex-direction:column;order:4;gap:0;width:100%;margin:0;display:none}.landing-header nav.is-open{display:flex}.landing-header nav a{padding:12px 0;font-size:14px}.landing-header .landing-signin{font-size:12px}.landing-hero{grid-template-columns:1fr;padding-block:45px}.landing h1{letter-spacing:-1.5px;font-size:clamp(36px,7vw,56px)}.landing-preview{max-width:600px;margin-top:15px;transform:none}.landing-feature-grid{grid-template-columns:1fr}.landing-section{padding-block:50px}.landing-section-heading{flex-direction:column;align-items:start;gap:20px}.landing h2{font-size:32px}.landing-comparison{grid-template-columns:1fr;gap:30px}.landing-guide-grid{grid-template-columns:1fr 1fr;gap:0 20px}.landing-cta{flex-direction:column;align-items:start;padding:27px}.landing-footer{grid-template-columns:1fr 1fr;gap:30px}.landing-footer>div:first-child{grid-column:1/-1}.landing-footer-bottom{flex-wrap:wrap;gap:10px}.landing-hero-notes{gap:15px}.landing-preview-heading{font-size:8px}}@media (prefers-reduced-motion:reduce){.landing a{transition:none}}