:root { --ink:#10243a; --navy:#071a2c; --blue:#0b77bd; --cyan:#22a8d8; --accent:#e24a2a; --sky:#eaf5fb; --line:#d9e4eb; --muted:#617184; --paper:#f7fafc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial,"Helvetica Neue",sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:92px; padding:0 clamp(24px,5vw,84px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.12); position:relative; z-index:10; background:var(--navy); color:#fff; }
.brand { background:#fff; padding:7px 12px; border-radius:5px; display:inline-flex; box-shadow:0 5px 18px rgba(0,0,0,.18); }.brand img { width:184px; height:auto; display:block; filter:none; }
nav { display:flex; align-items:center; gap:34px; font-size:14px; font-weight:700; }
nav a:not(.nav-cta):hover { color:var(--blue); }
.nav-cta { color:white; background:var(--accent); padding:14px 20px; border-radius:4px; }
.nav-cta span,.button span { margin-left:12px; }
.hero { min-height:760px; position:relative; overflow:hidden; background:var(--navy); color:#fff; padding:105px clamp(24px,6vw,100px) 100px; isolation:isolate; }
.hero:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(7,26,44,.99) 0%,rgba(7,26,44,.93) 38%,rgba(7,26,44,.38) 66%,rgba(7,26,44,.15) 100%); }
.hero-copy { width:min(650px,52%); position:relative; z-index:2; }
.eyebrow { text-transform:uppercase; letter-spacing:.18em; font-size:12px; font-weight:800; color:var(--blue); display:flex; align-items:center; gap:10px; margin:0 0 24px; }
.eyebrow span { width:28px; height:2px; background:currentColor; }
h1 { font-size:clamp(52px,6.2vw,92px); line-height:.98; letter-spacing:-.055em; margin:0; color:#fff; max-width:800px; }
h1 em { color:#ff7556; font-style:normal; }
.hero-lede { font-size:19px; line-height:1.7; color:#c7d5df; max-width:610px; margin:34px 0 36px; }
.hero-actions { display:flex; align-items:center; gap:30px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 24px; font-size:14px; font-weight:800; border-radius:4px; }
.button.primary { background:var(--accent); color:#fff; box-shadow:0 12px 28px rgba(226,74,42,.22); }
.button:hover { transform:translateY(-2px); }
.text-link { font-size:14px; font-weight:800; border-bottom:1px solid rgba(255,255,255,.65); padding:10px 0; }
.text-link span { color:#ff7556; margin-left:12px; }
.hero-media { position:absolute; inset:0; z-index:-2; overflow:hidden; background:#071a2c; }
.hero-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; transition:opacity 1.1s ease; animation:hero-drift 18s ease-in-out infinite alternate; will-change:transform,opacity; }
.hero-slide.is-active { opacity:1; }
.hero-scan { position:absolute; inset:-20%; opacity:.16; background:linear-gradient(105deg,transparent 38%,rgba(99,205,241,.5) 49%,transparent 60%); animation:hero-scan 8s ease-in-out infinite; }
.hero-status { position:absolute; right:clamp(30px,5vw,80px); bottom:112px; padding:12px 16px; border:1px solid rgba(255,255,255,.22); background:rgba(5,22,38,.7); backdrop-filter:blur(12px); display:grid; grid-template-columns:auto 1fr; gap:2px 9px; align-items:center; border-radius:4px; }
.hero-status .live-dot { grid-row:1/3; }.hero-status small { color:#a8bac8; font-size:9px; letter-spacing:.14em; }.hero-status strong { color:#69d9ad; font-size:11px; letter-spacing:.12em; }
.motion-toggle { position:absolute; right:clamp(30px,5vw,80px); bottom:55px; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.35); color:#fff; background:rgba(5,22,38,.7); cursor:pointer; font-weight:800; }
.slider-controls { position:absolute; left:clamp(24px,6vw,100px); bottom:93px; display:flex; align-items:center; gap:14px; z-index:2; }
.slider-arrow { width:34px; height:34px; border:1px solid rgba(255,255,255,.32); border-radius:50%; color:#fff; background:rgba(5,22,38,.55); cursor:pointer; }
.slider-dots { display:flex; gap:8px; }.slider-dots button { width:26px; height:3px; border:0; padding:0; background:rgba(255,255,255,.35); cursor:pointer; transition:.25s; }.slider-dots button.is-active { width:42px; background:var(--accent); }
.slider-arrow:focus-visible,.slider-dots button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.motion-toggle:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.motion-paused .hero-slide,.motion-paused .hero-scan { animation-play-state:paused; }
@keyframes hero-drift { from { transform:scale(1.02) translate3d(0,0,0); } to { transform:scale(1.085) translate3d(-1.4%,.6%,0); } }
@keyframes hero-scan { 0%,20% { transform:translateX(-55%); } 70%,100% { transform:translateX(55%); } }
.hero-visual { position:absolute; z-index:2; right:clamp(40px,8vw,130px); top:115px; width:38%; height:460px; }
.grid-lines { position:absolute; inset:0; background-image:linear-gradient(rgba(11,119,189,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(11,119,189,.08) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,black,transparent); }
.system-card { background:rgba(255,255,255,.94); border:1px solid rgba(11,119,189,.18); box-shadow:0 22px 70px rgba(20,63,92,.13); backdrop-filter:blur(10px); }
.main-card { position:absolute; width:78%; left:10%; top:92px; padding:24px; border-radius:8px; }
.card-top { display:flex; align-items:center; gap:9px; font-size:11px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase; }
.card-top b { margin-left:auto; color:#159a70; font-size:10px; }
.live-dot { width:8px; height:8px; background:#22bc80; border-radius:50%; box-shadow:0 0 0 5px #e3f7ef; }
.signal { height:125px; display:flex; align-items:flex-end; gap:8px; padding:28px 0 18px; border-bottom:1px solid var(--line); }
.signal i { flex:1; background:linear-gradient(var(--cyan),var(--blue)); border-radius:2px 2px 0 0; opacity:.85; }
.signal i:nth-child(1){height:22%}.signal i:nth-child(2){height:38%}.signal i:nth-child(3){height:29%}.signal i:nth-child(4){height:55%}.signal i:nth-child(5){height:48%}.signal i:nth-child(6){height:74%}.signal i:nth-child(7){height:58%}.signal i:nth-child(8){height:82%}.signal i:nth-child(9){height:67%}.signal i:nth-child(10){height:91%}.signal i:nth-child(11){height:73%}.signal i:nth-child(12){height:84%}
.metrics { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding-top:18px; }.metrics small,.float-card small { display:block; color:var(--muted); text-transform:uppercase; letter-spacing:.1em; font-size:9px; }.metrics strong { font-size:23px; display:block; margin-top:5px; }
.float-card { position:absolute; padding:16px 18px; width:132px; border-radius:6px; z-index:2; }.float-card strong { display:block; font-size:25px; margin:7px 0 2px; }.float-card span { color:#159a70; font-size:10px; }.top-card { right:-12px; top:38px; }.bottom-card { left:-18px; bottom:38px; }
.orbit { position:absolute; border:1px solid rgba(11,119,189,.22); border-radius:50%; }.orbit.one { width:380px;height:380px;left:2%;top:20px }.orbit.two { width:270px;height:270px;left:15%;top:75px }
.proof-strip { position:absolute; left:clamp(24px,6vw,100px); right:clamp(24px,6vw,100px); bottom:0; height:78px; border-top:1px solid rgba(255,255,255,.18); display:flex; align-items:center; gap:clamp(20px,3vw,55px); color:#a8bac8; }.proof-strip span { font-size:9px; letter-spacing:.18em; margin-right:auto; }.proof-strip b { font-size:14px; color:#d8e2e9; white-space:nowrap; }
.section { padding:120px clamp(24px,7vw,110px); }
.section-intro { display:grid; grid-template-columns:1fr 1fr; column-gap:70px; align-items:end; margin-bottom:62px; }.section-intro .eyebrow { grid-column:1/-1; }.section-intro h2,.platform-title h2,.approach h2,.contact h2 { font-size:clamp(38px,4.4vw,64px); line-height:1.05; letter-spacing:-.045em; margin:0; }.section-intro>p:last-child,.platform-title p { color:var(--muted); font-size:17px; line-height:1.7; max-width:540px; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.service-card { min-height:440px; padding:30px 26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; transition:.25s; }.service-card:hover { background:var(--navy); color:#fff; transform:translateY(-6px); box-shadow:0 20px 50px rgba(11,32,54,.15); }.service-card:hover p,.service-card:hover .service-number { color:#aec2d4; }.service-number { font-size:11px; color:#8b9aa7; }.service-icon { height:84px; padding-top:32px; font-size:38px; color:var(--blue); }.service-card h3 { font-size:22px; line-height:1.2; min-height:54px; }.service-card p { font-size:14px; color:var(--muted); line-height:1.65; min-height:95px; }.tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }.tags span { padding:6px 8px; background:var(--sky); color:var(--blue); font-size:9px; text-transform:uppercase; letter-spacing:.05em; border-radius:2px; }
.approach { background:var(--navy); color:#fff; padding:120px clamp(24px,7vw,110px); display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; overflow:hidden; }.eyebrow.light { color:#55c1e9; }.approach-copy>p:not(.eyebrow) { color:#aebdca; line-height:1.8; font-size:17px; }.capabilities { display:grid; grid-template-columns:1fr 1fr; margin-top:40px; border-top:1px solid rgba(255,255,255,.13); }.capabilities div { padding:16px 0; border-bottom:1px solid rgba(255,255,255,.13); color:#dbe6ee; font-size:13px; }.capabilities span { color:#55c1e9; margin-right:11px; }
.approach-visual { min-height:500px; position:relative; }.process-rings { width:330px; height:330px; border:1px solid rgba(85,193,233,.35); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; }.process-rings:after,.process-rings:before,.process-rings i { content:""; position:absolute; border-radius:50%; border:1px solid rgba(85,193,233,.16); }.process-rings:before { width:220px;height:220px }.process-rings:after { width:115px;height:115px;background:var(--blue);border:0;box-shadow:0 0 70px rgba(34,168,216,.35) }.process-rings span { z-index:2; font-weight:900; letter-spacing:.12em; }.process-rings i:nth-of-type(1){width:410px;height:410px}.process-rings i:nth-of-type(2){width:480px;height:480px}.process-rings i:nth-of-type(3){width:8px;height:8px;background:var(--cyan);left:18px;top:86px;box-shadow:0 0 18px var(--cyan)}
.process-label { position:absolute; background:#132d48; border:1px solid rgba(255,255,255,.1); padding:12px 15px; font-size:11px; letter-spacing:.05em; border-radius:3px; }.process-label b { color:#55c1e9; margin-right:8px; }.label-one{top:18px;left:15%}.label-two{right:0;top:30%}.label-three{bottom:18px;right:18%}.label-four{left:0;bottom:28%}
.platforms { background:var(--paper); }.platform-title { display:grid; grid-template-columns:1fr 1fr; align-items:end; margin-bottom:70px; gap:60px; }.platform-list { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); }.platform-list div { min-height:140px; padding:28px 20px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line); }.platform-list div:last-child { border:0; }.platform-list strong { font-size:18px; }.platform-list span { font-size:11px; color:var(--muted); }
.contact { margin:0 clamp(24px,7vw,110px); padding:80px; background:linear-gradient(120deg,var(--blue),#075886); color:#fff; display:flex; align-items:center; justify-content:space-between; gap:70px; position:relative; overflow:hidden; }.contact:after { content:""; position:absolute; width:360px;height:360px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-100px;top:-140px;box-shadow:0 0 0 55px rgba(255,255,255,.04); }.contact>div { max-width:680px; }.contact>div>p:last-child { color:#d7edf8; max-width:600px; line-height:1.7; }.button.white { background:#fff;color:var(--navy);min-width:190px;position:relative;z-index:2; }
.contact-options { margin:28px clamp(24px,7vw,110px) 0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.contact-options article { border:1px solid var(--line); padding:24px; display:grid; grid-template-columns:auto 1fr; gap:4px 15px; align-items:start; background:#fff; }.contact-options article>a { grid-column:2; color:var(--accent); font-size:13px; font-weight:800; margin-top:8px; }.contact-options small { color:var(--blue); font-weight:800; letter-spacing:.05em; }.contact-options h3 { margin:7px 0; font-size:21px; }.contact-options p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }.contact-flag { width:40px; height:40px; border-radius:50%; background:var(--navy); color:#fff; display:grid; place-items:center; font-size:10px; font-weight:900; }.email-option .contact-flag { background:var(--accent); }
footer { margin-top:110px; padding:70px clamp(24px,7vw,110px) 30px; background:#071a2c; color:#b8c5cf; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:50px; }.footer-brand img { width:190px;height:auto;filter:brightness(0) invert(1);opacity:.92; }.footer-brand p { font-size:13px; }.footer-brand+div,footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px;font-size:13px} footer small { color:#55c1e9;letter-spacing:.14em;margin-bottom:8px }.copyright { grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:30px;font-size:11px; }
.footer-logo { display:inline-flex; background:#fff; padding:8px 12px; border-radius:4px; }.footer-brand .footer-logo img { filter:none; opacity:1; }
.quick-contact { position:fixed; left:18px; bottom:18px; z-index:30; display:flex; gap:7px; }.quick-contact a { width:42px; height:42px; border-radius:50%; background:#fff; color:var(--navy); box-shadow:0 8px 28px rgba(7,26,44,.2); display:grid; place-items:center; font-size:10px; font-weight:900; border:1px solid var(--line); }.quick-contact a:first-child,.quick-contact a:nth-child(2){background:#1fa86a;color:#fff;border:0}.quick-contact a:hover{transform:translateY(-3px)}
.ai-launcher { position:fixed; right:18px; bottom:18px; z-index:31; border:0; border-radius:28px; background:var(--accent); color:#fff; padding:8px 17px 8px 8px; display:flex; align-items:center; gap:9px; box-shadow:0 12px 35px rgba(7,26,44,.25); cursor:pointer; }.ai-launcher span,.ai-mark { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:#fff; color:var(--accent); font-size:11px; font-weight:900; }.ai-launcher b{font-size:12px}.ai-panel { position:fixed; right:18px; bottom:78px; width:min(380px,calc(100vw - 36px)); height:520px; z-index:32; background:#fff; border-radius:10px; box-shadow:0 24px 80px rgba(7,26,44,.28); overflow:hidden; border:1px solid var(--line); }.ai-panel[hidden]{display:none}.ai-panel>header{height:74px;background:var(--navy);color:#fff;padding:14px;display:flex;align-items:center;justify-content:space-between}.ai-panel>header>div{display:flex;align-items:center;gap:10px}.ai-panel header strong,.ai-panel header small{display:block}.ai-panel header strong{font-size:13px}.ai-panel header small{color:#9fb2c1;font-size:9px;margin-top:3px}.ai-panel header button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.ai-messages{height:335px;overflow:auto;padding:16px;background:#f5f8fa}.ai-message{max-width:87%;padding:11px 13px;border-radius:9px;margin-bottom:10px;font-size:12px;line-height:1.55}.ai-message.bot{background:#fff;border:1px solid var(--line)}.ai-message.user{background:var(--blue);color:#fff;margin-left:auto}.ai-choices{display:flex;gap:7px}.ai-choices button{border:1px solid var(--blue);background:#fff;color:var(--blue);padding:7px 11px;border-radius:16px;cursor:pointer}.ai-panel form{height:56px;display:flex;border-top:1px solid var(--line)}.ai-panel input{flex:1;border:0;padding:0 13px;min-width:0}.ai-panel form button{border:0;background:var(--accent);color:#fff;padding:0 16px;font-weight:800}.ai-privacy{font-size:8px;color:#7d8993;padding:0 12px;margin:7px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1000px){nav a:not(.nav-cta){display:none}.hero-copy{width:100%}.hero:after{background:linear-gradient(90deg,rgba(7,26,44,.97),rgba(7,26,44,.68))}.hero{padding-bottom:95px}.proof-strip{gap:20px;overflow:auto}.proof-strip span{display:none}.service-grid{grid-template-columns:1fr 1fr}.approach{grid-template-columns:1fr}.approach-visual{order:2}.platform-list{grid-template-columns:1fr 1fr}.contact{padding:50px;flex-direction:column;align-items:flex-start}.contact-options{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:640px){.site-header{height:74px}.brand img{width:145px}.nav-cta{padding:11px 13px;font-size:12px}.hero{padding-top:70px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{height:390px}.main-card{width:90%;left:5%}.top-card{right:-8px}.bottom-card{left:-8px}.proof-strip b{font-size:11px}.section{padding:80px 20px}.section-intro,.platform-title{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{min-height:360px}.approach{padding:80px 20px}.approach-visual{transform:scale(.8);margin:-35px}.capabilities{grid-template-columns:1fr}.platform-list{grid-template-columns:1fr}.platform-list div{min-height:100px;border-right:0;border-bottom:1px solid var(--line)}.contact{margin:0 20px;padding:40px 25px}.contact h2{font-size:38px}footer{grid-template-columns:1fr;padding:60px 24px 30px}footer .footer-brand{grid-column:auto}.copyright{grid-column:auto} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-card{transition:none}.hero-slide,.hero-scan{animation:none;transition:none}.motion-toggle{display:none}}
.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:230px;transition:.2s}.platform-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(7,26,44,.11);border-color:var(--blue)}.platform-card small{color:var(--blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.platform-card h3{font-size:24px;margin:24px 0 12px}.platform-card p{color:var(--muted);line-height:1.6}.platform-card span{display:block;color:var(--accent);font-weight:800;margin-top:24px}.service-grid.compact .service-card{min-height:310px}.system-hero{padding:95px clamp(24px,7vw,110px);background:linear-gradient(120deg,var(--navy),#0b3c60);color:#fff}.system-hero h1{font-size:clamp(45px,6vw,78px)}.system-hero>p:last-child{max-width:760px;color:#c6d7e3;font-size:18px;line-height:1.75}.system-body{padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:220px 1fr;gap:70px}.system-body aside{position:sticky;top:30px;height:max-content;display:flex;flex-direction:column;border-left:2px solid var(--line);padding-left:18px;gap:14px;font-size:13px}.system-body aside a{color:var(--muted)}.system-body h2{font-size:clamp(34px,4vw,54px);margin:0 0 20px}.disclaimer{color:var(--muted);line-height:1.65}.architecture{display:grid;gap:10px;margin:35px 0 55px;max-width:850px}.arch-layer{padding:21px 24px;background:var(--navy);color:#fff;border-left:6px solid var(--cyan);display:flex;gap:24px;align-items:center}.arch-layer:nth-child(even){background:#0d3655;margin:0 45px}.arch-layer span{color:#55c1e9;font-size:11px;letter-spacing:.12em}.profile-image{border:1px solid var(--line);padding:18px;margin:0 0 80px}.profile-image img{width:100%;height:auto;display:block}.profile-image p{color:var(--muted);font-size:12px}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0 60px}.service-detail-grid article{border:1px solid var(--line);padding:26px}.service-detail-grid h3{font-size:20px}.service-detail-grid p{color:var(--muted);line-height:1.65;min-height:75px}.service-detail-grid a{color:var(--accent);font-weight:800;font-size:13px}.source-note{padding:25px;background:var(--sky);margin:50px 0}.source-note p{color:var(--muted)}.source-note a{color:var(--blue);font-weight:800}.mini-cta{background:var(--navy);color:#fff;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.mini-cta h2{font-size:34px}.mini-cta p{color:#b9c9d5}.request-wrap{padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(300px,.8fr) minmax(480px,1.2fr);gap:80px;background:var(--paper);min-height:calc(100vh - 92px)}.request-intro h1{font-size:clamp(42px,5vw,68px);color:var(--navy)}.request-intro>p:not(.eyebrow){color:var(--muted);line-height:1.75}.security-list{display:flex;flex-direction:column;gap:12px;margin-top:35px;padding:24px;background:var(--navy);color:#dce8f0}.security-list strong{color:#fff;margin-bottom:5px}.security-list span{font-size:13px}.project-form{background:#fff;padding:34px;border:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.preview-badge{background:#fff2cf;color:#755000;border:1px solid #efd480;padding:10px;text-align:center;font-size:11px;font-weight:900;letter-spacing:.08em}.project-form label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:8px}.project-form input,.project-form select,.project-form textarea{border:1px solid #cbd7df;padding:13px;font:inherit;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-box{border:2px dashed #b9cbd7;padding:22px}.upload-box span{color:var(--muted);font-weight:400}.consent{flex-direction:row!important;align-items:flex-start}.project-form button:disabled{opacity:.55;cursor:not-allowed}.fallback{font-size:12px;color:var(--muted)}.fallback a{color:var(--blue);font-weight:800}
@media(max-width:900px){.platform-cards{grid-template-columns:1fr 1fr}.system-body,.request-wrap{grid-template-columns:1fr}.system-body aside{position:static;flex-direction:row;flex-wrap:wrap}.service-detail-grid{grid-template-columns:1fr}.request-wrap{gap:35px}}@media(max-width:620px){.platform-cards{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.mini-cta{flex-direction:column;align-items:flex-start}.project-form{padding:20px}.arch-layer:nth-child(even){margin:0 15px}}
.platform-card{min-height:260px;position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand-color,var(--blue))}.platform-card:hover{border-color:var(--brand-color,var(--blue))}.vendor-logo{height:48px;display:flex;align-items:center;color:var(--brand-color,var(--blue));font-size:20px;letter-spacing:-.03em}.vendor-logo b:after{content:"";display:block;width:28px;height:3px;background:currentColor;margin-top:5px}.logo-emerson-deltav{--brand-color:#e1261c}.logo-siemens-pcs7{--brand-color:#009999}.logo-honeywell-experion{--brand-color:#e31b23}.logo-yokogawa-centum{--brand-color:#d71920}.logo-bently-nevada{--brand-color:#0067a5}.platform-card h3{margin-top:18px}.platform-card span{color:var(--brand-color,var(--accent))}
.architecture-figure{margin:0 0 80px;border:1px solid var(--line);background:#fff;padding:16px}.architecture-figure img{display:block;width:100%;height:auto}.architecture-figure figcaption{padding:13px 4px 0;color:var(--muted);font-size:12px;line-height:1.5}
.orbit-stage{position:relative;width:min(540px,100%);aspect-ratio:1;margin:auto;isolation:isolate}.orbit-track{position:absolute;left:50%;top:50%;width:var(--track);height:var(--track);border:1px solid rgba(85,193,233,.18);border-radius:50%;transform:translate(-50%,-50%);animation:orbit-track-hit 16s var(--delay) ease-in-out infinite}.orbit-step-one{--track:190px;--radius:95px;--start:205deg;--speed:14s;--delay:0s;--step-color:#5ee4ff}.orbit-step-two{--track:280px;--radius:140px;--start:330deg;--speed:18s;--delay:4s;--step-color:#6bb8ff}.orbit-step-three{--track:370px;--radius:185px;--start:45deg;--speed:22s;--delay:8s;--step-color:#64e6ba}.orbit-step-four{--track:460px;--radius:230px;--start:145deg;--speed:27s;--delay:12s;--step-color:#ff8269}.orbit-arm{position:absolute;left:50%;top:50%;width:var(--radius);height:2px;transform-origin:0 50%;animation:orbit-arm-spin var(--speed) linear infinite;z-index:3}.orbit-beam{position:absolute;inset:0;height:2px;opacity:0;background:linear-gradient(90deg,rgba(255,255,255,.95),var(--step-color) 45%,transparent 100%);background-size:220% 100%;filter:drop-shadow(0 0 7px var(--step-color));animation:orbit-beam-fire 16s var(--delay) ease-in-out infinite}.orbit-node{position:absolute;right:-5px;top:-4px;width:10px;height:10px;border:2px solid var(--step-color);border-radius:50%;background:var(--navy);box-shadow:0 0 9px var(--step-color);animation:orbit-node-fire 16s var(--delay) ease-in-out infinite}.orbit-halo{position:absolute;left:50%;top:50%;width:118px;height:118px;border:1px solid rgba(94,228,255,.35);border-radius:50%;transform:translate(-50%,-50%);animation:orbit-shockwave 4s ease-out infinite;z-index:1}.app-core{position:absolute;left:50%;top:50%;width:126px;height:126px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 28%,#258fcb,#0b5f9e 72%,#073b63);border:1px solid rgba(117,225,255,.75);box-shadow:0 0 35px rgba(34,168,216,.34),inset 0 0 26px rgba(255,255,255,.12);z-index:5;animation:orbit-core-hit 4s ease-in-out infinite}.app-core-glow{position:absolute;inset:-13px;border-radius:50%;border:1px solid rgba(94,228,255,.28);box-shadow:0 0 24px rgba(94,228,255,.22)}.app-mini-logo{position:relative;display:flex;justify-content:center;align-items:baseline;font-size:27px;font-weight:950;letter-spacing:-.12em;color:#fff;line-height:1}.app-mini-logo span{color:#ff8065;font-size:31px;transform:skew(-8deg);margin-right:2px}.app-mini-logo b{letter-spacing:-.08em}.app-mini-logo i{position:absolute;left:50%;bottom:-7px;width:42px;height:2px;background:linear-gradient(90deg,#ff8065,#62ddff);transform:translateX(-50%);box-shadow:0 0 7px #62ddff}.app-core small{font-size:7px;letter-spacing:.16em;color:#bcecff;margin-top:16px}.orbit-service{position:absolute;min-width:116px;padding:12px 14px;border:1px solid rgba(85,193,233,.22);border-radius:4px;background:rgba(16,45,72,.88);box-shadow:0 10px 28px rgba(0,0,0,.15);display:flex;gap:12px;align-items:center;color:#eef9ff;font-size:11px;letter-spacing:.04em;z-index:7;animation:orbit-label-hit 16s var(--delay) ease-in-out infinite}.orbit-service b{font-size:10px;color:var(--step-color)}.orbit-service.orbit-step-one{left:0;top:7%}.orbit-service.orbit-step-two{right:-2%;top:27%}.orbit-service.orbit-step-three{right:5%;bottom:4%}.orbit-service.orbit-step-four{left:-4%;bottom:25%}
@keyframes orbit-arm-spin{from{transform:rotate(var(--start))}to{transform:rotate(calc(var(--start) + 360deg))}}@keyframes orbit-beam-fire{0%,3%,19%,100%{opacity:0;background-position:100% 0}6%,13%{opacity:1;background-position:0 0}}@keyframes orbit-node-fire{0%,3%,19%,100%{transform:scale(.8);background:var(--navy)}7%,13%{transform:scale(1.75);background:#fff;box-shadow:0 0 18px 5px var(--step-color)}}@keyframes orbit-track-hit{0%,3%,19%,100%{border-color:rgba(85,193,233,.18);box-shadow:none;transform:translate(-50%,-50%) scale(1)}7%,13%{border-color:var(--step-color);box-shadow:0 0 25px rgba(94,228,255,.22),inset 0 0 22px rgba(94,228,255,.08);transform:translate(-50%,-50%) scale(1.035)}}@keyframes orbit-label-hit{0%,3%,19%,100%{border-color:rgba(85,193,233,.22);transform:translateY(0);filter:none}7%,13%{border-color:var(--step-color);transform:translateY(-4px);filter:drop-shadow(0 0 10px var(--step-color))}}@keyframes orbit-core-hit{0%,18%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 35px rgba(34,168,216,.34),inset 0 0 26px rgba(255,255,255,.12)}7%,11%{transform:translate(-50%,-50%) scale(1.13);box-shadow:0 0 54px rgba(94,228,255,.7),inset 0 0 30px rgba(255,255,255,.2)}}@keyframes orbit-shockwave{0%{opacity:.65;transform:translate(-50%,-50%) scale(.8)}75%,100%{opacity:0;transform:translate(-50%,-50%) scale(3.9)}}
@media(max-width:640px){.orbit-stage{transform:scale(.8);margin:-45px auto}.orbit-service{min-width:102px;padding:9px 10px;font-size:10px}.orbit-service.orbit-step-two{right:-9%}.orbit-service.orbit-step-four{left:-9%}}
@media(prefers-reduced-motion:reduce){.orbit-track,.orbit-arm,.orbit-beam,.orbit-node,.orbit-halo,.app-core,.orbit-service{animation:none}.orbit-node{background:var(--step-color)}.orbit-service{border-color:rgba(85,193,233,.42)}}
.system-hero-dynamic{position:relative;isolation:isolate;overflow:hidden;min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:50px}.system-hero-copy{position:relative;z-index:3;max-width:760px}.system-hero-copy>p:last-of-type{max-width:720px;color:#c6d7e3;font-size:18px;line-height:1.75}.system-hero-media{position:absolute;z-index:-1;inset:0 0 0 38%;background-size:145%;background-repeat:no-repeat;transition:background-position 1.2s cubic-bezier(.22,.72,.18,1),transform 1.2s ease;opacity:.47;filter:saturate(.82) contrast(1.08);mask-image:linear-gradient(90deg,transparent 0,#000 26%);transform:scale(1.025)}.system-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,44,.94),rgba(7,26,44,.36) 48%,rgba(7,26,44,.7)),linear-gradient(0deg,rgba(7,26,44,.65),transparent 46%)}.system-hero-media span{position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 40%,rgba(87,210,250,.25) 50%,transparent 60%);animation:system-focus-sweep 4.8s ease-in-out infinite}.system-focus-card{position:relative;z-index:4;align-self:end;margin-bottom:5px;padding:18px 20px;border:1px solid rgba(116,213,246,.25);background:rgba(5,24,41,.78);backdrop-filter:blur(10px);box-shadow:0 16px 45px rgba(0,0,0,.25)}.system-focus-card small{font-size:8px;letter-spacing:.17em;color:#67d6f8}.system-focus-card>div{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:center;margin:12px 0}.system-focus-card>div span{font-size:10px;color:#67d6f8}.system-focus-card strong{font-size:14px;line-height:1.35}.system-focus-card>i{display:block;height:2px;background:rgba(255,255,255,.14);overflow:hidden}.system-focus-card>i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),#fff);transform-origin:left;animation:system-cycle-progress 4.8s linear}.system-cycle-dots{display:flex;gap:9px;margin-top:32px}.system-cycle-dots button{width:32px;height:4px;border:0;padding:0;background:rgba(255,255,255,.22);cursor:pointer;transition:.3s}.system-cycle-dots button span{display:block;width:0;height:100%;background:var(--cyan)}.system-cycle-dots button.is-active{width:52px;background:rgba(255,255,255,.14)}.system-cycle-dots button.is-active span{width:100%;animation:system-cycle-progress 4.8s linear}.architecture-interactive .arch-layer{width:100%;border-top:0;border-right:0;border-bottom:0;text-align:left;font:inherit;cursor:pointer;transition:transform .45s ease,background .45s ease,box-shadow .45s ease,border-color .45s ease;position:relative}.architecture-interactive .arch-layer i{margin-left:auto;width:52px;height:2px;background:rgba(255,255,255,.16);overflow:hidden}.architecture-interactive .arch-layer i:after{content:"";display:block;width:0;height:100%;background:var(--cyan)}.architecture-interactive .arch-layer.is-active{background:linear-gradient(90deg,#0e4970,#102a43);border-left-color:#75ddff;transform:translateX(10px) scale(1.01);box-shadow:0 13px 35px rgba(7,26,44,.18),inset 0 0 22px rgba(34,168,216,.08)}.architecture-interactive .arch-layer.is-active i:after{width:100%;animation:system-cycle-progress 4.8s linear}.architecture-live-figure{margin:0 0 80px;border:1px solid var(--line);background:#fff;padding:16px}.architecture-live-image{height:430px;background-repeat:no-repeat;background-size:150%;transition:background-position 1.15s cubic-bezier(.22,.72,.18,1);position:relative;overflow:hidden;border:1px solid #e3ebf0}.architecture-live-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(7,26,44,.12);pointer-events:none}.architecture-focus-scan{position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(34,168,216,.18) 50%,transparent 62%);animation:system-focus-sweep 4.8s ease-in-out infinite}.architecture-live-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding:14px 4px 0;color:var(--muted);font-size:12px}.architecture-live-figure figcaption b{color:var(--blue)}
@keyframes system-cycle-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes system-focus-sweep{0%,18%{transform:translateX(-55%);opacity:0}48%{opacity:1}82%,100%{transform:translateX(55%);opacity:0}}
@media(max-width:900px){.system-hero-dynamic{grid-template-columns:1fr;min-height:610px;align-content:center}.system-hero-media{inset:0;mask-image:none;opacity:.28;background-size:cover}.system-focus-card{width:min(420px,100%)}.architecture-live-image{height:340px;background-size:cover}}@media(max-width:620px){.system-hero-dynamic{min-height:650px;padding-top:65px}.system-hero-dynamic h1{font-size:44px}.system-focus-card{margin-bottom:0}.architecture-live-image{height:270px}.architecture-live-figure figcaption{flex-direction:column}.architecture-interactive .arch-layer{padding:17px 15px}.architecture-interactive .arch-layer.is-active{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.system-hero-media,.architecture-live-image,.system-cycle-dots button,.architecture-interactive .arch-layer{transition:none}.system-hero-media span,.system-focus-card>i b,.system-cycle-dots button.is-active span,.architecture-interactive .arch-layer.is-active i:after,.architecture-focus-scan{animation:none}}
.system-hero-media,.architecture-live-image{background-size:195%}.architecture-interactive .arch-layer:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}

/* Font-driven APP identity and animated engineering core */
@font-face{font-family:"APP Mark";src:url("fonts/APP_Font-v1.ttf?v=1") format("truetype");font-display:swap}
.brand{height:72px;min-width:188px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;display:inline-flex;align-items:center}
.app-wordmark{display:inline-flex;align-items:center;justify-content:center;font-family:"APP Mark",Arial,sans-serif;font-style:normal;font-weight:400;line-height:.78;white-space:nowrap;isolation:isolate}
.app-wordmark-a,.app-wordmark-pp{display:inline-block}
.app-wordmark-a{color:#ec4b2f;-webkit-text-stroke:.45px #ff8b72;text-shadow:0 0 3px #ff5f3d,0 0 12px rgba(236,75,47,.48),0 5px 12px rgba(0,0,0,.32)}
.app-wordmark-pp{color:#0b2342;-webkit-text-stroke:.8px #4bd5ff;text-shadow:0 0 3px #38c6f5,0 0 12px rgba(40,180,231,.48),0 5px 12px rgba(0,0,0,.32)}
.app-wordmark-header{font-size:58px;letter-spacing:-.055em;filter:drop-shadow(0 0 9px rgba(65,205,250,.18))}
.app-wordmark-header .app-wordmark-pp{margin-left:-.055em}
.footer-logo{height:70px;width:204px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;display:inline-flex;align-items:center}
.app-wordmark-footer{font-size:54px;letter-spacing:-.055em}.app-wordmark-footer .app-wordmark-pp{margin-left:-.055em}
.app-core{width:132px;height:132px;overflow:visible;background:radial-gradient(circle,rgba(30,157,204,.2) 0,rgba(9,49,78,.72) 44%,rgba(7,26,44,0) 74%);border:1px solid rgba(104,222,255,.52);box-shadow:0 0 30px rgba(34,168,216,.3),inset 0 0 24px rgba(62,202,244,.12)}
.app-core:before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,rgba(57,195,240,.14),transparent 70%);border:1px solid rgba(101,222,255,.22);animation:app-core-aura 4s ease-in-out infinite}
.app-core:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(101,222,255,.2);box-shadow:inset 0 0 18px rgba(33,166,219,.12);z-index:0;pointer-events:none}
.app-core-glow{inset:-17px;z-index:0;border-color:rgba(93,221,255,.3);box-shadow:0 0 34px rgba(94,228,255,.22)}
.app-wordmark-core{position:relative;z-index:3;font-size:36px;letter-spacing:-.07em;animation:app-core-wordmark 4s ease-in-out infinite}
.app-wordmark-core .app-wordmark-pp{margin-left:-.07em}
.app-core small{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);z-index:3;margin:0;padding:5px 9px;border:1px solid rgba(82,200,240,.24);border-radius:10px;background:rgba(7,26,44,.9);color:#c9f2ff;font-size:7px;letter-spacing:.18em;white-space:nowrap;box-shadow:0 7px 18px rgba(0,0,0,.18)}
@keyframes app-core-wordmark{0%,18%,100%{filter:brightness(.9) drop-shadow(0 0 4px rgba(72,213,255,.28));transform:scale(.96)}7%,11%{filter:brightness(1.35) drop-shadow(0 0 12px rgba(72,213,255,.85));transform:scale(1.09)}}
@keyframes app-core-aura{0%,18%,100%{opacity:.55;transform:scale(.92)}7%,11%{opacity:1;transform:scale(1.12)}}
@media(max-width:640px){.brand{height:58px;min-width:158px}.app-wordmark-header{font-size:48px}.app-core{width:124px;height:124px}.app-wordmark-core{font-size:33px}.footer-logo{width:180px;height:64px}.app-wordmark-footer{font-size:48px}}

/* Synchronized four-step workflow and optically spaced APP wordmark */
.app-wordmark-header,
.app-wordmark-footer,
.app-wordmark-core{letter-spacing:-.04em}
.app-wordmark-header .app-wordmark-pp,
.app-wordmark-footer .app-wordmark-pp,
.app-wordmark-core .app-wordmark-pp{margin-left:.09em}

.orbit-step-one{--impact-angle:225deg;--step-rgb:94,228,255}
.orbit-step-two{--impact-angle:334deg;--step-rgb:107,184,255}
.orbit-step-three{--impact-angle:48deg;--step-rgb:100,230,186}
.orbit-step-four{--impact-angle:151deg;--step-rgb:255,130,105}
.orbit-arm{
  transform:rotate(calc(var(--impact-angle) - 22.5deg));
  animation:orbit-arm-synchronized 16s var(--delay) linear infinite;
}
.orbit-track{animation:orbit-track-synchronized 16s var(--delay) ease-in-out infinite}
.orbit-beam{animation:orbit-beam-synchronized 16s var(--delay) ease-in-out infinite}
.orbit-node{animation:orbit-node-synchronized 16s var(--delay) ease-in-out infinite}
.orbit-service{
  min-width:132px;
  min-height:45px;
  justify-content:center;
  padding:12px 16px;
  overflow:hidden;
  border-color:rgba(var(--step-rgb),.28);
  background:linear-gradient(135deg,rgba(var(--step-rgb),.11),rgba(8,31,52,.94) 72%);
  box-shadow:inset 3px 0 0 rgba(var(--step-rgb),.65),0 10px 28px rgba(0,0,0,.15);
  animation:orbit-card-synchronized 16s var(--delay) ease-in-out infinite;
}
.orbit-step-ordinal,
.orbit-step-label{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  white-space:nowrap;
}
.orbit-step-ordinal{
  color:var(--step-color);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.76;
  animation:orbit-ordinal-synchronized 16s var(--delay) ease-in-out infinite;
}
.orbit-step-label{
  color:#f5fbff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.045em;
  opacity:0;
  animation:orbit-label-synchronized 16s var(--delay) ease-in-out infinite;
}

@keyframes orbit-arm-synchronized{
  from{transform:rotate(calc(var(--impact-angle) - 22.5deg))}
  to{transform:rotate(calc(var(--impact-angle) + 337.5deg))}
}
@keyframes orbit-beam-synchronized{
  0%,2%,10%,100%{opacity:0;background-position:100% 0}
  3%,6.25%{opacity:1;background-position:0 0}
}
@keyframes orbit-node-synchronized{
  0%,3%,10%,100%{transform:scale(.8);background:var(--navy)}
  6.25%,7.5%{transform:scale(1.85);background:#fff;box-shadow:0 0 19px 6px var(--step-color)}
}
@keyframes orbit-track-synchronized{
  0%,4%,21%,100%{border-color:rgba(85,193,233,.18);box-shadow:none;transform:translate(-50%,-50%) scale(1)}
  6.25%,14%{border-color:var(--step-color);box-shadow:0 0 25px rgba(var(--step-rgb),.27),inset 0 0 22px rgba(var(--step-rgb),.1);transform:translate(-50%,-50%) scale(1.035)}
}
@keyframes orbit-card-synchronized{
  0%,4%,22%,100%{border-color:rgba(var(--step-rgb),.28);transform:translateY(0) scale(1);filter:none;background:linear-gradient(135deg,rgba(var(--step-rgb),.11),rgba(8,31,52,.94) 72%)}
  6.25%,17%{border-color:var(--step-color);transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 0 11px rgba(var(--step-rgb),.8));background:linear-gradient(135deg,rgba(var(--step-rgb),.3),rgba(8,31,52,.97) 75%)}
}
@keyframes orbit-ordinal-synchronized{
  0%,4%,24%,100%{opacity:.76;transform:translateY(0) scale(.96)}
  6.25%,8%{opacity:1;transform:translateY(0) scale(1.08)}
  11%,21%{opacity:0;transform:translateY(-9px) scale(.96)}
}
@keyframes orbit-label-synchronized{
  0%,8%{opacity:0;transform:translateY(9px) scale(.96)}
  12%,19%{opacity:1;transform:translateY(0) scale(1)}
  23%,100%{opacity:0;transform:translateY(-5px) scale(.98)}
}

@media(prefers-reduced-motion:reduce){
  .orbit-track,.orbit-arm,.orbit-beam,.orbit-node,.orbit-service,.orbit-step-ordinal,.orbit-step-label{animation:none}
  .orbit-arm{transform:rotate(var(--impact-angle))}
  .orbit-step-ordinal{display:none}
  .orbit-step-label{opacity:1;transform:none}
}

/* Refined identity glow, in-core caption and brand-responsive platform cards */
.app-wordmark-a{
  color:#7d302b;
  -webkit-text-stroke:.78px #ff7560;
  text-shadow:0 0 2px rgba(255,117,96,.82),0 0 11px rgba(233,74,49,.36),0 5px 12px rgba(0,0,0,.32);
}
.app-core .app-wordmark-core{animation:app-core-wordmark-refined 4s ease-in-out infinite}
.app-core small{
  top:79px;
  bottom:auto;
  width:74px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:grid;
  gap:2px;
  color:rgba(204,243,255,.7);
  font-size:5.5px;
  line-height:1.15;
  letter-spacing:.18em;
  text-shadow:0 0 5px rgba(100,220,255,.34);
  box-shadow:none;
  animation:app-core-caption-glow 4s ease-in-out infinite;
}
@keyframes app-core-wordmark-refined{
  0%,18%,100%{filter:brightness(.88) drop-shadow(0 0 4px rgba(72,213,255,.25));transform:translateY(-8px) scale(.96)}
  7%,11%{filter:brightness(1.22) drop-shadow(0 0 10px rgba(72,213,255,.64));transform:translateY(-8px) scale(1.07)}
}
@keyframes app-core-caption-glow{
  0%,18%,100%{opacity:.52;filter:blur(.08px)}
  7%,11%{opacity:.9;filter:blur(0)}
}

.platform-card{
  --brand-rgb:11,119,189;
  isolation:isolate;
  transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease,background-color .34s ease;
}
.platform-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 13% 4%,rgba(var(--brand-rgb),.18),transparent 43%),linear-gradient(135deg,rgba(var(--brand-rgb),.055),transparent 62%);
  transition:opacity .34s ease;
}
.platform-card .vendor-logo,
.platform-card h3,
.platform-card p,
.platform-card>span{position:relative;z-index:1}
.vendor-logo{
  width:max-content;
  max-width:100%;
  min-width:170px;
  padding:11px 22px 11px 13px;
  margin:-6px 0 0 -13px;
  border-left:3px solid rgba(var(--brand-rgb),.72);
  border-radius:2px 16px 16px 2px;
  background:linear-gradient(90deg,rgba(var(--brand-rgb),.13),rgba(var(--brand-rgb),.035) 68%,transparent);
  transition:background .34s ease,box-shadow .34s ease,transform .34s ease;
}
.vendor-logo b{text-shadow:0 0 10px rgba(var(--brand-rgb),.12);transition:text-shadow .34s ease}
.platform-card h3,.platform-card>span{transition:color .34s ease,transform .34s ease,text-shadow .34s ease}
.platform-card:hover,
.platform-card:focus-visible{
  transform:translateY(-7px);
  border-color:rgba(var(--brand-rgb),.8);
  background:#fff;
  box-shadow:0 22px 54px rgba(7,26,44,.14),0 0 0 1px rgba(var(--brand-rgb),.12),0 0 30px rgba(var(--brand-rgb),.09);
}
.platform-card:hover:after,.platform-card:focus-visible:after{opacity:1}
.platform-card:hover .vendor-logo,.platform-card:focus-visible .vendor-logo{
  transform:translateX(4px);
  background:linear-gradient(90deg,rgba(var(--brand-rgb),.23),rgba(var(--brand-rgb),.07) 70%,transparent);
  box-shadow:-5px 0 16px rgba(var(--brand-rgb),.13);
}
.platform-card:hover .vendor-logo b,.platform-card:focus-visible .vendor-logo b{text-shadow:0 0 13px rgba(var(--brand-rgb),.28)}
.platform-card:hover h3,.platform-card:focus-visible h3{color:var(--brand-color);text-shadow:0 0 13px rgba(var(--brand-rgb),.1)}
.platform-card:hover>span,.platform-card:focus-visible>span{transform:translateX(5px)}
.platform-card:focus-visible{outline:3px solid rgba(var(--brand-rgb),.34);outline-offset:4px}
.logo-emerson-deltav{--brand-rgb:225,38,28}
.logo-siemens-pcs7{--brand-rgb:0,153,153}
.logo-honeywell-experion{--brand-rgb:227,27,35}
.logo-yokogawa-centum{--brand-rgb:215,25,32}
.logo-bently-nevada{--brand-rgb:0,103,165}
@media(prefers-reduced-motion:reduce){
  .app-core .app-wordmark-core,.app-core small{animation:none}
  .app-core .app-wordmark-core{transform:translateY(-8px)}
  .platform-card,.platform-card:after,.vendor-logo,.vendor-logo b,.platform-card h3,.platform-card>span{transition:none}
}

/* Verified legacy content and system-family tabs */
.system-detail-tabs{--detail-accent:var(--blue);margin:5px 0 90px;border-top:4px solid var(--detail-accent);background:#fff;box-shadow:0 18px 55px rgba(7,26,44,.08)}
.detail-tabs-heading{padding:38px 38px 28px;background:linear-gradient(135deg,rgba(234,245,251,.8),#fff 68%)}
.detail-tabs-heading .eyebrow{margin-bottom:16px}.detail-tabs-heading h2{font-size:clamp(31px,3.4vw,46px);margin:0 0 13px;letter-spacing:-.035em}.detail-tabs-heading>p:last-child{max-width:760px;color:var(--muted);line-height:1.65;margin:0}
.detail-tab-list{display:flex;gap:0;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f4f8fa;scrollbar-width:thin}
.detail-tab-list button{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);min-width:190px;padding:17px 22px;text-align:left;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.detail-tab-list button span{display:block;color:var(--detail-accent);font-size:9px;letter-spacing:.15em;margin-bottom:7px}.detail-tab-list button:hover{background:#fff}.detail-tab-list button.is-active{background:var(--detail-accent);color:#fff;box-shadow:inset 0 -4px 0 rgba(255,255,255,.26)}.detail-tab-list button.is-active span{color:rgba(255,255,255,.75)}.detail-tab-list button:focus-visible{outline:3px solid var(--detail-accent);outline-offset:-4px}
.detail-tab-panel{padding:38px;animation:detail-panel-enter .36s ease both}.detail-tab-copy{max-width:820px;margin-bottom:28px}.detail-tab-copy small{color:var(--detail-accent);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.detail-tab-copy h3{font-size:clamp(27px,3vw,39px);line-height:1.12;letter-spacing:-.025em;margin:10px 0 13px}.detail-tab-copy>p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}
.detail-tab-architecture{margin:0 0 24px;padding:10px;border:1px solid var(--line);background:linear-gradient(135deg,#f8fbfd,#fff);box-shadow:0 15px 40px rgba(7,26,44,.07)}.detail-tab-architecture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.detail-tab-architecture figcaption{padding:10px 5px 2px;color:var(--muted);font-size:10px;letter-spacing:.06em;text-align:right}
.detail-layer-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 24px}.detail-layer-list span{display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--navy);color:#eaf5fb;font-size:11px;line-height:1.4;border-left:3px solid var(--detail-accent)}.detail-layer-list b{color:#69d7f6;font-size:9px;letter-spacing:.08em}
.detail-tab-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-tab-items section{padding:23px;border:1px solid var(--line);background:#fbfdfe;position:relative;overflow:hidden}.detail-tab-items section:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--detail-accent)}.detail-tab-items h4{font-size:17px;margin:0 0 10px}.detail-tab-items p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.detail-source{display:inline-flex;margin-top:25px;color:var(--detail-accent);font-size:12px;font-weight:900;border-bottom:1px solid currentColor;padding-bottom:5px}
@keyframes detail-panel-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.detail-tabs-heading,.detail-tab-panel{padding:28px 22px}.detail-tab-items,.detail-layer-list{grid-template-columns:1fr}.detail-tab-list button{min-width:160px}.detail-tab-architecture{padding:6px}}
@media(prefers-reduced-motion:reduce){.detail-tab-panel{animation:none}.detail-tab-list button{transition:none}}

/* Unified Honeywell control and safety coverage */
.honeywell-unified{--hny-red:#d71920;margin:5px 0 90px;border-top:4px solid var(--hny-red);background:#fff;box-shadow:0 18px 55px rgba(7,26,44,.09)}
.honeywell-unified-heading{padding:40px;background:linear-gradient(135deg,#edf6fa 0,#fff 67%)}
.honeywell-unified-heading .eyebrow{margin-bottom:15px}.honeywell-unified-heading h2{max-width:880px;margin:0 0 14px;font-size:clamp(31px,3.5vw,48px);line-height:1.08;letter-spacing:-.04em}.honeywell-unified-heading>p:last-child{max-width:850px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.honeywell-unified-architecture{margin:0;padding:15px 15px 0;background:#f4f8fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.honeywell-unified-architecture img{display:block;width:100%;height:auto;background:#fff;border:1px solid #dbe6ec;box-shadow:0 15px 38px rgba(7,26,44,.08)}
.honeywell-unified-architecture figcaption{display:flex;justify-content:space-between;gap:20px;padding:14px 3px 16px;color:var(--muted);font-size:11px;letter-spacing:.035em}.honeywell-unified-architecture figcaption strong{color:var(--ink)}
.honeywell-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:34px 34px 18px;background:#fff}
.honeywell-family-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#fbfdfe;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.honeywell-family-card:before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:4px;background:var(--hny-red)}.honeywell-family-card:hover{transform:translateY(-5px);border-color:rgba(215,25,32,.42);box-shadow:0 18px 35px rgba(7,26,44,.11)}
.honeywell-family-media{display:flex;align-items:center;justify-content:center;height:280px;padding:15px;background:linear-gradient(145deg,#f2f7fa,#fff);border-bottom:1px solid var(--line)}.honeywell-family-media img{display:block;width:100%;height:100%;object-fit:contain}.honeywell-family-card.experion .honeywell-family-media{padding:0;background:#0a1c29}.honeywell-family-card.experion .honeywell-family-media img{object-fit:cover}.honeywell-family-card.safety-manager-sc .honeywell-family-media{background:#050a0e}
.honeywell-family-copy{padding:24px 24px 27px}.honeywell-family-copy small{display:block;color:var(--hny-red);font-size:9px;font-weight:900;letter-spacing:.15em;margin-bottom:9px}.honeywell-family-copy h3{font-size:22px;margin:0 0 12px}.honeywell-family-copy p{min-height:92px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.honeywell-family-copy ul{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}.honeywell-family-copy li{position:relative;padding:5px 0 5px 16px;color:var(--ink);font-size:12px;font-weight:700;line-height:1.45}.honeywell-family-copy li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:2px;background:var(--hny-red)}
.honeywell-boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:16px 34px 0;background:var(--line);border:1px solid var(--line)}.honeywell-boundary-grid article{display:flex;gap:15px;padding:24px;background:var(--navy);color:#fff}.honeywell-boundary-grid article>span{color:#ff5c61;font-size:10px;font-weight:900;letter-spacing:.12em}.honeywell-boundary-grid h3{font-size:16px;margin:0 0 8px}.honeywell-boundary-grid p{margin:0;color:#afc5d2;font-size:12px;line-height:1.6}
.honeywell-source-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0;padding:26px 34px 34px}.honeywell-source-links strong{margin-right:auto;font-size:12px;letter-spacing:.06em}.honeywell-source-links a{color:var(--hny-red);font-size:12px;font-weight:900;border-bottom:1px solid currentColor;padding-bottom:4px}
@media(max-width:950px){.honeywell-family-grid{grid-template-columns:1fr 1fr}.honeywell-family-card.experion{grid-column:1/-1}.honeywell-family-card.experion .honeywell-family-media{height:330px}.honeywell-boundary-grid{grid-template-columns:1fr}}
@media(max-width:650px){.honeywell-unified-heading{padding:29px 22px}.honeywell-unified-architecture{padding:7px 7px 0}.honeywell-unified-architecture figcaption{display:block;padding:11px 3px 13px}.honeywell-unified-architecture figcaption span{display:block;margin-top:5px}.honeywell-family-grid{grid-template-columns:1fr;padding:24px 14px 10px}.honeywell-family-card.experion{grid-column:auto}.honeywell-family-media,.honeywell-family-card.experion .honeywell-family-media{height:250px}.honeywell-family-copy p{min-height:0}.honeywell-boundary-grid{margin:14px}.honeywell-source-links{padding:22px 16px 28px;align-items:flex-start;flex-direction:column}.honeywell-source-links strong{margin:0 0 3px}}
@media(prefers-reduced-motion:reduce){.honeywell-family-card{transition:none}}

/* WordPress production integration */
html{scroll-padding-top:24px}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.production-badge{background:#e9f8f0;color:#12613b;border-color:#a9ddc1}.form-message{padding:14px 16px;border:1px solid;font-size:13px;font-weight:800;line-height:1.5}.form-message.success{background:#e9f8f0;color:#12613b;border-color:#a9ddc1}.form-message.error{background:#fff0f0;color:#92242a;border-color:#edb2b5}.project-form button:not(:disabled){cursor:pointer}.project-form input[type=file]{padding:9px;background:#f7fafb}.project-form input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;padding:0}.wp-site-blocks{padding:0}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}