@font-face{font-family:DemoSans;src:local('Segoe UI')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#100f0d;color:#eee8dd;font-family:DemoSans,'Segoe UI',sans-serif;--accent:#e7bc78;--wash:#513419;--surface:#211b14;--muted:#b3a994}body[data-theme=arctic]{--accent:#89d5e5;--wash:#17475b;--surface:#17242c}body[data-theme=forest]{--accent:#a4c9ad;--wash:#214a39;--surface:#192620}body[data-theme=nocturne]{--accent:#b9adff;--wash:#36245c;--surface:#1a1c30}body[data-theme=brownie]{--accent:#d7ae80;--wash:#502e21;--surface:#2b211c}body[data-theme=graphite]{--accent:#b8bdc8;--wash:#373a3f;--surface:#1e1e20}button,a,input{font:inherit}button,a{touch-action:manipulation}button,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button{color:inherit;background:none;border:1px solid #ffffff24;border-radius:7px;padding:10px 14px}button:hover{border-color:var(--accent);background:#ffffff06}p{line-height:1.65}h1,h2,h3,p{margin:0}.wrap{width:min(1600px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;background:#fff;color:#111;padding:12px;z-index:99}.skip:focus{top:0}.site-header{height:86px;position:sticky;top:0;z-index:30;border-bottom:1px solid #e7bc781c;background:#11100ded;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;align-items:center;gap:40px;padding:0 3vw}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img:first-child{width:33px;height:33px}.brand img:nth-child(2){width:156px;height:auto}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav>a,.site-header summary{padding:27px 0;cursor:pointer;list-style:none;white-space:nowrap}.site-header nav>a[aria-current]{color:#e7bc78}.site-header summary span{margin-left:5px}.site-header .download{margin-left:auto;white-space:nowrap;background:linear-gradient(110deg,#fae0a8,#d8a05d);padding:12px 20px;border-radius:7px;color:#231909;font-weight:650;font-size:14px;box-shadow:inset 0 1px 0 #fff8}.download span{margin-left:20px}.mega{position:absolute;top:85px;left:0;width:100%;padding:36px 5vw;background:#171510f9;border-bottom:1px solid #665039;box-shadow:0 25px 50px #0008;display:grid;grid-template-columns:1fr 3fr;gap:30px}.mega p{margin-top:12px;color:#c9c1b3}.mega #feature-links{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 20px}.mega a{font-size:13px;padding:10px 12px;border-radius:5px}.mega a:hover{background:#e7bc7810;color:#e7bc78}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;padding-block:84px 64px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--accent);text-transform:uppercase}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px}.intro h1{font-size:clamp(46px,4.5vw,78px);font-weight:550;line-height:1.04;letter-spacing:-3px;margin-top:25px}.intro h1 em{font-style:normal;color:#e7bc78}.intro-copy{padding-top:22px;max-width:580px;font-size:18px;color:#ddd5c9}.intro-copy .muted{color:#938d81;font-size:14px;margin-top:14px;line-height:1.65}.intro-actions{display:flex;gap:25px;align-items:center;margin-top:24px;font-size:13px}.primary{display:inline-flex;align-items:center;gap:28px;background:linear-gradient(110deg,#fae0a8,#d8a05d);padding:15px 22px;border-radius:7px;color:#24180a;font-weight:650}.demo-section{scroll-margin-top:106px}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 20px;border-top:1px solid #ffffff19}.demo-heading h2{font-size:23px;font-weight:500;margin-top:7px}.demo-tools{display:flex;gap:10px;font-size:12px}.demo-tools button span{color:var(--accent);margin-left:9px}.demo-tools .run-demo{border-color:#e7bc7870;color:#f1d19c;background:#e7bc780d}.chapter-nav{display:flex;gap:7px;overflow:auto;padding:8px 0 19px;scrollbar-width:thin;scrollbar-color:#605440 transparent}.chapter-nav button{white-space:nowrap;border-color:transparent;color:#aca494;font-size:12px;padding:9px 14px;border-radius:50px}.chapter-nav button[aria-pressed=true]{color:var(--accent);background:var(--surface);border-color:color-mix(in srgb,var(--accent),transparent 72%)}.app-window{border:1px solid #ac87554a;border-radius:13px;overflow:hidden;box-shadow:0 20px 100px -45px #e8b77340,0 12px 30px #0005;background:#17130e}.window-chrome{height:38px;background:linear-gradient(#2b241b,#211c16);border-bottom:1px solid #b4905c26;display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#c8bdad;font-size:11px}.window-chrome>div{display:flex;align-items:center;gap:9px}.window-chrome img{width:17px;height:17px}.window-chrome .demo-badge{font-size:8px;color:#e7bc78;background:#e7bc7809;border:1px solid #e7bc782e;padding:3px 6px;border-radius:3px;letter-spacing:1px;margin-left:8px}.window-marks{gap:23px!important;color:#9d907c}.frame-viewport{position:relative;width:100%;height:690px;background:#15130f;overflow:hidden}#app-frame{width:100%;height:100%;border:0;display:block;background:#15130f}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;border-radius:100%;width:27px;height:27px;padding:0;background:#f0c682;color:#251a0d;border:2px solid #fff3c9;box-shadow:0 0 0 7px #edc18018,0 2px 16px #0009;font-size:11px;font-weight:800;transform:translate(-50%,-50%);z-index:2}.hotspot:hover,.hotspot:focus-visible,.hotspot[aria-expanded=true]{background:#ffe5b6;z-index:10}.hotspot .tip{display:none;position:absolute;left:20px;top:32px;width:265px;max-width:60vw;padding:18px;text-align:left;border:1px solid #a78349;border-radius:10px;background:#221c14f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#e8dfd0;font-size:12px;line-height:1.6;box-shadow:0 8px 30px #0006;font-weight:400}.hotspot:hover .tip,.hotspot:focus-visible .tip,.hotspot[aria-expanded=true] .tip{display:block}.hotspot .tip strong{display:block;color:#f0cf96;font-size:13px;margin-bottom:7px}.window-status{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:36px;padding:9px 16px;font-size:10px;color:#aa9c86;background:#1c1812;border-top:1px solid #e7bc7820}.window-status i{display:inline-block;width:5px;height:5px;background:#9dc0a2;border-radius:50%;margin-right:6px}.window-status a{color:#dfbb82}.demo-footnote{display:flex;justify-content:space-between;color:#817b6f;font-size:11px;padding:15px 4px}.tour-player{margin-top:15px;border:1px solid #e7bc7840;background:linear-gradient(110deg,#302516,#161411);border-radius:9px;position:relative;overflow:hidden;padding:22px;display:flex;align-items:center;gap:26px}.tour-player[hidden]{display:none}.tour-progress{position:absolute;inset:0 0 auto;height:2px;background:#ffffff08}.tour-progress i{display:block;background:#e7bc78;height:100%;transition:width .4s}.tour-caption{flex:1}.tour-caption strong{font-size:15px;font-weight:550}.tour-caption p{color:#baac95;font-size:12px;margin-top:4px}.tour-controls{display:flex;gap:7px;font-size:12px}.tour-controls button{white-space:nowrap}.chapter-section{margin-top:76px;position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #ffffff0d;background:var(--surface);transition:background 900ms}.chapter-wash{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 88% 5%,var(--wash),transparent 65%);opacity:.8;transition:background 1s}.chapter-content{padding-block:76px 85px;transition:opacity .24s,transform .4s,filter .3s}.chapter-content.changing{opacity:0;transform:translateY(14px);filter:blur(4px)}.chapter-top{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:start}.chapter-top h2{font-size:clamp(32px,3.5vw,57px);line-height:1.1;letter-spacing:-1.8px;max-width:750px;font-weight:550;margin-top:20px}.chapter-top .chapter-lead{font-size:18px;line-height:1.8;color:#c7c1b9;padding-top:35px}.chapter-label{display:flex;align-items:center;gap:15px;margin-top:24px;font-size:11px;color:#a59b8e}.chapter-label span{border:1px solid #ffffff26;border-radius:4px;padding:6px 9px;color:var(--accent)}.example-panel{display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;margin-top:62px;padding:35px;border:1px solid #ffffff12;border-radius:14px;background:#00000014}.example-panel img{width:100%;border:1px solid #ffffff1e;border-radius:8px;box-shadow:0 16px 30px #0003}.example-panel h3{font-size:26px;font-weight:550;margin:14px 0}.example-panel p{font-size:14px;color:#bdb4a6}.example-panel figure{margin:0}.example-panel figcaption{font-size:10px;color:#8e877b;margin-top:10px}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.try-card{padding:26px 0;border-top:1px solid #ffffff26}.try-card span{font-size:11px;letter-spacing:1px;color:var(--accent)}.try-card p{font-size:15px;margin-top:15px;max-width:360px}.chapter-note{display:flex;justify-content:space-between;gap:30px;margin-top:35px;padding-top:26px;border-top:1px solid #ffffff17;font-size:12px;color:#a79f92;line-height:1.7}.chapter-note p{max-width:780px}.chapter-note a{white-space:nowrap;color:var(--accent)}.next-pages{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding-block:86px}.next-pages h2{font-size:42px;line-height:1.1;letter-spacing:-1.5px;margin:20px 0}.next-pages p:not(.eyebrow){font-size:14px;color:#a39a8a;max-width:340px}.next-pages #next-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 22px;align-content:start}.next-pages button{text-align:left;border:none;border-bottom:1px solid #ffffff15;border-radius:0;padding:17px 2px;font-size:13px;display:flex;justify-content:space-between;color:#c2b8a8}.next-pages button:hover{color:var(--accent);background:transparent}.closing{margin-block:0 68px;border:1px solid #e7bc783b;border-radius:16px;padding:44px 50px;background:radial-gradient(ellipse at 90% 0,#80532833,transparent 70%),#1a1611;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:40px;font-weight:500;letter-spacing:-1px;margin:16px 0}.closing p:not(.eyebrow){color:#ad9d87;font-size:14px}footer{border-top:1px solid #ffffff14;padding-block:30px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:25px;color:#948a7b;font-size:12px}footer .brand span{color:#e2c79e;font-size:15px}footer p{margin-right:auto}footer>div{display:flex;gap:20px}footer small{width:100%;font-size:10px}.desktop-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,#293649,transparent 60%),linear-gradient(160deg,#131722,#23312c);padding:38px;color:#f1e7d5;overflow:hidden}.desktop-scene[hidden]{display:none}.scene-label{font-size:10px;letter-spacing:2px;color:#ffffff80}.scene-art{position:absolute;inset:20% 15%;border-radius:50%;background:linear-gradient(135deg,#52849550,#c28f4b30);filter:blur(45px);transform:rotate(-25deg)}.scene-horizon{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(155deg,transparent 25%,#151a20 25.2%,#10151a 62%,#191f25 62.3%);opacity:.8}.scene-control{position:absolute;bottom:45px;left:38px;right:38px;padding:18px 22px;display:flex;align-items:center;gap:16px;background:#141413df;border:1px solid #eee1b331;border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2;font-size:12px}.scene-control label{display:flex;gap:8px;align-items:center}.scene-control select{background:#29251e;color:#eee0c7;border:1px solid #ffffff2c;padding:7px;border-radius:5px}.fps-sample{position:absolute;right:36px;top:45px;z-index:2;text-align:right;color:#e6ce79;text-shadow:0 1px 4px #000;font-size:22px}.fps-sample[data-style=badge]{padding:12px 17px;border:1px solid #bb9b60;border-radius:9px;background:#191913d9}.fps-sample strong{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:1px}.fps-sample small{display:block;font-size:10px;letter-spacing:2px}.fps-sample .fps-hardware{font-size:10px;color:#d6d0c2;margin-top:9px}.fps-sample[data-corner=left]{right:auto;left:38px}.scene-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;color:#ffffff80}.scene-center h3{font-size:24px;letter-spacing:5px;font-weight:400;text-transform:uppercase}.scene-center p{font-size:12px;margin-top:10px}.widget-sample{position:absolute;right:10%;top:18%;width:280px;border:1px solid #a4c9ad66;background:#12251ded;padding:25px;border-radius:14px;box-shadow:0 20px 60px #0005;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.widget-sample header{font-size:10px;letter-spacing:2px;color:#b0c7b5;margin-bottom:20px}.widget-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff14;padding:15px 0;font-size:12px}.widget-row strong{font-size:19px;font-weight:500;color:#d9eedb}.widget-row svg{width:70px;height:25px;stroke:#79c2aa;fill:none;stroke-width:1.3}.widget-sample.compact{width:240px;padding:18px}.widget-sample.compact .widget-row{padding:7px 0}.widget-sample.compact .widget-row strong{font-size:15px}#demo-notice{font-size:12px;color:#d3b784;min-height:15px}body[data-guides=off] .hotspots{display:none}
@media(min-width:1700px){.frame-viewport{height:790px}}@media(max-width:1150px){.site-header{gap:22px}.site-header nav{gap:18px}.brand img:nth-child(2){width:125px}.site-header .download{padding:12px}.download span{margin-left:8px}.wrap{width:calc(100% - 56px)}.frame-viewport{height:630px}.intro{gap:5%}.intro h1{letter-spacing:-2px}.mega{grid-template-columns:1fr}.tour-player{gap:15px}.tour-caption p{font-size:11px}}@media(max-width:860px){.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding:15px 22px;gap:12px}.site-header .brand{flex:1}.site-header nav{order:3;width:100%;justify-content:space-between;font-size:12px;gap:12px}.site-header nav>a,.site-header summary{padding:8px 0}.mega{top:108px;padding:20px}.mega #feature-links{grid-template-columns:repeat(3,1fr)}.mega>div:first-child{display:none}.wrap{width:calc(100% - 40px)}.intro{display:block;padding-block:48px 35px}.intro h1{font-size:52px}.intro-copy{max-width:630px;padding-top:25px}.demo-heading{align-items:start;flex-direction:column;gap:20px}.demo-tools{flex-wrap:wrap}.frame-viewport{height:560px;overflow:auto}#app-frame{min-width:1050px}.hotspots{min-width:1050px}.window-status{font-size:9px}.window-status #window-context{display:none}.demo-footnote{display:block}.chapter-section{margin-top:40px}.chapter-content{padding-block:45px}.chapter-top{display:block}.chapter-top .chapter-lead{padding-top:22px;font-size:16px}.example-panel{display:flex;flex-direction:column;gap:26px;margin-top:30px;padding:24px;align-items:stretch}.try-grid{gap:20px}.try-card p{font-size:13px}.chapter-note{display:block}.chapter-note a{display:inline-block;margin-top:18px}.next-pages{display:block;padding-block:48px}.next-pages #next-links{margin-top:30px}.closing{padding:28px;align-items:start;flex-direction:column}.closing h2{font-size:32px}.tour-player{display:grid;grid-template-columns:auto 1fr;padding:18px}.tour-controls{grid-column:1/-1;justify-content:flex-end}.scene-control{flex-wrap:wrap;bottom:20px;left:20px;right:20px}.desktop-scene{padding:20px}.widget-sample{right:6%;top:15%}}@media(max-width:500px){.site-header nav{gap:10px;font-size:11px}.site-header .download{font-size:11px}.brand img:nth-child(2){width:113px}.intro h1{font-size:43px}.intro-copy{font-size:16px}.intro-actions{gap:16px;font-size:11px}.primary{padding:13px 16px;gap:15px}.demo-tools{font-size:10px;gap:6px}.demo-tools button{padding:9px}.window-chrome .demo-badge{font-size:7px;letter-spacing:.3px}.try-grid{grid-template-columns:1fr;gap:0}.try-card{padding:20px 0}.next-pages #next-links{grid-template-columns:repeat(2,1fr)}.next-pages h2{font-size:36px}.scene-center h3{font-size:18px}.scene-control{font-size:10px;gap:8px}.scene-control label{flex:1}.scene-control button{padding:7px;font-size:10px}footer>div{flex-wrap:wrap;gap:15px}.window-marks{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chapter-content.changing{transform:none;filter:none}}
.edition-bar{display:flex;align-items:center;gap:20px;margin:2px 0 16px;flex-wrap:wrap}.edition-toggle{display:inline-flex;padding:4px;border:1px solid #ffffff25;border-radius:10px;background:#080909}.edition-toggle button{border:0;padding:10px 16px;border-radius:6px;color:#aba89f}.edition-toggle button span{font-size:10px;margin-left:8px;opacity:.7}.edition-toggle button[aria-pressed=true]{background:#23324b;color:#c8deff}.edition-toggle button[data-edition=pro][aria-pressed=true]{background:#49341d;color:#ffe2ae}.edition-bar p{font-size:12px;color:#afa99d;flex:1;min-width:220px}.edition-caption{font-size:9px;letter-spacing:1.7px;color:#726c61}.app-window[data-edition=free]{border-color:#8bb4ff42}.app-window[data-edition=free] .window-chrome,.app-window[data-edition=free] .window-status{background:#141b26;color:#a5b8cf}.app-window[data-edition=free] .demo-badge{color:#b6d0f4;border-color:#8bb4ff44}.app-window,.window-chrome,.window-status,.demo-badge{transition:background .8s,border-color .8s,color .8s}

/* Use a geometric chevron so font baselines cannot push the Features arrow down. */
.site-header summary { display:flex; align-items:center; gap:7px; }
.site-header summary::-webkit-details-marker { display:none; }
.site-header .nav-chevron { display:block; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; }
.site-header details[open] .nav-chevron { transform:rotate(180deg); }
@media(prefers-reduced-motion:reduce) { .site-header .nav-chevron { transition:none; } }

#demo-loading{position:absolute;inset:0;display:grid;place-items:center;background:#10100f;color:#e8c18a;z-index:4}#demo-loading[hidden]{display:none}

footer nav,footer .footer-contact{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}footer small{grid-column:1/-1}