/* Fieldline: a clearer interface with purposeful, controllable motion. */
:root{--paper:#fbfcfa;--surface:#fff;--ink:#182d28;--muted:#62716c;--rule:#dfe7e1;--signal:#b94727;--signal-light:#f0ad92;--sage:#e8f1e9;--display:Manrope,'Trebuchet MS',sans-serif;--radius:10px;--ease:cubic-bezier(.22,.68,.25,1)}
body{font-size:15px;line-height:1.75;background:var(--paper)}h1,h2{font-family:var(--display);font-weight:650;letter-spacing:-.055em}h2{font-size:clamp(32px,3.6vw,47px);line-height:1.13}h3{letter-spacing:-.035em}section{padding:84px 0}.wrap{max-width:1332px;padding:0 44px}header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--rule);transition:box-shadow .25s}.nav{height:82px}header.has-scrolled{box-shadow:0 6px 24px #142d2809}.logo{font-size:27px;letter-spacing:-1.3px}.brand-symbol{border-radius:8px;background:var(--signal)}nav{gap:28px}nav>a:not(.btn){position:relative;font-size:12px;font-weight:650;min-height:44px;display:inline-flex;align-items:center}nav>a:not(.btn):after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}nav>a.is-current:after,nav>a:not(.btn):hover:after{transform:scaleX(1)}nav>a.is-current:not(.btn){color:var(--signal)}.reading-progress{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.reading-progress>span{display:block;width:100%;height:100%;background:var(--signal);transform:scaleX(0);transform-origin:left}.btn{border-radius:10px;background:var(--signal);border-color:var(--signal);min-height:49px;font-size:12px;gap:23px;box-shadow:0 5px 16px #b9472712;transition:transform .2s var(--ease),background-color .2s,box-shadow .2s}.btn:hover{background:#9b381e;border-color:#9b381e;transform:translateY(-2px);box-shadow:0 9px 20px #b9472720}.btn:active{transform:translateY(0);box-shadow:none}.btn span{transition:transform .2s}.btn:hover span{transform:translateX(3px)}.btn.outline{border:1px solid var(--rule);padding:14px 20px;border-radius:10px;background:white;box-shadow:none}.btn.outline:hover{border-color:#bdcfc1;background:#f2f7f2;color:var(--ink);box-shadow:0 5px 16px #142d2808}.btn.light{background:white;color:var(--ink);border-color:white;box-shadow:none}.btn.light:hover{background:#e8f1e9;border-color:#e8f1e9}.eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.8;color:var(--signal)}.dot{border-radius:50%;width:6px;height:6px}.hero{grid-template-columns:1.15fr 1fr;gap:65px;padding:68px 0 64px;align-items:center}.hero h1{font-size:clamp(45px,4.65vw,65px);line-height:1.1;margin:22px 0 25px;font-weight:700;letter-spacing:-.055em}.hero h1>span{color:var(--signal)}.hero .intro{font-size:16px;line-height:1.9;max-width:510px}.actions{gap:14px;margin:29px 0 24px}.hero-footnote{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:10px;line-height:1.7}.hero-check{color:#3b8264;font-size:13px}.hero-footnote>span:nth-child(2){margin-right:9px}.strip{padding:22px 0;border-color:var(--rule);margin-bottom:0}.strip>span{font-size:9px;line-height:1.7;letter-spacing:.08em}.strip b{font-size:12px;font-weight:600;color:#465b52}.strip b span{font-size:23px;color:#8da28f}.section-head{margin-bottom:34px;align-items:center;gap:60px}.section-head p{font-size:13px;line-height:1.9;max-width:360px}.section-head .eyebrow{margin-bottom:18px}.accent{color:var(--ink)}.section-head h2>.accent{color:#77907e}.pricing-status{font-size:9px;letter-spacing:.07em;color:var(--muted);padding:0 0 6px}.services{border:0;display:grid;gap:19px}.priced-services .service{grid-template-columns:38px 1.05fr 1.25fr 198px;column-gap:24px;row-gap:22px;padding:29px 28px;border:1px solid var(--rule);border-radius:16px;background:white;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s}.priced-services .service-index{font:600 21px/1.3 var(--body);color:#8fa096}.priced-services .service h3{font:650 24px/1.3 var(--body);letter-spacing:-.04em}.priced-services .service>p{font-size:12px;line-height:1.9}.service-price{padding-left:22px;border-color:var(--rule)}.service-price strong{font:650 35px/1.3 var(--body);letter-spacing:-.05em}.service-price strong small{letter-spacing:0;font-size:10px;font-weight:500}.service-price>b{font-size:10px}.service-price .text-button{font-size:10px}.service-proof{border:1px solid #e2eae0;border-radius:10px;padding:16px 20px;background:#f4f8f2;gap:25px}.service-proof .context-label{font-size:8px;color:#7b8d7c}.service-proof p{font-size:11px;line-height:1.9;color:#546750}.service-proof .text-button{font-size:10px;border-color:#cbd8c7}.text-button{transition:color .2s,border-color .2s;position:relative;min-height:44px}.text-button:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:100%;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .22s}.text-button:hover:after{transform:scaleX(1)}.pricing-scope{gap:35px;margin-top:25px}.pricing-scope p{font-size:11px;line-height:1.9}.dark{background:#142e28}.dark .eyebrow{color:#e0b099}.dark h2{margin-top:20px}.steps{gap:26px;margin-top:38px}.steps>article{padding:24px;border:1px solid #53675d;border-radius:14px;background:#1d3830}.steps .num{border:0;padding:0;color:#c7d7c7;font-size:9px}.steps h3{font:600 24px/1.3 var(--body);margin:22px 0 14px;letter-spacing:-.035em}.steps p{font-size:12px;line-height:1.95;color:#bfcfc3}.demo-disclosure{border-color:var(--rule);padding:18px 0 25px}.demo-disclosure .pill{color:var(--signal);font-size:9px}.demo-disclosure p{font-size:11px;line-height:1.9}.studio-shell{border-radius:18px;overflow:hidden;border-color:#dbe5dc;box-shadow:0 12px 40px #142d2806}.studio-tabs{background:#f2f6f1;padding:10px 10px 0;gap:8px;border:0}.studio-tabs button{min-height:67px;gap:13px;border:1px solid transparent!important;border-bottom:0!important;border-radius:10px 10px 0 0;background:transparent;transition:background .2s,color .2s,box-shadow .2s}.studio-tabs button[aria-selected=true]{background:white;border-color:#e0e8de!important;box-shadow:0 -3px 12px #142d2803}.studio-tabs button>span:first-child{font:650 15px/1.3 var(--body);color:#8da18e}.studio-tabs button[aria-selected=true]>span:first-child{color:var(--signal)}.studio-tabs button:hover{background:#e6eee2}.studio-tabs button b{font-size:11px}.studio-context{background:white;padding:25px 30px}.studio-context select{border-radius:8px}.studio-context strong{font-size:12px}.studio-status{background:#eff5ec;border-color:#dfe8da;font-size:11px}.demo-intro{padding:30px}.demo-intro h3{font:650 28px/1.25 var(--body);letter-spacing:-.04em;max-width:670px;margin:14px 0}.demo-intro p{font-size:12px;line-height:1.9}.demo-kicker{font-size:8px;color:#6f8c79}.demo-output{background:#f6f8f3}.output-body h4{font:650 24px/1.3 var(--body);letter-spacing:-.035em}.result-badge{border:1px solid #d2e0c9;border-radius:50px;background:#eaf3e1;color:#3e6447;padding:5px 11px;font-size:9px}.result-badge.warning{background:#f9e9df;border-color:#efd2c2;color:#9b4a2b}.record-fields>div{border-color:#e1e8db}.record-message{border-radius:9px;background:white;border-color:#e2e8df}.clock-display b{color:#456f54}.secondary-control{border-radius:8px;background:white;border-color:#d9e3d7}.slot-button{border-radius:9px;transition:background .2s,border-color .2s,transform .2s}.slot-button[aria-pressed=true]{background:#eff6e8;border-color:#a6be98}.slot-button:hover{border-color:#aac0a1;background:#f1f6ee;transform:translateX(2px)}.slot-button:disabled:hover{transform:none}.slot-button:disabled{opacity:.5}.follow-customer{border-color:var(--rule)}.record-fields dd{font-size:11px}.record-fields dt{font-size:11px}.demo-empty>span{color:#9ab494}.workbench-heading{font-size:9px;letter-spacing:.04em}.demo-help{font-size:11px}.offer{padding:44px 48px;border-radius:20px;background:#eaf1e6;gap:72px}.offer h2{font-size:43px;letter-spacing:-.05em}.offer p{font-size:12px;line-height:1.95}.offer .btn{font-size:11px}.offer>div+div{border-color:#c6d7be;padding-left:38px}.pilot-details .context-label{color:#57754f}.pilot-details li{font-size:12px;line-height:2.5;color:#52674c}.pilot-details p{font-size:11px}.faq{gap:70px}.faq h2{font-size:42px;line-height:1.15}.faq-heading p{font-size:12px}.faq-list details{border-color:var(--rule)}.faq-list summary{font-size:12px;padding:23px 0;line-height:1.8}.faq-list summary:after{color:#78927e;font-size:21px;transition:transform .2s}.faq-list details[open] summary{color:var(--signal)}.faq-list details[open] p{animation:answer-in .25s var(--ease)}.faq-list details p{font-size:12px;line-height:1.95}.contact h2{font-size:clamp(38px,4.4vw,58px);line-height:1.15;letter-spacing:-.05em;max-width:530px}.contact h2 span{color:#c3d6be}.contact p{font-size:12px;line-height:1.95}.contact .small{font-size:11px;color:#c0d0c1}.contact{gap:72px}.form{gap:20px}.form label{font-size:10px;margin-bottom:8px}.form input,.form select,.form textarea{border-radius:8px;background:#fcfdf9;border-color:#cfdbca;min-height:48px;padding:13px 14px}.form .check{font-size:11px;line-height:1.85}.check input{min-height:18px}.form textarea{min-height:100px}.form .small{font-size:11px}.form .btn{font-size:12px;min-height:49px}.draft-actions .btn{font-size:11px}.foot .brand-symbol{border-radius:7px}.foot .logo{font-size:25px}.foot p,.foot>a:last-child,.privacy{font-size:10px;color:#7a8980}.privacy{line-height:1.95}footer{padding:38px 0 25px}.menu-toggle{border-radius:8px}.will-reveal{opacity:.08;transform:translateY(16px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.will-reveal.is-visible{opacity:1;transform:translateY(0)}
/* The hero is a locally animated illustration, never a live-service indicator. */
.flowboard{position:relative;padding:24px;border:1px solid #dce5dc;border-radius:24px;background:white;box-shadow:0 18px 55px #193d2d0b;min-width:0;isolation:isolate}.flowboard:before{content:'';position:absolute;inset:-19px 22px 20px -18px;border-radius:30px;background:#edf3e9;z-index:-1;transform:rotate(-2deg)}.flowboard-top{display:flex;align-items:center;justify-content:space-between;gap:17px;padding-bottom:21px}.flowboard-brand{display:flex;align-items:center;gap:11px}.flow-mini-mark{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#f8e9e0;color:var(--signal);font:700 18px/1 var(--body)}.flowboard-brand strong{font-size:12px;line-height:1.5;font-weight:650;letter-spacing:-.02em}.simulation-label{display:flex;align-items:center;gap:6px;border:1px solid #dae8d7;border-radius:30px;background:#f4f8f0;color:#527950;padding:5px 9px;font-size:9px;white-space:nowrap}.simulation-label i{width:5px;height:5px;background:#74a36a;border-radius:50%}.flow-scenario{display:flex;align-items:center;gap:5px;padding:6px;background:#f3f6f0;border-radius:10px;margin-bottom:19px}.flow-scenario button{border:0;background:transparent;border-radius:7px;padding:7px 12px;min-height:33px;font-size:10px;font-weight:600;color:#72826e;transition:background .2s,color .2s,box-shadow .2s}.flow-scenario button[aria-pressed=true]{color:var(--ink);background:white;box-shadow:0 2px 8px #142d280a}.flow-scenario button:hover{background:#e3ebdf;color:var(--ink)}.flow-scenario>span{font-size:8px;color:#81907b;margin-left:auto;padding:0 5px}.flow-message{border:1px solid #e5e9df;border-radius:13px;padding:17px;background:#fffefb}.flow-person{display:flex;align-items:center;gap:9px}.flow-person>span{width:31px;height:31px;border-radius:50%;background:#f2ede1;color:#8d785b;display:grid;place-items:center;font-size:10px;font-weight:650}.flow-person strong{display:block;font-size:10px;font-weight:650}.flow-person small{display:block;font-size:8px;color:#8b9487;margin-top:2px}.flow-person svg{margin-left:auto;color:#9ca894}.flow-message>p{font-size:13px;line-height:1.8;letter-spacing:-.015em;margin-top:13px;color:#465a4d}.flow-rail{position:relative;margin:22px 0 18px;display:grid;gap:9px}.flow-rail-line{position:absolute;top:17px;bottom:17px;left:19px;width:2px;background:#e8ede3;z-index:0}.flow-rail-line>span{display:block;position:absolute;top:0;width:100%;height:0;background:#88a97a;transition:height .6s var(--ease)}.flow-stage{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:9px 9px 9px 0;background:transparent;border:0;border-radius:10px;color:var(--ink);text-align:left;min-height:62px;transition:background .25s,transform .25s}.flow-stage>span:nth-child(2){flex:1}.flow-stage:hover{background:#f3f7ee;color:var(--ink);transform:translateX(2px)}.stage-symbol{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;background:#f5f6ef;border:1px solid #e4e9dc;border-radius:11px;color:#9ba893;transition:background .35s,color .35s,border-color .35s}.stage-symbol svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.4}.flow-stage b{font-size:11px;display:block;font-weight:650;letter-spacing:-.015em}.flow-stage small{font-size:9px;display:block;margin-top:3px;color:#899681;line-height:1.6}.stage-state{font-size:8px;color:#9ba78f;white-space:nowrap}.flow-stage[aria-pressed=true]{background:#f1f6ec}.flow-stage[aria-pressed=true] .stage-symbol{background:#e3edd9;border-color:#cbdcbd;color:#648654}.flow-stage[aria-pressed=true] .stage-state{color:#5e864f;font-weight:650}.flow-stage.is-done .stage-symbol{color:#6c955b;border-color:#d2e1c9;background:#edf4e7}.flow-stage.is-done .stage-state{color:#749c63}.flow-detail{display:flex;gap:12px;align-items:center;min-height:72px;background:#f8eee6;border:1px solid #f1ddd0;border-radius:11px;padding:12px 14px;transition:background .3s}.flow-detail-icon{font-size:23px;color:var(--signal);line-height:1}.flow-detail div>span{display:block;font-size:8px;letter-spacing:.09em;color:#a9694c;font-weight:650}.flow-detail p{font-size:11px;line-height:1.75;color:#805940;margin-top:4px}.flow-detail.has-arrived{animation:detail-in .35s var(--ease)}.flow-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0 0}.flow-play{display:flex;align-items:center;justify-content:space-between;gap:19px;min-height:39px;padding:8px 11px;background:white;border:1px solid #dce5d7;border-radius:8px;color:#4f6652;font-size:10px;font-weight:650;box-shadow:none}.flow-play:hover{background:#f0f6ea;color:var(--ink);border-color:#bbcfb2}.flow-play span{font-size:15px;line-height:1}.flow-controls>a{font-size:10px;font-weight:650;text-decoration:none;color:var(--signal)}.flow-controls>a span{margin-left:10px}.flow-disclaimer{font-size:8px;color:#91a087;margin-top:13px;line-height:1.8}.flowboard.is-running .flow-stage[aria-pressed=true] .stage-symbol{animation:stage-breathe 1.7s ease-in-out infinite}.btn:focus-visible,.flow-stage:focus-visible,.flow-scenario button:focus-visible,.flow-play:focus-visible{outline:2px solid var(--signal);outline-offset:4px}@keyframes detail-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes stage-breathe{0%,100%{box-shadow:0 0 0 0 #86a77400}50%{box-shadow:0 0 0 5px #86a77414}}@keyframes answer-in{from{opacity:.3;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(hover:hover){.priced-services .service:hover{transform:translateY(-3px);border-color:#bbceb8;box-shadow:0 12px 35px #23472f08}.steps>article{transition:background .25s,border-color .25s}.steps>article:hover{background:#244239;border-color:#7e9987}}
@media(max-width:1100px){.wrap{padding:0 34px}.hero{gap:40px}.hero h1{font-size:50px}.hero .intro{font-size:14px}.flowboard{padding:21px}.flowboard-top{gap:12px}.flowboard-brand strong{font-size:11px}.flow-mini-mark{width:29px;height:29px;font-size:16px}.simulation-label{font-size:8px;padding:4px 7px}.flow-scenario>span{font-size:7px}.flow-scenario button{padding:7px 10px}.flow-message>p{font-size:12px}.flow-stage{gap:11px}.flow-stage b{font-size:10px}.stage-state{font-size:7px}.flow-stage small{font-size:8px}.flow-disclaimer{font-size:8px}.priced-services .service{grid-template-columns:30px 1fr 1fr 175px;gap:20px}.priced-services .service h3{font-size:22px}.service-price{padding-left:20px;grid-column:4;grid-row:1}.priced-services .service>p{grid-column:3;grid-row:1}.service-proof{grid-row:2}.priced-services .service-index{grid-row:1/3}.service-proof p{font-size:11px}.service-proof .text-button{font-size:10px}.contact{gap:50px}.contact h2{font-size:48px}}
@media(max-width:900px){.wrap{padding:0 26px}.hero{grid-template-columns:1fr 1fr;gap:30px;padding:55px 0}.hero h1{font-size:43px}.hero .intro{font-size:13px}.hero .actions{display:flex;gap:10px}.hero .actions .btn{font-size:10px;padding:13px 15px}.hero-footnote{font-size:9px}.hero-footnote>span:nth-child(2){margin-right:5px}.flowboard{padding:17px}.flowboard:before{inset:-13px 13px 15px -10px;border-radius:25px}.flowboard-brand strong{font-size:10px}.flowboard-top{padding-bottom:17px;gap:7px}.flow-scenario>span{display:none}.flow-scenario{margin-bottom:14px}.flow-message{padding:14px}.flow-message>p{font-size:11px}.flow-stage{gap:10px;min-height:58px}.flow-stage b{font-size:10px}.flow-stage small{font-size:8px}.stage-symbol{width:33px;height:33px;border-radius:9px}.flow-rail-line{left:16px}.flow-detail{padding:10px}.flow-detail p{font-size:10px}.flow-controls>a,.flow-play{font-size:9px}.flow-disclaimer{font-size:7px}.strip b{font-size:10px}.strip>span{font-size:8px}.section-head{gap:35px}.priced-services .service{grid-template-columns:30px 1fr 180px;padding:25px;gap:18px}.priced-services .service>p{grid-column:2;grid-row:2}.priced-services .service h3{grid-column:2;grid-row:1}.service-price{grid-column:3;grid-row:1/3}.service-proof{grid-row:3;grid-column:2/-1}.priced-services .service-index{grid-row:1/4}.service-price strong{font-size:32px}.steps{gap:16px}.steps>article{padding:23px 20px}.steps h3{font-size:21px}.offer{gap:42px;padding:38px}.offer h2{font-size:37px}.offer>div+div{padding-left:30px}.faq{gap:45px}.faq h2{font-size:37px}.contact>div{display:block}.contact h2{font-size:46px;max-width:none}.contact{grid-template-columns:.9fr 1.1fr;gap:40px}.contact p{font-size:11px}.form{gap:17px}}
@media(max-width:800px){.nav{height:74px}.logo{font-size:25px}.menu-toggle{border-radius:9px;background:white;border-color:var(--rule)}#main-navigation{background:white;padding:16px 26px 24px;box-shadow:0 12px 25px #142d2808}#main-navigation>a:not(.btn){display:inline-flex}nav>a:not(.btn):after{bottom:0}.studio-tabs button{min-height:86px}.studio-tabs button b{font-size:11px}.studio-context{gap:17px}.contact{grid-template-columns:1fr;gap:38px}.contact>div{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.contact h2{grid-row:2/4;font-size:45px}.contact .small{font-size:11px;margin-top:15px}.contact p{font-size:12px}}
@media(max-width:650px){.wrap{padding:0 22px}.hero{grid-template-columns:1fr;gap:43px;padding:36px 0 40px}.hero h1{font-size:clamp(37px,10vw,48px);line-height:1.12;letter-spacing:-.06em;margin:19px 0 22px}.hero .intro{font-size:14px;line-height:1.85;max-width:none}.hero .actions{gap:10px;margin:25px 0 21px}.hero .actions .btn{font-size:10px;gap:14px;padding:13px 15px;min-height:46px}.hero-footnote{font-size:9px;gap:6px}.hero-footnote>span:nth-child(2){margin-right:6px}.flowboard{padding:19px;border-radius:20px}.flowboard:before{inset:-14px 14px 16px -9px;border-radius:24px}.flowboard-brand strong{font-size:11px}.flowboard-top{padding-bottom:18px}.flow-mini-mark{width:31px;height:31px;font-size:17px}.simulation-label{font-size:8px}.flow-scenario{margin-bottom:17px}.flow-scenario button{font-size:10px;min-height:38px;padding:8px 13px}.flow-scenario>span{display:inline;font-size:7px;padding:0 3px}.flow-message{padding:16px}.flow-person strong{font-size:11px}.flow-person small{font-size:9px}.flow-message>p{font-size:12px}.flow-rail{margin:20px 0 17px;gap:9px}.stage-symbol{width:35px;height:35px}.flow-rail-line{left:17px}.flow-stage b{font-size:11px}.flow-stage small{font-size:9px;max-width:180px}.stage-state{font-size:8px}.flow-stage{gap:11px;min-height:61px}.flow-detail{padding:12px;min-height:78px}.flow-detail p{font-size:11px}.flow-detail div>span{font-size:8px}.flow-controls>a,.flow-play{font-size:10px}.flow-play{min-height:44px}.flow-disclaimer{font-size:9px;line-height:1.9}.strip{padding:22px 0;gap:15px 10px}.strip>span{font-size:8px}.strip b{font-size:10px;gap:8px}.strip b span{font-size:20px}section{padding:60px 0}h2{font-size:32px;line-height:1.17}.eyebrow{font-size:9px}.section-head{display:block;margin-bottom:27px}.section-head p{font-size:12px;margin-top:18px;max-width:none}.section-head .eyebrow{margin-bottom:16px}.pricing-status{font-size:8px;line-height:1.9}.priced-services .service{grid-template-columns:23px 1fr;padding:22px 19px;gap:15px 13px;border-radius:14px}.priced-services .service-index{font-size:17px;grid-row:1/5}.priced-services .service h3{font-size:22px;line-height:1.35;grid-column:2;grid-row:1}.priced-services .service>p{grid-column:2;grid-row:2;font-size:12px;line-height:1.9}.service-price{grid-column:2;grid-row:3;border-left:0;border-top:1px solid var(--rule);padding:14px 0 0}.service-price strong{font-size:33px}.service-price>b{font-size:11px}.service-price .text-button{font-size:10px}.service-proof{grid-column:1/-1;grid-row:4;padding:15px;gap:10px;display:block}.service-proof .text-button{font-size:11px;margin-top:8px}.service-proof p{font-size:12px;line-height:1.8}.service-proof .context-label{font-size:7px}.pricing-scope{gap:15px;margin-top:23px}.pricing-scope p{font-size:11px}.steps{grid-template-columns:1fr;gap:15px}.steps>article{padding:24px}.steps h3{font-size:23px;margin:19px 0 13px}.steps p{font-size:12px;max-width:none}.steps .num{font-size:9px}.studio-shell{border-radius:15px}.studio-tabs{padding:7px 7px 0;gap:5px}.studio-tabs button{padding:15px 10px;min-height:101px;border-radius:9px 9px 0 0;gap:10px}.studio-tabs button>span:first-child{font-size:15px}.studio-tabs button b{font-size:10px;line-height:1.7}.demo-disclosure{padding:18px 0 22px}.demo-disclosure p{font-size:11px}.studio-context{padding:20px}.studio-context strong{font-size:12px}.studio-context select{font-size:16px}.demo-intro{padding:25px 20px}.demo-intro h3{font-size:24px;line-height:1.35;margin:12px 0}.demo-intro p{font-size:12px}.demo-kicker{font-size:8px}.demo-input,.demo-output{padding:23px 20px}.demo-input>label{font-size:11px}.workbench-heading{font-size:9px}.output-body h4{font-size:23px}.record-fields>div{font-size:11px;grid-template-columns:92px 1fr}.record-fields dt,.record-fields dd{font-size:11px}.record-message{font-size:12px}.demo-next{padding:20px;gap:12px}.demo-next p{font-size:11px}.demo-help,.studio-footnote{font-size:11px}.demo-input textarea,.demo-input select,.demo-input input{font-size:16px}.demo-fields select{font-size:14px}.slot-button{min-height:55px}.slot-button b{font-size:11px}.slot-button>span{font-size:9px}.activity-log li{font-size:11px}.draft-preview>p{font-size:12px}.offer{padding:28px;border-radius:17px;gap:25px}.offer h2{font-size:33px}.offer p{font-size:12px}.offer>div+div{padding:23px 0 0;border-left:0;border-top:1px solid #c6d7be}.offer .btn{font-size:10px;gap:12px}.pilot-details li{font-size:11px;line-height:2.4}.pilot-details p{font-size:11px}.faq{grid-template-columns:1fr;gap:24px}.faq h2{font-size:33px}.faq-heading p{font-size:12px}.faq-list summary{font-size:12px;padding:21px 0}.faq-list details p{font-size:12px}.contact>div{display:block}.contact h2{font-size:36px;line-height:1.2;letter-spacing:-.055em}.contact p,.contact .small{font-size:12px}.contact .small{margin-top:20px}.form{gap:18px}.form label{font-size:11px}.form input,.form select,.form textarea{font-size:16px}.form .check{font-size:11px}.form .small{font-size:11px}.form .btn{font-size:11px}.foot .logo{font-size:25px}.foot p,.foot>a:last-child,.privacy{font-size:10px}.foot{gap:23px}.privacy{margin-top:25px}footer{padding:30px 0 23px}}
@media(max-width:370px){.wrap{padding:0 18px}.hero h1{font-size:36px}.hero .actions .btn{padding:13px 12px;font-size:10px;gap:10px}.hero-footnote{font-size:8px;gap:5px}.flowboard{padding:16px}.flow-scenario>span{font-size:6px}.flow-scenario button{padding:8px 10px}.flow-stage b{font-size:10px}.flow-stage small{font-size:8px;max-width:165px}.stage-state{font-size:7px}.flow-detail p{font-size:10px}.flow-controls>a,.flow-play{font-size:9px}.priced-services .service{padding:22px 17px;column-gap:10px}.priced-services .service h3{font-size:21px}.studio-tabs button{padding:13px 8px}.studio-tabs button b{font-size:9px}.demo-input,.demo-output{padding:22px 17px}.contact h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.will-reveal{opacity:1;transform:none}.btn:hover,.priced-services .service:hover,.flow-stage:hover,.slot-button:hover{transform:none}}
/* Readability and the final hero composition. */
.flowboard:before{background:none;border:1px solid #e4ecdf}.flowboard-brand strong{font-size:14px}.flow-person strong{font-size:12px}.flow-person small{font-size:10px}.flow-message>p{font-size:14px}.flow-stage b{font-size:13px}.flow-stage small{font-size:10px}.stage-state{font-size:9px}.flow-detail p{font-size:12px}.flow-controls>a,.flow-play{font-size:11px}.flow-disclaimer{font-size:10px}.section-head p,.priced-services .service>p{font-size:14px}.service-proof p{font-size:13px}.pricing-scope p{font-size:12px}.steps p{font-size:14px}.demo-disclosure p,.demo-intro p{font-size:13px}.demo-help,.studio-footnote,.demo-next p{font-size:12px}.record-fields dt,.record-fields dd{font-size:12px}.follow-customer>span{font-size:12px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.contact p,.contact .small{font-size:13px}.form label{font-size:12px}.form input,.form select,.form textarea{font-size:14px}.form .check,.form .small{font-size:12px}.foot p,.foot>a:last-child,.privacy{font-size:11px}
@media(max-width:900px) and (min-width:651px){.flowboard-brand strong{font-size:11px}.flow-person strong{font-size:11px}.flow-person small{font-size:9px}.flow-message>p{font-size:12px}.flow-stage b{font-size:11px}.flow-stage small{font-size:9px}.stage-state{font-size:8px}.flow-detail p{font-size:11px}.flow-controls>a,.flow-play{font-size:10px}.flow-disclaimer{font-size:9px}.priced-services .service>p{font-size:13px}}
@media(max-width:650px){.flowboard-brand strong{font-size:12px}.flow-person strong{font-size:12px}.flow-person small{font-size:10px}.flow-message>p{font-size:13px}.flow-stage b{font-size:12px}.flow-stage small{font-size:10px}.stage-state{font-size:8px}.flow-detail p{font-size:12px}.flow-controls>a,.flow-play{font-size:11px}.flow-disclaimer{font-size:10px}.priced-services .service>p{font-size:13px}.service-proof p{font-size:12px}.section-head p{font-size:13px}.steps p{font-size:13px}.faq-list summary{font-size:13px}.faq-list details p{font-size:13px}.demo-disclosure p,.demo-intro p{font-size:12px}.form input,.form select,.form textarea{font-size:16px}.form label{font-size:12px}.contact p,.contact .small{font-size:13px}}
@media(max-width:370px){.flowboard-brand strong{font-size:11px}.flow-stage b{font-size:11px}.flow-stage small{font-size:9px}.flow-detail p{font-size:11px}.flow-controls>a,.flow-play{font-size:10px}}
/* Contact-first services: concise inclusions, then a guided conversation. */
.priced-services .service-index{grid-row:1/4}.service-features{grid-column:2/4;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;list-style:none;margin:0;padding:0}.service-features li{display:flex;align-items:start;gap:9px;font-size:12px;line-height:1.8;color:#526951}.service-features li>span:first-child{color:#789d63;font-size:13px;font-weight:700;flex-shrink:0}.priced-services .service-price{grid-row:1/3}.priced-services .service-proof{grid-row:3}.guided-demo-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;background:#f1f6ed;border:1px solid #dfe9d9;border-radius:19px;padding:44px 48px}.guided-demo h2{margin:19px 0 23px}.guided-demo h2 .accent{color:#78927a}.guided-demo-inner>div>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:520px}.guided-demo .btn{margin-top:27px;font-size:12px}.guided-demo-aside{padding-left:36px;border-left:1px solid #d2dfcb}.guided-demo-aside .context-label{color:#78916e;font-size:9px}.guided-demo-aside ul{list-style:none;padding:0;margin:20px 0 23px}.guided-demo-aside li{display:flex;align-items:start;gap:15px;margin-bottom:23px}.guided-demo-aside li>span{font-size:10px;font-weight:650;color:#90a781;line-height:2.2}.guided-demo-aside b{font-size:13px;font-weight:650;line-height:1.8}.guided-demo-aside li p{font-size:12px;line-height:1.8;color:#7b8c72;margin-top:7px}.guided-demo-aside>p.small{font-size:11px;color:#849379}.flow-controls>a{max-width:205px;text-align:right;line-height:1.8}.guided-demo{padding-bottom:70px}
@media(max-width:900px){.service-features{grid-column:2/-1;grid-row:3;gap:11px 20px}.priced-services .service-price{grid-row:1/3}.priced-services .service-proof{grid-row:4}.priced-services .service-index{grid-row:1/5}.guided-demo-inner{padding:35px;gap:40px}.guided-demo-aside{padding-left:28px}.guided-demo-inner>div>p{font-size:13px}}
@media(max-width:650px){.service-features{grid-column:1/-1;grid-row:4;grid-template-columns:1fr;gap:10px;padding:16px 0 0;border-top:1px solid var(--rule)}.priced-services .service-price{grid-column:2;grid-row:3}.priced-services .service-proof{grid-column:1/-1;grid-row:5}.priced-services .service-index{grid-row:1/4}.service-features li{font-size:12px;line-height:1.8}.guided-demo-inner{grid-template-columns:1fr;padding:28px;gap:30px;border-radius:16px}.guided-demo h2{font-size:30px;margin:17px 0 21px}.guided-demo-inner>div>p{font-size:13px}.guided-demo-aside{border-left:0;border-top:1px solid #d2dfcb;padding:25px 0 0}.guided-demo-aside b{font-size:12px}.guided-demo-aside li p{font-size:12px}.guided-demo .btn{font-size:11px;gap:15px}.flow-controls>a{max-width:140px;font-size:10px}.flow-play{font-size:10px}.guided-demo{padding-bottom:50px}}
/* Explain the connected customer journey without exposing the presentation demos. */
.journey-intro{max-width:650px;color:#b8cbbd;font-size:14px;line-height:1.9;margin-top:23px}.customer-journey{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:37px}.customer-journey>article{padding:25px 22px;position:relative}.customer-journey>article:not(:last-child):after{content:'→';position:absolute;right:-17px;top:45px;z-index:1;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#294c3e;border:1px solid #4e6e5b;color:#b1cba9;font-size:16px}.customer-journey h3{font-size:21px;line-height:1.4;margin:19px 0 14px}.customer-journey p{font-size:13px;line-height:1.9}.customer-journey .num{font-size:9px;letter-spacing:.06em}.tool-fit{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center;margin-top:38px;padding:30px 0 0;border-top:1px solid #496053}.tool-fit h3{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.03em}.tool-fit p{font-size:12px;line-height:1.9;color:#b8cbbd;max-width:420px;margin-top:12px}.tool-fit-diagram{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-fit-diagram>span{display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;min-width:110px;border:1px solid #4c6856;border-radius:12px;padding:20px 15px;background:#1d3a30;font-size:11px;color:#c4d8c3;white-space:nowrap}.tool-fit-diagram svg{width:22px;height:22px;stroke:#9fbd93;stroke-width:1.4}.tool-fit-diagram i{font-style:normal;font-size:18px;color:#7fa178}.pilot-build{list-style:none;padding:18px 0 0;margin:21px 0 0;border-top:1px solid #c6d7be;display:flex;flex-wrap:wrap;gap:10px 19px;counter-reset:pilot-step}.pilot-build li{counter-increment:pilot-step;font-size:10px;color:#647c5c;display:flex;align-items:center;gap:7px}.pilot-build li:before{content:counter(pilot-step);width:20px;height:20px;border-radius:50%;background:#dbe7d2;color:#668053;display:grid;place-items:center;font-size:9px;font-weight:650}
@media(max-width:1050px){.customer-journey{grid-template-columns:1fr 1fr;gap:18px}.customer-journey>article:nth-child(2):after{display:none}.customer-journey>article{padding:25px}.tool-fit{grid-template-columns:1fr;gap:25px}.tool-fit-diagram{justify-content:start;gap:19px}.tool-fit-diagram>span{min-width:130px}}
@media(max-width:650px){.journey-intro{font-size:13px;margin-top:19px}.customer-journey{grid-template-columns:1fr;gap:15px;margin-top:29px}.customer-journey>article{padding:24px}.customer-journey>article:not(:last-child):after{display:none}.customer-journey h3{font-size:22px}.customer-journey p{font-size:13px}.tool-fit{margin-top:29px;padding-top:26px;gap:23px}.tool-fit h3{font-size:21px}.tool-fit p{font-size:12px}.tool-fit-diagram{gap:6px;justify-content:space-between}.tool-fit-diagram>span{min-width:0;flex:1;padding:17px 8px;font-size:9px;gap:11px;border-radius:10px}.tool-fit-diagram svg{width:20px;height:20px}.tool-fit-diagram i{font-size:14px}.pilot-build{gap:11px;font-size:10px}.pilot-build li{font-size:9px}}

/* Trade imagery: generic illustrative scenes, never presented as client work. */
.trade-scenes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0 0}.trade-scene{position:relative;isolation:isolate;margin:0;overflow:hidden;border-radius:18px;background:#213c31;aspect-ratio:1.55}.trade-scene img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.trade-scene:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(12,29,23,.88));z-index:1;pointer-events:none}.trade-scene figcaption{position:absolute;bottom:26px;left:28px;right:28px;z-index:2;display:grid;gap:7px;color:#fff}.trade-scene .trade-label{font-size:10px;font-weight:700;letter-spacing:.13em;color:#e5eddf}.trade-scene strong{font-size:24px;line-height:1.2;letter-spacing:-.04em;font-weight:650;max-width:390px}.trade-scene figcaption>span:last-child{max-width:360px;font-size:12px;line-height:1.7;color:#e1e9df}.trade-image-note{margin:10px 0 0;font-size:10px;color:#7c887f;text-align:right}.contact-media{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;max-width:440px}.contact-media figure{position:relative;margin:0;overflow:hidden;isolation:isolate;border:1px solid #496053;border-radius:13px;background:#294236;aspect-ratio:4/5}.contact-media img{display:block;width:100%;height:100%;object-fit:cover}.contact-media figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 13px 12px;background:linear-gradient(transparent,rgba(12,29,23,.8));font-size:11px;font-weight:650;color:#fff}.contact .contact-media-note{font-size:10px;margin-top:9px;color:#a8b9ac;line-height:1.6}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.trade-scene:hover img{transform:scale(1.035)}}
@media(max-width:900px){.trade-scenes{gap:16px}.trade-scene{aspect-ratio:1.25}.trade-scene figcaption{left:21px;right:21px;bottom:22px}.trade-scene strong{font-size:22px}.trade-scene figcaption>span:last-child{font-size:11px}}
@media(max-width:650px){.trade-scenes{grid-template-columns:1fr;margin-top:13px;gap:16px}.trade-scene{aspect-ratio:1.25;border-radius:15px}.trade-scene figcaption{bottom:20px;left:21px;right:21px}.trade-scene strong{font-size:24px}.trade-scene figcaption>span:last-child{font-size:12px}.trade-image-note{text-align:left;font-size:9px}.contact-media{margin-top:26px;gap:12px;max-width:420px}.contact-media figure{aspect-ratio:4/4.4}.contact .contact-media-note{margin-bottom:24px}}
/* Preserve readable feedback after a successful or pending contact submission. */
#contact-form .btn:disabled,#contact-form .btn:disabled:hover{opacity:1;background:#dfe9e2;border-color:#dfe9e2;color:#193d31;box-shadow:none;transform:none;cursor:default}