:root{--paper:#f4f1ea;--white:#fff;--ink:#11110f;--muted:#6b6a64;--line:#d8d4ca;--soft:#eae6dd;--accent:#ff5a1f;--green:#1d7a4a;--amber:#a85c00;--shadow:0 24px 70px rgba(17,17,15,.09);--mono:"DM Mono",monospace;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5}
button,input,select,textarea{font:inherit}
button,a{color:inherit}
a{text-decoration:none}
button{cursor:pointer}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:#fff;padding:.8rem 1rem}.skip-link:focus{top:1rem}
.site-header{height:84px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand,.app-brand{display:flex;align-items:center;gap:.75rem}
.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:700;font-size:.8rem}
.brand>span:last-child,.app-brand>div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:.85rem;letter-spacing:.16em}.brand small,.app-brand small{font:400 .58rem/1.2 var(--mono);letter-spacing:.14em;color:var(--muted);margin-top:.25rem}
.site-header nav{display:flex;align-items:center;gap:1.6rem;font-size:.78rem}.site-header nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}.nav-login{border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:5px}.dialog-copy{color:var(--muted);font-size:.72rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.15rem;border:1px solid var(--ink);font-weight:650;font-size:.78rem;border-radius:0;background:transparent;transition:transform .2s ease,background .2s ease,color .2s ease}
.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-accent{background:var(--accent);border-color:var(--accent);color:#110b07}.button.compact{min-height:38px;padding:.55rem .85rem}.button.full{width:100%}
.text-link{font-weight:650;font-size:.8rem;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.text-link span{margin-left:.45rem}.text-link.centre{display:block;text-align:center;margin-top:1.25rem}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:6vw;align-items:center;padding:clamp(60px,8vw,120px) clamp(20px,6vw,96px)}
.eyebrow{font:500 .65rem/1.4 var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;vertical-align:1px;margin-right:.5rem}
.hero h1{font-size:clamp(3rem,6.4vw,7rem);line-height:.9;letter-spacing:-.065em;font-weight:500;max-width:850px;margin:2rem 0}.hero h1 em{display:block;font-family:Georgia,serif;font-weight:400;color:var(--accent)}
.lede{max-width:670px;font-size:clamp(1rem,1.5vw,1.25rem);color:#484741;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:2rem;margin:2.5rem 0 3.5rem}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid var(--line);padding-top:1.5rem}.hero-facts div{display:flex;flex-direction:column;gap:.4rem}.hero-facts dt{font:400 .58rem/1.2 var(--mono);color:var(--muted);letter-spacing:.1em}.hero-facts dd{margin:0;font-weight:600;font-size:.82rem}
.hero-system{background:#121210;color:#fff;padding:1.2rem;box-shadow:var(--shadow);transform:rotate(1.2deg)}
.system-top,.system-foot{display:flex;align-items:center;justify-content:space-between;font:400 .56rem/1.2 var(--mono);letter-spacing:.1em;color:#a9a89f}.live-dot{color:#a8e5c2}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#5bcc89;border-radius:50%;margin-right:.45rem}
.system-value{padding:3.5rem 1rem 2rem;border-bottom:1px solid #31312d}.system-value>*{display:block}.system-value small{font:400 .58rem var(--mono);color:#88877f}.system-value strong{font:500 clamp(2.5rem,4vw,4.8rem)/1 var(--sans);letter-spacing:-.05em;margin:.6rem 0}.system-value span{font-size:.68rem;color:#7fdeab}
.system-flow{padding:1rem 0}.system-flow article{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.8rem;padding:1rem;border-bottom:1px solid #292925}.system-flow article>span{width:27px;height:27px;border:1px solid #4a4942;border-radius:50%;display:grid;place-items:center;font:400 .55rem var(--mono)}.system-flow small,.system-flow em{font:400 .52rem var(--mono);color:#88877f;font-style:normal}.system-flow b{display:block;font-size:.77rem;margin:.15rem 0}.system-flow p{margin:0;color:#a5a49c;font-size:.66rem}.system-flow em{color:var(--accent)}
.system-foot{padding:1.1rem 1rem .3rem;gap:.5rem}.system-foot i{height:1px;flex:1;background:#3d3c36}
.proof-strip{background:var(--accent);display:flex;justify-content:space-around;gap:2rem;padding:1rem 2rem;font:500 .6rem var(--mono);letter-spacing:.08em;overflow:auto;white-space:nowrap}
.section{padding:clamp(80px,10vw,150px) clamp(20px,6vw,96px)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:start;margin-bottom:4rem}.section-heading h2,.pilot h2,.closing h2{font-size:clamp(2.6rem,5vw,5.7rem);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:0}.section-heading>p:last-child{color:var(--muted);max-width:340px;margin:0}
.journey{background:var(--white)}.journey-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.journey-grid li{min-height:260px;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.journey-grid span{font:400 .62rem var(--mono);color:var(--accent)}.journey-grid strong{font-size:1.35rem;margin-top:auto}.journey-grid p{color:var(--muted);font-size:.82rem;max-width:300px;margin-bottom:0}
.pilot{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,10vw,160px);align-items:start}.pilot h2{margin:1.4rem 0 2rem}.pilot-copy{font-size:1.08rem;color:var(--muted);max-width:650px}.pilot ul{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.pilot li{font-size:.8rem;border-top:1px solid var(--line);padding:.85rem 0}.pilot li:before{content:"✓";color:var(--accent);margin-right:.6rem}
.price-card{background:var(--ink);color:#fff;padding:2rem}.price-card>small:first-child,.price-card .terms{font:400 .58rem/1.5 var(--mono);letter-spacing:.1em;color:#aaa99f}.price-card>strong{display:block;font-size:clamp(3rem,5vw,5rem);letter-spacing:-.06em;margin:.8rem 0}.price-card>p{color:#aaa99f;margin-bottom:2rem}.price-card>div{display:flex;justify-content:space-between;border-top:1px solid #3a3934;padding:1rem 0;font-size:.75rem}.price-card>div span{font:400 .58rem var(--mono);color:#aaa99f}.price-card form{margin-top:1.5rem}.price-card form label{display:flex;flex-direction:column;gap:.35rem;margin:.8rem 0;font:400 .56rem var(--mono);color:#aaa99f}.price-card form input{width:100%;border:1px solid #4b4a45;background:#22221f;color:#fff;padding:.75rem;border-radius:0}.price-card form button{margin-top:.9rem}.price-card .text-link{color:#fff}.price-card .terms{display:block;margin-top:1.3rem}.payment-state{display:block;margin-top:.8rem;color:#aaa99f;font:400 .54rem/1.5 var(--mono)}.payment-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.button[disabled]{cursor:wait;opacity:.65;transform:none}
.demo-section{padding:clamp(80px,10vw,150px) clamp(10px,3vw,40px);background:#c8c4ba}.demo-intro{padding:0 clamp(10px,3vw,40px)}.app-shell{max-width:1580px;min-height:820px;margin:0 auto;background:#f7f6f2;display:grid;grid-template-columns:220px 1fr;box-shadow:0 30px 80px rgba(0,0,0,.15);border:1px solid #aca89e}
.app-sidebar{background:#171715;color:#fff;padding:1.3rem 1rem;display:flex;flex-direction:column}.app-brand{padding:.3rem .5rem 1.8rem;border-bottom:1px solid #34332f}.app-brand b{font-size:.72rem;letter-spacing:.12em}.app-sidebar nav{margin-top:1.3rem;display:flex;flex-direction:column;gap:.25rem}.app-sidebar nav button{border:0;background:transparent;color:#96958d;text-align:left;padding:.75rem .7rem;display:flex;align-items:center;gap:.75rem;font-size:.7rem}.app-sidebar nav button span{width:18px;color:#686760;font:400 .65rem var(--mono)}.app-sidebar nav button em{font-style:normal;margin-left:auto;background:#34332f;padding:.1rem .38rem;border-radius:10px;font:400 .55rem var(--mono)}.app-sidebar nav button.active,.app-sidebar nav button:hover{background:#292824;color:#fff}.app-sidebar nav button.active span{color:var(--accent)}.workspace-card{margin-top:auto;border-top:1px solid #34332f;padding:1rem .5rem .4rem;display:flex;align-items:center;gap:.7rem}.workspace-card>span{width:30px;height:30px;background:var(--accent);color:#111;display:grid;place-items:center;font-weight:700;font-size:.65rem}.workspace-card div{display:flex;flex-direction:column}.workspace-card b{font-size:.67rem}.workspace-card small{font:400 .52rem var(--mono);color:#8c8b83;margin-top:.15rem}
.app-main{min-width:0}.app-header{min-height:92px;padding:1.5rem 2rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.app-header small{font:400 .55rem var(--mono);letter-spacing:.08em;color:var(--muted)}.app-header h3{margin:.2rem 0 0;font-size:1.55rem;letter-spacing:-.035em}.app-actions{display:flex;align-items:center;gap:.6rem}.app-actions>button:not(.button){background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;font-size:.65rem}.demo-badge{font:400 .5rem var(--mono);border:1px solid var(--line);padding:.5rem;color:var(--muted)}
.app-screen{display:none;padding:1.8rem 2rem}.app-screen.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.metric-grid.three{grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.metric-grid article{background:#fff;border:1px solid var(--line);padding:1.2rem;min-height:120px}.metric-grid small,.panel small{font:400 .54rem var(--mono);color:var(--muted);letter-spacing:.08em}.metric-grid strong{display:block;font-size:2rem;letter-spacing:-.05em;margin:.55rem 0}.metric-grid span{font-size:.63rem;color:var(--muted)}.metric-grid .warning{color:var(--amber)}.metric-grid .accent-metric{background:var(--accent);border-color:var(--accent)}.metric-grid .accent-metric small,.metric-grid .accent-metric span{color:#3c190d}
.dashboard-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:.8rem;margin-top:.8rem}.panel{background:#fff;border:1px solid var(--line);padding:1.2rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1rem}.panel-head h4,.panel h4{font-size:1rem;margin:.2rem 0}.panel-head button{border:0;background:none;font-size:.62rem;text-decoration:underline;text-underline-offset:4px}.compact-pipeline{display:flex;flex-direction:column}.compact-pipeline>button{border:0;border-bottom:1px solid var(--soft);background:none;padding:1rem 0;display:grid;grid-template-columns:1fr auto;text-align:left}.compact-pipeline b{font-size:.72rem}.compact-pipeline small{display:block;color:var(--muted);font-size:.58rem;margin-top:.2rem}.compact-pipeline em{font:400 .52rem var(--mono);font-style:normal;color:var(--accent)}
.job-list>div{display:grid;grid-template-columns:48px 1fr auto;gap:.8rem;align-items:center;border-bottom:1px solid var(--soft);padding:1rem 0}.job-list time{font:500 .6rem var(--mono)}.job-list b{font-size:.7rem}.job-list small{display:block;color:var(--muted);font-size:.58rem;margin-top:.2rem}.status{display:inline-flex;width:max-content;padding:.25rem .45rem;font:500 .48rem var(--mono);letter-spacing:.04em;background:#ece9e0;color:#5f5c54}.status.progress{background:#ffdacb;color:#8f2f0d}.status.scheduled{background:#dfebf5;color:#275b87}.status.paid{background:#d9eee2;color:var(--green)}.status.pending{background:#f4e8cc;color:var(--amber)}.status.draft{background:#ece9e0;color:#5f5c54}
.pipeline-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pipeline-toolbar p{color:var(--muted);font-size:.7rem}.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:.7rem;overflow:auto;padding-bottom:.5rem}.pipeline-column{background:#eceae4;min-height:560px;padding:.7rem}.pipeline-column>header{display:flex;justify-content:space-between;padding:.5rem .3rem 1rem}.pipeline-column>header span{font:500 .55rem var(--mono)}.pipeline-column>header em{font:400 .52rem var(--mono);font-style:normal;color:var(--muted)}.lead-card{width:100%;background:#fff;border:1px solid var(--line);padding:.9rem;margin-bottom:.6rem;text-align:left}.lead-card:hover{border-color:var(--ink)}.lead-card small{font:400 .5rem var(--mono);color:var(--muted)}.lead-card b{display:block;font-size:.7rem;margin:.35rem 0}.lead-card p{font-size:.6rem;color:var(--muted);margin:.2rem 0}.lead-card footer{display:flex;justify-content:space-between;border:0;padding:.7rem 0 0;margin-top:.7rem;border-top:1px solid var(--soft);font:400 .52rem var(--mono)}
.table-wrap{background:#fff;border:1px solid var(--line);overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:700px}.table-wrap th,.table-wrap td{text-align:left;padding:1rem;border-bottom:1px solid var(--soft);font-size:.68rem}.table-wrap th{font:500 .53rem var(--mono);color:var(--muted);letter-spacing:.06em;background:#faf9f6}.table-wrap tbody tr:hover{background:#faf9f6}
.split-screen{display:grid;grid-template-columns:1fr .8fr;gap:.8rem}.quote-builder label,.settings-grid label{display:flex;flex-direction:column;gap:.4rem;font:500 .55rem var(--mono);color:var(--muted);margin:1rem 0}.quote-builder input,.quote-builder select,.quote-builder textarea,.settings-grid input,dialog input,dialog select,dialog textarea{width:100%;border:1px solid var(--line);background:#faf9f6;padding:.75rem;color:var(--ink);border-radius:0}.quote-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:1.2rem 0}.quote-total span{font-size:.65rem}.quote-total strong{font-size:1.25rem}.quote-preview{background:#f0ede5;padding:2rem}.quote-preview h4{font-size:1.8rem;margin:3rem 0 .5rem}.quote-preview>p{color:var(--muted)}.quote-preview dl{margin:5rem 0 2rem}.quote-preview dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:.8rem 0}.quote-preview dt,.quote-preview dd{font-size:.7rem}.quote-preview dd{margin:0;font-weight:600}
.job-board{display:flex;flex-direction:column;gap:.7rem}.job-board article{background:#fff;border:1px solid var(--line);padding:1.2rem;display:grid;grid-template-columns:90px 1fr auto;gap:1.2rem;align-items:center}.job-time{font:500 1.2rem var(--mono)}.job-board small{font:400 .52rem var(--mono);color:var(--muted)}.job-board h4{margin:.2rem 0}.job-board p{font-size:.68rem;color:var(--muted)}.job-board dl{display:flex;gap:2rem}.job-board dl div{display:flex;gap:.5rem}.job-board dt{font:400 .5rem var(--mono);color:var(--muted)}.job-board dd{font-size:.6rem;margin:0}.job-action{border:0;background:none;font-size:.62rem;text-decoration:underline;text-underline-offset:4px}.report-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:.8rem}.report-grid .panel{min-height:320px}.report-grid strong{display:block;font-size:2.6rem;letter-spacing:-.05em;margin:1.5rem 0 0}.report-grid p{font-size:.68rem;color:var(--muted)}.bar-chart{height:130px;display:flex;gap:.6rem;align-items:end;margin-top:2rem;border-bottom:1px solid var(--line)}.bar-chart i{height:var(--h);flex:1;background:var(--accent)}.goal-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;margin:2rem auto;background:conic-gradient(var(--accent) 0 62%,var(--soft) 62%)}.goal-ring:after{content:"";position:absolute}.goal-ring span{width:88px;height:88px;border-radius:50%;background:#fff;display:grid;place-items:center;font:500 .7rem var(--mono)}.report-grid .text-link{background:none;border:0;margin-top:4rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.stage-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.stage-list span{border:1px solid var(--line);padding:.5rem .65rem;font:400 .55rem var(--mono)}
.closing{text-align:center;background:var(--white)}.closing h2{max-width:980px;margin:1.5rem auto 3rem}.closing>div{display:flex;justify-content:center;align-items:center;gap:2rem}footer{border-top:1px solid var(--line);padding:2rem clamp(20px,6vw,96px);display:flex;justify-content:space-between;font:400 .55rem var(--mono);letter-spacing:.08em}
dialog{width:min(520px,calc(100vw - 30px));border:0;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(17,17,15,.72)}dialog form{padding:1.4rem}dialog label{display:flex;flex-direction:column;gap:.35rem;font:500 .56rem var(--mono);color:var(--muted);margin:1rem 0}.dialog-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:1rem}.dialog-head small{font:400 .53rem var(--mono);color:var(--muted)}.dialog-head h3{margin:.3rem 0 0}.dialog-head>button{border:0;background:none;font-size:1.5rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}.dialog-actions>button:not(.button){border:0;background:transparent}.record-summary{display:flex;justify-content:space-between;background:var(--soft);padding:1rem;margin-top:1rem;font-size:.7rem}.toast{position:fixed;right:1.2rem;bottom:1.2rem;z-index:100;background:var(--ink);color:#fff;padding:.9rem 1.1rem;font-size:.68rem;transform:translateY(140%);transition:transform .25s ease}.toast.active{transform:translateY(0)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-system{max-width:750px}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{display:none}.app-shell{grid-template-columns:72px 1fr}.app-sidebar{padding:1rem .6rem}.app-brand>div,.app-sidebar nav button:not(.active){font-size:0}.app-sidebar nav button{justify-content:center}.app-sidebar nav button span{font-size:.68rem}.app-sidebar nav button em,.workspace-card>div{display:none}.workspace-card{justify-content:center}.metric-grid{grid-template-columns:repeat(2,1fr)}.pipeline-board{grid-template-columns:repeat(4,210px)}}
@media(max-width:760px){.site-header{height:70px}.site-header nav>a:not(.button){display:none}.site-header .button{min-height:38px}.hero{min-height:auto;padding-top:70px;gap:3rem}.hero h1{font-size:3.5rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-facts{grid-template-columns:1fr}.hero-system{transform:none;margin:0 -10px}.proof-strip{justify-content:flex-start}.journey-grid{grid-template-columns:1fr}.journey-grid li{min-height:200px}.pilot{grid-template-columns:1fr}.pilot ul{grid-template-columns:1fr}.section-heading{display:block}.section-heading h2{margin:1rem 0}.app-shell{display:block;min-height:760px}.app-sidebar{position:sticky;top:0;z-index:5;display:block;padding:.55rem;overflow:auto}.app-brand,.workspace-card{display:none}.app-sidebar nav{margin:0;flex-direction:row;min-width:max-content}.app-sidebar nav button,.app-sidebar nav button:not(.active){font-size:.6rem;display:flex;flex-direction:column;gap:.25rem}.app-sidebar nav button span{width:auto}.app-header{padding:1rem;align-items:flex-start}.app-actions{flex-wrap:wrap;justify-content:flex-end}.demo-badge{display:none}.app-screen{padding:1rem}.metric-grid,.metric-grid.three,.dashboard-grid,.split-screen,.report-grid,.settings-grid{grid-template-columns:1fr}.pipeline-toolbar{align-items:flex-start;flex-direction:column;gap:.7rem}.job-board article{grid-template-columns:60px 1fr}.job-board article button{grid-column:2}.section{padding-left:20px;padding-right:20px}.closing>div{flex-direction:column}.price-card{padding:1.3rem}footer{flex-direction:column;gap:1rem}.app-header h3{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}