/* Technology journey: shared visual system, progressively enhanced motion. */
:root{--ink:#f1f6ff;--ink-soft:#b8c8dd;--muted:#95a8bf;--paper:#060b14;--paper-2:#0e1929;--line:#22344a;--accent:#62f4d2;--accent-ink:#76f5dc;--card:#0b1523;--max:1240px;--serif:Inter,system-ui,sans-serif}
body{background:radial-gradient(ellipse at 80% 0,#12314670,transparent 35%),var(--paper);overflow-x:clip}
::selection{background:#62f4d2;color:#07111e}h1,h2,h3{font-family:var(--sans);letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.6rem);max-width:22ch}h3{letter-spacing:-.025em}a{transition:color .2s}section{scroll-margin-top:100px;padding:88px 0}.site-header{background:#060b14dc;backdrop-filter:blur(18px)}.site-header .wrap{min-height:78px}.brand{font-family:var(--sans);font-weight:700}.nav{gap:22px}.nav a{font-size:14px}.nav a:last-child{color:var(--accent)}.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:600}.card{border-radius:4px;background:linear-gradient(140deg,#122237a0,#0b1523);transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-4px);border-color:#4c8b99}.btn{border-radius:4px;border-color:#456079;padding:13px 21px;color:var(--ink)}.btn.primary{background:var(--accent);color:#06121a;border-color:var(--accent)}.btn.primary:hover{background:#b5ffe9;color:#06121a;border-color:#b5ffe9}.facts li{border:1px solid var(--line);border-radius:4px;background:transparent}.facts strong{color:var(--accent);font-family:var(--sans)}.site-footer{background:#040910}.site-footer .topics{line-height:1.9}.band img,.gallery img{border-radius:6px}.band{position:relative}.band figcaption{color:var(--ink-soft)}.timeline{border-color:#3b786f}.timeline li::before{box-shadow:0 0 18px #62f4d270}.wrap{padding-left:28px;padding-right:28px}main.wrap{padding-top:48px}pre{background:#0b1726!important;color:#d4f5ef!important;border:1px solid var(--line)}code{color:var(--accent)}input,select,textarea{color:var(--ink);background:#101e2f;border-color:#48617b}table{color:var(--ink-soft)}th{color:var(--ink)}.ks-settings{background:#102035!important;color:#dff8f1!important;border-color:#37556d!important}
.journey-hero{position:relative;min-height:780px;padding:64px 0 34px;isolation:isolate}.journey-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#5287a20b 1px,transparent 1px),linear-gradient(90deg,#5287a20b 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent);z-index:-1}.journey-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:56px}.status-chip{display:flex;align-items:center;gap:9px;font-size:13px;color:#b4d0cd}.status-chip::before{content:'';width:6px;height:6px;border-radius:50%;background:#63f1bd;box-shadow:0 0 12px #63f1bd}.journey-location{font-size:13px;color:var(--muted)}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.journey-copy h1{font-size:clamp(3.4rem,6.7vw,6rem);line-height:.98;margin:0 0 26px;letter-spacing:-.065em}.journey-copy h1 span{display:block;color:var(--accent)}.journey-role{font-size:17px;color:var(--ink);margin-bottom:18px}.journey-copy .lede{font-size:19px;line-height:1.65;max-width:44ch}.journey-copy .cta{margin-top:28px}.journey-caption{margin-top:22px;font-size:14px;color:var(--muted)}.journey-caption a{color:var(--ink-soft)}.system-shell{perspective:1100px;position:relative;padding:20px 4px}.system-map{height:420px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-12deg));transition:transform .4s ease;background:radial-gradient(ellipse at center,#143f4b60,transparent 70%);border:1px solid #375c714d;border-radius:18px;box-shadow:18px 22px 0 -1px #060b14,18px 22px 0 0 #29435470}.system-grid{position:absolute;inset:0;border-radius:18px;background-image:linear-gradient(#6499a515 1px,transparent 1px),linear-gradient(90deg,#6499a515 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.system-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.system-lines path{fill:none;stroke:#3d7d8a;stroke-width:1.5;stroke-dasharray:4 7;animation:data-flow 18s linear infinite}.system-lines circle{fill:#6de9d1;opacity:.7}.system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(35px);width:120px;height:120px;border:1px solid #72f0d8;border-radius:20px;background:#0a1c2b;display:grid;place-content:center;text-align:center;box-shadow:0 0 55px #40e9c024,0 12px 30px #0007}.system-core strong{font-size:28px;letter-spacing:-.06em}.system-core span{font-size:12px;color:#9fcfc8;letter-spacing:.15em}.system-node{position:absolute;transform:translateZ(55px);min-width:138px;padding:15px;border:1px solid #36596f;background:#0a1828;color:var(--ink);font:500 14px/1.4 var(--sans);text-align:left;cursor:pointer;border-radius:7px;box-shadow:0 10px 24px #0005;transition:background .2s,border-color .2s}.system-node span{display:block;font-size:12px;color:#84a5be;margin-bottom:4px}.system-node:hover,.system-node[aria-pressed=true]{border-color:var(--accent);background:#133032}.system-node[data-system=erp]{left:7%;top:8%}.system-node[data-system=ai]{right:5%;top:10%}.system-node[data-system=data]{left:5%;bottom:10%}.system-node[data-system=security]{right:4%;bottom:9%}.map-label{position:absolute;left:22px;bottom:15px;font-size:11px;letter-spacing:.13em;color:#7da4ba}.system-help{display:flex;justify-content:space-between;margin-top:42px;color:var(--muted);font-size:13px;gap:10px}.motion-toggle{font:inherit;color:#b3d9d1;background:transparent;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.journey-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:54px;margin-top:52px;border-top:1px solid var(--line)}.journey-metrics div{display:flex;align-items:center;gap:16px}.journey-metrics strong{font-size:40px;font-weight:500;letter-spacing:-.06em}.journey-metrics span{font-size:13px;color:var(--muted);max-width:10ch}.explore-section{padding:50px 0 70px;background:#091220}.explore-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.explore-layout h2{font-size:38px}.system-detail{border-left:2px solid var(--accent);padding:4px 0 4px 30px}.system-detail h3{font-size:26px}.system-detail p{color:var(--ink-soft);max-width:65ch}.system-detail a{display:inline-block;margin-top:5px}.person-strip{display:flex;gap:18px;align-items:center;margin-top:28px}.person-strip img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:1px solid #548376}.person-strip p{font-size:14px;margin:0;color:var(--muted)}.person-strip strong{display:block;font-size:15px;color:var(--ink)}.journey-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(var(--read,0));z-index:40}.motion-paused .system-lines path{animation-play-state:paused}.motion-paused .system-map{transform:none!important}.motion-paused{scroll-behavior:auto}.reveal-ready .reveal-item{animation:reveal-in .7s both}@keyframes data-flow{to{stroke-dashoffset:-240}}@keyframes reveal-in{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:none}}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:900px){.journey-grid{grid-template-columns:1fr}.journey-top{margin-bottom:34px}.journey-hero{padding-top:30px}.journey-copy h1{font-size:clamp(3.3rem,11vw,5rem)}.system-shell{max-width:560px;width:100%;margin:auto}.journey-metrics{margin-top:32px;padding-top:30px}.explore-layout{gap:26px;grid-template-columns:1fr}.system-map{transform:rotateX(5deg) rotateY(-5deg)}.site-header .wrap{padding-top:14px;padding-bottom:14px}.nav{gap:14px}.journey-metrics div{display:block}.journey-metrics span{display:block;max-width:none}.system-detail{padding-left:20px}}
@media(max-width:520px){.wrap{padding-left:20px;padding-right:20px}.journey-top{align-items:flex-start}.journey-location{max-width:130px;text-align:right}.system-map{height:350px;box-shadow:8px 10px 0 -1px #060b14,8px 10px 0 0 #29435470}.system-node{min-width:116px;padding:10px;font-size:13px}.system-node[data-system=erp]{left:2%;top:7%}.system-node[data-system=ai]{right:2%;top:7%}.system-node[data-system=data]{left:2%;bottom:12%}.system-node[data-system=security]{right:2%;bottom:12%}.system-core{width:95px;height:95px}.system-help{margin-top:25px}.journey-metrics{gap:18px;grid-template-columns:repeat(2,1fr)}.journey-metrics div{display:flex}.journey-metrics strong{font-size:34px}.journey-copy .lede{font-size:17px}.nav{gap:10px 16px}.nav a{font-size:13px}section{padding:55px 0}.grid{grid-template-columns:minmax(0,1fr)}.card{padding:22px}.journey-copy .cta .btn{padding:12px 16px}}
.motion-toggle{min-height:44px;min-width:80px}.motion-paused .reveal-item{animation:none}.motion-paused .card,.motion-paused .system-map{transition:none}
@media(max-width:400px){.system-map{transform:none;height:420px}.system-node{min-width:0;width:45%;transform:none;overflow-wrap:break-word}.map-label{left:12px;right:12px;font-size:12px;letter-spacing:.04em;line-height:1.4;bottom:7px}.system-node[data-system=data],.system-node[data-system=security]{bottom:15%}.journey-metrics div{gap:10px}.nav a{display:inline-flex;align-items:center;min-height:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.system-lines path,.reveal-ready .reveal-item{animation:none}.system-map{transform:none!important}.card,.system-map{transition:none}.card:hover{transform:none}}