:root{--ink:var(--hu-navy-deep,#14201b);--forest:var(--hu-navy,#183f32);--pine:var(--hu-navy-soft,#23634c);--moss:#8faa79;--cream:var(--hu-white,#f5f0e5);--paper:#fffdf8;--wood:#bc7a43;--amber:#e5a85b;--line:#d8d0c1;--muted:#68736d;--danger:#9f3d32;--shadow:0 18px 50px rgba(20,32,27,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.progress{position:fixed;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--wood),var(--amber),var(--pine));transform:scaleX(var(--scroll,0));transform-origin:left;z-index:100}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.2rem;padding:.8rem max(1rem,calc((100vw - 1240px)/2));background:rgba(245,240,229,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;min-width:260px;color:var(--ink);text-decoration:none}.mark{width:2.6rem;aspect-ratio:1;display:grid;place-items:center;background:var(--forest);color:white;border-radius:.25rem;font-weight:950;letter-spacing:-.08em;box-shadow:inset -6px 0 rgba(188,122,67,.7)}.brand strong,.brand small{display:block}.brand small{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.nav{display:flex;gap:.25rem;overflow:auto}.nav-btn{border:0;background:transparent;color:var(--muted);padding:.55rem .7rem;border-radius:999px;font-weight:850;white-space:nowrap}.nav-btn:hover,.nav-btn:focus-visible{background:#e9e1d2;color:var(--forest)}.nav-btn.active{background:var(--forest);color:white}main{width:min(1240px,calc(100% - 2rem));margin:1rem auto 4rem}.hero{min-height:540px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding:clamp(2rem,6vw,5rem);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(188,122,67,.08));pointer-events:none}.eyebrow{margin:0 0 .55rem;color:var(--wood);font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.15em}h1,h2,h3{margin:.15rem 0 .65rem;line-height:1.06;letter-spacing:-.035em}h1{font:800 clamp(3rem,7vw,6.6rem)/.92 Georgia,serif;max-width:800px}h2{font:800 clamp(2rem,4vw,3.7rem)/1 Georgia,serif}h3{font-size:1.2rem}.hero-copy>p:not(.eyebrow){font-size:1.08rem;max-width:700px;color:#52615a}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0}.primary,.ghost{border:0;border-radius:.25rem;padding:.82rem 1rem;font-weight:900}.primary{background:var(--hu-accent,#183f32);color:white}.primary:hover{background:var(--hu-accent-deep,#23634c)}.ghost{background:transparent;color:var(--forest);border:1px solid var(--forest)}.proof{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.proof span{display:grid;color:var(--muted);font-size:.77rem;text-transform:uppercase;letter-spacing:.08em}.proof strong{color:var(--ink);font-size:1.25rem;text-transform:none;letter-spacing:normal}.timber-visual{height:390px;display:flex;align-items:end;justify-content:center;gap:.65rem;position:relative;transform:rotate(3deg)}.timber-visual i{width:13%;height:var(--h);background:linear-gradient(90deg,#754323,var(--wood) 45%,#d79b62);box-shadow:inset 0 0 0 1px rgba(70,35,12,.3),8px 12px 20px rgba(20,32,27,.12)}.timber-visual i:nth-child(1){--h:53%}.timber-visual i:nth-child(2){--h:74%}.timber-visual i:nth-child(3){--h:94%}.timber-visual i:nth-child(4){--h:71%}.timber-visual i:nth-child(5){--h:46%}.timber-visual b{position:absolute;bottom:1.5rem;background:var(--forest);color:white;padding:.5rem .7rem;transform:rotate(-3deg)}.view{display:none;margin-top:1rem;padding:clamp(1.2rem,4vw,3rem);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);scroll-margin-top:6rem}.view.active{display:block;animation:arrive .4s ease}@keyframes arrive{from{opacity:.25;transform:translateY(12px)}}.head{max-width:900px;margin-bottom:1.4rem}.head>p:last-child{color:var(--muted)}.planner-grid,.project-form{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.planner-grid label,.project-form label,.takeoff label{display:grid;gap:.35rem;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.planner-grid input,.planner-grid select,.project-form input,.project-form select,.project-form textarea,.takeoff input,.takeoff select,.search input{width:100%;border:1px solid var(--line);background:#fff;padding:.78rem;color:var(--ink);border-radius:.2rem;text-transform:none;letter-spacing:normal}.planner-grid input:focus,.planner-grid select:focus,.project-form :focus,.takeoff :focus,.search input:focus{outline:3px solid rgba(232,89,12,.22);border-color:var(--pine)}.check{display:flex!important;flex-direction:row;align-items:center;padding:.75rem;background:#eee7da}.check input{width:auto}.result{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.metric{padding:1rem;background:#f0e9dc;border-left:3px solid var(--wood)}.metric span,.metric strong{display:block}.metric span{color:var(--muted);font-size:.72rem;text-transform:uppercase;font-weight:900}.metric strong{font-size:1.25rem}.metric.total{background:var(--forest);color:white;border:0}.metric.total span{color:#cfe3d9}.fine{grid-column:1/-1;color:var(--muted);font-size:.8rem}.boundary{margin-top:1rem;padding:1rem;border:1px solid #d9a59f;background:#fff5f3;color:#6e2b25}.boundary p{margin:.2rem 0}.cards,.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.card,.material-card{padding:1rem;border:1px solid var(--line);background:#f8f4eb;position:relative;overflow:hidden;transition:.2s}.card:before,.material-card:before{content:"";position:absolute;inset:0;background:radial-gradient(360px at var(--x,50%) var(--y,50%),rgba(188,122,67,.16),transparent 50%);opacity:0}.card:hover:before,.material-card:hover:before{opacity:1}.card:hover,.material-card:hover{transform:translateY(-3px);border-color:var(--wood)}.card small,.material-card small{color:var(--wood);font-weight:900;text-transform:uppercase}.card p,.material-card p{color:var(--muted)}.process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1rem}.process article{padding:1rem;border-top:3px solid var(--pine);background:#edf1ea}.process small{font-weight:950;color:var(--wood)}.takeoff{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:.8rem;align-items:end;margin-top:1rem;padding:1.1rem;background:var(--forest);color:white}.takeoff p{color:#cee1d7}.mini-result{background:rgba(255,255,255,.12);padding:.9rem;font-weight:900}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.ready-item{display:flex;gap:.7rem;padding:1rem;background:#f7f2e9;border:1px solid var(--line)}.ready-item input{margin-top:.3rem}.ready-item small{display:block;color:var(--muted)}.readiness-score{margin-top:1rem;padding:1.1rem;background:#eee7da}.readiness-score.good{background:#e5f2e9;color:#14532d}.readiness-score.hold{background:#fff2dc;color:#7c4a09}.search{display:flex;gap:.5rem}.search input{flex:1}.topic-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}.chip{border:1px solid var(--line);background:#f5efe5;padding:.4rem .6rem;color:var(--forest);font-weight:800}.kb-results{display:grid;gap:.7rem}.kb-entry{padding:1rem;border-left:4px solid var(--wood);background:#f6f1e7}.kb-entry small{color:var(--pine);font-weight:900}.kb-entry p{color:#52615a}.kb-entry ul{padding-left:1.2rem}.project-form label:nth-child(4),.project-form label:nth-child(5){grid-column:span 2}.project-output{margin-top:1rem}.file{white-space:pre-wrap;background:#15221c;color:#e8f2ec;padding:1.2rem;border-radius:.2rem;overflow:auto}.file-actions{display:flex;gap:.5rem;margin-top:.7rem}footer{padding:2.5rem max(1rem,calc((100vw - 1240px)/2));background:var(--ink);color:#d9e5de}footer p{max-width:800px}footer a{color:#dcb184;margin-right:1rem}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%,1rem);opacity:0;background:var(--forest);color:white;padding:.7rem 1rem;z-index:99;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{animation:rise .65s both}@keyframes rise{from{opacity:0;transform:translateY(20px)}}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.nav{width:100%}.planner-grid,.project-form{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.timber-visual{display:none}.cards,.material-grid{grid-template-columns:repeat(2,1fr)}.takeoff{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{width:calc(100% - 1rem)}.hero{min-height:0;padding:2rem 1.1rem}h1{font-size:3.25rem}.planner-grid,.project-form,.cards,.material-grid,.checklist,.takeoff,.process,.result{grid-template-columns:1fr}.project-form label:nth-child(4),.project-form label:nth-child(5){grid-column:auto}.search{display:grid}.brand{min-width:0}.proof{display:grid}.view{padding:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Legacy Craft */
.legacy-intro{margin:1.25rem 0 1.5rem;padding:1.25rem 1.4rem;border-left:5px solid var(--accent);background:var(--panel)}
.legacy-intro blockquote{margin:0 0 .45rem;font-family:Georgia,serif;font-size:clamp(1.35rem,2.5vw,2.15rem);line-height:1.2}
.legacy-intro p,.legacy-actions p{margin:.45rem 0;color:var(--muted)}
.legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.legacy-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
.legacy-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#d9d0bd}
.legacy-card h3,.legacy-card p{margin:.9rem 1rem}
.legacy-card p{color:var(--muted)}
.legacy-actions{display:flex;align-items:center;gap:1rem;margin-top:1.2rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius)}
.link-button{display:inline-flex;text-decoration:none;white-space:nowrap}
.source-note{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.65rem .75rem;border:1px solid #c9ad75;background:#fff9e9;border-radius:.65rem}
.source-badge{display:inline-flex;padding:.18rem .5rem;border-radius:999px;background:#684a18;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:820px){.legacy-grid{grid-template-columns:1fr}.legacy-actions{align-items:flex-start;flex-direction:column}.link-button{white-space:normal}}
