:root{
  --navy:#0f2d52;
  --navy-2:#173d69;
  --ink:#12304d;
  --text:#43586c;
  --muted:#66798e;
  --light:#f5f8fc;
  --lighter:#fbfdff;
  --border:#e4ebf3;
  --yellow:#f1b632;
  --yellow-dark:#db9e17;
  --teal:#29b6c8;
  --cyan:#69d7ee;
  --white:#ffffff;
  --shadow:0 20px 45px rgba(15,45,82,.08);
  --shadow-sm:0 12px 30px rgba(15,45,82,.06);
  --radius:24px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--lighter);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 42px));margin:0 auto}
h1,h2,h3,h4,h5{font-family:Montserrat,Inter,sans-serif;color:var(--ink);line-height:1.12;letter-spacing:-.02em;margin:0}
p{margin:0 0 16px}
.eyebrow{display:inline-block;background:#eaf5ff;color:#1d6aa5;border:1px solid #d3e8f7;font-size:12px;font-weight:700;padding:8px 14px;border-radius:999px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:18px}
.topbar{background:var(--navy);color:#eff6fd;font-size:14px}.topbar-inner{display:flex;gap:26px;align-items:center;justify-content:space-between;padding:12px 0;flex-wrap:wrap}.topbar-item{display:flex;align-items:center;gap:10px}.topbar-item img{width:16px;height:16px;filter:invert(1) brightness(100)}.topbar a:hover{text-decoration:underline}
.main-header{background:rgba(255,255,255,.98);box-shadow:0 6px 20px rgba(15,45,82,.05);position:sticky;top:0;z-index:100}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.logo-wrap img{width:290px;max-width:100%}.nav-menu{display:flex;align-items:center;gap:24px}.nav-menu>a:not(.btn){color:var(--ink);font-weight:600;font-size:15px;position:relative;padding:6px 0}.nav-menu>a.active,.nav-menu>a:hover{color:var(--teal)}.nav-menu>a.active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;background:var(--yellow);border-radius:999px}.menu-toggle{display:none;width:48px;height:48px;border-radius:12px;border:1px solid var(--border);background:#fff;align-items:center;justify-content:center}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:3px auto}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-weight:700;transition:.25s ease;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--yellow);color:#13263d;box-shadow:0 12px 24px rgba(241,182,50,.2)}.btn-primary:hover{background:var(--yellow-dark);transform:translateY(-1px)}.btn-secondary{background:transparent;border-color:#cbd8e6;color:var(--ink)}.btn-secondary:hover{background:#fff;border-color:#97aec3}.btn-block{width:100%}
.hero,.page-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#f5f8fc 100%)}
.hero::before,.page-hero::before{content:"";position:absolute;right:-120px;top:40px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(41,182,200,.16), rgba(41,182,200,0) 65%);animation:floaty 8s ease-in-out infinite}
.hero::after,.page-hero::after{content:"";position:absolute;left:-120px;bottom:-150px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(241,182,50,.12), rgba(241,182,50,0) 65%);animation:floaty 10s ease-in-out infinite reverse}
.hero{padding:66px 0 74px}.hero-grid,.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:1}.page-hero{padding:68px 0}.hero h1,.page-hero h1{font-size:clamp(40px,5vw,68px);margin-bottom:18px}.page-hero h1{font-size:clamp(38px,4.6vw,60px)}.hero p.lead,.page-hero p{font-size:18px;max-width:60ch;color:var(--text)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0 24px}.hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:10px}.hero-points span{position:relative;padding-left:22px;font-weight:600;color:var(--ink)}.hero-points span::before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;border-radius:50%;background:var(--yellow)}
.hero-card,.page-media-card{position:relative;background:#fff;padding:18px;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--border)}.hero-card img,.page-media-card img{border-radius:20px;aspect-ratio:4/3;object-fit:cover}.hero-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.hero-mini div{background:var(--light);padding:14px;border-radius:18px;text-align:center}.hero-mini strong{display:block;color:var(--ink);font-family:Montserrat,sans-serif;font-size:18px}.hero-mini span{font-size:13px;color:var(--muted)}
.section{padding:82px 0;position:relative}.section.alt{background:var(--light)}.section-header{max-width:760px;margin-bottom:38px}.section-header h2{font-size:clamp(30px,3.6vw,50px);margin-bottom:14px}.section-header p{font-size:17px;color:var(--text)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.card .icon{width:56px;height:56px;border-radius:16px;background:#eff7fb;color:var(--teal);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.card .icon img{width:28px;height:28px}.card h3{font-size:23px;margin-bottom:12px}.card p{font-size:15.5px;color:var(--text)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.split .media img{border-radius:26px;box-shadow:var(--shadow);border:1px solid var(--border);width:100%;aspect-ratio:4/3;object-fit:cover}.checklist{display:grid;gap:14px;margin-top:22px}.checklist div{display:flex;gap:14px;align-items:flex-start}.checklist div::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;background:#ebf8ec;color:#188842;font-weight:800;margin-top:1px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step{background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm)}.process-step .step-no{display:inline-flex;width:40px;height:40px;border-radius:50%;background:#fff6db;color:#986700;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-weight:800;margin-bottom:16px}.process-step h3{font-size:20px;margin-bottom:10px}.process-step p{font-size:15px}
.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.industry-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow-sm)}.industry-card h3{font-size:20px;margin-bottom:10px}.industry-card p{font-size:15px;color:var(--text)}
.banner{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),#1b578f);color:#fff;border-radius:28px;padding:42px;display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center;box-shadow:var(--shadow)}.banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.11), transparent 34%), radial-gradient(circle at 75% 35%, rgba(105,215,238,.18), transparent 26%), linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 50%, transparent 100%);animation:sweep 8s linear infinite}.banner > *{position:relative;z-index:1}.banner h2{color:#fff;font-size:clamp(28px,3.2vw,42px);margin-bottom:12px}.banner p{color:#e9f2fa;font-size:17px}.banner .btn-secondary{border-color:rgba(255,255,255,.35);color:#fff}.banner .btn-secondary:hover{background:rgba(255,255,255,.12)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm)}.metric strong{display:block;font-family:Montserrat,sans-serif;color:var(--ink);font-size:28px;margin-bottom:6px}.metric span{font-size:14px;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px}.contact-panel,.form-panel{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:34px}.contact-list{display:grid;gap:20px;margin-top:22px}.contact-row{display:flex;gap:14px;align-items:flex-start}.contact-row img{width:22px;height:22px}.map-link{display:inline-block;margin-top:20px;color:var(--teal);font-weight:700}
form .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700;color:var(--ink)}.field input,.field select,.field textarea,.quick-form input,.quick-form textarea{background:#fff;border:1px solid #d8e3ee;border-radius:14px;padding:14px 15px;color:var(--ink)}.field textarea,.quick-form textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.quick-form input:focus,.quick-form textarea:focus{outline:2px solid rgba(41,182,200,.2);border-color:#90cdd4}.hidden-honey{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.site-footer{background:var(--navy);color:#dce7f3;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .9fr 1fr;gap:34px;padding:56px 0}.footer-logo{width:250px;background:#fff;padding:10px 14px;border-radius:16px;margin-bottom:16px}.footer-text,.site-footer p{color:#dce7f3}.site-footer h4{font-family:Montserrat,sans-serif;color:#fff;margin-bottom:14px;font-size:18px}.site-footer a{display:block;margin-bottom:10px;color:#dce7f3}.site-footer a:hover{color:#fff}.quick-form{display:grid;gap:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}
.page-hero-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;border:1px solid var(--border);box-shadow:var(--shadow)}
.service-list{display:grid;gap:26px}.service-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;background:#fff;border:1px solid var(--border);border-radius:26px;padding:26px;box-shadow:var(--shadow-sm);align-items:center}.service-row h2{font-size:30px;margin-bottom:12px}.bullet-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:14px}.bullet-list span{position:relative;padding-left:18px}.bullet-list span::before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.team-panel,.story-panel{background:#fff;border:1px solid var(--border);border-radius:28px;padding:34px;box-shadow:var(--shadow-sm)}
.legal{background:#fff;border:1px solid var(--border);border-radius:28px;padding:34px;box-shadow:var(--shadow-sm)}.legal h2{font-size:28px;margin:26px 0 10px}.legal ul{padding-left:18px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}

/* Animated concept / background visuals */
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.workflow-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:16px;box-shadow:var(--shadow-sm)}
.workflow-card h3{font-size:18px;margin:14px 0 8px}.workflow-card p{font-size:14px;color:var(--muted);margin:0}
.scene-card{position:relative;min-height:260px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#112d4e 0%, #173b66 55%, #0f2745 100%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.scene-card.compact{min-height:180px}
.scene-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%, rgba(105,215,238,.22), transparent 25%), radial-gradient(circle at 18% 85%, rgba(241,182,50,.13), transparent 26%)}
.scene-grid{position:absolute;inset:auto 0 0 0;height:58%;background-image:linear-gradient(rgba(105,215,238,.13) 1px, transparent 1px),linear-gradient(90deg, rgba(105,215,238,.13) 1px, transparent 1px);background-size:28px 28px;opacity:.35;transform:perspective(600px) rotateX(73deg) translateY(52px);transform-origin:bottom}
.scene-label{position:absolute;left:18px;top:14px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;z-index:2}
.scene-card .wire-cube,.scene-card .wire-cube.large{position:absolute;right:22px;top:56px;width:84px;height:84px;border:2px solid rgba(241,182,50,.85);transform:rotate(12deg);box-shadow:-22px 18px 0 -2px rgba(105,215,238,.45);animation:drift 6s ease-in-out infinite}
.scene-card .wire-cube::before,.scene-card .wire-cube::after,.scene-card .wire-cube.large::before,.scene-card .wire-cube.large::after{content:"";position:absolute;border:2px solid rgba(241,182,50,.55)}
.scene-card .wire-cube::before,.scene-card .wire-cube.large::before{inset:12px -18px -12px 18px}
.scene-card .wire-cube::after,.scene-card .wire-cube.large::after{inset:-18px 18px 18px -18px}
.scene-card .wire-cube.large{width:112px;height:112px;right:28px;top:50px}
.scene-scan .scanner{position:absolute;left:28px;bottom:60px;width:58px;height:86px;border-radius:14px;background:linear-gradient(180deg,#c9d2dc,#8ea3b7);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.scene-scan .scanner::before{content:"";position:absolute;left:18px;top:18px;width:22px;height:22px;border-radius:50%;background:#143451;box-shadow:0 0 0 5px rgba(105,215,238,.15)}
.scene-scan .scanner::after{content:"";position:absolute;left:23px;bottom:-56px;width:10px;height:56px;background:#2c3f54;box-shadow:-20px 34px 0 -1px #2c3f54, 20px 34px 0 -1px #2c3f54}
.scene-scan .scan-beam{position:absolute;left:72px;bottom:110px;width:170px;height:3px;background:linear-gradient(90deg, rgba(105,215,238,.95), rgba(105,215,238,0));box-shadow:0 0 18px rgba(105,215,238,.7);transform-origin:left;animation:sweepbeam 4s ease-in-out infinite}
.scene-scan .dot-cloud,.scene-model .point-frame{position:absolute;right:40px;bottom:54px;width:156px;height:118px}
.scene-scan .dot-cloud span,.scene-model .point-frame span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(105,215,238,.7);animation:blink 3s ease-in-out infinite}
.scene-scan .dot-cloud span:nth-child(odd),.scene-model .point-frame span:nth-child(odd){background:#f1b632;box-shadow:0 0 8px rgba(241,182,50,.65)}
.scene-scan .dot-cloud span:nth-child(1){left:10%;top:15%}.scene-scan .dot-cloud span:nth-child(2){left:28%;top:10%}.scene-scan .dot-cloud span:nth-child(3){left:48%;top:14%}.scene-scan .dot-cloud span:nth-child(4){left:68%;top:18%}.scene-scan .dot-cloud span:nth-child(5){left:82%;top:9%}.scene-scan .dot-cloud span:nth-child(6){left:18%;top:33%}.scene-scan .dot-cloud span:nth-child(7){left:35%;top:38%}.scene-scan .dot-cloud span:nth-child(8){left:53%;top:30%}.scene-scan .dot-cloud span:nth-child(9){left:74%;top:35%}.scene-scan .dot-cloud span:nth-child(10){left:90%;top:28%}.scene-scan .dot-cloud span:nth-child(11){left:7%;top:57%}.scene-scan .dot-cloud span:nth-child(12){left:24%;top:61%}.scene-scan .dot-cloud span:nth-child(13){left:42%;top:55%}.scene-scan .dot-cloud span:nth-child(14){left:60%;top:62%}.scene-scan .dot-cloud span:nth-child(15){left:78%;top:58%}.scene-scan .dot-cloud span:nth-child(16){left:92%;top:52%}.scene-scan .dot-cloud span:nth-child(17){left:14%;top:82%}.scene-scan .dot-cloud span:nth-child(18){left:32%;top:78%}.scene-scan .dot-cloud span:nth-child(19){left:50%;top:86%}.scene-scan .dot-cloud span:nth-child(20){left:70%;top:81%}.scene-scan .dot-cloud span:nth-child(21){left:84%;top:88%}.scene-scan .dot-cloud span:nth-child(22){left:98%;top:74%}.scene-scan .dot-cloud span:nth-child(23){left:41%;top:70%}.scene-scan .dot-cloud span:nth-child(24){left:61%;top:43%}.scene-scan .dot-cloud span:nth-child(25){left:80%;top:69%}.scene-scan .dot-cloud span:nth-child(26){left:3%;top:40%}
.scene-photo .capture-orb{position:absolute;left:30px;bottom:86px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #fff 0%, #8fd7e4 22%, #1c466e 55%, #0d2641 100%);box-shadow:0 0 0 10px rgba(255,255,255,.08), 0 0 18px rgba(105,215,238,.65)}
.scene-photo .photo-cards{position:absolute;left:126px;top:70px;display:grid;gap:10px}.scene-photo .photo-cards span{display:block;width:62px;height:44px;border-radius:10px;background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(208,226,238,.85));box-shadow:0 8px 16px rgba(0,0,0,.15)}.scene-photo .photo-cards span:nth-child(2){transform:translateX(18px)}.scene-photo .photo-cards span:nth-child(3){transform:translateX(8px)}
.scene-photo .conversion-path{position:absolute;left:95px;top:128px;width:160px;height:3px;background:linear-gradient(90deg, rgba(105,215,238,.9), rgba(241,182,50,.85));box-shadow:0 0 20px rgba(105,215,238,.55);animation:sweep 4s linear infinite}
.scene-archive .doc-stack{position:absolute;left:32px;bottom:46px;width:118px;height:118px}.scene-archive .doc-stack span{position:absolute;width:86px;height:112px;border-radius:10px;background:linear-gradient(180deg,#ffffff,#d8e8f2);box-shadow:0 8px 18px rgba(0,0,0,.16)}.scene-archive .doc-stack span:nth-child(1){left:0;top:6px}.scene-archive .doc-stack span:nth-child(2){left:20px;top:0}.scene-archive .doc-stack span:nth-child(3){left:38px;top:14px}
.scene-archive .data-flow{position:absolute;left:134px;bottom:118px;width:138px;height:2px;background:linear-gradient(90deg, rgba(105,215,238,0), rgba(105,215,238,.95) 25%, rgba(241,182,50,.95) 75%, rgba(241,182,50,0));box-shadow:0 0 18px rgba(105,215,238,.55);animation:flow 2.6s linear infinite}
.scene-archive .database{position:absolute;right:34px;bottom:58px;width:116px}.scene-archive .database span{display:block;width:116px;height:34px;border-radius:50%;background:linear-gradient(180deg,#7de1f1,#1a456f);box-shadow:0 17px 0 -8px rgba(24,61,95,.95), 0 34px 0 -16px rgba(20,48,79,.95);position:relative}.scene-archive .database span+span{margin-top:18px}.scene-archive .database span::after{content:"";position:absolute;left:0;right:0;top:14px;height:24px;border-radius:0 0 50% 50%;background:rgba(18,52,86,.85)}
.scene-twin .asset-blocks{position:absolute;left:32px;bottom:78px;display:grid;grid-template-columns:repeat(3,48px);gap:12px}.scene-twin .asset-blocks span{width:48px;height:48px;border-radius:12px;background:linear-gradient(160deg,#f7fbff,#b9d7e8);box-shadow:0 10px 20px rgba(0,0,0,.15)}
.scene-twin .link-lines{position:absolute;left:54px;bottom:102px;width:180px;height:90px;border-left:2px solid rgba(105,215,238,.8);border-bottom:2px solid rgba(105,215,238,.8);border-right:2px solid rgba(105,215,238,.45);border-top:2px solid rgba(105,215,238,.45);filter:drop-shadow(0 0 8px rgba(105,215,238,.4));animation:pulseGlow 3s ease-in-out infinite}
.scene-twin .dashboard{position:absolute;right:28px;top:62px;width:148px;height:112px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(7px);padding:18px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-twin .dashboard span{display:block;border-radius:10px;background:linear-gradient(180deg, rgba(105,215,238,.65), rgba(105,215,238,.18))}.scene-twin .dashboard span:nth-child(1){grid-column:1/-1;height:18px}.scene-twin .dashboard span:nth-child(2){height:42px}.scene-twin .dashboard span:nth-child(3){height:42px}.scene-twin .dashboard span:nth-child(4){grid-column:1/-1;height:16px}
.scene-model .mini-panels{position:absolute;left:28px;top:70px;display:grid;gap:10px}.scene-model .mini-panels span{display:block;width:100px;height:28px;border-radius:10px;background:linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12)}
.scene-model .point-frame span:nth-child(1){left:6%;top:14%}.scene-model .point-frame span:nth-child(2){left:23%;top:8%}.scene-model .point-frame span:nth-child(3){left:40%;top:16%}.scene-model .point-frame span:nth-child(4){left:58%;top:10%}.scene-model .point-frame span:nth-child(5){left:76%;top:17%}.scene-model .point-frame span:nth-child(6){left:12%;top:35%}.scene-model .point-frame span:nth-child(7){left:30%;top:30%}.scene-model .point-frame span:nth-child(8){left:49%;top:37%}.scene-model .point-frame span:nth-child(9){left:67%;top:29%}.scene-model .point-frame span:nth-child(10){left:84%;top:36%}.scene-model .point-frame span:nth-child(11){left:7%;top:56%}.scene-model .point-frame span:nth-child(12){left:25%;top:62%}.scene-model .point-frame span:nth-child(13){left:44%;top:55%}.scene-model .point-frame span:nth-child(14){left:62%;top:61%}.scene-model .point-frame span:nth-child(15){left:80%;top:58%}.scene-model .point-frame span:nth-child(16){left:14%;top:80%}.scene-model .point-frame span:nth-child(17){left:34%;top:76%}.scene-model .point-frame span:nth-child(18){left:52%;top:84%}.scene-model .point-frame span:nth-child(19){left:70%;top:79%}.scene-model .point-frame span:nth-child(20){left:88%;top:73%}.scene-model .point-frame span:nth-child(21){left:60%;top:44%}.scene-model .point-frame span:nth-child(22){left:38%;top:49%}
.scene-qa .compare-card{position:absolute;top:72px;width:106px;height:84px;border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12)}.scene-qa .compare-card.left{left:26px}.scene-qa .compare-card.right{right:30px}.scene-qa .compare-card::before{content:"";position:absolute;left:14px;right:14px;top:18px;height:8px;border-radius:5px;background:rgba(105,215,238,.65);box-shadow:0 20px 0 rgba(255,255,255,.18), 0 40px 0 rgba(255,255,255,.11)}.scene-qa .check-ring{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-12px 0 0 -37px;border-radius:50%;border:4px solid rgba(241,182,50,.85);box-shadow:0 0 0 12px rgba(241,182,50,.08);animation:pulseGlow 3s ease-in-out infinite}.scene-qa .check-ring::before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:34px;font-weight:800}.scene-qa .pulse-markers span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(105,215,238,.75)}.scene-qa .pulse-markers span:nth-child(1){left:24%;bottom:58px}.scene-qa .pulse-markers span:nth-child(2){left:54%;bottom:38px}.scene-qa .pulse-markers span:nth-child(3){right:18%;bottom:64px}
.service-anim{min-height:310px}
.theme-band{background:#fff;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow-sm)}
.contact-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.contact-anim-wrap{display:grid;gap:18px}
.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.image-grid .image-card{background:#fff;border:1px solid var(--border);padding:16px;border-radius:24px;box-shadow:var(--shadow-sm)}.image-grid img{width:100%;border-radius:18px;aspect-ratio:4/3;object-fit:cover}.image-grid h3{font-size:22px;margin:14px 0 8px}
.page-lead-list{display:grid;gap:12px;margin-top:18px}.page-lead-list span{display:flex;align-items:flex-start;gap:10px;font-weight:600;color:var(--ink)}.page-lead-list span::before{content:"";min-width:10px;height:10px;border-radius:50%;background:var(--yellow);margin-top:8px}

@keyframes floaty{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}
@keyframes drift{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-8px) rotate(7deg)}}
@keyframes blink{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.55)}}
@keyframes sweepbeam{0%,100%{transform:scaleX(.6) translateX(0);opacity:.55}50%{transform:scaleX(1.15) translateX(20px);opacity:1}}
@keyframes pulseGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(105,215,238,0))}50%{filter:drop-shadow(0 0 12px rgba(105,215,238,.45))}}
@keyframes flow{0%{transform:translateX(-14px);opacity:.35}50%{opacity:1}100%{transform:translateX(18px);opacity:.35}}
@keyframes sweep{0%{transform:translateX(-40%)}100%{transform:translateX(40%)}}

@media (max-width:1100px){
  .hero-grid,.split,.contact-layout,.page-hero-grid,.service-row,.banner,.contact-hero-grid{grid-template-columns:1fr}
  .service-grid,.industry-grid,.metrics,.workflow-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .process{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .topbar-inner{gap:10px;justify-content:flex-start}.topbar-item-address{width:100%}
  .logo-wrap img{width:240px}.menu-toggle{display:flex}
  .nav-menu{position:fixed;top:123px;left:14px;right:14px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:18px;display:grid;gap:8px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.25s ease}.nav-menu.open{opacity:1;pointer-events:auto;transform:none}.nav-menu>a:not(.btn){padding:12px 8px}.nav-menu>a.active::after{display:none}.nav-cta{margin-top:8px}
  .hero{padding-top:46px}.hero-points,.service-grid,.industry-grid,.metrics,.process,.image-grid,.footer-grid,form .grid,.bullet-list,.workflow-grid{grid-template-columns:1fr}.hero-mini{grid-template-columns:1fr}
  .card,.industry-card,.process-step,.metric,.contact-panel,.form-panel,.service-row,.banner,.legal,.workflow-card,.theme-band{padding:22px}
  .page-hero,.section{padding:64px 0}.footer-bottom{display:grid}
  .service-row h2{font-size:26px}.scene-card{min-height:220px}.service-anim{min-height:260px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero::before,.hero::after,.page-hero::before,.page-hero::after,.scene-card *,.banner::before{animation:none !important}}


/* V10: full-page animated background, replacing previous animated panels */
.animated-page-bg{
  position:fixed;
  inset:0;
  z-index:-20;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 18%, rgba(41,182,200,.12), transparent 27%),
    radial-gradient(circle at 86% 10%, rgba(241,182,50,.10), transparent 28%),
    radial-gradient(circle at 70% 86%, rgba(15,45,82,.08), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 46%,#f3f8fd 100%);
}
.animated-page-bg::before{
  content:"";
  position:absolute;
  inset:-25%;
  background-image:
    linear-gradient(rgba(15,45,82,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,45,82,.045) 1px, transparent 1px);
  background-size:72px 72px;
  transform:rotate(-8deg);
  animation:gridDriftV10 24s linear infinite;
  opacity:.75;
}
.animated-page-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0%, rgba(105,215,238,.06) 42%, rgba(241,182,50,.06) 50%, transparent 62%);
  animation:pageSweepV10 9s ease-in-out infinite;
}
.orb{position:absolute;border-radius:999px;filter:blur(1px);opacity:.55}
.orb-a{width:360px;height:360px;left:-140px;top:18%;background:radial-gradient(circle,rgba(41,182,200,.16),rgba(41,182,200,0) 68%);animation:orbFloatV10 16s ease-in-out infinite}
.orb-b{width:460px;height:460px;right:-180px;top:24%;background:radial-gradient(circle,rgba(15,45,82,.12),rgba(15,45,82,0) 70%);animation:orbFloatV10 18s ease-in-out infinite reverse}
.orb-c{width:300px;height:300px;left:42%;bottom:-150px;background:radial-gradient(circle,rgba(241,182,50,.12),rgba(241,182,50,0) 70%);animation:orbFloatV10 20s ease-in-out infinite}
.scan-path{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(41,182,200,.45),rgba(241,182,50,.35),transparent);box-shadow:0 0 15px rgba(41,182,200,.3);opacity:.5}
.path-a{width:52vw;left:6%;top:34%;transform:rotate(-8deg);animation:pathMoveV10 8s ease-in-out infinite}
.path-b{width:46vw;right:2%;top:63%;transform:rotate(12deg);animation:pathMoveV10 10s ease-in-out infinite reverse}
.data-node{position:absolute;width:9px;height:9px;border-radius:999px;background:var(--teal);box-shadow:0 0 18px rgba(41,182,200,.55);opacity:.75}
.node-a{left:18%;top:35%;animation:nodePulseV10 3.6s ease-in-out infinite}
.node-b{right:22%;top:62%;animation:nodePulseV10 4s ease-in-out infinite .6s}
.node-c{left:57%;top:79%;background:var(--yellow);box-shadow:0 0 18px rgba(241,182,50,.55);animation:nodePulseV10 4.4s ease-in-out infinite 1s}
.hero,.page-hero{background:linear-gradient(180deg,rgba(255,255,255,.84) 0%,rgba(245,248,252,.82) 100%) !important}
.card,.industry-card,.process-step,.contact-panel,.form-panel,.service-row,.story-panel,.legal{background:rgba(255,255,255,.94) !important;backdrop-filter:blur(10px)}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.process{grid-template-columns:repeat(5,1fr)}
@keyframes gridDriftV10{0%{transform:translate3d(0,0,0) rotate(-8deg)}100%{transform:translate3d(72px,72px,0) rotate(-8deg)}}
@keyframes pageSweepV10{0%,100%{transform:translateX(-38%);opacity:.25}50%{transform:translateX(38%);opacity:.75}}
@keyframes orbFloatV10{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-28px,0) scale(1.05)}}
@keyframes pathMoveV10{0%,100%{opacity:.28;transform:translateX(-20px)}50%{opacity:.68;transform:translateX(28px)}}
@keyframes nodePulseV10{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.8);opacity:1}}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.service-grid,.process{grid-template-columns:1fr}}


