@font-face{font-family:Onest;src:url('assets/onest-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('assets/onest-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Onest;src:url('assets/onest-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f4f2eb;--ink:#252822;--muted:#61645a;--line:#d7d8cc;--yellow:#f4d348;--green:#355b47;--gutter:clamp(24px,5vw,88px);font-family:Onest,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:96px;--journey-height:440svh}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}::selection{color:var(--ink);background:var(--yellow)}:focus-visible{outline:3px solid #776315;outline-offset:5px}button:disabled{cursor:default;opacity:.45}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{text-wrap:balance}p{line-height:1.6}svg{display:block}button svg{pointer-events:none}a.button{text-decoration:none}button{border:0}a{cursor:pointer}a,button{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#b0b3a8;border:2px solid var(--paper);border-radius:10px}.skip-link{position:fixed;top:12px;left:12px;padding:16px;background:var(--yellow);z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:absolute;inset:0 0 auto;z-index:20;height:100px;display:flex;align-items:center;gap:36px;padding:0 var(--gutter);background:linear-gradient(var(--paper) 0%,rgba(244,242,235,.86) 65%,transparent)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.8px;line-height:1.08;flex-shrink:0}.brand-mark{width:42px;height:42px;color:var(--yellow)}.brand-labs{display:block;font-size:15px;letter-spacing:2.8px;font-weight:400;line-height:1.3}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:14px;font-weight:600}.site-header nav a{text-decoration:none;padding-block:14px}.site-header nav a:hover{color:#4f7055}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:56px;padding:16px 24px;border-radius:8px;font-size:15px;font-weight:600;line-height:1.3;max-width:100%}.button span{font-size:22px;line-height:1}.button-small{min-height:46px;padding:13px 18px;font-size:13px;gap:24px}.button-yellow{background:var(--yellow);color:var(--ink)}.button-yellow:hover{background:#ffe36b;box-shadow:0 8px 20px #7b651618;transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#45604b}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:15px;font-weight:600;text-decoration:none;min-height:44px}.text-link span{font-size:24px}.text-link:hover{text-decoration:underline}.text-link:hover span{transform:translate(2px,-2px)}
.journey{height:var(--journey-height);position:relative;isolation:isolate}.stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;background:#e9e9dd;z-index:-1}#office-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .65s}.scene-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(244,242,235,.98) 0%,rgba(244,242,235,.94) 15%,rgba(244,242,235,.76) 30%,rgba(244,242,235,.08) 56%,transparent 74%)}[data-scene=ready] #office-canvas{opacity:1}[data-scene=ready] .scene-fallback{opacity:0}.scene-fallback{position:absolute;inset:0;background:#e4e7d8;overflow:hidden;transition:opacity .4s}.architectural-title{position:absolute;right:12%;top:22%;font-size:clamp(50px,12vw,190px);font-weight:700;line-height:.88;letter-spacing:-.04em;color:#4f6550}.architectural-title span{display:block;font-size:16px;font-weight:400;letter-spacing:0;margin-top:30px}.fallback-building{position:absolute;width:650px;height:260px;right:-30px;bottom:9%;transform:skewY(-8deg)}.fallback-facade{width:86%;height:100%;background:repeating-linear-gradient(90deg,#60766b 0 45px,#d3d8c9 45px 49px);border-block:26px solid #f7f5e9;box-shadow:25px 40px 0 #c8cbbc}.fallback-wing{position:absolute;width:180px;height:240px;right:0;bottom:0;transform:skewY(25deg);transform-origin:bottom left;background:#b7c4b5;border-block:26px solid #e7e6d9}.fallback-tree{position:absolute;border-radius:50%;width:110px;height:170px;background:#6a8256;bottom:-70px;box-shadow:0 30px 35px #55633940}.tree-a{left:-40px}.tree-b{right:70px;bottom:0;transform:scale(.7)}
.chapters{position:absolute;inset:0 0 auto;}.chapter{height:calc(var(--journey-height)/4);display:flex;align-items:center;padding:100px var(--gutter) 120px;pointer-events:none}.chapter-copy{width:min(590px,47%);pointer-events:auto}.chapter h1,.chapter h2{font-size:clamp(48px,5.6vw,88px);font-weight:600;letter-spacing:-.04em;line-height:1.02}.chapter h1 span,.chapter h2 span{color:#75806d}.chapter p{margin-top:30px;color:#555e51;font-size:clamp(16px,1.3vw,20px);line-height:1.65}.chapter .text-link,.chapter .button{margin-top:30px}.journey-chrome{position:sticky;top:calc(100svh - 84px);margin-top:-80px;min-height:80px;padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4;pointer-events:none}.journey-chrome>*{pointer-events:auto}.scroll-cue{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.015em}.scroll-line{width:1px;height:28px;background:#4f5a47;position:relative}.scroll-line:after{content:'';position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg)}.scene-controls{display:flex;align-items:center;gap:10px}.scene-caption{font-size:10px;color:#4b5746;background:#f4f2ebdc;padding:7px 10px;border-radius:4px}.icon-button{display:inline-grid;place-items:center;min-width:44px;height:44px;background:#f4f2ebd9;border:1px solid #afb6a5;border-radius:50%;text-decoration:none}.icon-button:hover{background:#fff}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.section-wrap{padding-inline:var(--gutter);max-width:1700px;margin-inline:auto}.work-section{padding-top:120px;padding-bottom:90px;background:var(--paper);position:relative}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:54px}.section-heading h2,.about-heading h2{font-size:clamp(36px,4vw,62px);line-height:1.08;font-weight:600;letter-spacing:-.035em}.section-heading p{color:var(--muted);font-size:16px}.product-feature{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;background:#fff;border-radius:16px}.product-story{padding:clamp(28px,4vw,64px)}.product-brand{display:flex;gap:12px;align-items:center;margin-bottom:40px}.product-brand img{width:42px;height:42px}.product-brand h3{font-size:25px;letter-spacing:-.8px}.product-story h4{font-size:clamp(33px,3.1vw,50px);line-height:1.1;letter-spacing:-.03em}.product-story>p{font-size:15px;color:var(--muted);margin-top:24px;max-width:42ch}.product-benefits{list-style:none;padding:0;margin:26px 0 34px;display:grid;gap:11px;font-size:14px;line-height:1.5}.product-benefits li{padding-left:24px;position:relative}.product-benefits li:before{content:'';width:9px;height:5px;border-left:1.6px solid #577c4b;border-bottom:1.6px solid #577c4b;transform:rotate(-45deg);position:absolute;left:2px;top:7px}.product-demo{background:#dce5d8;padding:30px clamp(20px,3vw,48px);display:flex;flex-direction:column;justify-content:center;gap:25px;min-width:0}.demo-top,.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#456142}.demo-top>span:first-child{display:flex;gap:7px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#5a794d}.guide-paper{background:#fff;border-radius:10px;padding:28px;box-shadow:0 14px 32px #32422d0e;transform:rotate(-2deg);transition:transform .35s ease}.product-demo:hover .guide-paper{transform:rotate(0)}.guide-paper-title{display:flex;gap:12px;align-items:center;margin-bottom:22px;min-height:40px}.step-number{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:14px;font-weight:600}.guide-paper-title h4{font-size:17px;font-weight:600}.sample-app{position:relative;background:#f8faf6;border:1px solid #e1e7dc;border-radius:5px;padding:22px 18px 34px;min-height:240px;overflow:hidden}.sample-app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.sample-app-logo{font-size:21px;font-weight:600}.sample-avatar{background:#e3e9dd;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:10px}.sample-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;margin-bottom:18px}.sample-filter-row b{background:#e6ecdf;padding:3px 5px;font-weight:400}.sample-filter{display:flex;gap:7px;align-items:center;border:1px solid #c3ceba;padding:6px 10px;border-radius:4px}.sample-filter svg{width:11px;fill:none;stroke:#4d5b45;stroke-width:1.5}.sample-table>div{display:grid;grid-template-columns:.75fr 1.4fr .7fr;font-size:9px;gap:7px;padding:12px 0;border-top:1px solid #e4e8df}.sample-table>div:first-child{color:#626b59;font-size:8px;padding-top:8px}.sample-table>div span:last-child{text-align:right}.sample-table>div:nth-child(n+2) span:last-child{color:#797330}.guide-explanation{font-size:14px;line-height:1.55;margin-top:24px;min-height:45px}.filter-popover{position:absolute;right:20px;top:100px;padding:14px;background:white;box-shadow:0 7px 24px #20372420;border-radius:6px;width:165px;font-size:10px;z-index:1}.filter-popover>span:first-child{color:#65705b}.filter-popover strong{display:flex;align-items:center;gap:6px;font-weight:400;margin:12px 0}.filter-popover i{background:#426049;width:10px;height:10px;border-radius:2px}.apply-filter{display:block;text-align:center;padding:6px;background:#426049;color:#fff;border-radius:3px}.sample-pointer{position:absolute;right:44px;top:100px;z-index:2;pointer-events:none}.sample-pointer svg{width:20px;height:20px;fill:white;stroke:#263225;stroke-width:2}.sample-pointer b{position:absolute;right:-14px;bottom:-12px;width:22px;height:22px;background:var(--yellow);border:1.5px solid #273723;border-radius:50%;display:grid;place-items:center;font-size:11px}.sample-app[data-step='1'] .sample-pointer{top:144px;right:112px}.sample-app[data-step='2'] .sample-pointer{top:184px;right:80px}.step-tabs{display:flex;gap:5px}.step-tabs button{font-size:11px;padding:9px 11px;min-height:44px;border:1px solid transparent;background:transparent;border-radius:5px}.step-tabs button.active{background:white}.step-tabs button:hover{border-color:#809778}.work-note{display:flex;align-items:center;gap:18px;padding:30px 0;color:var(--muted);font-size:14px}.line-arrow{font-size:28px;color:#67805c}.work-note a{margin-left:auto;white-space:nowrap}.work-note a span{margin-left:8px}
.about-section{padding-block:100px 120px;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.about-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.large-mark{width:150px;height:150px;border-radius:45px;background:var(--yellow);transform:rotate(-12deg);margin:70px 0 10px 35px}.large-mark svg{width:100%;fill:none;stroke:var(--ink);stroke-width:16}.about-lead{font-size:24px;line-height:1.5;letter-spacing:-.5px;max-width:42ch;margin-bottom:40px}.principle{display:grid;grid-template-columns:.9fr 1.3fr;gap:28px;padding:24px 0;border-top:1px solid var(--line)}.principle h3{font-size:16px;line-height:1.5;font-weight:600}.principle p{font-size:14px;color:var(--muted)}
.pricing-section{padding-block:100px 95px;border-top:1px solid var(--line)}.billing-switch{display:flex;border:1px solid #c1c4b8;gap:4px;padding:4px;border-radius:8px;margin-top:20px;width:fit-content}.billing-switch button{background:transparent;padding:12px 14px;border-radius:5px;font-size:12px;min-height:44px}.billing-switch button.active{background:var(--ink);color:#fff}.billing-switch span{font-size:9px;display:inline-block;margin-left:6px;color:inherit;opacity:.85}.pricing-table{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9c1b0;border-bottom:1px solid #b9c1b0}.plan{padding:35px 32px 30px}.plan:first-child{padding-left:0}.plan+.plan{border-left:1px solid #b9c1b0}.plan h3{font-size:22px;font-weight:600;display:flex;align-items:center;gap:14px}.plan h3 svg{width:22px;height:22px;fill:#b39b25}.plan-price{margin-top:25px;font-size:48px;font-weight:600;line-height:1.1;letter-spacing:-2px}.plan-price>span:not(.price-number){font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0}.billing-detail{font-size:12px;color:#66705c;margin-top:9px;margin-bottom:24px}.plan>p:not([class]){font-size:14px;line-height:1.9;min-height:54px}.plan .text-link{margin-top:28px;font-size:13px}.pricing-notes{font-size:12px;line-height:1.9;color:var(--muted);margin-top:26px}.closing{padding-block:95px 100px;text-align:center;background:#e5e9dc;max-width:none}.closing h2{font-size:clamp(42px,5.5vw,82px);line-height:1.07;letter-spacing:-.04em;font-weight:600}.closing .button{margin-top:38px;min-width:260px}.closing p{margin-top:22px;font-size:13px;color:#5b6752}
.site-footer{padding-top:65px;padding-bottom:24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:52px;border-bottom:1px solid var(--line)}.footer-top p{font-size:14px;color:var(--muted)}.back-top{font-size:13px;text-decoration:none}.back-top span{margin-left:15px}.footer-details{padding-block:40px 50px;display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:60px}.footer-details h2{font-size:13px;font-weight:600;margin-bottom:20px}.footer-details p,.footer-details a{font-size:13px;line-height:1.8}.footer-details p{margin-top:14px;color:var(--muted)}.footer-details strong{color:var(--ink);font-weight:400}.footer-details a{display:block;width:fit-content;margin:10px 0;text-decoration:none}.footer-details a:hover{text-decoration:underline}.footer-details p.footer-art-note{font-size:11px;max-width:27ch;margin-top:20px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:#6d7365}.no-script-notice{padding:20px;text-align:center;background:var(--yellow);font-size:14px}
html[data-motion=off] .journey{--journey-height:340svh}html[data-motion=off]{scroll-behavior:auto}html[data-scene=fallback] .journey{--journey-height:340svh}html[data-scene=fallback] #motion-toggle{display:none}
@media(min-width:1700px){.chapter-copy{width:650px;max-width:44%}.site-header,.chapter,.journey-chrome{padding-inline:max(5vw,calc((100vw - 1524px)/2))}}
@media(max-width:1000px){.site-header{gap:20px}.site-header nav{gap:20px}.chapter h1,.chapter h2{font-size:58px}.chapter-copy{width:54%}.scene-wash{background:linear-gradient(90deg,#f4f2ebed 0%,#f4f2ebd9 25%,#f4f2eb44 57%,transparent 80%)}.section-heading{gap:26px}.section-heading h2{font-size:44px}.product-feature{grid-template-columns:.9fr 1.1fr}.product-story{padding:30px}.product-demo{padding:25px 20px}.guide-paper{padding:20px}.guide-paper-title h4{font-size:15px}.about-section{gap:50px}.about-lead{font-size:21px}.principle{grid-template-columns:1fr;gap:8px}.plan{padding-inline:20px}.plan>p:not([class]){font-size:13px}}
@media(max-width:720px){:root{--gutter:22px;--journey-height:380svh;scroll-padding-top:24px}.site-header{height:84px;gap:12px;background:var(--paper);position:absolute}.brand{font-size:18px;gap:9px}.brand-mark{width:36px;height:36px}.brand-labs{font-size:12px;letter-spacing:2.5px}.site-header nav{display:none}.header-cta{margin-left:auto;min-height:42px;padding:11px 12px;font-size:11px;gap:13px}.header-cta span{font-size:17px}.chapter{align-items:flex-start;padding-top:125px;padding-bottom:80px;height:calc(var(--journey-height)/4)}.chapter-copy{width:100%;max-width:480px}.chapter h1,.chapter h2{font-size:clamp(43px,10.5vw,63px);line-height:1.04;letter-spacing:-.04em}.chapter p{font-size:15px;line-height:1.6;margin-top:20px;max-width:34ch}.chapter .text-link,.chapter .button{margin-top:16px}.chapter .text-link{font-size:12px}.chapter .button{min-height:48px;padding:12px 18px;font-size:13px}.scene-wash{background:linear-gradient(180deg,#f4f2eb 0%,#f4f2ebed 18%,#f4f2ebb0 32%,#f4f2eb14 54%,transparent 65%)}.journey-chrome{top:calc(100svh - 72px);padding:14px var(--gutter);min-height:72px;margin-top:-72px;gap:10px}.scroll-cue{font-size:10px;gap:8px}.scene-caption{display:none}.scene-controls{gap:7px}.icon-button{min-width:44px;height:44px}.architectural-title{right:7%;top:52%;font-size:70px}.architectural-title span{font-size:12px}.fallback-building{width:420px;height:160px;bottom:7%;right:-90px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.about-heading h2{font-size:38px}.section-heading p{font-size:14px;margin-top:22px}.work-section{padding-top:65px;padding-bottom:40px}.product-feature{grid-template-columns:1fr}.product-story{padding:28px}.product-brand{margin-bottom:24px}.product-story h4{font-size:39px}.product-story>p{font-size:14px}.product-benefits{font-size:13px}.product-story .button{width:100%;font-size:14px;gap:25px}.product-demo{padding:24px 20px 22px}.guide-paper{padding:20px;transform:rotate(-1deg)}.sample-app{padding:18px 12px 25px;min-height:220px}.sample-app-logo{font-size:18px}.sample-table>div{font-size:8px}.guide-explanation{font-size:13px}.demo-bottom>span{font-size:10px}.work-note{align-items:flex-start;flex-wrap:wrap;gap:10px;font-size:12px;padding-block:24px}.work-note p{flex:1}.work-note a{margin-left:30px;min-height:32px}.line-arrow{font-size:24px}.about-section{padding-block:60px;grid-template-columns:1fr;gap:35px}.about-heading{display:block}.large-mark{display:none}.about-lead{font-size:21px;margin-bottom:25px}.principle{grid-template-columns:.9fr 1.2fr;gap:20px}.principle h3{font-size:14px}.principle p{font-size:13px}.pricing-section{padding-block:60px}.pricing-table{grid-template-columns:1fr;border-bottom:0}.plan,.plan:first-child{padding:28px 4px}.plan+.plan{border-left:0;border-top:1px solid #b9c1b0}.plan:last-child{border-bottom:1px solid #b9c1b0}.plan h3{font-size:21px}.plan-price{margin-top:18px;font-size:44px}.billing-detail{margin-bottom:18px}.plan>p:not([class]){font-size:14px;min-height:0}.plan .text-link{margin-top:12px}.pricing-notes{font-size:11px}.closing{padding-block:65px}.closing h2{font-size:42px}.closing .button{margin-top:28px}.site-footer{padding-top:40px}.footer-top{display:flex;flex-wrap:wrap;gap:22px;padding-bottom:30px}.footer-top p{order:3;flex-basis:100%;font-size:12px}.footer-top .back-top{margin-left:auto;font-size:11px}.footer-details{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:30px}.footer-details>div:first-child{grid-column:1/-1}.footer-details h2{margin-bottom:12px}.footer-details p,.footer-details a{font-size:12px}.footer-bottom{font-size:10px;gap:20px}html[data-motion=off] .journey,html[data-scene=fallback] .journey{--journey-height:320svh}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{--journey-height:340svh}.guide-paper{transform:none}.button:hover{transform:none}}
@media print{.site-header,.journey,.scene-controls,.closing,.skip-link{display:none}.section-wrap{padding:20px}.product-feature{display:block}.product-demo{display:none}.pricing-table{display:block}.plan{break-inside:avoid;border:0}.about-section{display:block}.large-mark{display:none}body{background:white}.site-footer{break-inside:avoid}}


/* Keep small demo labels readable without changing the editorial scale */
.sample-filter-row,.sample-table>div,.sample-table>div:first-child,.filter-popover,.sample-avatar,.demo-bottom>span,.billing-switch span,.scene-caption{font-size:11px}
.sample-table>div{grid-template-columns:.7fr 1.5fr .9fr;line-height:1.4}
.demo-top,.demo-bottom{font-size:12px}
@media(max-width:720px){.scroll-cue{font-size:11px}.guide-paper{padding:16px}.product-demo{padding-inline:14px}.sample-app{padding-inline:10px}.sample-table>div{gap:5px}.billing-switch button{padding-inline:12px}.demo-bottom{flex-wrap:wrap}.pricing-notes{font-size:12px}}
@media(max-width:360px){.header-cta span{display:none}.work-note{display:grid;grid-template-columns:24px 1fr}.work-note a{grid-column:2;margin-left:0}}