@font-face{font-family:Barlow;src:url('/fonts/barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('/fonts/barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url('/fonts/barlow-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f8f5ef;--ink:#2d241f;--muted:#685c53;--copper:#a74620;--line:#ded6cb;--bronze:#82766b;--sage:#475b48;--white:#fff;--radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 Barlow,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}button{cursor:pointer}[hidden]{display:none!important}.wrap{max-width:1240px;margin:auto;width:calc(100% - 64px)}.skip{position:absolute;top:-100px;left:15px;z-index:99;background:white;padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-header{background:#fcfaf7;border-bottom:1px solid var(--line);position:relative;z-index:10}.nav-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex-shrink:0}.logo-window{display:block;width:250px;aspect-ratio:4.1;overflow:hidden}.logo-window img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:16px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;background:var(--copper);border:1px solid var(--copper);border-radius:9px;color:white;text-decoration:none;font-weight:600;transition:background .15s}.button:hover{background:#843618;border-color:#843618}.compact{min-height:46px;padding:10px 19px}.text-link{font-weight:600}.intro{font-size:15px;font-weight:600;color:var(--copper);margin:0 0 25px;display:flex;gap:10px;align-items:flex-start}.status-dot{width:8px;height:8px;background:var(--copper);border-radius:50%;display:inline-block;margin-top:8px;flex-shrink:0}.hero{overflow:hidden;background:radial-gradient(ellipse at 95% 25%,#ebd6bb88,transparent 53%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:76px;padding-bottom:86px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.6vw,76px);line-height:1.02;letter-spacing:-2.5px;margin-bottom:28px;font-weight:700}h2{font-size:clamp(32px,3.5vw,46px);line-height:1.13;letter-spacing:-1.2px}h3{line-height:1.25;letter-spacing:-.3px}.hero-description{font-size:21px;line-height:1.55;max-width:32em;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.subnote{font-size:13px;color:var(--muted);margin:21px 0 0}.preview-scene{position:relative;transform:rotate(1deg);box-shadow:0 24px 60px #46302222;border:1px solid #cfc4b6;border-radius:var(--radius);background:white;margin-bottom:20px}.browser-bar{display:flex;gap:10px;align-items:center;padding:12px 15px;background:#ebe5dc;border-radius:14px 14px 0 0;font-size:11px;color:#675d52}.window-dots{color:#c1b3a2;font-size:11px;white-space:nowrap}.preview-label{margin-left:auto;background:#fbf9f5;border-radius:4px;padding:2px 6px;color:var(--copper);white-space:nowrap}.desk{padding:22px 25px 20px}.desk-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e3db;padding-bottom:17px}.mini-mark{font-weight:700;letter-spacing:1px;color:var(--copper);font-size:20px}.avatar{border-radius:50%;background:#f1ebe2;width:30px;height:30px;display:grid;place-items:center;font-size:11px;font-weight:700}.desk-welcome{padding-top:23px}.desk-welcome p{font-size:12px;color:var(--muted);margin-bottom:3px}.desk-welcome h2{font-size:27px;letter-spacing:-.6px;margin-bottom:20px}.desk-summary{background:#2d241f;color:#fff;padding:20px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.desk-summary div+div{border-left:1px solid #5d4b40;padding-left:20px}.desk-summary span{font-size:11px;display:block;color:#dfcbbb}.desk-summary strong{font-size:18px;display:block;margin-top:4px}.demo-switch{display:flex;gap:20px;border-bottom:1px solid #dfd7cb;margin-top:20px}.demo-switch button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 0;font-size:13px;color:var(--muted);min-height:44px}.demo-switch [aria-pressed=true]{border-color:var(--copper);color:var(--copper);font-weight:700}.task-row{padding:17px 0;display:flex;gap:11px;align-items:center;border-bottom:1px solid #eee9e2}.task-row:last-child{border:0}.task-icon{width:29px;height:29px;flex-shrink:0;background:#f9e6d8;color:#9d3f16;border-radius:6px;display:grid;place-items:center;font-weight:700}.task-icon.neutral{background:#f2eee8;color:var(--muted)}.task-icon.done{background:#e9eee7;color:var(--sage)}.task-row strong{display:block;font-size:14px;line-height:1.25}.task-row div span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.task-state{font-size:9px;color:#963b15;background:#fbecdf;white-space:nowrap;padding:3px 5px;border-radius:3px;margin-left:auto}.demo-note{font-size:10px;color:var(--muted);margin:8px 0 0}.floating-note{position:absolute;left:-25px;bottom:-35px;padding:15px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:15px;box-shadow:0 9px 25px #30201813;transform:rotate(-1deg)}.floating-note>span{display:grid;place-items:center;background:#e9eee7;color:var(--sage);width:30px;height:30px;border-radius:50%}.floating-note strong{display:block;font-size:14px}.floating-note small{font-size:11px;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;gap:40px}.principles p{margin:0}.principles strong,.principles span{display:block}.principles strong{font-size:19px}.principles span{font-size:15px;color:var(--muted);margin-top:4px}.section{padding:95px 0}.section-kicker{color:var(--copper);font-size:15px;font-weight:600;margin-bottom:13px}.section-heading{max-width:780px;margin-bottom:40px}.section-heading h2{margin-bottom:19px}.section-heading>p:last-child{max-width:38em;color:var(--muted);font-size:20px}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.feature-lead{padding:35px;background:#ece4d8;border-radius:var(--radius)}.feature-symbol{display:inline-grid;place-items:center;color:var(--copper);font-size:28px;width:46px;height:46px;margin-bottom:15px}.feature-lead h3{font-size:27px;max-width:13em;margin-bottom:17px}.feature-lead>p{color:var(--muted);max-width:28em}.sample-alert{background:#fff;padding:22px;border-left:3px solid var(--copper);margin-top:30px;border-radius:0 8px 8px 0}.sample-label{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.sample-alert strong{display:block;font-size:17px}.sample-alert p{font-size:14px;margin:8px 0 0;color:var(--muted)}.feature-stack{display:grid}.feature-stack article{display:flex;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.feature-stack article:first-child{padding-top:7px}.feature-stack article:last-child{border:0;padding-bottom:0}.feature-stack .feature-symbol{flex-shrink:0}.feature-stack h3{font-size:23px;margin:8px 0 12px}.feature-stack p{font-size:17px;color:var(--muted);max-width:27em;margin:0}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none;padding:0;margin:50px 0 0;counter-reset:steps}.step-number{display:grid;place-items:center;border:1px solid #cdb7a5;border-radius:50%;width:40px;height:40px;font-size:18px;font-weight:600;color:var(--copper);margin-bottom:25px}.steps h3{font-size:24px;margin-bottom:16px}.steps p{color:var(--muted);font-size:17px;margin-bottom:0}.control-section{background:#e9e1d5}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.control-grid h2{margin-bottom:0}.control-grid>div:last-child{color:#554a40}.control-grid>div:last-child p:last-child{margin:0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.faq-list summary{cursor:pointer;font-size:20px;font-weight:600;min-height:44px;padding:8px 30px 8px 0;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;top:6px;color:var(--copper);font-size:25px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:17px;margin:13px 0 0;max-width:35em}.early-access{background:#2d241f;color:#fcf6ed;padding:75px 0}.closing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.early-access .section-kicker{color:#efb58b}.early-access h2{margin-bottom:18px}.early-access p{max-width:32em;color:#e4d4c7}.early-access>div>div>p:last-child{margin:0}.light{background:#f9f1e6;border-color:#f9f1e6;color:#713014}.light:hover{background:#e8d1b9;border-color:#e8d1b9}.closing-action{text-align:right}.closing-action p{font-size:13px;margin:15px 0 0;max-width:none}.footer{padding-top:45px;padding-bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.footer .brand{justify-self:start}.footer>p{font-size:14px;color:var(--muted);text-align:right;margin:0}.footer nav{gap:22px}.footer nav a{font-size:13px}.footer .footer-note{font-size:12px;max-width:42em;justify-self:end}.menu-toggle{background:transparent;border:1px solid var(--line);border-radius:6px;padding:10px 14px;min-height:44px}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.hero-grid{gap:35px;padding-top:55px}.nav-inner{gap:15px}.logo-window{width:220px}nav{gap:18px}nav a{font-size:14px}h1{font-size:61px}.hero-description{font-size:19px}.desk{padding:18px}.floating-note{left:-10px}.task-state{display:none}.control-grid{gap:40px}.closing-grid{gap:40px}.section{padding:75px 0}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 36px)}.nav-inner{flex-wrap:wrap;padding:12px 0;min-height:82px}.logo-window{width:224px}.menu-toggle{display:block}.js .menu-toggle{display:block}.site-header nav{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:5px 0 10px}.js .site-header nav:not(.open){display:none}.site-header nav a{padding:8px 0;min-height:44px;font-size:15px}.site-header nav .button{padding:10px 15px}.hero-grid{grid-template-columns:1fr;gap:45px;padding-top:42px;padding-bottom:70px}.intro{font-size:13px;max-width:25em;margin-bottom:23px}h1{font-size:clamp(49px,10vw,68px);letter-spacing:-1.8px;line-height:1.04}.hero-description{font-size:19px}.hero-actions{gap:20px}.hero-actions .button{padding:13px 18px}.hero-actions .text-link{font-size:16px}.preview-scene{transform:none;max-width:530px;width:100%;justify-self:center}.floating-note{left:12px;bottom:-29px;transform:none;padding:13px 15px}.desk{padding:20px}.principles{gap:20px;grid-template-columns:1fr;padding:24px 0}.principles p{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.principles strong{font-size:16px}.principles span{font-size:14px;margin:0}.section{padding:60px 0}.section-heading{margin-bottom:30px}.section-heading>p:last-child{font-size:18px}h2{font-size:35px;letter-spacing:-.8px}.feature-layout,.control-grid,.faq-grid,.closing-grid{grid-template-columns:1fr;gap:25px}.feature-lead{padding:26px}.feature-lead h3{font-size:25px}.feature-stack article{padding:22px 0}.feature-stack article:first-child{padding-top:10px}.steps{grid-template-columns:1fr;gap:30px;margin-top:32px}.steps li{position:relative;padding-left:60px}.step-number{position:absolute;left:0;top:0}.steps h3{font-size:23px;margin:0 0 10px}.control-grid h2{margin-bottom:10px}.faq-grid{gap:12px}.faq-grid .section-heading{margin:0 0 22px}.early-access{padding:55px 0}.closing-action{text-align:left}.closing-action .button{width:100%;font-size:17px}.closing-action p{font-size:12px}.footer{grid-template-columns:1fr;gap:16px;padding-top:30px}.footer>p{text-align:left}.footer .footer-note{justify-self:start}.footer nav{flex-wrap:wrap}.browser-bar{padding:11px 12px;font-size:10px;gap:8px}.preview-label{font-size:9px}.demo-switch{gap:24px}.demo-switch button{font-size:14px}.task-row strong{font-size:14px}.desk-summary strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(min-width:761px){.menu-toggle{display:none}}
