:root{
--paper:#f2efe7;
--paper-2:#e7e3da;
--paper-3:#d7d3ca;
--ink:#111210;
--muted:#62665f;
--green:#b7ea4b;
--green-2:#d8ef9d;
--dark:#171815;
--line:rgba(17,18,16,.15);
--max:1600px;
--pad:clamp(20px,4.2vw,72px);
--header:78px;
--sans:"Onest","Segoe UI",Arial,sans-serif;
--editorial:"Commissioner","Onest","Segoe UI",Arial,sans-serif;
--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--page-bg:#f2efe7;
--page-text:#111210;
--page-muted:#62665f;
--page-border:rgba(17,18,16,.15);
--header-bg:rgba(242,239,231,.94);
--ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page-bg);transition:background-color .55s var(--ease)}
body{margin:0;background:var(--page-bg);color:var(--page-text);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background-color .55s var(--ease),color .45s var(--ease)}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.site{overflow:clip}
.v8Site{padding-top:var(--header)}
::selection{background:var(--green);color:var(--ink)}
:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.techLabel{font:600 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.siteHeader{position:fixed;inset:0 0 auto;z-index:1000;height:var(--header);background:var(--header-bg);color:var(--page-text);backdrop-filter:blur(10px);border-bottom:1px solid var(--page-border);transition:background-color .55s var(--ease),color .45s var(--ease),border-color .45s var(--ease)}
.headerInner{max-width:var(--max);height:100%;margin:auto;padding:0 var(--pad);display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:28px}
.brand{font-weight:800;font-size:22px;letter-spacing:-.035em}
.desktopNav{display:flex;justify-content:center;align-items:center;gap:30px;font-size:14px}
.desktopNav a{position:relative;padding:28px 0 24px}
.desktopNav a[aria-current="page"]{font-weight:700}
.desktopNav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:var(--green)}
.headerTools{display:flex;align-items:center;gap:18px}
.lang{display:flex;gap:10px;font:600 11px var(--mono);color:#777a73}
.lang a{padding:6px 2px}
.lang a.active{color:var(--ink)}
.headerCta,.primaryCta,.serviceButton,.textCta{border:0;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font-size:14px;font-weight:750;cursor:pointer;transition:transform .28s var(--ease),background .2s,color .2s}
.headerCta,.primaryCta{background:var(--green);color:var(--ink)}
.serviceButton{background:var(--ink);color:var(--paper)}
.serviceButton.secondary{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.textCta{background:transparent;color:var(--ink);padding-inline:0;min-height:auto}
.headerCta:hover,.primaryCta:hover,.serviceButton:hover{transform:translateY(-2px)}
.menuBtn{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer}
.menuBtn i,.menuBtn i::after{content:"";display:block;width:24px;height:2px;background:var(--ink);transition:transform .2s}.menuBtn i::after{transform:translateY(7px)}
.mobileMenu[hidden]{display:none!important}
.mobileMenu{position:fixed;top:var(--header);left:0;right:0;background:var(--paper);padding:24px var(--pad) 36px;border-bottom:1px solid var(--line);display:grid;gap:24px}
.mobileMenu nav{display:grid;gap:6px}.mobileMenu nav a{font-size:32px;letter-spacing:-.035em;padding:10px 0}.mobileMenu .lang{margin-top:4px}
h1,h2,h3,p{margin-top:0}
.heroV8 h1,.pageIntroV8 h1,.aboutHeroV8 h1,.contactHeroV8 h1,.serviceHeroV8 h1{font-size:clamp(52px,6.2vw,104px);line-height:.94;letter-spacing:-.035em;font-weight:560;margin:0}
.heroV8 h1{max-width:840px}
.servicesV8 h2,.processV8 h2,.workPreviewV8 h2,.aboutPreviewV8 h2,.contactV8 h2,.operatingPrinciplesV8 h2,.aboutFactsV8 h2,.contactSubmitV8 h2,.serviceStructureV8 h2,.serviceEvidenceV8 h2,.serviceContactV8 h2{font-family:var(--editorial);font-weight:400;letter-spacing:-.025em;font-size:clamp(38px,4.3vw,68px);line-height:1.02;margin:0}
.lead{font-size:clamp(18px,1.5vw,23px);line-height:1.5;color:#444943}
.heroV8{max-width:var(--max);margin:auto;padding:74px var(--pad) 44px;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;min-height:760px;align-items:stretch}
.heroCopyV8{display:flex;flex-direction:column;justify-content:center;padding-right:5vw}
.heroCopyV8>.techLabel{margin-bottom:24px}
.heroCopyV8>p{font-size:19px;line-height:1.55;color:#4d514c;max-width:720px;margin:28px 0 32px}
.heroActions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.heroSystemV8{background:var(--dark);color:var(--paper);padding:30px;display:grid;grid-template-rows:1fr auto;min-height:600px}
.heroSystemV8>p{font-size:16px;line-height:1.55;color:#c1c4bd;max-width:560px;margin:18px 0 0}
.systemVisual{position:relative;min-height:420px;background:var(--paper-2);overflow:hidden;color:var(--ink);isolation:isolate}
.heroSystemV8 .systemVisual{background:#20211e;color:#f2efe7}
.systemVisual svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.systemEdge{fill:none;stroke:currentColor;stroke-width:2;opacity:.28;stroke-dasharray:800;stroke-dashoffset:800}
.systemVisual.is-visible .systemEdge{animation:drawEdge 1.05s var(--ease) forwards}
@keyframes drawEdge{to{stroke-dashoffset:0}}
.flowNode,.integrationNode,.integrationHub,.flowDecision{position:absolute;background:var(--paper);border:1px solid var(--line);padding:16px 18px;min-width:140px;transform:none;opacity:1;transition:transform .6s var(--ease),opacity .6s var(--ease)}
.systemVisual.is-visible .flowNode,.systemVisual.is-visible .integrationNode,.systemVisual.is-visible .flowDecision{transform:none;opacity:1}
.flowNode small,.integrationNode small,.integrationHub small,.flowDecision span{display:block;font:600 10px var(--mono);color:var(--muted);margin-bottom:10px}
.flowNode strong,.integrationNode span,.integrationHub strong,.flowDecision b{font-size:17px;letter-spacing:-.02em}.flowNode span{display:block;font-size:12px;color:var(--muted);margin-top:8px}
.flowNode.n1{left:5%;top:43%}.flowNode.n2{left:36%;top:43%;transition-delay:.08s}.flowNode.n3{right:5%;top:43%;transition-delay:.16s}.flowNode.n4{left:36%;top:9%;transition-delay:.24s}.flowDecision{left:36%;bottom:8%;transition-delay:.32s;background:var(--green)}
.appVisual{padding:24px;background:#d8d5cc}.appTop{height:58px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.appTop strong{font-size:18px}.appTop span{font:11px var(--mono);color:var(--muted)}
.appBody{display:grid;grid-template-columns:70px 1fr 210px;min-height:320px;background:var(--paper)}.appBody aside{background:#20211e;padding:20px;display:flex;flex-direction:column;gap:16px}.appBody aside i{display:block;height:10px;background:#777a73}.appBody aside i:nth-child(2){background:var(--green)}
.appBody .appMain{padding:24px}.appColumns,.appRow{display:grid;grid-template-columns:.7fr 1fr .8fr;gap:12px;align-items:center}.appColumns{font:10px var(--mono);color:var(--muted);padding:0 12px 12px}.appRow{min-height:58px;padding:0 12px;background:#ebe8df;margin-bottom:8px;font-size:13px}.appRow.active{box-shadow:inset 4px 0 0 var(--green)}.appRow em{font-style:normal;color:var(--muted)}
.appInspector{padding:24px;background:#d7d3ca;display:flex;flex-direction:column;justify-content:center}.appInspector small{font:10px var(--mono);color:var(--muted)}.appInspector strong{font-size:24px;margin:12px 0}.appInspector span{font-size:13px;color:var(--muted)}
.integrationVisualV8{background:#1b1c19;color:#f2efe7}.integrationNode,.integrationHub{background:#242522;color:#f2efe7;border-color:rgba(255,255,255,.14)}.integrationNode small,.integrationHub small{color:#aeb2aa}.integrationNode.a{left:5%;top:10%}.integrationNode.b{left:5%;bottom:10%;transition-delay:.08s}.integrationNode.c{right:5%;top:10%;transition-delay:.16s}.integrationNode.d{right:5%;bottom:10%;transition-delay:.24s}.integrationHub{left:50%;top:50%;transform:translate(-50%,-50%);width:200px;text-align:center;background:var(--green);color:var(--ink);transition-delay:.32s}.systemVisual.is-visible .integrationHub{transform:translate(-50%,-50%);opacity:1}.integrationHub small{color:#45503a}.packet{position:absolute;width:9px;height:9px;background:var(--green);opacity:0}.systemVisual.is-visible .packet{animation:packetMove .9s var(--ease) forwards}.packet.p1{left:25%;top:22%}.packet.p2{right:25%;top:32%;animation-delay:.18s}.packet.p3{left:29%;bottom:25%;animation-delay:.34s}@keyframes packetMove{0%{opacity:0;transform:scale(.6)}40%{opacity:1}100%{opacity:1;transform:translate(28px,18px) scale(1)}}
.principlesBandV8{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 72px;display:grid;grid-template-columns:repeat(3,1fr)}
.principlesBandV8 article{padding:28px 30px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.principlesBandV8 article:first-child{border-left:1px solid var(--line)}
.principlesBandV8 strong{display:block;font-size:19px;margin-bottom:12px}.principlesBandV8 p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}
.servicesV8{max-width:var(--max);margin:auto;padding:32px var(--pad) 96px}
.servicesV8>header{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:48px}.servicesV8>header p{font-size:17px;line-height:1.6;color:var(--muted);margin:0;max-width:620px}
.pinnedStackV8{position:relative}.pinnedServiceV8{position:sticky;top:calc(var(--header) + 16px);min-height:650px;height:calc(100vh - var(--header) - 32px);display:grid;overflow:hidden;margin-bottom:10vh;border:1px solid var(--line);box-shadow:0 16px 40px rgba(17,18,16,.08)}
.pinnedServiceV8.service-systems{grid-template-columns:.44fr .56fr;background:var(--paper-2);z-index:1}.pinnedServiceV8.service-webapps{grid-template-columns:.58fr .42fr;background:#dedbd2;z-index:2}.pinnedServiceV8.service-integrations{grid-template-columns:.4fr .6fr;background:var(--dark);color:var(--paper);z-index:3}
.pinnedCopyV8{padding:clamp(36px,4.5vw,68px);display:flex;flex-direction:column;justify-content:center}.pinnedCopyV8 h3{font-family:var(--editorial);font-weight:400;font-size:clamp(42px,4.8vw,72px);line-height:1;letter-spacing:-.025em;margin:18px 0 24px}.pinnedCopyV8 p{font-size:17px;line-height:1.58;max-width:560px;color:var(--muted);margin:0 0 30px}.service-integrations .pinnedCopyV8 p,.service-integrations .techLabel{color:#b8bcb5}.service-integrations .serviceButton.secondary{color:var(--paper);box-shadow:inset 0 0 0 1px var(--paper)}
.pinnedSystem{padding:30px;display:flex;align-items:center;justify-content:center}.pinnedSystem .systemVisual{width:100%;height:100%;min-height:520px}.service-webapps .pinnedSystem{grid-column:1;grid-row:1}.service-webapps .pinnedCopyV8{grid-column:2;grid-row:1}.service-integrations .pinnedSystem .systemVisual{background:#20211e}
.processV8{max-width:var(--max);margin:auto;padding:28px var(--pad) 96px;display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.processIntroV8{position:sticky;top:calc(var(--header) + 32px);align-self:start}.processIntroV8 h2{margin:18px 0 22px}.processIntroV8 p{font-size:16px;line-height:1.6;color:var(--muted);max-width:540px}.processStepsV8{display:grid}.processStepV8{min-height:220px;display:grid;grid-template-columns:74px 1fr;gap:28px;padding:44px 0;border-top:1px solid var(--line);opacity:.58;transition:opacity .25s,transform .25s}.processStepV8:last-child{border-bottom:1px solid var(--line)}.processStepV8.is-active{opacity:1;transform:translateX(6px)}.processStepV8>span{font:700 12px var(--mono);width:44px;height:44px;background:var(--ink);color:var(--paper);display:grid;place-items:center}.processStepV8 h3{font-size:30px;line-height:1.1;letter-spacing:-.025em;margin:0 0 14px}.processStepV8 p{font-size:16px;line-height:1.55;color:var(--muted);margin:0;max-width:700px}
.workPreviewV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 80px;display:grid;grid-template-columns:.75fr 1.25fr;background:var(--paper)}.workPreviewV8>div:first-child{padding:54px;background:var(--dark);color:var(--paper)}.workPreviewV8>div:first-child h2{margin:16px 0 22px}.workPreviewV8>div:first-child p{color:#b9bdb5;font-size:16px;line-height:1.6;margin-bottom:28px}.workPreviewV8 .techLabel{color:#aeb2aa}.workPreviewDiagram{padding:28px;background:#d9d6cd}.workPreviewDiagram .systemVisual{height:100%;min-height:420px}
.aboutPreviewV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 80px;display:grid;grid-template-columns:1fr 1fr;min-height:520px}.aboutPreviewMedia{overflow:hidden;background:#ccc}.aboutPreviewV8>div:last-child{padding:54px;background:var(--paper-2);display:flex;flex-direction:column;justify-content:center}.aboutPreviewV8 h2{margin:16px 0 22px}.aboutPreviewV8 p{font-size:16px;line-height:1.65;color:var(--muted);max-width:610px}.aboutPreviewV8 .serviceButton{align-self:flex-start;margin-top:14px}
.contactV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 0;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--dark);color:var(--paper)}.contactArchitecture{padding:56px}.contactArchitecture h2{margin:18px 0 22px}.contactArchitecture>p{font-size:16px;line-height:1.65;color:#b8bcb5;max-width:570px}.contactFacts{margin-top:38px;display:grid;gap:12px}.contactFacts a,.contactFacts span{font-size:18px}.contactFormPanel{padding:46px;background:#20211e}
.contactForm,.dialogForm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contactForm .full,.dialogForm .full{grid-column:1/-1}.contactForm label,.dialogForm label{display:grid;min-width:0;gap:7px;font-size:11px;color:#b9bcb5}.contactForm input,.contactForm textarea,.dialogForm input,.dialogForm textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.12);background:#2a2b28;color:#fff;padding:14px 15px;min-height:50px;outline:none}.contactForm textarea,.dialogForm textarea{min-height:128px;resize:vertical}.contactForm input:focus,.contactForm textarea:focus,.dialogForm input:focus,.dialogForm textarea:focus{border-color:var(--green)}.contactForm button,.dialogForm button{grid-column:1/-1}.formStatus{grid-column:1/-1;margin:0;font-size:13px;line-height:1.4}.formStatus[data-state="success"]{color:var(--green)}.formStatus[data-state="error"]{color:#ffb4a6}.formStatus[hidden]{display:none}
.pageIntroV8{max-width:var(--max);margin:auto;padding:86px var(--pad) 60px;display:flex;flex-wrap:wrap;gap:24px 56px;align-items:flex-end}.pageIntroV8>.techLabel{flex:0 0 100%}.pageIntroV8 h1{flex:1 1 58%;min-width:0;max-width:920px}.pageIntroV8>p{flex:1 1 32%;min-width:280px;font-size:18px;line-height:1.6;color:var(--muted);max-width:620px;margin:0}
.servicesIndexV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 90px;display:grid;gap:28px}.serviceIndexV8{display:grid;grid-template-columns:.72fr 1.28fr;min-height:520px;border-top:1px solid var(--ink);padding-top:24px}.serviceIndexV8>div:first-child{padding:32px 50px 32px 0;display:flex;flex-direction:column;justify-content:center}.serviceIndexV8 h2{font-family:var(--editorial);font-weight:400;font-size:clamp(42px,4.8vw,70px);line-height:1;letter-spacing:-.025em;margin:16px 0 22px}.serviceIndexV8 p{font-size:16px;line-height:1.6;color:var(--muted);max-width:560px}.serviceIndexV8 .serviceButton{align-self:flex-start;margin-top:20px}.serviceIndexV8 .systemVisual{min-height:460px}.serviceIndexV8.service-webapps{grid-template-columns:1.15fr .85fr}.serviceIndexV8.service-webapps>div:first-child{grid-column:2;grid-row:1;padding-left:50px;padding-right:0}.serviceIndexV8.service-webapps>.systemVisual{grid-column:1;grid-row:1}
.workIntroV8{padding-bottom:48px}.workTypesV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 90px;display:grid;gap:54px}.workTypeV8{display:grid;grid-template-columns:.55fr .7fr 1.05fr;gap:34px;border-top:1px solid var(--ink);padding-top:28px}.workTypeHead h2{font-family:var(--editorial);font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.02;letter-spacing:-.02em;margin:14px 0}.workTypeV8 dl{margin:0;display:grid;gap:20px}.workTypeV8 dl div{display:grid;gap:6px}.workTypeV8 dt{font:700 10px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.workTypeV8 dd{margin:0;font-size:14px;line-height:1.55}.workTypeVisual .systemVisual{min-height:380px}
.aboutHeroV8{max-width:var(--max);margin:auto;padding:86px var(--pad) 72px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:stretch}.aboutHeroV8>div:first-child{display:flex;flex-direction:column;justify-content:center}.aboutHeroV8 h1{margin:18px 0 28px}.aboutHeroV8 p{font-size:16px;line-height:1.7;color:var(--muted);max-width:700px}.aboutSystemMap .systemVisual{height:100%;min-height:560px}
.operatingPrinciplesV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 90px}.operatingPrinciplesV8>header{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:end;margin-bottom:38px}.operatingPrinciplesV8 h2{max-width:760px}.principleGridV8{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}.principleGridV8 article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px}.principleGridV8 article>span{font:700 10px var(--mono);color:var(--muted)}.principleGridV8 h3{font-size:24px;line-height:1.1;margin:36px 0 14px}.principleGridV8 p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}
.aboutFactsV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 90px;display:grid;grid-template-columns:1fr 1fr;min-height:600px}.aboutFactsV8>div:last-child{background:var(--dark);color:var(--paper);padding:52px}.aboutFactsV8 h2{margin-bottom:32px}.aboutFactsV8 dl{margin:0;display:grid;gap:0}.aboutFactsV8 dl div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}.aboutFactsV8 dt{font:700 10px var(--mono);text-transform:uppercase;color:#aeb2aa}.aboutFactsV8 dd{margin:0;font-size:15px;line-height:1.55}
.contactHeroV8{max-width:var(--max);margin:auto;padding:86px var(--pad) 42px;display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;min-height:620px}.contactHeroV8>div:first-child{display:flex;flex-direction:column;justify-content:center}.contactHeroV8 h1{margin:18px 0 24px}.contactHeroV8 p{font-size:18px;line-height:1.6;color:var(--muted);max-width:610px}.contactBlueprint{position:relative;overflow:hidden;background:#cfcac0}.contactBlueprint .responsiveMedia{position:absolute;inset:0}.contactCoordinates{position:absolute;left:22px;bottom:22px;background:var(--paper);padding:16px 18px;display:grid;gap:5px}.contactCoordinates span{font:10px var(--mono);color:var(--muted)}
.contactGridV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 48px;display:grid;grid-template-columns:.8fr 1.25fr 1.1fr .75fr}.contactCell{min-height:210px;padding:28px;border-top:1px solid var(--ink);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.contactCell:first-child{border-left:1px solid var(--line)}.contactCell span{font:700 10px var(--mono);text-transform:uppercase;color:var(--muted)}.contactCell strong{font-size:clamp(20px,1.9vw,31px);line-height:1.15;letter-spacing:-.02em}.contactCell small{font-size:12px;color:var(--muted)}.contactCell.email{grid-column:span 1}.emailText{font-size:clamp(18px,1.7vw,28px)!important;white-space:normal;word-break:normal;overflow-wrap:normal}.contactCell.address strong{font-size:clamp(17px,1.5vw,24px)}.contactSubmitV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 0;display:grid;grid-template-columns:.8fr 1.2fr;background:var(--dark);color:var(--paper)}.contactSubmitV8>div:first-child{padding:52px}.contactSubmitV8 h2{margin-bottom:22px}.contactSubmitV8>div:first-child p{font-size:16px;line-height:1.6;color:#b8bcb5;max-width:520px}
.serviceHeroV8{max-width:var(--max);margin:auto;padding:86px var(--pad) 56px;display:grid;grid-template-columns:.78fr 1.22fr;gap:40px;min-height:690px}.serviceHeroCopyV8{display:flex;flex-direction:column;justify-content:center}.serviceHeroCopyV8 h1{margin:18px 0 26px}.serviceHeroCopyV8>.lead{max-width:650px;margin-bottom:18px}.serviceHeroCopyV8>p:not(.lead){font-size:16px;line-height:1.65;color:var(--muted);max-width:650px;margin-bottom:28px}.serviceHeroCopyV8 .primaryCta{align-self:flex-start}.serviceHeroSystemV8{display:flex;align-items:center}.serviceHeroSystemV8 .systemVisual{width:100%;min-height:540px}
.serviceStructureV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 76px;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.serviceStructureIntro{padding-top:28px}.serviceStructureIntro h2{margin-bottom:20px}.serviceStructureIntro p{font-size:16px;line-height:1.65;color:var(--muted);max-width:520px}.serviceStructureItems{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--line)}.serviceStructureItems article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px}.serviceStructureItems article>span{font:700 10px var(--mono);color:var(--muted)}.serviceStructureItems h3{font-size:25px;line-height:1.08;margin:32px 0 12px}.serviceStructureItems p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}
.serviceEvidenceV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 76px;display:grid;grid-template-columns:1fr 1fr;min-height:600px}.serviceEvidenceMedia{overflow:hidden}.serviceEvidenceCopy{padding:48px;background:var(--dark);color:var(--paper);display:flex;flex-direction:column;justify-content:center}.serviceEvidenceCopy h2{margin:16px 0 20px}.serviceEvidenceCopy>p{font-size:15px;line-height:1.6;color:#b8bcb5;margin-bottom:26px}.serviceEvidenceCopy .systemVisual{min-height:300px}
.serviceContactV8{max-width:var(--max);margin:auto;padding:0 var(--pad) 0;display:grid;grid-template-columns:.72fr 1.28fr;background:var(--paper-2)}.serviceContactV8>div:first-child{padding:52px}.serviceContactV8 h2{margin-bottom:20px}.serviceContactV8>div:first-child p{font-size:16px;line-height:1.6;color:var(--muted);max-width:520px}
.footer,.footerV7,.footerV8{max-width:var(--max);margin:auto;background:#0f100e;color:#e9e6de;padding:58px var(--pad);display:grid;grid-template-columns:1.25fr .8fr .9fr .8fr;gap:44px;font-size:13px;line-height:1.6}.footerStatement strong{display:block;font-family:var(--editorial);font-weight:400;font-size:42px;margin-bottom:18px}.footerStatement p{max-width:520px;color:#aeb2aa}.footerGroup{display:flex;flex-direction:column;gap:7px}.footerGroup>span{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#7f847c;margin-bottom:10px}.footerGroup p{margin:0;color:#c9ccc5}.footerGroup a:hover{color:var(--green)}
.projectDialog{border:0;padding:0;background:transparent;max-width:min(980px,calc(100vw - 32px));width:100%;color:var(--paper)}.projectDialog::backdrop{background:rgba(10,11,9,.72);backdrop-filter:blur(4px)}.dialogShell{position:relative;background:var(--dark);padding:42px;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}.dialogClose{position:absolute;right:18px;top:16px;border:0;background:transparent;color:var(--paper);font-size:32px;cursor:pointer}.dialogCopy h2{font-family:var(--editorial);font-size:46px;font-weight:400;line-height:1;margin:0 0 18px}.dialogCopy p{font-size:14px;line-height:1.6;color:#b8bcb5}.dialogForm{padding-top:20px}
.legalPage{max-width:1100px;margin:auto;padding:120px var(--pad) 90px}.legalPage h1{font-family:var(--editorial);font-weight:400;font-size:clamp(52px,6vw,86px);letter-spacing:-.025em;margin:0 0 22px}.legalIntro{font-size:18px;line-height:1.6;color:var(--muted);max-width:720px;margin-bottom:56px}.legalSection{padding:28px 0;border-top:1px solid var(--line)}.legalSection h2{font-size:25px;margin:0 0 12px}.legalSection p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.responsiveMedia{display:block;width:100%;height:100%}.responsiveMedia img{width:100%;height:100%;object-fit:cover}
@media(max-width:1100px){
.desktopNav{gap:18px}.headerInner{grid-template-columns:190px 1fr auto}
.heroV8,.aboutHeroV8,.contactHeroV8,.serviceHeroV8{grid-template-columns:1fr}.heroSystemV8{min-height:560px}
.servicesV8>header,.pageIntroV8{grid-template-columns:1fr;gap:20px}.pageIntroV8>.techLabel{grid-column:auto}
.pinnedServiceV8{height:auto;min-height:620px;grid-template-columns:1fr 1fr;margin-bottom:26px;position:relative;top:auto}.service-webapps .pinnedCopyV8,.service-webapps .pinnedSystem{grid-column:auto;grid-row:auto}
.processV8{grid-template-columns:1fr;gap:24px}.processIntroV8{position:relative;top:auto}.processStepsV8{grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.processStepV8{background:var(--paper);padding:30px;min-height:260px;border:0}
.workPreviewV8,.aboutPreviewV8,.contactV8,.serviceStructureV8,.serviceEvidenceV8,.serviceContactV8,.contactSubmitV8{grid-template-columns:1fr}.workPreviewDiagram{min-height:460px}.aboutPreviewMedia,.serviceEvidenceMedia{min-height:480px}.contactFormPanel{padding:36px}
.serviceIndexV8,.serviceIndexV8.service-webapps{grid-template-columns:1fr}.serviceIndexV8.service-webapps>div:first-child,.serviceIndexV8.service-webapps>.systemVisual{grid-column:auto;grid-row:auto}.serviceIndexV8>div:first-child,.serviceIndexV8.service-webapps>div:first-child{padding:28px 0}.workTypeV8{grid-template-columns:.7fr 1fr}.workTypeVisual{grid-column:1/-1}.principleGridV8{grid-template-columns:1fr 1fr}.aboutFactsV8{grid-template-columns:1fr}.aboutFactsV8>div:first-child{min-height:500px}.contactGridV8{grid-template-columns:1fr 1fr}.footer,.footerV7,.footerV8{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
:root{--header:68px;--pad:18px}.v8Site{padding-top:var(--header)}.headerInner{grid-template-columns:1fr auto;padding:0 var(--pad)}.desktopNav,.headerCta,.headerTools>.lang{display:none}.menuBtn{display:block}.brand{font-size:20px}
.heroV8{padding-top:48px;min-height:auto}.heroV8 h1,.pageIntroV8 h1,.aboutHeroV8 h1,.contactHeroV8 h1,.serviceHeroV8 h1{font-size:clamp(44px,12vw,66px);line-height:.98}.heroCopyV8{padding-right:0}.heroCopyV8>p{font-size:17px;margin:22px 0 26px}.heroSystemV8{padding:18px;min-height:480px}.systemVisual{min-height:390px}.appBody{grid-template-columns:52px 1fr}.appInspector{display:none}.flowNode,.integrationNode{min-width:112px;padding:12px}.flowNode strong,.integrationNode span{font-size:14px}.integrationHub{width:155px}.principlesBandV8{grid-template-columns:1fr;padding-bottom:54px}.principlesBandV8 article{border-left:1px solid var(--line);border-top:0}.principlesBandV8 article:first-child{border-top:1px solid var(--ink)}
.servicesV8{padding-top:10px;padding-bottom:64px}.servicesV8 h2,.processV8 h2,.workPreviewV8 h2,.aboutPreviewV8 h2,.contactV8 h2,.operatingPrinciplesV8 h2,.aboutFactsV8 h2,.contactSubmitV8 h2,.serviceStructureV8 h2,.serviceEvidenceV8 h2,.serviceContactV8 h2{font-size:clamp(34px,9vw,48px)}.pinnedServiceV8{display:grid;grid-template-columns:1fr!important;min-height:0;margin-bottom:18px}.pinnedCopyV8{padding:30px 24px}.pinnedCopyV8 h3{font-size:clamp(38px,10vw,52px);line-height:1.02}.pinnedCopyV8 p{font-size:16px}.pinnedSystem{padding:16px;min-height:400px}.pinnedSystem .systemVisual{min-height:390px}
.processV8{padding-bottom:60px}.processStepsV8{grid-template-columns:1fr}.processStepV8{min-height:0}.processStepV8.is-active{transform:none}.workPreviewV8{padding-bottom:54px}.workPreviewV8>div:first-child{padding:34px 24px}.workPreviewDiagram{padding:14px}.aboutPreviewV8{padding-bottom:54px}.aboutPreviewMedia{min-height:360px}.aboutPreviewV8>div:last-child{padding:34px 24px}.contactV8{margin:0 var(--pad);padding:0}.contactArchitecture{padding:34px 24px}.contactForm,.dialogForm{grid-template-columns:1fr}.contactForm .full,.dialogForm .full,.contactForm button,.dialogForm button,.formStatus{grid-column:1}.contactFormPanel{padding:28px 22px}
.pageIntroV8{padding-top:56px}.serviceIndexV8{min-height:0}.serviceIndexV8 h2{font-size:40px}.serviceIndexV8 .systemVisual{min-height:390px}.workTypeV8{grid-template-columns:1fr}.workTypeVisual{grid-column:auto}.workTypeV8 dl{grid-template-columns:1fr 1fr}.aboutHeroV8,.contactHeroV8,.serviceHeroV8{padding-top:56px}.aboutSystemMap .systemVisual,.serviceHeroSystemV8 .systemVisual{min-height:430px}.operatingPrinciplesV8>header{grid-template-columns:1fr;gap:14px}.principleGridV8{grid-template-columns:1fr}.principleGridV8 article{min-height:0}.aboutFactsV8>div:first-child{min-height:380px}.aboutFactsV8>div:last-child{padding:34px 24px}.aboutFactsV8 dl div{grid-template-columns:110px 1fr}.contactGridV8{grid-template-columns:1fr}.contactCell{min-height:150px}.contactCell strong{font-size:24px}.emailText{font-size:22px!important}.contactSubmitV8>div:first-child,.serviceContactV8>div:first-child{padding:34px 24px}.serviceStructureItems{grid-template-columns:1fr}.serviceStructureV8{padding-bottom:54px}.serviceEvidenceMedia{min-height:340px}.serviceEvidenceCopy{padding:34px 24px}.serviceEvidenceCopy .systemVisual{min-height:300px}.footer,.footerV7,.footerV8{grid-template-columns:1fr;padding:44px 24px;gap:26px}.dialogShell{grid-template-columns:1fr;padding:34px 22px}.dialogCopy h2{font-size:38px}.legalPage{padding-top:96px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.systemEdge,.packet,.flowNode,.integrationNode,.integrationHub,.flowDecision,.processStepV8{animation:none!important;transition:none!important}.systemEdge{stroke-dashoffset:0}.flowNode,.integrationNode,.integrationHub,.flowDecision{opacity:1;transform:none}.integrationHub{transform:translate(-50%,-50%)}.packet{display:none}.pinnedServiceV8{position:relative;top:auto}.headerCta,.primaryCta,.serviceButton{transition:none}}
.heroV8 h1{font-family:var(--sans);font-size:clamp(58px,6.8vw,110px);line-height:.92;letter-spacing:-.04em;font-weight:590}
.pageIntroV8 h1{font-family:var(--editorial);font-size:clamp(46px,4.8vw,76px);line-height:1.01;letter-spacing:-.024em;font-weight:400;max-width:980px}
.aboutHeroV8 h1{font-family:var(--editorial);font-size:clamp(48px,5vw,80px);line-height:1;letter-spacing:-.024em;font-weight:400}
.contactHeroV8 h1{font-family:var(--editorial);font-size:clamp(46px,4.7vw,76px);line-height:1.01;letter-spacing:-.022em;font-weight:400}
.serviceHeroV8 h1{font-family:var(--sans);font-size:clamp(44px,4.6vw,74px);line-height:.98;letter-spacing:-.022em;font-weight:650;max-width:760px}
.serviceHeroCopyV8>.techLabel{padding-bottom:12px;border-bottom:1px solid var(--line);max-width:190px}
:focus-visible{outline:2px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 4px var(--green)}
.lang{color:#5d615b}
.lang a{padding:10px 6px;min-width:32px;text-align:center}
@media(max-width:1100px){
}
@media(max-width:760px){
.heroV8 h1{font-size:clamp(44px,12vw,64px);line-height:.96}
.pageIntroV8 h1{font-size:clamp(38px,10.5vw,52px);line-height:1.03}
.aboutHeroV8 h1,.contactHeroV8 h1{font-size:clamp(39px,10.8vw,54px);line-height:1.03}
.serviceHeroV8 h1{font-size:clamp(38px,10.4vw,52px);line-height:1.01}
.servicesV8>header{margin-bottom:28px}.pinnedServiceV8{margin-bottom:12px}.pinnedCopyV8{padding:24px 20px}.pinnedCopyV8 h3{font-size:clamp(34px,9vw,46px)}.pinnedCopyV8 p{font-size:15px;line-height:1.5}.pinnedSystem{padding:10px;min-height:250px}.pinnedSystem .systemVisual{min-height:250px;height:250px}
.pinnedServiceV8 .workflowVisual .flowNode.n4,.pinnedServiceV8 .workflowVisual .flowDecision{display:none}.pinnedServiceV8 .workflowVisual .flowNode{min-width:90px;padding:10px}.pinnedServiceV8 .workflowVisual .flowNode strong{font-size:12px}.pinnedServiceV8 .workflowVisual .flowNode span{font-size:10px}.pinnedServiceV8 .workflowVisual .flowNode.n1{left:3%;top:42%}.pinnedServiceV8 .workflowVisual .flowNode.n2{left:35%;top:42%}.pinnedServiceV8 .workflowVisual .flowNode.n3{right:3%;top:42%}
.pinnedServiceV8 .appVisual{padding:10px}.pinnedServiceV8 .appTop{height:42px;padding:0 12px}.pinnedServiceV8 .appTop strong{font-size:14px}.pinnedServiceV8 .appBody{min-height:188px;grid-template-columns:38px 1fr}.pinnedServiceV8 .appBody aside{padding:12px 9px;gap:10px}.pinnedServiceV8 .appBody .appMain{padding:12px}.pinnedServiceV8 .appColumns{display:none}.pinnedServiceV8 .appRow{min-height:44px;padding:0 8px;font-size:10px}.pinnedServiceV8 .appRow:nth-of-type(3){display:none}
.pinnedServiceV8 .integrationNode{min-width:88px;padding:9px}.pinnedServiceV8 .integrationNode span{font-size:12px}.pinnedServiceV8 .integrationNode small{font-size:8px;margin-bottom:6px}.pinnedServiceV8 .integrationHub{width:128px;padding:11px}.pinnedServiceV8 .integrationHub strong{font-size:13px}
}
.serviceDetailPage .serviceHeroV8 h1,
.serviceDetailPage .serviceStructureV8 h2,
.serviceDetailPage .serviceEvidenceV8 h2,
.serviceDetailPage .serviceContactV8 h2,
.serviceDetailPage .footerStatement strong,
.serviceDetailPage .dialogCopy h2{font-family:var(--sans)}
.serviceDetailPage .serviceHeroV8 h1{font-size:clamp(48px,5.1vw,82px);line-height:.93;letter-spacing:-.042em;font-weight:720}
.serviceDetailPage .serviceStructureV8 h2,.serviceDetailPage .serviceEvidenceV8 h2{font-size:clamp(36px,3.8vw,60px);line-height:.98;letter-spacing:-.032em;font-weight:650}
.serviceDetailPage .serviceContactV8 h2{font-size:clamp(34px,3.5vw,54px);line-height:1;letter-spacing:-.03em;font-weight:650}
.serviceDetailPage .footerStatement strong{font-weight:760;letter-spacing:-.035em}
.serviceDetailPage .dialogCopy h2{font-weight:680;letter-spacing:-.025em}
.serviceDetailPage .serviceHeroCopyV8>.techLabel{max-width:210px}
.serviceDetailPage .serviceEvidenceCopy .techLabel{color:inherit;opacity:.68}
.systemsHeroEditorialV8{grid-template-columns:.72fr 1.28fr;gap:54px;min-height:760px;align-items:stretch}
.systemsHeroVisualV8{position:relative;min-height:620px;overflow:hidden;background:#22231f}
.systemsHeroPhotoV8{position:absolute;inset:0}.systemsHeroPhotoV8 img{object-position:58% center}
.systemsHeroVisualV8::after{content:"";position:absolute;inset:0;background:rgba(12,13,11,.23);pointer-events:none}
.systemsRouteV8{position:absolute;z-index:2;left:5%;right:5%;bottom:6%;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;color:var(--paper)}
.systemsRouteV8::before{content:"";position:absolute;left:1%;right:1%;top:16px;height:1px;background:rgba(242,239,231,.62)}
.systemsRoutePoint{position:relative;padding-top:34px;min-width:0}.systemsRoutePoint::before{content:"";position:absolute;top:11px;left:0;width:11px;height:11px;background:var(--green);border:3px solid rgba(17,18,16,.72);border-radius:50%}
.systemsRoutePoint small{display:block;font:700 9px var(--mono);letter-spacing:.08em;color:#d2d5ce;margin-bottom:7px}.systemsRoutePoint strong{display:block;font-size:14px;line-height:1.25;font-weight:680;text-shadow:0 1px 10px rgba(0,0,0,.42)}
.systemsRolesEditorialV8{grid-template-columns:repeat(12,1fr);gap:28px;border-top:1px solid var(--ink);padding-top:34px}
.systemsRolesEditorialV8 .serviceStructureIntro{grid-column:1/5;padding-top:0}.systemsRoleFieldV8{grid-column:6/13;align-self:center}
.systemsRoleTrack{display:grid;grid-template-columns:135px 1fr minmax(120px,.8fr) 1fr;gap:18px;align-items:center;min-height:92px;border-top:1px solid var(--line);padding:18px 0}
.systemsRoleTrack:last-child{border-bottom:1px solid var(--line)}.systemsRoleTrack strong{font-size:15px;letter-spacing:-.01em}.systemsRoleTrack span{font-size:clamp(17px,1.45vw,23px);font-weight:610;letter-spacing:-.02em}.systemsRoleTrack i{font:700 10px/1.4 var(--mono);font-style:normal;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;position:relative;padding-left:28px}
.systemsRoleTrack i::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--green)}.systemsRoleTrack:nth-child(3) i{color:var(--ink)}.systemsRoleTrack:nth-child(3) i::after{content:"";position:absolute;left:24px;right:0;bottom:-7px;height:5px;background:var(--green);z-index:-1}
.systemsHistoryEditorialV8{grid-template-columns:repeat(12,1fr);gap:36px;min-height:0;align-items:start;padding-top:18px;border-top:1px solid var(--line)}
.systemsHistoryV8{grid-column:1/9}.systemsHistoryCopyV8{grid-column:10/13;background:transparent;color:var(--ink);padding:42px 0 0}.systemsHistoryCopyV8>p{color:var(--muted)}
.systemsHistoryItem{display:grid;grid-template-columns:.6fr 2fr 1fr .9fr;gap:22px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}
.systemsHistoryItem time{font:700 11px var(--mono);color:var(--muted)}.systemsHistoryItem strong{font-size:clamp(17px,1.4vw,22px);letter-spacing:-.015em}.systemsHistoryItem span{font-size:13px;color:var(--muted)}.systemsHistoryItem em{font:700 10px var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.05em}
.webappsHeroEditorialV8{grid-template-columns:repeat(12,1fr);gap:24px;min-height:760px;align-items:center;overflow:visible}
.webappsHeroEditorialV8 .serviceHeroCopyV8{grid-column:1/5;z-index:2}.webappsHeroCompositionV8{grid-column:5/13;min-height:620px;display:grid;grid-template-columns:repeat(8,1fr);align-items:center;position:relative}
.webappsHeroPhotoV8{grid-column:1/4;grid-row:1;height:570px;z-index:1}.webappsHeroPhotoV8 img{object-position:48% center}
.webappsInterfaceSliceV8{grid-column:3/9;grid-row:1;z-index:2;align-self:center;background:#f8f5ed;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:0 28px 24px;min-height:430px}
.webappsInterfaceSliceV8::before{content:"";display:block;width:68px;height:6px;background:var(--green);margin:-2px 0 34px}
.webappUiTopV8{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.webappUiTopV8 strong{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.035em}.webappUiTopV8 span{font:700 10px var(--mono);text-transform:uppercase;color:var(--muted);padding-top:7px}
.webappUiHeadV8,.webappUiRowV8{display:grid;grid-template-columns:.55fr 1.2fr 1fr;gap:14px;align-items:center}.webappUiHeadV8{padding:18px 0 9px;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.webappUiRowV8{padding:15px 0;border-top:1px solid var(--line);font-size:13px}.webappUiRowV8 b{font:700 11px var(--mono)}.webappUiRowV8 em{font-style:normal;color:var(--muted)}
.webappUiActionV8{margin-top:22px;border-top:1px solid var(--ink);padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:end}.webappUiActionV8 small{font:700 9px var(--mono);text-transform:uppercase;color:var(--muted)}.webappUiActionV8 strong{font-size:25px;letter-spacing:-.025em}.webappUiActionV8 span{grid-column:2;grid-row:1/3;align-self:center;background:var(--green);padding:11px 13px;font:700 9px var(--mono);text-transform:uppercase}
.webappsHierarchyEditorialV8{grid-template-columns:1.25fr .75fr;gap:76px;align-items:center;border-top:1px solid var(--line);padding-top:56px}.webappsHierarchyEditorialV8 .serviceStructureIntro{order:2;padding:0}.screenStackEditorialV8{order:1;position:relative;min-height:520px;background:var(--paper-2);overflow:hidden}
.screenStackEditorialV8::before{content:"";position:absolute;left:5%;top:8%;bottom:8%;width:1px;background:var(--ink);opacity:.2}.screenPlaneV8{position:absolute;background:var(--paper);border-top:2px solid var(--ink);padding:20px 22px;min-height:130px}.screenPlaneV8 small{display:block;font:700 9px var(--mono);color:var(--muted);margin-bottom:24px}.screenPlaneV8 span{display:block;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.screenPlaneV8 strong{display:block;font-size:22px;letter-spacing:-.025em;margin-top:7px}.screenPlaneV8.level1{left:9%;right:28%;top:9%;height:74%;background:#20211e;color:var(--paper)}.screenPlaneV8.level1 span,.screenPlaneV8.level1 small{color:#aeb2aa}.screenPlaneV8.level2{left:29%;right:12%;top:21%;height:58%}.screenPlaneV8.level3{left:45%;right:5%;top:34%;height:39%;background:#e7e3da}.screenPlaneV8.level4{left:61%;right:8%;top:48%;height:22%;min-height:0;background:var(--green);display:flex;flex-direction:column;justify-content:center}.screenPlaneV8.level4 small{display:none}
.webappsInteractionEditorialV8{grid-template-columns:repeat(12,1fr);background:var(--dark);color:var(--paper);min-height:520px}.webappsFlowCopyV8{grid-column:1/5;background:transparent;padding:58px 48px}.webappsFlowCopyV8>p{color:#b8bcb5}.interactionFlowV8{grid-column:5/13;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:center;padding:58px 44px}
.interactionFlowV8::before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:#666a63}.interactionStepV8{position:relative;z-index:1;padding-top:38px}.interactionStepV8:nth-child(even){transform:translateY(76px)}.interactionStepV8::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px var(--dark)}.interactionStepV8 small{display:block;font:700 10px var(--mono);color:#8f948b;margin-bottom:22px}.interactionStepV8 strong{display:block;font-size:20px;letter-spacing:-.015em;margin-bottom:7px}.interactionStepV8 span{display:block;font-size:12px;line-height:1.45;color:#aeb2aa}.appStateTransition{display:flex;align-items:center;gap:12px;margin-top:8px;font:700 11px var(--mono);flex-wrap:wrap}.appStateTransition span,.appStateTransition strong{padding:9px 11px}.appStateTransition b{font-weight:400;color:#8f948b}
.webappsFlowCopyV8 .appStateTransition span,.webappsFlowCopyV8 .appStateTransition strong{border:1px solid #3c3f38;background:transparent}.webappsFlowCopyV8 .appStateTransition strong{background:var(--green);border-color:var(--green);color:var(--ink)}
.integrationsHeroEditorialV8{grid-template-columns:repeat(12,1fr);gap:24px;min-height:auto;padding-bottom:70px;align-items:start}.integrationsHeroEditorialV8 .serviceHeroCopyV8{grid-column:1/6;padding:34px 0 20px}.integrationsHeroSpatialV8{grid-column:1/13;position:relative;min-height:540px;overflow:hidden;background:#1b1c19}.integrationsHeroPhotoV8{position:absolute;inset:0}.integrationsHeroPhotoV8 img{object-position:center 48%}.integrationsHeroSpatialV8::after{content:"";position:absolute;inset:0;background:rgba(8,9,8,.28)}
.integrationRouteOverlayV8{position:absolute;z-index:2;left:5%;right:5%;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:50px;color:var(--paper)}.integrationRouteOverlayV8::before{content:"";position:absolute;left:2%;right:2%;top:22px;height:1px;background:rgba(242,239,231,.67)}
.integrationRoutePointV8{position:relative;padding-top:50px;min-width:0}.integrationRoutePointV8::before{content:"";position:absolute;top:14px;left:0;width:15px;height:15px;background:var(--paper);border:4px solid rgba(17,18,16,.78);border-radius:50%}.integrationRoutePointV8:nth-child(3)::before{background:var(--green)}.integrationRoutePointV8 small{display:block;font:700 9px var(--mono);letter-spacing:.08em;color:#c9ccc5;margin-bottom:10px}.integrationRoutePointV8 strong{display:block;font-size:clamp(21px,2vw,31px);letter-spacing:-.035em;line-height:1.05}.integrationRoutePointV8 span{display:block;font:10px var(--mono);color:#b7bbb3;margin-top:9px}
.integrationRouteStatusV8{grid-column:3/5;display:flex;justify-content:flex-end;gap:18px;margin-top:38px;font:700 9px var(--mono);letter-spacing:.06em}.integrationRouteStatusV8 span{color:var(--green)}.integrationRouteStatusV8 em{font-style:normal;color:#d6c69a}
.integrationsRouteEditorialV8{display:block;border-top:1px solid var(--ink);padding-top:40px}.integrationsRouteEditorialV8 .serviceStructureIntro{max-width:760px;margin-left:24%;padding:0}.integrationRouteStoriesV8{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:64px}.integrationRouteStoryV8{border-top:1px solid var(--line);padding-top:20px;min-height:235px;display:flex;flex-direction:column}.integrationRouteStoryV8:nth-child(2){margin-top:48px}.integrationRouteStoryV8:nth-child(3){margin-top:96px}.integrationRouteStoryV8 strong{font-size:clamp(28px,2.6vw,42px);letter-spacing:-.04em}.integrationRouteStoryV8 code{font:11px var(--mono);color:var(--muted);margin:13px 0 auto}.integrationRouteStoryV8 span{font-size:14px;line-height:1.45;color:var(--muted);padding-top:38px}.integrationRouteStoryV8 b{font-size:18px;margin-top:9px;font-weight:680}.integrationRouteStoryV8 b::before{content:"";display:inline-block;width:8px;height:8px;background:var(--green);margin-right:9px;vertical-align:1px}
.integrationsResilienceEditorialV8{grid-template-columns:5fr 7fr;min-height:620px;background:var(--dark);color:var(--paper)}.integrationResiliencePhotoV8{position:relative;min-height:620px;overflow:hidden}.integrationSecondaryPhotoV8{position:absolute;inset:0}.integrationSecondaryPhotoV8 img{object-position:35% center}.integrationResiliencePhotoV8::after{content:"";position:absolute;inset:0;background:rgba(7,8,7,.18)}.integrationRecoveryLineV8{position:absolute;z-index:2;left:8%;right:8%;bottom:7%;border-top:1px solid rgba(242,239,231,.7);padding-top:14px}.integrationRecoveryLineV8 span{font:700 10px/1.5 var(--mono);letter-spacing:.06em;color:var(--paper)}
.integrationResilienceContentV8{padding:58px 56px 48px;display:flex;flex-direction:column;justify-content:center}.integrationResilienceContentV8 .serviceEvidenceCopy{background:transparent;padding:0;max-width:760px}.integrationResilienceContentV8 .serviceEvidenceCopy>p{color:#b8bcb5;max-width:650px}.integrationStateRailV8{margin-top:42px;border-top:1px solid #3c3f38}.integrationStateItemV8{display:grid;grid-template-columns:.6fr 1.45fr 1fr auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid #2b2d28}.integrationStateItemV8 time,.integrationStateItemV8 code{font:10px var(--mono)}.integrationStateItemV8 time{color:#777d74}.integrationStateItemV8 code{color:#d8dbd4;overflow:hidden;text-overflow:ellipsis}.integrationStateItemV8 span{font-size:12px;color:#9da198}.integrationStateItemV8 strong{font:700 9px var(--mono);letter-spacing:.05em}.integrationStateItemV8 strong.ok{color:var(--green)}.integrationStateItemV8 strong.retry{color:#e5c982}
@media(max-width:1100px){
.systemsHeroEditorialV8,.webappsHeroEditorialV8{grid-template-columns:1fr;min-height:auto}.systemsHeroVisualV8{min-height:560px}.systemsRolesEditorialV8,.systemsHistoryEditorialV8{grid-template-columns:1fr;gap:34px}.systemsRolesEditorialV8 .serviceStructureIntro,.systemsRoleFieldV8,.systemsHistoryV8,.systemsHistoryCopyV8{grid-column:auto}.systemsHistoryCopyV8{padding-top:0;max-width:680px}.systemsHistoryEditorialV8{display:grid}
.webappsHeroEditorialV8 .serviceHeroCopyV8,.webappsHeroCompositionV8{grid-column:auto}.webappsHeroCompositionV8{min-height:590px}.webappsHierarchyEditorialV8{grid-template-columns:1fr;gap:34px}.webappsHierarchyEditorialV8 .serviceStructureIntro{order:1;max-width:680px}.screenStackEditorialV8{order:2}.webappsInteractionEditorialV8{grid-template-columns:1fr;min-height:auto}.webappsFlowCopyV8,.interactionFlowV8{grid-column:auto}.webappsFlowCopyV8{padding:48px 36px 28px}.interactionFlowV8{min-height:400px;padding-top:34px}
.integrationsHeroEditorialV8 .serviceHeroCopyV8,.integrationsHeroSpatialV8{grid-column:1/13}.integrationsRouteEditorialV8 .serviceStructureIntro{margin-left:12%}.integrationsResilienceEditorialV8{grid-template-columns:1fr}.integrationResiliencePhotoV8{min-height:440px}.integrationResilienceContentV8{padding:48px 36px}
}
@media(max-width:760px){
.serviceDetailPage .serviceHeroV8 h1{font-size:clamp(40px,11vw,54px);line-height:.96}.serviceDetailPage .serviceStructureV8 h2,.serviceDetailPage .serviceEvidenceV8 h2{font-size:clamp(32px,9vw,44px);line-height:1}.serviceDetailPage .serviceHeroV8{padding-top:50px;padding-bottom:44px}.serviceDetailPage .serviceStructureV8,.serviceDetailPage .serviceEvidenceV8{padding-bottom:52px}
.systemsHeroEditorialV8{gap:30px}.systemsHeroVisualV8{min-height:0;background:var(--dark)}.systemsHeroPhotoV8{position:relative;height:320px}.systemsRouteV8{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr 1fr;gap:0;padding:14px 16px 18px;background:var(--dark)}.systemsRouteV8::before{display:none}.systemsRoutePoint{padding:14px 8px 10px;border-top:1px solid #343630}.systemsRoutePoint::before{display:none}.systemsRoutePoint small{font-size:8px}.systemsRoutePoint strong{font-size:13px}.systemsRolesEditorialV8{padding-top:24px}.systemsRoleTrack{grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px 0}.systemsRoleTrack strong{grid-column:1/-1;font-size:12px;color:var(--muted)}.systemsRoleTrack i{padding-left:20px;font-size:9px}.systemsHistoryItem{grid-template-columns:.55fr 1.45fr;gap:8px 16px;padding:17px 0}.systemsHistoryItem span,.systemsHistoryItem em{grid-column:2}.systemsHistoryItem em{font-size:9px}.systemsHistoryCopyV8{padding:0}
.webappsHeroEditorialV8{gap:28px}.webappsHeroCompositionV8{display:block;min-height:0}.webappsHeroPhotoV8{height:300px;width:74%;margin:0}.webappsInterfaceSliceV8{width:86%;margin:-72px 0 0 14%;padding:0 16px 18px;min-height:0;position:relative}.webappsInterfaceSliceV8::before{margin-bottom:22px}.webappUiTopV8 strong{font-size:23px}.webappUiHeadV8,.webappUiRowV8{grid-template-columns:.5fr 1fr .9fr;gap:8px}.webappUiRowV8{font-size:11px}.webappUiActionV8 strong{font-size:20px}.webappUiActionV8 span{padding:8px;font-size:8px}.screenStackEditorialV8{min-height:390px}.screenPlaneV8{padding:14px 15px}.screenPlaneV8 strong{font-size:17px}.screenPlaneV8.level1{left:5%;right:19%;top:7%;height:76%}.screenPlaneV8.level2{left:20%;right:8%;top:21%;height:59%}.screenPlaneV8.level3{left:35%;right:3%;top:35%;height:41%}.screenPlaneV8.level4{left:50%;right:6%;top:51%;height:20%}.webappsFlowCopyV8{padding:34px 24px}.interactionFlowV8{grid-template-columns:1fr 1fr;gap:0;min-height:0;padding:16px 24px 30px}.interactionFlowV8::before{display:none}.interactionStepV8,.interactionStepV8:nth-child(even){transform:none;padding:22px 12px;border-top:1px solid #3c3f38}.interactionStepV8::before{top:17px;width:10px;height:10px;box-shadow:0 0 0 5px var(--dark)}.interactionStepV8 small{margin:0 0 24px 22px}.interactionStepV8 strong{font-size:17px}
.integrationsHeroEditorialV8{display:grid;grid-template-columns:1fr;gap:28px;padding-bottom:50px}.integrationsHeroEditorialV8 .serviceHeroCopyV8,.integrationsHeroSpatialV8{grid-column:auto}.integrationsHeroSpatialV8{min-height:0;background:var(--dark)}.integrationsHeroPhotoV8{position:relative;height:330px}.integrationRouteOverlayV8{position:relative;left:auto;right:auto;top:auto;transform:none;grid-template-columns:1fr 1fr;gap:0;padding:12px 16px 18px;background:var(--dark)}.integrationRouteOverlayV8::before{display:none}.integrationRoutePointV8{padding:15px 8px 12px;border-top:1px solid #343630}.integrationRoutePointV8::before{display:none}.integrationRoutePointV8 strong{font-size:18px}.integrationRouteStatusV8{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;margin-top:14px;padding:12px 8px 0;border-top:1px solid #343630}.integrationsRouteEditorialV8 .serviceStructureIntro{margin-left:0}.integrationRouteStoriesV8{grid-template-columns:1fr;gap:0;margin-top:42px}.integrationRouteStoryV8,.integrationRouteStoryV8:nth-child(2),.integrationRouteStoryV8:nth-child(3){margin-top:0;min-height:0;padding:20px 0}.integrationRouteStoryV8 code{margin:10px 0 24px}.integrationRouteStoryV8 span{padding-top:0}.integrationResiliencePhotoV8{min-height:300px}.integrationResilienceContentV8{padding:34px 24px}.integrationStateRailV8{margin-top:30px}.integrationStateItemV8{grid-template-columns:.6fr 1.5fr auto;gap:10px}.integrationStateItemV8 span{display:none}.integrationRecoveryLineV8{left:6%;right:6%;bottom:5%}
}
body:has(.v8Site){--header:104px}
body:has(.v8Site) .siteHeader{height:var(--header);background:transparent;border-bottom:0;backdrop-filter:none;padding:14px var(--pad)}
body:has(.v8Site) .headerInner{max-width:1760px;height:76px;padding:0 24px;background:rgba(248,246,239,.97);border:1px solid rgba(17,18,16,.06);box-shadow:0 14px 34px rgba(17,18,16,.08);grid-template-columns:minmax(190px,1fr) auto minmax(310px,1fr);gap:30px}
body:has(.v8Site) .brand{font-size:24px;letter-spacing:-.045em}
body:has(.v8Site) .desktopNav{justify-self:center;gap:8px;font-size:14px}
body:has(.v8Site) .desktopNav a{padding:11px 16px;border-radius:999px;transition:background .18s var(--ease),transform .18s var(--ease)}
body:has(.v8Site) .desktopNav a:hover{background:#ece9e1}
body:has(.v8Site) .desktopNav a[aria-current="page"]{background:#e2dfd7;font-weight:700}
body:has(.v8Site) .desktopNav a[aria-current="page"]::after{display:none}
body:has(.v8Site) .headerTools{justify-self:end;gap:14px}
body:has(.v8Site) .lang{gap:2px;padding:4px;background:#e9e6de;border-radius:999px;color:#5d615b}
body:has(.v8Site) .lang a{min-width:34px;padding:8px 9px;border-radius:999px}
body:has(.v8Site) .lang a.active{background:#fff;box-shadow:0 2px 10px rgba(17,18,16,.08)}
body:has(.v8Site) .headerCta{min-height:52px;padding:0 28px;border-radius:999px;font-size:15px}
.pinnedCopyV8 h3,.processIntroV8 h2,.workPreviewV8>div:first-child h2,.aboutPreviewV8 h2,.contactArchitecture h2,.serviceIndexV8 h2,.workTypeHead h2,.aboutHeroV8 h1,.contactHeroV8 h1{margin-top:0}
.pageIntroV8{padding-top:72px}
.heroSystemV8{grid-template-rows:170px minmax(330px,1fr) auto;gap:18px}
.homeHeroPhotoV8{overflow:hidden;min-height:0}
.homeHeroPhotoV8 img{object-position:center 43%}
.workPreviewDiagram{display:grid;grid-template-columns:.42fr .58fr;gap:14px;align-items:stretch}
.workPreviewPhotoV8{min-height:420px;overflow:hidden}
.workPreviewPhotoV8 img{object-position:center 50%}
.workPreviewDiagram .systemVisual{min-height:420px}
.aboutPreviewMedia img{object-position:center 48%}
.serviceIndexV8{grid-template-columns:.64fr .6fr .76fr;gap:18px;align-items:stretch;min-height:540px}
.serviceIndexV8>div:first-child{grid-column:1;grid-row:1;padding-right:36px}
.serviceIndexPhotoV8{grid-column:2;grid-row:1;min-height:480px;overflow:hidden;background:#d6d2c9}
.serviceIndexV8>.systemVisual{grid-column:3;grid-row:1;min-height:480px}
.serviceIndexPhotoSystemsV8 img{object-position:62% center}
.serviceIndexV8.service-webapps{grid-template-columns:.72fr .62fr .66fr}
.serviceIndexV8.service-webapps>div:first-child{grid-column:3;grid-row:1;padding:32px 0 32px 34px}
.serviceIndexV8.service-webapps>.serviceIndexPhotoV8{grid-column:1;grid-row:1}
.serviceIndexV8.service-webapps>.systemVisual{grid-column:2;grid-row:1}
.serviceIndexPhotoWebappsV8 img{object-position:center center}
.serviceIndexV8.service-integrations{grid-template-columns:.62fr .72fr .66fr}
.serviceIndexV8.service-integrations>div:first-child{grid-column:1;grid-row:1}
.serviceIndexV8.service-integrations>.systemVisual{grid-column:2;grid-row:1}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8{grid-column:3;grid-row:1}
.serviceIndexPhotoIntegrationsV8 img{object-position:65% center}
.workTypeVisual{display:grid;grid-template-columns:.42fr .58fr;gap:12px;min-width:0}
.workTypePhotoV8{min-height:380px;overflow:hidden}
.workTypePhotoV8 img{object-position:center center}
.workTypeV8:nth-child(1) .workTypePhotoV8 img{object-position:center 44%}
.workTypeV8:nth-child(2) .workTypePhotoV8 img{object-position:center center}
.workTypeV8:nth-child(3) .workTypePhotoV8 img{object-position:62% center}
.workTypeVisual .systemVisual{min-height:380px}
.contactV8,.contactSubmitV8{background:#121310;color:var(--paper);overflow:hidden}
.contactArchitecture,.contactSubmitV8>div:first-child{padding:clamp(44px,5.4vw,82px)}
.contactV8 h2,.contactSubmitV8 h2{font-family:var(--sans);font-size:clamp(52px,5.5vw,88px);line-height:.92;letter-spacing:-.05em;font-weight:760;max-width:620px;margin:0 0 28px}
.contactArchitecture>p,.contactSubmitV8>div:first-child p{color:#aeb3aa;font-size:17px;line-height:1.6;max-width:560px}
.contactFacts{margin-top:46px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.contactFacts a,.contactFacts span{font-size:16px;color:#d6d9d2}
.contactV8 .contactFormPanel,.contactSubmitV8 .contactFormPanel{padding:clamp(38px,4.4vw,68px);background:#1b1d19;display:flex;align-items:center}
.contactV8 .contactForm,.contactSubmitV8 .contactForm{width:100%;gap:16px}
.contactV8 .contactForm label,.contactSubmitV8 .contactForm label{gap:9px;color:#d1d4cd;font-size:11px}
.contactV8 .contactForm input,.contactV8 .contactForm textarea,.contactSubmitV8 .contactForm input,.contactSubmitV8 .contactForm textarea{background:#292b27;border-color:rgba(255,255,255,.06);min-height:58px;padding:16px 18px}
.contactV8 .contactForm textarea,.contactSubmitV8 .contactForm textarea{min-height:160px}
.contactV8 .contactForm .primaryCta,.contactSubmitV8 .contactForm .primaryCta{min-height:66px;border-radius:0;font-size:16px;margin-top:0}
@media(max-width:1100px){
body:has(.v8Site){--header:96px}
body:has(.v8Site) .siteHeader{padding:10px var(--pad)}
body:has(.v8Site) .headerInner{height:76px;grid-template-columns:180px 1fr auto;padding:0 18px;gap:16px}
body:has(.v8Site) .desktopNav{gap:2px}
body:has(.v8Site) .desktopNav a{padding-inline:10px}
body:has(.v8Site) .headerCta{padding-inline:20px}
.serviceIndexV8,.serviceIndexV8.service-webapps,.serviceIndexV8.service-integrations{grid-template-columns:1fr 1fr;gap:14px}
.serviceIndexV8>div:first-child,.serviceIndexV8.service-webapps>div:first-child,.serviceIndexV8.service-integrations>div:first-child{grid-column:1/-1;grid-row:auto;padding:28px 0 18px}
.serviceIndexV8>.serviceIndexPhotoV8,.serviceIndexV8.service-webapps>.serviceIndexPhotoV8,.serviceIndexV8.service-integrations>.serviceIndexPhotoV8{grid-column:1;grid-row:auto;min-height:360px}
.serviceIndexV8>.systemVisual,.serviceIndexV8.service-webapps>.systemVisual,.serviceIndexV8.service-integrations>.systemVisual{grid-column:2;grid-row:auto;min-height:360px}
.workTypeVisual{grid-template-columns:.46fr .54fr}
}
@media(max-width:760px){
body:has(.v8Site){--header:76px}
body:has(.v8Site) .siteHeader{padding:8px 10px}
body:has(.v8Site) .headerInner{height:60px;grid-template-columns:1fr auto;padding:0 16px;border-radius:0;box-shadow:0 8px 24px rgba(17,18,16,.07)}
body:has(.v8Site) .brand{font-size:20px}
.pageIntroV8{padding-top:46px}
.heroSystemV8{grid-template-rows:120px 250px auto;gap:12px;padding:14px}
.homeHeroPhotoV8{height:120px}
.workPreviewDiagram{grid-template-columns:1fr;gap:10px;padding:12px}
.workPreviewPhotoV8{min-height:180px;height:180px}
.workPreviewDiagram .systemVisual{min-height:300px;height:300px}
.serviceIndexV8,.serviceIndexV8.service-webapps,.serviceIndexV8.service-integrations{grid-template-columns:1fr;gap:10px}
.serviceIndexV8>.serviceIndexPhotoV8,.serviceIndexV8.service-webapps>.serviceIndexPhotoV8,.serviceIndexV8.service-integrations>.serviceIndexPhotoV8{grid-column:1;min-height:230px;height:230px}
.serviceIndexV8>.systemVisual,.serviceIndexV8.service-webapps>.systemVisual,.serviceIndexV8.service-integrations>.systemVisual{grid-column:1;min-height:330px}
.workTypeVisual{grid-template-columns:1fr;gap:10px}
.workTypePhotoV8{min-height:210px;height:210px}
.workTypeVisual .systemVisual{min-height:330px}
.contactV8{margin:0 var(--pad)}
.contactArchitecture,.contactSubmitV8>div:first-child{padding:38px 24px}
.contactV8 h2,.contactSubmitV8 h2{font-size:clamp(44px,12vw,60px);line-height:.94}
.contactV8 .contactFormPanel,.contactSubmitV8 .contactFormPanel{padding:28px 22px}
}
@media(max-width:900px) and (min-width:761px){
body:has(.v8Site){--header:76px}
body:has(.v8Site) .siteHeader{padding:8px 16px}
body:has(.v8Site) .headerInner{height:60px;grid-template-columns:1fr auto;padding:0 18px}
body:has(.v8Site) .desktopNav,body:has(.v8Site) .headerCta,body:has(.v8Site) .headerTools>.lang{display:none}
body:has(.v8Site) .menuBtn{display:block}
}
.homeHeroPhotoV8 img{object-position:center 56%}
.workPreviewPhotoV8 img{object-position:center 52%}
.aboutPreviewMedia img{object-position:center 52%}
.serviceIndexPhotoSystemsV8 img{object-position:30% center}
.serviceIndexPhotoWebappsV8 img{object-position:center 28%}
.serviceIndexPhotoIntegrationsV8 img{object-position:58% center}
.systemsHeroPhotoV8 img{object-position:center 48%}
.systemsHistoryEditorialV8{grid-template-columns:repeat(12,1fr);gap:28px}
.systemsHistoryV8{grid-column:1/7}
.systemsHistoryPhotoV8{grid-column:7/10;min-height:440px;overflow:hidden;background:#1b1c19}
.systemsHistoryPhotoV8 img{object-position:center 45%}
.systemsHistoryCopyV8{grid-column:10/13}
.webappsHeroPhotoV8 img{object-position:center 42%}
.webappsHierarchyPhotoV8{position:absolute;inset:0;z-index:0;opacity:.56}
.webappsHierarchyPhotoV8 img{object-position:center 28%}
.screenStackEditorialV8::before{z-index:2}
.screenPlaneV8{z-index:3}
.integrationsHeroPhotoV8 img{object-position:center 54%}
.integrationSecondaryPhotoV8 img{object-position:52% center}
.workTypeV8:nth-child(1) .workTypePhotoV8 img{object-position:24% center}
.workTypeV8:nth-child(2) .workTypePhotoV8 img{object-position:center 26%}
.workTypeV8:nth-child(3) .workTypePhotoV8 img{object-position:56% center}
.aboutFactsV8>div:first-child .responsiveMedia img{object-position:center 52%}
@media(max-width:1100px){
.systemsHistoryV8,.systemsHistoryPhotoV8,.systemsHistoryCopyV8{grid-column:auto}
.systemsHistoryPhotoV8{min-height:360px;height:360px}
.webappsHierarchyPhotoV8 img{object-position:center 24%}
}
@media(max-width:760px){
.systemsHistoryPhotoV8{min-height:230px;height:230px}
.systemsHistoryPhotoV8 img{object-position:center 42%}
.webappsHierarchyPhotoV8{opacity:.48}
.webappsHierarchyPhotoV8 img{object-position:center 22%}
}
.serviceIndexPhotoSystemsV8 img{object-position:center 56%}
.serviceIndexPhotoWebappsV8 img{object-position:center 44%}
.webappsHeroPhotoV8 img{object-position:center 48%}
.workTypeV8:nth-child(1) .workTypePhotoV8 img{object-position:center 52%}
.serviceIndexPhotoSystemsV8 img{object-position:center 50%}
.workTypeV8:nth-child(1) .workTypePhotoV8 img{object-position:center 56%}
.contactBlueprint .responsiveMedia img{object-position:42% center}
.workTypesV8 .workTypeV8{
grid-template-columns:minmax(230px,.58fr) minmax(420px,1.42fr);
column-gap:clamp(34px,4vw,64px);
row-gap:30px;
align-items:start;
}
.workTypesV8 .workTypeHead{grid-column:1;grid-row:1}
.workTypesV8 .workTypeV8>dl{grid-column:2;grid-row:1}
.workTypesV8 .workTypeVisual{
grid-column:1/-1;
grid-row:2;
gap:clamp(18px,2vw,30px);
align-items:start;
}
.workTypesV8 .workTypePhotoV8{
min-height:0;
height:auto;
overflow:visible;
align-self:start;
background:transparent;
}
.workTypesV8 .workTypePhotoV8 img{
display:block;
width:100%;
height:auto;
max-width:100%;
object-fit:contain;
object-position:center;
}
.workTypesV8 .workTypeVisual .systemVisual{align-self:center;min-height:420px}
.workTypesV8 .workTypeV8:nth-child(1) .workTypeVisual{grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr)}
.workTypesV8 .workTypeV8:nth-child(2) .workTypeVisual{grid-template-columns:minmax(0,1.48fr) minmax(320px,.52fr)}
.workTypesV8 .workTypeV8:nth-child(2) .workTypeVisual .systemVisual{min-height:460px}
.workTypesV8 .workTypeV8:nth-child(3) .workTypeVisual{grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)}
@media(max-width:1100px){
.workTypesV8 .workTypeV8{grid-template-columns:minmax(200px,.62fr) minmax(0,1.38fr);row-gap:26px}
.workTypesV8 .workTypeVisual,
.workTypesV8 .workTypeV8:nth-child(1) .workTypeVisual,
.workTypesV8 .workTypeV8:nth-child(2) .workTypeVisual,
.workTypesV8 .workTypeV8:nth-child(3) .workTypeVisual{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}
.workTypesV8 .workTypeV8:nth-child(2) .workTypeVisual{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
}
@media(max-width:760px){
.workTypesV8 .workTypeV8{grid-template-columns:1fr;row-gap:20px}
.workTypesV8 .workTypeHead,.workTypesV8 .workTypeV8>dl,.workTypesV8 .workTypeVisual{grid-column:1;grid-row:auto}
.workTypesV8 .workTypeVisual,
.workTypesV8 .workTypeV8:nth-child(1) .workTypeVisual,
.workTypesV8 .workTypeV8:nth-child(2) .workTypeVisual,
.workTypesV8 .workTypeV8:nth-child(3) .workTypeVisual{grid-template-columns:1fr;gap:14px}
.workTypesV8 .workTypePhotoV8{height:auto;min-height:0}
.workTypesV8 .workTypePhotoV8 img{height:auto;object-fit:contain;object-position:center}
.workTypesV8 .workTypeVisual .systemVisual,
.workTypesV8 .workTypeV8:nth-child(2) .workTypeVisual .systemVisual{min-height:320px}
}
html[data-theme="warm"]{
--page-bg:#f2efe7;--page-text:#111210;--page-muted:#62665f;--page-border:rgba(17,18,16,.15);--header-bg:rgba(242,239,231,.94)
}
html[data-theme="cool"]{
--page-bg:#e8ecea;--page-text:#111411;--page-muted:#59605b;--page-border:rgba(17,20,17,.14);--header-bg:rgba(232,236,234,.94)
}
html[data-theme="dark"]{
--page-bg:#121310;--page-text:#f2efe7;--page-muted:#a9aea6;--page-border:rgba(242,239,231,.14);--header-bg:rgba(18,19,16,.92)
}
html[data-theme="dark"] .siteHeader .brand,
html[data-theme="dark"] .desktopNav a,
html[data-theme="dark"] .lang a.active{color:#f2efe7}
html[data-theme="dark"] .lang{color:#a7aca3}
html[data-theme="dark"] .menuBtn i,
html[data-theme="dark"] .menuBtn i::after{background:#f2efe7}
html[data-theme="dark"] .mobileMenu{background:#151613;color:#f2efe7;border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .footerV8{background:#121310;color:#f2efe7;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .footerV8 .footerGroup>span,
html[data-theme="dark"] .footerV8 p{color:#aeb3aa}
.heroV8 h1{font-weight:600;letter-spacing:-.047em}
.pageIntroV8 h1,.aboutHeroV8 h1,.contactHeroV8 h1{font-family:var(--sans);font-weight:500;letter-spacing:-.04em;line-height:.98}
.servicesV8 h2,.processV8 h2,.workPreviewV8 h2,.aboutPreviewV8 h2,.contactV8 h2,
.operatingPrinciplesV8 h2,.aboutFactsV8 h2,.contactSubmitV8 h2,.serviceStructureV8 h2,
.serviceEvidenceV8 h2,.serviceContactV8 h2,.pinnedCopyV8 h3{font-family:var(--sans);font-weight:500;letter-spacing:-.04em}
.serviceHeroV8 h1{font-weight:600;letter-spacing:-.042em}
.techLabel,.lang,.serviceStructureItems article>span,.appColumns,.webappUiHeadV8,
.integrationRoutePointV8 small,.systemsRoutePoint small{font-family:var(--mono)}
@media(min-width:1101px){
.heroV8{grid-template-columns:1.02fr .98fr;gap:clamp(36px,4vw,72px);padding-top:86px;padding-bottom:70px}
.heroSystemV8{position:relative;display:block;min-height:650px;padding:38px 32px 34px;overflow:visible;background:#191a17}
.homeHeroPhotoV8{position:absolute;z-index:1;left:-8%;top:7%;width:54%;height:46%;overflow:hidden;border:1px solid rgba(242,239,231,.16)}
.homeHeroPhotoV8 img{object-position:center 54%}
.heroSystemV8>.systemVisual{position:relative;z-index:2;width:88%;min-height:440px;margin:16% 0 0 12%;border:1px solid rgba(242,239,231,.14);box-shadow:0 28px 70px rgba(0,0,0,.24)}
.heroSystemV8>p{position:relative;z-index:3;margin:24px 0 0 12%;max-width:78%}
}
.pinnedServiceV8 .workflowVisual,.serviceIndexV8 .workflowVisual,.aboutSystemMap .workflowVisual{
background:#dedbd1;overflow:visible;border:1px solid rgba(17,18,16,.12)
}
.pinnedServiceV8 .workflowVisual::before,.serviceIndexV8 .workflowVisual::before,.aboutSystemMap .workflowVisual::before{
content:"";position:absolute;z-index:-1;left:7%;right:9%;top:9%;bottom:10%;background:#f4f1e9;border:1px solid rgba(17,18,16,.12);transform:translate(18px,14px)
}
.pinnedServiceV8 .workflowVisual::after,.serviceIndexV8 .workflowVisual::after,.aboutSystemMap .workflowVisual::after{
content:"";position:absolute;right:5%;top:7%;width:25%;height:15%;background:#cbc7bc;border-top:2px solid #111210;border-bottom:1px solid rgba(17,18,16,.16)
}
.pinnedServiceV8 .workflowVisual .flowNode,.serviceIndexV8 .workflowVisual .flowNode,.aboutSystemMap .workflowVisual .flowNode,
.pinnedServiceV8 .workflowVisual .flowDecision,.serviceIndexV8 .workflowVisual .flowDecision,.aboutSystemMap .workflowVisual .flowDecision{
border:0;border-top:2px solid #111210;box-shadow:0 14px 34px rgba(17,18,16,.10);padding:18px 20px;background:#f8f5ed
}
.pinnedServiceV8 .workflowVisual .flowNode.n2,.serviceIndexV8 .workflowVisual .flowNode.n2,.aboutSystemMap .workflowVisual .flowNode.n2{z-index:4;min-width:176px;transform:translate(-8px,-8px)}
.pinnedServiceV8 .workflowVisual .flowNode.n3,.serviceIndexV8 .workflowVisual .flowNode.n3,.aboutSystemMap .workflowVisual .flowNode.n3{z-index:3}
.pinnedServiceV8 .workflowVisual .flowNode.n4,.serviceIndexV8 .workflowVisual .flowNode.n4,.aboutSystemMap .workflowVisual .flowNode.n4{background:#20211e;color:#f2efe7;border-top-color:var(--green)}
.pinnedServiceV8 .workflowVisual .flowNode.n4 small,.pinnedServiceV8 .workflowVisual .flowNode.n4 span,
.serviceIndexV8 .workflowVisual .flowNode.n4 small,.serviceIndexV8 .workflowVisual .flowNode.n4 span,
.aboutSystemMap .workflowVisual .flowNode.n4 small,.aboutSystemMap .workflowVisual .flowNode.n4 span{color:#aeb3aa}
.pinnedServiceV8 .workflowVisual .flowDecision,.serviceIndexV8 .workflowVisual .flowDecision,.aboutSystemMap .workflowVisual .flowDecision{background:var(--green);box-shadow:0 18px 38px rgba(80,100,42,.14)}
.workflowVisual.is-visible .flowNode.n1{animation:workflowState .42s var(--ease) .08s both}
.workflowVisual.is-visible .flowNode.n2{animation:workflowState .42s var(--ease) .24s both}
.workflowVisual.is-visible .flowNode.n3{animation:workflowState .42s var(--ease) .40s both}
.workflowVisual.is-visible .flowNode.n4{animation:workflowStateDark .42s var(--ease) .56s both}
.workflowVisual.is-visible .flowDecision{animation:workflowState .42s var(--ease) .72s both}
@keyframes workflowState{from{opacity:.55;filter:grayscale(1);transform:translateY(10px)}to{opacity:1;filter:none}}
@keyframes workflowStateDark{from{opacity:.55;transform:translateY(10px)}to{opacity:1}}
.serviceIndexV8.service-systems{grid-template-columns:.78fr 1.22fr;gap:clamp(34px,4vw,70px);align-items:center}
.serviceIndexV8.service-systems>div:first-child{grid-column:1;padding-right:0}
.serviceIndexV8.service-systems>.systemVisual{grid-column:2;min-height:520px}
.serviceIndexV8.service-webapps{grid-template-columns:.72fr .62fr .66fr}
.serviceIndexV8.service-integrations{grid-template-columns:.58fr .72fr .70fr}
.serviceIndexPhotoIntegrationsV8{min-height:520px}
.serviceIndexPhotoIntegrationsV8 img{object-position:center 46%}
.pinnedServiceV8 .appVisual,.serviceIndexV8 .appVisual{
overflow:visible;background:#cfd4d1;padding:32px 36px 36px;border:1px solid rgba(17,18,16,.12)
}
.pinnedServiceV8 .appVisual::before,.serviceIndexV8 .appVisual::before{
content:"";position:absolute;left:9%;right:5%;top:6%;bottom:7%;z-index:-1;background:#bfc6c1;border:1px solid rgba(17,18,16,.10);transform:translate(18px,18px)
}
.pinnedServiceV8 .appTop,.serviceIndexV8 .appTop{position:relative;z-index:3;border-top:2px solid #111210;box-shadow:0 14px 30px rgba(17,18,16,.08)}
.pinnedServiceV8 .appBody,.serviceIndexV8 .appBody{position:relative;z-index:2;grid-template-columns:72px 1fr;overflow:visible;box-shadow:0 24px 50px rgba(17,18,16,.12)}
.pinnedServiceV8 .appMain,.serviceIndexV8 .appMain{padding-right:142px}
.pinnedServiceV8 .appInspector,.serviceIndexV8 .appInspector{position:absolute;right:-22px;top:72px;width:210px;min-height:205px;z-index:5;background:#20211e;color:#f2efe7;border-top:3px solid var(--green);box-shadow:0 24px 44px rgba(17,18,16,.22)}
.pinnedServiceV8 .appInspector small,.pinnedServiceV8 .appInspector span,.serviceIndexV8 .appInspector small,.serviceIndexV8 .appInspector span{color:#aeb3aa}
.pinnedServiceV8 .appRow.active,.serviceIndexV8 .appRow.active{background:#fff;box-shadow:inset 4px 0 0 var(--green),0 9px 22px rgba(17,18,16,.07);transform:translateX(8px)}
.pinnedServiceV8 .appRow,.serviceIndexV8 .appRow{transition:transform .35s var(--ease),background-color .35s var(--ease),box-shadow .35s var(--ease)}
.appVisual.is-visible .appRow:nth-of-type(3){transform:translateX(4px)}
.webappsHeroCompositionV8{overflow:visible}
.webappsHeroPhotoV8{box-shadow:0 28px 64px rgba(17,18,16,.16)}
.webappsInterfaceSliceV8{box-shadow:0 34px 74px rgba(17,18,16,.18);transform:translateY(16px);border-left:1px solid rgba(17,18,16,.14);border-right:1px solid rgba(17,18,16,.14)}
.webappUiRowV8:nth-of-type(3){background:#fff;box-shadow:inset 4px 0 0 var(--green);padding-left:12px}
.screenPlaneV8{box-shadow:0 20px 42px rgba(17,18,16,.12);border-left:1px solid rgba(17,18,16,.12);border-right:1px solid rgba(17,18,16,.12)}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8{min-height:520px;overflow:hidden}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8 img{object-position:center center}
.serviceIndexV8.service-integrations>.integrationVisualV8{box-shadow:0 28px 64px rgba(0,0,0,.18)}
.systemsHeroVisualV8{box-shadow:0 28px 70px rgba(17,18,16,.14)}
.systemsRouteV8{backdrop-filter:blur(2px)}
.systemsRoutePoint strong{font-size:15px}
.integrationsHeroSpatialV8{box-shadow:0 30px 74px rgba(17,18,16,.18)}
.integrationRouteOverlayV8{padding:20px 26px 24px;background:rgba(17,18,16,.62);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.aboutFactsV8>div:first-child{overflow:hidden;background:#171815}
.aboutFactsV8>div:first-child .responsiveMedia img{object-position:center 44%}
.contactV8,.contactSubmitV8,.serviceContactV8{position:relative;background:#11120f;color:#f2efe7;border-top:1px solid rgba(255,255,255,.12);overflow:hidden}
.contactV8::before,.contactSubmitV8::before,.serviceContactV8::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:3px;background:var(--green);transform:scaleX(.18);transform-origin:left center}
.contactArchitecture,.contactSubmitV8>div:first-child,.serviceContactV8>div:first-child{position:relative;padding:clamp(52px,6vw,92px);background:#11120f}
.contactV8 h2,.contactSubmitV8 h2,.serviceContactV8 h2{font-family:var(--sans);font-size:clamp(50px,5.5vw,88px);line-height:.94;letter-spacing:-.048em;font-weight:600;max-width:650px;margin:0 0 28px}
.contactArchitecture>p,.contactSubmitV8>div:first-child p,.serviceContactV8>div:first-child p{color:#aeb3aa;font-size:16px;line-height:1.65;max-width:560px}
.contactFacts{border-color:rgba(255,255,255,.14)}
.contactV8 .contactFormPanel,.contactSubmitV8 .contactFormPanel,.serviceContactV8 .contactFormPanel{position:relative;padding:clamp(48px,5vw,78px);background:#151713;border-left:1px solid rgba(255,255,255,.10);display:flex;align-items:center}
.contactV8 .contactForm,.contactSubmitV8 .contactForm,.serviceContactV8 .contactForm{gap:18px}
.contactV8 .contactForm label,.contactSubmitV8 .contactForm label,.serviceContactV8 .contactForm label{gap:8px;color:#aeb3aa;font:500 10px/1.35 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.contactV8 .contactForm input,.contactV8 .contactForm textarea,
.contactSubmitV8 .contactForm input,.contactSubmitV8 .contactForm textarea,
.serviceContactV8 .contactForm input,.serviceContactV8 .contactForm textarea{
background:#1b1d19;border:1px solid rgba(255,255,255,.12);border-radius:0;color:#f2efe7;min-height:60px;padding:16px 18px;transition:border-color .2s,background-color .2s,box-shadow .2s
}
.contactV8 .contactForm input:hover,.contactV8 .contactForm textarea:hover,
.contactSubmitV8 .contactForm input:hover,.contactSubmitV8 .contactForm textarea:hover,
.serviceContactV8 .contactForm input:hover,.serviceContactV8 .contactForm textarea:hover{background:#1f211d;border-color:rgba(255,255,255,.22)}
.contactV8 .contactForm input:focus,.contactV8 .contactForm textarea:focus,
.contactSubmitV8 .contactForm input:focus,.contactSubmitV8 .contactForm textarea:focus,
.serviceContactV8 .contactForm input:focus,.serviceContactV8 .contactForm textarea:focus{border-color:var(--green);box-shadow:0 0 0 1px var(--green);background:#1f211d}
.contactV8 .contactForm textarea,.contactSubmitV8 .contactForm textarea,.serviceContactV8 .contactForm textarea{min-height:170px}
.contactV8 .contactForm .primaryCta,.contactSubmitV8 .contactForm .primaryCta,.serviceContactV8 .contactForm .primaryCta{position:relative;min-height:68px;margin-top:4px;justify-content:space-between;padding-inline:22px;font-size:15px;letter-spacing:-.01em}
.serviceContactV8{grid-template-columns:.76fr 1.24fr}
html[data-theme="dark"] .pinnedServiceV8.service-integrations{background:#121310;border-color:rgba(255,255,255,.12);box-shadow:none}
html[data-theme="dark"] .serviceIndexV8.service-integrations{color:#f2efe7}
html[data-theme="dark"] .serviceIndexV8.service-integrations>div:first-child p{color:#aeb3aa}
html[data-theme="dark"] .serviceHeroV8.service-integrations{color:#f2efe7}
html[data-theme="dark"] .serviceHeroV8.service-integrations .lead,
html[data-theme="dark"] .serviceHeroV8.service-integrations .serviceHeroCopyV8>p:not(.lead){color:#b4b9b0}
html[data-theme="dark"] .serviceHeroV8.service-integrations .primaryCta{background:var(--green);color:#111210}
@media(max-width:1100px){
.serviceIndexV8.service-systems{grid-template-columns:1fr 1.15fr;gap:24px}
.serviceIndexV8.service-systems>div:first-child{grid-column:1;grid-row:1}
.serviceIndexV8.service-systems>.systemVisual{grid-column:2;grid-row:1;min-height:420px}
.pinnedServiceV8 .appMain,.serviceIndexV8 .appMain{padding-right:116px}
.pinnedServiceV8 .appInspector,.serviceIndexV8 .appInspector{right:-14px;width:180px}
.contactV8 .contactFormPanel,.contactSubmitV8 .contactFormPanel,.serviceContactV8 .contactFormPanel{border-left:0;border-top:1px solid rgba(255,255,255,.10)}
}
@media(max-width:760px){
html{transition-duration:.25s}body,.siteHeader{transition-duration:.25s}
.heroSystemV8{position:relative;display:grid;overflow:hidden}
.homeHeroPhotoV8{position:relative;inset:auto;width:auto;height:120px}
.heroSystemV8>.systemVisual{margin:0;width:100%;box-shadow:none}
.heroSystemV8>p{margin:0;max-width:none}
.serviceIndexV8.service-systems{grid-template-columns:1fr;gap:14px}
.serviceIndexV8.service-systems>div:first-child,.serviceIndexV8.service-systems>.systemVisual{grid-column:1;grid-row:auto}
.serviceIndexV8.service-systems>.systemVisual{min-height:330px}
.pinnedServiceV8 .workflowVisual::after,.serviceIndexV8 .workflowVisual::after,.aboutSystemMap .workflowVisual::after{display:none}
.pinnedServiceV8 .workflowVisual::before,.serviceIndexV8 .workflowVisual::before,.aboutSystemMap .workflowVisual::before{left:4%;right:4%;transform:translate(8px,8px)}
.pinnedServiceV8 .appVisual,.serviceIndexV8 .appVisual{padding:10px;overflow:hidden}
.pinnedServiceV8 .appBody,.serviceIndexV8 .appBody{grid-template-columns:38px 1fr;box-shadow:none}
.pinnedServiceV8 .appMain,.serviceIndexV8 .appMain{padding:12px}
.pinnedServiceV8 .appInspector,.serviceIndexV8 .appInspector{display:none}
.webappsInterfaceSliceV8{transform:none;box-shadow:0 18px 38px rgba(17,18,16,.14)}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8{min-height:260px;height:260px}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8 img{object-position:center center}
.aboutFactsV8>div:first-child .responsiveMedia img{object-position:center 36%}
.contactV8::before,.contactSubmitV8::before,.serviceContactV8::before{left:20px;right:20px}
.contactArchitecture,.contactSubmitV8>div:first-child,.serviceContactV8>div:first-child{padding:42px 24px}
.contactV8 h2,.contactSubmitV8 h2,.serviceContactV8 h2{font-size:clamp(42px,11vw,58px)}
.contactV8 .contactFormPanel,.contactSubmitV8 .contactFormPanel,.serviceContactV8 .contactFormPanel{padding:30px 22px}
}
@media(prefers-reduced-motion:reduce){
html,body,.siteHeader,.appRow{transition:none!important}
.workflowVisual.is-visible .flowNode,.workflowVisual.is-visible .flowDecision{animation:none!important;filter:none!important;opacity:1!important}
}
:root{
--header-surface:rgba(242,239,231,.96);
--header-text:#111210;
--header-muted:#62665f;
--header-border:rgba(17,18,16,.16);
}
html[data-theme="warm"]{--header-surface:rgba(242,239,231,.96);--header-text:#111210;--header-muted:#62665f;--header-border:rgba(17,18,16,.16)}
html[data-theme="cool"]{--header-surface:rgba(232,236,234,.96);--header-text:#111411;--header-muted:#59605b;--header-border:rgba(17,20,17,.16)}
html[data-theme="dark"]{--header-surface:rgba(18,19,16,.96);--header-text:#f4f2eb;--header-muted:#aeb3aa;--header-border:rgba(242,239,231,.16)}
.siteHeader{background:var(--header-surface);color:var(--header-text);border-color:var(--header-border);box-shadow:0 8px 26px rgba(17,18,16,.04)}
.siteHeader .brand,.siteHeader .desktopNav a{color:var(--header-text)}
.siteHeader .lang{color:var(--header-muted)}
.siteHeader .lang a.active{color:var(--header-text)}
.siteHeader .menuBtn i,.siteHeader .menuBtn i::after{background:var(--header-text)}
.siteHeader .headerCta{background:var(--green);color:#111210}
.siteHeader .mobileMenu{background:var(--header-surface);color:var(--header-text);border-color:var(--header-border)}
.siteHeader .mobileMenu nav a{color:var(--header-text)}
body{font-family:var(--sans);font-weight:400}
.brand{font-weight:800;letter-spacing:-.045em}
.heroV8 h1{font-weight:700;letter-spacing:-.055em;line-height:.91}
.pageIntroV8 h1,.aboutHeroV8 h1,.contactHeroV8 h1{font-weight:600;letter-spacing:-.045em;line-height:.98}
.serviceHeroV8 h1{font-weight:700;letter-spacing:-.047em}
.servicesV8 h2,.processV8 h2,.workPreviewV8 h2,.aboutPreviewV8 h2,.contactV8 h2,
.operatingPrinciplesV8 h2,.aboutFactsV8 h2,.contactSubmitV8 h2,.serviceStructureV8 h2,
.serviceEvidenceV8 h2,.serviceContactV8 h2,.pinnedCopyV8 h3{font-weight:600;letter-spacing:-.045em}
.lead{letter-spacing:-.015em}
.techLabel,.lang,.flowNode small,.integrationNode small,.integrationHub small,.flowDecision span,
.appColumns,.integrationRoutePointV8 small,.systemsRoutePoint small,.legalIdentity{font-family:var(--mono)}
@media(min-width:1101px){
.pageIntroV8{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding-top:96px;padding-bottom:82px;align-items:end}
.pageIntroV8 h1{grid-column:1/9;max-width:none}
.pageIntroV8>p{grid-column:9/13;min-width:0;max-width:520px;margin-left:auto}
.aboutHeroV8{grid-template-columns:1.12fr .88fr;gap:clamp(56px,6vw,104px);padding-top:104px;padding-bottom:92px}
.contactHeroV8{grid-template-columns:.76fr 1.24fr;gap:clamp(50px,5vw,92px);padding-top:104px}
}
.systemVisual{border:1px solid rgba(17,18,16,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.workflowVisual{isolation:isolate}
.pinnedServiceV8 .workflowVisual::after,.serviceIndexV8 .workflowVisual::after{display:none}
.pinnedServiceV8 .workflowVisual::before,.serviceIndexV8 .workflowVisual::before{
left:8%;right:6%;top:12%;bottom:8%;transform:translate(18px,16px);background:#ece8de;border:0;border-top:1px solid rgba(17,18,16,.18)
}
.pinnedServiceV8 .workflowVisual .flowNode,.serviceIndexV8 .workflowVisual .flowNode,
.pinnedServiceV8 .workflowVisual .flowDecision,.serviceIndexV8 .workflowVisual .flowDecision{
box-shadow:0 18px 38px rgba(17,18,16,.11);padding:20px 22px
}
.pinnedServiceV8 .workflowVisual .flowNode.n1,.serviceIndexV8 .workflowVisual .flowNode.n1{z-index:2;transform:translateY(10px)}
.pinnedServiceV8 .workflowVisual .flowNode.n2,.serviceIndexV8 .workflowVisual .flowNode.n2{z-index:5;transform:translate(-10px,-16px)}
.pinnedServiceV8 .workflowVisual .flowNode.n3,.serviceIndexV8 .workflowVisual .flowNode.n3{z-index:3;transform:translateY(10px)}
.pinnedServiceV8 .workflowVisual .flowNode.n4,.serviceIndexV8 .workflowVisual .flowNode.n4{z-index:6;transform:translate(12px,-4px)}
.pinnedServiceV8 .workflowVisual .flowDecision,.serviceIndexV8 .workflowVisual .flowDecision{z-index:4;transform:translate(16px,8px)}
.aboutSystemMap .workflowVisual{overflow:hidden;background:#dedbd1;border:1px solid rgba(17,18,16,.14)}
.aboutSystemMap .workflowVisual::before,.aboutSystemMap .workflowVisual::after{display:none!important}
.aboutSystemMap .workflowVisual .flowNode,.aboutSystemMap .workflowVisual .flowDecision{box-shadow:0 14px 32px rgba(17,18,16,.10)}
.pinnedServiceV8 .appVisual,.serviceIndexV8 .appVisual{background:#cbd2ce;padding:34px 38px 40px}
.pinnedServiceV8 .appVisual::before,.serviceIndexV8 .appVisual::before{left:7%;right:8%;top:8%;bottom:5%;transform:translate(20px,20px);background:#b8c1bb;border:0;border-top:1px solid rgba(17,18,16,.16)}
.pinnedServiceV8 .appTop,.serviceIndexV8 .appTop{min-height:64px}
.pinnedServiceV8 .appBody,.serviceIndexV8 .appBody{box-shadow:0 28px 56px rgba(17,18,16,.14)}
.pinnedServiceV8 .appInspector,.serviceIndexV8 .appInspector{right:-26px;top:82px;width:218px;box-shadow:0 26px 50px rgba(17,18,16,.22)}
.pinnedServiceV8 .appRow.active,.serviceIndexV8 .appRow.active{transform:translateX(10px);box-shadow:inset 4px 0 0 var(--green),0 12px 24px rgba(17,18,16,.08)}
.webappsInterfaceSliceV8{box-shadow:0 30px 68px rgba(17,18,16,.17)}
.screenPlaneV8{box-shadow:0 18px 42px rgba(17,18,16,.12)}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8{background:#101514;min-height:500px}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8 img{object-fit:cover;object-position:center 48%}
.integrationVisualV8 .integrationNode,.integrationVisualV8 .integrationHub{box-shadow:0 14px 32px rgba(0,0,0,.22)}
@media(min-width:1101px){
.workPreviewV8{grid-template-columns:.68fr 1.32fr;align-items:stretch;background:transparent}
.workPreviewV8>div:first-child{padding:clamp(52px,5vw,82px);display:flex;flex-direction:column;justify-content:center}
.workPreviewDiagram{position:relative;display:block;min-height:650px;padding:0;background:#d7d4ca;overflow:visible}
.workPreviewPhotoV8{position:absolute;left:0;top:0;width:58%;height:100%;min-height:0;overflow:hidden}
.workPreviewPhotoV8 img{object-position:center 52%}
.workPreviewDiagram .systemVisual{position:absolute;right:4%;top:10%;width:58%;height:80%;min-height:0;z-index:2;box-shadow:0 30px 68px rgba(17,18,16,.17)}
}
.contactV8{grid-template-columns:1.08fr .92fr;min-height:570px}
.homeProjectCtaPanel{position:relative;background:#151713;border-left:1px solid rgba(255,255,255,.12);padding:clamp(52px,6vw,92px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:22px;overflow:hidden}
.homeProjectCue{position:absolute;inset:12% 10% auto 10%;display:grid;gap:18px}
.homeProjectCue i{display:block;height:1px;background:rgba(242,239,231,.16);position:relative}
.homeProjectCue i::before{content:"";position:absolute;left:0;top:-5px;width:11px;height:11px;border-radius:50%;background:#6f756d}
.homeProjectCue i:nth-child(2)::before{left:42%;background:#a8ada5}
.homeProjectCue i:nth-child(3)::before{left:78%;background:var(--green)}
.homeProjectCta{min-height:64px;padding-inline:28px;font-size:16px}
.homeProjectEmail{font:500 12px/1.4 var(--mono);color:#aeb3aa;padding:5px 0}
.contactRequestSplitV8{max-width:var(--max);margin:0 auto 92px;display:grid;grid-template-columns:.92fr 1.08fr;min-height:760px;padding:0;background:#11120f;border-top:0}
.contactRequestSplitV8::before{display:none}
.contactRequestMediaV8{position:relative;min-height:760px;background:#e8ecea;overflow:hidden}
.contactRequestMediaV8 .responsiveMedia{position:absolute;inset:clamp(30px,4vw,64px)}
.contactRequestMediaV8 img{object-fit:contain;object-position:center;background:#e8ecea}
.contactRequestPanelV8{display:flex;flex-direction:column;background:#11120f;border-left:1px solid rgba(255,255,255,.12)}
.contactRequestIntroV8{padding:clamp(50px,5vw,78px) clamp(42px,5vw,72px) 26px}
.contactRequestIntroV8 h2{font-size:clamp(48px,5vw,78px);line-height:.96;letter-spacing:-.05em;margin:0 0 20px;color:#f2efe7}
.contactRequestIntroV8 p{color:#aeb3aa;font-size:16px;line-height:1.65;max-width:590px;margin:0}
.contactRequestSplitV8 .contactFormPanel{padding:20px clamp(42px,5vw,72px) clamp(50px,5vw,76px);background:#11120f;border:0;display:block}
.contactRequestSplitV8 .contactForm{gap:20px}
.contactRequestSplitV8 .contactForm label{gap:8px;color:#aeb3aa}
.contactRequestSplitV8 .contactForm input,.contactRequestSplitV8 .contactForm textarea{
background:#171915;border:1px solid rgba(255,255,255,.13);border-radius:0;color:#f2efe7;min-height:58px;padding:15px 16px
}
.contactRequestSplitV8 .contactForm textarea{min-height:170px;resize:vertical}
.contactRequestSplitV8 .contactForm input:focus,.contactRequestSplitV8 .contactForm textarea:focus{border-color:var(--green);box-shadow:0 0 0 1px var(--green);outline:0;background:#1b1d19}
.contactRequestSplitV8 .contactForm .primaryCta{min-height:64px;justify-content:center;margin-top:2px}
.contactForm .primaryCta,.dialogForm .primaryCta{justify-content:center!important}
.contactForm .primaryCta::after,.dialogForm .primaryCta::after{content:none!important}
.dialogShell{border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.dialogForm input,.dialogForm textarea{border-radius:0}
.legalPage{max-width:1280px;padding:132px var(--pad) 110px}
.legalPage h1{font-family:var(--sans);font-weight:700;letter-spacing:-.05em;line-height:.95;max-width:900px}
.legalIntro{font-size:19px;line-height:1.65;max-width:780px;margin:26px 0 38px}
.legalIdentity{display:flex;flex-wrap:wrap;gap:10px 24px;padding:18px 0 24px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.legalBody{max-width:920px;margin:58px 0 0 auto}
.legalSection{padding:34px 0;border-top:1px solid var(--line)}
.legalSection:first-child{border-top:0;padding-top:0}
.legalSection h2{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.035em;margin:0 0 16px;font-weight:650}
.legalSection p{font-size:15px;line-height:1.78;color:#555b54;margin:0 0 14px;max-width:850px}
.legalSection p:last-child{margin-bottom:0}
.aboutFactsV8>div:first-child .responsiveMedia img{object-position:center 48%}
@media(max-width:1100px){
.contactV8{grid-template-columns:1fr}
.homeProjectCtaPanel{min-height:360px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
.contactRequestSplitV8{grid-template-columns:1fr;min-height:0;margin-bottom:64px}
.contactRequestMediaV8{min-height:540px}
.contactRequestPanelV8{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
.workPreviewDiagram .systemVisual{box-shadow:none}
}
@media(max-width:760px){
.pageIntroV8{display:block;padding-bottom:54px}
.pageIntroV8>p{min-width:0;margin-top:24px}
.workPreviewDiagram{display:grid;grid-template-columns:1fr;gap:10px;min-height:0;padding:12px}
.workPreviewPhotoV8{position:relative;width:auto;height:190px;min-height:0}
.workPreviewDiagram .systemVisual{position:relative;right:auto;top:auto;width:auto;height:310px;min-height:310px}
.homeProjectCtaPanel{padding:42px 24px;min-height:320px}
.homeProjectCue{inset:15% 24px auto}
.contactRequestMediaV8{min-height:360px}
.contactRequestMediaV8 .responsiveMedia{inset:22px}
.contactRequestIntroV8{padding:42px 24px 18px}
.contactRequestIntroV8 h2{font-size:clamp(40px,11vw,54px)}
.contactRequestSplitV8 .contactFormPanel{padding:18px 24px 42px}
.legalPage{padding-top:102px;padding-bottom:72px}
.legalBody{margin-top:42px}
.legalSection{padding:28px 0}
.aboutFactsV8>div:first-child .responsiveMedia img{object-position:center 46%}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8{height:300px;min-height:300px}
.serviceIndexV8.service-integrations>.serviceIndexPhotoV8 img{object-position:center center}
}
@media(prefers-reduced-motion:reduce){
.siteHeader,.homeProjectCue i::before{transition:none!important}
}
.contactRequestSplitV8>.contactRequestMediaV8{position:relative;padding:0;background:#e8ecea}
.systemVisual.workflowVisualV9,.systemVisual.appVisualV9,.systemVisual.integrationVisualV9{min-height:520px}
.workflowVisualV9{padding:32px;background:#dedbd1;display:grid;grid-template-rows:1fr auto;align-content:center;isolation:isolate}
.workflowBackplaneV9{position:absolute;inset:11% 7% 12%;z-index:0;border-top:1px solid rgba(17,18,16,.18);border-bottom:1px solid rgba(17,18,16,.10);background:#e8e4da}
.workflowBackplaneV9::before{content:"";position:absolute;inset:18% 4%;border-top:1px solid rgba(17,18,16,.10);border-bottom:1px solid rgba(17,18,16,.10)}
.workflowBackplaneV9>i{position:absolute;top:0;bottom:0;width:1px;background:rgba(17,18,16,.08)}
.workflowBackplaneV9>i:nth-child(1){left:25%}.workflowBackplaneV9>i:nth-child(2){left:50%}.workflowBackplaneV9>i:nth-child(3){left:75%}
.workflowPrimaryV9{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:center;margin:54px 5% 120px}
.workflowVisualV9 .flowNode{position:relative;inset:auto!important;min-width:0;padding:20px 20px 18px;background:#f4f1e9;border:0;border-top:2px solid #111210;box-shadow:none;transform:none!important;transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.workflowVisualV9 .flowStageV9:nth-child(2){z-index:4;margin-top:-32px;background:#fbfaf5;border-top-color:var(--green)}
.workflowVisualV9 .flowStageV9:nth-child(3){margin-top:18px}
.flowStageHeadV9{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.workflowVisualV9 .flowNode small{margin:0}.flowStageHeadV9>i{width:9px;height:9px;border-radius:50%;background:#8b9088;box-shadow:0 0 0 5px rgba(17,18,16,.045)}
.workflowVisualV9 .flowStageV9:nth-child(2) .flowStageHeadV9>i{background:var(--green)}
.workflowVisualV9 .flowNode strong{display:block;font-size:clamp(18px,1.7vw,25px);line-height:1.05}
.workflowVisualV9 .flowNode>span{font:500 11px var(--mono);letter-spacing:.03em;margin-top:12px}
.flowStageMetaV9{display:grid;grid-template-columns:1fr .65fr .4fr;gap:4px;margin-top:18px}
.flowStageMetaV9 i{height:4px;background:#c1beb5}.flowStageMetaV9 i:nth-child(2){background:#8f948d}.flowStageMetaV9 i:nth-child(3){background:var(--green)}
.workflowSignalRailV9{position:absolute;z-index:2;left:13%;right:13%;top:50%;height:2px;background:#858980}
.workflowSignalRailV9>i{position:absolute;top:-6px;width:13px;height:13px;border-radius:50%;border:2px solid #858980;background:#dedbd1}
.workflowSignalRailV9>i:nth-child(1){left:0}.workflowSignalRailV9>i:nth-child(2){left:33.33%}.workflowSignalRailV9>i:nth-child(3){left:66.66%}.workflowSignalRailV9>i:nth-child(4){right:0}
.flowPulseV9{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--green);opacity:0}.flowPulseV9.p1{left:1%}.flowPulseV9.p2{left:35%}
.workflowVisualV9.is-visible .flowPulseV9.p1{animation:workflowPulseV9 1.3s var(--ease) .2s forwards}.workflowVisualV9.is-visible .flowPulseV9.p2{animation:workflowPulseV9 1.3s var(--ease) .65s forwards}
@keyframes workflowPulseV9{0%{opacity:0;transform:translateX(0)}18%{opacity:1}100%{opacity:1;transform:translateX(220px)}}
.workflowContextV9{position:absolute;z-index:5;left:21%;right:18%;bottom:8%;display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:end}
.workflowVisualV9 .flowStateModuleV9,.workflowVisualV9 .flowRuleModuleV9{position:relative!important;inset:auto!important;min-width:0;transform:none!important}
.workflowVisualV9 .flowStateModuleV9{background:#20211e;color:#f2efe7;border:0;border-left:3px solid var(--green);padding:18px 20px;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}
.workflowVisualV9 .flowStateModuleV9 .flowStageHeadV9{grid-row:1/3;display:grid;align-content:center;gap:12px;margin:0}.workflowVisualV9 .flowStateModuleV9 small,.workflowVisualV9 .flowStateModuleV9>span{color:#aeb3aa}.workflowVisualV9 .flowStateModuleV9 strong{font-size:22px}
.stateStackV9{grid-column:2;display:flex;gap:5px;margin-top:10px}.stateStackV9 i{height:4px;flex:1;background:#5a5f57}.stateStackV9 i:nth-child(2){background:#888e84}.stateStackV9 i:nth-child(3){background:var(--green)}
.workflowVisualV9 .flowRuleModuleV9{background:var(--green);color:#111210;border:0;padding:17px 19px;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center}
.workflowVisualV9 .flowRuleModuleV9>span{margin:0;color:#435036}.workflowVisualV9 .flowRuleModuleV9>b{font-size:20px}
.ruleMatrixV9{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ruleMatrixV9 i{height:5px;background:rgba(17,18,16,.2)}.ruleMatrixV9 i:nth-child(1),.ruleMatrixV9 i:nth-child(4){background:#111210}
.workflowAuditV9{position:absolute;right:5%;top:10%;display:grid;gap:5px;width:44px}.workflowAuditV9 i{height:3px;background:rgba(17,18,16,.2)}.workflowAuditV9 i:nth-child(2),.workflowAuditV9 i:nth-child(5){width:65%;margin-left:auto}
.appVisualV9{padding:34px 42px 42px;background:#cbd2ce;overflow:visible;isolation:isolate}
.appDepthLayerV9{position:absolute;inset:10% 7% 7% 10%;z-index:0}.appDepthLayerV9 i{position:absolute;inset:0;background:#b8c1bb;border-top:1px solid rgba(17,18,16,.18)}.appDepthLayerV9 i:nth-child(2){transform:translate(18px,18px);background:#aeb8b1;opacity:.75}
.appFrameV9{position:relative;z-index:2;background:#f4f1e9;border-top:2px solid #111210;box-shadow:0 22px 44px rgba(17,18,16,.12)}
.appVisualV9 .appTop{height:64px;padding:0 20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;border-bottom:1px solid rgba(17,18,16,.12)}
.appWindowMarksV9{display:flex;gap:5px}.appWindowMarksV9 i{width:7px;height:7px;border-radius:50%;background:#9da19b}.appWindowMarksV9 i:nth-child(2){background:#70756e}.appWindowMarksV9 i:nth-child(3){background:var(--green)}
.appVisualV9 .appTop strong{font-size:17px}.appVisualV9 .appTop span{justify-self:end}
.appVisualV9 .appBody{grid-template-columns:64px 1fr;min-height:326px;background:#f4f1e9}
.appVisualV9 .appBody aside{padding:18px 16px;background:#20211e;gap:14px}.appRailBrandV9{height:18px;width:18px;background:var(--green);margin-bottom:8px}.appVisualV9 .appBody aside>i{height:5px;background:#62675f}.appVisualV9 .appBody aside>i:nth-of-type(2){width:70%;background:#a9aea6}.appRailTailV9{height:1px;background:#51564f;margin-top:auto}
.appVisualV9 .appMain{padding:24px 26px 30px;position:relative}.appContextV9{display:flex;gap:7px;margin-bottom:18px}.appContextV9 i{height:6px;width:44px;background:#d5d2c9}.appContextV9 i:nth-child(2){width:72px}.appContextV9 i:nth-child(3){width:28px;background:var(--green)}
.appVisualV9 .appColumns,.appVisualV9 .appRow{grid-template-columns:.7fr 1fr .9fr 12px}.appVisualV9 .appColumns{padding:0 12px 10px}.appVisualV9 .appColumns::after{content:""}.appVisualV9 .appRow{min-height:62px;background:#e7e4db;border-top:1px solid transparent;margin-bottom:7px;transition:transform .3s var(--ease),background-color .3s var(--ease)}.appVisualV9 .appRow.active{background:#fff;border-top-color:var(--green);box-shadow:none;transform:translateX(10px)}
.rowStateV9{width:7px;height:7px;border-radius:50%;background:#8a8f88}.appRow.active .rowStateV9{background:var(--green)}
.appActivityV9{display:grid;grid-template-columns:1.4fr .7fr 1fr .45fr;gap:5px;margin-top:18px}.appActivityV9 span{height:4px;background:#c6c3bb}.appActivityV9 span:nth-child(2),.appActivityV9 span:nth-child(4){background:#8f948d}
.appInspectorV9{position:absolute!important;z-index:5;right:18px;top:128px;width:215px;min-height:190px;background:#20211e!important;color:#f2efe7;padding:24px!important;border:0!important;border-top:3px solid var(--green);box-shadow:0 24px 44px rgba(17,18,16,.18)}
.appInspectorV9 small,.appInspectorV9 span{color:#aeb3aa!important}.appInspectorStatesV9{display:flex;gap:5px;margin-top:22px}.appInspectorStatesV9 i{height:5px;flex:1;background:#555a53}.appInspectorStatesV9 i:nth-child(2){background:#858b81}.appInspectorStatesV9 i:nth-child(3){background:var(--green)}
.appMiniPanelV9{position:absolute;z-index:4;left:24px;bottom:20px;width:148px;height:74px;background:#f1eee6;border-top:1px solid #111210;padding:14px;display:grid;grid-template-columns:1fr .55fr;gap:5px;transform:translateY(9px)}.appMiniPanelV9 i,.appMiniPanelV9 span{height:4px;background:#b7b4ab}.appMiniPanelV9 i:nth-child(2){background:var(--green)}.appMiniPanelV9 span{grid-column:1/-1;width:72%;align-self:end}
.appVisualV9.is-visible .appInspectorV9{animation:appPanelEnterV9 .55s var(--ease) .12s both}.appVisualV9.is-visible .appMiniPanelV9{animation:appMiniEnterV9 .5s var(--ease) .26s both}
@keyframes appPanelEnterV9{from{opacity:0;transform:translate(16px,10px)}to{opacity:1;transform:none}}@keyframes appMiniEnterV9{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(9px)}}
.integrationVisualV9{background:#151613!important;color:#f2efe7;padding:28px;overflow:hidden;isolation:isolate}
.integrationGridV9{position:absolute;inset:0;z-index:0;opacity:.55}
.integrationGridV9>i{position:absolute;background:rgba(255,255,255,.06)}.integrationGridV9>i:nth-child(1){left:8%;top:0;bottom:0;width:1px}.integrationGridV9>i:nth-child(2){right:8%;top:0;bottom:0;width:1px}.integrationGridV9>i:nth-child(3){left:0;right:0;top:16%;height:1px}.integrationGridV9>i:nth-child(4){left:0;right:0;bottom:14%;height:1px}
.integrationSystemsV9{position:absolute;z-index:2;inset:34px 28px;display:grid;grid-template-columns:minmax(118px,.72fr) 1.4fr minmax(118px,.72fr);grid-template-rows:1fr 1fr;gap:20px 14px;pointer-events:none}
.integrationVisualV9 .integrationNode{position:relative!important;inset:auto!important;min-width:0;padding:16px 16px 14px;background:#21231f;color:#f2efe7;border:0;border-top:1px solid rgba(255,255,255,.20);box-shadow:none;transform:none!important;align-self:center}
.integrationVisualV9 .integrationNode.a{grid-column:1;grid-row:1}.integrationVisualV9 .integrationNode.b{grid-column:1;grid-row:2}.integrationVisualV9 .integrationNode.c{grid-column:3;grid-row:1}.integrationVisualV9 .integrationNode.d{grid-column:3;grid-row:2}
.integrationSystemV9 header{display:flex;align-items:center;gap:9px}.integrationSystemV9 header>i{width:8px;height:8px;border-radius:50%;background:#737970;box-shadow:0 0 0 4px rgba(255,255,255,.04)}.integrationSystemV9.a header>i,.integrationSystemV9.d header>i{background:var(--green)}
.integrationVisualV9 .integrationNode span{font-size:16px;font-weight:650}.integrationVisualV9 .integrationNode small{font:500 10px var(--mono);color:#aeb3aa;margin:9px 0 0}
.systemMicroV9{display:grid;grid-template-columns:1.4fr .8fr .45fr;gap:4px;margin-top:14px}.systemMicroV9 b{height:3px;background:#51564f}.systemMicroV9 b:nth-child(2){background:#7b8178}.systemMicroV9 b:nth-child(3){background:var(--green)}
.integrationFlowLayerV9{position:absolute;z-index:1;inset:0;pointer-events:none}.integrationFlowLayerV9 .track{position:absolute;height:1px;background:rgba(242,239,231,.28);transform-origin:left center}.integrationFlowLayerV9 .t1{left:22%;top:30%;width:28%;transform:rotate(8deg)}.integrationFlowLayerV9 .t2{left:22%;top:70%;width:28%;transform:rotate(-8deg)}.integrationFlowLayerV9 .t3{left:50%;top:38%;width:28%;transform:rotate(-8deg)}.integrationFlowLayerV9 .t4{left:50%;top:62%;width:28%;transform:rotate(8deg)}
.routePacketV9{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);opacity:0;box-shadow:none}.routePacketV9.rp1{left:24%;top:29%}.routePacketV9.rp2{left:24%;top:69%}.routePacketV9.rp3{left:51%;top:38%}.routePacketV9.rp4{left:51%;top:61%}
.integrationVisualV9.is-visible .routePacketV9.rp1{animation:integrationPacketV9 1.25s linear .15s forwards}.integrationVisualV9.is-visible .routePacketV9.rp2{animation:integrationPacketV9 1.25s linear .45s forwards}.integrationVisualV9.is-visible .routePacketV9.rp3{animation:integrationPacketOutV9 1.1s linear .8s forwards}.integrationVisualV9.is-visible .routePacketV9.rp4{animation:integrationPacketOutV9 1.1s linear 1.0s forwards}
@keyframes integrationPacketV9{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}100%{opacity:1;transform:translate(145px,18px)}}@keyframes integrationPacketOutV9{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}100%{opacity:1;transform:translate(145px,-16px)}}
.integrationVisualV9 .integrationProcessorV9{position:absolute!important;z-index:4;left:50%;top:50%;width:min(42%,300px);min-width:210px;transform:translate(-50%,-50%)!important;background:#e6ff77!important;color:#111210!important;border:0!important;padding:0!important;text-align:left!important;box-shadow:none!important}
.integrationProcessorV9>header{padding:15px 16px 13px;border-bottom:1px solid rgba(17,18,16,.22);display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.integrationProcessorV9>header small{margin:0!important;color:#465037!important}.integrationProcessorV9>header strong{font-size:16px;line-height:1.1}.integrationProcessorV9>header>i{width:8px;height:8px;border-radius:50%;background:#111210}
.processorStepsV9{display:grid;grid-template-columns:1fr 1fr;background:#d6ee6c}.processorStepsV9 span{min-height:49px;padding:10px 12px;border-right:1px solid rgba(17,18,16,.15);border-bottom:1px solid rgba(17,18,16,.15);font:650 9px var(--mono);letter-spacing:.01em;display:flex;align-items:center;gap:7px}.processorStepsV9 span:nth-child(2n){border-right:0}.processorStepsV9 span:nth-last-child(-n+2){border-bottom:0}.processorStepsV9 span>i{width:6px;height:6px;border-radius:50%;background:#8b9a49}.processorStepsV9 span.active>i{background:#111210}
.processorOpsV9{display:grid;grid-template-columns:1fr 1fr;background:#1f211d;color:#f2efe7}.processorOpsV9 span{padding:10px 12px;font:550 9px var(--mono);color:#b8bdb5}.processorOpsV9 span+span{border-left:1px solid rgba(255,255,255,.12)}
.processorTelemetryV9{height:30px;padding:8px 12px;display:flex;align-items:end;gap:4px;background:#1f211d}.processorTelemetryV9 i{width:4px;background:#6b7168}.processorTelemetryV9 i:nth-child(1){height:6px}.processorTelemetryV9 i:nth-child(2){height:12px}.processorTelemetryV9 i:nth-child(3){height:8px}.processorTelemetryV9 i:nth-child(4){height:16px;background:var(--green)}.processorTelemetryV9 i:nth-child(5){height:11px}.processorTelemetryV9 i:nth-child(6){height:18px;background:#959b92}
.integrationHealthV9{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);display:flex;background:#20221e;border-top:1px solid rgba(255,255,255,.15)}.integrationHealthV9 span{padding:8px 11px;font:600 9px var(--mono);color:#aeb3aa;display:flex;gap:7px;align-items:center}.integrationHealthV9 span+span{border-left:1px solid rgba(255,255,255,.10)}.integrationHealthV9 i{width:6px;height:6px;border-radius:50%;background:#777d74}.integrationHealthV9 .ok i{background:var(--green)}
.systemsRouteV9{position:absolute;left:8%;right:7%;bottom:7%;height:43%;padding:18px 20px;display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:rgba(242,239,231,.94);border-top:1px solid rgba(17,18,16,.28);overflow:hidden}
.systemsRouteBackplaneV9{position:absolute;inset:0;z-index:0}.systemsRouteBackplaneV9 i{position:absolute;top:0;bottom:0;width:1px;background:rgba(17,18,16,.08)}.systemsRouteBackplaneV9 i:nth-child(1){left:33.33%}.systemsRouteBackplaneV9 i:nth-child(2){left:66.66%}.systemsRouteBackplaneV9 i:nth-child(3){left:83.33%}
.systemsRoutePathV9{position:absolute;z-index:1;left:7%;right:7%;top:50%;height:1px;background:#858980}.systemsRoutePathV9 span{position:absolute;top:-5px;width:11px;height:11px;border-radius:50%;background:#f2efe7;border:2px solid #858980}.systemsRoutePathV9 span:nth-child(1){left:0}.systemsRoutePathV9 span:nth-child(2){left:49%}.systemsRoutePathV9 span:nth-child(3){right:0}.systemsRoutePathV9 i{position:absolute;height:1px;width:13%;background:#858980;top:0;transform-origin:left}.systemsRoutePathV9 i:nth-of-type(1){left:30%;transform:rotate(-18deg)}.systemsRoutePathV9 i:nth-of-type(2){left:62%;transform:rotate(18deg)}
.routePointV9{position:relative;z-index:2;align-self:center;padding:10px 12px 13px;background:#f2efe7;border-top:2px solid rgba(17,18,16,.32)}.routePointV9.rp2,.routePointV9.rp5{transform:translateY(-28px);background:#fbfaf5}.routePointV9.rp3,.routePointV9.rp6{transform:translateY(20px)}.routePointV9.rp4{background:#20211e;color:#f2efe7;border-top-color:var(--green)}
.routePointIndexV9{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.routePointIndexV9 span{font:600 8px var(--mono);color:#8b9088}.routePointIndexV9 i{width:7px;height:7px;border-radius:50%;background:#888e86}.routePointV9.rp4 .routePointIndexV9 i,.routePointV9.rp6 .routePointIndexV9 i{background:var(--green)}.routePointV9 small{margin:0 0 5px}.routePointV9 strong{display:block;font-size:14px}.routePointDataV9{display:flex;gap:3px;margin-top:10px}.routePointDataV9 i{height:3px;width:24px;background:#c4c1b8}.routePointDataV9 i:nth-child(2){width:14px}.routePointDataV9 i:nth-child(3){width:8px;background:var(--green)}
.systemsRoutePulseV9 i{position:absolute;z-index:3;top:calc(50% - 4px);left:8%;width:8px;height:8px;border-radius:50%;background:var(--green);opacity:0}.systemsRoutePulseV9 i:nth-child(2){left:46%}.systemsRouteV9.is-visible .systemsRoutePulseV9 i:first-child{animation:systemsRoutePulseV9 1.4s linear .15s forwards}.systemsRouteV9.is-visible .systemsRoutePulseV9 i:last-child{animation:systemsRoutePulseV9 1.2s linear .65s forwards}@keyframes systemsRoutePulseV9{0%{opacity:0;transform:translateX(0)}15%{opacity:1}100%{opacity:1;transform:translateX(210px)}}
.systemsRoleMatrixV9{position:relative;display:grid;gap:0;background:#d9d6cc;border-top:1px solid #111210;overflow:hidden}.roleMatrixBackplaneV9{position:absolute;inset:0;pointer-events:none}.roleMatrixBackplaneV9 i{position:absolute;top:0;bottom:0;width:1px;background:rgba(17,18,16,.09)}.roleMatrixBackplaneV9 i:nth-child(1){left:24%}.roleMatrixBackplaneV9 i:nth-child(2){left:54%}.roleMatrixBackplaneV9 i:nth-child(3){left:78%}
.roleLaneV9{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.1fr .8fr 1.1fr;align-items:stretch;min-height:92px;border-bottom:1px solid rgba(17,18,16,.11);background:transparent}.roleLaneV9:nth-child(3){background:#e8e4da}.roleLaneV9>*{padding:18px 20px;display:flex;align-items:center}.roleIdentityV9{gap:10px}.roleIdentityV9>i{width:8px;height:8px;border-radius:50%;background:#898e87}.roleLaneV9:nth-child(3) .roleIdentityV9>i{background:var(--green)}.roleIdentityV9 strong{font-size:16px}.roleStateV9{position:relative;justify-content:space-between;font-size:13px}.roleStateV9 b{width:22px;height:3px;background:#b2afa7}.roleActionV9{position:relative;justify-content:center;background:rgba(17,18,16,.045)}.roleActionV9 i{font-style:normal;font:600 10px var(--mono)}.roleActionV9>span{position:absolute;left:-1px;right:-1px;top:50%;height:1px;background:rgba(17,18,16,.17);z-index:-1}.roleSignalV9{position:absolute;right:14px;bottom:9px;padding:0;display:flex;gap:3px}.roleSignalV9 i{width:12px;height:3px;background:#a7aaa4}.roleSignalV9 i:last-child{background:var(--green)}.roleMatrixGateV9{position:absolute;right:20.5%;top:0;bottom:0;width:18px;pointer-events:none}.roleMatrixGateV9 i{position:absolute;left:8px;width:1px;height:24%;background:#747a72}.roleMatrixGateV9 i:nth-child(1){top:6%}.roleMatrixGateV9 i:nth-child(2){top:38%}.roleMatrixGateV9 i:nth-child(3){bottom:6%}
.systemsHistoryV9{position:relative;display:grid;gap:0;padding-left:30px;border-top:1px solid #111210;background:#e5e1d7}.historyTimelineV9{position:absolute;left:18px;top:32px;bottom:32px;width:1px;background:#858a82}.historyEventV9{position:relative;display:grid;grid-template-columns:86px 1fr auto;gap:12px;align-items:center;padding:18px 18px 18px 10px;border-bottom:1px solid rgba(17,18,16,.10);background:transparent}.historyEventV9.active{background:#f4f1e9}.historyMarkerV9{position:relative;display:flex;align-items:center;gap:12px}.historyMarkerV9 i{position:absolute;left:-23px;width:9px;height:9px;border-radius:50%;background:#8c9189;border:2px solid #e5e1d7}.historyEventV9.active .historyMarkerV9 i{background:var(--green);border-color:#f4f1e9}.historyEventV9 time{font:600 10px var(--mono);color:#777c75}.historyEventCoreV9{display:grid;gap:4px}.historyEventCoreV9 strong{font-size:14px}.historyEventCoreV9 span{font-size:11px;color:var(--muted)}.historyEventV9>em{font-style:normal;font:600 9px var(--mono);padding:6px 8px;border-top:1px solid rgba(17,18,16,.25)}.historyEventDataV9{grid-column:2/4;display:grid;grid-template-columns:1.4fr .7fr .4fr;gap:4px}.historyEventDataV9 i{height:3px;background:#c2bfb6}.historyEventDataV9 i:last-child{background:var(--green)}
.webappsProductObjectV9{position:absolute;right:5%;bottom:5%;width:min(61%,760px);min-height:430px;background:#cbd2ce;padding:26px 30px 34px;overflow:visible;isolation:isolate}
.webProductDepthV9{position:absolute;inset:9% 5% 4% 11%;z-index:0}.webProductDepthV9 i{position:absolute;inset:0;background:#b8c0ba;border-top:1px solid rgba(17,18,16,.18)}.webProductDepthV9 i:nth-child(2){transform:translate(18px,18px);opacity:.7}
.webProductFrameV9{position:relative;z-index:2;background:#f4f1e9;border-top:2px solid #111210;box-shadow:0 22px 48px rgba(17,18,16,.13)}
.webProductFrameV9 .webappUiTopV8{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.webWindowDotsV9{display:flex;gap:5px}.webWindowDotsV9 i{width:7px;height:7px;border-radius:50%;background:#9da19b}.webWindowDotsV9 i:nth-child(3){background:var(--green)}
.webProductBodyV9{display:grid;grid-template-columns:58px 1fr;min-height:296px}.webProductBodyV9 aside{background:#20211e;padding:18px 15px;display:grid;align-content:start;gap:12px}.webProductBodyV9 aside i{height:5px;background:#5d625b}.webProductBodyV9 aside i:nth-child(2){background:var(--green);width:70%}.webProductBodyV9 main{padding:20px 22px}.webProductObjectV9 .webappUiHeadV8,.webProductObjectV9 .webappUiRowV8{grid-template-columns:.7fr 1fr .9fr 10px}.webProductObjectV9 .webappUiRowV8{position:relative;border-top:1px solid transparent}.webProductObjectV9 .webappUiRowV8.active{background:#fff;border-top-color:var(--green);transform:translateX(8px)}.webProductObjectV9 .webappUiRowV8>i{width:7px;height:7px;border-radius:50%;background:#878d84}.webProductObjectV9 .webappUiRowV8.active>i{background:var(--green)}
.webProductActivityV9{display:flex;gap:4px;margin-top:16px}.webProductActivityV9 i{height:4px;width:34px;background:#c3c0b8}.webProductActivityV9 i:nth-child(2){width:58px}.webProductActivityV9 i:nth-child(4){background:var(--green)}
.webActionPanelV9{position:absolute!important;z-index:5;right:6px;top:130px;width:200px;background:#20211e!important;color:#f2efe7!important;border-top:3px solid var(--green)!important;padding:22px!important;box-shadow:0 22px 42px rgba(17,18,16,.18)}.webActionPanelV9 small,.webActionPanelV9 span{color:#aeb3aa!important}.webActionStatesV9{display:flex;gap:4px;margin-top:20px}.webActionStatesV9 i{height:4px;flex:1;background:#555a53}.webActionStatesV9 i:last-child{background:var(--green)}
.webProductMiniV9{position:absolute;z-index:4;left:12px;bottom:10px;width:126px;height:68px;background:#f2efe7;border-top:1px solid #111210;padding:13px;display:grid;grid-template-columns:1fr .6fr;gap:4px}.webProductMiniV9 i,.webProductMiniV9 span{height:4px;background:#bab7af}.webProductMiniV9 i:nth-child(2){background:var(--green)}.webProductMiniV9 span{grid-column:1/-1;width:68%;align-self:end}
.screenHierarchyV9{position:relative;overflow:hidden}.screenHierarchyCanvasV9{position:absolute;z-index:3;inset:10% 6% 8% 9%;display:grid;grid-template-columns:1.25fr .9fr;grid-template-rows:1fr 1fr;gap:12px;align-content:center}.screenHierarchyRailV9{position:absolute;left:45%;top:4%;bottom:4%;width:1px;background:rgba(17,18,16,.28)}.screenHierarchyRailV9 i{position:absolute;left:-4px;width:9px;height:9px;border-radius:50%;background:#ece9df;border:2px solid #6f756e}.screenHierarchyRailV9 i:nth-child(1){top:14%}.screenHierarchyRailV9 i:nth-child(2){top:48%;background:var(--green)}.screenHierarchyRailV9 i:nth-child(3){bottom:14%}
.screenHierarchyV9 .screenPlaneV8{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;min-height:0!important;padding:18px 20px;background:rgba(244,241,233,.94);border:0;border-top:1px solid rgba(17,18,16,.28);box-shadow:none;display:grid;align-content:end}.screenHierarchyV9 .screenLayerV9.level1{grid-row:1/3;min-height:280px;background:rgba(244,241,233,.96)}.screenHierarchyV9 .screenLayerV9.level2{transform:translateX(20px)!important}.screenHierarchyV9 .screenLayerV9.level3{background:#20211e;color:#f2efe7;transform:translateX(-8px)!important}.screenHierarchyV9 .screenLayerV9.level4{position:absolute!important;right:8%;bottom:9%;width:35%!important;background:var(--green);color:#111210;border:0;z-index:5}.screenLayerIndexV9{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.screenLayerIndexV9 small{margin:0}.screenLayerIndexV9 i{width:7px;height:7px;border-radius:50%;background:#888d86}.screenLayerV9.level3 .screenLayerIndexV9 i,.screenLayerV9.level4 .screenLayerIndexV9 i{background:var(--green)}.screenLayerV9.level4 .screenLayerIndexV9 i{background:#111210}.screenLayerDataV9{display:grid;grid-template-columns:1.3fr .8fr .4fr;gap:4px;margin-top:16px}.screenLayerDataV9 i{height:3px;background:#c0bdb5}.screenLayerV9.level3 .screenLayerDataV9 i{background:#5f655d}.screenLayerDataV9 i:last-child{background:var(--green)}
.interactionFlowV9{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:22px 0 44px;background:#d9d6cc;border-top:1px solid #111210;overflow:hidden}.interactionRailV9{position:absolute;left:8%;right:8%;top:56%;height:1px;background:#7b8079}.interactionRailV9 i{position:absolute;top:-5px;width:11px;height:11px;border-radius:50%;border:2px solid #7b8079;background:#d9d6cc}.interactionRailV9 i:nth-child(1){left:0}.interactionRailV9 i:nth-child(2){left:33.33%}.interactionRailV9 i:nth-child(3){left:66.66%;background:var(--green)}.interactionRailV9 span{position:absolute;right:0;top:-4px;width:9px;height:9px;border-radius:50%;background:#7b8079}
.interactionStageV9{position:relative;z-index:2;padding:18px 20px 24px;min-height:160px;background:transparent;border-right:1px solid rgba(17,18,16,.10);display:flex;flex-direction:column;justify-content:flex-start}.interactionStageV9.active{background:#f4f1e9;transform:translateY(-16px);border-top:2px solid var(--green)}.interactionIndexV9{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.interactionIndexV9 small{font:600 9px var(--mono)}.interactionIndexV9 i{width:7px;height:7px;border-radius:50%;background:#858a83}.interactionStageV9.active .interactionIndexV9 i{background:var(--green)}.interactionStageV9 strong{font-size:18px}.interactionStageV9>span{font-size:12px;color:var(--muted);margin-top:6px}.interactionTraceV9{display:flex;gap:4px;margin-top:auto}.interactionTraceV9 i{height:3px;width:32px;background:#b7b4ac}.interactionTraceV9 i:last-child{width:16px;background:#8b9088}.interactionFeedbackV9{position:absolute;right:4%;bottom:11px;display:flex;gap:4px}.interactionFeedbackV9 i{width:28px;height:3px;background:#a8aca5}.interactionFeedbackV9 i:last-child{background:var(--green);width:46px}
.integrationRouteOverlayV9{position:absolute;left:5%;right:5%;bottom:5%;min-height:222px;padding:20px;background:rgba(17,18,16,.88);border:0;border-top:1px solid rgba(255,255,255,.20);display:grid;grid-template-columns:.9fr .8fr 1.25fr .9fr;gap:0;isolation:isolate;overflow:hidden}
.routeOverlayBackplaneV9{position:absolute;inset:0;z-index:0}.routeOverlayBackplaneV9 i{position:absolute;background:rgba(255,255,255,.07)}.routeOverlayBackplaneV9 i:nth-child(1){left:25%;top:0;bottom:0;width:1px}.routeOverlayBackplaneV9 i:nth-child(2){left:50%;top:0;bottom:0;width:1px}.routeOverlayBackplaneV9 i:nth-child(3){left:75%;top:0;bottom:0;width:1px}
.routeOverlayTrackV9{position:absolute;z-index:1;left:7%;right:7%;top:50%;height:1px;background:rgba(242,239,231,.28)}.routeOverlayTrackV9 span{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:#777d74}.routeOverlayTrackV9 span:nth-child(1){left:0;background:var(--green)}.routeOverlayTrackV9 span:nth-child(2){right:0}.routeOverlayTrackV9 i{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--green);opacity:0}.routeOverlayTrackV9 i:nth-of-type(1){left:18%}.routeOverlayTrackV9 i:nth-of-type(2){left:55%}.integrationRouteOverlayV9.is-visible .routeOverlayTrackV9 i:first-of-type{animation:overlayPacketV9 1.1s linear .2s forwards}.integrationRouteOverlayV9.is-visible .routeOverlayTrackV9 i:last-of-type{animation:overlayPacketV9 1.1s linear .75s forwards}@keyframes overlayPacketV9{0%{opacity:0;transform:translateX(0)}20%{opacity:1}100%{opacity:1;transform:translateX(95px)}}
.routeOverlayPointV9{position:relative;z-index:2;padding:14px 14px 18px;align-self:center;background:transparent;border-top:1px solid rgba(255,255,255,.16)}.routeOverlayPointV9.p2{transform:translateY(-24px);background:#20221e}.routeOverlayPointV9.p3{transform:translateY(16px);background:#e6ff77;color:#111210;border:0}.routeOverlayHeadV9{display:flex;justify-content:space-between;align-items:center}.routeOverlayHeadV9 i{width:7px;height:7px;border-radius:50%;background:#777d74}.routeOverlayPointV9.p1 .routeOverlayHeadV9 i,.routeOverlayPointV9.p3 .routeOverlayHeadV9 i{background:var(--green)}.routeOverlayPointV9.p3 .routeOverlayHeadV9 i{background:#111210}.routeOverlayPointV9 strong{display:block;font-size:15px;margin-top:7px}.routeOverlayPointV9 span{display:block;font:500 9px var(--mono);color:#aeb3aa;margin-top:7px}.routeOverlayPointV9.p3 span,.routeOverlayPointV9.p3 small{color:#4b563d}.routeProcessMiniV9,.routeEndpointDataV9{display:flex;gap:4px;margin-top:13px}.routeProcessMiniV9 i,.routeEndpointDataV9 i{height:3px;flex:1;background:#5c625a}.routeProcessMiniV9 i:last-child,.routeEndpointDataV9 i:last-child{background:var(--green)}.routeOverlayPointV9.p3 .routeProcessMiniV9 i{background:rgba(17,18,16,.24)}.routeOverlayPointV9.p3 .routeProcessMiniV9 i:nth-child(2){background:#111210}
.routeOverlayStatusV9{position:absolute;z-index:4;right:14px;bottom:10px;display:flex;gap:0;background:#20221e}.routeOverlayStatusV9 span,.routeOverlayStatusV9 em{padding:7px 9px;font:600 8px var(--mono);font-style:normal}.routeOverlayStatusV9 span{color:var(--green)}.routeOverlayStatusV9 em{color:#c2c6bf;border-left:1px solid rgba(255,255,255,.10)}.routeOverlayStatusV9>div{display:flex;align-items:center;gap:3px;padding:0 9px}.routeOverlayStatusV9>div i{width:4px;height:4px;border-radius:50%;background:#6f756d}.routeOverlayStatusV9>div i:first-child{background:var(--green)}
.integrationContractBoardV9{position:relative;display:grid;gap:0;padding:18px;background:#d9d6cc;border-top:1px solid #111210;overflow:hidden}.contractBackplaneV9{position:absolute;inset:0;z-index:0}.contractBackplaneV9 i{position:absolute;top:0;bottom:0;width:1px;background:rgba(17,18,16,.08)}.contractBackplaneV9 i:nth-child(1){left:25%}.contractBackplaneV9 i:nth-child(2){left:55%}.contractBackplaneV9 i:nth-child(3){left:80%}.contractBackplaneV9 i:nth-child(4){left:90%}
.integrationContractRowV9{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.3fr .9fr;min-height:116px;border-bottom:1px solid rgba(17,18,16,.12);background:transparent;align-items:stretch}.integrationContractRowV9:nth-child(3){background:#e9e5dc}.contractSourceV9,.contractProcessV9,.contractDestinationV9{padding:18px 20px;display:grid;align-content:center;gap:7px}.contractSourceV9{grid-template-columns:auto 1fr;column-gap:9px}.contractSourceV9>i{width:8px;height:8px;border-radius:50%;background:#858b83;grid-row:1/3;align-self:center}.integrationContractRowV9:nth-child(2) .contractSourceV9>i{background:var(--green)}.contractSourceV9 strong{font-size:16px}.contractSourceV9 code{font:500 9px var(--mono);color:#6e736d}.contractProcessV9{background:rgba(17,18,16,.045)}.contractProcessV9>span{font-size:13px}.contractProcessV9>div{display:grid;grid-template-columns:1.2fr .75fr .45fr;gap:4px}.contractProcessV9 i{height:4px;background:#b7b4ac}.contractProcessV9 i:nth-child(2){background:#868b84}.contractProcessV9 i:nth-child(3){background:var(--green)}.contractDestinationV9 b{font-size:14px}.contractDestinationV9>div{display:flex;gap:4px}.contractDestinationV9 i{width:28px;height:3px;background:#9ca099}.contractDestinationV9 i:last-child{width:12px;background:var(--green)}.contractPacketV9{position:absolute;z-index:4;top:50%;left:23%;width:7px;height:7px;border-radius:50%;background:var(--green);opacity:0}.integrationContractBoardV9.is-visible .cp1{animation:contractPacketV9 1.15s linear .1s forwards}.integrationContractBoardV9.is-visible .cp2{animation:contractPacketV9 1.15s linear .5s forwards}.integrationContractBoardV9.is-visible .cp3{animation:contractPacketV9 1.15s linear .9s forwards}@keyframes contractPacketV9{0%{opacity:0;transform:translateX(0)}15%{opacity:1}100%{opacity:1;transform:translateX(430px)}}
.contractMonitorV9{height:40px;display:flex;align-items:end;gap:4px;padding:10px 14px;background:#20211e}.contractMonitorV9 i{width:5px;background:#666c64}.contractMonitorV9 i:nth-child(1){height:8px}.contractMonitorV9 i:nth-child(2){height:16px}.contractMonitorV9 i:nth-child(3){height:11px;background:var(--green)}.contractMonitorV9 span{height:3px;flex:1;background:#555a53;margin-left:10px;align-self:center}
.integrationMonitorV9{position:relative;display:grid;border-top:1px solid rgba(242,239,231,.16);background:#191a17;color:#f2efe7;overflow:hidden}.monitorHeaderV9{height:42px;padding:11px 14px;display:flex;align-items:end;gap:4px;border-bottom:1px solid rgba(255,255,255,.09)}.monitorHeaderV9 i{width:5px;background:#5c625a}.monitorHeaderV9 i:nth-child(1){height:9px}.monitorHeaderV9 i:nth-child(2){height:17px;background:var(--green)}.monitorHeaderV9 i:nth-child(3){height:12px}.monitorHeaderV9 span{height:3px;flex:1;background:#474c46;margin-left:9px;align-self:center}.integrationMonitorEventV9{display:grid;grid-template-columns:78px 1.2fr .8fr auto;gap:12px;align-items:center;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.monitorTimeV9{display:flex;gap:9px;align-items:center}.monitorTimeV9 i{width:7px;height:7px;border-radius:50%;background:#777d74}.integrationMonitorEventV9.ok .monitorTimeV9 i{background:var(--green)}.integrationMonitorEventV9.retry .monitorTimeV9 i{background:#c5c9c1}.integrationMonitorEventV9 time,.integrationMonitorEventV9 code{font:500 9px var(--mono);color:#aeb3aa}.integrationMonitorEventV9>span{font-size:11px;color:#c5c9c1}.integrationMonitorEventV9>strong{font:650 9px var(--mono)}.integrationMonitorEventV9>strong.ok{color:var(--green)}.integrationMonitorEventV9>strong.retry{color:#e1e3de}.monitorTraceV9{position:absolute;left:92px;right:14px;bottom:5px;display:grid;grid-template-columns:1.2fr .8fr .35fr;gap:4px}.monitorTraceV9 i{height:2px;background:#3c403b}.monitorTraceV9 i:last-child{background:#777d74}.monitorFooterV9{height:36px;padding:10px 14px;display:flex;align-items:end;gap:4px}.monitorFooterV9 i{width:4px;background:#565b54}.monitorFooterV9 i:nth-child(1){height:5px}.monitorFooterV9 i:nth-child(2){height:11px}.monitorFooterV9 i:nth-child(3){height:8px}.monitorFooterV9 i:nth-child(4){height:14px;background:var(--green)}.monitorFooterV9 i:nth-child(5){height:9px}
@media(max-width:1100px){
.systemVisual.workflowVisualV9,.systemVisual.appVisualV9,.systemVisual.integrationVisualV9{min-height:440px}
.workflowPrimaryV9{margin-inline:3%;gap:10px}.workflowContextV9{left:14%;right:10%}
.appVisualV9{padding:24px 26px 32px}.appInspectorV9{right:8px;width:190px}.appVisualV9 .appMain{padding-right:160px}
.integrationVisualV9 .integrationProcessorV9{width:min(44%,260px)}
.systemsRouteV9{left:5%;right:5%;height:46%}.routePointV9{padding-inline:9px}.routePointV9 strong{font-size:13px}
.webappsProductObjectV9{right:3%;width:68%;padding:22px}.webActionPanelV9{right:0;width:180px}
.screenHierarchyCanvasV9{inset:8% 4%}.screenHierarchyV9 .screenLayerV9.level4{width:40%!important;right:5%}
.integrationRouteOverlayV9{left:3%;right:3%;grid-template-columns:.8fr .8fr 1.25fr .9fr}.routeOverlayPointV9{padding-inline:10px}
}
@media(max-width:760px){
.systemVisual.workflowVisualV9,.systemVisual.appVisualV9,.systemVisual.integrationVisualV9{height:auto!important;min-height:510px!important}
.workflowVisualV9{padding:16px}.workflowBackplaneV9{inset:8% 4% 10%}.workflowPrimaryV9{grid-template-columns:1fr 1fr;margin:28px 2% 178px;gap:10px}.workflowVisualV9 .flowStageV9:nth-child(2){margin-top:0}.workflowVisualV9 .flowStageV9:nth-child(3){grid-column:1/-1;width:58%;justify-self:end;margin-top:0}.workflowSignalRailV9{left:12%;right:12%;top:43%}.workflowContextV9{left:6%;right:6%;bottom:5%;grid-template-columns:1.15fr .85fr;gap:8px}.workflowVisualV9 .flowNode{padding:14px}.workflowVisualV9 .flowStateModuleV9{padding:13px}.workflowVisualV9 .flowRuleModuleV9{padding:13px}.workflowVisualV9 .flowNode strong{font-size:17px}.workflowAuditV9{display:none}
.appVisualV9{padding:16px 12px 18px;overflow:hidden}.appDepthLayerV9{inset:8% 4% 8% 6%}.appVisualV9 .appTop{grid-template-columns:auto 1fr;min-height:56px;height:auto}.appVisualV9 .appTop>span{grid-column:2}.appVisualV9 .appBody{grid-template-columns:40px 1fr;min-height:300px}.appVisualV9 .appBody aside{padding:14px 10px}.appVisualV9 .appMain{padding:18px 12px 112px}.appVisualV9 .appColumns,.appVisualV9 .appRow{grid-template-columns:.62fr 1fr .9fr 8px;gap:6px}.appVisualV9 .appRow{padding-inline:8px;font-size:11px}.appInspectorV9{display:grid!important;top:auto;right:10px;left:54px;bottom:12px;width:auto;min-height:96px;padding:15px!important;grid-template-columns:1fr auto;align-content:center}.appInspectorV9 strong{font-size:20px;margin:5px 0}.appInspectorV9 span{grid-column:1}.appInspectorStatesV9{grid-column:2;grid-row:1/3;width:48px;align-self:end}.appMiniPanelV9{display:none}
.integrationVisualV9{min-height:600px!important;padding:16px}.integrationGridV9{background-size:48px 48px}.integrationSystemsV9{inset:20px 16px;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:9px}.integrationVisualV9 .integrationNode.a{grid-column:1;grid-row:1}.integrationVisualV9 .integrationNode.c{grid-column:2;grid-row:1}.integrationVisualV9 .integrationNode.b{grid-column:1;grid-row:3}.integrationVisualV9 .integrationNode.d{grid-column:2;grid-row:3}.integrationVisualV9 .integrationNode{padding:12px}.integrationVisualV9 .integrationProcessorV9{width:76%;min-width:0}.integrationFlowLayerV9 .t1{left:26%;top:26%;width:24%;transform:rotate(58deg)}.integrationFlowLayerV9 .t2{left:26%;top:74%;width:24%;transform:rotate(-58deg)}.integrationFlowLayerV9 .t3{left:50%;top:44%;width:24%;transform:rotate(-58deg)}.integrationFlowLayerV9 .t4{left:50%;top:56%;width:24%;transform:rotate(58deg)}.integrationHealthV9{bottom:22%}.routePacketV9{display:none}
.systemsRouteV9{position:relative;left:auto;right:auto;bottom:auto;height:auto;min-height:420px;margin:0;padding:16px;grid-template-columns:1fr 1fr;gap:8px}.systemsRoutePathV9{display:none}.routePointV9,.routePointV9.rp2,.routePointV9.rp3{transform:none}.routePointV9.rp4{grid-row:2}.systemsRoutePulseV9{display:none}
.systemsRoleMatrixV9{gap:8px;padding:10px;background:#d9d6cc}.roleMatrixBackplaneV9,.roleMatrixGateV9{display:none}.roleLaneV9{grid-template-columns:1fr 1fr;min-height:0;background:#eeeae0;border:0}.roleLaneV9>*{padding:12px}.roleIdentityV9{grid-column:1/-1;border-bottom:1px solid rgba(17,18,16,.09)}.roleActionV9{grid-column:1/-1;order:3}.roleStateV9.after{order:4}.roleSignalV9{display:none}
.systemsHistoryV9{padding-left:22px}.historyTimelineV9{left:12px}.historyEventV9{grid-template-columns:64px 1fr;gap:8px;padding:14px 10px 14px 6px}.historyEventV9>em{grid-column:2;justify-self:start}.historyEventDataV9{grid-column:2}.historyMarkerV9 i{left:-17px}
.webappsProductObjectV9{position:relative;right:auto;bottom:auto;width:100%;min-height:470px;padding:14px 10px 18px;overflow:hidden}.webProductBodyV9{grid-template-columns:38px 1fr}.webProductBodyV9 aside{padding:12px 9px}.webProductBodyV9 main{padding:14px 10px 110px}.webProductObjectV9 .webappUiHeadV8,.webProductObjectV9 .webappUiRowV8{grid-template-columns:.62fr 1fr .9fr 8px;gap:6px}.webActionPanelV9{top:auto;right:8px;left:48px;bottom:8px;width:auto;min-height:94px}.webProductMiniV9{display:none}
.screenHierarchyV9{min-height:620px}.screenHierarchyCanvasV9{inset:34% 4% 4%;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px}.screenHierarchyRailV9{display:none}.screenHierarchyV9 .screenLayerV9.level1{grid-row:auto;min-height:150px}.screenHierarchyV9 .screenLayerV9.level2,.screenHierarchyV9 .screenLayerV9.level3{transform:none!important}.screenHierarchyV9 .screenLayerV9.level4{position:relative!important;right:auto;bottom:auto;width:auto!important}.screenHierarchyV9 .screenPlaneV8{padding:13px}.screenLayerDataV9{margin-top:10px}
.interactionFlowV9{grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#d9d6cc}.interactionRailV9{display:none}.interactionStageV9{min-height:138px;border:0;background:#e9e5dc;padding:14px}.interactionStageV9.active{transform:none}.interactionIndexV9{margin-bottom:20px}.interactionFeedbackV9{display:none}
.integrationRouteOverlayV9{position:relative;left:auto;right:auto;bottom:auto;min-height:520px;margin:0;grid-template-columns:1fr 1fr;align-content:center;gap:8px;padding:14px}.routeOverlayBackplaneV9,.routeOverlayTrackV9{display:none}.routeOverlayPointV9,.routeOverlayPointV9.p2,.routeOverlayPointV9.p3{transform:none;padding:13px;background:#20221e}.routeOverlayPointV9.p3{background:#e6ff77}.routeOverlayStatusV9{right:14px;left:14px;bottom:12px;justify-content:center}
.integrationContractBoardV9{padding:10px;gap:8px}.contractBackplaneV9{display:none}.integrationContractRowV9{grid-template-columns:1fr;min-height:0;background:#e8e4da;border:0}.contractSourceV9,.contractProcessV9,.contractDestinationV9{padding:12px 14px}.contractProcessV9{border-top:1px solid rgba(17,18,16,.08);border-bottom:1px solid rgba(17,18,16,.08)}.contractPacketV9{display:none}.contractMonitorV9{margin-top:2px}
.integrationMonitorEventV9{grid-template-columns:62px 1fr auto;gap:8px}.integrationMonitorEventV9>span{grid-column:2}.integrationMonitorEventV9>strong{grid-column:3;grid-row:1/3}.monitorTraceV9{left:76px}
}
@media(prefers-reduced-motion:reduce){
.workflowVisualV9 .flowPulseV9,.integrationVisualV9 .routePacketV9,.systemsRouteV9 .systemsRoutePulseV9 i,.integrationRouteOverlayV9 .routeOverlayTrackV9 i,.integrationContractBoardV9 .contractPacketV9,.appVisualV9 .appInspectorV9,.appVisualV9 .appMiniPanelV9{animation:none!important;opacity:1!important}
}
@media(min-width:761px){
.appVisualV9 .appFrameV9{width:86%}
.appVisualV9 .appMain{padding-right:26px!important}
.appInspectorV9{right:0!important;top:126px!important;width:34%!important;max-width:182px;min-width:148px;min-height:174px}
.webappsProductObjectV9 .webProductFrameV9{width:85%}
.webappsProductObjectV9 .webProductBodyV9 main{padding-right:22px}
.webActionPanelV9{right:0!important;top:142px!important;width:35%!important;max-width:180px;min-width:146px;padding:18px!important}
}
@media(max-width:760px){
.appVisualV9 .appFrameV9,.webappsProductObjectV9 .webProductFrameV9{width:100%}
}
@media(max-width:1100px){
.serviceIndexV8.service-webapps,.serviceIndexV8.service-integrations{grid-template-columns:1fr 1fr!important;gap:14px}
.serviceIndexV8.service-webapps>div:first-child,.serviceIndexV8.service-integrations>div:first-child{grid-column:1/-1!important;grid-row:auto!important;padding:28px 0 18px!important}
.serviceIndexV8.service-webapps>.serviceIndexPhotoV8,.serviceIndexV8.service-integrations>.serviceIndexPhotoV8{grid-column:1!important;grid-row:auto!important}
.serviceIndexV8.service-webapps>.systemVisual,.serviceIndexV8.service-integrations>.systemVisual{grid-column:2!important;grid-row:auto!important}
}
@media(max-width:760px){
.serviceIndexV8.service-webapps,.serviceIndexV8.service-integrations{grid-template-columns:1fr!important}
.serviceIndexV8.service-webapps>.serviceIndexPhotoV8,.serviceIndexV8.service-integrations>.serviceIndexPhotoV8,
.serviceIndexV8.service-webapps>.systemVisual,.serviceIndexV8.service-integrations>.systemVisual{grid-column:1!important}
}
.webActionPanelV9>span{grid-column:auto!important;grid-row:auto!important;align-self:auto!important;background:transparent!important;padding:0!important;color:#aeb3aa!important;font:500 9px var(--mono)!important;text-transform:none!important}
@media(max-width:760px){
.webProductObjectV9 .webappUiTopV8{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
.webProductObjectV9 .webappUiTopV8 strong{font-size:20px}
.webProductObjectV9 .webappUiTopV8>span{min-width:0;max-width:82px;white-space:normal;text-align:right;line-height:1.15;font-size:8px;padding-top:0}
}
:root,
html[data-theme="warm"],
html[data-theme="cool"],
html[data-theme="dark"]{
--header-surface:rgba(246,244,238,.975);
--header-text:#10120f;
--header-muted:#5b6059;
--header-border:rgba(16,18,15,.16);
}
.siteHeader,
html[data-theme="dark"] .siteHeader,
html[data-theme="cool"] .siteHeader{
background:var(--header-surface)!important;
color:var(--header-text)!important;
border-color:var(--header-border)!important;
box-shadow:0 10px 28px rgba(16,18,15,.055);
}
.siteHeader .brand,
.siteHeader .desktopNav a,
.siteHeader .lang a.active,
html[data-theme="dark"] .siteHeader .brand,
html[data-theme="dark"] .siteHeader .desktopNav a,
html[data-theme="dark"] .siteHeader .lang a.active{
color:#10120f!important;
}
.siteHeader .lang,
html[data-theme="dark"] .siteHeader .lang{color:#5b6059!important}
.siteHeader .menuBtn i,.siteHeader .menuBtn i::after,
html[data-theme="dark"] .siteHeader .menuBtn i,
html[data-theme="dark"] .siteHeader .menuBtn i::after{background:#10120f!important}
.siteHeader .mobileMenu,
html[data-theme="dark"] .siteHeader .mobileMenu{
background:rgba(246,244,238,.99)!important;
color:#10120f!important;
border-color:rgba(16,18,15,.16)!important;
}
.siteHeader .mobileMenu nav a,
html[data-theme="dark"] .siteHeader .mobileMenu nav a{color:#10120f!important}
.siteHeader .headerCta{background:var(--green)!important;color:#10120f!important}
body,button,input,textarea{font-family:var(--sans)}
.brand,.desktopNav,.headerCta,.primaryCta,.serviceButton,.textCta,.contactCell strong{font-family:var(--sans)}
.heroV8 h1,.pageIntroV8 h1,.aboutHeroV8 h1,.contactHeroV8 h1,.serviceHeroV8 h1,
.servicesV8 h2,.processV8 h2,.workPreviewV8 h2,.aboutPreviewV8 h2,.contactV8 h2,
.operatingPrinciplesV8 h2,.aboutFactsV8 h2,.contactSubmitV8 h2,.serviceStructureV8 h2,
.serviceEvidenceV8 h2,.serviceContactV8 h2,.pinnedCopyV8 h3,.serviceIndexV8 h2,
.workTypeHead h2,.footerStatement strong,.dialogCopy h2,.legalPage h1{
font-family:var(--editorial);
font-optical-sizing:auto;
}
.heroV8 h1{font-weight:650;letter-spacing:-.047em;line-height:.92}
.pageIntroV8 h1,.aboutHeroV8 h1,.contactHeroV8 h1{font-weight:560;letter-spacing:-.035em;line-height:.99}
.serviceHeroV8 h1{font-weight:650;letter-spacing:-.038em;line-height:.98}
.servicesV8 h2,.processV8 h2,.workPreviewV8 h2,.aboutPreviewV8 h2,.contactV8 h2,
.operatingPrinciplesV8 h2,.aboutFactsV8 h2,.contactSubmitV8 h2,.serviceStructureV8 h2,
.serviceEvidenceV8 h2,.serviceContactV8 h2,.pinnedCopyV8 h3,.serviceIndexV8 h2,
.workTypeHead h2{font-weight:560;letter-spacing:-.034em}
.lead,body{letter-spacing:-.006em}
.techLabel,.lang,.flowNode small,.integrationNode small,.integrationHub small,.flowDecision span,
.appColumns,.integrationRoutePointV8 small,.systemsRoutePoint small,.legalIdentity,
.contactForm label>span,.dialogForm label>span{font-family:var(--mono)}
.serviceIndexV8.service-integrations>.serviceIndexPhotoIntegrationsV8{
background:#e9eeec;
min-height:500px;
padding:clamp(14px,1.8vw,28px);
display:grid;
place-items:center;
overflow:hidden;
}
.serviceIndexV8.service-integrations>.serviceIndexPhotoIntegrationsV8 .responsiveMedia,
.serviceIndexV8.service-integrations>.serviceIndexPhotoIntegrationsV8 source{width:100%}
.serviceIndexV8.service-integrations>.serviceIndexPhotoIntegrationsV8 img{
width:100%;height:100%;object-fit:contain;object-position:center;background:#edf1ef;
}
.principlesBandV8{gap:1px;background:var(--line);border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.principlesBandV8 article{
position:relative;min-height:390px;padding:30px;background:var(--paper);border:0!important;
display:grid;grid-template-rows:190px auto auto;align-content:start;overflow:hidden;
}
.principleModelV10{position:relative;height:160px;margin:0 0 30px;background:#e4e1d8;border-top:1px solid rgba(17,18,16,.24);overflow:hidden;isolation:isolate}
.principleModelV10::before{content:"";position:absolute;inset:18px;background:rgba(248,245,237,.78);border-top:1px solid rgba(17,18,16,.15);z-index:-1}
.principlesBandV8 strong{font-family:var(--editorial);font-size:22px;font-weight:570;letter-spacing:-.025em;margin-bottom:10px}
.principlesBandV8 p{max-width:34ch}
.collabNodeV10{position:absolute;width:78px;height:58px;background:#f8f5ed;border-top:2px solid #111210;padding:10px;box-shadow:0 10px 20px rgba(17,18,16,.08)}
.collabNodeV10.a{left:13%;top:30%}.collabNodeV10.b{right:13%;bottom:24%;border-top-color:var(--green)}
.collabNodeV10 i,.collabNodeV10 b{display:block}.collabNodeV10 i{width:16px;height:16px;border-radius:50%;background:#111210;margin-bottom:9px}.collabNodeV10.b i{background:var(--green)}
.collabNodeV10 b{height:5px;background:#aaa99f;width:70%}
.collabRailV10{position:absolute;left:33%;right:31%;top:52%;height:1px;background:#797d76}.collabRailV10 i{position:absolute;left:46%;top:-4px;width:9px;height:9px;background:#111210;border-radius:50%}
.logicFieldV10{position:absolute;left:12%;right:12%;top:26%;height:66px;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:stretch}
.logicFieldV10 i{display:block;background:#f8f5ed;border-top:2px solid #111210;position:relative}
.logicFieldV10 i.rule{background:#20211e;border-top-color:var(--green);transform:translateY(-8px)}
.logicFieldV10 i.state{background:var(--green);border-top-color:#111210;transform:translateY(8px)}
.logicStatusV10{position:absolute;left:16%;right:16%;bottom:22%;height:20px;border-top:1px solid #9a9d96;display:flex;justify-content:space-between;padding-top:9px}.logicStatusV10 i{width:34%;height:4px;background:#9fa299}.logicStatusV10 i:last-child{width:18%;background:#111210}
.evolveStackV10{position:absolute;left:18%;right:18%;top:21%;height:88px}
.evolveStackV10 i{position:absolute;left:0;right:0;height:56px;background:#f8f5ed;border-top:2px solid #111210;box-shadow:0 9px 18px rgba(17,18,16,.07)}
.evolveStackV10 i.v1{top:22px;left:0;right:28%;opacity:.55}.evolveStackV10 i.v2{top:11px;left:12%;right:14%;opacity:.78}.evolveStackV10 i.v3{top:0;left:26%;right:0;border-top-color:var(--green)}
.evolveTimelineV10{position:absolute;left:14%;right:14%;bottom:16%;height:1px;background:#8f938b;display:flex;justify-content:space-between}.evolveTimelineV10 i{width:8px;height:8px;border-radius:50%;background:#767a73;transform:translateY(-4px)}.evolveTimelineV10 i:last-child{background:var(--green);box-shadow:0 0 0 4px #dfe8ca}
.contactRequestNoPhotoV10{
max-width:var(--max);margin:0 auto 92px;padding:0;min-height:700px;
display:grid;grid-template-columns:.82fr 1.18fr;background:#10110f;color:#f2efe7;
border-top:1px solid rgba(255,255,255,.12);overflow:hidden;
}
.contactRequestNoPhotoV10::before{display:none}
.contactRequestStageV10{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(52px,6vw,92px);background:#11120f;border-right:1px solid rgba(255,255,255,.12);overflow:hidden}
.contactRequestStageV10::before{content:"";position:absolute;left:clamp(52px,6vw,92px);right:clamp(52px,6vw,92px);top:28px;height:3px;background:var(--green);transform:scaleX(.22);transform-origin:left center}
.contactRequestStageV10 .contactRequestIntroV8{padding:0;position:relative;z-index:2}
.contactRequestStageV10 .contactRequestIntroV8 h2{font-family:var(--editorial);font-size:clamp(52px,5.7vw,88px);font-weight:590;line-height:.92;letter-spacing:-.045em;max-width:620px;margin:0 0 24px;color:#f2efe7}
.contactRequestStageV10 .contactRequestIntroV8 p{font-size:16px;line-height:1.65;color:#aeb3aa;max-width:520px;margin:0}
.requestProcessV10{position:relative;margin-top:64px;display:grid;gap:14px;max-width:520px}
.requestProcessStepV10{height:54px;display:grid;grid-template-columns:14px 1fr 70px;align-items:center;gap:16px;border-top:1px solid rgba(255,255,255,.14);padding-top:12px;opacity:.72;transition:opacity .28s var(--ease),transform .28s var(--ease)}
.requestProcessStepV10 i{width:9px;height:9px;border-radius:50%;background:#6f746c}.requestProcessStepV10 b{display:block;height:5px;background:#51554f}.requestProcessStepV10 em{display:block;height:5px;background:#32352f;font-style:normal}
.requestProcessStepV10.structure{transform:translateX(7%);opacity:.86}.requestProcessStepV10.structure i{background:#aeb3aa}.requestProcessStepV10.response{transform:translateX(14%);opacity:1}.requestProcessStepV10.response i{background:var(--green)}.requestProcessStepV10.response b{background:#6d7854}
.contactRequestNoPhotoV10 .contactRequestPanelV8{display:flex;align-items:center;background:#151713;border:0}
.contactRequestNoPhotoV10 .contactFormPanel{width:100%;padding:clamp(48px,5.2vw,82px);background:#151713;border:0;display:block}
.contactRequestNoPhotoV10 .contactForm{gap:22px}
.contactRequestNoPhotoV10 .contactForm label{gap:9px;color:#b6bbb2;font:500 10px/1.35 var(--mono);letter-spacing:.055em;text-transform:uppercase}
.contactRequestNoPhotoV10 .contactForm input,.contactRequestNoPhotoV10 .contactForm textarea{
background:#181a16;border:0;border-bottom:1px solid rgba(255,255,255,.22);border-radius:0;color:#f2efe7;min-height:60px;padding:17px 2px 14px;
transition:border-color .22s var(--ease),background-color .22s var(--ease),padding-left .22s var(--ease)
}
.contactRequestNoPhotoV10 .contactForm textarea{min-height:176px;resize:vertical;padding-top:18px}
.contactRequestNoPhotoV10 .contactForm input:hover,.contactRequestNoPhotoV10 .contactForm textarea:hover{border-color:rgba(255,255,255,.42);background:#1a1c18}
.contactRequestNoPhotoV10 .contactForm input:focus,.contactRequestNoPhotoV10 .contactForm textarea:focus{outline:0;border-color:var(--green);box-shadow:none;background:#1a1c18;padding-left:10px}
.contactRequestNoPhotoV10 .contactForm .primaryCta{min-height:66px;margin-top:6px;justify-content:center!important;background:var(--green);color:#111210;border:1px solid var(--green);transition:transform .24s var(--ease),background-color .24s var(--ease),border-color .24s var(--ease)}
.contactRequestNoPhotoV10 .contactForm .primaryCta:hover{transform:translateY(-2px);background:#c2f35c;border-color:#c2f35c}
.contactRequestNoPhotoV10 .contactForm .primaryCta:active{transform:translateY(0)}
.contactRequestNoPhotoV10 .contactForm .primaryCta::before,.contactRequestNoPhotoV10 .contactForm .primaryCta::after{content:none!important}
.contactRequestNoPhotoV10 .contactRequestStageV10,.contactRequestNoPhotoV10 .contactRequestPanelV8{opacity:0;transform:translateY(18px);transition:opacity .58s var(--ease),transform .58s var(--ease)}
.contactRequestNoPhotoV10 .contactRequestPanelV8{transition-delay:.08s}
.contactRequestNoPhotoV10.is-visible .contactRequestStageV10,.contactRequestNoPhotoV10.is-visible .contactRequestPanelV8{opacity:1;transform:none}
.contactRequestNoPhotoV10.is-visible .requestProcessStepV10{opacity:1}
.serviceContactV8 .contactForm input,.serviceContactV8 .contactForm textarea{border-radius:0;border-width:0 0 1px;background:#171915;padding-inline:2px;box-shadow:none}
.serviceContactV8 .contactForm input:focus,.serviceContactV8 .contactForm textarea:focus{box-shadow:none;padding-left:10px}
.serviceContactV8 .contactForm .primaryCta::before,.serviceContactV8 .contactForm .primaryCta::after{content:none!important}
@media(max-width:1100px){
.contactRequestNoPhotoV10{grid-template-columns:1fr;min-height:0;margin-bottom:64px}
.contactRequestStageV10{min-height:470px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
.principlesBandV8 article{min-height:350px}
}
@media(max-width:760px){
.serviceIndexV8.service-integrations>.serviceIndexPhotoIntegrationsV8{height:auto;min-height:280px;padding:12px}
.serviceIndexV8.service-integrations>.serviceIndexPhotoIntegrationsV8 img{height:auto;max-height:360px;object-fit:contain}
.principlesBandV8{display:grid;grid-template-columns:1fr;background:transparent;border-bottom:0}
.principlesBandV8 article{min-height:0;grid-template-rows:150px auto auto;padding:26px 22px;border-bottom:1px solid var(--line)!important}
.principleModelV10{height:128px;margin-bottom:24px}
.contactRequestNoPhotoV10{margin-bottom:54px}
.contactRequestStageV10{min-height:430px;padding:50px 24px 38px}
.contactRequestStageV10::before{left:24px;right:24px;top:22px}
.contactRequestStageV10 .contactRequestIntroV8 h2{font-size:clamp(44px,12vw,60px);line-height:.94}
.requestProcessV10{margin-top:46px}
.requestProcessStepV10.structure{transform:translateX(3%)}.requestProcessStepV10.response{transform:translateX(6%)}
.contactRequestNoPhotoV10 .contactFormPanel{padding:38px 24px 46px}
}
@media(prefers-reduced-motion:reduce){
.contactRequestNoPhotoV10 .contactRequestStageV10,.contactRequestNoPhotoV10 .contactRequestPanelV8,.requestProcessStepV10,
.contactRequestNoPhotoV10 .contactForm input,.contactRequestNoPhotoV10 .contactForm textarea,.contactRequestNoPhotoV10 .contactForm .primaryCta{transition:none!important}
.contactRequestNoPhotoV10 .contactRequestStageV10,.contactRequestNoPhotoV10 .contactRequestPanelV8{opacity:1!important;transform:none!important}
}
body.projectDrawerOpen{overflow:hidden!important}
.projectDialog{
position:fixed!important;inset:0!important;margin:0!important;padding:0!important;
width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;
border:0!important;background:transparent!important;color:#f2efe7!important;overflow:hidden!important;
}
.projectDialog::backdrop{background:rgba(8,9,7,0);backdrop-filter:none;transition:background-color .36s var(--ease)}
.projectDialog.is-active::backdrop{background:rgba(8,9,7,.7)}
.projectDialog .dialogShell{
position:absolute;inset:0 0 0 auto;width:min(52vw,820px);height:100dvh;max-height:100dvh;
padding:clamp(38px,4.2vw,66px);display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto;
align-content:start;gap:34px;background:#11120f!important;border:0!important;border-left:1px solid rgba(255,255,255,.14)!important;
box-shadow:none!important;overflow-y:auto;overscroll-behavior:contain;
transform:translateX(102%);transition:transform .42s cubic-bezier(.22,.72,.18,1);
}
.projectDialog.is-active .dialogShell{transform:translateX(0)}
.projectDialog.is-closing .dialogShell{transform:translateX(102%)}
.projectDialog .dialogShell::before{
content:"";position:absolute;left:clamp(38px,4.2vw,66px);right:clamp(38px,4.2vw,66px);top:24px;height:3px;
background:var(--green);transform-origin:left center;transform:scaleX(.18)
}
.projectDialog .dialogClose{
position:absolute;z-index:4;right:24px;top:22px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.15)!important;
background:#171914!important;color:transparent!important;font-size:0!important;cursor:pointer;transition:border-color .2s var(--ease),background-color .2s var(--ease),transform .2s var(--ease)
}
.projectDialog .dialogClose::before,.projectDialog .dialogClose::after{
content:"";position:absolute;left:13px;right:13px;top:21px;height:1px;background:#f2efe7;transform:rotate(45deg)
}
.projectDialog .dialogClose::after{transform:rotate(-45deg)}
.projectDialog .dialogClose:hover{border-color:rgba(255,255,255,.38)!important;background:#1d201a!important;transform:rotate(2deg)}
.projectDialog .dialogClose:focus-visible{outline:3px solid #111210;box-shadow:0 0 0 5px var(--green)}
.projectDialog .dialogCopy{padding-top:34px;padding-right:58px;max-width:620px}
.projectDialog .dialogCopy h2{
margin:0 0 18px;font-family:var(--editorial);font-size:clamp(48px,4.25vw,70px);font-weight:600;line-height:.94;letter-spacing:-.046em;color:#f2efe7
}
.projectDialog .dialogCopy p{max-width:48ch;margin:0;color:#aeb3aa;font-size:15px;line-height:1.62}
.projectDialog .dialogForm{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.projectDialog .dialogForm label{gap:8px;color:#aeb3aa;font:500 10px/1.35 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.projectDialog .dialogForm input,.projectDialog .dialogForm textarea{
border:0!important;border-bottom:1px solid rgba(255,255,255,.22)!important;border-radius:0!important;background:#171914!important;color:#f2efe7!important;
min-height:58px;padding:16px 3px 13px!important;box-shadow:none!important;transition:border-color .22s var(--ease),background-color .22s var(--ease),padding-left .22s var(--ease)
}
.projectDialog .dialogForm textarea{min-height:164px;resize:vertical;padding-top:17px!important}
.projectDialog .dialogForm input:hover,.projectDialog .dialogForm textarea:hover{border-color:rgba(255,255,255,.44)!important;background:#1a1c18!important}
.projectDialog .dialogForm input:focus,.projectDialog .dialogForm textarea:focus{outline:0;border-color:var(--green)!important;background:#1a1c18!important;padding-left:10px!important}
.projectDialog .dialogForm input[readonly]{color:#d8ddcf!important;border-bottom-color:rgba(183,234,75,.42)!important}
.projectDialog .dialogForm .primaryCta{
min-height:64px;margin-top:6px;justify-content:center!important;background:var(--green)!important;color:#111210!important;border:1px solid var(--green)!important;
transition:transform .22s var(--ease),background-color .22s var(--ease),border-color .22s var(--ease)
}
.projectDialog .dialogForm .primaryCta:hover{transform:translateY(-2px);background:#c4f55d!important;border-color:#c4f55d!important}
.projectDialog .dialogForm .primaryCta:active{transform:none}
.projectDialog .dialogForm .primaryCta::before,.projectDialog .dialogForm .primaryCta::after{content:none!important}
.contactV8{grid-template-columns:.96fr 1.04fr}
.homeProjectCtaPanelV11{
position:relative;justify-content:flex-end!important;align-items:stretch!important;gap:20px!important;min-height:570px;
padding:clamp(42px,4.8vw,74px)!important;background:#151713!important;overflow:hidden
}
.homeProjectCtaPanelV11::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.10)}
.homeOpsSystemV11{position:relative;flex:1;min-height:360px;margin-bottom:10px;isolation:isolate}
.homeOpsBackplaneV11{position:absolute;inset:8% 4% 9%;z-index:0}
.homeOpsBackplaneV11::before,.homeOpsBackplaneV11::after{content:"";position:absolute;background:rgba(242,239,231,.12)}
.homeOpsBackplaneV11::before{left:17%;top:12%;bottom:9%;width:1px}.homeOpsBackplaneV11::after{left:17%;right:3%;top:54%;height:1px}
.homeOpsBackplaneV11>i{position:absolute;width:7px;height:7px;border-radius:50%;background:#70756d}
.homeOpsBackplaneV11>i:nth-child(1){left:calc(17% - 3px);top:12%}.homeOpsBackplaneV11>i:nth-child(2){left:calc(17% - 3px);top:53%}.homeOpsBackplaneV11>i:nth-child(3){right:2%;top:calc(54% - 3px);background:var(--green)}
.homeOpsModuleV11{
position:absolute;z-index:2;background:#1c1e1a;border:1px solid rgba(242,239,231,.13);padding:18px 18px 16px;
opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .25s var(--ease),background-color .25s var(--ease)
}
.homeOpsSystemV11.is-visible .homeOpsModuleV11{opacity:1;transform:none}
.homeOpsSystemV11.is-visible .module-decision{transition-delay:.08s}.homeOpsSystemV11.is-visible .module-connection{transition-delay:.16s}
.homeOpsModuleV11:hover{border-color:rgba(183,234,75,.45);background:#20231d}
.homeOpsModuleV11.module-state{left:0;top:2%;width:66%;height:112px}
.homeOpsModuleV11.module-decision{right:0;top:34%;width:60%;height:130px;z-index:3;border-top-color:var(--green)}
.homeOpsModuleV11.module-connection{left:8%;bottom:2%;width:78%;height:116px}
.opsSignalV11{display:block;width:9px;height:9px;border-radius:50%;background:#a7aca3;margin-bottom:18px}
.opsStateRailV11{display:flex;align-items:center;gap:0;margin-bottom:17px}
.opsStateRailV11 i{position:relative;display:block;width:10px;height:10px;border-radius:50%;background:#70756d}
.opsStateRailV11 i+ i{margin-left:31%}.opsStateRailV11 i+ i::before{content:"";position:absolute;right:100%;top:4px;width:calc(31% + 52px);height:1px;background:#666b63}
.opsStateRailV11 i:last-child{background:var(--green)}
.opsMetaBarsV11{display:grid;grid-template-columns:1fr .36fr;gap:13px}.opsMetaBarsV11 b{display:block;height:4px;background:#51564f}.opsMetaBarsV11 b:last-child{background:#353832}
.opsDecisionCoreV11{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:7px;align-items:center;margin-bottom:17px}.opsDecisionCoreV11 i{height:34px;background:#242721;border-top:1px solid #757b72}.opsDecisionCoreV11 i:nth-child(2){height:54px;border-top:2px solid var(--green);background:#292d24}.opsDecisionStateV11{position:absolute;right:18px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--green)}
.opsNodeLineV11{display:flex;align-items:center;justify-content:space-between;margin:7px 0 24px;position:relative}.opsNodeLineV11::before{content:"";position:absolute;left:6px;right:6px;top:5px;height:1px;background:#666b63}.opsNodeLineV11 i{position:relative;z-index:2;width:11px;height:11px;background:#555a52;border:2px solid #1c1e1a;border-radius:50%}.opsNodeLineV11 i:nth-child(2){background:#999f95}.opsNodeLineV11 i:nth-child(3){background:#73786f}.opsNodeLineV11 i:last-child{background:var(--green)}
.opsPacketV11{position:absolute;left:22px;top:26px;width:6px;height:6px;border-radius:50%;background:var(--green);opacity:0}
.homeOpsSystemV11.is-visible .opsPacketV11{animation:opsPacketV11 1.15s cubic-bezier(.22,.72,.18,1) .35s forwards}
@keyframes opsPacketV11{0%{opacity:0;transform:translateX(0)}18%{opacity:1}100%{opacity:1;transform:translateX(235px)}}
.homeProjectCtaPanelV11 .homeProjectCta{align-self:flex-start;min-height:62px;padding-inline:28px;border:0;cursor:pointer}
.aboutProductSplitV11{grid-template-columns:1fr 1.06fr;min-height:590px}
.aboutProductSplitV11>div:last-child{background:var(--paper-2);padding:clamp(48px,5vw,78px)}
.aboutProductVisualV11{position:relative;min-height:590px;background:#0b0c0a;overflow:hidden;border-right:1px solid rgba(17,18,16,.16);isolation:isolate}
.aboutProductVisualV11::before{content:"";position:absolute;left:8%;right:8%;top:19%;height:1px;background:rgba(242,239,231,.10)}
.aboutProductTopV11{position:absolute;left:8%;right:8%;top:9%;display:flex;gap:8px}.aboutProductTopV11 i{width:7px;height:7px;border-radius:50%;background:#464a43}.aboutProductTopV11 i:last-child{background:var(--green)}
.aboutProductTransportV11{position:absolute;left:8%;right:14%;top:28%;height:72px;border:1px solid rgba(242,239,231,.14);background:#11130f;display:flex;align-items:center;justify-content:space-between;padding:0 18px;transform:translateY(14px);opacity:0;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.aboutProductVisualV11.is-visible .aboutProductTransportV11{opacity:1;transform:none}
.transportStateV11{display:flex;align-items:center;gap:10px}.transportStateV11 i{width:9px;height:9px;border-radius:50%;background:var(--green)}.transportStateV11 b{display:block;width:116px;height:6px;background:#6b7168}.transportStateV11 em{display:block;width:52px;height:6px;background:#30342e;font-style:normal}.transportActionV11{width:78px;height:28px;border:1px solid rgba(242,239,231,.18);background:#181a16}
.aboutProductLogsV11{position:absolute;left:8%;right:8%;top:47%;display:grid;gap:14px}.aboutProductLogsV11 i{position:relative;display:block;height:8px;width:78%;background:#333730;opacity:.72}.aboutProductLogsV11 i::before{content:"";position:absolute;left:0;top:0;width:12%;height:100%;background:#767c72}.aboutProductLogsV11 i:nth-child(2){width:92%}.aboutProductLogsV11 i:nth-child(3){width:69%}.aboutProductLogsV11 i:nth-child(4){width:84%}.aboutProductLogsV11 i:nth-child(5){width:58%}.aboutProductLogsV11 i:nth-child(3)::before{background:var(--green)}
.aboutProductDetailV11{position:absolute;left:8%;bottom:9%;width:54%;min-height:102px;border-top:1px solid rgba(242,239,231,.18);padding:18px 0 0;display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start}.detailIconV11{width:30px;height:36px;border:1px solid rgba(242,239,231,.24);position:relative}.detailIconV11::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);left:10px;top:13px}.aboutProductDetailV11>div{display:grid;gap:10px;padding-top:2px}.aboutProductDetailV11>div i{height:5px;background:#4b5049;width:82%}.aboutProductDetailV11>div i:nth-child(2){width:58%}.aboutProductDetailV11>div i:nth-child(3){width:70%;background:#30342e}
.aboutProductIndexV11{position:absolute;right:8%;bottom:10%;display:flex;align-items:flex-end;gap:7px;height:84px}.aboutProductIndexV11 i{display:block;width:10px;background:#2f332d;height:36%}.aboutProductIndexV11 i:nth-child(2){height:62%;background:#50564d}.aboutProductIndexV11 i:nth-child(3){height:92%;background:var(--green)}
.aboutProductVisualV11.is-visible .aboutProductLogsV11 i{animation:aboutLogRevealV11 .5s var(--ease) both}.aboutProductVisualV11.is-visible .aboutProductLogsV11 i:nth-child(2){animation-delay:.06s}.aboutProductVisualV11.is-visible .aboutProductLogsV11 i:nth-child(3){animation-delay:.12s}.aboutProductVisualV11.is-visible .aboutProductLogsV11 i:nth-child(4){animation-delay:.18s}.aboutProductVisualV11.is-visible .aboutProductLogsV11 i:nth-child(5){animation-delay:.24s}
@keyframes aboutLogRevealV11{from{opacity:0;transform:translateX(-12px)}to{opacity:.72;transform:none}}
@media(max-width:1100px){
.projectDialog .dialogShell{width:min(68vw,760px)}
.aboutProductSplitV11{grid-template-columns:1fr;min-height:0}
.aboutProductVisualV11{min-height:500px;border-right:0;border-bottom:1px solid rgba(17,18,16,.14)}
.contactV8{grid-template-columns:1fr}
.homeProjectCtaPanelV11{min-height:520px;border-left:0!important;border-top:1px solid rgba(255,255,255,.10)}
}
@media(max-width:760px){
.projectDialog .dialogShell{width:100vw;max-width:none;padding:30px 22px 38px;border-left:0!important}
.projectDialog .dialogShell::before{left:22px;right:22px;top:17px}
.projectDialog .dialogClose{right:16px;top:14px;width:42px;height:42px}
.projectDialog .dialogCopy{padding-top:30px;padding-right:48px}
.projectDialog .dialogCopy h2{font-size:clamp(42px,12vw,56px)}
.projectDialog .dialogForm{grid-template-columns:1fr;gap:16px}
.projectDialog .dialogForm .full,.projectDialog .dialogForm button,.projectDialog .formStatus{grid-column:1}
.projectDialog .dialogForm textarea{min-height:145px}
.homeProjectCtaPanelV11{padding:38px 24px!important;min-height:510px}
.homeOpsSystemV11{min-height:350px;margin-bottom:2px}
.homeOpsModuleV11.module-state{width:76%;height:104px}
.homeOpsModuleV11.module-decision{width:70%;top:35%;height:122px}
.homeOpsModuleV11.module-connection{left:4%;width:88%;height:108px}
.aboutProductVisualV11{min-height:390px}
.aboutProductTransportV11{left:6%;right:6%;top:24%;height:62px;padding-inline:13px}.transportStateV11 b{width:78px}.transportStateV11 em{width:32px}.transportActionV11{width:55px}
.aboutProductLogsV11{left:6%;right:6%;top:47%;gap:11px}.aboutProductDetailV11{left:6%;bottom:7%;width:62%}.aboutProductIndexV11{right:6%;bottom:8%}
.aboutProductSplitV11>div:last-child{padding:38px 24px}
}
@media(prefers-reduced-motion:reduce){
.projectDialog::backdrop,.projectDialog .dialogShell,.projectDialog .dialogClose,.projectDialog .dialogForm input,.projectDialog .dialogForm textarea,.projectDialog .dialogForm .primaryCta,
.homeOpsModuleV11,.aboutProductTransportV11{transition:none!important}
.homeOpsSystemV11 .homeOpsModuleV11,.aboutProductVisualV11 .aboutProductTransportV11{opacity:1!important;transform:none!important}
.homeOpsSystemV11 .opsPacketV11,.aboutProductVisualV11 .aboutProductLogsV11 i{animation:none!important;opacity:1!important;transform:none!important}
}
.aboutProductVisualV11.aboutProductReferenceV12::before{display:none}
.aboutProductReferenceV12{display:flex;align-items:center;justify-content:center;padding:0;background:#000}
.aboutProductReferenceV12>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.homeOpsReferenceV12{display:flex;align-items:center;justify-content:center;min-height:0!important;aspect-ratio:1150/874;margin-bottom:10px!important;background:#000;overflow:hidden}
.homeOpsReferenceV12>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:1100px){
.aboutProductReferenceV12{min-height:0!important;aspect-ratio:1253/837}
.homeOpsReferenceV12{width:min(100%,760px)}
}
@media(max-width:760px){
.aboutProductReferenceV12{min-height:0!important;aspect-ratio:1253/837}
.homeOpsReferenceV12{min-height:0!important;aspect-ratio:1150/874;margin-bottom:6px!important}
}
:root{
--theme-shift-duration:1.8s;
--theme-shift-ease:cubic-bezier(.16,1,.3,1);
}
@media(min-width:1101px){
.contactV8{min-height:760px}
.homeProjectCtaPanelV11{
min-height:760px;
padding:30px 34px 34px!important;
}
.homeProjectCtaPanelV11 .homeOpsReferenceV12{
width:100%;
max-width:none;
flex:1 1 auto;
min-height:520px!important;
aspect-ratio:auto!important;
margin:0 0 14px!important;
}
.homeProjectCtaPanelV11 .homeOpsReferenceV12>img{
width:100%;
height:100%;
object-fit:contain!important;
object-position:center!important;
}
}
.aboutProductReferenceV12>img{
object-fit:contain!important;
object-position:center!important;
}
.processV8,
.processStepsV8,
.processIntroV8 p,
.processStepV8,
.processStepV8 p,
.processStepV8>span{
transition-duration:var(--theme-shift-duration);
transition-timing-function:var(--theme-shift-ease);
}
.processV8{transition-property:background-color,color}
.processStepsV8{transition-property:background-color}
.processIntroV8 p,.processStepV8 p{transition-property:color}
.processStepV8{
transition-property:opacity,transform,background-color,color,border-color;
}
.processStepV8>span{transition-property:background-color,color}
html[data-theme="dark"] .processV8{color:#f2efe7;background:#121310}
html[data-theme="dark"] .processIntroV8 p,
html[data-theme="dark"] .processStepV8 p{color:#a9aea6}
html[data-theme="dark"] .processStepsV8{background:rgba(242,239,231,.12)}
html[data-theme="dark"] .processStepV8{
color:#f2efe7;
background:#121310;
border-color:rgba(242,239,231,.15);
}
html[data-theme="dark"] .processStepV8>span{background:#f2efe7;color:#121310}
@media(max-width:1100px){
.homeProjectCtaPanelV11 .homeOpsReferenceV12{width:100%}
}
@media(prefers-reduced-motion:reduce){
.processV8,.processStepsV8,.processIntroV8 p,.processStepV8,.processStepV8 p,.processStepV8>span{
transition:none!important;
}
}
:root{
--theme-shift-duration:2.35s;
--theme-shift-ease:cubic-bezier(.22,.61,.36,1);
}
html,body,.siteHeader,.servicesV8,.processV8,.workPreviewV8,.aboutPreviewV8,.contactV8,.footerV8{
transition-timing-function:var(--theme-shift-ease);
}
html,body{transition-duration:var(--theme-shift-duration)}
html[data-theme="dark"] body{background:#11120f;color:#f2efe7}
html[data-theme="dark"] .servicesV8,
html[data-theme="dark"] .processV8,
html[data-theme="dark"] .workPreviewV8,
html[data-theme="dark"] .aboutPreviewV8{background:#11120f}
.homeProjectCtaPanelV11 .homeOpsReferenceV12{
background:#10110f!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.homeProjectCtaPanelV11 .homeOpsReferenceV12>img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
}
.serviceIndexPhotoWebappsV15{
background:#10110f!important;
overflow:hidden;
}
.serviceIndexPhotoWebappsV15 img{
object-fit:contain!important;
object-position:center!important;
background:#10110f;
}
.workPreviewDiagramCleanV15{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:650px!important;
padding:clamp(34px,4vw,66px)!important;
background:#e8e5dc!important;
overflow:hidden!important;
}
.workPreviewDiagramCleanV15::before{
content:"";
position:absolute;
inset:8% 7%;
background:
linear-gradient(rgba(17,18,16,.07) 1px,transparent 1px) 0 0/100% 25%,
linear-gradient(90deg,rgba(17,18,16,.055) 1px,transparent 1px) 0 0/25% 100%;
pointer-events:none;
}
.workPreviewDiagramCleanV15 .workflowVisualV9{
position:relative!important;
inset:auto!important;
width:min(100%,820px)!important;
height:auto!important;
min-height:540px!important;
padding:34px!important;
margin:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
z-index:1;
}
.workPreviewDiagramCleanV15 .workflowBackplaneV9{opacity:.28}
.workPreviewDiagramCleanV15 .workflowPrimaryV9{
margin:70px 1% 176px!important;
gap:26px!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode{
padding:24px 22px 21px!important;
min-height:146px;
display:flex;
flex-direction:column;
justify-content:center;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode strong{
font-size:clamp(22px,2vw,30px)!important;
line-height:1.02!important;
overflow-wrap:normal;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode>span{
font-size:11px!important;
line-height:1.35;
}
.workPreviewDiagramCleanV15 .workflowContextV9{
left:22%!important;
right:7%!important;
bottom:7%!important;
grid-template-columns:1.28fr .72fr!important;
gap:18px!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowStateModuleV9,
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowRuleModuleV9{
min-height:112px;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowStateModuleV9 strong{font-size:25px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowRuleModuleV9>b{font-size:23px!important;line-height:1.05}
.workPreviewDiagramCleanV15 .workflowAuditV9{opacity:.45}
.workTypesV8 .workTypeNoVisualV15{
grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr)!important;
}
.workTypesV8 .workTypeNoVisualV15 .workTypeHead{grid-column:1!important}
.workTypesV8 .workTypeNoVisualV15>dl{grid-column:2!important}
@media(max-width:1100px){
.workPreviewDiagramCleanV15{min-height:560px!important;padding:32px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9{min-height:500px!important;width:100%!important}
.workTypesV8 .workTypeNoVisualV15{grid-template-columns:minmax(200px,.62fr) minmax(0,1.38fr)!important}
}
@media(max-width:760px){
.workPreviewDiagramCleanV15{min-height:520px!important;padding:18px!important}
.workPreviewDiagramCleanV15::before{inset:5%}
.workPreviewDiagramCleanV15 .workflowVisualV9{min-height:480px!important;padding:14px!important}
.workPreviewDiagramCleanV15 .workflowPrimaryV9{margin:28px 1% 178px!important;gap:10px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode{min-height:0;padding:14px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode strong{font-size:17px!important}
.workPreviewDiagramCleanV15 .workflowContextV9{left:6%!important;right:6%!important;bottom:5%!important;grid-template-columns:1.15fr .85fr!important;gap:8px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowStateModuleV9,
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowRuleModuleV9{min-height:0}
.workTypesV8 .workTypeNoVisualV15{grid-template-columns:1fr!important}
.workTypesV8 .workTypeNoVisualV15 .workTypeHead,
.workTypesV8 .workTypeNoVisualV15>dl{grid-column:1!important}
}
@media(prefers-reduced-motion:reduce){
html,body,.siteHeader,.servicesV8,.processV8,.workPreviewV8,.aboutPreviewV8,.contactV8,.footerV8{transition:none!important}
}
.aboutProductSplitV11>div:last-child,
.aboutProductSplitV11>div:last-child h2{
color:#111210!important;
}
.aboutProductSplitV11>div:last-child p{
color:#62665f!important;
}
.systemVisual,
.systemVisual *{box-sizing:border-box}
.systemVisual article,
.systemVisual section,
.systemVisual header,
.systemVisual div{min-width:0}
.systemVisual strong,
.systemVisual b,
.systemVisual em,
.systemVisual small,
.systemVisual span,
.systemVisual code{
max-width:100%;
white-space:normal;
word-break:normal;
}
.workflowVisualV9 .flowNode strong,
.workflowVisualV9 .flowStateModuleV9 strong,
.workflowVisualV9 .flowRuleModuleV9 b,
.integrationVisualV9 .integrationNode span,
.integrationProcessorV9>header strong,
.processorStepsV9 span,
.routePointV9 strong,
.routeOverlayPointV9 strong,
.contractSourceV9 strong,
.contractProcessV9>span,
.contractDestinationV9 b,
.interactionStageV9 strong,
.appInspectorV9 strong,
.appVisualV9 .appRow span,
.appVisualV9 .appRow em{
overflow-wrap:normal;
}
.workflowVisualV9 .flowNode{
min-width:0!important;
padding-left:16px!important;
padding-right:16px!important;
}
.workflowVisualV9 .flowNode strong{
font-size:clamp(15px,1.35vw,21px)!important;
line-height:1.08!important;
}
.workflowVisualV9 .flowStateModuleV9 strong{
font-size:clamp(15px,1.25vw,19px)!important;
line-height:1.08!important;
}
.workflowVisualV9 .flowRuleModuleV9{
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
column-gap:10px!important;
}
.workflowVisualV9 .flowRuleModuleV9>span{
font-size:10px!important;
line-height:1.2!important;
}
.workflowVisualV9 .flowRuleModuleV9>b{
font-size:clamp(14px,1.2vw,18px)!important;
line-height:1.05!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode{
padding:20px 17px!important;
min-height:146px!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode strong{
font-size:clamp(17px,1.55vw,22px)!important;
line-height:1.08!important;
overflow-wrap:normal!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowStateModuleV9 strong{
font-size:clamp(17px,1.45vw,21px)!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowRuleModuleV9>b{
font-size:clamp(15px,1.35vw,19px)!important;
line-height:1.06!important;
overflow-wrap:normal!important;
}
.integrationSystemV9 header{align-items:flex-start}
.integrationVisualV9 .integrationNode{
padding:14px 13px 13px!important;
min-width:0!important;
}
.integrationVisualV9 .integrationNode span{
font-size:clamp(12px,1.05vw,15px)!important;
line-height:1.14!important;
}
.integrationProcessorV9>header{
grid-template-columns:auto minmax(0,1fr) auto!important;
}
.integrationProcessorV9>header strong{
font-size:clamp(13px,1.05vw,16px)!important;
line-height:1.12!important;
}
.processorStepsV9 span{
padding:9px 10px!important;
line-height:1.18!important;
}
.routePointV9,
.routeOverlayPointV9,
.contractSourceV9,
.contractProcessV9,
.contractDestinationV9,
.interactionStageV9,
.appInspectorV9{
min-width:0!important;
}
.routePointV9 strong,
.routeOverlayPointV9 strong{
font-size:clamp(11px,1vw,14px)!important;
line-height:1.12!important;
}
.contractSourceV9 strong{font-size:clamp(13px,1.05vw,16px)!important;line-height:1.12!important}
.contractProcessV9>span{font-size:clamp(11px,.95vw,13px)!important;line-height:1.2!important}
.contractDestinationV9 b{font-size:clamp(12px,1vw,14px)!important;line-height:1.15!important}
.interactionStageV9 strong{font-size:clamp(14px,1.2vw,18px)!important;line-height:1.12!important}
.appInspectorV9 strong{font-size:clamp(17px,1.4vw,21px)!important;line-height:1.08!important}
.appVisualV9 .appRow>*{min-width:0}
.appVisualV9 .appRow span,.appVisualV9 .appRow em{line-height:1.2}
@media(max-width:760px){
.workflowVisualV9 .flowNode strong{font-size:15px!important}
.workflowVisualV9 .flowStateModuleV9 strong{font-size:15px!important}
.workflowVisualV9 .flowRuleModuleV9>b{font-size:14px!important}
.workflowVisualV9 .flowRuleModuleV9>span{font-size:9px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode strong{font-size:15px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowStateModuleV9 strong{font-size:15px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowRuleModuleV9>b{font-size:14px!important}
.integrationVisualV9 .integrationNode span{font-size:12px!important}
.integrationProcessorV9>header strong{font-size:13px!important}
.processorStepsV9 span{font-size:8px!important;padding:8px!important}
}
.systemVisual strong,
.systemVisual b,
.systemVisual em,
.systemVisual small,
.systemVisual span,
.systemVisual code{
word-break:normal!important;
overflow-wrap:normal!important;
hyphens:none!important;
}
.workflowVisualV9 .flowNode{
padding:18px 15px 17px!important;
}
.workflowVisualV9 .flowNode strong{
font-size:clamp(15px,1.18vw,19px)!important;
line-height:1.16!important;
letter-spacing:-.018em!important;
}
.workflowVisualV9 .flowNode>span{
font-size:10px!important;
line-height:1.32!important;
}
.workflowVisualV9 .flowStateModuleV9{
padding:16px 16px!important;
grid-template-columns:auto minmax(0,1fr)!important;
column-gap:12px!important;
}
.workflowVisualV9 .flowStateModuleV9 strong{
font-size:clamp(15px,1.08vw,18px)!important;
line-height:1.14!important;
letter-spacing:-.015em!important;
}
.workflowVisualV9 .flowRuleModuleV9{
padding:15px 16px!important;
grid-template-columns:minmax(0,.75fr) minmax(82px,1.25fr)!important;
column-gap:8px!important;
}
.workflowVisualV9 .flowRuleModuleV9>span{
font-size:9px!important;
line-height:1.2!important;
}
.workflowVisualV9 .flowRuleModuleV9>b{
font-size:clamp(14px,1vw,17px)!important;
line-height:1.08!important;
white-space:nowrap!important;
letter-spacing:-.015em!important;
}
.workflowContextV9{
grid-template-columns:1.08fr .92fr!important;
}
.workPreviewDiagramCleanV15 .workflowPrimaryV9{
gap:14px!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode{
padding:20px 15px 18px!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode strong{
font-size:clamp(16px,1.28vw,20px)!important;
line-height:1.14!important;
letter-spacing:-.018em!important;
word-break:normal!important;
overflow-wrap:normal!important;
hyphens:none!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowStateModuleV9 strong{
font-size:clamp(16px,1.18vw,19px)!important;
line-height:1.14!important;
}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowRuleModuleV9>b{
font-size:clamp(14px,1.05vw,17px)!important;
line-height:1.08!important;
white-space:nowrap!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
.workPreviewDiagramCleanV15 .workflowContextV9{
left:19%!important;
right:6%!important;
grid-template-columns:1.06fr .94fr!important;
gap:12px!important;
}
.integrationVisualV9 .integrationNode span{
font-size:clamp(12px,.92vw,14px)!important;
line-height:1.18!important;
}
.integrationProcessorV9>header strong{
font-size:clamp(13px,.95vw,15px)!important;
line-height:1.16!important;
}
.processorStepsV9 span,
.routePointV9 strong,
.routeOverlayPointV9 strong,
.contractSourceV9 strong,
.contractProcessV9>span,
.contractDestinationV9 b,
.interactionStageV9 strong,
.appInspectorV9 strong,
.appVisualV9 .appRow span,
.appVisualV9 .appRow em{
word-break:normal!important;
overflow-wrap:normal!important;
hyphens:none!important;
}
@media(max-width:760px){
.workflowVisualV9 .flowNode{padding:13px 11px!important}
.workflowVisualV9 .flowNode strong{font-size:14px!important;line-height:1.14!important}
.workflowVisualV9 .flowStateModuleV9{padding:12px!important;column-gap:8px!important}
.workflowVisualV9 .flowStateModuleV9 strong{font-size:14px!important}
.workflowVisualV9 .flowRuleModuleV9{padding:12px 11px!important;grid-template-columns:minmax(0,.68fr) minmax(76px,1.32fr)!important}
.workflowVisualV9 .flowRuleModuleV9>b{font-size:13px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode{padding:13px 10px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowNode strong{font-size:14px!important;line-height:1.14!important}
.workPreviewDiagramCleanV15 .workflowContextV9{left:5%!important;right:5%!important;grid-template-columns:1.04fr .96fr!important;gap:7px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowStateModuleV9 strong{font-size:14px!important}
.workPreviewDiagramCleanV15 .workflowVisualV9 .flowRuleModuleV9>b{font-size:13px!important}
}
.serviceActionRowV12{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.serviceActionRowV12 .serviceButton{margin-top:0}
.servicePriceV12{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 15px;border:1px solid currentColor;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.02em;white-space:nowrap;color:inherit}
.buttonRow .servicePriceV12{margin-right:2px}
.pinnedServiceV8.service-integrations .servicePriceV12{color:var(--paper);border-color:rgba(242,239,231,.45)}
@media(max-width:760px){.serviceActionRowV12,.buttonRow{gap:10px}.servicePriceV12{min-height:44px;padding-inline:13px}}
.workTypesV8 .workTypeVisual.workTypePhotoOnlyV16{
display:block!important;
grid-column:1/-1!important;
width:100%;
min-width:0;
}
.workTypesV8 .workTypePhotoOnlyV16 .workTypePhotoV8{
display:block;
width:100%;
height:auto!important;
min-height:0!important;
overflow:visible;
background:transparent;
}
.workTypesV8 .workTypePhotoOnlyV16 .workTypePhotoV8 img{
display:block;
width:100%;
height:auto!important;
max-height:760px;
object-fit:contain!important;
object-position:center!important;
}
@media (max-width:760px){
.workTypesV8 .workTypePhotoOnlyV16 .workTypePhotoV8 img{max-height:none}
}