@font-face{font-family:'Outfit';src:url('/static/fonts/outfit-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f5f6f3;--card:#fff;--ink:#1f2a24;--mut:#5f6b64;--pri:#0B5A3C;--pri-d:#08452E;--gold:#C49A5A;--gold-d:#7A5A22;--gold-l:#f7efe2;--good:#1a7f45;--warn:#b25e00;--bad:#c0392b;--line:#e3e8ee}
*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--pri)}h1{font-size:1.5rem;margin:.5rem 0}h2{font-size:1.2rem;margin:1.2rem 0 .6rem}
.top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;background:#fff;color:var(--ink);padding:.6rem 1rem;border-bottom:3px solid var(--pri)}
.top a,.top .link{color:var(--pri);text-decoration:none;font-weight:600}.top nav a:hover,.top .link:hover{color:var(--pri-d);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}.brand{font-weight:700}.top nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.demo{background:#fff3cd;color:#7a5b00;text-align:center;padding:.4rem;font-size:.9rem}
.wrap{max-width:1100px;margin:0 auto;padding:1rem}.foot{text-align:center;color:var(--mut);font-size:.85rem;padding:2rem 1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;margin:0 0 1rem}.narrow{max-width:440px;margin:1rem auto}
.cards{display:grid;gap:1rem;grid-template-columns:1fr}.link-card{display:block;color:inherit;text-decoration:none}.link-card:hover{border-color:var(--gold)}
.link-card h3{margin:.2rem 0}dl{display:grid;grid-template-columns:auto auto;gap:.2rem .8rem;margin:.5rem 0 0}dd{margin:0;text-align:right;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.stat span{display:block;font-size:.8rem;color:var(--mut)}.stat b{font-size:1.1rem}
.stat.hl{border-color:var(--gold);background:var(--gold-l);box-shadow:inset 3px 0 0 var(--gold)}.stat.good b{color:var(--good)}.stat.warn b{color:var(--warn)}.stat.muted b{color:var(--mut)}.warn-t{color:var(--warn)}
label{display:block;font-size:.9rem;color:var(--mut);margin:.4rem 0}input,select,textarea{display:block;width:100%;font:inherit;padding:.6rem;border:1px solid #c9d1da;border-radius:8px;margin-top:.2rem;background:#fff;color:var(--ink)}
.chk{display:flex;align-items:center;gap:.5rem;color:var(--ink)}.chk input{width:auto;margin:0}
.btn{background:var(--pri);color:#fff;border:0;border-radius:8px;padding:.7rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;margin-top:.6rem;width:100%}
.btn.danger{background:var(--bad)}button.link{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--pri)}.link.danger{color:var(--bad)}
.inline{display:inline}.grid{display:grid;gap:0 1rem;grid-template-columns:1fr}summary{cursor:pointer;font-weight:600;color:var(--pri);padding:.3rem 0}
.err{color:var(--bad)}.flash{background:#e8f6ee;border:1px solid #b7e1c7;padding:.6rem .8rem;border-radius:8px;margin-bottom:1rem}.muted{color:var(--mut)}.crumb{margin:0;font-size:.9rem}.pre{white-space:pre-wrap}
.pill{display:inline-block;font-size:.8rem;padding:.15rem .6rem;border-radius:99px;background:#e8edf3;color:var(--ink);border:0;font-weight:600;vertical-align:middle}
button.pill{cursor:pointer}.pill.good{background:#dff3e7;color:var(--good)}.pill.warn{background:#fdebd3;color:var(--warn)}
.tbl{width:100%;border-collapse:collapse}.tbl thead{display:none}.tbl tr{display:block;border-bottom:1px solid var(--line);padding:.5rem 0}
.tbl td{display:flex;justify-content:space-between;gap:1rem;padding:.15rem 0}.tbl td[data-l]::before{content:attr(data-l);color:var(--mut);font-size:.85rem}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#ddd}
figcaption{font-size:.85rem}
@media(min-width:720px){.stats{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr 1fr;align-items:end}.grid .full{grid-column:1/-1}
.btn{width:auto}.gallery{grid-template-columns:repeat(4,1fr)}
.tbl thead{display:table-header-group}.tbl tr{display:table-row}.tbl th{text-align:left;font-size:.85rem;color:var(--mut);padding:.5rem;border-bottom:1px solid var(--line)}
.tbl td{display:table-cell;padding:.5rem;border-bottom:1px solid var(--line)}.tbl td[data-l]::before{content:none}}
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
.btn.small{padding:.4rem .8rem;margin:0;font-size:.9rem;width:auto}.btn.ghost{background:#e8edf3;color:var(--ink)}
.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.row input{flex:1 1 140px;margin:0}.row input.num{flex:0 1 110px}.row.add{margin-top:.8rem}
.big{font-size:1.4rem;font-weight:700;margin:.3rem 0 0}.small{font-size:.85rem}.kv{grid-template-columns:auto 1fr}.kv dd{text-align:left;font-weight:400}
.nav-sub{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0 1rem}.nav-sub a{font-size:.85rem;background:#fff;border:1px solid var(--line);border-radius:99px;padding:.25rem .7rem;text-decoration:none}
.checklist label{display:flex;gap:.6rem;align-items:center;color:var(--ink);padding:.4rem 0;border-bottom:1px solid var(--line)}.checklist input[type=checkbox]{width:auto;margin:0}.checklist .amt{margin-left:auto;font-weight:600}
a.btn{display:inline-block;text-decoration:none}.btn.small{white-space:nowrap}
.pill.bad{background:#fbe1de;color:var(--bad)}.bad-t{color:var(--bad);font-weight:600}.m0{margin-top:0}.line{margin:.5rem 0;padding-bottom:.4rem;border-bottom:1px solid var(--line)}
.nav-sub a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.snags{display:grid;gap:.7rem;margin-bottom:.6rem}.snag{display:flex;gap:.7rem;border:1px solid var(--line);border-left:4px solid #c9d1da;border-radius:10px;padding:.6rem}
.snag img{width:84px;height:84px;object-fit:cover;border-radius:8px;flex:none}.snag-body{flex:1;min-width:0}.snag-desc{margin:0 0 .2rem}.snag p{margin:.15rem 0}.snag .row select{flex:1 1 120px;margin:0;padding:.4rem}
.prio-high{border-left-color:var(--warn)}.prio-urgent{border-left-color:var(--bad)}.prio-low{border-left-color:#9cc3a9}
.attach summary{font-weight:400;font-size:.85rem}.attach .row{margin-top:.3rem}.attach input[type=file]{font-size:.8rem;padding:.3rem}
h3{font-size:1rem;margin:1.2rem 0 .4rem}
@media(min-width:720px){.cards.two{grid-template-columns:1fr 1fr}}
.wordmark{font-family:'Outfit',Poppins,Montserrat,system-ui,sans-serif;font-weight:500;letter-spacing:.01em;color:#26292b}
.brand{display:flex;align-items:center;gap:.55rem;font-size:1.55rem;line-height:1}.top a.brand{color:#26292b;font-weight:500}.brand img{display:block}
.auth-brand{display:flex;align-items:center;gap:.8rem;max-width:440px;margin:1.5rem auto .5rem}.auth-brand b{display:block;font-size:2.4rem;line-height:1;margin-bottom:.15rem}.auth-brand span{color:var(--mut);font-size:.9rem}

.btn:hover{background:var(--pri-d)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
input:focus,select:focus,textarea:focus{border-color:var(--pri)}
h1{font-family:'Outfit',system-ui,sans-serif;font-weight:600;letter-spacing:.005em}
.demo{border-bottom:1px solid #eadcbf;background:#fbf4e6;color:#6b4e1c}
.btn.ghost:hover{background:#dfe5e1}
.plans{list-style:none;margin:0 0 .6rem;padding:0}.plan{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.plan.sel{background:var(--gold-l);margin:0 -.5rem;padding:.55rem .5rem;border-radius:8px}
.plan-main{display:flex;align-items:center;gap:.7rem;flex:1;min-width:0;color:inherit;text-decoration:none}.plan-main:hover b{color:var(--pri);text-decoration:underline;text-decoration-color:var(--gold)}
.plan-text{display:flex;flex-direction:column;min-width:0}.plan-text b{overflow-wrap:anywhere}.plan-text small{line-height:1.5}
.ftype{flex:none;width:46px;height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;letter-spacing:.03em;color:#fff;background:#6b7785}
.ft-pdf{background:#b3261e}.ft-image{background:var(--gold-d)}.ft-dwg,.ft-dxf{background:#2f5d8a}.ft-word{background:#2b579a}.ft-excel{background:#1d6f42}.ftype.big{width:72px;height:72px;font-size:1rem}
.preview-head{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.preview-img{width:100%;max-height:75vh;object-fit:contain;background:#eef0ec;border-radius:8px}.preview-pdf{width:100%;height:75vh;border:1px solid var(--line);border-radius:8px;display:none}
.nopreview{display:flex;gap:1rem;align-items:center;background:#f3f4f1;border-radius:8px;padding:1rem}.warnbox{background:var(--gold-l);border-color:#e7d3ae}.mobile-only{display:block}
@media(min-width:560px){.preview-pdf{display:block}.mobile-only{display:none}}
.plan-text>.pill{align-self:flex-start}

.review-flag{margin-top:.3rem;padding:.25rem .45rem;border-left:3px solid #b42318;background:#fdecea;color:#7a1610;font-size:.85rem;border-radius:4px}
tr.flagged td{background:#fffaf0}
.stat.bad b{color:#b42318}

.row select.qsel{flex:0 1 170px;width:auto;margin:0;padding:.45rem}.row select{width:auto;margin:0}.devpick{gap:.8rem}.devpick select{flex:1 1 200px}.m0{margin:0}
.hsgrp h2 .pill{margin-left:.4rem}
.stack{text-align:right}.stack small{display:block}@media (min-width:700px){.stack{text-align:left}}
.sitegroup{border-top:1px solid var(--line);margin-top:1rem;padding-top:.3rem}.sitegroup:first-of-type{border-top:0}.copyfrom{background:#f4f7f5;border-radius:8px;padding:.5rem .6rem}.copyfrom select{flex:1 1 160px}.copyfrom .full{flex-basis:100%}.devx{margin-top:1rem}
.home{margin:-1rem -1rem 0}.home>section{padding:2rem 1.1rem}
.hero{background:linear-gradient(160deg,#0B5A3C 0%,#08402b 100%);color:#fff;border-bottom:4px solid var(--gold)}
.hero-brand{display:flex;align-items:center;gap:.7rem}.hero-brand img{background:#fff;border-radius:14px;padding:4px}.hero-brand .wordmark{font-size:1.9rem;color:#fff}
.hero h1{font-size:1.85rem;line-height:1.15;margin:1rem 0 .6rem;color:#fff}.hero .lead{font-size:1.05rem;color:#dbe9e2;margin:0 0 1rem}
.hero-cta{display:flex;flex-direction:column;gap:.5rem}.hero-cta .btn{margin:0;text-align:center}.btn.gold{background:var(--gold);color:#241805}.btn.ghost-light{background:transparent;border:1px solid #9cc4b2;color:#fff}
.hero-points{list-style:none;padding:0;margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.hero-points li{background:rgba(255,255,255,.12);border-radius:99px;padding:.25rem .7rem;font-size:.85rem}
.features h2,.pricing h2{font-size:1.4rem;margin:0 0 1rem}.fgrid{display:grid;gap:.7rem}
.feat{background:#fff;border:1px solid var(--line);border-left:4px solid var(--pri);border-radius:12px;padding:.8rem .9rem}.feat h3{margin:.2rem 0 .25rem;font-size:1.02rem}.feat p{margin:0;color:var(--mut);font-size:.92rem}
.ficon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f3ead9;color:#7a5520;font-weight:800}
.pricing{background:#fbf7ef}.tiers{display:grid;gap:.8rem}.tier{position:relative;background:#fff;border:1px solid #eadcbf;border-radius:14px;padding:1rem}
.tier h3{margin:0;color:var(--pri)}.price{font-size:2rem;font-weight:800;margin:.2rem 0}.price small{font-size:.9rem;font-weight:500;color:var(--mut)}.tier ul{margin:.3rem 0 0;padding-left:1.1rem}
.tier.pop{border:2px solid var(--gold)}.badge{position:absolute;top:-.7rem;right:1rem;background:var(--gold);color:#241805;font-size:.75rem;font-weight:700;padding:.15rem .6rem;border-radius:99px}
.gold-pill{background:#f3ead9;color:#7a5520;vertical-align:middle}.center{text-align:center}.homelogin{margin:1.5rem auto 2rem}
@media(min-width:720px){.home>section{padding:3rem 2rem}.hero h1{font-size:2.6rem;max-width:22ch}.hero-cta{flex-direction:row}.fgrid{grid-template-columns:repeat(2,1fr)}.tiers{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.fgrid{grid-template-columns:repeat(4,1fr)}}
.inaction h2,.soon h2{font-size:1.4rem;margin:0 0 .4rem}.inaction>p{margin:0 0 .8rem}
.shots{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;-webkit-overflow-scrolling:touch}
.shot{flex:0 0 86%;scroll-snap-align:start;margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.shot img{display:block;width:100%;height:auto;aspect-ratio:900/573;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}
.shot.tall img{object-fit:contain;background:#f5f6f3}.shot figcaption{padding:.55rem .7rem;font-size:.88rem;color:var(--mut)}
.soon-card{background:#fff;border:2px solid var(--gold);border-radius:14px;padding:1rem 1.1rem}.soon-card h2{color:var(--pri);margin-top:.5rem}.soon-card p{margin:.2rem 0 0}
.soonli{color:var(--mut)}
@media(min-width:720px){.shots{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.shot{flex:none}}
.hero-grid{display:flex;flex-direction:column;gap:1rem}.hero h1{font-size:1.45rem;margin:.7rem 0 0}
.hero .homelogin{margin:0;color:var(--ink);width:100%;max-width:none;order:2}.hero .homelogin h2{margin:0 0 .3rem;font-size:1.2rem}.hero .homelogin label{margin:.25rem 0}
.hero-text{display:contents}.hero-text>.hero-brand,.hero-text>h1{order:1}.hero-more{order:3}.hero-more .lead{margin-top:0}
.homelogin a{color:var(--pri)}.backtop{padding:0 1rem 2rem;margin:0}
@media(min-width:720px){.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.hero-text{display:block}.hero h1{font-size:2.4rem;margin:1rem 0 .6rem}.hero .homelogin{max-width:400px;justify-self:end}}
.plangroup{border-top:1px solid var(--line);padding-top:.3rem;margin-top:.6rem}.plangroup h3{margin:.4rem 0}.plangroup.unassigned{background:#fbf7ef;border:1px solid #eadcbf;border-radius:10px;padding:.5rem .8rem}
.planmove{list-style:none;margin:-.2rem 0 .6rem}.planmove select{flex:1 1 180px}
.showing{margin:-.4rem 0 1rem;font-size:.95rem}
.devhead{justify-content:space-between;align-items:center}.devhead h2{margin:.6rem 0}
.notice.warn{background:#fff6e0;border:1px solid #f0d58a;border-radius:10px;padding:.6rem .8rem;margin-bottom:1rem}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.25rem .7rem;margin:.15rem;font-size:.85rem;cursor:pointer}.chip.on{background:#e8f1ff;border-color:#9bbcf0}
.docline{margin-bottom:.6rem}.check{display:flex;gap:.5rem;align-items:center}.err{color:#b42318;font-weight:600}
.pill.ok{background:#e3f6e8;color:#1a7f37}.pill.warn{background:#fff1d6;color:#8a5a00}.pill.danger{background:#fde4e2;color:#b42318}
.grid label.check{display:flex;flex-direction:row;align-items:center;gap:.5rem;grid-column:1/-1}.grid label.check input{width:auto;margin:0}
.bell{position:relative;display:inline-flex;align-items:center}.bell .badge{position:absolute;top:-6px;right:-10px;background:#c0392b;color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1;padding:.18rem .36rem;min-width:1.1rem;text-align:center}
.gate{background:#fdecea;border:1px solid #f1b0a8;border-left:6px solid #c0392b;border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem}.gate h2{margin:0 0 .3rem;font-size:1.1rem;color:#9b2c1f}
.gate ul{margin:.3rem 0 0;padding-left:1.1rem}.okbar{background:#e3f6e8;border:1px solid #b5e0c1;border-radius:10px;padding:.6rem .9rem;margin-bottom:1rem}
.sitecard h3{margin:.1rem 0}.sitecard .meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.sigpad{border:1.5px dashed #9aa5a0;border-radius:10px;background:#fff;width:100%;height:170px;touch-action:none;display:block}
.matrix th,.matrix td{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}
.st-signed{background:#e3f6e8;color:#1a7f37}.st-pending{background:#fff1d6;color:#8a5a00}.st-outdated{background:#fde4e2;color:#b42318}.st-not_sent{background:#eef0ef;color:#555}
.notif{display:flex;gap:.7rem;padding:.7rem .2rem;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.notif.unread{font-weight:600}.notif .dot{width:.6rem;height:.6rem;border-radius:50%;background:#c0392b;margin-top:.45rem;flex:none}.notif.read .dot{background:transparent}
.disabled-note{color:#9b2c1f;font-size:.9rem}
label.check{display:flex;flex-direction:row;align-items:center;gap:.55rem}label.check input{width:auto;margin:0;flex:none}
.scrollx{overflow-x:auto}.tbl.matrix,.tbl.matrix thead,.tbl.matrix tbody{display:table;width:100%}.tbl.matrix thead{display:table-header-group}.tbl.matrix tbody{display:table-row-group}.tbl.matrix tr{display:table-row}.tbl.matrix th,.tbl.matrix td{display:table-cell;padding:.45rem .4rem;vertical-align:middle}.tbl.matrix td::before{content:none!important}