:root{--paper:#f5f1e9;--ink:#24231f;--muted:#706d66;--red:#df472e;--line:#dcd6cb;--white:#fff;--radius:16px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,iframe:focus-visible{outline:3px solid var(--red);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.brand{font-size:17px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:8px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--red);color:#fff;border-radius:8px;font-size:21px}.brand-light{font-weight:400}.topbar nav{display:flex;gap:30px;font-size:14px}.topbar a:hover,.text-link:hover,footer a:hover{color:var(--red)}.intro{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:end;padding:48px 0 38px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;margin:0 0 18px;color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px;vertical-align:middle}h1{font-size:clamp(42px,5.1vw,70px);line-height:.98;letter-spacing:-3px;margin:0;font-weight:700}h1 em{font-style:normal;color:var(--red)}.intro-copy{max-width:370px;padding-bottom:2px}.intro-copy>p:first-child{font-size:23px;line-height:1.3;margin:0 0 14px;letter-spacing:-.3px}.muted{color:var(--muted);font-size:15px;line-height:1.55;margin:0 0 20px}.text-link{font-size:14px;font-weight:700}.text-link span{padding-left:12px}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-heading h2{font-size:14px;margin:0;font-weight:600}.demo-tools{display:flex;gap:20px;align-items:center;font-size:12px}.demo-tools button{border:0;background:none;padding:8px 0}.demo-tools a:hover,.demo-tools button:hover{color:var(--red)}.demo-shell{aspect-ratio:16/9;overflow:hidden;background:#181818;border:1px solid #ddd3c6;border-radius:var(--radius);box-shadow:0 14px 45px #39301b12}.demo-shell iframe{width:100%;height:100%;display:block;border:0}.demo-shell iframe:fullscreen{border-radius:0;background:#181818;width:100vw;height:100vh}.try-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#ebe5d9;border-radius:0 0 12px 12px;margin:0 12px;padding:20px}.try-strip p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}.try-strip strong{color:var(--ink);font-size:13px;font-weight:600}.step{display:inline-block;color:var(--red);font-weight:700;margin-right:10px}.demo-note{font-size:11px;color:var(--muted);margin:14px 0 0}.story{display:grid;grid-template-columns:1fr 2.1fr;gap:55px;padding:84px 0 65px;border-bottom:1px solid var(--line)}h2{font-size:clamp(28px,3.3vw,42px);line-height:1.05;letter-spacing:-1.2px;font-weight:600;margin:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-symbol{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--red);font-size:25px;margin-bottom:22px}.benefits h3{font-size:16px;letter-spacing:-.3px;margin:0 0 10px}.benefits p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.interface{padding:66px 0}.interface-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:28px}.interface-heading>p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.interface figure{margin:0;background:#ebe5d9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.interface img{display:block;width:100%;height:auto}.interface figcaption{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:20px 10px;gap:10px;font-size:13px}.interface figcaption b{display:inline-grid;place-items:center;border:1px solid #c9bfb0;border-radius:50%;height:23px;width:23px;font-size:11px;margin-right:6px;color:var(--red)}.workflow{display:flex;justify-content:space-around;align-items:center;padding:32px 0 0;gap:20px}.workflow p{margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.workflow p span{font-size:12px;color:var(--muted)}.workflow-arrow{color:var(--red);font-size:23px}.release{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:32px;padding:58px 0}.release h2{font-size:32px}.release p:last-child{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:0}.button{background:var(--red);color:#fff;border-radius:8px;padding:17px 22px;font-size:14px;font-weight:600;white-space:nowrap}.button:hover{background:#be3923}.button span{margin-left:20px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:var(--muted)}footer .brand{font-size:12px;color:var(--ink)}footer p{margin:0}.skip{position:absolute;left:15px;top:-60px;padding:10px;background:var(--ink);color:white;z-index:2}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.topbar{padding:18px 0}.brand{font-size:13px;gap:5px}.topbar nav{gap:16px;font-size:12px}.intro{grid-template-columns:1fr;gap:24px;padding:34px 0 30px}h1{letter-spacing:-2px;font-size:50px}.intro-copy{max-width:100%}.intro-copy>p:first-child{font-size:20px}.muted{font-size:14px;margin-bottom:12px}.demo-heading{align-items:start;gap:15px}.demo-heading h2{font-size:12px;padding-top:7px}.demo-tools{gap:8px;flex-direction:column;align-items:end;font-size:11px}.demo-tools button{padding:5px 0}.demo-shell{border-radius:9px}.try-strip{grid-template-columns:1fr;gap:10px;margin:0 5px;padding:15px}.demo-note{line-height:1.5}.story{grid-template-columns:1fr;gap:30px;padding:48px 0}.benefits{gap:20px}.benefits h3{font-size:14px}.benefits p{font-size:12px}.feature-symbol{margin-bottom:14px}.interface{padding:44px 0}.interface-heading{display:block}.interface-heading>p{margin-top:16px;font-size:14px}.interface figcaption{font-size:10px;padding:15px 5px}.interface figcaption b{width:19px;height:19px;margin-right:3px}.workflow{align-items:start;gap:12px;flex-wrap:wrap}.workflow p{flex:1;min-width:90px}.workflow p span{font-size:11px;line-height:1.5}.workflow-arrow{display:none}.release{display:block;padding:40px 0}.release h2{font-size:29px}.release .button{display:inline-block;margin-top:24px}footer{flex-wrap:wrap}footer p{display:block;flex-basis:100%;order:3;line-height:1.5}}
.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0 0 54px}.extras article{border-left:2px solid var(--red);padding-left:20px}.extras h3{margin:0 0 12px;font-size:17px}.extras p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}@media(max-width:760px){.extras{grid-template-columns:1fr;gap:24px;padding-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.inspiration{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0 0}.inspiration a{text-decoration:underline;text-underline-offset:3px}.inspiration a:hover{color:var(--red)}
.download-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px}.download-actions .text-link{text-align:center}@media(max-width:760px){.topbar nav{flex-wrap:wrap;justify-content:flex-end}.download-actions{align-items:flex-start;margin-top:24px}.release .download-actions .button{margin-top:0}}
