:root{--bg:#0c0d13;--panel:#141620;--line:#303240;--text:#f1f0f7;--muted:#b4b3c5;--lavender:#c0a7ff;--mint:#a9efd5;--radius:20px; color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "Segoe UI",Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--mint)}:focus-visible{outline:3px solid var(--mint);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(48px,6.1vw,88px);margin-bottom:28px}h1 span{color:var(--lavender)}h2{font-size:clamp(32px,3.4vw,48px);margin-bottom:24px}h3{font-size:23px;letter-spacing:-.025em;line-height:1.25}p{color:var(--muted);margin-bottom:20px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:110px;border-bottom:1px solid var(--line)}.wordmark{font-size:31px;font-weight:600;letter-spacing:-.075em;text-decoration:none;line-height:1}.wordmark span{display:block;color:var(--muted);font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin:8px 0 0 3px;font-weight:400}nav{display:flex;align-items:center;gap:25px}nav a{font-size:13px;text-decoration:none;color:var(--muted);padding:12px 0}nav a[aria-current]{color:var(--mint);box-shadow:0 1px 0 var(--mint)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-block:64px 50px}.hero-copy{padding-block:32px}.eyebrow{color:var(--mint);font-size:11px;font-weight:600;letter-spacing:.2em;margin-bottom:25px}.lead{font-size:21px;line-height:1.5;color:var(--text);max-width:620px}.hero-copy>p:not(.eyebrow){max-width:510px}.hero-art{position:relative;margin:0}.hero-art img{width:100%;border:1px solid var(--line);border-radius:var(--radius)}figcaption{position:absolute;bottom:32px;left:30px;font-size:12px;letter-spacing:.06em;color:var(--mint)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:49px;padding:12px 22px;background:var(--mint);color:#11241d;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}.button:hover{background:#c6ffe9;color:#11241d}.text-link{font-size:14px;line-height:1.6}.systems{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:25px;color:var(--muted);font-size:14px;letter-spacing:.08em}.intro{padding-block:100px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-heading p{max-width:425px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:45px}.feature-grid article{border-top:1px solid var(--line);padding-top:25px}.number{display:block;color:var(--lavender);font-size:12px;letter-spacing:.12em;margin-bottom:35px}.feature-grid p{font-size:15px}.notice{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:42px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:100px}.notice>div{max-width:690px}.notice h2{font-size:32px}.notice p{font-size:15px}.notice .text-link{flex-shrink:0;max-width:200px}.footer{border-top:1px solid var(--line);padding-block:40px 48px;display:flex;justify-content:space-between;gap:40px}.footer>div:last-child{text-align:right}.footer a:not(.wordmark){display:inline-block;font-size:13px;margin:0 0 18px 20px}.footer p{font-size:12px;margin:18px 0 0}.page-head{padding-block:80px 65px}.page-head h1{font-size:clamp(50px,6vw,82px)}.measure{max-width:620px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:50px 65px;border-top:1px solid var(--line)}.stack article+article{margin-top:35px}.stack h3{font-size:22px}.compatibility{background:linear-gradient(120deg,#191425,#111d1b);border:1px solid var(--line);border-radius:var(--radius);padding:40px;margin-block:20px 50px}.compatibility h2{font-size:29px;line-height:1.3}.updated{font-size:14px}.legal{max-width:800px;padding-bottom:100px}.legal h2{font-size:26px;margin-top:42px;letter-spacing:-.025em;line-height:1.3}.legal p{line-height:1.85}.legal a,.stack a{color:var(--mint)}code{font:inherit;overflow-wrap:anywhere;color:var(--text)}.contact-card{padding:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:65px}.contact-card p{max-width:600px}.contact-card .button{flex-shrink:0}.email{display:inline-block;font-size:clamp(20px,3vw,35px);letter-spacing:-.025em;color:var(--lavender);margin-bottom:25px;overflow-wrap:anywhere;max-width:100%}.skip{position:absolute;left:20px;top:-100px;background:var(--mint);color:var(--bg);padding:8px 15px;z-index:10}.skip:focus{top:12px}
@media(max-width:850px){.header{align-items:flex-start;padding-block:24px;gap:20px}.header nav{justify-content:flex-end;flex-wrap:wrap;gap:8px 20px;max-width:430px}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:clamp(44px,7vw,60px)}.hero .lead{font-size:19px}.notice,.contact-card{align-items:flex-start;flex-direction:column}.notice .text-link{max-width:none}.split{gap:35px}.section-heading{gap:35px}.feature-grid{gap:22px}.feature-grid h3{font-size:20px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{flex-direction:column;gap:18px}.header nav{justify-content:flex-start;gap:5px 18px}nav a{font-size:12px}.hero{grid-template-columns:1fr;padding-block:24px 40px;gap:25px}.hero-copy{padding-bottom:0}.hero h1{font-size:52px}.hero-art img{max-height:380px;object-fit:cover}.systems{font-size:12px;gap:12px}.intro{padding-block:60px}.section-heading,.split,.feature-grid{grid-template-columns:1fr;gap:18px}.feature-grid{margin-top:20px}.feature-grid article{padding-block:22px 5px}.number{margin-bottom:20px}.notice{padding:27px;margin-bottom:60px}.page-head{padding-block:50px 35px}.split{padding-block:35px}.compatibility{padding:27px}.compatibility h2{font-size:25px}.footer{flex-direction:column;gap:30px}.footer>div:last-child{text-align:left}.footer a:not(.wordmark){margin:0 20px 12px 0}.contact-card{padding:27px}.legal{padding-bottom:60px}.legal h2{font-size:23px}figcaption{left:25px;bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}