/* A shared technical character, with a distinct VexillumMedia palette and composition. */
@font-face{font-family:'Space Grotesk';src:url('/assets/space-grotesk-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#0b1015;--ink:#edf2f3;--muted:#a6b3bd;--line:#29333c;--green:#4c74e7;--lime:#b2d5c3;--pale:#111a21;--white:#131b22;--serif:'Space Grotesk',Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;color-scheme:dark}
body{background:var(--paper);color:var(--ink);font-size:16px}
.site-header{background:#0b1015ed;border-bottom-color:#26313a}
.header-inner{height:92px}
.wordmark{font-family:var(--serif);font-weight:600;font-size:26px;letter-spacing:-1.2px}
.wordmark span{font-style:normal;font-weight:600;color:#b2d5c3}
.wordmark small{color:#a6b3bd;letter-spacing:2.1px;font-size:8px;margin-top:11px}
.nav-links a{color:#b8c3cb;font-weight:500}
.nav-links a[aria-current=page],.nav-links a:hover{color:#f4f7fa}
.header-contact{border-color:#4c74e7;background:#4167d4;color:#fff;border-radius:5px;padding:12px 19px;font-weight:600}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400;letter-spacing:1.8px;color:#aab9c5;font-size:10px}
.eyebrow:before{background:#89bda5;width:5px;height:5px}
.hero{padding-block:76px 70px;gap:66px;grid-template-columns:1.1fr 1fr}
.hero h1{font-weight:600;font-size:clamp(52px,4.8vw,72px);line-height:1.07;letter-spacing:-3.3px}
.hero h1 em{font-style:normal;color:#b2d5c3}
.hero .lead{font-size:17px;max-width:500px;line-height:1.8}
.button{background:#446bdb;border-color:#446bdb;color:#fff;border-radius:5px;padding:15px 22px;font-size:12px;box-shadow:0 4px 16px #0002}
.button:hover{background:#3157bc;border-color:#3157bc}
.button-outline{border-color:#485763;border-radius:5px;color:#e1e9ed}
.text-link{color:#cbd8ee;border-color:#546575;font-size:12px}
.text-link:hover{color:#fff;border-color:#a6b9cc}
.local-note{color:#8c9da9}.local-note span{background:#8ebfa6}
.workflow-art{background-color:#111a21;background-image:radial-gradient(#34444e .7px,transparent .7px);border-color:#2a3944;border-radius:10px;padding:30px;min-height:477px;box-shadow:inset 0 1px #fff03,0 24px 60px #0002}
.art-heading{color:#b5c7d3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}
.art-heading span:last-child{color:#a3b8a5}
.art-card{background:#17212a;border:1px solid #3b4b58;box-shadow:0 10px 25px #0002;border-radius:7px;padding:18px}
.art-card small{color:#a9bdc9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}
.art-card p{color:#f0f4f6}.art-card .art-icon{color:#a6c7d6}
.art-card.second{background:#1b2d46;border-color:#47628a;color:#f0f4f6}
.art-card.second small,.art-card.second .art-icon{color:#b6cef9}
.art-card.third{background:#192a24;border-color:#4e6a5c}
.art-card.third small{color:#b3d2bf}
.review-mark{background:#2a4437;border-color:#8aad8d;color:#d2e7c9}
.connector{border-color:#6c8292}.connector:after{border-color:#6c8292}
.art-finish{color:#b3cebd}.art-finish:before{background:#97bf9e}
.art-caption{color:#92a3b1;left:30px;font-size:8px}
.hero-bottom{color:#94a5b2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}
.hero-bottom .sectors{color:#aebdc8}
h2{font-weight:600;font-size:clamp(33px,3vw,44px);line-height:1.18;letter-spacing:-1.5px}
h3{font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:-.5px}
.service-block{border-color:#3a4853}
.service-index{font:400 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#9ebba8;letter-spacing:.6px}
.service-block h3{font:600 27px var(--serif);letter-spacing:-.9px}
.service-block p{color:#a6b3bd}
.tinted{background:#10181f;border-block:1px solid #202c35}
.usecase-list,.usecase{border-color:#30404a}.usecase span{color:#90b49d;font-family:monospace}
.dark-panel{background:#141f28;color:#edf2f3;border:1px solid #31414d;border-radius:8px}
.dark-panel p{color:#b8c4cc}.dark-panel .eyebrow{color:#b2d5c3}
.dark-panel .text-link{color:#bad2f1;border-color:#537090}
.vexflow-name{font-family:var(--serif);font-weight:600;color:#b2c6dc;font-size:13px;letter-spacing:2.8px}
.system-list a,.system-list a:first-child{border-color:#3b4e5b}
.system-list a{font-family:var(--serif);font-weight:600;font-size:17px}
.system-list small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#a7c9b7;font-weight:400;font-size:9px}
.system-list a>span:last-child{color:#97b2df}.system-list .system-note{color:#a0b2bf}
.process-strip span{font:600 23px var(--serif);color:#86a99a}
.process-strip h3{font-size:16px}.founder-note{border-color:#4c6559}
.founder-note blockquote{font:600 27px/1.5 var(--serif);letter-spacing:-.7px}
.founder-note cite{color:#dce7e7}.founder-note cite span{color:#a1b1bb}
.faq summary{font-size:15px;font-weight:500}.faq summary:after{color:#8eaba0}
.contact-band{background:#162824;border-top:1px solid #395549;border-bottom:1px solid #395549}
.contact-band h2{font-size:41px;color:#edf5f0}.contact-band p{color:#b6cbbf}.contact-band .eyebrow{color:#a5c1b1}
.site-footer{background:#090e12}.footer-col h2{color:#aebdc6}.footer-intro p{color:#97a7b2}
.footer-col a{color:#ccd6dc}.footer-bottom{color:#8c9ea9}
.page-hero{padding-block:70px 65px}
.page-hero h1{font-weight:600;font-size:clamp(46px,5vw,68px);letter-spacing:-2.9px;line-height:1.12;max-width:980px}
.offer-num{font:600 18px var(--serif);color:#8eafa1}
.offer-row p{color:#a6b3bd}
.callout{background:#14211f;border:1px solid #344d44;border-left:2px solid #82ad96;border-radius:0 7px 7px 0}
.callout p{color:#c0cec9}.callout .eyebrow{color:#a5c8b4}
.tag{background:#20362a;color:#b4d5c0;border:1px solid #3e5949;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.7px}
.check-list li::marker{color:#93b9a1}.check-list li{color:#acbdb6}
.step-list>li:before{background:#14201c;border-color:#496354;color:#b0c9b5}
.demo-section{background:#101921;border-block:1px solid #2b3b47}
.demo-shell{background:#0e161d;border-color:#364958;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #0001}
.demo-bar{background:#17232d;border-bottom-color:#364958}
.demo-bar span:first-child{color:#c1d0dc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400}
.demo-label{color:#a9bdca}
.demo-choice{background:#151f28;color:#b7c6d2;border-color:#374857;border-radius:5px}
.demo-choice[aria-pressed=true]{background:#29446c;border-color:#668bc2;color:#f3f6fc}
.demo-choice:hover:not([aria-pressed=true]){background:#23323e}
.demo-stage{border-color:#516b82}.demo-stage.review{border-color:#86ac95}
.demo-stage .stage-label{color:#a8bfd0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400}
.demo-stage.review .stage-label{color:#b5d7bd}
.demo-stage:not(:last-child):after{color:#9ab5ce}.demo-stage p{color:#a8b9c7}.demo-stage h3{font-size:16px}
.demo-footnote{background:#14202a;color:#9eb2c1;border-color:#364958}
.journey-list li:before{color:#90b5a1;font:600 20px var(--serif)}
.contact-details a{font-weight:600;color:#c2d6e2}.contact-note{color:#9caeb9}
.not-found h1{font-weight:600}.skip-link{background:#9fcbb6;color:#091a12}.noscript-note{background:#254233;color:#e7f4ec}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#9ec6ff}
@media(max-width:1200px){.hero{gap:40px}.hero h1{font-size:60px}.wordmark{font-size:24px}.header-inner{gap:21px}.workflow-art{padding-inline:24px}.art-caption{left:24px}}
@media(max-width:1000px){.header-inner{height:84px}.nav-links{background:#0e151b;top:84px}.nav-links a{color:#ced9df}.menu-toggle{border-color:#43545f;border-radius:4px;color:#d8e2e7}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero .lead{font-size:15px}.workflow-art{padding:25px 20px;min-height:462px}.art-card{padding:15px}.art-caption{left:20px;font-size:7px}.contact-band h2{font-size:35px}}
@media(max-width:700px){.header-inner{height:77px}.nav-links{top:77px}.wordmark{font-size:23px}.wordmark small{font-size:7px;letter-spacing:1.9px}.hero{padding-block:43px 31px;gap:35px}.hero h1{font-size:48px;letter-spacing:-2.6px;line-height:1.1}.hero .lead{font-size:16px;line-height:1.75}.eyebrow{font-size:9px;letter-spacing:1.3px}.workflow-art{min-height:457px;padding:26px 22px}.art-card{padding:16px}.art-heading{font-size:7px;letter-spacing:1px}.art-caption{left:22px;font-size:7px;bottom:15px}.art-finish{font-size:9px}.hero-bottom{font-size:8px;letter-spacing:.6px}h2{font-size:33px;letter-spacing:-1.2px}.service-block h3{font-size:26px}.contact-band h2{font-size:33px}.page-hero{padding-block:45px}.page-hero h1{font-size:43px;letter-spacing:-1.9px}.founder-note blockquote{font-size:25px}.demo-stage h3{font-size:18px}.offer-row h3{font-size:19px}.footer-col a{font-size:12px}.contact-details a{font-size:20px}}
@media(max-width:360px){.hero h1{font-size:42px}.wordmark{font-size:21px}.wordmark small{font-size:6px;letter-spacing:1.65px}.page-hero h1{font-size:39px}.workflow-art{padding-inline:17px}.art-card{width:88%}.art-card.second{margin-left:5%;width:95%}.art-card.third{margin-left:10%;width:90%}.art-caption{left:17px}.demo-choice{font-size:10px}.contact-band .button{font-size:11px;gap:12px;padding-inline:15px}}