/* Technology, Data & AI — original illustrative systems in the approved AWM palette. */
.tech-pilot{--tech-line:#8A5A2226;overflow-x:clip;background:var(--pearl)}
.tech-pilot .container{width:min(1240px,calc(100% - 96px))}.tech-pilot .service-section{padding-block:100px;scroll-margin-top:20px}.tech-pilot .eyebrow{font-size:10px;letter-spacing:.075em}.tech-pilot .small-label{font-size:8px;letter-spacing:.06em}.tech-pilot .section-topline{margin-bottom:36px}
.tech-pilot h2{font:500 clamp(38px,4vw,58px)/1.09 var(--display);letter-spacing:-.055em}.tech-pilot h2 .serif-word{font:italic 1.1em/1.05 Georgia,serif;color:var(--bronze)}.tech-pilot .section-heading{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:85px;align-items:end;margin-bottom:48px}.tech-pilot .section-heading>p{font:14px/1.95 var(--body);color:var(--gray);max-width:420px}
.tech-pilot .text-link{font-size:11px;gap:13px}.tech-pilot .button{font-size:11px;min-height:53px;gap:23px}.tech-pilot .button>svg{width:16px;height:16px}.tech-pilot .button:hover{box-shadow:0 15px 35px #8A5A221A}.tech-pilot .service-breadcrumb{font-size:10px}.tech-pilot .desktop-nav{font-size:11px}
.tech-pilot .tech-hero{padding:119px 0 0;background:var(--pearl);overflow:visible}.tech-pilot .tech-hero:before{background:radial-gradient(ellipse 750px 570px at 82% 48%,#D6B16C1C,transparent 75%)}.tech-runway{position:relative}.tech-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 30px;align-items:center;position:relative;min-height:680px;padding-top:22px}.tech-copy{position:relative;z-index:2;min-width:0}.tech-pilot .tech-copy h1{font:500 clamp(48px,4.3vw,62px)/1.02 var(--display);letter-spacing:-.06em;max-width:600px;margin:25px 0 27px}.tech-copy h1 .serif-word{font:italic 1.13em/.99 Georgia,serif;color:var(--bronze);letter-spacing:-.05em}.tech-copy .hero-description{font:14px/1.95 var(--body);color:var(--gray);max-width:450px}.tech-copy .hero-actions{display:flex;align-items:center;gap:17px 25px;flex-wrap:wrap;margin-top:28px}.tech-copy .hero-note{font:11px/1.8 var(--body);color:var(--gray);margin-top:21px;max-width:430px}
.tech-art-runway,.tech-art-stage{min-width:0}.tech-figure{margin:0;min-width:0}.tech-viewport{position:relative;height:580px;margin-inline:-28px;overflow:clip;isolation:isolate}.tech-entrance,.tech-camera{position:absolute;inset:0}.tech-canvas{position:absolute;left:50%;top:50%;width:720px;height:620px;transform:translate(-50%,-50%) scale(var(--tech-scale,.9));transform-origin:center}.tech-atmosphere{position:absolute;inset:30px -5px -5px;background:radial-gradient(ellipse at 52% 50%,#D6B16C30,transparent 67%);filter:blur(15px);border-radius:50%;pointer-events:none}.system-orbit{position:absolute;left:49px;top:63px;width:600px;height:488px;border:1px solid #8A5A2219;border-radius:50%;transform:rotate(-24deg)}.system-orbit:after{content:'';position:absolute;inset:24px -12px;border:1px solid #8A5A2212;border-radius:50%}.art-coordinate{position:absolute;left:26px;top:28px;font:5.5px var(--mono);color:var(--bronze);letter-spacing:.06em}.art-cross{position:absolute;font:16px Georgia,serif;color:#8A5A2255}.cross-one{left:35px;top:330px}.cross-two{right:20px;top:260px}.art-bottom-label{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font:5.5px var(--mono);color:var(--bronze);letter-spacing:.05em;white-space:nowrap}
.network-core,.surface-float,.hub-float,.node-motion,.insight-float{position:absolute;inset:0;transform-origin:center}.surface-float{z-index:1}.process-surface{position:absolute;left:124px;top:157px;width:450px;height:278px;background:#FFFFFFA6;border:1px solid #FFF;box-shadow:0 25px 55px #8A5A220C;border-radius:6px;transform:rotate(-5deg)}.surface-head,.surface-foot{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font:5px var(--mono);color:var(--bronze);letter-spacing:.04em}.surface-head{top:17px;padding-bottom:13px;border-bottom:1px solid var(--tech-line)}.surface-foot{bottom:16px;padding-top:12px;border-top:1px solid var(--tech-line)}.surface-grid{position:absolute;inset:49px 20px;background:repeating-linear-gradient(0deg,transparent 0 24px,#8A5A220B 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#8A5A220B 24px 25px)}
.signal-lines{position:absolute;inset:0;width:720px;height:620px;overflow:visible;z-index:2;pointer-events:none}.signal-base{stroke:#8A5A2240;stroke-width:1;stroke-dasharray:3 4}.signal-travel{stroke:var(--bronze);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 51;opacity:.75}.hub-float{z-index:3;pointer-events:none}.flow-hub{position:absolute;left:259px;top:216px;width:180px;min-height:146px;background:var(--ink);color:var(--pearl);border:1px solid #0D0D0F;box-shadow:0 17px 38px #0D0D0F1A;border-radius:5px;padding:19px 22px}.hub-icon{position:absolute;right:17px;top:17px;color:var(--gold)}.hub-icon>svg{width:24px;height:24px}.flow-hub>small{display:block;font:5px var(--mono);letter-spacing:.07em;color:var(--gold);margin-top:3px}.flow-hub>strong{display:block;font:500 25px/1.04 var(--display);letter-spacing:-.045em;margin-top:23px}.flow-hub em{font:italic 1.14em Georgia,serif;color:var(--gold)}.hub-rule{display:flex;gap:3px;width:62px;margin-top:14px}.hub-rule>i{height:2px;flex:1;background:#D6B16C99}.hub-rule>i:nth-child(2){opacity:.5}.hub-rule>i:nth-child(3){opacity:.25}
.node-motion{z-index:4;pointer-events:none}.flow-node{position:absolute;display:flex;gap:11px;width:190px;min-height:109px;padding:16px 13px;background:#FFF;border:1px solid #FFF;box-shadow:0 15px 33px #0D0D0F0D;border-radius:4px}.flow-node-icon{flex:0 0 24px;color:var(--bronze);padding-top:2px}.flow-node-icon>svg{width:24px;height:24px}.flow-node>div{min-width:0}.flow-node small{display:block;font:5.5px/1.5 var(--mono);letter-spacing:.04em;color:var(--bronze)}.flow-node strong{display:block;font:500 15px/1.2 var(--display);letter-spacing:-.035em;margin-top:10px}.flow-node>div>span{display:block;font:6px/1.8 var(--body);color:var(--gray);margin-top:6px}.flow-node>i{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;bottom:11px;right:12px}.node-channel .flow-node{left:10px;top:72px;transform:rotate(-6deg)}.node-crm .flow-node{left:475px;top:55px;transform:rotate(5deg)}.node-human .flow-node{left:22px;top:407px;width:210px;transform:rotate(-4deg)}.node-action .flow-node{left:455px;top:417px;width:200px;transform:rotate(6deg);background:var(--gold);border-color:var(--gold)}.node-action .flow-node small,.node-action .flow-node-icon,.node-action .flow-node>div>span{color:var(--ink)}.node-action .flow-node>i{background:var(--ink)}
.insight-float{z-index:6;pointer-events:none}.insight-panel{position:absolute;left:400px;top:167px;width:245px;min-height:313px;padding:25px 24px;background:var(--ink);color:var(--pearl);border:1px solid #0D0D0F;box-shadow:0 23px 55px #0D0D0F29;border-radius:5px;opacity:0;visibility:hidden;transform:rotate(4deg)}.insight-top{display:flex;justify-content:space-between;font:5.5px var(--mono);letter-spacing:.05em;color:var(--gold)}.insight-top>b{font:20px var(--body);margin-top:-8px}.insight-panel>strong{display:block;font:500 34px/1.03 var(--display);letter-spacing:-.045em;margin-top:22px}.insight-panel em{font:italic 1.12em Georgia,serif;color:var(--gold)}.insight-row{display:grid;grid-template-columns:5px 1fr;gap:3px 8px;border-bottom:1px solid #FFFFFF20;padding:13px 0 10px}.insight-row>i{width:3px;height:3px;border-radius:50%;background:var(--gold);margin-top:4px;grid-row:1/3}.insight-row>span{font:8px var(--body);color:var(--pearl)}.insight-row>b{font:5.5px var(--body);color:#B8B8BE;font-weight:400}.insight-bottom{display:flex;gap:7px;align-items:center;justify-content:space-between;margin-top:15px;font:3.9px var(--mono);color:#B8B8BE}.insight-bottom>i{width:4px;height:4px;background:var(--gold);border-radius:50%}.action-slip{position:absolute;left:74px;top:438px;width:253px;padding:19px 20px;background:var(--gold);box-shadow:0 15px 30px #0D0D0F0A;transform:rotate(-4deg);z-index:7;opacity:0;visibility:hidden}.action-slip>span{font:4px var(--mono);letter-spacing:.05em}.action-slip>strong{display:block;font:500 23px/1.08 var(--display);letter-spacing:-.04em;margin-top:12px}.action-slip em{font:italic 1.12em Georgia,serif}.action-slip>b{position:absolute;right:15px;top:13px;font:19px var(--body)}
.tech-figure>figcaption{font:10px/1.8 var(--body);color:var(--gray);text-align:center;min-height:23px;padding:0 15px}.tech-stage-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;position:relative;gap:17px;border-top:1px solid var(--tech-line);height:66px;padding-top:8px}.tech-scroll{display:flex;gap:10px;align-items:center;font:5.5px var(--mono);letter-spacing:.03em;color:var(--gray)}.tech-scroll>span{font:23px Georgia,serif;color:var(--bronze)}.tech-chapters{display:flex;gap:3px}.tech-chapters>button{position:relative;min-height:44px;padding:12px 13px;border:0;background:none;font:10px var(--body);color:var(--gray);cursor:pointer}.tech-chapters small{font:6px var(--mono);margin-right:6px;color:var(--bronze)}.tech-chapters>button:after{content:'';position:absolute;left:13px;right:13px;bottom:3px;height:1px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform .35s}.tech-chapters>button[aria-pressed=true]{color:var(--ink)}.tech-chapters>button[aria-pressed=true]:after{transform:scaleX(1)}.tech-chapters>button:disabled{cursor:default;opacity:.6}.tech-pause{display:flex;gap:10px;align-items:center;min-height:44px;border:1px solid var(--tech-line);background:#FFFFFF65;border-radius:25px;padding:10px 15px;font:10px var(--body)}.tech-pause>span{color:var(--bronze)}.tech-progress{position:absolute;left:0;right:0;top:-1px;height:1px;pointer-events:none}.tech-progress>i{display:block;width:100%;height:1px;background:var(--bronze);transform:scaleX(0);transform-origin:left}
.tech-desktop-live .tech-runway{height:225svh}.tech-desktop-live .tech-stage{position:sticky;top:108px;min-height:0;height:calc(100svh - 174px);padding-top:8px}.tech-desktop-live .tech-viewport{height:min(560px,calc(100svh - 300px))}.tech-compact-live .tech-art-runway{height:calc(var(--tech-stack-height) + var(--tech-travel));align-self:start}.tech-compact-live .tech-art-stage{position:sticky;top:108px}
/* Four real situations, readable without a reveal or a hover. */
.tech-context{border-top:1px solid var(--tech-line)}.context-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:110px;align-items:start}.context-intro>p{font:14px/1.95 var(--body);color:var(--gray);max-width:370px;margin-top:27px}.context-intro>.text-link{margin-top:25px}.context-list{border-top:1px solid var(--tech-line)}.context-row{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:22px;padding:29px 0 31px;border-bottom:1px solid var(--tech-line)}.context-row>span:first-child{font:italic 20px Georgia,serif;color:var(--bronze)}.context-row h3{font:500 24px/1.2 var(--display);letter-spacing:-.035em}.context-row p{font:14px/1.95 var(--body);color:var(--gray);margin-top:17px;max-width:445px}.context-arrow{font:20px var(--body);color:var(--bronze)}
/* One companion study, four different ways to make the service concrete. */
.tech-pilot .tech-connections{background:var(--ink);color:var(--pearl);border-top:1px solid #D6B16C33;padding-bottom:75px}.tech-connections .eyebrow,.tech-connections h2 .serif-word{color:var(--gold)}.tech-connections .small-label{color:#A2A2A7}.tech-pilot .tech-connections .section-heading>p{color:#B8B8BE}.connections-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:100px;align-items:start}.connection-companion{position:sticky;top:124px;margin:0;min-width:0}.connection-view{height:455px;position:relative;overflow:clip;isolation:isolate}.connection-art{position:absolute;left:50%;top:50%;width:580px;height:450px;transform:translate(-50%,-50%) scale(var(--connection-scale,.9))}.connection-grid{position:absolute;inset:14px;background:repeating-linear-gradient(0deg,transparent 0 34px,#FFFFFF0B 34px 35px),repeating-linear-gradient(90deg,transparent 0 34px,#FFFFFF0B 34px 35px);mask-image:radial-gradient(ellipse,#000,transparent 74%)}.connection-frame{position:absolute;left:15px;top:45px;width:510px;height:354px;background:var(--pearl);border:1px solid #FFF;box-shadow:0 25px 55px #0005;transform:rotate(-3deg);border-radius:5px;color:var(--ink);overflow:hidden}.connection-frame-top{position:absolute;left:23px;right:23px;top:19px;display:flex;justify-content:space-between;font:4.7px var(--mono);color:var(--bronze);letter-spacing:.05em;border-bottom:1px solid var(--tech-line);padding-bottom:12px}.connection-frame-foot{position:absolute;left:23px;right:23px;bottom:16px;display:flex;align-items:center;gap:8px;font:4.5px var(--mono);color:var(--bronze);letter-spacing:.04em}.connection-frame-foot>i{width:4px;height:4px;border-radius:50%;background:var(--bronze)}.connection-frame-foot>b{margin-left:auto;font:15px var(--body);line-height:1}.connection-visual{position:absolute;inset:45px 0 32px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s,transform .65s cubic-bezier(.22,.61,.36,1),visibility .45s}.connection-visual.is-current{opacity:1;visibility:visible;transform:translateY(0)}.connection-tag{position:absolute;left:382px;top:353px;width:156px;min-height:68px;padding:18px 20px;background:var(--gold);transform:rotate(4deg);box-shadow:0 12px 22px #0002;color:var(--ink)}.connection-tag>span{font:6px/1.8 var(--mono);letter-spacing:.03em}.connection-tag>b{position:absolute;right:18px;top:17px;font:22px var(--body)}
.connector-sources{position:absolute;left:22px;top:24px;width:166px;display:grid;gap:15px}.connector-sources>span{display:flex;gap:11px;align-items:center;height:62px;padding:14px;background:#FFF;border:1px solid var(--tech-line);font:9px var(--body);box-shadow:0 6px 16px #0D0D0F04}.connector-sources svg{width:21px;height:21px;flex-shrink:0;color:var(--bronze)}.connector-routes{position:absolute;left:20px;top:0;width:460px;height:280px;pointer-events:none;stroke:#8A5A2266;stroke-width:1}.connector-run{stroke:var(--bronze);stroke-width:3;stroke-dasharray:2 18;stroke-linecap:round}.connector-target{position:absolute;left:283px;top:44px;width:198px;min-height:190px;background:var(--gold);padding:21px 19px;box-shadow:0 13px 24px #8A5A2210;transform:rotate(3deg)}.connector-target>svg{width:24px;height:24px}.connector-target>small{display:block;font:4.5px var(--mono);letter-spacing:.04em;margin-top:14px}.connector-target>strong{display:block;font:500 30px/1.05 var(--display);letter-spacing:-.05em;margin-top:10px}.connector-target em{font:italic 1.15em Georgia,serif}.connector-target>span{display:block;font:4.5px var(--mono);margin-top:13px}
.crm-intro{position:absolute;left:27px;top:14px}.crm-intro>span{font:4.5px var(--mono);color:var(--bronze);letter-spacing:.04em}.crm-intro>strong{display:block;font:500 24px var(--display);letter-spacing:-.04em;margin-top:9px}.crm-columns{position:absolute;left:27px;right:27px;top:81px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.crm-columns>div>small{font:5px var(--mono);color:var(--bronze);display:block;margin-bottom:11px}.crm-columns article{position:relative;min-height:90px;padding:15px 11px 12px;background:#FFF;border:1px solid var(--tech-line);box-shadow:0 6px 16px #0D0D0F04;margin-bottom:10px}.crm-columns article>i{display:block;width:18px;height:2px;background:var(--gold);margin-bottom:13px}.crm-columns article>b{font:500 10px/1.25 var(--display);display:block;letter-spacing:-.02em}.crm-columns article>span{font:6px/1.8 var(--body);color:var(--gray);display:block;margin-top:8px}.crm-columns .crm-gold{background:var(--gold);border-color:var(--gold)}.crm-columns .crm-gold>i{background:var(--bronze)}.crm-columns .crm-gold>span{color:var(--ink)}.crm-columns .crm-ghost{min-height:46px;padding-block:10px;opacity:.6}.crm-columns .crm-ghost>i{margin-bottom:6px;width:13px}.crm-flow{position:absolute;left:27px;right:27px;bottom:7px;display:flex;align-items:center;gap:9px;font:4px var(--mono);color:var(--bronze)}.crm-flow>i{width:34px;height:1px;background:var(--gold)}.crm-flow>b{margin-left:auto;font:16px var(--body)}
.assist-context{position:absolute;left:31px;top:20px;width:239px;height:127px;background:#FFF;border:1px solid var(--tech-line);padding:18px 20px;transform:rotate(-2deg);box-shadow:0 8px 20px #0D0D0F07}.assist-context>span{font:5px var(--mono);color:var(--bronze);letter-spacing:.05em}.assist-context>p{font:500 18px var(--display);letter-spacing:-.03em;margin-top:17px}.assist-context>i{display:block;width:75%;height:3px;background:#8A5A2220;margin-top:14px}.assist-context>i:last-child{width:50%;margin-top:7px}.assist-suggestion{position:absolute;left:221px;top:82px;width:253px;height:154px;padding:20px 22px;background:var(--gold);transform:rotate(3deg);box-shadow:0 14px 26px #8A5A2212}.assist-suggestion>span{font:4.8px var(--mono);letter-spacing:.04em}.assist-suggestion>strong{font:500 30px/1.03 var(--display);letter-spacing:-.04em;display:block;margin-top:13px}.assist-suggestion em{font:italic 1.12em Georgia,serif}.assist-suggestion>div{position:absolute;right:22px;bottom:22px;width:56px}.assist-suggestion>div>i{height:2px;display:block;background:#8A5A2266;margin-top:6px}.assist-suggestion>div>i:nth-child(2){width:70%}.assist-suggestion>div>i:last-child{width:45%}.assist-suggestion>b{position:absolute;right:20px;top:20px;font:20px var(--body)}.assist-human{position:absolute;left:31px;top:205px;display:flex;align-items:center;gap:11px;font:7px/1.8 var(--body);color:var(--gray)}.assist-human>svg{width:24px;height:24px;color:var(--bronze)}.assist-human b{font-weight:500;color:var(--ink)}.assist-human>i{position:absolute;left:58px;top:-30px;font:23px Georgia,serif;color:var(--bronze);font-style:normal}
.data-intro{position:absolute;left:29px;top:16px}.data-intro>span{font:5px var(--mono);color:var(--bronze);letter-spacing:.04em}.data-intro>strong{display:block;font:500 29px/1.01 var(--display);letter-spacing:-.045em;margin-top:13px}.data-intro em{font:italic 1.13em Georgia,serif;color:var(--bronze)}.data-list{position:absolute;left:225px;top:18px;right:28px}.data-list>div{position:relative;border-bottom:1px solid var(--tech-line);padding:17px 0 15px}.data-list span{display:block;font:500 12px var(--display);letter-spacing:-.03em}.data-list b{display:block;font:7px var(--body);font-weight:400;color:var(--gray);margin-top:8px}.data-list i{position:absolute;right:0;top:15px;color:var(--bronze);font:15px var(--body);font-style:normal}.data-criterion{position:absolute;left:29px;right:28px;bottom:17px;border-top:1px solid var(--tech-line);padding-top:13px;display:flex;gap:9px;align-items:center;font:4.8px var(--mono);letter-spacing:.03em;color:var(--bronze)}.data-criterion>i{width:30px;height:2px;background:var(--gold)}
.connection-caption{font:11px/1.8 var(--body);color:#B8B8BE;text-align:center;min-height:40px;padding-inline:12px;margin-top:8px}.connection-controls{display:flex;gap:5px;margin:10px 9px 0}.connection-controls>button{position:relative;flex:1;min-width:0;min-height:44px;padding:11px 3px 14px;border:0;background:none;color:#A2A2A7;font:10px var(--body);cursor:pointer}.connection-controls>button:after{content:'';position:absolute;left:4px;right:4px;bottom:3px;height:1px;background:#FFFFFF33;transition:background .35s}.connection-controls>button[aria-pressed=true]{color:var(--gold)}.connection-controls>button[aria-pressed=true]:after{background:var(--gold)}.connection-controls>button:focus-visible{outline:1px solid var(--gold);outline-offset:2px;border-radius:3px}.connection-chapter{padding:67px 0 80px;min-height:375px;border-top:1px solid #FFFFFF22}.chapter-number{font:8px/1.7 var(--mono);color:var(--gold)}.connection-chapter h3{font:500 clamp(36px,3.6vw,51px)/1.1 var(--display);letter-spacing:-.04em;margin-top:23px}.connection-chapter p{font:14px/1.95 var(--body);color:#B8B8BE;margin-top:24px;max-width:410px}.connection-chapter:last-child{min-height:450px}
/* Stable hit regions: effects live on children and never move the card edge. */
.tech-deliveries{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tech-delivery-card{position:relative;background:#FFF;border:1px solid #FFF;border-radius:5px;padding:27px 30px 24px;min-width:0;isolation:isolate}.tech-delivery-card:before{content:'';position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .3s}.delivery-cap{display:flex;gap:15px;align-items:center;justify-content:space-between;font:6px var(--mono);color:var(--bronze);letter-spacing:.04em}.delivery-cap>span:first-child{font:italic 21px Georgia,serif;letter-spacing:-.04em}.delivery-main{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:15px;align-items:center;min-height:133px;padding-block:17px 9px}.delivery-main h3{font:500 25px/1.12 var(--display);letter-spacing:-.04em;max-width:300px}.delivery-diagram{height:104px;position:relative;background:radial-gradient(ellipse,#D6B16C16,transparent 75%)}.delivery-diagram>svg{width:100%;height:100%;stroke:var(--bronze);stroke-width:1.2;overflow:visible}.diagram-gold{fill:#D6B16C44;stroke:var(--bronze)}.diagram-fill{fill:var(--bronze);stroke:var(--bronze)}.tech-delivery-card>p{font:13px/1.95 var(--body);color:var(--gray);max-width:490px;margin-top:8px}.delivery-example{display:flex;gap:9px;align-items:start;border-top:1px solid var(--tech-line);padding-top:17px;margin-top:23px;font:10px/1.8 var(--body);color:var(--gray)}.delivery-example>i{width:4px;height:4px;flex-shrink:0;margin-top:6px;border-radius:50%;background:var(--gold)}.tech-scope{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;border-top:1px solid var(--tech-line);margin-top:34px;padding-top:28px}.tech-scope .small-label{color:var(--bronze);padding-top:5px}.tech-scope>p{font:13px/1.95 var(--body);color:var(--gray);max-width:870px}
.tech-method{border-block:1px solid var(--tech-line)}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:33px;list-style:none;margin:0;padding:0;position:relative}.process-step{min-width:0}.process-node{height:58px;position:relative;display:flex;align-items:center;margin-bottom:23px}.process-node:before{content:'';position:absolute;left:0;right:-33px;top:50%;height:1px;background:var(--tech-line)}.process-step:last-child .process-node:before{right:0}.process-node>span{position:relative;z-index:1;font:italic 25px Georgia,serif;color:var(--bronze);width:53px;height:53px;display:grid;place-items:center;border:1px solid var(--tech-line);border-radius:50%;background:var(--pearl)}.process-node>i{position:absolute;right:10px;top:calc(50% - 2px);width:4px;height:4px;background:var(--gold);border-radius:50%}.process-step>.small-label{color:var(--bronze);font-size:7px}.process-step h3{font:500 27px/1.12 var(--display);letter-spacing:-.04em;margin-top:17px}.process-step p{font:13px/1.95 var(--body);color:var(--gray);margin-top:21px}.method-preparation{font:13px/1.95 var(--body);color:var(--gray);max-width:970px;border-top:1px solid var(--tech-line);margin-top:42px;padding-top:27px}.method-preparation>strong{color:var(--ink);font-weight:500}
/* Human criteria close the demonstration before the commercial invitation. */
.operation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}.operation-copy>p{font:14px/1.95 var(--body);color:var(--gray);max-width:440px;margin-top:26px}.operation-criteria{margin-top:31px;border-top:1px solid var(--tech-line)}.operation-criteria>article{display:grid;grid-template-columns:20px minmax(0,1fr);gap:15px;padding:23px 0;border-bottom:1px solid var(--tech-line)}.operation-criteria>article>span{font:italic 16px Georgia,serif;color:var(--bronze)}.operation-criteria h3{font:500 20px/1.2 var(--display);letter-spacing:-.035em}.operation-criteria p{font:13px/1.95 var(--body);color:var(--gray);margin-top:11px}.human-showcase{margin:0;min-width:0}.human-canvas{position:relative;height:520px;overflow:clip;isolation:isolate}.human-art{position:absolute;left:50%;top:50%;width:580px;height:500px;transform:translate(-50%,-50%) scale(var(--human-scale,.9))}.human-grid{position:absolute;inset:20px;background:repeating-linear-gradient(0deg,transparent 0 34px,#8A5A220D 34px 35px),repeating-linear-gradient(90deg,transparent 0 34px,#8A5A220D 34px 35px);mask-image:radial-gradient(ellipse,#000,transparent 72%)}.human-system{position:absolute;left:35px;top:34px;width:326px;min-height:393px;padding:30px 30px 27px;background:var(--ink);color:var(--pearl);transform:rotate(-5deg);box-shadow:0 24px 50px #0D0D0F15;border-radius:5px}.human-system>span{font:5px var(--mono);color:var(--gold);letter-spacing:.05em}.human-system>strong{display:block;font:500 42px/1.03 var(--display);letter-spacing:-.05em;margin-top:27px}.human-system em{font:italic 1.12em Georgia,serif;color:var(--gold)}.human-lanes{display:grid;margin-top:29px;font:8px var(--body);color:#B8B8BE;gap:7px}.human-lanes>i{font:14px Georgia,serif;color:var(--gold);font-style:normal}.human-system>small{display:block;font:5px var(--mono);color:var(--gold);margin-top:24px}.human-note{position:absolute;left:249px;top:243px;width:280px;min-height:205px;padding:25px 24px;background:var(--gold);transform:rotate(5deg);box-shadow:0 18px 40px #0D0D0F15}.human-note>span{font:5px var(--mono);letter-spacing:.05em}.human-note>strong{display:block;font:500 33px/1.08 var(--display);letter-spacing:-.045em;margin-top:23px}.human-note em{font:italic 1.12em Georgia,serif}.human-note>div{display:flex;gap:8px;align-items:center;font:6px var(--body);margin-top:22px}.human-note>div>i{width:4px;height:4px;border-radius:50%;background:var(--bronze)}.human-note>b{position:absolute;right:22px;top:18px;font:23px var(--body)}.human-showcase>figcaption{font:10px/1.8 var(--body);color:var(--gray);text-align:center;max-width:420px;margin:auto;padding-inline:10px}.tech-pilot .answers-guide h2{font-size:clamp(37px,3.8vw,54px)}
.tech-contact{border-top:1px solid var(--tech-line);padding-bottom:68px}.tech-contact-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:90px;align-items:center}.tech-pilot .tech-contact h2{font-size:clamp(41px,4.4vw,61px)}.tech-contact-copy>p{font:14px/1.95 var(--body);color:var(--gray);margin-top:27px;max-width:460px}.tech-contact-copy>.button{margin-top:28px}.tech-contact-copy>small{display:block;font:11px var(--body);color:var(--gray);margin-top:20px}.contact-map{position:relative;width:100%;padding:27px 28px 30px;border:1px solid #FFF;border-radius:5px;background:#FFF;transform:rotate(3deg);box-shadow:0 22px 50px #8A5A220D}.contact-map-head{display:flex;justify-content:space-between;gap:15px;font:6px var(--mono);color:var(--bronze);letter-spacing:.05em}.contact-map-head>b{font:23px var(--body);line-height:1}.contact-map>strong{display:block;font:500 32px/1.1 var(--display);letter-spacing:-.045em;margin-top:26px}.contact-map em{font:italic 1.12em Georgia,serif;color:var(--bronze)}.contact-map-list{margin-top:29px;border-top:1px solid var(--tech-line)}.contact-map-list>div{display:grid;grid-template-columns:21px minmax(0,1fr) 13px;gap:9px;align-items:center;padding:17px 0;border-bottom:1px solid var(--tech-line)}.contact-map-list>div>span{font:italic 14px Georgia,serif;color:var(--bronze)}.contact-map-list p{font:11px var(--body)}.contact-map-list i{font:14px var(--body);font-style:normal;color:var(--bronze)}.contact-map>small{display:block;font:4.5px var(--mono);letter-spacing:.04em;color:var(--bronze);margin-top:25px}.tech-direct{display:flex;justify-content:space-between;align-items:end;gap:45px;border-top:1px solid var(--tech-line);padding-top:30px;margin-top:49px}.tech-direct>p{font:14px/1.8 var(--body);color:var(--gray)}.tech-direct>div{display:grid;gap:8px}.tech-direct .small-label{color:var(--bronze)}.tech-direct>div>span:last-child{font:11px var(--body);color:var(--gray)}
@media(hover:hover) and (pointer:fine){.tech-delivery-card:hover:before{border-color:#D6B16C99}.context-row:hover .context-arrow{color:var(--ink)}.connection-controls>button:hover{color:var(--gold)}.tech-direct a:hover{color:var(--bronze)}}
@media(min-width:1101px) and (max-height:800px){.tech-pilot .tech-copy h1{font-size:clamp(40px,3.5vw,48px);margin-block:17px}.tech-copy .hero-description{font-size:13px;line-height:1.9}.tech-copy .hero-note{margin-top:14px;font-size:10px}.tech-copy .hero-actions{margin-top:20px}.tech-copy .hero-actions .button{font-size:10px;padding-inline:18px}.tech-copy .hero-actions .text-link{font-size:10px}}
@media(max-width:1150px){.tech-pilot .section-heading{gap:48px}.context-layout,.connections-layout{gap:55px}.operation-layout,.tech-contact-layout{gap:45px}.tech-scroll{display:none}.tech-stage-bottom{justify-content:space-between}.process-steps{gap:25px}.process-node:before{right:-25px}}
@media(max-width:1100px){.tech-pilot .container{width:calc(100% - 64px)}.tech-pilot .tech-copy h1{font-size:49px}.tech-stage{min-height:700px}.tech-viewport{height:510px}.tech-copy .hero-actions{gap:10px 16px}.tech-copy .hero-actions .button{font-size:10px;padding-inline:19px}.tech-copy .hero-actions .text-link{font-size:10px}.connection-view{height:390px}.connection-companion{top:112px}.connection-chapter{min-height:350px;padding-top:56px}.connection-chapter:last-child{min-height:440px}.delivery-main{grid-template-columns:minmax(0,1fr) 98px}.delivery-main h3{font-size:23px}.human-canvas{height:460px}.process-step h3{font-size:24px}}
@media(max-width:900px){.tech-pilot .container{width:calc(100% - 48px)}.tech-pilot .service-section{padding-block:77px}.tech-pilot .section-heading{grid-template-columns:minmax(0,1fr);gap:25px}.tech-pilot .section-heading>p{max-width:630px;font-size:14px}.tech-pilot h2{font-size:clamp(39px,5.5vw,53px)}.tech-pilot .tech-hero{padding-top:109px}.tech-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:0;min-height:0;padding:28px 0 26px}.tech-copy{display:contents}.tech-copy>.eyebrow{grid-row:1}.tech-pilot .tech-copy h1{grid-row:2;font-size:clamp(46px,7vw,64px);margin:23px 0 25px;max-width:700px}.tech-copy .hero-actions{grid-row:3;margin-top:0}.tech-stage-bottom{grid-row:4;grid-column:auto;margin-top:27px;height:66px}.tech-art-runway{grid-row:5;margin-top:15px}.tech-art-stage>.tech-figure{margin-top:0}.tech-art-reading{display:contents}.tech-viewport{height:490px;margin-inline:-12px}.tech-copy .hero-description{grid-row:6;max-width:620px;margin-top:24px;font-size:14px}.tech-copy .hero-note{grid-row:7;max-width:550px;font-size:11px;margin-top:15px}
.context-layout{grid-template-columns:minmax(0,1fr);gap:33px}.context-intro>p{max-width:620px}.context-intro h2>br:first-of-type{display:none}.context-row p{max-width:620px}.connections-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px}.connection-view{height:340px}.connection-chapter{min-height:350px;padding-block:45px 55px}.connection-chapter h3{font-size:35px}.connection-chapter p{font-size:13px}.connection-chapter:last-child{min-height:440px}.tech-deliveries{gap:18px}.tech-delivery-card{padding-inline:22px}.delivery-main{grid-template-columns:minmax(0,1fr);gap:0;position:relative;padding-right:60px;min-height:115px}.delivery-main h3{font-size:24px;position:relative;z-index:1}.delivery-diagram{position:absolute;right:0;width:95px;height:90px;opacity:.2}.tech-scope{grid-template-columns:140px minmax(0,1fr);gap:25px}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.process-node:before{right:-35px}.process-step:nth-child(even) .process-node:before{right:0}.process-step h3{font-size:28px}.operation-layout{grid-template-columns:minmax(0,1fr);gap:10px}.operation-copy>p{max-width:630px}.operation-criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.operation-criteria>article{display:block;border-bottom:0;padding-top:23px}.operation-criteria h3{font-size:22px;margin-top:15px}.operation-criteria p{font-size:13px}.human-showcase{max-width:620px;width:100%;margin:auto}.human-canvas{height:500px}.tech-contact-layout{grid-template-columns:minmax(0,1fr);gap:40px}.tech-contact-copy>p{max-width:600px}.contact-map{max-width:500px;margin:auto}}
@media(max-width:640px){.tech-pilot .container{width:calc(100% - 40px)}.tech-pilot .service-section{padding-block:59px}.tech-pilot .section-topline{margin-bottom:29px;gap:17px}.tech-pilot .section-topline>.small-label{display:none}.tech-pilot .eyebrow{font-size:8px}.tech-pilot h2{font-size:clamp(33px,8.6vw,42px)}.tech-pilot .section-heading{margin-bottom:31px;gap:22px}.tech-pilot .section-heading>p{font-size:13px}.tech-pilot .service-breadcrumb{font-size:8px;gap:9px}.tech-stage{padding-top:24px}.tech-pilot .tech-copy h1{font-size:clamp(39px,10.7vw,55px);margin:24px 0 25px;letter-spacing:-.06em}.tech-copy h1>br:first-of-type{display:none}.tech-copy h1 .serif-word>br{display:none}.tech-copy h1 .serif-word{display:block;line-height:1.02;margin-top:6px}.tech-copy .hero-actions{gap:16px;align-items:start;flex-direction:column}.tech-copy .hero-actions .button{font-size:10px;padding-inline:20px;gap:19px;min-height:51px}.tech-copy .hero-actions .text-link{font-size:10px}.tech-stage-bottom{margin-top:24px;gap:4px;height:60px;justify-content:space-between}.tech-chapters{gap:0}.tech-chapters>button{padding-inline:9px;font-size:9px;min-height:44px}.tech-chapters small{display:none}.tech-chapters>button:after{left:9px;right:9px}.tech-pause{font-size:8px;padding-inline:11px;gap:6px;min-height:44px}.tech-art-runway{margin-top:5px}.tech-viewport{height:365px;margin-inline:-12px}.tech-figure>figcaption{font-size:9px;line-height:1.8;min-height:32px;padding-inline:0}.tech-copy .hero-description{font-size:13px;line-height:1.95;margin-top:24px;max-width:100%}.tech-copy .hero-note{font-size:10px;line-height:1.8;margin-top:14px}.tech-art-reading .hero-description{margin-top:24px}.tech-art-reading .hero-note{margin-top:14px}
.context-intro>p{font-size:13px;margin-top:24px}.context-row{grid-template-columns:21px minmax(0,1fr) 13px;gap:14px;padding-block:24px 26px}.context-row h3{font-size:22px}.context-row p{font-size:13px}.context-row>span:first-child{font-size:18px}.context-arrow{font-size:16px}.connections-layout{display:block}.connection-companion{position:relative;top:auto;margin-top:-4px;border-bottom:1px solid #FFFFFF22;padding-bottom:22px}.connection-view{height:295px}.connection-caption{font-size:10px;margin-top:5px;min-height:36px;padding-inline:0}.connection-controls{margin:12px 0 0}.connection-controls>button{font-size:9px;padding-inline:2px}.connection-chapter,.connection-chapter:last-child{min-height:0;padding-block:32px 35px}.chapter-number{font-size:8px}.connection-chapter h3{font-size:34px;margin-top:19px}.connection-chapter p{font-size:13px;margin-top:18px;max-width:none}.tech-deliveries{grid-template-columns:minmax(0,1fr);gap:18px}.tech-delivery-card{padding:21px 23px 24px}.delivery-main{padding-right:75px;min-height:118px}.delivery-main h3{font-size:25px}.delivery-diagram{width:110px;height:100px}.tech-delivery-card>p{font-size:13px}.delivery-cap>span:last-child{font-size:5.5px}.delivery-example{font-size:10px}.tech-scope{grid-template-columns:minmax(0,1fr);gap:15px;margin-top:26px;padding-top:25px}.tech-scope p{font-size:12px}.process-steps{grid-template-columns:minmax(0,1fr);gap:0}.process-step{position:relative;padding:0 0 30px 50px;min-height:225px}.process-node{position:absolute;left:0;top:0;bottom:0;width:31px;height:auto;margin:0;align-items:start}.process-node>span{font-size:17px;width:31px;height:31px}.process-node:before,.process-step:nth-child(even) .process-node:before,.process-step:last-child .process-node:before{left:15px;right:auto;top:0;bottom:0;width:1px;height:auto}.process-step:last-child .process-node:before{bottom:28px}.process-node>i{left:13px;top:65px}.process-step>.small-label{display:block;padding-top:9px}.process-step h3{font-size:27px;margin-top:20px}.process-step p{margin-top:17px;font-size:13px}.method-preparation{font-size:12px;margin-top:4px;padding-top:25px}.operation-copy>p{font-size:13px}.operation-criteria{display:block;margin-top:26px}.operation-criteria>article{display:grid;grid-template-columns:18px minmax(0,1fr);gap:13px;padding:22px 0;border-bottom:1px solid var(--tech-line)}.operation-criteria h3{font-size:21px;margin-top:0}.operation-criteria p{font-size:13px}.human-canvas{height:370px}.human-showcase>figcaption{font-size:9px}.tech-pilot .answers-guide h2{font-size:clamp(35px,9vw,43px)}.tech-pilot .tech-contact h2{font-size:clamp(35px,9.3vw,46px)}.tech-contact-copy>p{font-size:13px;margin-top:24px}.tech-contact-copy>.button{font-size:10px;margin-top:24px}.contact-map{padding:24px 23px 26px;transform:rotate(2deg);max-width:360px}.contact-map>strong{font-size:29px}.contact-map-list p{font-size:10px}.tech-direct{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-top:35px;padding-top:25px}.tech-direct>p{font-size:13px}}
@media(max-width:360px){.tech-pilot .container{width:calc(100% - 32px)}.tech-pilot .tech-copy h1{font-size:36px}.tech-viewport{height:320px}.tech-pause{font-size:7px;padding-inline:9px}.tech-chapters>button{font-size:8.5px;padding-inline:7px}.tech-chapters>button:after{left:7px;right:7px}.tech-pilot h2{font-size:32px}.context-row h3{font-size:21px}.delivery-main h3{font-size:23px}.delivery-main{padding-right:55px}.connection-controls>button{font-size:8.5px}.human-canvas{height:310px}.tech-pilot .tech-contact h2{font-size:34px}.contact-map>strong{font-size:27px}}
.tech-chapters>button:focus-visible,.tech-pause:focus-visible{outline:1px solid var(--bronze);outline-offset:2px;border-radius:3px}.motion-paused .connection-visual,.motion-paused .tech-chapters>button:after,.motion-paused .connection-controls>button:after{transition:none}.tech-static .signal-travel{opacity:.4}
@media(prefers-reduced-motion:reduce){.connection-visual,.tech-chapters>button:after,.connection-controls>button:after{transition:none}}

/* Depth round: a physical system, a scenario workbench and connections between sections. */
.tech-viewport{perspective:1100px}.tech-entrance,.tech-camera,.tech-canvas,.network-core,.node-motion,.surface-float,.hub-float,.insight-float{transform-style:preserve-3d}.tech-canvas{backface-visibility:hidden}
.system-foundation{position:absolute;left:94px;top:128px;width:500px;height:330px;transform-style:preserve-3d;z-index:0;pointer-events:none}.system-foundation>i,.foundation-plate{position:absolute;inset:0;border-radius:7px;border:1px solid #8A5A222B}.system-foundation>i:first-child{background:#D6B16C27;transform:translate3d(8px,23px,-38px) rotate(-6deg);box-shadow:0 30px 65px #8A5A2217}.system-foundation>i:nth-child(2){background:#FFFFFF75;transform:translate3d(0,12px,-20px) rotate(-5deg)}.foundation-plate{background:linear-gradient(130deg,#FFF,#F5F5F2);transform:rotate(-4deg);box-shadow:0 1px 0 #FFF,0 18px 45px #8A5A220A;overflow:hidden}.foundation-plate:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#FFFFFFD9 0 15%,transparent 45% 80%,#D6B16C15);pointer-events:none}.foundation-plate>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#8A5A2238;stroke-width:1}.foundation-plate .foundation-route{stroke:var(--bronze);stroke-width:1.2}.foundation-index,.foundation-origin,.foundation-destination{position:absolute;font:5px var(--mono);letter-spacing:.06em;color:var(--bronze)}.foundation-index{left:23px;top:20px}.foundation-origin{left:23px;bottom:20px}.foundation-destination{right:23px;bottom:20px}
.process-surface{box-shadow:0 1px 0 #FFF,0 22px 45px #8A5A2212}.flow-hub{box-shadow:0 3px 0 #0D0D0F,0 25px 42px #0D0D0F26}.flow-node{box-shadow:0 2px 0 #8A5A220E,0 16px 35px #0D0D0F12;min-height:116px}.flow-node strong{font-size:17px;line-height:1.12}.flow-node small{font-size:5.7px}.node-channel .flow-node,.node-crm .flow-node{width:204px}.node-human .flow-node{width:218px}.node-action .flow-node{width:211px}.flow-node-icon>svg{width:26px;height:26px}.signal-travel{stroke-width:3.8;stroke-dasharray:1 39;filter:drop-shadow(0 0 3px #D6B16C55)}.system-orbit{border-color:#8A5A2226}.insight-panel{box-shadow:0 3px 0 #0D0D0F,0 28px 50px #0D0D0F26}.insight-row{padding-block:14px 12px}.insight-row>span{font-size:9px}.insight-row>b{font-size:6px}.tech-pilot .tech-hero:before{background:radial-gradient(ellipse 750px 570px at 82% 48%,#D6B16C23,transparent 75%)}
.connection-workbench{position:relative;border:1px solid #D6B16C3B;border-radius:8px;background:linear-gradient(120deg,#FFFFFF04,transparent 60%);overflow:hidden;box-shadow:0 30px 70px #0002}.lab-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 30px;border-bottom:1px solid #FFFFFF1C}.lab-label{font:7px/1.7 var(--mono);letter-spacing:.07em;color:var(--gold)}.lab-top p{font:13px/1.7 var(--body);color:#B8B8BE;margin-top:7px}.lab-scenarios{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.lab-scenarios>button{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid #FFFFFF24;border-radius:3px;background:transparent;color:#B8B8BE;font:10px var(--body);padding:10px 13px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.lab-scenarios>button>span{font:6px var(--mono);color:var(--gold)}.lab-scenarios>button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.lab-scenarios>button[aria-pressed=true]>span{color:var(--ink)}
.lab-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:25px;padding:27px 30px 24px;align-items:center}.connection-workbench .connection-companion{position:relative;top:auto;min-width:0;border:0;padding:0;margin:0}.connection-workbench .connection-view{height:445px}.connection-workbench .connection-caption{font-size:10px;min-height:40px;margin-top:0;padding-inline:18px}.lab-guide{min-width:0;padding:10px 7px 0 0}.lab-guide .lab-title{font:500 clamp(26px,2.6vw,36px)/1.09 var(--display);letter-spacing:-.045em;max-width:350px;margin-top:17px;color:var(--pearl)}.lab-description{font:12px/1.85 var(--body);color:#B8B8BE;margin-top:19px;min-height:112px}.lab-facts{margin:22px 0 0;padding:0;border-top:1px solid #FFFFFF20}.lab-facts>div{display:grid;grid-template-columns:77px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #FFFFFF20;align-items:center}.lab-facts dt{font:5.5px/1.8 var(--mono);color:var(--gold);letter-spacing:.04em}.lab-facts dd{font:10px/1.7 var(--body);color:var(--pearl);margin:0}.lab-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.lab-play{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;border:1px solid var(--gold);border-radius:3px;padding:11px 15px;background:var(--gold);color:var(--ink);font:10px var(--body);cursor:pointer;transition:background .3s}.lab-play>span:first-child{font:17px var(--body);line-height:1}.lab-play[aria-pressed=true]{background:transparent;color:var(--gold)}.lab-play:disabled{background:transparent;border-color:#FFFFFF44;color:#B8B8BE;cursor:default}.lab-reset{border:0;background:none;display:inline-flex;gap:9px;align-items:center;min-height:44px;font:10px var(--body);color:#B8B8BE;cursor:pointer;padding:7px 2px}.lab-reset>span{color:var(--gold);font-size:18px}.lab-status{font:9px/1.8 var(--body);color:#B8B8BE;min-height:33px;margin-top:10px;max-width:340px}
.connection-workbench .connection-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;gap:0;border-block:1px solid #FFFFFF20}.connection-workbench .connection-controls>button{display:grid;grid-template-columns:19px minmax(0,1fr) 15px;align-items:center;gap:9px;min-height:78px;padding:19px 23px;font:15px var(--body);text-align:left;color:#B8B8BE;border-right:1px solid #FFFFFF20;transition:background .3s,color .3s}.connection-workbench .connection-controls>button:last-child{border-right:0}.connection-controls>button>small{font:6px var(--mono);color:var(--gold)}.connection-controls>button>i{font:17px var(--body);font-style:normal;color:#FFFFFF55}.connection-workbench .connection-controls>button[aria-pressed=true]{background:linear-gradient(#D6B16C18,#D6B16C08);color:var(--gold)}.connection-workbench .connection-controls>button[aria-pressed=true]>i{color:var(--gold)}.connection-workbench .connection-controls>button:after{left:0;right:0;bottom:0;height:2px;background:transparent}.connection-workbench .connection-controls>button[aria-pressed=true]:after{background:var(--gold)}.lab-playing .connection-controls>button[aria-pressed=true]:after{animation:lab-step-progress 1.8s linear both;transform-origin:left}
.connection-workbench .connection-chapters{padding:27px 30px;min-height:190px}.connection-workbench .connection-chapter,.connection-workbench .connection-chapter:last-child{display:grid;grid-template-columns:175px minmax(0,1fr);gap:12px 25px;padding:0;min-height:0;border:0}.connection-workbench .connection-chapter[hidden]{display:none}.connection-workbench .chapter-number{grid-column:1/-1;font-size:7px}.connection-workbench .connection-chapter h3{font-size:31px;line-height:1.1;margin:0}.connection-workbench .connection-chapter p{font-size:12px;line-height:1.9;margin:0;max-width:760px}.tech-animated.lab-enhanced .connection-chapter.is-current{animation:lab-copy-entry .45s ease-out both}.lab-human{display:flex;align-items:center;gap:10px;padding:20px 30px;border-top:1px solid #FFFFFF20;background:#D6B16C07}.lab-human-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--gold);transition:box-shadow .4s}.connection-workbench[data-lab-step="2"] .lab-human-dot{box-shadow:0 0 0 7px #D6B16C12}.lab-human>p{font:5.5px var(--mono);color:var(--gold);letter-spacing:.04em;flex-shrink:0}.lab-human>strong{font:10px/1.8 var(--body);font-weight:400;color:#B8B8BE}.lab-human>span:last-child{font:5px var(--mono);color:#FFFFFF66;margin-left:auto;white-space:nowrap}
.lab-scenarios,.lab-actions,.lab-status{display:none}.lab-enhanced .lab-scenarios,.lab-enhanced .lab-actions{display:flex}.lab-enhanced .lab-status{display:block}.lab-scenarios>button:focus-visible,.lab-play:focus-visible,.lab-reset:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.connection-workbench .connection-controls>button:focus-visible{outline-offset:-5px}
.tech-delivery-card{box-shadow:0 15px 35px #8A5A2205;transition:box-shadow .45s}.tech-delivery-card:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--card-x,50%) var(--card-y,25%),#D6B16C16,transparent 65%);opacity:0;transition:opacity .45s;pointer-events:none}.delivery-diagram>svg{transition:transform .65s cubic-bezier(.22,.61,.36,1)}.delivery-explore{display:inline-flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--tech-line);background:none;color:var(--bronze);font:10px/1.8 var(--body);min-height:44px;padding:8px 0;margin-top:12px;cursor:pointer;text-align:left}.delivery-explore[hidden]{display:none}.delivery-explore>span[aria-hidden]{font-size:17px}.delivery-explore:focus-visible{outline:1px solid var(--bronze);outline-offset:4px}.process-step h3{transition:color .35s}.process-node>span{transition:background .35s,color .35s,box-shadow .35s}
@keyframes lab-step-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lab-copy-entry{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.tech-delivery-card:hover{box-shadow:0 20px 45px #8A5A2210}.tech-delivery-card:hover:after{opacity:1}.tech-delivery-card:hover .delivery-diagram>svg{transform:rotate(-4deg) scale(1.07)}.process-step:hover .process-node>span{background:var(--ink);color:var(--gold);box-shadow:0 0 0 7px #D6B16C13}.process-step:hover h3{color:var(--bronze)}.lab-scenarios>button:hover{border-color:var(--gold)}.lab-reset:hover{color:var(--gold)}}
@media(min-width:1101px){.tech-viewport{margin-inline:-40px}.tech-atmosphere{inset:0 -10px;background:radial-gradient(ellipse at 52% 50%,#D6B16C36,transparent 68%)}}
@media(max-width:1100px){.lab-top{align-items:flex-start;flex-direction:column;gap:18px}.lab-scenarios{justify-content:flex-start}.lab-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;padding-inline:23px}.lab-description{min-height:145px;font-size:11px}.connection-workbench .connection-view{height:370px}.lab-guide .lab-title{font-size:28px}.connection-workbench .connection-controls>button{padding-inline:15px;font-size:13px}.connection-workbench .connection-chapter p{font-size:12px}.lab-human{flex-wrap:wrap}.lab-human>span:last-child{display:none}.lab-human>strong{font-size:10px}.lab-play{font-size:9px;padding-inline:12px}.lab-facts>div{grid-template-columns:62px minmax(0,1fr)}.lab-facts dd{font-size:9px}}
@media(max-width:900px){.lab-layout{grid-template-columns:minmax(0,1fr);padding:15px 26px 24px;gap:7px}.connection-workbench .connection-view{height:420px}.connection-workbench .connection-companion{max-width:590px;width:100%;margin:auto}.lab-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 30px;padding:0}.lab-guide>.lab-label{grid-column:1/-1}.lab-guide .lab-title{font-size:30px;grid-column:1;margin-top:13px}.lab-description{grid-column:1;min-height:0;font-size:12px;margin-top:15px}.lab-facts{grid-column:2;grid-row:2/4;align-self:start;margin-top:16px}.lab-actions{grid-column:1/-1;margin-top:18px}.lab-status{grid-column:1/-1;min-height:20px;margin-top:8px}.lab-facts>div{padding-block:16px}.lab-facts dd{font-size:10px}.lab-facts dt{font-size:5.5px}.connection-workbench .connection-chapters{padding:25px 26px;min-height:200px}.connection-workbench .connection-chapter{grid-template-columns:145px minmax(0,1fr);gap:12px 22px}.connection-workbench .connection-chapter h3{font-size:28px}.connection-workbench .connection-controls>button{grid-template-columns:15px minmax(0,1fr);font-size:12px;padding:17px 15px;gap:7px;min-height:67px}.connection-controls>button>i{display:none}.lab-human{padding-inline:26px}}
@media(max-width:640px){.lab-top{padding:22px 18px;gap:17px}.lab-top p{font-size:11px;line-height:1.7;margin-top:5px}.lab-label{font-size:6px}.lab-scenarios{gap:6px;width:100%}.lab-scenarios>button{font-size:9px;padding:10px 11px;gap:6px;min-height:44px}.lab-scenarios>button>span{font-size:5px}.lab-layout{padding:4px 17px 19px;gap:8px}.connection-workbench .connection-view{height:284px}.connection-workbench .connection-caption{font-size:9px;min-height:36px;padding-inline:0;margin-top:2px}.lab-guide{display:block;padding:13px 1px 0}.lab-guide .lab-title{font-size:29px;max-width:290px;margin-top:12px;min-height:63px}.lab-description{font-size:12px;line-height:1.85;margin-top:15px;min-height:134px}.lab-facts{margin-top:18px}.lab-facts>div{grid-template-columns:74px minmax(0,1fr);padding-block:13px}.lab-facts dt{font-size:5.5px}.lab-facts dd{font-size:10px}.lab-actions{margin-top:18px;gap:17px}.lab-play{font-size:10px;padding-inline:14px}.lab-status{font-size:9px;min-height:34px;margin-top:8px}.connection-workbench .connection-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-workbench .connection-controls>button{min-height:63px;font-size:12px;padding:15px 17px;grid-template-columns:14px minmax(0,1fr);gap:7px;border-bottom:1px solid #FFFFFF20}.connection-workbench .connection-controls>button:nth-child(even){border-right:0}.connection-workbench .connection-controls>button:nth-last-child(-n+2){border-bottom:0}.connection-workbench .connection-chapters{padding:22px 18px;min-height:283px}.connection-workbench .connection-chapter,.connection-workbench .connection-chapter:last-child{display:block}.connection-workbench .connection-chapter[hidden]{display:none}.connection-workbench .chapter-number{font-size:6px;line-height:1.8;display:block}.connection-workbench .connection-chapter h3{font-size:28px;margin-top:15px}.connection-workbench .connection-chapter p{font-size:12px;line-height:1.9;margin-top:15px}.lab-human{padding:20px 18px;gap:8px}.lab-human>p{font-size:5px}.lab-human>strong{flex-basis:100%;padding-left:13px;font-size:10px;line-height:1.8}.connection-workbench .connection-tag{left:376px;top:344px}.tech-deliveries{gap:21px}.delivery-explore{font-size:10px}}
@media(max-width:360px){.lab-scenarios>button{font-size:8.5px;padding-inline:9px}.lab-top,.lab-layout{padding-inline:14px}.connection-workbench .connection-view{height:244px}.lab-guide .lab-title{font-size:27px}.lab-description{min-height:157px}.lab-facts>div{gap:8px;grid-template-columns:67px minmax(0,1fr)}.connection-workbench .connection-chapters{min-height:303px}.connection-workbench .connection-caption{font-size:8.5px}.lab-facts dd{font-size:9px}}
.motion-paused .lab-copy-entry,.motion-paused .connection-chapter.is-current,.motion-paused .connection-controls>button:after{animation:none}.motion-paused .lab-scenarios>button,.motion-paused .delivery-diagram>svg{transition:none}
@media(prefers-reduced-motion:reduce){.connection-chapter.is-current,.lab-playing .connection-controls>button:after{animation:none}.lab-scenarios>button,.delivery-diagram>svg{transition:none}}
.lab-tour-controls{display:none}.lab-enhanced .lab-tour-controls{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:18px 30px;border-bottom:1px solid #FFFFFF20}.lab-tour-controls .lab-actions{margin:0}.lab-tour-controls .lab-status{margin:0;min-height:0;max-width:420px;font-size:10px}.connection-workbench .connection-companion{scroll-margin-top:12px}
@media(max-width:640px){.connection-workbench{display:grid;grid-template-columns:minmax(0,1fr)}.connection-workbench .lab-top{grid-row:1}.connection-workbench .lab-layout{display:contents}.connection-workbench .connection-companion{grid-row:2;padding:5px 16px 14px}.connection-workbench .connection-controls{grid-row:3}.lab-enhanced .lab-tour-controls{grid-row:4;display:block;padding:16px 18px}.lab-tour-controls .lab-status{min-height:32px;margin-top:9px;font-size:9px}.connection-workbench .lab-guide{grid-row:5;padding:23px 18px 24px}.connection-workbench .connection-chapters{grid-row:6;border-top:1px solid #FFFFFF20}.connection-workbench .lab-human{grid-row:7}.lab-description{min-height:0}.lab-guide .lab-title{min-height:0}.lab-facts{margin-bottom:0}}
@media(max-width:360px){.connection-workbench .connection-companion{padding-inline:13px}.connection-workbench .lab-guide{padding-inline:15px}}
@media(max-width:640px){.connection-workbench .connection-chapters{grid-row:5}.connection-workbench .lab-guide{grid-row:6;border-top:1px solid #FFFFFF20}}
@media(max-height:620px){.connection-workbench .connection-view{max-height:max(160px,calc(100svh - 156px))}}
/* Let the focused summary anchor the viewport while its answers expand.
   Excluding the entire FAQ makes the browser anchor the contact section below. */
.tech-pilot .answers-guide,.tech-pilot .answers-guide .answers-group{overflow-anchor:auto}

/* Intrinsic illustration sizing when the script enhancement is unavailable.
   atan2 converts each container ratio to a unitless scale without JS. */
@supports (transform:scale(tan(atan2(1px,1px)))) {
  html:not(.lab-enhanced) .tech-viewport,
  html:not(.lab-enhanced) .connection-view,
  html:not(.lab-enhanced) .human-canvas{container-type:size}
  html:not(.lab-enhanced) .tech-canvas{transform:translate(-50%,-50%) scale(min(1.06,tan(atan2(100cqw,720px)),tan(atan2(100cqh,620px))))}
  html:not(.lab-enhanced) .connection-art{transform:translate(-50%,-50%) scale(min(1,tan(atan2(100cqw,580px)),tan(atan2(100cqh,450px))))}
  html:not(.lab-enhanced) .human-art{transform:translate(-50%,-50%) scale(min(1,tan(atan2(100cqw,580px)),tan(atan2(100cqh,500px))))}
}