/* Charcoal, parchment and a small, deliberate gold signal. */
:root{--paper:#f2ecdf;--ink:#282620;--muted:#746f63;--line:#cec5b3;--blue:#d9cfba;--gold:#d7ae50}
::selection{background:#e0bd6a;color:#24221d}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#a47c26}
.hero{background:#24221d}.hero:after{background:linear-gradient(90deg,#24221d 7%,#24221df0 35%,#24221d00 72%)}
.hero h1 em{color:#e1bc64}.hero-proof{background:#24221dd9}.hero-proof strong{color:#f5eedf}
.advantage{background:#e6dece}.advantage-statement{background:#27241f}.advantage-statement:after{background:linear-gradient(0deg,#24211df5 5%,#24211d8a 50%,#24211d00 90%)}
.advantage-case p,.advantage-case strong,.evidence-person p>span,.trust>p{color:#625b4f}.advantage-case>div+div{border-color:var(--line)}
.authority{background:#e4dccb}.evidence-sheet{background:#f7f1e5}.evidence-tabs{border-color:#b8ac95}.evidence-tabs button{color:#766b58}.evidence-tabs button[aria-selected=true]:before{background:#b68c32}
.portfolio{background:#26241f;color:#f2ecdf}.portfolio h2 em{color:var(--gold)}
.portfolio .post-image,.portfolio .post:nth-child(2n) .post-image{background:#39362e}
.portfolio .post figcaption p,.portfolio .post figcaption small{color:#c8bfad}.portfolio .post figcaption small{border-color:#645d4d}
.portfolio .folio-controls button{border-color:#71654b!important;color:#e3bd64}.portfolio .folio-controls button:hover:not(:disabled){background:#d7ae50!important;color:#24221d!important}
.methodology{background:#eee6d6}.founder-area{fill:#353129}.builder-area{fill:#b5a88a}.pulse-area{fill:#dbb75c}.arc-stroke{stroke:#5f5137}.arc-grid{stroke:#a39880}.pulse-hatch{opacity:.2}
.chart-phases button[aria-selected=true]{border-bottom-color:#ad8126}.arc-tabs button[aria-selected=true]{color:#946b1d}
.process,.pricing{background:#f2ecdf}.process-sheet,.package-page{background:#e8dfcd}.closing{background:#25231e;color:#f2ecdf}.closing h2 em{color:var(--gold)}
@media(max-width:760px){.hero:after{display:none}.advantage-statement:after{background:linear-gradient(90deg,#24211dee,#24211d35)}}
/* A quiet, useful ending on phones. */
@media(max-width:760px){
 .closing{padding:32px var(--gutter) 0;min-height:0}
 .closing h2{font-size:37px;line-height:1.06}
 .closing>p{margin-top:14px;font-size:12px}
 .closing .button{margin-top:20px}
 .closing .call-question{display:none}
 .closing .endmark{margin:24px 0 0;padding:0;font-size:25vw;line-height:.85}
 footer{display:block;padding:24px var(--gutter) 22px;gap:0}
 footer .footer-explainer,footer .footer-description,footer nav[aria-label=Industries]{display:none}
 footer nav[aria-label=Company]{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0}
 footer nav[aria-label=Company] a{display:flex;align-items:center;min-height:36px;font-size:12px}
 footer nav[aria-label=Company] a[href^="mailto:"]{flex-basis:100%;min-height:32px}
 footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:10px}
}
footer{background:var(--paper)}
@media(max-width:760px){
 .mobile-edition .hero h1{font-size:clamp(38px,10.8vw,58px);line-height:1.02;letter-spacing:-.045em;text-wrap:initial;max-width:none}
 .mobile-edition .hero-line,.mobile-edition .hero-line>span{display:block}
 .mobile-edition .hero-line:nth-child(3){margin-top:12px}
 .mobile-edition .hero h1 em{color:#e1bc64}
 .mobile-edition .hero-content>p{font-size:14px;line-height:1.55;color:#d0c9bb;max-width:300px;margin:26px 0 22px;text-wrap:pretty}
 .mobile-edition .hero-content .button{font-size:14px;min-height:48px}
}
@media(max-width:360px){.mobile-edition .hero h1{font-size:36px}.mobile-edition .hero-content>p{font-size:13px;margin-top:22px}}
/* Proof belongs to the image, without a boxed strip. */
.hero .hero-proof{background:transparent;border-top:0}
.hero .hero-proof:before{inset:-150px calc(-1 * var(--gutter)) 0;background:linear-gradient(to bottom,transparent 0%,rgba(36,34,29,.35) 35%,rgba(36,34,29,.78) 75%,rgba(36,34,29,.88) 100%)}
.hero .hero-proof:before{bottom:-100px}
@media(max-width:760px){
 .header>.book{display:none}.header .menu-toggle{margin-left:auto}
 .mobile-edition .hero{min-height:0;padding-top:38px}
 .mobile-edition .hero:after{display:block;z-index:0;background:linear-gradient(180deg,rgba(25,24,21,.88) 0%,rgba(25,24,21,.76) 36%,rgba(25,24,21,.25) 75%,rgba(25,24,21,.55) 100%)}
 .mobile-edition .hero h1{font-size:clamp(38px,10.7vw,60px);line-height:1.06;letter-spacing:-.045em}
 .mobile-edition .hero-line:nth-child(3){margin-top:0}
 .mobile-edition .hero-content>p{max-width:300px;margin:22px 0 24px;font-size:14px;line-height:1.55;color:#e0d9cc}
 .mobile-edition .hero-proof{margin-top:68px;padding:22px 0 30px;gap:14px}
 .mobile-edition .hero-proof strong{font-size:clamp(26px,8vw,36px);line-height:1.1}
 .mobile-edition .hero-proof>span{font-size:10px;line-height:1.4}
}
@media(max-width:360px){.mobile-edition .hero h1{font-size:35px}.mobile-edition .hero-proof{margin-top:56px}.mobile-edition .hero-content>p{font-size:13px}}
/* Remove the app tile's white patch against the client strip. */
.client-clickup img{mix-blend-mode:multiply}
.client-clickup img{clip-path:inset(12%)}
@media(max-width:760px){
 .trust .client-names{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:30px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 8px;scroll-snap-type:x proximity}
 .trust .client-names::-webkit-scrollbar{display:none}
 .trust .client-names>*{flex-shrink:0;scroll-snap-align:start;scroll-margin-left:var(--gutter)}
 .trust .client-names>span,.trust .client-names>.client-centaurian{font-size:20px;gap:9px;max-width:none}
 .trust .client-names>.client-cur8{width:90px;height:35px}
 .trust .client-names>.client-sahl{width:100px;height:30px}
 .trust>p{margin-bottom:16px}.trust{padding-top:22px;padding-bottom:20px}
}
/* One primary message, then a compact layer of reassurance. */
@media(min-width:761px){
 .hero{min-height:0;padding-top:60px;padding-bottom:12px}
 .hero h1{font-size:clamp(62px,6.1vw,92px)}
 .hero .hero-proof{max-width:640px;gap:44px;margin-top:42px;padding:18px 0 22px}
 .hero .hero-proof strong{font-size:44px;margin-bottom:5px}
 .hero .hero-proof>span{font-size:12px;color:#d0c7b7}
 .hero+.trust{padding-top:20px;padding-bottom:24px}
 .hero+.trust>p{font-size:11px;margin-bottom:17px}
 .hero+.trust .client-names>span{font-size:23px}
 .hero+.trust .client-names>span>img{width:27px;height:27px}
 .hero+.trust .client-cur8{width:96px;height:38px}
 .hero+.trust .client-sahl{width:100px;height:30px}
}
@media(max-width:760px){.mobile-edition .hero-proof{margin-top:44px;padding-bottom:24px}.mobile-edition .hero-proof strong{font-size:28px}}
/* Portrait art direction: copy in shadow, light opening beneath it. */
@media(max-width:760px){
 .mobile-edition .hero{padding-top:40px;min-height:min(680px,85svh);display:flex;justify-content:flex-start}
 .mobile-edition .hero-film{object-position:74% center}
 .mobile-edition .hero:after{background:linear-gradient(180deg,rgba(25,24,21,.94) 0%,rgba(25,24,21,.83) 26%,rgba(25,24,21,.43) 49%,rgba(25,24,21,.08) 68%,rgba(25,24,21,.72) 100%)}
 .mobile-edition .hero h1{font-size:clamp(37px,10.7vw,54px);line-height:1.035;letter-spacing:-.045em}
 .mobile-edition .hero-content>p{max-width:285px;margin:22px 0 24px;color:#d9d1c2;line-height:1.6}
 .mobile-edition .hero-content .button{min-height:49px;padding:14px 22px;background:#f3ead8}
 .mobile-edition .hero-proof{margin-top:auto;padding-top:100px;padding-bottom:27px;gap:18px}
 .mobile-edition .hero-proof strong{font-size:29px;margin-bottom:7px}
 .mobile-edition .hero-proof>span{font-size:10px;color:#d9d1c2}
 .mobile-edition .hero .hero-proof:before{background:linear-gradient(180deg,transparent,rgba(30,28,24,.68));inset:-50px calc(-1 * var(--gutter)) -30px}
}
@media(max-width:360px){.mobile-edition .hero{padding-top:30px;min-height:590px}.mobile-edition .hero h1{font-size:35px}.mobile-edition .hero-proof{padding-top:84px}.mobile-edition .hero-content>p{font-size:13px}}

@media(max-width:760px){.mobile-edition .hero-film{object-position:center center}}