@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f4f2eb;--ink:#24342d;--muted:#666c61;--line:#d9dcd0;--copper:#a34d2e;--forest:#223a32;--pale:#e5e9dc;--white:#fffef9;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--copper);outline-offset:6px}::selection{background:#e4bba4;color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}button{cursor:pointer}.section-shell{width:min(1280px,calc(100% - 112px));margin:auto}.skip-link{position:fixed;top:-80px;left:16px;padding:10px 20px;background:var(--forest);color:white;z-index:100}.skip-link:focus{top:12px}.site-header{position:relative;z-index:20}.nav-shell{width:min(1392px,calc(100% - 80px));height:104px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:750;letter-spacing:-1.4px;font-size:29px;line-height:1}.brand svg{width:31px;height:31px}.brand-dot{color:var(--copper)}nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:550}nav>a{transition:color .18s}nav>a:hover{color:var(--copper)}.nav-contact{border:1px solid #abb1a5;padding:10px 17px;border-radius:4px;margin-left:8px}.nav-contact span{margin-left:17px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:730px;align-items:center;gap:25px;padding:57px 0 70px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.45px;text-transform:uppercase}.hero-copy .eyebrow{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:1.1px}.tiny-cross{font-size:22px;color:var(--copper);line-height:1}.hero h1{font-size:clamp(55px,6.2vw,88px);line-height:1.07;letter-spacing:-5px;margin:26px 0 29px;font-weight:500}.hero h1 em{color:var(--copper);font-size:1.05em;letter-spacing:-4px}.hero-intro{font-size:17px;color:#5e675c;max-width:367px;line-height:1.65;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:37px;font-size:13px;font-weight:550;line-height:1;padding:19px 22px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--forest);color:var(--paper)}.button-dark:hover{background:#345447}.button span{font-size:20px}.hero-footnote{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px;line-height:1.6;margin-top:50px}.fine-rule{width:31px;height:1px;background:#aeb4a5}.hero-art{position:relative;min-height:583px;height:100%;max-height:620px;isolation:isolate;background-color:#e8ecdf;background-image:radial-gradient(#c4cbbc 1px,transparent 1px);background-size:21px 21px;border-radius:3px;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,#e8ecdf 85%);z-index:-1}.art-coordinate{position:absolute;left:25px;right:25px;top:22px;font-family:monospace;font-size:9px;letter-spacing:1px;color:#53674f;display:flex;justify-content:space-between}.art-coordinate span{font-size:8px}.connection-lines{position:absolute;width:110%;height:100%;left:-5%;top:4%}.floating-note{position:absolute;border-radius:6px;box-shadow:0 15px 30px #24342d0b;background:var(--white)}.observation{width:75%;left:7%;top:21%;padding:20px 22px;transform:rotate(-5deg)}.note-heading{font-size:11px;font-weight:600;display:flex;gap:9px;align-items:center;line-height:1.3}.note-icon{font-size:17px;color:var(--copper)}.note-status{margin-left:auto;color:#6c7a5a;font-size:9px}.waveform{display:flex;height:45px;align-items:center;gap:4px;margin:13px 0 10px;overflow:hidden}.waveform i{display:block;background:#9f563b;width:3px;min-width:3px;border-radius:3px;height:9px;opacity:.75}.waveform i:nth-child(3n){height:29px}.waveform i:nth-child(4n){height:38px}.waveform i:nth-child(5n){height:20px}.waveform i:nth-child(7n){height:43px}.observation p{font-size:11px;color:#6e736a}.art-label{position:absolute;letter-spacing:1.2px;font-family:monospace;font-size:8px;color:#5a6752}.art-label-one{top:13%;left:8%}.art-label-two{top:51%;left:12%;writing-mode:vertical-rl}.record{top:50%;right:7%;width:69%;padding:20px 22px;transform:rotate(4deg)}.record .note-heading{padding-bottom:12px;border-bottom:1px solid #e5e7de}.record-row{display:flex;justify-content:space-between;font-size:10px;padding-top:10px;color:#59674f}.record-row b{font-weight:500;color:#485a3b}.note-lines{margin-top:15px}.note-lines i{display:block;background:#e8eadf;width:72%;height:4px;margin-top:6px;border-radius:2px}.note-lines i:last-child{width:50%}.next-step{left:12%;top:80%;display:flex;align-items:center;gap:13px;padding:14px 20px;background:var(--forest);color:white;transform:rotate(-2deg);width:74%;box-shadow:0 12px 25px #24342d23}.next-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #6f8173;font-size:20px}.next-step small{font-size:7px;letter-spacing:1.2px;color:#c4d0be;display:block}.next-step strong{display:block;font-size:12px;font-weight:500;margin-top:2px}.art-caption{position:absolute;left:25px;bottom:18px;color:#5b6956;font-size:8px;letter-spacing:.2px}.intro-strip{display:grid;grid-template-columns:1fr 1.5fr .4fr;align-items:center;border-top:1px solid var(--line);padding:32px 0 58px;gap:20px}.intro-strip>span:first-child{font-size:9px;letter-spacing:1.3px;color:var(--muted);font-weight:600}.intro-strip p{font-size:21px;line-height:1.4;letter-spacing:-.3px}.asterisk{justify-self:end;font-size:42px;color:var(--copper);line-height:1}.work-section{background:var(--forest);color:var(--paper);padding:69px 0 35px;scroll-margin-top:0}.section-topline{display:flex;justify-content:space-between;align-items:center}.work-section .eyebrow{color:#bfcbbb}.development-label{display:flex;align-items:center;gap:7px;font-size:10px;border:1px solid #6a7e68;padding:5px 10px;border-radius:30px;color:#d1ddc9}.development-label i{width:5px;height:5px;background:#bfca85;border-radius:50%}.product-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin:40px 0}.product-kicker{font-size:12px;color:#c4cfbd;margin-bottom:10px}.product-heading h2{font-size:53px;letter-spacing:-2.4px;line-height:1.15}.product-heading h2 span{color:#d99b77}.product-heading>p{font-size:13px;line-height:1.8;max-width:340px;color:#c3cebd;padding-bottom:3px}.product-demo{display:grid;grid-template-columns:.85fr 1.4fr;background:#2d463b;border:1px solid #4c6152;border-radius:7px;overflow:hidden;min-height:440px}.workflow-controls{padding:34px 30px}.workflow-eyebrow{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#bdc9b6;margin:0 0 22px}.workflow-tab{border:none;border-top:1px solid #60725c70;background:transparent;display:flex;align-items:start;gap:14px;width:100%;text-align:left;color:#b2c2ac;padding:22px 2px;transition:color .2s}.workflow-tab.active{color:var(--paper)}.workflow-tab:hover{color:#fff}.step-number{font-size:10px;font-family:monospace;line-height:24px;color:#b9c5ac}.workflow-tab strong{display:block;font-size:15px;font-weight:500;line-height:1.6}.workflow-tab small{display:block;font-size:10px;line-height:1.65;color:#b7c4ad;margin-top:4px;max-width:220px}.tab-arrow{margin-left:auto;opacity:0;font-size:19px;line-height:24px;transition:opacity .2s}.active .tab-arrow{opacity:1}.demo-note{font-size:9px;color:#b9c6b1;max-width:240px;margin-top:13px;line-height:1.7}.demo-frame{color:var(--ink);background:#f5f4ed;margin:26px 26px 26px 0;border-radius:5px;border:1px solid #e5e7dc;overflow:hidden;box-shadow:0 10px 25px #11281e20}.demo-topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce0d4;padding:14px 22px;background:#fffefa}.demo-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.demo-brand img{object-fit:contain}.demo-topbar-label{font-size:7px;letter-spacing:1px;color:#6e7766}#workflow-panel{padding:26px 27px 18px;outline-offset:-3px}.demo-breadcrumb{font-size:8px;color:#6d7866;margin-bottom:19px}.demo-breadcrumb span{margin:0 9px;color:#a6af9c}.demo-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.demo-title-row h3{font-size:24px;line-height:1.4;letter-spacing:-1px}.demo-badge{font-size:7px;white-space:nowrap;display:inline-block;padding:4px 7px;border-radius:3px;background:#e6e9dc;color:#647259}.demo-description{font-size:10px;color:#6b7762;margin:6px 0 20px}.demo-content{min-height:167px}.sample-note{background:#fffef9;border:1px solid #dfe3d6;border-radius:4px;padding:18px}.sample-label{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1px;color:#637854;font-weight:600}.sample-dot{height:5px;width:5px;background:#a34d2e;border-radius:50%}.sample-note>p{font-size:12px;line-height:1.8;margin:14px 0;color:#364333}.sample-meta{border-top:1px solid #e9ebdf;display:flex;justify-content:space-between;font-size:7px;padding-top:10px;color:#738168}.sample-attachments{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.sample-attachments>span{font-size:7px;display:flex;align-items:center;gap:5px;border:1px solid #d7ddce;padding:5px 7px;border-radius:3px;color:#596a4d}.sample-attachments i{font-style:normal;font-size:10px}.demo-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #d9dfce;padding-top:14px;margin-top:22px;color:#68765d}.demo-bottom p{font-size:8px}.small-spark{font-size:19px;line-height:1;color:var(--copper)}.product-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;color:#bdcbb5;padding-top:28px}.product-bottom a{color:#e9efde}.product-bottom a span{margin-left:15px}.approach-section{padding:80px 0 77px}.approach-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin:40px 0 52px}.approach-heading h2{font-size:49px;line-height:1.18;letter-spacing:-2px}.approach-heading h2 em{color:var(--copper);font-size:1.09em}.approach-heading>p{max-width:335px;font-size:14px;line-height:1.8;color:#6a7364;padding-bottom:6px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principles article{border-top:1px solid #bdc5b4;padding-top:24px}.principle-number{font-size:10px;font-family:monospace;color:var(--copper)}.principles h3{font-size:19px;margin:20px 0 13px;letter-spacing:-.5px}.principles p{font-size:12px;line-height:1.9;color:#65705d;max-width:320px}.about-section{background:#e7eade;border-top:1px solid #d6dccb;border-bottom:1px solid #d6dccb;padding:72px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid h2{font-size:52px;letter-spacing:-2px;line-height:1.12;margin-top:30px}.about-copy{max-width:500px}.about-copy .about-lead{font-size:23px;line-height:1.55;letter-spacing:-.4px;color:#35452f;margin-bottom:24px}.about-copy>p:not(.about-lead){font-size:13px;line-height:1.9;color:#65735a;margin-top:18px}.company-signature{display:flex;gap:14px;align-items:center;border-top:1px solid #cbd3be;margin-top:29px;padding-top:25px}.signature-mark{width:43px;height:43px;border:1px solid #9eae90;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px}.company-signature strong{display:block;font-size:10px;font-weight:600}.company-signature div>span{display:block;font-size:9px;color:#6d7b63;margin-top:3px}.contact-section{padding:82px 0 90px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-top:30px}.contact-grid h2{font-size:66px;line-height:1.1;letter-spacing:-2.5px}.contact-grid h2 em{color:var(--copper)}.contact-grid>div{padding-bottom:3px;max-width:430px}.contact-grid p{font-size:14px;color:#64705c;line-height:1.8;max-width:350px;margin-bottom:28px}.contact-email{display:flex;justify-content:space-between;border-bottom:1px solid #a3ad97;font-size:23px;padding-bottom:12px;letter-spacing:-.5px}.contact-email:hover{color:var(--copper)}.contact-caption{display:block;font-size:9px;margin-top:12px;color:#6f7966}.site-footer{border-top:1px solid #d4dacc}.site-footer>.section-shell{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0}.footer-brand{font-size:21px;letter-spacing:-1px;gap:6px}.footer-brand svg{width:23px;height:23px}.site-footer p,.site-footer a:last-child{font-size:9px;color:#6c7762}.site-footer a:last-child span{margin-left:14px}.context-row{display:flex;align-items:center;gap:9px;font-size:10px;border-top:1px solid #e5e9dc;padding:10px 0}.context-row:first-of-type{margin-top:11px}.context-icon{display:grid;place-items:center;background:#e9eddf;width:24px;height:24px;border-radius:3px;color:#617653}.context-row strong{display:block;font-size:10px;font-weight:500}.context-row small{font-size:8px;color:#7c8871}.context-row b{margin-left:auto;font-size:7px;font-weight:500;color:#6d7e61}.review-label{display:inline-flex;font-size:7px;color:#985330;border:1px solid #dfbca6;padding:3px 7px;border-radius:3px;margin-top:7px}.demo-content{animation:appear .25s ease}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.hero{min-height:790px}.hero-art{height:620px}.hero h1{font-size:91px}.hero-intro{font-size:19px;max-width:400px}.observation{padding:25px}.record{padding:25px}.next-step{padding:19px 24px}}
@media(max-width:1100px){.section-shell{width:calc(100% - 72px)}.nav-shell{width:calc(100% - 60px);height:86px}nav{gap:23px}.hero{min-height:650px;gap:20px;padding:45px 0 55px}.hero h1{font-size:65px;letter-spacing:-3.5px}.hero-copy .eyebrow{font-size:8px;gap:7px;letter-spacing:.5px}.hero-art{min-height:520px}.hero-intro{font-size:15px;max-width:300px}.hero-footnote{margin-top:35px}.waveform{gap:3px}.record-row{font-size:8px}.art-coordinate span{font-size:6px}.observation{padding:17px}.record{padding:17px}.next-step{padding:12px;gap:9px;width:80%;left:10%}.next-step strong{font-size:11px}.intro-strip p{font-size:19px}.product-heading h2{font-size:45px}.product-heading>p{max-width:290px;font-size:12px}.product-demo{grid-template-columns:.9fr 1.25fr}.workflow-controls{padding:30px 22px}.workflow-tab{gap:10px}.workflow-tab strong{font-size:13px}.workflow-tab small{font-size:9px}.demo-frame{margin:20px 20px 20px 0}#workflow-panel{padding:22px 20px 16px}.demo-title-row{align-items:start;flex-direction:column;gap:4px}.demo-title-row h3{font-size:23px}.demo-description{margin-top:8px}.approach-heading h2{font-size:42px}.approach-heading>p{max-width:280px;font-size:13px}.principles{gap:28px}.principles h3{font-size:17px}.about-grid,.contact-grid{gap:45px}.about-grid h2{font-size:46px}.about-copy .about-lead{font-size:21px}.contact-grid h2{font-size:58px}.contact-email{font-size:21px}}
@media(max-width:800px){.section-shell{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 40px);height:79px}.brand{font-size:26px}.brand svg{width:28px;height:28px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:1px solid #bdc5b4;padding:12px 10px;border-radius:3px;width:41px;height:37px;justify-content:center}.menu-toggle span{width:19px;height:1px;background:var(--ink)}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:var(--paper);box-shadow:0 8px 12px #24342d0a;border-bottom:1px solid #c7cdbb;gap:0}nav.open{display:flex;align-items:stretch;flex-direction:column}nav>a{padding:13px 8px}.nav-contact{margin:10px 0 0;text-align:center}.hero{grid-template-columns:1fr;gap:38px;min-height:0;padding:45px 0 42px}.hero-copy{max-width:560px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.8px}.hero h1{font-size:clamp(54px,11.5vw,80px);letter-spacing:-3.3px;margin:23px 0}.hero-intro{max-width:380px;font-size:16px;margin-bottom:23px}.hero-footnote{display:none}.hero-art{height:510px;min-height:0;max-height:none;width:100%;max-width:600px;justify-self:center}.art-coordinate span{font-size:8px}.observation{padding:20px 25px;top:20%;width:68%}.record{width:59%;top:48%;padding:20px}.next-step{top:79%;left:14%;width:67%;padding:14px 20px}.art-caption{font-size:8px}.note-heading{font-size:12px}.note-lines{margin-top:10px}.record-row{font-size:10px}.observation p{font-size:12px}.waveform{gap:5px}.intro-strip{grid-template-columns:1fr auto;gap:16px;padding:25px 0 37px}.intro-strip>span:first-child{grid-column:1/-1}.intro-strip p{font-size:20px}.asterisk{font-size:34px}.work-section{padding:44px 0 28px}.product-heading{display:block;margin:30px 0}.product-kicker{font-size:10px;margin-bottom:10px}.product-heading h2{font-size:43px}.product-heading>p{max-width:470px;margin-top:20px;font-size:13px}.product-demo{grid-template-columns:1fr}.workflow-controls{padding:25px 23px 8px}.workflow-tabs{display:flex;gap:0}.workflow-tab{flex-direction:column;gap:5px;padding:15px 10px 14px 0;border-top-color:#577150}.workflow-tab:not(.active){opacity:.75}.workflow-tab.active{border-top:2px solid #d6ad8b}.workflow-tab strong{font-size:11px;line-height:1.6}.workflow-tab small{display:none}.step-number{font-size:9px;line-height:1}.tab-arrow{display:none}.workflow-eyebrow{margin-bottom:15px}.demo-note{max-width:none;font-size:8px;margin-top:4px}.demo-frame{margin:17px}.demo-title-row{flex-direction:row;align-items:center}.demo-title-row h3{font-size:24px}#workflow-panel{padding:22px}.demo-description{font-size:11px}.sample-note>p{font-size:13px}.sample-label{font-size:8px}.sample-meta{font-size:8px}.sample-attachments>span{font-size:8px}.demo-content{min-height:175px}.product-bottom{display:block;font-size:10px;padding-top:21px}.product-bottom a{display:inline-block;margin-top:12px}.approach-section{padding:48px 0}.approach-heading{display:block;margin:30px 0}.approach-heading h2{font-size:38px;letter-spacing:-1.6px}.approach-heading>p{max-width:450px;margin-top:24px;font-size:13px;padding:0}.principles{grid-template-columns:1fr;gap:25px}.principles article{padding-top:18px}.principles h3{font-size:20px;margin:10px 0}.principles p{max-width:500px;font-size:13px}.about-section{padding:44px 0}.about-grid{grid-template-columns:1fr;gap:27px}.about-grid h2{font-size:44px;margin-top:22px}.about-copy .about-lead{font-size:22px}.about-copy>p:not(.about-lead){font-size:13px}.contact-section{padding:48px 0}.contact-grid{grid-template-columns:1fr;gap:26px}.contact-grid h2{font-size:58px}.contact-grid>div{max-width:none}.contact-grid p{max-width:400px;font-size:13px;margin-bottom:24px}.contact-email{font-size:22px}.site-footer>.section-shell{flex-wrap:wrap;gap:20px;padding:25px 0}.site-footer p{order:3;width:100%}.site-footer a:last-child{margin-left:auto}.footer-brand{font-size:21px}.footer-brand svg{width:23px;height:23px}.eyebrow{font-size:9px}.development-label{font-size:9px}}
@media(max-width:390px){.hero-copy .eyebrow{font-size:7.5px;letter-spacing:.5px}.hero h1{font-size:52px;letter-spacing:-2.8px}.hero h1 em{letter-spacing:-2px}.hero-art{height:440px}.observation{width:79%;left:6%;padding:15px}.record{width:73%;right:6%;padding:15px;top:47%}.note-heading{font-size:10px}.record-row{font-size:8px}.waveform{height:36px;gap:3px;margin:10px 0}.observation p{font-size:10px}.next-step{width:80%;left:10%;padding:12px}.art-label-two{left:8%}.art-caption{font-size:7px;left:18px}.product-heading h2{font-size:36px}.workflow-controls{padding:22px 17px 8px}.workflow-tab strong{font-size:10px}.demo-frame{margin:12px}.demo-topbar{padding:12px 16px}.demo-topbar-label{font-size:6px}#workflow-panel{padding:18px 15px}.demo-title-row{align-items:start;flex-direction:column}.sample-note{padding:14px}.sample-note>p{font-size:11px}.sample-attachments>span{font-size:7px}.approach-heading h2{font-size:33px}.contact-email{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Contrast and legibility refinements for the illustrative product panels. */
.work-section a:focus-visible,.work-section button:focus-visible{outline-color:#f1d1ab}.demo-badge{color:#4f6046;font-size:8px}.sample-meta{color:#596b4e;font-size:9px}.context-row small{color:#56674c;font-size:9px}.context-row b{color:#53664a;font-size:9px}.record-row{color:#59674f}

/* Trades-focused company presentation. */
.hero h1{font-size:clamp(54px,5.8vw,83px);letter-spacing:-4px}
.hero-intro{max-width:410px}.hero-copy .eyebrow{letter-spacing:.8px}
.product-heading h2{font-size:clamp(34px,4vw,51px)}
.workspace-label{font-size:9px;font-weight:400;color:#65705d}
.about-grid h2{font-size:clamp(37px,4.3vw,52px)}
@media(max-width:800px){.hero h1{font-size:clamp(49px,10.5vw,76px);letter-spacing:-2.8px}.hero-intro{max-width:450px}.product-heading h2{font-size:40px}.about-grid h2{font-size:43px}.workspace-label{font-size:8px}.demo-topbar-label{font-size:6px}}
@media(max-width:390px){.hero h1{font-size:49px}.product-heading h2{font-size:33px}.workspace-label{display:none}.about-grid h2{font-size:38px}}

.product-kicker{max-width:560px;line-height:1.8}.approach-heading h2{font-size:clamp(33px,3.8vw,48px)}.about-grid h2 em{color:var(--copper)}
@media(max-width:800px){.product-heading h2{font-size:38px}.workflow-tab strong{font-size:11px}.approach-heading h2{font-size:36px}}
@media(max-width:390px){.product-heading h2{font-size:31px}.workflow-tab strong{font-size:10px}.approach-heading h2{font-size:31px}}

/* Workshop direction: graphite, safety orange, stamped type, squared hardware. */
:root{--paper:#e9e5dc;--ink:#25292a;--muted:#b6b8b5;--line:#515656;--copper:#ff792e;--forest:#25292a;--pale:#d5d3c9;--white:#faf8f2;--display:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
body{background:#202324;color:#f1eee5}h1,h2,h3{font-weight:700}h1,h2{text-transform:uppercase}em{font-family:var(--display);font-style:normal;font-weight:800}.brand{font-family:'Manrope',Arial,sans-serif;color:#f1eee5}.nav-shell{height:92px;border-bottom:2px solid #4a4f50}.nav-contact{border:1px solid #a4aaa9;border-radius:0}nav{font-size:13px}.menu-toggle{border-radius:0;border-color:#878e8d}.menu-toggle span{background:#f1eee5}.hero{padding-top:54px;padding-bottom:58px;gap:45px}.hero h1{font-size:clamp(76px,8vw,116px);line-height:.88;letter-spacing:-1.5px;font-weight:800;margin:30px 0}.hero h1 em{font-size:1.04em;letter-spacing:-1.5px;color:#ff792e}.hero-copy .eyebrow{font-family:monospace;font-size:11px;letter-spacing:1px;color:#d7d9d3}.tiny-cross{color:#ff792e}.hero-intro{color:#c4c7c3;font-size:17px;max-width:425px}.button{border-radius:0;font-weight:700;letter-spacing:.3px;padding:20px 24px}.button-dark{background:#ff792e;color:#202324;box-shadow:4px 4px 0 #0e1112}.button-dark:hover{background:#ff9757;color:#202324}.hero-footnote{font-family:monospace;color:#bfc3bd;font-size:11px}.fine-rule{width:32px;height:4px;background:#ff792e}.hero-art{border:2px solid #555d5f;border-radius:0;box-shadow:9px 9px 0 #131617;background-color:#303638;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 39px,#ffffff06 40px),repeating-linear-gradient(90deg,transparent 0,transparent 39px,#ffffff06 40px);min-height:583px;overflow:hidden}.hero-art:after{inset:10px;background:radial-gradient(circle at 0 0,#b6bcb9 0 3px,transparent 4px),radial-gradient(circle at 100% 0,#b6bcb9 0 3px,transparent 4px),radial-gradient(circle at 0 100%,#b6bcb9 0 3px,transparent 4px),radial-gradient(circle at 100% 100%,#b6bcb9 0 3px,transparent 4px);z-index:0;pointer-events:none}.art-coordinate{color:#f0eee4;font-size:18px;font-weight:800;font-family:var(--display);letter-spacing:1.3px;top:24px;align-items:center}.art-coordinate span{color:#c2c9c5;font-family:monospace;font-size:9px;font-weight:400}.floating-note{border-radius:0;box-shadow:5px 5px 0 #11191b70;color:#25292a;z-index:1}.observation{transform:none;left:7%;top:19%;width:79%;padding:22px;border-top:5px solid #ff792e}.record{transform:none;right:7%;top:49%;width:77%;padding:20px 22px;border-left:5px solid #8f9890}.note-heading{font-size:12px;font-weight:700}.note-icon{color:#a84713}.observation p{font-size:12px;color:#4f5552}.waveform{height:43px}.waveform i{background:#b04b14;opacity:1;border-radius:0}.record-row{font-size:11px;color:#4d5849}.record-row b{color:#34442e}.art-label{color:#c8d0c9;font-size:9px}.art-label-one{top:12%;left:7%}.art-label-two{top:50%;left:5%}.next-step{background:#ff792e;color:#202324;transform:none;top:81%;left:7%;width:86%;padding:15px 19px}.next-step small{color:#333735;font-size:9px;font-weight:700}.next-step strong{font-size:14px;font-weight:700}.next-icon{border-radius:0;border-color:#7f3e1b;font-weight:700}.art-caption{color:#c4ccc5;font-size:9px;left:24px;bottom:17px}.intro-strip{border-top:2px solid #4a4f50;padding:30px 0 45px}.intro-strip>span:first-child{font-family:monospace;color:#ff985b;font-size:11px}.intro-strip p{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:29px;letter-spacing:.2px}.asterisk{color:#ff792e}
.work-section{background:#e9e5dc;color:#25292a;border-top:8px solid #ff792e;padding-top:52px}.work-section .eyebrow{color:#4e5652;font-family:monospace}.development-label{color:#333e31;border-color:#7c8876;border-radius:0;font-family:monospace;font-size:10px}.development-label i{background:#536c3d}.product-kicker{color:#555d58;font-size:12px}.product-heading h2{font-size:clamp(46px,4.9vw,68px);letter-spacing:-.5px;line-height:.98}.product-heading h2 span{color:#b44b16}.product-heading>p{color:#4c5650;font-size:14px;max-width:370px}.product-demo{border:2px solid #303638;border-radius:0;background:#303638}.workflow-controls{color:#eeeade}.workflow-eyebrow{color:#f6a370;font-family:monospace;font-size:10px}.workflow-tab{border-top-color:#68716b;color:#d4d8d1}.workflow-tab.active{color:#fff7e9}.workflow-tab strong{font-size:15px;font-weight:700}.workflow-tab small{color:#c1c8bd;font-size:11px}.step-number{color:#f49c67}.workflow-tab.active .step-number{color:#ff9859}.demo-note{color:#bfc8ba;font-size:10px}.demo-frame{border-radius:0;border-color:#b9c0ae;box-shadow:6px 6px 0 #1b2223}.demo-topbar{border-bottom:2px solid #c7cbbf}.demo-brand{font-size:13px}.demo-title-row h3{font-size:29px;font-weight:700;letter-spacing:.2px}.sample-note{border-radius:0}.sample-attachments>span,.demo-badge,.review-label{border-radius:0}.demo-badge{font-size:9px}.sample-note>p{font-size:13px}.sample-label{font-size:9px}.demo-description{font-size:12px}.demo-bottom p{font-size:10px}.product-bottom{color:#4b574c;font-size:11px}.product-bottom a{color:#303d2f;font-weight:700}.work-section a:focus-visible{outline-color:#a8430d}.work-section button:focus-visible{outline-color:#ffac77}
.approach-section{padding-top:67px}.approach-section .eyebrow,.about-section .eyebrow,.contact-section .eyebrow{color:#ffaa75;font-family:monospace}.approach-heading h2{font-size:clamp(44px,4.5vw,62px);line-height:1;letter-spacing:0}.approach-heading h2 em{font-size:1em}.approach-heading>p{color:#c1c7bd;font-size:14px}.principles article{border-top:4px solid #606962}.principle-number{color:#ff995e;font-size:12px}.principles h3{font-size:29px;letter-spacing:0;text-transform:uppercase}.principles p{color:#bfc7bc;font-size:14px;line-height:1.8}.about-section{background:#303638;border-color:#586160}.about-grid h2{font-size:clamp(43px,4.8vw,64px);line-height:1;letter-spacing:0}.about-copy .about-lead{color:#f0eee3;font-size:23px}.about-copy>p:not(.about-lead){color:#c7cec2;font-size:14px}.company-signature{border-color:#697268}.signature-mark{border-radius:0;border:2px solid #ff792e;font-family:var(--display);color:#ff995f;font-weight:800}.company-signature div>span{color:#c3cebe;font-size:10px}.company-signature strong{font-size:12px}.contact-grid h2{font-size:clamp(80px,8vw,112px);line-height:.87;letter-spacing:0}.contact-grid p{color:#c1c9bd;font-size:15px}.contact-email{border-color:#798474;color:#f3eee2;font-size:23px}.contact-caption{color:#bac5b4;font-size:11px}.site-footer{border-color:#596156}.site-footer p,.site-footer a:last-child{color:#bcc6b5;font-size:10px}.site-footer .brand{color:#f0eee4}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-color:#ff995d}.connection-lines{opacity:.55}
@media(max-width:1100px){.hero{gap:28px}.hero h1{font-size:88px}.hero-art{min-height:550px}.note-heading{font-size:11px}.record-row{font-size:9px}.art-coordinate span{font-size:8px}.next-step strong{font-size:12px}.next-step small{font-size:8px}.hero-intro{font-size:16px}.workflow-tab strong{font-size:13px}.workflow-tab small{font-size:10px}}
@media(max-width:800px){.nav-shell{height:79px}nav{background:#202324;border-color:#677063}.nav-contact{border-color:#88917f}.hero{gap:37px;padding:37px 0 42px}.hero h1{font-size:clamp(82px,17vw,112px);letter-spacing:-1px;line-height:.9;margin:27px 0}.hero h1 em{letter-spacing:-1px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.5px}.hero-intro{font-size:16px;line-height:1.7}.hero-art{min-height:0;height:540px;box-shadow:6px 6px 0 #111516}.art-coordinate{font-size:19px}.art-coordinate span{font-size:9px}.note-heading{font-size:12px}.observation{padding:20px;width:79%}.record{width:77%;padding:20px;top:49%}.record-row{font-size:10px}.next-step{left:7%;top:81%;width:86%;padding:14px 17px}.next-step strong{font-size:13px}.next-step small{font-size:9px}.intro-strip p{font-size:28px}.product-heading h2{font-size:48px}.product-heading>p{font-size:14px}.product-kicker{font-size:12px}.work-section{padding-top:35px}.workflow-tab strong{font-size:12px}.workflow-tab.active{border-top-color:#ff792e}.demo-note{font-size:9px}.demo-title-row h3{font-size:29px}.product-bottom{font-size:11px}.approach-heading h2{font-size:44px}.principles h3{font-size:27px}.about-grid h2{font-size:48px}.contact-grid h2{font-size:90px}.contact-email{font-size:22px}.hero-footnote{display:none}}
@media(max-width:390px){.hero h1{font-size:80px}.hero-copy .eyebrow{font-size:8px}.hero-art{height:505px}.art-coordinate{left:18px;right:18px;font-size:17px}.art-coordinate span{font-size:8px}.observation{padding:16px}.record{padding:16px}.note-heading{font-size:10px}.record-row{font-size:9px}.observation p{font-size:11px}.next-step strong{font-size:11px}.next-step small{font-size:8px}.art-caption{font-size:8px;left:18px}.product-heading h2{font-size:42px}.workflow-tab strong{font-size:10px}.approach-heading h2{font-size:38px}.contact-grid h2{font-size:82px}}

/* TradeBuddy's red-orange and navy, localized to the product introduction. */
.work-section{border-top-color:#f04424;position:relative}
.work-section:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#0c2d52}
.tb-product-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#0c2d52;font-family:var(--display);font-size:34px;font-weight:800;line-height:1;letter-spacing:.2px}
.tb-product-brand img{object-fit:contain;flex-shrink:0}
.tb-product-brand .tb-word-buddy{color:#c4311b}
.tb-inline-name{color:#0c2d52;font-weight:700}
.work-section .eyebrow{color:#0c2d52}
.product-heading h2 span{color:#c4311b}
.product-demo{border-color:#0c2d52}
.demo-topbar{border-bottom-color:#0c2d52}
.demo-brand{color:#0c2d52}
.product-bottom a{color:#0c2d52}
@media(max-width:800px){.tb-product-brand{font-size:32px;margin-bottom:18px}.tb-product-brand img{width:43px;height:38px}}

/* Field Companion preview uses the product's own design tokens. */
.tb-hero-preview{align-self:center;min-width:0;background:#f2f4f8;color:#0f1b33;border:1px solid #c9d5ec;border-radius:20px;overflow:hidden;box-shadow:10px 12px 0 #111516;font:500 14px/1.5 "Plus Jakarta Sans",Arial,sans-serif}.tb-preview-bar{display:flex;align-items:center;gap:12px;padding:22px;background:#fff;border-bottom:1px solid #dfe3ea}.tb-preview-bar img{object-fit:contain}.tb-preview-bar b{display:block;font-size:23px;font-weight:800;color:#10234f;letter-spacing:-.5px}.tb-preview-bar div>span{display:block;font-size:10px;letter-spacing:1.8px;color:#4f596b;font-weight:700}.tb-preview-bar small{margin-left:auto;background:#e9eef8;color:#10234f;border:1px solid #c9d5ec;border-radius:6px;padding:4px 7px;font-size:10px;white-space:nowrap}.tb-preview-body{padding:24px}.tb-preview-back{color:#10234f;font-weight:700;font-size:12px;margin-bottom:18px}.tb-preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.tb-preview-title h3{font:800 29px/1.2 "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:-1px;color:#10234f;margin:0;text-transform:none}.tb-preview-title>span{background:#b93a1f;color:white;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:700}.tb-preview-sub{font-size:12px;color:#4f596b;margin:8px 0 23px}.tb-preview-tabs{display:flex;gap:22px;border-bottom:1px solid #dfe3ea;font-size:12px;color:#4f596b;margin-bottom:18px}.tb-preview-tabs>*{padding:0 0 11px}.tb-preview-tabs b{border-bottom:3px solid #e8472b;color:#10234f}.tb-preview-card{background:#fff;border:1px solid #dfe3ea;border-radius:14px;padding:18px;margin:12px 0}.tb-preview-label{font-size:10px;font-weight:800;letter-spacing:.7px;color:#4f596b;display:flex;justify-content:space-between;gap:8px}.tb-preview-label span{font-size:10px;font-weight:500;letter-spacing:0}.tb-preview-card p{font-size:16px;line-height:1.65;margin:13px 0;color:#0f1b33}.tb-preview-tags{display:flex;gap:7px}.tb-preview-tags span{font-size:10px;padding:4px 8px;background:#e9eef8;color:#10234f;border-radius:99px}.tb-preview-check{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:13px}.tb-preview-check i{width:15px;height:15px;border:1px solid #c9cfd9;border-radius:4px;flex:none}.tb-preview-capture{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;font-size:11px;font-weight:700;color:#10234f}.tb-preview-capture b{background:#b93a1f;color:#fff;padding:12px 14px;border-radius:12px}.tb-preview-bottom{font-size:11px;color:#4f596b;text-align:center;margin-top:22px}.tb-preview-caption{padding:12px 24px;border-top:1px solid #dfe3ea;color:#4f596b;font-size:10px;background:#fff}@media(max-width:1100px){.tb-preview-body{padding:19px}.tb-preview-bar{padding:18px;gap:9px}.tb-preview-bar b{font-size:20px}.tb-preview-title h3{font-size:25px}}@media(max-width:390px){.tb-preview-bar small{font-size:8px}.tb-preview-bar b{font-size:18px}.tb-preview-capture{font-size:10px}.tb-preview-capture b{padding:11px}.tb-preview-card{padding:14px}}

.actual-mobile{margin:0 auto;width:min(100%,350px);border:1px solid #c9d5ec;border-radius:16px;overflow:hidden;background:#fff;color:#10234f;box-shadow:8px 10px 0 #111516}.actual-mobile img{width:100%;height:auto;display:block}.actual-screen-label{padding:15px 18px;font-weight:700;font-size:13px;border-bottom:1px solid #dfe3ea}.actual-mobile figcaption{padding:14px 18px;font-size:11px;line-height:1.7;border-top:1px solid #dfe3ea}.hero-development{color:#ffb17e;font-size:11px;font-weight:700;margin-top:20px}.development-notice{border-left:4px solid #e8472b;padding:16px 22px;background:#e9eef8;color:#10234f;margin:20px 0 28px}.development-notice strong{font-size:20px}.development-notice p{margin:6px 0 0;font-size:14px}.actual-desk{margin:0;background:white;border:1px solid #c9d5ec;border-radius:12px;overflow:hidden}.actual-desk img{display:block;width:100%;height:auto}.actual-desk figcaption{padding:17px 22px;font-size:12px;color:#10234f;border-top:1px solid #dfe3ea}.actual-desk figcaption span{display:block;color:#4f596b;margin-top:4px}

.actual-mobile{width:100%;border-radius:12px}.actual-mobile img{width:100%;height:auto}.actual-mobile figcaption{background:#202324;color:#eee;border-color:#4a4f50}.actual-screen-label{background:#202324;color:#eee;border-color:#4a4f50}

.link-arrow{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.15em}.button .link-arrow{width:24px;height:24px}

/* Construction notice: safety yellow and worn charcoal. */
.development-notice{position:relative;overflow:hidden;border:1px solid #55564e;border-left:1px solid #55564e;background:#32342f;color:#f2eee1;padding:30px 26px 26px;box-shadow:5px 5px 0 #c7c4b8;background-image:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.025) 4px 5px)}
.development-notice:before{content:"";position:absolute;inset:0 0 auto;height:11px;background:repeating-linear-gradient(135deg,#e6bb32 0 14px,#45463e 14px 28px)}
.development-notice strong{display:inline-block;color:#efc63e;font-family:"Barlow Condensed",Arial,sans-serif;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}
.development-notice p{color:#e2e0d4;line-height:1.7;max-width:900px;margin-top:9px}
.development-label{background:#e6bb32;color:#34362f;border:1px solid #74705b;font-weight:700}.development-label i{background:#41443b}
@media(max-width:600px){.development-notice{padding:27px 20px 22px}.development-notice strong{font-size:27px}}