/* V11: visible full-page background imagery, inspired by an industrial-tech landing page */
.animated-page-bg{
  background:
    linear-gradient(180deg,rgba(255,255,255,.90),rgba(247,251,255,.90)),
    radial-gradient(circle at 14% 18%, rgba(41,182,200,.12), transparent 27%),
    radial-gradient(circle at 86% 10%, rgba(241,182,50,.10), transparent 28%) !important;
}
.bg-photo{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  opacity:0;
  transform:scale(1.08);
  animation:bgPhotoCycle 24s ease-in-out infinite;
  filter:saturate(.9) contrast(1.02);
}
.bg-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 42%,rgba(255,255,255,.72) 100%),
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(244,248,252,.90));
}
.bg-photo-a{background-image:url("../img/focused_worker_scanning_industrial_machinery.png");animation-delay:0s}
.bg-photo-b{background-image:url("../img/corporate_presentation_in_futuristic_office.png");animation-delay:8s}
.bg-photo-c{background-image:url("../img/tech_driven_engineering_workspace_at_night.png");animation-delay:16s}
.hero,.page-hero,.section.alt{
  background:rgba(255,255,255,.74)!important;
  backdrop-filter:blur(2px);
}
.section{
  background:rgba(255,255,255,.42);
}
.hero-points{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.hero-points span:last-child:nth-child(odd){
  grid-column:1 / -1;
}
@keyframes bgPhotoCycle{
  0%{opacity:0;transform:scale(1.08) translateX(0)}
  7%{opacity:.34}
  31%{opacity:.34;transform:scale(1.12) translateX(-1.5%)}
  40%{opacity:0;transform:scale(1.13) translateX(-2%)}
  100%{opacity:0;transform:scale(1.08) translateX(0)}
}
@media(max-width:760px){
  .bg-photo::after{background:rgba(255,255,255,.90)}
  .hero-points span:last-child:nth-child(odd){grid-column:auto}
}


/* V12: premium industrial-tech theme inspired by Utellika's asset-performance style, with distinct MoteReality branding */
:root{
  --navy:#081f36;
  --navy-2:#0d3157;
  --ink:#08233d;
  --text:#41566b;
  --muted:#6b7f92;
  --light:#f2f6f9;
  --lighter:#fbfcfb;
  --border:#dfe8ee;
  --yellow:#f3b742;
  --yellow-dark:#d89a16;
  --teal:#1fb6b5;
  --cyan:#68d9e9;
  --forest:#0c5b52;
  --white:#ffffff;
  --shadow:0 24px 70px rgba(8,31,54,.14);
  --shadow-sm:0 14px 35px rgba(8,31,54,.09);
  --radius:24px;
  --max:1200px;
}
body{
  background:linear-gradient(180deg,#071d33 0%,#f7fafb 28%,#ffffff 100%) !important;
}
.animated-page-bg{
  background:
    radial-gradient(circle at 16% 20%, rgba(31,182,181,.20), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(243,183,66,.18), transparent 26%),
    linear-gradient(180deg,#071d33 0%,#0b2948 26%,#f3f8fa 56%,#ffffff 100%) !important;
}
.animated-page-bg::before{
  opacity:.38 !important;
  background-size:92px 92px !important;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px) !important;
}
.bg-photo{
  opacity:0;
  mix-blend-mode:normal;
  filter:saturate(.95) contrast(1.05);
}
.bg-photo::after{
  background:
    linear-gradient(90deg,rgba(7,29,51,.92) 0%,rgba(7,29,51,.72) 36%,rgba(255,255,255,.45) 100%),
    linear-gradient(180deg,rgba(7,29,51,.78) 0%,rgba(255,255,255,.78) 80%) !important;
}
@keyframes bgPhotoCycle{
  0%{opacity:0;transform:scale(1.08) translateX(0)}
  7%{opacity:.48}
  31%{opacity:.48;transform:scale(1.13) translateX(-1.8%)}
  40%{opacity:0;transform:scale(1.14) translateX(-2.2%)}
  100%{opacity:0;transform:scale(1.08) translateX(0)}
}
.topbar{
  background:#071d33 !important;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.main-header{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(18px) saturate(1.08);
  box-shadow:0 10px 30px rgba(8,31,54,.10) !important;
}
.logo-wrap img{
  width:305px !important;
}
.nav-menu>a:not(.btn){
  font-weight:700 !important;
  letter-spacing:-.01em;
}
.nav-menu>a.active::after{
  height:4px !important;
  background:linear-gradient(90deg,var(--yellow),var(--teal)) !important;
}
.btn{
  border-radius:14px !important;
  padding:14px 22px !important;
}
.btn-primary{
  background:linear-gradient(135deg,var(--yellow),#ffd66d) !important;
  color:#09223b !important;
  box-shadow:0 16px 35px rgba(243,183,66,.28) !important;
}
.btn-secondary{
  border-color:rgba(255,255,255,.34);
  color:#fff;
  background:rgba(255,255,255,.08);
}
.hero,.page-hero{
  background:linear-gradient(130deg,rgba(7,29,51,.88) 0%,rgba(10,47,82,.75) 52%,rgba(245,249,251,.78) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.hero h1,.page-hero h1{
  color:#fff !important;
  font-size:clamp(44px,5.6vw,78px) !important;
  letter-spacing:-.045em !important;
}
.hero p.lead,.page-hero p{
  color:rgba(255,255,255,.84) !important;
  font-size:19px !important;
}
.eyebrow{
  background:rgba(255,255,255,.12) !important;
  color:#bff4f1 !important;
  border:1px solid rgba(191,244,241,.28) !important;
  backdrop-filter:blur(10px);
}
.hero-points span{
  color:rgba(255,255,255,.92) !important;
}
.hero-points span::before{
  background:linear-gradient(135deg,var(--yellow),var(--teal)) !important;
}
.hero-card,.page-media-card{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter:blur(14px);
  box-shadow:0 30px 80px rgba(0,0,0,.22) !important;
}
.hero-card img,.page-media-card img{
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.hero-mini div{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.35);
}
.section{
  background:rgba(255,255,255,.82) !important;
}
.section.alt{
  background:rgba(240,246,248,.90) !important;
}
.section-header h2,.split h2,.story-panel h2,.contact-panel h2,.form-panel h2{
  color:#08233d !important;
}
.section-header .eyebrow,.section .eyebrow,.contact-panel .eyebrow,.form-panel .eyebrow,.story-panel .eyebrow,.legal .eyebrow{
  background:#e8f7f6 !important;
  color:#0c5b52 !important;
  border-color:#c7eae7 !important;
}
.service-grid{
  gap:18px !important;
}
.card,.industry-card,.process-step,.contact-panel,.form-panel,.service-row,.story-panel,.legal,.metric{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(10,47,82,.10) !important;
  border-radius:22px !important;
  box-shadow:0 20px 45px rgba(8,31,54,.09) !important;
}
.card{
  position:relative;
  overflow:hidden;
}
.card::before,.industry-card::before,.process-step::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:4px;
  width:100%;
  background:linear-gradient(90deg,var(--yellow),var(--teal));
  opacity:.9;
}
.card .icon{
  background:linear-gradient(135deg,#e7f8f7,#fff7df) !important;
  color:var(--teal) !important;
}
.card h3,.industry-card h3,.process-step h3{
  color:#08233d !important;
}
.process-step .step-no{
  background:#0c5b52 !important;
  color:#fff !important;
}
.banner{
  background:
    radial-gradient(circle at 80% 18%,rgba(31,182,181,.25),transparent 34%),
    linear-gradient(135deg,#071d33 0%,#0c5b52 100%) !important;
  border:1px solid rgba(255,255,255,.14);
}
.banner .btn-secondary{
  color:#fff !important;
}
.service-row{
  align-items:center;
}
.service-row .service-media img{
  box-shadow:0 20px 50px rgba(8,31,54,.12);
}
.bullet-list span::before,.page-lead-list span::before{
  background:linear-gradient(135deg,var(--yellow),var(--teal)) !important;
}
.page-lead-list span{
  color:rgba(255,255,255,.95) !important;
}
.page-hero .page-lead-list span{
  color:rgba(255,255,255,.95) !important;
}
.contact-panel .page-lead-list span,.section .page-lead-list span{
  color:var(--ink) !important;
}
.site-footer{
  background:#071d33 !important;
  border-top:4px solid var(--teal);
}
.footer-logo{
  width:270px !important;
}
@media(max-width:760px){
  .hero h1,.page-hero h1{font-size:clamp(38px,12vw,58px) !important}
  .btn-secondary{color:var(--ink);border-color:#cbd8e6;background:#fff}
  .page-lead-list span{color:rgba(255,255,255,.92) !important}
}


/* V13: final sizing and background visibility refinements */
.logo-wrap img{
  width:245px !important;
}
.nav-wrap{
  padding:9px 0 !important;
}
.topbar-inner{
  padding:8px 0 !important;
}
.topbar{
  font-size:13px !important;
}
.nav-menu{
  gap:20px !important;
}
.nav-menu>a:not(.btn){
  font-size:14px !important;
}
.nav-cta{
  padding:11px 18px !important;
}
.hero{
  padding:52px 0 62px !important;
}
.page-hero{
  padding:54px 0 !important;
}
.hero h1,
.page-hero h1{
  font-size:clamp(34px,4.25vw,58px) !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
}
.section-header h2,
.split h2,
.story-panel h2,
.contact-panel h2,
.form-panel h2,
.banner h2{
  font-size:clamp(28px,3.05vw,42px) !important;
  line-height:1.16 !important;
}
.service-row h2{
  font-size:clamp(24px,2.5vw,34px) !important;
}
.card h3{
  font-size:20px !important;
}

/* Make the background image theme and motion clearly visible */
.animated-page-bg{
  background:
    radial-gradient(circle at 16% 20%, rgba(31,182,181,.24), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(243,183,66,.22), transparent 26%),
    linear-gradient(180deg,#071d33 0%,#0b2948 20%,#eef6f7 58%,#ffffff 100%) !important;
}
.animated-page-bg::before{
  opacity:.62 !important;
}
.animated-page-bg::after{
  background:linear-gradient(110deg, transparent 0%, rgba(105,215,238,.13) 38%, rgba(241,183,66,.13) 50%, transparent 66%) !important;
}
.bg-photo{
  filter:saturate(1.05) contrast(1.08) brightness(.95) !important;
}
.bg-photo::after{
  background:
    linear-gradient(90deg,rgba(7,29,51,.72) 0%,rgba(7,29,51,.48) 36%,rgba(255,255,255,.28) 100%),
    linear-gradient(180deg,rgba(7,29,51,.48) 0%,rgba(255,255,255,.58) 82%) !important;
}
@keyframes bgPhotoCycle{
  0%{opacity:0;transform:scale(1.06) translateX(0)}
  8%{opacity:.78}
  32%{opacity:.78;transform:scale(1.12) translateX(-1.8%)}
  43%{opacity:0;transform:scale(1.13) translateX(-2.2%)}
  100%{opacity:0;transform:scale(1.06) translateX(0)}
}
.scan-path{
  height:2px !important;
  opacity:.85 !important;
  background:linear-gradient(90deg,transparent,rgba(41,182,200,.90),rgba(243,183,66,.74),transparent) !important;
  box-shadow:0 0 24px rgba(41,182,200,.55) !important;
}
.data-node{
  width:12px !important;
  height:12px !important;
  opacity:.95 !important;
  box-shadow:0 0 28px rgba(41,182,200,.85) !important;
}
.node-c{
  box-shadow:0 0 28px rgba(243,183,66,.85) !important;
}
.orb-a,.orb-b,.orb-c{
  opacity:.72 !important;
}
.hero,.page-hero{
  background:linear-gradient(130deg,rgba(7,29,51,.74) 0%,rgba(10,47,82,.58) 50%,rgba(245,249,251,.58) 100%) !important;
}
.section{
  background:rgba(255,255,255,.62) !important;
}
.section.alt{
  background:rgba(240,246,248,.70) !important;
}
.card,.industry-card,.process-step,.contact-panel,.form-panel,.service-row,.story-panel,.legal,.metric{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(7px) !important;
}
@media(max-width:760px){
  .logo-wrap img{
    width:205px !important;
  }
  .nav-wrap{
    padding:8px 0 !important;
  }
  .hero h1,
  .page-hero h1{
    font-size:clamp(32px,9.5vw,46px) !important;
  }
  .hero,.page-hero{
    padding:44px 0 !important;
  }
  .bg-photo::after{
    background:rgba(255,255,255,.72) !important;
  }
}


/* V14: further compact header/headings and stronger background visibility */
.logo-wrap img{
  width:205px !important;
}
.nav-wrap{
  padding:6px 0 !important;
}
.topbar-inner{
  padding:6px 0 !important;
}
.topbar{
  font-size:12px !important;
}
.nav-menu{
  gap:16px !important;
}
.nav-menu>a:not(.btn){
  font-size:13px !important;
}
.nav-cta{
  padding:9px 15px !important;
  font-size:13px !important;
}
.hero{
  padding:44px 0 52px !important;
}
.page-hero{
  padding:46px 0 !important;
}
.hero h1,
.page-hero h1{
  font-size:clamp(30px,3.45vw,48px) !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}
.section-header h2,
.split h2,
.story-panel h2,
.contact-panel h2,
.form-panel h2,
.banner h2{
  font-size:clamp(24px,2.55vw,36px) !important;
  line-height:1.17 !important;
}
.service-row h2{
  font-size:clamp(22px,2.05vw,30px) !important;
}
.card h3,
.industry-card h3,
.process-step h3{
  font-size:18px !important;
}
.eyebrow{
  font-size:11px !important;
  padding:7px 12px !important;
}

/* stronger background images, lighter overlays, clearer motion */
.animated-page-bg{
  background:
    radial-gradient(circle at 16% 20%, rgba(31,182,181,.30), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(243,183,66,.27), transparent 28%),
    linear-gradient(180deg,#061a2e 0%,#092947 18%,#eaf4f5 58%,#ffffff 100%) !important;
}
.animated-page-bg::before{
  opacity:.72 !important;
}
.animated-page-bg::after{
  background:linear-gradient(110deg, transparent 0%, rgba(105,215,238,.18) 36%, rgba(241,183,66,.18) 50%, transparent 68%) !important;
}
.bg-photo{
  filter:saturate(1.16) contrast(1.12) brightness(.98) !important;
}
.bg-photo::after{
  background:
    linear-gradient(90deg,rgba(6,26,46,.54) 0%,rgba(6,26,46,.28) 38%,rgba(255,255,255,.10) 100%),
    linear-gradient(180deg,rgba(6,26,46,.30) 0%,rgba(255,255,255,.34) 82%) !important;
}
@keyframes bgPhotoCycle{
  0%{opacity:0;transform:scale(1.05) translateX(0)}
  8%{opacity:.92}
  34%{opacity:.92;transform:scale(1.12) translateX(-2%)}
  44%{opacity:0;transform:scale(1.13) translateX(-2.5%)}
  100%{opacity:0;transform:scale(1.05) translateX(0)}
}
.hero,.page-hero{
  background:linear-gradient(130deg,rgba(6,26,46,.60) 0%,rgba(10,47,82,.40) 50%,rgba(245,249,251,.36) 100%) !important;
}
.section{
  background:rgba(255,255,255,.46) !important;
}
.section.alt{
  background:rgba(240,246,248,.52) !important;
}
.card,.industry-card,.process-step,.contact-panel,.form-panel,.service-row,.story-panel,.legal,.metric{
  background:rgba(255,255,255,.76) !important;
  backdrop-filter:blur(5px) !important;
}
.scan-path{
  opacity:1 !important;
  height:2.5px !important;
}
.data-node{
  opacity:1 !important;
}
@media(max-width:760px){
  .logo-wrap img{
    width:180px !important;
  }
  .hero h1,
  .page-hero h1{
    font-size:clamp(28px,8.4vw,40px) !important;
  }
  .nav-menu{
    top:104px !important;
  }
}


/* V15: use all newly approved animated background images and make top logo/header smaller */
.logo-wrap img{
  width:180px !important;
}
.nav-wrap{
  padding:4px 0 !important;
}
.topbar-inner{
  padding:5px 0 !important;
}
.topbar{
  font-size:11.5px !important;
}
.nav-menu{
  gap:14px !important;
}
.nav-menu>a:not(.btn){
  font-size:12.5px !important;
}
.nav-cta{
  padding:8px 14px !important;
  font-size:12.5px !important;
}
.main-header{
  box-shadow:0 8px 24px rgba(8,31,54,.10) !important;
}
body{
  overflow-x:hidden;
}

/* All 5 approved background visuals */
.bg-photo{
  position:absolute;
  inset:0;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1.05);
  animation:bgPhotoCycleV15 40s ease-in-out infinite;
  filter:saturate(1.14) contrast(1.10) brightness(.98) !important;
  will-change: opacity, transform;
}
.bg-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(6,26,46,.48) 0%,rgba(6,26,46,.22) 38%,rgba(255,255,255,.06) 100%),
    linear-gradient(180deg,rgba(6,26,46,.24) 0%,rgba(255,255,255,.28) 82%) !important;
}
.bg-photo-a{background-image:url("../img/bg_scan_plant.png") !important; animation-delay:0s !important;}
.bg-photo-b{background-image:url("../img/bg_modeling_office.png") !important; animation-delay:8s !important;}
.bg-photo-c{background-image:url("../img/bg_hologram_meeting.png") !important; animation-delay:16s !important;}
.bg-photo-d{background-image:url("../img/bg_drone_survey.png") !important; animation-delay:24s !important;}
.bg-photo-e{background-image:url("../img/bg_data_center.png") !important; animation-delay:32s !important;}

@keyframes bgPhotoCycleV15{
  0%{opacity:0;transform:scale(1.04) translateX(0)}
  5%{opacity:.94}
  17%{opacity:.94;transform:scale(1.10) translateX(-1.4%)}
  20%{opacity:0;transform:scale(1.11) translateX(-1.8%)}
  100%{opacity:0;transform:scale(1.04) translateX(0)}
}

/* slightly reduce overlay to showcase the new animated backgrounds more clearly */
.hero,.page-hero{
  background:linear-gradient(130deg,rgba(6,26,46,.54) 0%,rgba(10,47,82,.34) 50%,rgba(245,249,251,.28) 100%) !important;
}
.section{
  background:rgba(255,255,255,.40) !important;
}
.section.alt{
  background:rgba(240,246,248,.44) !important;
}
.card,.industry-card,.process-step,.contact-panel,.form-panel,.service-row,.story-panel,.legal,.metric{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(4px) !important;
}
.animated-page-bg::before{
  opacity:.76 !important;
}
.animated-page-bg::after{
  background:linear-gradient(110deg, transparent 0%, rgba(105,215,238,.20) 36%, rgba(241,183,66,.20) 50%, transparent 68%) !important;
}
.scan-path{
  opacity:1 !important;
  height:2.6px !important;
}
.data-node{
  width:12px !important;
  height:12px !important;
}
@media(max-width:760px){
  .logo-wrap img{
    width:156px !important;
  }
  .nav-wrap{
    padding:4px 0 !important;
  }
  .topbar{
    font-size:11px !important;
  }
  .nav-menu{
    top:100px !important;
  }
  .bg-photo::after{
    background:
      linear-gradient(90deg,rgba(6,26,46,.34) 0%,rgba(255,255,255,.08) 100%),
      linear-gradient(180deg,rgba(6,26,46,.18) 0%,rgba(255,255,255,.18) 82%) !important;
  }
}


/* V16: make the top logo/header pane transparent */
.main-header{
  background:rgba(255,255,255,.22) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 8px 22px rgba(8,31,54,.08) !important;
}
@media(max-width:760px){
  .main-header{
    background:rgba(255,255,255,.26) !important;
  }
}


/* V17: white logo background, more transparent header pane, slightly larger top-pane text */
.logo-wrap{
  display:inline-flex !important;
  align-items:center !important;
}
.logo-wrap img{
  background:#ffffff !important;
  padding:8px 12px !important;
  border-radius:12px !important;
  box-shadow:0 6px 18px rgba(8,31,54,.08) !important;
}
.main-header{
  background:rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 8px 22px rgba(8,31,54,.06) !important;
}
.topbar{
  font-size:13px !important;
}
.topbar-inner{
  padding:6px 0 !important;
}
@media(max-width:760px){
  .logo-wrap img{
    padding:7px 10px !important;
    border-radius:10px !important;
  }
  .main-header{
    background:rgba(255,255,255,.15) !important;
  }
  .topbar{
    font-size:12px !important;
  }
}


/* V18: logo moved to top pane; larger header/navigation text */
.topbar-inner{
  align-items:center !important;
  gap:18px !important;
}
.topbar-logo{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
.topbar-logo img{
  width:175px !important;
  background:#ffffff !important;
  padding:7px 11px !important;
  border-radius:12px !important;
  box-shadow:0 6px 18px rgba(8,31,54,.10) !important;
}
.nav-wrap{
  justify-content:center !important;
  padding:7px 0 !important;
}
.nav-menu{
  gap:22px !important;
}
.nav-menu>a:not(.btn){
  font-size:15px !important;
  font-weight:800 !important;
}
.nav-cta{
  font-size:14px !important;
  padding:10px 17px !important;
}
.topbar{
  font-size:13.5px !important;
}
.logo-wrap{
  display:none !important;
}
@media(max-width:980px){
  .topbar-inner{
    justify-content:flex-start !important;
  }
  .topbar-logo{
    width:100% !important;
  }
  .topbar-logo img{
    width:165px !important;
  }
  .nav-wrap{
    justify-content:flex-end !important;
  }
}
@media(max-width:760px){
  .topbar-logo img{
    width:150px !important;
    padding:6px 9px !important;
  }
  .topbar{
    font-size:12.5px !important;
  }
  .nav-menu>a:not(.btn){
    font-size:15px !important;
  }
  .nav-menu{
    top:118px !important;
  }
}