:root{--bg:#0e1417;--panel:#141c20;--panel-2:#1b252a;--panel-3:#223035;--border:#2c383f;--border-strong:#3c4c53;--text:#eaf2f4;--text-dim:#93a3aa;--text-faint:#647278;--accent:#29b6d8;--accent-strong:#5fd4ef;--accent-600:#1c93b0;--accent-dim:#0e3540;--ok:#4cbe8c;--paused:#dca83e;--danger:#e15c52;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow:0 24px 64px #03080a8c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}.wrap{width:min(1240px,100% - 80px);margin:auto}.skip{background:var(--accent);color:var(--bg);z-index:20;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}header{background:var(--panel);border-bottom:1px solid var(--border)}.nav{align-items:center;gap:32px;min-height:94px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:10px;font-size:25px;font-weight:600;display:flex}.logo{flex:none;width:44px;height:44px;display:block}.logo img{object-fit:contain;width:100%;height:100%}.icon{vertical-align:middle;flex:none;width:24px;height:24px;display:inline-block}.lp-btn .icon{width:18px;height:18px}.spec{justify-content:center;align-items:center;gap:12px;display:flex}.spec .icon{color:var(--accent)}.feature-heading{justify-content:space-between;align-items:center;display:flex}.feature-icon{border:1px solid var(--border);background:var(--panel-2);width:52px;height:52px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.feature-icon .icon{width:28px;height:28px}.navlinks{gap:28px;margin-left:auto;font-size:14px;display:flex}.languages{align-items:center;gap:10px;font-size:13px;display:flex}.languages a{color:var(--text-dim);padding:7px 2px}.languages [aria-current]{color:var(--accent);border-bottom:1px solid var(--accent)}.eyebrow{font-family:var(--font-body);text-transform:uppercase;letter-spacing:2.4px;color:var(--accent);font-size:12px;font-weight:600}.hero{padding:76px 0 0;position:relative}.hero-top{grid-template-columns:1.35fr 1fr;align-items:end;gap:65px;display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-2px;margin:22px 0 0;font-size:clamp(48px,5.9vw,80px);font-weight:600;line-height:1.08}.hero h1 em{color:var(--accent);font-style:normal}.hero-intro{padding-bottom:5px}.hero-intro p{max-width:450px;color:var(--text-dim);margin:0 0 28px;font-size:18px;line-height:1.65}.actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.textlink{border-bottom:1px solid var(--text-dim);padding:8px 0;font-size:14px}.micro{color:var(--text-dim);letter-spacing:.3px;margin-top:16px;font-size:12px}.product-frame{background:var(--panel-2);border:1px solid var(--border);border-radius:10px 10px 0 0;margin-top:54px;padding:10px 10px 0;position:relative;overflow:hidden;box-shadow:0 24px 90px #0005}.frame-bar{height:35px;color:var(--text-dim);font:12px var(--font-body);justify-content:space-between;align-items:center;padding:0 10px 10px;display:flex}.frame-bar .dots{letter-spacing:5px;color:var(--text-dim)}.product-frame img{aspect-ratio:1200/680;object-fit:cover;object-position:top;border:1px solid var(--border);width:100%;height:auto}.image-caption{color:var(--text-dim);justify-content:space-between;gap:20px;padding:17px 0;font-size:12px;display:flex}.specs{border-block:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid}.spec{border-right:1px solid var(--border);text-align:center;padding:25px 16px;font-size:14px}.spec:last-child{border:0}.section{padding:96px 0}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px;display:flex}.section-heading>p{max-width:355px;color:var(--text-dim);margin:0;font-size:16px;line-height:1.7}.features{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature{border-top:1px solid var(--border);padding-top:25px}.feature-number{color:var(--accent);font:13px var(--font-body)}.feature h3{font:600 23px var(--font-display);letter-spacing:-.7px;margin:22px 0 12px}.feature p{color:var(--text-dim);margin:0;font-size:16px;line-height:1.75}.tutorials{background:var(--panel);border-block:1px solid var(--border)}.tutorial{border-bottom:1px solid var(--border);grid-template-columns:310px 1fr;align-items:center;gap:65px;padding:40px 0;display:grid}.tutorial:last-child{border-bottom:0;padding-bottom:0}.tutorial:first-of-type{padding-top:0}.step{border:1px solid var(--border);width:40px;height:40px;color:var(--accent);font:14px var(--font-body);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tutorial h3{font:600 29px var(--font-display);letter-spacing:-1px;margin:20px 0 16px}.tutorial p{color:var(--text-dim);line-height:1.7}.gif-wrap{border:1px solid var(--border);background:var(--bg);border-radius:10px;overflow:hidden}.gif-wrap img{aspect-ratio:1200/680;object-fit:cover;width:100%;height:auto}.gif-controls{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.gif-controls button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px;font-size:13px}.keyboard-strip{color:var(--text-dim);flex-wrap:wrap;gap:30px;margin-top:45px;font-size:14px;display:flex}.keyboard-strip span{align-items:center;gap:10px;display:flex}kbd{font:13px var(--font-mono);border:1px solid var(--border);border-bottom:3px solid var(--border);color:var(--text);background:var(--panel-2);border-radius:8px;padding:7px 12px}.faq-layout{grid-template-columns:1fr 1.5fr;gap:100px;display:grid}details{border-bottom:1px solid var(--border);padding:24px 0}details:first-child{padding-top:0}summary{cursor:pointer;justify-content:space-between;gap:24px;font-size:18px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--accent);font-size:24px;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--text-dim);margin-bottom:0;line-height:1.75}.final-cta{justify-content:space-between;align-items:center;gap:45px;margin-bottom:70px;display:flex}.final-cta h2{max-width:670px;margin:0}.final-cta p{max-width:650px;color:var(--text-dim);margin:20px 0 0;line-height:1.65}footer{border-top:1px solid var(--border);padding:34px 0}.footer-row{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-links{color:var(--text-dim);gap:24px;font-size:13px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.newsletter{border-bottom:1px solid var(--border);gap:12px;max-width:640px;margin-bottom:28px;padding-bottom:28px;display:grid}.newsletter-text{color:var(--text-dim);gap:4px;font-size:14px;display:grid}.newsletter-text strong{color:var(--text);font-size:15px}.newsletter-fields{flex-wrap:wrap;gap:10px;display:flex}.newsletter-fields input[type=email]{background:var(--panel-2);border:1px solid var(--border);min-width:220px;color:var(--text);font:14px var(--font-body);border-radius:8px;flex:1;padding:10px 12px}.newsletter-fields input[type=email]:focus{outline:2px solid var(--accent);outline-offset:1px}.newsletter-fields button{background:var(--accent);color:var(--bg);font:600 14px var(--font-body);cursor:pointer;border:0;border-radius:8px;padding:10px 18px}.newsletter-fields button:disabled{opacity:.5;cursor:default}.news-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.newsletter-consent{color:var(--text-dim);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.newsletter-consent input{accent-color:var(--accent);margin-top:2px}.newsletter.unsubscribe{border-bottom:0;margin:20px 0;padding-bottom:0}.newsletter-consent a{border-bottom:1px solid var(--text-dim)}.newsletter-status{min-height:1.2em;color:var(--accent);margin:0;font-size:13px}.newsletter-status.error{color:var(--danger,#e5484d)}.footer-note{color:var(--text-dim);margin-top:24px;font-size:12px;line-height:1.65}.demo-note{color:var(--text-dim);margin-top:28px;line-height:1.7}.demo-note a{color:var(--accent);text-decoration:underline}.downloads-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.download-card{border:1px solid var(--border);background:var(--panel-2);text-align:center;color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex}.download-card .icon{color:var(--accent)}.download-label{font:600 15px var(--font-body)}.download-sub{color:var(--text-dim);font-size:13px}.download-picker{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.download-picker-label{color:var(--text-dim);margin-right:6px;font-size:13px}.os-tab{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:14px}.os-tab[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.download-hint{color:var(--text-dim);margin:14px 0 0;font-size:13px;line-height:1.6}.download-card.recommended{border-color:var(--accent);order:-1}.download-badge{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.legal{max-width:780px;min-height:65vh}.legal p{color:var(--text-dim);line-height:1.8}.legal h2{font:600 28px var(--font-display);letter-spacing:-.7px;margin:48px 0 16px}.legal h3{font:600 18px var(--font-display);letter-spacing:-.4px;margin:32px 0 8px}.legal .textlink{margin-top:32px;display:inline-block}@media (width>=1500px){.hero h1{font-size:86px}}@media (width<=1000px){.nav{gap:20px}.navlinks{gap:18px}.hero-top{gap:35px}.hero h1{letter-spacing:-1.5px}.tutorial{grid-template-columns:260px 1fr;gap:30px}.faq-layout{gap:45px}.final-cta{padding:40px}.nav-cta{display:none}.downloads-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.nav{flex-wrap:wrap;justify-content:space-between;gap:15px;min-height:76px}.navlinks{display:none}.languages{margin-left:auto}.brand{font-size:23px}.hero{padding-top:45px}.hero-top{grid-template-columns:1fr;gap:28px}.hero h1{letter-spacing:-1.5px;font-size:clamp(40px,8vw,55px)}.hero-intro p{margin-bottom:22px;font-size:17px}.product-frame{border-radius:10px 10px 0 0;margin-top:35px;padding:5px 5px 0}.frame-bar{height:28px;font-size:10px}.image-caption{font-size:11px}.specs{grid-template-columns:1fr 1fr}.spec{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:20px 8px;font-size:13px}.spec:nth-child(2){border-right:0}.spec:nth-child(3),.spec:nth-child(4){border-bottom:0}.section{padding:62px 0}.section-heading{margin-bottom:30px;display:block}.section-heading>p{margin-top:20px}.features{grid-template-columns:1fr;gap:30px}.feature h3{margin-top:15px}.tutorial{grid-template-columns:1fr;gap:22px;padding:32px 0}.tutorial h3{letter-spacing:-.6px;margin-left:12px;font-size:24px;display:inline}.tutorial p{margin-bottom:0}.keyboard-strip{gap:20px}.faq-layout{grid-template-columns:1fr;gap:32px}.final-cta{margin-bottom:48px;padding:30px 24px;display:block}.footer-row{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:20px}.gif-controls{font-size:11px}.gif-controls button{font-size:12px}.feature-icon{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.gif-controls button:hover{border-color:var(--accent);background:var(--panel-2)}.navlinks a:hover,.textlink:hover,.footer-links a:hover{color:var(--accent)}.download-card:hover{border-color:var(--accent)}
