:root{--bg:#090b0b;--panel:#101212;--yellow:#ffd21c;--text:#eeefea;--muted:#8e9391;--line:#282c29;--mono:'IBM Plex Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body:after{content:'';position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}::selection{background:var(--yellow);color:var(--bg)}h1,h2,h3,p{margin:0}button{border:0}button:disabled{cursor:wait}.wrap{max-width:1280px;margin:0 auto;padding:0 60px}.yellow{color:var(--yellow)}.muted{color:#7f8580}.mono,.eyebrow,.tiny-label{font-family:var(--mono);font-size:10px;letter-spacing:1.1px;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:1.8px;display:flex;align-items:center;gap:12px}.section-index{color:var(--yellow);margin-right:7px}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px #ffd21c55;display:inline-block;flex-shrink:0;animation:pulse 3s infinite}.progress{height:2px;background:var(--yellow);position:fixed;top:0;left:0;z-index:60;width:0}.skip{position:fixed;top:-100px;left:20px;background:var(--yellow);color:#000;padding:15px;z-index:100}.skip:focus{top:10px}.header{height:94px;display:flex;align-items:center;justify-content:space-between;max-width:1400px;padding:0 60px;margin:auto;position:relative;z-index:40}.brand{display:inline-flex;gap:11px;align-items:center;font-weight:800;font-size:23px;letter-spacing:-.8px}.brand img{width:43px;height:39px}.brand-dot{font-size:9px;vertical-align:top;display:inline-block;margin:3px 0 0 4px;color:var(--muted)}.header nav{display:flex;gap:36px;align-items:center;font-size:12px;font-weight:600}.header nav a{transition:color .2s}.header nav a:hover{color:var(--yellow)}.nav-contact{padding:12px 20px;border:1px solid #4b4b36;border-radius:2px}.nav-contact span{color:var(--yellow);margin-left:20px}.menu-toggle,.mobile-nav{display:none}.hero{min-height:700px;height:calc(100svh - 94px);max-height:1000px;position:relative;overflow:hidden;display:flex;flex-direction:column}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at 80% 55%,black,transparent 70%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;flex:1;width:100%;padding-top:10px;padding-bottom:50px}.hero-copy{position:relative;z-index:2;margin-right:-90px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{color:#b5b8ac;font-size:10px;margin-bottom:28px}.hero h1{font-size:clamp(56px,5.4vw,80px);line-height:1.12;letter-spacing:-4.6px;font-weight:500}.hero-description{color:#989d96;font-size:15px;line-height:1.9;margin-top:28px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--yellow);color:#15170c;padding:17px 23px;border:1px solid var(--yellow);font-size:12px;font-weight:800;position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s}.button:hover{box-shadow:0 0 35px #ffd21c25;transform:translateY(-3px)}.button span{font-size:21px;line-height:16px;transition:transform .25s}.button:hover span{transform:translate(2px,-2px)}.text-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:19px}.text-link span{color:var(--yellow);font-size:18px}.text-link:hover{color:var(--yellow)}.hero-note{font-family:var(--mono);font-size:8px;letter-spacing:.65px;color:#666e65;margin-top:36px}.hero-note span{color:var(--yellow);margin-right:7px}.hero-art{height:520px;position:relative;margin-right:-60px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:12%;background:radial-gradient(ellipse,#baa71313,transparent 70%);filter:blur(20px)}#ox-canvas{width:100%;height:100%;display:block;position:relative;z-index:2}.ox-fallback{position:absolute;left:18%;top:18%;width:64%;opacity:.9}.canvas-ready .ox-fallback{display:none}.orbit{position:absolute;border:1px solid #a89c2024;border-radius:50%;width:90%;height:77%;top:12%;left:4%;transform:rotate(-35deg) scaleY(.66);animation:orbit 24s linear infinite}.orbit-two{width:76%;height:95%;top:3%;left:11%;border-style:dashed;animation-direction:reverse;opacity:.45}.orbit-three{width:105%;height:54%;top:25%;left:-4%;opacity:.55;animation-duration:34s}.art-cross{position:absolute;color:#6c6732;font:16px var(--mono)}.cross-one{left:13%;top:12%}.cross-two{right:7%;bottom:14%}.art-label{position:absolute;bottom:9px;width:100%;text-align:center;font:8px var(--mono);letter-spacing:1.5px;color:#9c9c78}.art-label .status-dot{height:4px;width:4px;margin-right:7px}.coordinates{display:block;font-size:7px;opacity:.45;margin-top:10px}.hero-bottom{height:67px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;width:100%;border-top:1px solid #ffffff0b;color:#787e73}.hero-bottom .mono{font-size:8px}.scroll-link{display:flex;gap:20px;align-items:center}.scroll-link span{color:var(--yellow);font-size:17px;animation:down 2s ease-in-out infinite}.motion-button{background:none;color:#92998d;padding:10px 0}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;overflow:hidden;background:#0e100d}.ticker-track{display:flex;align-items:center;gap:46px;width:max-content;animation:marquee 38s linear infinite}.ticker span{font:11px var(--mono);letter-spacing:2px;color:#a7aa9b}.ticker i{font-style:normal;font-size:22px;color:var(--yellow)}.section{padding-top:112px;padding-bottom:112px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.tiny-label{color:#646b60;font-size:8px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:56px}h2{font-size:42px;font-weight:500;line-height:1.24;letter-spacing:-1.9px}.section-intro>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.9;padding-bottom:3px}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{list-style:none;display:flex;align-items:center;gap:28px;padding:29px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{font:10px var(--mono);color:#6d7468}.service h3{font-size:25px;font-weight:500;letter-spacing:-.8px}.service-tags{margin-left:auto;font:8px var(--mono);letter-spacing:1px;color:#6e7669}.plus{font-size:24px;margin-left:26px;color:#b8bfaa;font-weight:400;transition:transform .3s}.service[open] .plus{transform:rotate(45deg);color:var(--yellow)}.service[open] h3,.service:hover h3{color:var(--yellow)}.service-body{padding:0 65px 30px;display:flex;gap:55px;align-items:flex-start;animation:enter .35s both}.service-body p{max-width:520px;font-size:13px;color:var(--muted);line-height:1.85}.tags{display:flex;flex-wrap:wrap;gap:8px;max-width:300px}.tags span{padding:6px 10px;border:1px solid #33382d;border-radius:2px;font-size:9px;color:#a2a992;white-space:nowrap}.action-section{background:#0c0f0d;border-top:1px solid #1d241b;border-bottom:1px solid #1d241b}.demo-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px;gap:40px}.demo-heading p{max-width:300px;color:var(--muted);font-size:13px;line-height:1.85}.workflow{border:1px solid #343b2b;background:#10140e;position:relative}.workflow-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid #303729;gap:20px}.scenario-tabs{display:flex;gap:23px}.scenario-tabs button{background:transparent;color:#929b87;font:9px var(--mono);padding:21px 0;border-bottom:2px solid transparent}.scenario-tabs button[aria-selected=true]{color:var(--yellow);border-bottom-color:var(--yellow)}.demo-label{font:7px var(--mono);letter-spacing:1px;color:#929b87;white-space:nowrap}.demo-label .status-dot{height:4px;width:4px;margin-right:6px}.flow-canvas{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative;padding:54px 30px;background-image:radial-gradient(#56633b39 .7px,transparent .7px);background-size:14px 14px}.flow-node{position:relative;text-align:center;z-index:2}.node-symbol{display:flex;align-items:center;justify-content:center;margin:auto auto 20px;width:58px;height:58px;background:#151b11;border:1px solid #465238;color:#c6d0b9;border-radius:8px;font-size:26px;transition:all .4s}.intelligence .node-symbol{color:var(--yellow);border-color:#776d26;background:#24250f;box-shadow:0 0 30px #e8dc1110}.flow-node small{font:7px var(--mono);letter-spacing:1px;color:#78846b}.flow-node h3{font-size:13px;font-weight:600;margin:10px 0 7px}.flow-node p{font-size:10px;color:#839175;line-height:1.6}.node-state{font:7px var(--mono);letter-spacing:1px;color:#69745c;display:inline-block;margin-top:20px}.flow-wire{position:absolute;left:15%;right:15%;height:1px;top:82px;background:#39452c}.flow-wire:before{content:'';position:absolute;top:-2px;width:28px;height:5px;left:0;background:var(--yellow);box-shadow:0 0 14px #ffd21c;animation:transmit 6s linear infinite;opacity:.65}.flow-node.active .node-symbol{background:var(--yellow);color:#161b0e;border-color:var(--yellow);box-shadow:0 0 35px #ffd21c33;transform:translateY(-4px)}.flow-node.complete .node-symbol{border-color:var(--yellow);color:var(--yellow)}.flow-node.active .node-state,.flow-node.complete .node-state{color:var(--yellow)}.workflow-bottom{border-top:1px solid #303729;display:flex;align-items:center;justify-content:space-between;min-height:67px;padding:15px 24px;gap:20px}.flow-message{font:9px var(--mono);color:#a0ac92;display:flex;gap:13px;align-items:center;line-height:1.6}.terminal-prompt{color:var(--yellow);font-size:16px}.run-button{background:transparent;border:1px solid #536042;padding:10px 15px;font:9px var(--mono);white-space:nowrap;transition:background .2s}.run-button:hover{background:#26311b}.run-button span{margin-left:20px;color:var(--yellow)}.demo-footnote{font-size:7px;letter-spacing:.7px;color:#666f5b;margin-top:18px}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.approach-intro{position:sticky;top:70px;align-self:start}.approach-intro h2{font-size:38px}.approach-intro>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:340px;margin:25px 0 28px}.step{display:flex;gap:27px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.step:last-child{margin-bottom:0}.step>span{font:10px var(--mono);color:var(--yellow);padding-top:6px}.step h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin-bottom:13px}.step p{font-size:12px;line-height:1.9;color:var(--muted)}.contact{position:relative;overflow:hidden;border-top:1px solid var(--line);padding-top:105px;padding-bottom:100px}.contact .wrap{position:relative}.contact h2{font-size:clamp(50px,6.7vw,86px);letter-spacing:-4px;line-height:1.1;margin:35px 0}.contact-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 90% 100%,#b3a00c16,transparent 60%)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{color:var(--muted);font-size:13px;line-height:1.9}.contact-email{display:inline-flex;gap:18px;color:#afb4a6;font-size:13px;margin-top:32px;padding-bottom:8px;border-bottom:1px solid #565d49}.contact-email span{color:var(--yellow)}.footer{border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:35px 0}.footer .brand{font-size:18px}.footer .brand img{width:35px;height:32px}.footer-top>p{color:#777f70;font-size:11px}.back-top{font-size:8px;color:#9ca491}.footer-bottom{border-top:1px solid #22271e;padding:23px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.8px;color:#717967}.footer-sep{margin:0 12px}.entrance{animation:enter .9s both}.entrance:nth-child(2){animation-delay:.12s}.entrance:nth-child(3){animation-delay:.24s}.entrance:nth-child(4){animation-delay:.36s}.entrance:nth-child(5){animation-delay:.48s}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:translateY(0)}.motion-paused *,.motion-paused *:before{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused{scroll-behavior:auto}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.4}}@keyframes down{50%{transform:translateY(5px)}}@keyframes orbit{to{transform:rotate(325deg) scaleY(.66)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes transmit{0%{left:0;opacity:0}10%,85%{opacity:1}100%{left:100%;opacity:0}}
@media(min-width:1700px){.wrap{max-width:1500px;padding-left:85px;padding-right:85px}.header{max-width:1500px;padding:0 85px}.hero h1{font-size:90px}.hero-art{height:600px}.hero-description{font-size:17px}}
@media(max-width:1050px){.wrap{padding-left:35px;padding-right:35px}.header{padding:0 35px}.hero{min-height:650px}.hero h1{font-size:60px;letter-spacing:-3.6px}.hero-art{height:450px;margin-right:-35px}.hero-copy{margin-right:-120px}.hero-description{font-size:13px}.hero-actions{gap:20px}.hero-note{font-size:7px}.hero-copy .eyebrow{font-size:8px}.section-intro{gap:40px}h2{font-size:36px}.service-tags{font-size:7px}.service-body{padding-left:40px;padding-right:25px;gap:30px}.approach-layout{gap:50px}.flow-canvas{gap:12px;padding-left:15px;padding-right:15px}.flow-node h3{font-size:11px}.hero-art{opacity:.85}.section{padding-top:90px;padding-bottom:90px}}
@media(max-width:700px){.wrap{padding-left:24px;padding-right:24px}.header{height:80px;padding:0 24px}.brand{font-size:19px}.brand img{width:36px;height:33px}.header nav{display:none}.menu-toggle{display:flex;background:none;flex-direction:column;gap:6px;padding:14px 0 14px 18px}.menu-toggle span{height:1px;width:24px;background:var(--yellow);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;left:0;right:0;top:80px;background:#101310;z-index:50;flex-direction:column;padding:12px 24px 25px;border-bottom:1px solid #4c5234;gap:0}.mobile-nav a{font-size:20px;padding:15px 0}.hero{height:auto;min-height:calc(100svh - 80px);max-height:none}.hero-inner{grid-template-columns:1fr;padding-top:38px;padding-bottom:0;display:flex;flex-direction:column;align-items:stretch}.hero-copy{margin:0;pointer-events:auto}.hero h1{font-size:clamp(40px,9.6vw,63px);letter-spacing:-2.3px;line-height:1.13}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:22px}.hero-description{font-size:12px;line-height:1.8;margin-top:21px}.hero-description br{display:none}.hero-actions{gap:22px;margin-top:27px}.button{font-size:10px;padding:15px 17px;gap:20px}.text-link{font-size:10px;gap:10px}.hero-note{font-size:6px;margin-top:22px;letter-spacing:.4px}.hero-art{height:310px;width:100%;max-width:400px;margin:-4px auto 0;opacity:1}.orbit{width:88%;left:6%;height:75%;top:9%}.art-label{font-size:6px;bottom:16px}.coordinates{display:none}.hero-bottom{height:60px;margin-top:8px}.hero-bottom>.mono:first-child{display:none}.hero-bottom .mono{font-size:7px}.scroll-link{gap:12px}.ticker{padding:19px 0}.ticker-track{gap:30px}.ticker span{font-size:9px}.ticker i{font-size:18px}.section{padding-top:72px;padding-bottom:72px}.section-top{margin-bottom:30px}.eyebrow{font-size:8px;letter-spacing:1px;gap:8px}.tiny-label{display:none}.section-intro{display:block;margin-bottom:35px}h2{font-size:33px;letter-spacing:-1.4px}.section-intro>p{margin-top:22px;max-width:100%;font-size:12px}.service summary{gap:15px;padding:25px 0}.service h3{font-size:19px;letter-spacing:-.6px}.service-number{font-size:8px}.service-tags{display:none}.plus{margin-left:auto;font-size:22px}.service-body{display:block;padding:0 0 27px 30px}.service-body p{font-size:12px}.tags{margin-top:19px;max-width:none}.tags span{font-size:8px}.demo-heading{display:block;margin-bottom:30px}.demo-heading p{margin-top:20px;font-size:12px}.workflow-toolbar{padding:0 13px}.scenario-tabs{gap:15px;width:100%;justify-content:space-between}.scenario-tabs button{font-size:7px;padding:19px 0}.demo-label{display:none}.flow-canvas{grid-template-columns:1fr 1fr;gap:30px 10px;padding:28px 12px}.flow-wire{display:none}.node-symbol{width:44px;height:44px;font-size:22px;margin-bottom:12px}.flow-node h3{font-size:11px;margin-top:7px}.flow-node p{font-size:9px}.flow-node small{font-size:6px}.node-state{margin-top:11px;font-size:6px}.workflow-bottom{flex-direction:column;align-items:stretch;padding:17px 15px;gap:16px}.flow-message{font-size:8px;min-height:30px}.run-button{padding:12px;display:flex;justify-content:space-between;align-items:center}.demo-footnote{font-size:6px;line-height:1.8}.approach-layout{display:block}.approach-intro{position:relative;top:auto}.approach-intro h2{font-size:32px}.approach-intro>p{font-size:12px}.steps{margin-top:42px}.step{gap:22px;margin-bottom:24px;padding-bottom:24px}.step h3{font-size:17px}.contact h2{font-size:clamp(40px,9.8vw,65px);letter-spacing:-2.4px;margin-top:28px}.contact-bottom{display:block}.contact-bottom p{font-size:12px}.contact-bottom p br{display:none}.contact-bottom .button{margin-top:27px}.contact-email{margin-top:25px;font-size:12px}.footer-top{flex-wrap:wrap;padding:28px 0;gap:20px}.footer-top>p{display:none}.footer .brand{font-size:16px}.footer .brand img{width:30px}.back-top{font-size:7px}.footer-bottom{flex-wrap:wrap;font-size:6px;gap:13px;justify-content:flex-start}.footer-bottom>span:last-child{display:none}.footer-sep{margin:0 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* Nederlandse teksten: leesbare regellengtes en ruimte voor langere labels. */
.hero-description{max-width:490px}.service h3{min-width:0}.service-tags{flex-shrink:0}.flow-node h3,.flow-node p{overflow-wrap:break-word}
@media(max-width:1050px) and (min-width:701px){.service h3{font-size:23px}.service summary{gap:20px}.service-tags{font-size:6px;letter-spacing:.5px}.hero-description{max-width:430px}}
@media(max-width:700px){.hero-actions{gap:17px;flex-wrap:wrap}.hero-actions .text-link{font-size:9px}.hero-description{max-width:100%}.service h3{font-size:18px}.service .plus{flex-shrink:0}.contact h2{font-size:clamp(36px,9vw,60px)}}

/* Leesbaarheid: grotere tekst, helder contrast en rustige tekstvlakken. */
:root{--text:#f3f4ef;--muted:#c1c7bd}
body{font-size:18px;line-height:1.65}
body:after{display:none}
h1,h2,h3{font-weight:600}
.muted{color:#b5bdb1}
.hero h1{letter-spacing:-.045em;font-weight:600}
h2,.approach-intro h2{letter-spacing:-.035em;font-weight:600}
.hero-copy{margin-right:0}
.hero-description{font-size:19px;line-height:1.75;color:var(--muted);max-width:49ch}
.section-intro>p,.service-body p,.demo-heading p,.approach-intro>p,.step p,.contact-bottom p{font-size:18px;line-height:1.75;color:var(--muted)}
.section-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:55px}
.section-intro>p,.demo-heading p,.approach-intro>p{max-width:48ch}
.demo-heading{align-items:start}
.demo-heading>p{flex-basis:42%;flex-shrink:0}
.approach-layout{gap:70px}
.header nav{font-size:15px}
.button,.text-link,.hero-actions .text-link,.contact-email{font-size:16px;line-height:1.5}
.button{padding:16px 23px;min-height:52px}
.text-link{min-height:44px}
.hero-actions{flex-wrap:wrap;gap:18px 26px}
.contact-email{color:var(--text)}
.mono,.eyebrow,.tiny-label,.hero-copy .eyebrow,.hero-note,.hero-bottom .mono,.ticker span,.service-number,.service-tags,.art-label,.coordinates,.demo-label,.flow-node small,.node-state,.demo-footnote,.back-top,.footer-bottom,.step>span{font-size:12px;line-height:1.7;letter-spacing:.045em}
.eyebrow,.hero-copy .eyebrow,.hero-note,.hero-bottom,.motion-button,.tiny-label,.service-number,.service-tags,.art-label,.coordinates,.demo-label,.flow-node small,.node-state,.demo-footnote,.back-top,.footer-bottom{color:#b3bdae}
.hero-note{max-width:50ch;line-height:1.8}
.coordinates{opacity:1;margin-top:5px}
.hero-bottom{height:auto;min-height:76px;gap:20px;padding-top:15px;padding-bottom:15px;flex-wrap:wrap}
.motion-button{min-height:44px}
.ticker span{color:#cbd1c3;font-size:14px}
.service summary{gap:22px}
.service h3{font-size:26px;font-weight:600;letter-spacing:-.025em}
.service-tags{font-size:12px;letter-spacing:0;white-space:normal;flex:0 1 220px;text-align:right}
.service-body{padding-left:40px;padding-right:0;gap:40px}
.service-body p{flex:1;max-width:60ch}
.tags{flex:0 1 310px;max-width:310px}
.tags span{font-size:13px;line-height:1.6;color:#d1d8c7;white-space:normal}
.scenario-tabs button{font-size:14px;color:#c4cdbb;line-height:1.5;padding:20px 0;min-height:48px;letter-spacing:0}
.workflow-toolbar{flex-wrap:wrap;gap:0 20px}
.demo-label{padding:12px 0}
.flow-canvas{gap:24px;padding-left:24px;padding-right:24px}
.flow-node h3{font-size:18px;line-height:1.45;margin-top:12px}
.flow-node p{font-size:16px;line-height:1.65;color:#c1cbb6}
.node-state{margin-top:18px}
.flow-message{font:14px/1.7 var(--mono);color:#c5cfba}
.run-button{font:14px/1.5 var(--mono);min-height:48px;padding:12px 16px}
.demo-footnote{max-width:95ch;margin-top:20px}
.step h3{font-size:22px;line-height:1.4;font-weight:600}
.step>span{color:var(--yellow)}
.footer-top>p{font-size:16px;color:var(--muted)}
.footer-bottom{flex-wrap:wrap}
@media(min-width:1700px){.hero-description{font-size:20px}}
@media(min-width:701px) and (max-width:1050px){
 .hero h1{font-size:54px}.hero-description{font-size:18px}.hero-inner{grid-template-columns:1.2fr 1fr}.hero-art{margin-right:0}
 .section-intro{gap:35px}.section-intro>p,.service-body p,.demo-heading p,.approach-intro>p,.step p,.contact-bottom p{font-size:17px}
 .service h3{font-size:23px}.service-tags{flex-basis:175px}.service-body{gap:25px}.tags{flex-basis:210px}
 .flow-canvas{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:35px}.flow-wire{display:none}.approach-layout{gap:35px}
 .footer-top{flex-wrap:wrap;gap:20px}
}
@media(max-width:700px){
 body{font-size:16px}.hero-copy{margin-right:0}.hero h1{letter-spacing:-.035em}
 .hero-description,.section-intro>p,.service-body p,.demo-heading p,.approach-intro>p,.step p,.contact-bottom p{font-size:16px;line-height:1.75}
 .hero-description{max-width:100%}.hero-description br{display:none}
 .hero-copy .eyebrow{font-size:12px;letter-spacing:.025em;align-items:flex-start;max-width:30ch}.hero-copy .eyebrow .status-dot{margin-top:7px}
 .hero-actions{gap:12px;align-items:stretch;flex-direction:column}.hero-actions .button{align-self:flex-start}.hero-actions .text-link{font-size:16px}
 .hero-note{font-size:12px;letter-spacing:0;margin-top:24px}.hero-art{margin-top:16px}
 .art-label{font-size:12px;letter-spacing:0}.hero-bottom{align-items:center;column-gap:18px;row-gap:0}.hero-bottom .mono{font-size:12px;letter-spacing:0}
 .scroll-link{gap:9px}.eyebrow{font-size:12px;letter-spacing:.025em}.section-top{margin-bottom:25px}
 .section-intro{display:block}.service h3{font-size:21px;line-height:1.45}.service summary{gap:14px}.service-number{font-size:12px}
 .service-body{padding-left:0}.tags{max-width:100%}.tags span{font-size:13px}.service-tags{display:none}
 .workflow-toolbar{padding:0 14px}.scenario-tabs{gap:0;flex-direction:column;align-items:stretch;padding:8px 0}
 .scenario-tabs button{font-size:15px;text-align:left;padding:12px 8px;min-height:48px}.scenario-tabs button[aria-selected=true]{background:#ffd21c0c}
 .flow-canvas{grid-template-columns:minmax(0,1fr);gap:30px;padding:30px 22px}
 .flow-node{text-align:left;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;border-bottom:1px solid #303729;padding-bottom:24px}
 .flow-node:last-child{border-bottom:0;padding-bottom:0}.flow-node .node-symbol{grid-column:1;grid-row:1 / span 4;margin:0;width:46px;height:46px}
 .flow-node small,.flow-node h3,.flow-node p,.flow-node .node-state{grid-column:2}.flow-node small{font-size:12px}
 .flow-node h3{font-size:18px;margin:8px 0}.flow-node p{font-size:16px}.node-state{font-size:12px;margin-top:12px}
 .workflow-bottom{padding:20px 18px}.flow-message{font-size:13px;align-items:flex-start}.run-button{font-size:15px}.demo-footnote{font-size:12px;letter-spacing:0}
 .step h3{font-size:21px}.step>span{font-size:12px}.contact-email{font-size:16px}
 .footer-bottom{font-size:12px;letter-spacing:0;flex-direction:column;gap:10px}.back-top{font-size:12px;letter-spacing:0}.footer-top{gap:16px}
}