:root{color-scheme:dark;--bg:#050605;--panel:#0e1210;--raised:#151a17;--line:#232a26;--text:#e7ede9;--muted:#a9b5ae;--green:#3ddc84}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}a:hover{color:var(--green)}[hidden]{display:none!important}.shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}header{position:sticky;top:0;z-index:10;background:#050605ed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;line-height:1.2}.brand b{display:block;font-size:9px;letter-spacing:.3em;color:var(--green);margin-top:4px}.navlinks{display:flex;gap:30px;font-size:13px;color:var(--muted)}.back{font-size:11px;color:var(--muted)}.back strong{display:block;color:var(--text);font-size:15px}.hero{padding-top:76px;text-align:center;background:radial-gradient(ellipse at 50% 60%,#12352155,transparent 65%)}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 14px #3ddc8440}h1{font-size:clamp(44px,6.5vw,88px);line-height:1.09;letter-spacing:-.065em;margin:25px 0}em{font-style:normal;color:var(--green)}.lead{color:var(--muted);font-size:17px;line-height:1.8;max-width:610px;margin:0 auto}.actions{display:flex;justify-content:center;gap:12px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 23px;font-size:13px;font-weight:800;border:1px solid var(--line);border-radius:11px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#06140c;border-color:var(--green)}.primary:hover{background:#78e9a9;color:#06140c}.secondary{background:var(--panel)}.hero-meta{display:flex;justify-content:center;gap:26px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin:36px 0}.editor-frame{border:1px solid #344c3c;border-radius:15px;overflow:hidden;box-shadow:0 30px 100px #163e2450;text-align:left}.frame-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#151a17;color:var(--muted);font-size:10px}.window-dots{letter-spacing:3px;color:#617267}.live-label{color:var(--green);font-size:8px;letter-spacing:.13em}.editor-frame img{width:100%;height:auto}.caption{font-size:10px;color:var(--muted);margin:18px 0 0}.intro{padding-block:112px 85px;max-width:1000px;text-align:center}h2{font-size:clamp(31px,4vw,50px);line-height:1.16;letter-spacing:-.045em;font-weight:800;margin:17px 0 24px}.intro>p:last-of-type{max-width:630px;margin:0 auto;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:36px;margin-top:57px}.steps article{border-top:1px solid var(--line);padding-top:23px}.steps span{color:var(--green);font-size:10px;letter-spacing:.13em;font-weight:800}h3{font-size:19px;letter-spacing:-.03em;margin:13px 0 8px}.steps p{color:var(--muted);font-size:13px;margin:0}.workspace{padding-block:40px 95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-heading>p{font-size:12px;color:var(--muted);padding-bottom:12px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin:15px 0 30px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);cursor:pointer;padding:16px 0;font-size:11px;display:flex;gap:12px}.tabs span{font-size:13px;font-weight:700}.tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.editor-panel{display:grid;grid-template-columns:1fr 2.3fr;align-items:center;gap:40px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px;overflow:hidden}.editor-panel>div{min-width:0}.editor-panel h3{font-size:28px;line-height:1.2;margin:20px 0}.editor-panel p{font-size:13px;color:var(--muted)}.editor-panel small{font-size:10px;color:#85958b;display:block;border-top:1px solid var(--line);padding-top:14px}.editor-panel img{border:1px solid var(--line);border-radius:10px;width:100%}.mode-label{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--green)}.amber{color:#f2c46d}.learning{border-top:1px solid var(--line);padding-block:85px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.learning>div>p:not(.eyebrow){color:var(--muted);max-width:410px}.text-link{color:var(--green);font-size:13px;font-weight:700;display:inline-block;margin-top:20px}.example{border:1px solid var(--line);border-radius:22px;padding:26px;background:radial-gradient(#25352b 1px,transparent 1px),var(--panel);background-size:18px 18px}.file-label{font-size:9px;letter-spacing:.15em;color:var(--muted)}.flow{display:flex;flex-direction:column;align-items:center;margin:25px 0}.flow span{background:var(--raised);border:1px solid #345841;border-radius:10px;padding:12px 25px;font-size:12px;min-width:220px;text-align:center}.flow i{font-style:normal;color:var(--green);line-height:32px}.flow .green-node{background:#123a23;color:#8cf0b4}.example p{font-size:10px!important;margin-bottom:0}.status{padding-block:70px;display:grid;grid-template-columns:1fr 1.3fr;border-top:1px solid var(--line);gap:60px}.status-content>p{color:var(--muted);margin-top:0;font-size:13px}.status a{color:var(--green)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.status-grid h3{font-size:14px}.status-grid p{font-size:12px;color:var(--muted)}.amber-dot{background:#f2c46d}.start{border:1px solid #314737;background:linear-gradient(120deg,#112719,var(--panel) 65%);padding:48px;border-radius:26px;margin-top:40px}.start-top{display:flex;justify-content:space-between;align-items:center}.start-top span{font-size:9px;letter-spacing:.15em;color:var(--green)}.start h2{font-size:clamp(36px,5vw,64px);margin-top:35px}.start>p{color:var(--muted)}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.install-grid article{border-top:1px solid #304a38;padding-top:12px}.install-grid h3{display:flex;justify-content:space-between}.install-grid p{font-size:13px;color:var(--muted);max-width:400px}.install-grid .button{margin-top:12px}.access-note{font-size:10px;margin:30px 0 0}.faq{padding-block:95px}.faq h2{margin-bottom:32px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--green);font-size:20px;line-height:1}details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);max-width:780px}footer{border-top:1px solid var(--line);padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}.skip{position:fixed;top:-100px;left:12px;z-index:99;padding:10px;background:var(--green);color:#000}.skip:focus{top:12px}
@media(max-width:800px){.shell{width:calc(100% - 36px)}.nav{height:auto;min-height:78px;flex-wrap:wrap;padding-block:16px;gap:18px}.navlinks{order:3;width:100%;justify-content:space-between;font-size:11px}.back{font-size:9px}.back strong{font-size:12px}.hero{padding-top:48px}.lead{font-size:14px}.hero-meta{gap:14px;font-size:8px;flex-wrap:wrap}.frame-top{font-size:8px;padding-inline:10px}.window-dots{display:none}.hero .editor-frame{width:100%}.intro{padding-block:70px 40px}.steps{gap:18px}.steps p{font-size:11px}.steps h3{font-size:16px}.section-heading{display:block}.section-heading>p br{display:none}.editor-panel{grid-template-columns:1fr;padding:22px;gap:22px}.editor-panel h3 br{display:none}.editor-panel h3{font-size:25px;margin-block:10px}.tabs{gap:20px}.tabs button{gap:7px}.tabs span{font-size:11px}.learning{gap:35px;grid-template-columns:1fr;padding-block:55px}.learning>div>p:not(.eyebrow){max-width:none}.status{grid-template-columns:1fr;gap:15px;padding-block:50px}.start{padding:25px;margin-top:20px}.install-grid{gap:24px}.button{font-size:11px;padding:12px 16px;gap:15px}.faq{padding-block:65px}footer{flex-wrap:wrap;gap:15px}footer p{margin:0}.workspace{padding-bottom:55px}}
@media(max-width:480px){.steps{grid-template-columns:1fr;margin-top:30px;gap:24px}.steps p{font-size:13px}.steps h3{font-size:19px}.install-grid{grid-template-columns:1fr}.actions{gap:9px}.start-top span{font-size:8px}.status-grid{gap:20px}.brand{font-size:18px}.eyebrow{font-size:9px}.hero h1{font-size:45px}.lead br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Current editor showcase: wide screenshots and a keyboard accessible viewer. */
.tabs{gap:24px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--green) var(--panel)}.tabs button{flex-shrink:0;min-height:52px}.tabs button:focus-visible{outline-offset:-4px}.editor-panel{grid-template-columns:1fr;padding:28px;gap:24px}.editor-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px;align-items:center}.editor-panel .mode-label{grid-column:1/-1}.editor-panel h3{margin:6px 0;font-size:32px}.editor-panel small{grid-column:1/-1}.screenshot{display:block;cursor:zoom-in;border-radius:10px;overflow:hidden}.screenshot img{transition:filter .2s}.screenshot:hover img{filter:brightness(1.08)}pre{max-width:100%;overflow-x:auto;text-align:left;line-height:1.8;color:#b3f0cd;font-size:12px;tab-size:4}.example pre{margin-block:30px;white-space:pre}.install-grid pre{padding:14px;background:#060d09;border:1px solid var(--line);border-radius:10px}dialog{width:min(96vw,1920px);max-width:96vw;padding:50px 12px 12px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;max-height:96vh}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}dialog img{width:100%;max-height:calc(96vh - 74px);object-fit:contain}.close-viewer{position:absolute;right:12px;top:8px;border:1px solid var(--line);background:var(--raised);color:var(--text);padding:5px 14px;border-radius:8px;cursor:pointer}body:has(dialog[open]){overflow:hidden}
@media(max-width:800px){.editor-panel>div{grid-template-columns:1fr;gap:0}.editor-panel h3{font-size:26px}.tabs{gap:22px}.tabs span{font-size:13px}.tabs button{padding-inline:3px}.editor-panel{padding:18px}.example{min-width:0}.learning{grid-template-columns:minmax(0,1fr)}.example pre{font-size:11px}.hero-meta{line-height:1.8}}