@font-face{font-family:Inter;src:url('./assets/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--forest:#0f2d28;--teal:#2a5a58;--bronze:#b78244;--clay:#c65a26;--action:#ad481b;--stone:#8e918d;--paper:#f3f1ee;--ink:#102e29;--muted:#526660;--line:#d9dfda;--pale:#e4ece6;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,summary{touch-action:manipulation}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--bronze);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;background:white;color:var(--forest);padding:12px 20px;z-index:10}.skip-link:focus{top:12px}
.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px clamp(20px,5vw,80px);background:var(--paper)}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand>span{font-size:23px;font-weight:750;letter-spacing:-.05em;line-height:.91}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:550}.site-header nav a{padding:12px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:7px;min-height:50px;padding:13px 24px;font-size:14px;font-weight:650;line-height:1.35;text-align:center;transition:background .18s,box-shadow .18s}.button:hover{box-shadow:0 3px 12px #102e2920}.header-signin{background:transparent;border-color:#b7c4ba;min-height:44px;padding:10px 17px}.header-signin svg{width:18px;height:18px}.button-clay{background:var(--action);color:white}.button-clay:hover{background:#943c16}.button-forest{background:var(--forest);color:white}.button-forest:hover{background:var(--teal)}.quiet-link{font-size:14px;text-decoration:underline;text-underline-offset:6px}.text-link{font-size:14px;border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:6px;cursor:pointer;color:inherit}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.hero{background:var(--forest);color:var(--paper);padding:70px max(24px,calc((100vw - 1160px)/2)) 74px;display:grid;grid-template-columns:1.07fr 1fr;gap:65px;align-items:center}.hero-copy{max-width:590px}.hero .eyebrow{color:#d3b390;margin-bottom:25px}.hero h1{font-weight:600;font-size:clamp(48px,5.2vw,76px);line-height:1.015;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:#dc9f65}.hero-description{font-size:18px;line-height:1.6;max-width:420px;color:#d0dcd5;margin-top:27px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:29px}.hero .button-clay{background:var(--action)}.hero .button-clay:hover{background:#943c16}.hero-footnote{font-size:12px;color:#b5c4bc;margin-top:27px}.hero-product{width:100%;max-width:480px;justify-self:end}.example-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.example-label{font-size:12px;color:#d0dcd5}.sample-label{display:inline-flex;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.02em;color:var(--muted);border:1px solid #b8c7bd;border-radius:4px;padding:4px 8px;white-space:nowrap}.hero .sample-label{color:#d0dcd5;border-color:#496057}.snag-preview{color:var(--ink);background:var(--paper);border-radius:15px;overflow:hidden;box-shadow:0 22px 70px #04191450;border:1px solid #ffffff1f}.snag-project{display:flex;gap:11px;align-items:center;padding:17px 21px;background:#fff}.mini-mark{display:grid;place-items:center;background:var(--pale);color:var(--forest);height:35px;width:35px;border-radius:6px;font-size:12px;font-weight:750}.snag-project strong{display:block;font-size:14px}.snag-project div>span{display:block;font-size:11px;color:var(--muted);margin-top:1px}.snag-project svg{margin-left:auto;color:var(--teal)}.snag-photo{width:100%;height:222px;object-fit:cover;object-position:center 46%}.snag-copy{padding:20px 22px}.snag-meta{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.status-pill{background:var(--pale);color:var(--teal);padding:3px 10px;border-radius:30px;font-weight:650;font-size:11px}.status-pill.inspection{background:#eee1cc;color:#73490f}.status-pill.closed{background:#dee9df;color:#254d31}.snag-copy h2{font-size:23px;font-weight:650;margin:13px 0 8px}.snag-copy>p{font-size:13px;color:var(--muted)}.snag-assignment{display:flex;gap:10px;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.company-avatar{display:grid;place-items:center;background:#dbe9e1;color:var(--teal);border:1px solid #c4d7cb;font-size:11px;font-weight:700;height:33px;width:33px;border-radius:5px}.snag-assignment small,.snag-assignment strong{display:block}.snag-assignment small{font-size:10px;color:var(--muted)}.snag-assignment strong{font-size:12px}.drawing-label{display:flex;gap:6px;align-items:center;color:#785126;font-size:11px;margin-left:auto}.drawing-label svg{height:18px;width:18px}.product-note{display:flex;gap:11px;align-items:center;margin:18px 0 0 18px}.product-note>span{display:grid;place-items:center;border:1px solid #82998a;width:27px;height:27px;border-radius:50%;color:#b7d5be}.product-note strong{font-size:12px;font-weight:550;display:block}.product-note div>span{font-size:11px;color:#b5c4bc;display:block;margin-top:2px}
.principles-strip{display:flex;justify-content:space-evenly;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line);font-size:12px;font-weight:650;letter-spacing:.035em;text-align:center;color:var(--teal)}.section{max-width:1240px;margin:auto;padding:94px 40px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section .eyebrow{color:#855b2d;margin-bottom:16px}.section h2,.offline-section h2,.contact-section h2{font-weight:600;font-size:clamp(32px,3.5vw,46px);line-height:1.12}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:4px}.walkthrough{display:grid;grid-template-columns:1fr 1.12fr;gap:50px;align-items:start}.demo-steps{display:grid;gap:9px;padding-top:8px}.demo-steps button{display:flex;align-items:center;gap:19px;text-align:left;color:var(--ink);padding:23px 20px;border:1px solid transparent;background:transparent;border-radius:10px;transition:background .2s}.demo-steps button[aria-selected=true]{background:#e2e9e3;border-color:#cdd8ce}.demo-steps button:hover{background:#e7ece7}.step-number{font-size:13px;font-weight:600;color:var(--teal);border:1px solid #bcccbf;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;flex-shrink:0}.demo-steps button[aria-selected=true] .step-number{background:var(--forest);color:white;border-color:var(--forest)}.demo-steps strong{display:block;font-weight:650;font-size:18px;letter-spacing:-.03em}.demo-steps small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.demo-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 5px 20px #182e2610;min-height:411px}.demo-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:18px}.demo-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;gap:16px}.demo-bottom>span{font-size:12px;color:var(--muted)}.demo-bottom .button{min-height:42px;font-size:12px;padding:10px 19px}.demo-mini-photo{width:100%;height:154px;object-fit:cover;border-radius:7px;margin-bottom:17px}.demo-panel h3{font-size:22px;line-height:1.2;margin-bottom:10px}.demo-panel p{font-size:14px;color:var(--muted);line-height:1.6}.demo-caption{margin-top:12px;font-size:12px!important}.demo-panel label{display:block;font-size:13px;font-weight:650;margin:18px 0 7px}.demo-panel select{width:100%;padding:12px;border:1px solid #aebbaf;border-radius:7px;color:var(--ink);background:white;min-height:47px}.demo-comment{background:var(--paper);border-radius:7px;padding:14px;margin-top:15px}.demo-comment strong{font-size:12px}.demo-comment p{font-size:13px;margin-top:5px}.inspection-action{width:100%;margin-top:18px}.demo-status-line{display:flex;gap:10px;align-items:center;margin:15px 0}.floor-plan{position:relative;margin-top:15px;border:2px solid #8ca094;background:#f6f8f5;height:183px;display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:1fr 1fr}.floor-plan>span{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);border:1px solid #b7c6bb}.floor-plan>span:last-of-type{grid-row:1/3;grid-column:2}.floor-pin{position:absolute;left:62%;top:33%;background:var(--action);border:3px solid #fff;color:white;border-radius:50%;height:33px;width:33px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #102e2933}.example-disclaimer{font-size:11px;color:var(--muted);text-align:right;max-width:650px;margin:16px 0 0 auto}
.offline-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:76px max(40px,calc((100vw - 1160px)/2));background:#dfe7e0}.offline-section .eyebrow{color:var(--teal);margin-bottom:17px}.offline-section p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:470px;margin-top:20px;line-height:1.75}.offline-section .text-link{display:inline-block;margin-top:20px;font-weight:650}.offline-example{background:var(--paper);border:1px solid #c9d5cb;border-radius:13px;padding:23px 26px;box-shadow:0 14px 35px #243f3010}.offline-status{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:14px}.offline-status>span{margin-left:auto;font-size:11px;color:var(--muted)}.offline-status svg{color:var(--teal)}.saved-row{display:flex;gap:13px;align-items:center;margin-top:22px}.saved-row>span:first-child{font-size:12px;color:#7a6449;background:#ece4d8;border-radius:6px;padding:9px}.saved-row strong,.saved-row small{display:block}.saved-row strong{font-size:14px;font-weight:600}.saved-row small{font-size:12px;color:var(--muted);margin-top:3px}.saved-row .tick{margin-left:auto;color:var(--teal);font-size:20px}.offline-example>p{font-size:12px!important;margin-top:24px!important;color:var(--teal)!important}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.role-grid article{border-top:2px solid var(--bronze);padding:25px 0 0}.role-grid article:nth-child(2){border-color:var(--teal)}.role-grid article:nth-child(3){border-color:var(--stone)}.role-number{font-size:12px;font-weight:650;color:var(--muted)}.role-grid h3{font-size:28px;font-weight:600;line-height:1.15;margin:20px 0 16px}.role-grid p{font-size:14px;color:var(--muted);line-height:1.7}.role-grid ul{list-style:none;padding:0;margin:20px 0 0;font-size:13px}.role-grid li{padding:7px 0;display:flex;gap:11px}.role-grid li::before{content:'✓';color:var(--teal)}.questions-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:70px;padding-top:20px}.questions details{border-bottom:1px solid var(--line)}.questions summary{cursor:pointer;font-size:15px;font-weight:600;padding:21px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary::after{content:'+';font-weight:400;font-size:22px}.questions details[open] summary::after{content:'−'}.questions p{font-size:14px;line-height:1.75;color:var(--muted);padding:0 22px 23px 0}
.contact-section{background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:73px max(40px,calc((100vw - 1160px)/2))}.contact-section .eyebrow{color:#d5ac7b;margin-bottom:17px}.contact-section p:not(.eyebrow){font-size:15px;line-height:1.7;color:#c2d1c8;max-width:470px;margin-top:18px}.contact-action{justify-self:end}.contact-action .button{margin-bottom:5px}.contact-action .text-link{font-size:15px;margin-top:8px}.contact-action #enquiry-pending{color:#e7c298;max-width:270px}.site-footer{display:flex;align-items:center;gap:25px;justify-content:space-between;max-width:1320px;margin:auto;padding:36px 40px}.site-footer .brand span{font-size:19px}.site-footer>span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.site-footer small{font-size:12px;color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:15px;padding:32px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);box-shadow:0 15px 60px #0003}dialog::backdrop{background:#061b17b3}dialog h2{font-size:31px;margin:7px 0 15px;font-weight:650}dialog>p{font-size:14px;color:var(--muted);line-height:1.65}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading .eyebrow{color:var(--teal)}.close-dialog{background:var(--paper);color:var(--muted);border:0;border-radius:50%;width:40px;height:40px;font-size:27px;line-height:1}.close-dialog:hover{background:var(--pale)}#workspace-form{margin-top:24px}#workspace-form label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}#workspace-form input{border:1px solid #9fb4a6;border-radius:6px;padding:13px;width:100%;font-size:16px}#workspace-help{display:block;font-size:12px;color:var(--muted);margin-top:7px}#workspace-form .button{margin-top:20px;width:100%}#workspace-error{font-size:14px;color:#96321e;background:#fceee8;padding:10px;border-radius:6px;margin-top:14px}.signin-help{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:12px!important}.noscript-message{padding:20px;background:#f5e2c3}
@media(min-width:1600px){.hero{padding-inline:max(40px,calc((100vw - 1240px)/2));gap:100px}.hero-product{max-width:510px}.snag-photo{height:250px}}
@media(max-width:1000px){.hero{gap:35px;padding:50px 35px 55px}.hero h1{font-size:clamp(46px,6.2vw,65px)}.hero-description{font-size:16px}.hero-actions{gap:20px}.hero-actions .quiet-link{font-size:13px}.snag-photo{height:195px}.snag-copy{padding:17px}.snag-copy h2{font-size:21px}.drawing-label{font-size:10px}.section{padding:70px 30px}.walkthrough{gap:25px}.demo-steps button{padding:20px 14px;gap:13px}.demo-steps strong{font-size:17px}.offline-section{gap:35px;padding:60px 30px}.role-grid{gap:25px}.role-grid h3{font-size:25px}.questions-section{gap:35px;padding-top:10px}.contact-section{padding:60px 30px;gap:35px}}
@media(max-width:720px){.site-header{padding:19px 22px}.site-header nav{display:none}.brand>span{font-size:21px}.brand img{width:35px;height:39px}.hero{grid-template-columns:1fr;padding:43px 25px 40px;gap:38px}.hero-copy{max-width:520px}.hero h1{font-size:clamp(47px,10vw,66px)}.hero-description{font-size:17px;margin-top:22px}.hero .eyebrow{margin-bottom:21px}.hero-product{max-width:490px;justify-self:center}.hero-footnote{margin-top:20px}.snag-photo{height:210px}.snag-copy{padding:21px}.snag-copy h2{font-size:24px}.snag-copy>p{font-size:14px}.drawing-label{font-size:12px}.principles-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;font-size:12px;padding:21px}.section{padding:58px 24px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:19px;font-size:15px}.section-heading>p br{display:none}.section h2,.offline-section h2,.contact-section h2{font-size:36px}.walkthrough{grid-template-columns:1fr;gap:21px}.demo-steps{grid-template-columns:1fr 1fr;gap:8px}.demo-steps button{padding:14px 10px;gap:9px;align-items:start;border-color:var(--line)}.demo-steps .step-number{height:26px;width:26px;font-size:11px}.demo-steps strong{font-size:14px;line-height:1.35;letter-spacing:-.02em}.demo-steps small{display:none}.demo-panel{min-height:420px;padding:20px}.demo-panel-top{font-size:11px}.example-disclaimer{text-align:left;font-size:12px;line-height:1.6}.offline-section{grid-template-columns:1fr;gap:32px;padding:51px 24px}.offline-example{padding:22px}.role-grid{grid-template-columns:1fr;gap:31px}.role-grid article{padding-top:20px}.role-grid h3{font-size:28px;margin:15px 0}.role-grid h3 br{display:none}.role-grid p{font-size:15px}.role-grid ul{font-size:14px;margin-top:13px}.questions-section{grid-template-columns:1fr;gap:22px;padding-top:0}.contact-section{grid-template-columns:1fr;padding:51px 24px;gap:24px}.contact-action{justify-self:start}.site-footer{padding:30px 24px;flex-wrap:wrap;gap:22px}.site-footer>span{display:none}.site-footer small{font-size:11px}.hero-actions{gap:18px}.hero-actions .button{font-size:14px}.hero-actions .quiet-link{font-size:13px}}
@media(max-width:370px){.hero{padding-inline:20px}.hero h1{font-size:44px}.hero-description{font-size:16px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.header-signin{padding:10px 13px}.snag-copy{padding:17px}.snag-copy h2{font-size:21px}.snag-assignment{flex-wrap:wrap}.drawing-label{margin-left:0;font-size:11px}.section,.offline-section,.contact-section{padding-inline:20px}.demo-panel{padding:16px}.demo-panel-top{flex-wrap:wrap}.demo-steps button{gap:7px}.demo-steps strong{font-size:13px}.section h2,.offline-section h2,.contact-section h2{font-size:32px}.offline-example{padding:18px}.offline-status{font-size:12px}.saved-row small{font-size:11px}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}