:root{--paper:#f6f3ed;--ink:#202a29;--muted:#58635e;--green:#285348;--line:#d4d8ce;--white:#fffefb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--green)}a:focus-visible{outline:3px solid #337a65;outline-offset:5px}img{display:block;width:100%;height:auto}.wrap{max-width:1180px;margin:auto;padding-inline:40px}header{border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;gap:32px;min-height:100px}.brand{font-size:19px;font-weight:750;text-decoration:none;letter-spacing:-.04em;display:flex;gap:12px;align-items:center}.brand-mark{width:23px;height:30px;border:2px solid var(--ink);border-radius:4px;display:inline-block;position:relative}.brand-mark:after{content:"";position:absolute;inset:5px 4px 8px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.nav-links{display:flex;gap:28px;margin-left:auto;font-size:14px}.nav-links a{text-decoration:none}.languages{display:flex;gap:10px;font:12px ui-monospace,monospace}.languages a{padding:5px 2px;text-decoration:none;opacity:.6}.languages [aria-current=page]{opacity:1;border-bottom:2px solid var(--green);font-weight:700}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding-top:72px;padding-bottom:60px}.eyebrow,.section-label{font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--green);margin:0 0 24px}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(46px,5vw,72px);margin:0 0 30px}h1 span{display:block;color:var(--green)}h2{font-size:clamp(36px,4vw,52px);margin:0 0 28px}h3{font-size:18px;line-height:1.4;margin:14px 0 10px}.lede{font-size:19px;line-height:1.65;color:var(--muted);max-width:31rem}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:32px 0}.button{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--green);background:var(--green);color:white;text-decoration:none;padding:14px 23px;border-radius:5px;font-size:14px;font-weight:650}.button:after{content:"↗";font-size:20px}.button:hover{background:#183b32;color:white}.quiet-link{font-size:14px}.compatibility{font-size:12px;line-height:1.6;color:var(--muted);max-width:30rem}.device{position:relative;margin:0}.product{max-width:425px;justify-self:center;width:100%}.device .screen{position:absolute;mix-blend-mode:multiply;border-radius:2px;height:auto}.product .screen{left:18.78%;top:15.47%;width:62.43%;height:63.81%}.scene .screen{left:38.46%;top:17.53%;width:23.03%;height:55.47%}.caption{font:11px/1.6 ui-monospace,monospace;color:var(--muted);margin:14px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:40px;padding-top:32px;padding-bottom:38px}.features p{font-size:14px;color:var(--muted);margin:0}.feature-no{font:12px ui-monospace,monospace;color:var(--green)}section{padding-top:90px;padding-bottom:90px}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:42px}.story-copy p{color:var(--muted);margin-top:0}.scene{overflow:hidden;border-radius:8px}.modes{border-top:1px solid var(--line)}.modes-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.modes-head p{color:var(--muted)}.examples{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:850px;margin:40px auto 0}.example{margin:0}.example img{border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 26px #1f29290a}.example figcaption{margin-top:16px;font-size:13px}.example figcaption span{display:block;font:11px ui-monospace,monospace;color:var(--muted);margin-top:4px}.setup{background:#e7ece5}.setup-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.setup p{color:var(--muted)}ol{padding:0;margin:0;list-style:none;counter-reset:steps}ol li{counter-increment:steps;position:relative;padding:0 0 25px 54px;border-bottom:1px solid #cbd3c9;margin-bottom:22px}ol li:before{content:"0" counter(steps);position:absolute;left:0;top:0;font:13px ui-monospace,monospace;color:var(--green)}ol h3{margin:0 0 8px}ol p{font-size:14px;margin:0}.note{font-size:13px}.download-section{text-align:center;max-width:780px;margin:auto}.download-section .button{margin:18px 0}.download-section p{color:var(--muted)}.download-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font:12px ui-monospace,monospace}.download-meta a{word-break:break-word}.upgrade{font-size:13px;max-width:620px;margin:28px auto 0}footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:32px;font-size:12px;color:var(--muted)}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}nav{min-height:84px;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:17px;padding-bottom:17px}.brand{font-size:17px}.nav-links{display:none}.languages{gap:12px}.hero{grid-template-columns:1fr;padding-top:48px;gap:22px;padding-bottom:35px}.hero-copy{max-width:560px}h1{font-size:49px}.lede{font-size:17px}.product{max-width:330px}.features{grid-template-columns:1fr;gap:26px}.features h3{margin-top:5px}section{padding-top:55px;padding-bottom:55px}.story-copy,.modes-head,.setup-grid{grid-template-columns:1fr;gap:12px}.story-copy{margin-bottom:28px}.setup-grid{gap:35px}.examples{gap:18px}.example figcaption{font-size:12px}.download-meta{gap:12px}.scene{border-radius:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}