:root{--navy:#172b42;--navy-deep:#0f1e30;--ivory:#f5f3e9;--orange:#cc4b29;--orange-bright:#e2603c;--mint:#64d8cb;--ink:#1d2733;--muted:#5a6573;--line:#e2dfd2;--radius:14px;color:var(--ink);background:var(--ivory);font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:var(--orange)}code{background:#172b4214;border-radius:5px;padding:.1em .35em;font-family:Cascadia Code,Consolas,ui-monospace,monospace;font-size:.92em}h1,h2,h3{line-height:1.15}h2{margin:0 0 .6em;font-size:clamp(1.6rem,3vw,2.2rem)}.bar{background:var(--navy);color:var(--ivory);padding:0 1.5rem}.skip{z-index:10;background:var(--ivory);color:var(--ink);border-radius:6px;padding:.6rem 1rem;position:absolute;top:-4rem;left:.75rem}.skip:focus{top:.75rem}.links a[aria-current]{color:var(--mint)}main:focus{outline:none}:focus-visible{outline:3px solid var(--orange-bright);outline-offset:3px}.hero :focus-visible,.bar :focus-visible,.try :focus-visible,footer :focus-visible{outline-color:var(--mint)}.hero{background:radial-gradient(ellipse at 70% 0%, #24456b 0%, var(--navy) 55%, var(--navy-deep) 100%);color:var(--ivory);padding:0 1.5rem 4rem;overflow:hidden}.top{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:1.1rem 0;display:flex}.brand{color:var(--ivory);align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:flex}.links{flex-wrap:wrap;gap:1.4rem;display:flex}.links a{color:#f5f3e9cc;text-decoration:none}.links a:hover,.links a:focus-visible{color:var(--mint)}.hero-body{text-align:center;max-width:760px;margin:4rem auto 3rem}.hero h1{letter-spacing:-.02em;margin:0 0 1.2rem;font-size:clamp(2.6rem,7vw,4.6rem)}.hero h1 span{color:var(--mint)}.lead{color:#f5f3e9d9;max-width:620px;margin:0 auto 2rem;font-size:1.2rem}.fineprint{color:#f5f3e999;margin-top:1.2rem;font-size:.9rem}.cta{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.button{color:var(--ivory);border:1.5px solid #f5f3e959;border-radius:999px;padding:.8rem 1.4rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.button:hover,.button:focus-visible{border-color:var(--ivory);transform:translateY(-1px)}.button.primary{background:var(--orange);border-color:var(--orange);color:#fff}.button.primary:hover,.button.primary:focus-visible{background:var(--orange-bright)}.desktop{border-radius:var(--radius);background:radial-gradient(circle at 20% 30%,#64d8cb59,#0000 45%),radial-gradient(circle at 80% 20%,#cc4b2959,#0000 40%),linear-gradient(135deg,#2f5d8a,#1b3350);max-width:900px;margin:0 auto;padding:7rem 0 0;overflow:hidden;box-shadow:0 30px 80px #00000073}.desktop figcaption{color:#f5f3e9bf;text-align:center;background:#0f1e30d9;min-height:2.6rem;padding:.6rem;font-size:.9rem}.taskbar{color:#fff;background:#202020eb;border-top:1px solid #ffffff14;justify-content:center;align-items:center;height:56px;display:flex;position:relative}.apps{gap:8px;display:flex}.app{background:#ffffff24;border-radius:7px;width:34px;height:34px}.app.start{background:linear-gradient(135deg,#4cc2ff,#0067c0)}.tray{align-items:center;gap:14px;font-size:.8rem;display:flex;position:absolute;right:12px}.tray-icons{opacity:.8}.clock{white-space:pre;text-align:right;font-variant-numeric:tabular-nums;min-width:4.5em;font-size:.82rem;line-height:1.25}main section{padding:5rem 1.5rem}main section>*{max-width:1000px;margin-left:auto;margin-right:auto}.features h2{text-align:center;margin-bottom:2rem}.grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.2rem;display:grid}.grid article{border:1px solid var(--line);border-radius:var(--radius);border-top:4px solid var(--mint);background:#fff;padding:1.5rem}.grid article:nth-child(2n){border-top-color:var(--orange)}.grid h3{margin:0 0 .5rem;font-size:1.15rem}.grid p{color:var(--muted);margin:0}.try{background:var(--navy);color:var(--ivory)}.try p{color:#f5f3e9cc}.presets{flex-wrap:wrap;gap:.5rem;margin:1.5rem auto;display:flex}.presets button{font:inherit;cursor:pointer;color:var(--ivory);background:0 0;border:1.5px solid #f5f3e94d;border-radius:999px;padding:.45rem .9rem;font-size:.92rem}.presets button:hover,.presets button:focus-visible{border-color:var(--mint);color:var(--mint)}.visual-editor{border:1px solid #f5f3e940;border-radius:14px;margin-bottom:1.5rem;padding:1.2rem}.visual-editor h3{margin:0}.template-workbench{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.template-inspector{min-width:0;position:sticky;top:1rem}.template-inspector .playground{display:block}.template-inspector .playground textarea{width:100%;margin-top:.5rem}.template-inspector .preview{margin-top:1rem}.template-inspector #share-help{font-size:.88rem}.template-inspector .editor-actions{font-size:.9rem}.visual-editor .token-palette{font-size:.85rem}.token-palette,.editor-actions,.literal-controls,.template-controls{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.try :is(button,select,input){font:inherit}.token-palette button,.editor-actions button,.editor-actions a,.literal-controls button,.format-parts button{color:var(--ivory);cursor:pointer;background:#173448;border:1px solid #f5f3e966;border-radius:7px;padding:.45rem .7rem}.try :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--mint);outline-offset:3px}.try button:disabled,.try a[aria-disabled=true]{opacity:.45;cursor:default}.format-parts{border:2px dashed var(--mint);border-radius:9px;flex-wrap:wrap;gap:.5rem;min-height:3rem;margin:1rem 0;padding:1rem;list-style:none;display:flex}.format-parts button{background:#64d8cb21}.format-parts button[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 2px var(--mint)}.try input,.try select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:.5rem}.template-controls input{width:5rem}.share-label{margin-top:1.3rem;display:block}.try input.template-share{width:100%;margin-top:.5rem;display:block}#template-error{color:#ffd3c7;min-height:1.5rem}.taskbar[data-theme=light]{color:#172b42;background:#edf0f4}.taskbar[data-theme=dark]{color:#fff;background:#17212d}@media (prefers-color-scheme:light){.taskbar[data-theme=system]{color:#172b42;background:#edf0f4}}.playground{grid-template-columns:1fr 1fr;align-items:end;gap:.6rem 1.5rem;display:grid}.playground label{grid-column:1/-1;font-weight:600}.hint{opacity:.7;font-weight:400}.playground textarea{background:var(--navy-deep);color:var(--ivory);resize:vertical;border:1.5px solid #f5f3e94d;border-radius:10px;min-height:5.2rem;padding:.8rem;font-family:Cascadia Code,Consolas,ui-monospace,monospace;font-size:1.05rem}.playground textarea:focus{outline:2px solid var(--mint);outline-offset:2px}.preview{border-radius:10px;overflow:hidden}.taskbar.small{justify-content:flex-end;height:5.2rem}.taskbar.small .clock{font-size:1.1rem}.tokens{margin-top:1.5rem}.tokens summary{cursor:pointer;font-weight:600}.tokens table{border-collapse:collapse;margin-top:.8rem}.tokens td{vertical-align:top;padding:.35rem 1.2rem .35rem 0}.try code{color:var(--ivory);background:#f5f3e91f}.shot{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.shot p{color:var(--muted)}.shot img{border-radius:10px;width:100%;height:auto;box-shadow:0 20px 50px #172b4240}.install{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.install ol{padding-left:1.3rem;font-size:1.08rem}.install li{margin-bottom:.5rem}.deployment-modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;display:grid}.deployment-modes article{border:1px solid var(--line);border-radius:10px;padding:1.2rem}.deployment-modes h4{margin:0 0 .5rem;font-size:1.1rem}.deployment-modes p{color:var(--muted)}.note{border-left:4px solid var(--mint);background:#64d8cb26;border-radius:6px;padding:.8rem 1rem}.faq details{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:.7rem;padding:.9rem 1.2rem}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);margin:.7rem 0 .2rem}footer{background:var(--navy-deep);color:#f5f3e9bf;padding:4rem 1.5rem 3rem}footer a{color:var(--mint)}.footer-cta{text-align:center;margin-bottom:3rem}.footer-cta p{color:var(--ivory);margin:.8rem 0 1.4rem;font-size:1.5rem;font-weight:600}.footer-notes{text-align:center;max-width:760px;margin:0 auto;font-size:.88rem}.docs-layout{grid-template-columns:240px minmax(0,1fr);gap:3.5rem;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4.5rem;display:grid}.docs-sidebar{font-size:.92rem;line-height:1.5}.docs-sidebar nav{flex-direction:column;gap:.15rem;margin:1.2rem 0;display:flex}.docs-sidebar nav a{color:var(--ink);border-left:3px solid #0000;padding:.35rem .7rem;text-decoration:none}.docs-sidebar nav a:hover{color:var(--orange)}.docs-sidebar nav h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.2rem 0 .3rem .7rem;font-size:.75rem}.docs-sidebar nav a[aria-current=page]{border-left-color:var(--orange);background:#64d8cb33;font-weight:700}.toc summary{cursor:pointer;font-weight:600}.toc ul{padding-left:1.2rem}.toc li{margin:.5rem 0}.prose{overflow-wrap:anywhere;min-width:0;line-height:1.7}.prose h1{letter-spacing:-.02em;margin:1.2rem 0 1.5rem;font-size:clamp(2rem,4vw,3rem)}.prose h2{border-top:1px solid var(--line);margin:3rem 0 1rem;padding-top:1rem;font-size:1.6rem}.prose h3{margin:2rem 0 .8rem;font-size:1.2rem}.prose :is(h1,h2,h3,h4){scroll-margin-top:1.5rem}.prose img{max-width:100%;height:auto}.prose pre{border:1px solid var(--line);border-radius:8px;padding:1.1rem;line-height:1.5;overflow-x:auto}.prose pre code{overflow-wrap:normal;background:0 0;padding:0}.prose table{border-collapse:collapse;font-size:.92rem;display:block;overflow-x:auto}.prose :is(th,td){border:1px solid var(--line);text-align:left;vertical-align:top;padding:.6rem .8rem}.prose th{background:#172b420f}.prose blockquote{border-left:4px solid var(--mint);color:var(--muted);margin-left:0;padding-left:1.2rem}.source-links{color:var(--muted);flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.85rem;display:flex}@media (width<=850px){.docs-layout{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem}.docs-sidebar nav{flex-flow:wrap;gap:.3rem}.docs-sidebar nav h2{flex-basis:100%;margin-left:0}.docs-sidebar nav a{border:1px solid var(--line);border-radius:999px;padding:.25rem .8rem}.docs-sidebar nav a[aria-current=page]{border-color:var(--orange)}}@media (width<=760px){.template-workbench{grid-template-columns:1fr}.template-inspector{position:static}.top{flex-direction:column;align-items:flex-start;padding:.8rem 0}.links{gap:.4rem 1rem}.hero-body{margin-top:2.5rem}.desktop{padding-top:4rem}.apps{display:none}.playground,.shot{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.button{transition:none}}.not-found{text-align:center;max-width:640px;margin:0 auto;padding:4.5rem 1.5rem 6rem}.not-found h1{margin:0 0 .6em;font-size:clamp(2rem,5vw,3rem)}.not-found .actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem;display:flex}.not-found .button:not(.primary){color:var(--ink);border-color:var(--line)}