:root{
  --bg:#ffffff;
  --bg-soft:#f6f8fc;
  --bg-tint:#f4f7ff;
  --ink:#0b0d12;
  --text:#1b1f27;
  --muted:#687083;
  --muted-2:#8790a1;
  --line:#e4e8f0;
  --line-strong:#d5dbe7;
  --blue:#1746d1;
  --blue-2:#2f63ee;
  --blue-soft:#e9efff;
  --blue-faint:#f3f6ff;
  --shadow:0 24px 70px rgba(29,47,93,.08);
  --max:1320px;
  --radius:22px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:#dfe7ff;color:#0b0d12}
.shell{width:min(calc(100% - 48px),var(--max));margin:0 auto}
.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid rgba(23,70,209,.28);outline-offset:3px;border-radius:8px}

.announcement{height:44px;background:linear-gradient(90deg,#153fbd,#214edf);color:#fff;font-size:13px}
.announcement__inner{height:100%;display:flex;justify-content:center;align-items:center;gap:16px}
.announcement a{font-weight:600;opacity:.96}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:box-shadow .25s ease}
.site-header.scrolled{box-shadow:0 8px 30px rgba(27,44,86,.05)}
.nav-shell{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px}
.wordmark{font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:700;letter-spacing:.28em;margin-right:-.28em}
.desktop-nav{display:flex;justify-content:center;gap:36px;color:#3c414c;font-size:14px}
.desktop-nav a{position:relative;padding:10px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--blue);transition:right .2s ease}
.desktop-nav a:hover:after{right:0}
.button{min-height:48px;padding:0 18px;border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;cursor:pointer}
.button:hover{transform:translateY(-1px)}
.button--primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(23,70,209,.13)}
.button--primary:hover{background:#123ebf;box-shadow:0 12px 25px rgba(23,70,209,.17)}
.button--secondary{border-color:var(--line-strong);background:#fff;color:#191d24}
.button--secondary:hover{border-color:#b8c3d8;background:#fbfcff}
.menu-button{display:none;border:0;background:none;width:42px;height:42px;padding:0;position:relative;cursor:pointer}
.menu-button span{position:absolute;left:9px;right:9px;height:1px;background:#0d1117;transition:.2s}.menu-button span:first-child{top:16px}.menu-button span:last-child{top:24px}
.mobile-menu{display:none}

.hero{position:relative;overflow:hidden}
.hero__grid{min-height:690px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:38px;padding:86px 0 70px}
.kicker,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--blue);margin:0 0 22px;text-transform:uppercase}
.kicker{color:#35404f;display:flex;align-items:center;gap:10px}
.kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(23,70,209,.08)}
h1,h2,h3,h4{font-family:Inter,system-ui,sans-serif;margin-top:0}
h1{font-size:clamp(64px,6.7vw,94px);line-height:.95;letter-spacing:-.055em;margin-bottom:26px;font-weight:600;max-width:760px}
h1 span{color:#313747}
.hero__lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px;margin:0}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero__assurance{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:#6a7280;font-size:12px}
.hero__assurance span{display:flex;align-items:center;gap:8px}
.mini-check{width:16px;height:16px;border:1px solid #97aff4;border-radius:50%;position:relative}.mini-check:after{content:"";position:absolute;width:5px;height:3px;border-left:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:rotate(-45deg);left:4px;top:5px}
.hero__visual{min-width:0;position:relative}
.hero__visual:before{content:"";position:absolute;inset:4% 8% 6% -14%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(246,249,255,.74) 38%,rgba(239,244,255,.95) 100%);pointer-events:none;z-index:0}
.network-card{height:570px;position:relative;border:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(249,251,255,.72) 22%,rgba(247,249,253,.94) 100%);overflow:hidden}
.network-card:before{content:"";position:absolute;inset:10% 8% 12% 12%;background:radial-gradient(circle at 60% 50%,rgba(23,70,209,.07),transparent 48%);filter:none;pointer-events:none}
.network-card__top{position:absolute;left:26px;right:26px;top:20px;z-index:3;display:flex;justify-content:space-between;color:#7f8794;font-size:9px;letter-spacing:.14em}
.network-state{color:var(--blue)}
#morphNetwork{width:100%;height:100%;display:block}
.network-caption{position:absolute;bottom:22px;left:26px;right:26px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:14px;z-index:3}
.network-caption div{display:flex;gap:8px;align-items:center;font-size:11px;color:#747d8b}.network-caption span{font-size:9px;color:var(--blue)}.network-caption strong{font-weight:600;color:#343a46}
.hero__rule{height:1px;background:linear-gradient(90deg,rgba(228,232,240,.28) 0%,rgba(228,232,240,.85) 18%,rgba(228,232,240,.85) 82%,rgba(228,232,240,.28) 100%)}

.section{padding:108px 0}
.section--tint{background:linear-gradient(180deg,#f7f9fd 0%,#f4f7ff 100%)}
.section--line{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-label{font-size:10px;letter-spacing:.18em;color:#8992a0;margin:7px 0 0}
.intro__grid{display:grid;grid-template-columns:220px 1fr;gap:70px}.intro__content{max-width:980px}
h2{font-size:clamp(44px,4.5vw,68px);line-height:1.06;letter-spacing:-.045em;font-weight:600;margin-bottom:24px}.intro h2{max-width:1040px}.intro__content>p{font-size:20px;line-height:1.75;color:var(--muted);max-width:760px;margin:0}
.section-heading{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr);gap:72px;align-items:end;margin-bottom:52px}.section-heading h2{margin-bottom:0;max-width:11ch}.section-heading>p{font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 5px;max-width:540px}

.intelligence-map{min-height:540px;border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:24px;padding:28px;display:grid;grid-template-columns:210px 1fr 210px;align-items:center;gap:20px;box-shadow:0 20px 50px rgba(44,65,108,.045);overflow:hidden}
.map-column{display:flex;flex-direction:column;gap:10px;position:relative;z-index:4}.map-column--outcomes{align-items:stretch}.map-label{font-size:9px;letter-spacing:.15em;color:#8c95a4;margin:0 0 8px}.map-chip{border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;padding:12px 14px;font-size:12px;color:#5f6876;cursor:pointer;transition:.2s;box-shadow:0 4px 18px rgba(35,54,98,.03)}.map-chip:hover,.map-chip.active{border-color:#b8c9f8;color:#173a9e;background:#fafdff;transform:translateX(2px)}
.map-core{min-height:430px;position:relative;display:grid;place-items:center}.map-flow{position:absolute;inset:0;width:100%;height:100%}.flow-path{fill:none;stroke:url(#lineGrad);stroke-width:1.15;stroke-dasharray:6 8;animation:dash 9s linear infinite}@keyframes dash{to{stroke-dashoffset:-140}}
.core-orbit{position:absolute;border:1px solid rgba(23,70,209,.15);border-radius:28%;transform:rotate(30deg)}.orbit-a{width:180px;height:180px;animation:orbit 16s linear infinite}.orbit-b{width:125px;height:125px;animation:orbitReverse 12s linear infinite;border-style:dashed}@keyframes orbit{to{transform:rotate(390deg)}}@keyframes orbitReverse{to{transform:rotate(-330deg)}}
.core-mark{width:82px;height:82px;background:linear-gradient(145deg,#255be7,#1138a9);color:#fff;border-radius:22px;display:grid;place-items:center;font-size:30px;font-weight:600;font-family:Inter,system-ui,sans-serif;box-shadow:0 18px 40px rgba(23,70,209,.18);z-index:2}.core-label{position:absolute;top:62%;font-size:11px;letter-spacing:.18em;font-weight:700;color:#1b2b5d}.core-status{position:absolute;top:68%;font-size:11px;color:#7b8492;margin:0}
.capability-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.capability{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:275px;transition:.22s}.capability:hover{border-color:#c6d3f7;transform:translateY(-2px);box-shadow:0 14px 30px rgba(31,50,95,.05)}.capability h3{font-size:22px;margin:42px 0 8px;letter-spacing:-.02em}.capability p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.capability a{display:inline-block;margin-top:24px;font-size:12px;color:var(--blue);font-weight:600}.capability__icon{width:44px;height:44px;position:relative;border:1px solid #d9e1f5;border-radius:12px;background:#f8faff}
.icon-network span{position:absolute;width:7px;height:7px;border:1.5px solid var(--blue);border-radius:50%}.icon-network span:nth-child(1){left:9px;top:22px}.icon-network span:nth-child(2){left:19px;top:9px}.icon-network span:nth-child(3){right:8px;bottom:8px}.icon-network:before,.icon-network:after{content:"";position:absolute;height:1px;background:#8ea9ef;transform-origin:left}.icon-network:before{width:18px;left:13px;top:23px;transform:rotate(-45deg)}.icon-network:after{width:19px;left:22px;top:15px;transform:rotate(48deg)}
.icon-rings span{position:absolute;border:1.5px solid var(--blue);border-radius:50%;inset:9px}.icon-rings span:last-child{inset:15px;border-color:#7e9dea}.icon-flow span{position:absolute;width:8px;height:8px;border:1.5px solid var(--blue);border-radius:2px}.icon-flow span:nth-child(1){left:8px;top:18px}.icon-flow span:nth-child(2){left:19px;top:9px}.icon-flow span:nth-child(3){right:8px;bottom:9px}.icon-flow:before,.icon-flow:after{content:"";position:absolute;background:#8ea9ef;height:1px;width:17px;left:14px;top:20px;transform:rotate(-38deg)}.icon-flow:after{left:23px;top:18px;transform:rotate(46deg)}

.process-rail{position:relative;border-top:1px solid var(--line)}.process-progress{position:absolute;left:0;top:-1px;width:100%;height:2px;background:transparent;overflow:hidden}.process-progress span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left center;will-change:transform}.process-step{display:grid;grid-template-columns:72px minmax(0,1fr) 360px;gap:42px;align-items:center;min-height:236px;border-bottom:1px solid var(--line);padding:38px 0}.step-number{font-size:11px;color:#71809c;letter-spacing:.12em}.process-step h3{font-size:28px;letter-spacing:-.025em;margin:0 0 10px}.process-step p{color:var(--muted);margin:0;max-width:690px}.step-visual{height:150px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fbfcff,#f7f9fe);position:relative;overflow:hidden;justify-self:end;width:100%}.visual-docs i{position:absolute;width:56px;height:70px;border:1px solid #b7c7f0;border-radius:7px;background:#fff;top:24px}.visual-docs i:nth-child(1){left:70px;transform:rotate(-7deg)}.visual-docs i:nth-child(2){left:120px;top:20px;z-index:2}.visual-docs i:nth-child(3){left:170px;transform:rotate(7deg)}.visual-docs:after{content:"";position:absolute;left:135px;right:135px;bottom:15px;height:1px;background:#d7e0f7;box-shadow:0 -10px 0 #e6ebf6,0 -20px 0 #e6ebf6}
.visual-context i{position:absolute;width:11px;height:11px;border:1.5px solid var(--blue);border-radius:50%;background:#fff}.visual-context i:nth-child(1){left:55px;top:36px}.visual-context i:nth-child(2){left:135px;top:22px}.visual-context i:nth-child(3){left:210px;top:62px}.visual-context i:nth-child(4){left:120px;top:82px}.visual-context:before,.visual-context:after{content:"";position:absolute;height:1px;background:#9db4ef;transform-origin:left}.visual-context:before{width:166px;left:62px;top:42px;transform:rotate(9deg)}.visual-context:after{width:115px;left:138px;top:29px;transform:rotate(29deg)}
.visual-decision i{position:absolute;border:1px solid #aebfea;border-radius:12px;background:#fff}.visual-decision i:first-child{width:110px;height:64px;left:45px;top:26px}.visual-decision i:last-child{width:78px;height:44px;right:45px;top:37px;border-color:#7fa1f2;box-shadow:0 10px 25px rgba(23,70,209,.08)}.visual-decision:after{content:"→";position:absolute;left:150px;top:47px;color:var(--blue);font-size:20px}


.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.solution-card{border:1px solid var(--line);border-radius:24px;padding:30px 30px 28px;min-height:0;position:relative;overflow:hidden;transition:.22s;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);display:flex;flex-direction:column}.solution-card:hover{transform:translateY(-2px);border-color:#c5d2f4;box-shadow:0 18px 45px rgba(29,49,96,.055)}.solution-card__top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#7d8795}.solution-diagram{height:196px;margin:24px 0 24px;background:linear-gradient(180deg,#fbfcff,#f8faff);border-radius:18px;position:relative;overflow:hidden;border:1px solid #eef1f7}.solution-card h3{font-size:28px;line-height:1.1;margin:0 0 10px}.solution-card p{color:var(--muted);font-size:15px;line-height:1.7;max-width:560px;margin:0 0 18px}.status-tag{position:static;align-self:flex-start;border:1px solid #c9d5f4;color:#3158bc;padding:6px 10px;border-radius:999px;font-size:9px;letter-spacing:.08em;margin-top:auto}.status-tag--research{color:#677189;border-color:#d9dee9;background:#fafbfe}
.diagram-enterprise:before{content:"";position:absolute;width:76px;height:76px;border:1px solid #98afea;border-radius:16px;left:calc(50% - 38px);top:38px;box-shadow:0 0 0 15px rgba(69,108,216,.04),0 0 0 30px rgba(69,108,216,.025)}.diagram-enterprise i{position:absolute;width:9px;height:9px;border-radius:50%;background:#2352d6}.diagram-enterprise i:nth-child(1){left:22%;top:40%}.diagram-enterprise i:nth-child(2){right:22%;top:30%}.diagram-enterprise i:nth-child(3){right:25%;bottom:23%}.diagram-enterprise i:nth-child(4){left:26%;bottom:24%}
.diagram-industrial:before{content:"";position:absolute;left:12%;right:12%;bottom:28px;height:1px;background:#b4c5ef}.diagram-industrial i{position:absolute;bottom:29px;width:44px;background:#eef3ff;border:1px solid #9bb2ec;border-radius:6px 6px 2px 2px}.diagram-industrial i:nth-child(1){height:75px;left:22%}.diagram-industrial i:nth-child(2){height:104px;left:45%}.diagram-industrial i:nth-child(3){height:58px;right:20%}.diagram-industrial:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue);left:calc(45% + 18px);top:32px;box-shadow:0 0 0 8px rgba(23,70,209,.06)}
.diagram-aero:before{content:"";position:absolute;width:190px;height:1px;background:#98afea;left:calc(50% - 95px);top:78px;transform:rotate(-9deg)}.diagram-aero:after{content:"";position:absolute;width:84px;height:32px;border:1px solid #7898e8;border-radius:50% 70% 55% 60%;left:calc(50% - 42px);top:63px;background:#f8faff}.diagram-aero i{position:absolute;width:6px;height:6px;background:var(--blue);border-radius:50%}.diagram-aero i:nth-child(1){left:20%;top:45%}.diagram-aero i:nth-child(2){right:20%;top:35%}.diagram-aero i:nth-child(3){right:28%;bottom:26%}
.diagram-geo:before{content:"";position:absolute;width:112px;height:112px;border:1px solid #a5b9ea;border-radius:50%;left:calc(50% - 56px);top:20px;box-shadow:inset 0 0 0 24px rgba(39,86,210,.03)}.diagram-geo:after{content:"";position:absolute;width:150px;height:1px;background:#8ca6e8;left:calc(50% - 75px);top:76px;transform:rotate(-18deg)}.diagram-geo i{position:absolute;width:8px;height:8px;border:1.5px solid var(--blue);border-radius:50%;background:#fff}.diagram-geo i:nth-child(1){left:31%;top:30%}.diagram-geo i:nth-child(2){right:28%;top:39%}.diagram-geo i:nth-child(3){right:35%;bottom:18%}.diagram-geo i:nth-child(4){left:25%;bottom:26%}

.architecture{display:grid;grid-template-columns:1fr 1fr;gap:14px}.architecture-layer{grid-column:1;border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px 22px;display:grid;grid-template-columns:46px 1fr;text-align:left;gap:16px;cursor:pointer;transition:.2s}.architecture-layer:hover,.architecture-layer.active{border-color:#b6c7f6;background:#fbfcff;transform:translateX(3px)}.layer-code{font-size:10px;color:var(--blue);letter-spacing:.12em;padding-top:4px}.architecture-layer strong{display:block;font-size:16px;margin-bottom:4px}.architecture-layer small{display:block;color:#7e8794;font-size:12px}.architecture-detail{grid-column:2;grid-row:1/5;border:1px solid var(--line);border-radius:18px;background:#fff;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;min-height:390px;position:relative;overflow:hidden}.architecture-detail:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(23,70,209,.1);border-radius:50%;right:-80px;top:-80px;box-shadow:0 0 0 35px rgba(23,70,209,.025),0 0 0 70px rgba(23,70,209,.015)}.architecture-detail>p:first-child{font-size:9px;letter-spacing:.14em;color:var(--blue)}.architecture-detail h3{font-size:34px;margin:16px 0 10px}.architecture-detail>p:last-child{color:var(--muted);max-width:500px;margin:0}

.research__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.research__intro{position:sticky;top:150px;align-self:start}.research__intro>p:last-of-type{color:var(--muted);font-size:17px;line-height:1.7}.text-link{display:inline-block;margin-top:16px;color:var(--blue);font-size:13px;font-weight:600}.research-list{border-top:1px solid var(--line)}.research-item{display:grid;grid-template-columns:52px 1fr auto;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.research-item>span{font-size:10px;color:#8b95a5}.research-item h3{font-size:21px;margin:0 0 4px}.research-item p{font-size:13px;color:var(--muted);margin:0}.research-item b{font-size:9px;letter-spacing:.13em;color:#365cc2;font-weight:600}

.partnerships__top{max-width:900px}.partnerships__top>p:last-child{font-size:17px;color:var(--muted);line-height:1.7;max-width:800px}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.partner-type{border-top:1px solid var(--line-strong);padding:20px 0 0}.partner-type span{font-size:9px;color:var(--blue)}.partner-type h3{font-size:20px;margin:44px 0 8px}.partner-type p{font-size:13px;color:var(--muted);margin:0}.legal-note{font-size:10px;color:#929aa7;margin:45px 0 0;max-width:780px}
.company__grid{display:grid;grid-template-columns:220px 1fr;gap:70px}.company__grid>div:last-child{max-width:950px}.company__copy{font-size:19px;color:var(--muted);line-height:1.75;max-width:720px}

.final-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#1139ae 0%,#174bd8 60%,#235de8 100%);color:#fff;min-height:570px;display:flex;align-items:center}.final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,96,.3),transparent 52%);pointer-events:none}#ctaNetwork{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.final-cta__inner{position:relative;z-index:3;padding:95px 0}.final-cta__inner h2{font-size:clamp(54px,6vw,86px);margin-bottom:22px}.final-cta__inner>p{font-size:17px;color:#d4ddff;max-width:640px}.final-cta__actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button--white{background:#fff;color:#15379d}.button--ghost-light{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.05)}

.footer{padding:65px 0 28px}.footer__grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.footer-wordmark{display:inline-block;margin-bottom:18px}.footer__grid>div:first-child p{max-width:360px;color:var(--muted);font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:flex;flex-direction:column;gap:9px}.footer-links strong{font-size:12px;margin-bottom:6px}.footer-links a,.footer-links span{font-size:12px;color:#717a87}.footer__bottom{border-top:1px solid var(--line);margin-top:48px;padding-top:18px;display:flex;justify-content:space-between;color:#8b93a0;font-size:10px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}

@media(max-width:1060px){
  .desktop-nav{display:none}.menu-button{display:block}.nav-shell{grid-template-columns:auto 1fr auto}.nav-cta{display:none}.mobile-menu{position:fixed;left:0;right:0;top:122px;background:#fff;border-bottom:1px solid var(--line);padding:24px;display:grid;gap:6px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:.25s;box-shadow:0 18px 45px rgba(25,42,79,.08)}.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}.mobile-menu>a:not(.button){padding:13px 0;border-bottom:1px solid #f0f2f6}
  .hero__grid{grid-template-columns:1fr;gap:30px;padding-top:70px}.hero__visual:before{display:none}.network-card{height:520px;border-top:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}
  .intro__grid,.section-heading,.research__grid,.company__grid{grid-template-columns:1fr;gap:25px}.section-heading{align-items:start}.section-heading>p{max-width:720px}.research__intro{position:static}.intelligence-map{grid-template-columns:170px 1fr 170px}.process-step{grid-template-columns:60px 1fr}.step-visual{grid-column:2}.partner-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  .shell{width:min(calc(100% - 28px),var(--max))}.announcement{height:auto;min-height:42px}.announcement__inner{padding:9px 0;font-size:11px;justify-content:flex-start}.announcement__inner span:first-child{display:none}.site-header{top:0}.nav-shell{height:68px}.mobile-menu{top:110px}.wordmark{font-size:20px}.section{padding:78px 0}
  h1{font-size:56px}.hero__grid{min-height:auto;padding:64px 0 50px}.hero__lead{font-size:16px}.hero__assurance{gap:12px 18px}.network-card{height:440px}.network-caption{grid-template-columns:1fr;gap:5px}.network-caption div:nth-child(n+2){display:none}
  h2{font-size:40px}.intro__content>p{font-size:17px}.section-heading{margin-bottom:36px}.section-heading>p{font-size:15px}
  .intelligence-map{grid-template-columns:1fr;padding:18px;min-height:auto}.map-column{display:grid;grid-template-columns:repeat(2,1fr)}.map-column .map-label{grid-column:1/-1}.map-column--outcomes{display:none}.map-core{min-height:330px;order:-1}.core-label{top:68%}.core-status{top:75%}
  .capability-row,.solution-grid,.architecture,.demo-analysis,.partner-grid,.footer__grid{grid-template-columns:1fr}.capability{min-height:230px}.capability h3{margin-top:30px}
  .process-step{grid-template-columns:42px 1fr;gap:14px}.process-step h3{font-size:22px}.step-visual{grid-column:1/-1}.demo-panel{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-sidebar>p{grid-column:1/-1}.scenario{text-align:center;padding:10px 6px;font-size:11px}.demo-workspace{padding:18px}.demo-question h3{font-size:24px}
  .architecture-layer{grid-column:1}.architecture-detail{grid-column:1;grid-row:auto;min-height:300px}.partner-grid{grid-template-columns:1fr 1fr}.company__copy{font-size:16px}.footer-links{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:520px){
  h1{font-size:48px}.hero__actions .button{width:100%}.network-card{height:390px}.hero__assurance span:last-child{display:none}.map-column{grid-template-columns:1fr 1fr}.map-chip{padding:10px;font-size:11px}.demo-sidebar{grid-template-columns:1fr}.partner-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.final-cta__actions .button{width:100%}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.flow-path{stroke-dasharray:none}
}


/* ===== V2 precision, performance and diagram system ===== */
.network-card:before{
  inset:14% 10%;
  background:radial-gradient(circle at 58% 50%,rgba(23,70,209,.055),transparent 52%);
  filter:none;
}
.network-state{font-weight:600}
#morphNetwork{contain:strict}

/* The Noor core is intentionally calm. No decorative orbit rotation. */
.core-orbit{animation:none!important;transform:rotate(30deg)}
.flow-path{animation-duration:16s;opacity:.72}

/* Purpose built technical diagrams replace decorative placeholder shapes. */
.step-visual--svg,.solution-diagram--svg{
  display:flex;align-items:center;justify-content:center;
  background:#fbfcff;
  padding:8px;
}
.technical-svg,.domain-svg{width:100%;height:100%;display:block;font-family:Inter,system-ui,sans-serif;shape-rendering:geometricPrecision}
.technical-svg text,.domain-svg text{dominant-baseline:middle;text-anchor:middle;letter-spacing:.08em;font-size:9px;fill:#657184;font-weight:600} .technical-svg .left,.domain-svg .left{text-anchor:start}
.svg-muted rect,.svg-node rect,.domain-chip rect,.maintenance-tag rect{fill:#fff;stroke:#d6deee;stroke-width:1}
.svg-muted text,.svg-node text,.domain-chip text,.maintenance-tag text{fill:#697589}
.svg-lines path,.domain-links path,.aero-link path{fill:none;stroke:#b7c8ef;stroke-width:1.2}
.svg-primary rect{fill:#fff;stroke:#93ace9;stroke-width:1.15}
.svg-primary line{stroke:#dbe3f4;stroke-width:1}
.svg-kicker{fill:#274fc2!important;font-size:8px!important}
.svg-accent circle,.svg-accent-fill,.domain-dot{fill:#2558db}
.svg-accent-line{fill:none;stroke:#2558db;stroke-width:1.2}
.svg-arrow{fill:none;stroke:#2558db;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.svg-node--small text{font-size:7.5px}
.svg-approved rect{fill:#eef3ff;stroke:#b7c9f3}.svg-approved text{font-size:6.8px;fill:#3159bd}

.solution-diagram--svg{height:196px;margin:30px 0 24px;border-color:#edf0f6;background:#fbfcff}
.domain-svg{padding:5px}
.domain-links path{stroke:#c3d0ec}
.domain-core rect{fill:#f6f8ff;stroke:#8aa6e9;stroke-width:1.2}
.domain-core-label{font-size:15px!important;letter-spacing:.12em!important;fill:#173fba!important;font-weight:700!important}
.domain-core-sub{font-size:6.7px!important;fill:#8994a6!important}
.domain-chip text{font-size:7.2px}
.domain-chip--small text{font-size:7px}
.plant-line path{fill:none;stroke:#7f9de5;stroke-width:1.35;stroke-linejoin:round}
.plant-label text{font-size:7px;fill:#68758a}
.sensor-card rect{fill:#fff;stroke:#b5c5ea}.sensor-card text{font-size:6.7px;text-anchor:start}.sensor-card path{fill:none;stroke:#2558db;stroke-width:1.2}
.sensor-link{fill:none;stroke:#9eb2e8;stroke-width:1}
.aircraft-outline path{fill:#f7f9ff;stroke:#5278d9;stroke-width:1.3;stroke-linejoin:round}
.map-grid path{stroke:#edf1f7;stroke-width:1;fill:none}
.route-line{fill:none;stroke:#2858d8;stroke-width:1.9;stroke-linecap:round}
.route-points circle{fill:#fff;stroke:#2858d8;stroke-width:1.5}
.geo-aoi rect{fill:rgba(39,86,210,.04);stroke:#9bb2ea;stroke-dasharray:4 4}.geo-aoi text{font-size:8px;fill:#4566bd}
.sat-pass path{fill:none;stroke:#a8b9df;stroke-width:1;stroke-dasharray:4 5}.sat-pass rect{fill:#eef3ff;stroke:#7998df}.sat-pass path:last-child{stroke:#7998df;stroke-dasharray:none}

/* Slightly denser editorial rhythm, less floating motion. */
.reveal{transition-duration:.48s;transform:translateY(10px)}
.capability:hover,.solution-card:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(29,49,96,.04)}

/* Static final CTA artwork: no second canvas renderer. */
.final-cta:before{
  content:"";position:absolute;right:-6%;top:8%;width:520px;height:520px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.02);
  pointer-events:none;
}


@media(max-width:760px){
  .solution-diagram--svg{height:170px}
  .step-visual--svg{height:135px}
  .solution-card{padding:22px}
}

/* ===== v5.1 final polish ===== */
/* Hero is one continuous composition. No rectangular visual boundaries. */
.hero__visual:before{
  inset:4% -3% 4% -18%;
  background:radial-gradient(ellipse at 62% 48%,rgba(238,243,255,.92) 0%,rgba(246,249,255,.54) 45%,rgba(255,255,255,0) 76%);
}
.network-card{
  background:transparent;
  overflow:visible;
}
.network-card:before{
  inset:9% 3% 10% 8%;
  background:radial-gradient(circle at 58% 50%,rgba(23,70,209,.065),rgba(23,70,209,.018) 38%,transparent 68%);
}
.network-caption{
  border-top:0;
  padding-top:0;
}
.hero__rule{display:none}

/* Aerospace: technical maintenance intelligence visual instead of a generic aircraft outline. */
.solution-diagram--aero{background:linear-gradient(180deg,#fbfcff 0%,#f8faff 100%)}
.aero-grid path{fill:none;stroke:#eef2f8;stroke-width:1}
.aero-data-card rect,.aero-bottom-labels rect{fill:#fff;stroke:#cfd9ec;stroke-width:1}
.aero-card-title{font-size:7.5px!important;fill:#4d5f7c!important;font-weight:700!important;letter-spacing:.07em!important}
.aero-card-sub{font-size:6.2px!important;fill:#8994a6!important;font-weight:500!important;letter-spacing:.03em!important}
.aircraft-topview path{fill:#f6f9ff;stroke:#416ad7;stroke-width:1.35;stroke-linejoin:round}
.aircraft-topview .aircraft-centerline{fill:none;stroke:#a8b9e5;stroke-width:1;stroke-dasharray:4 4}
.aircraft-topview .aircraft-detail{fill:none;stroke:#91a8df;stroke-width:1}
.aero-connector path{fill:none;stroke:#a9bae4;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
.aero-node-dots circle{fill:#2858d8}
.aero-bottom-labels text{font-size:7px;fill:#58677e;font-weight:600;letter-spacing:.07em}

@media(max-width:1060px){
  .network-card{overflow:hidden}
  .network-caption{padding-top:8px}
}


/* ===== Arcthrust v6: brand, polish and new sections ===== */
:root{--blue-glow:#5b8bff;--ink-2:#0f1626}

/* scroll progress */
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:200;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#1746d1,#5b8bff,#9db8ff);pointer-events:none}

/* brand */
.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:19px;letter-spacing:.24em;margin-right:0;font-weight:700}
.wordmark__mark{width:30px;height:30px;display:block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.wordmark:hover .wordmark__mark{transform:translateY(-2px) rotate(-4deg)}
.footer-wordmark{margin-bottom:18px}

/* header + mobile menu positioning fix (menu now hangs off the sticky header) */
.site-header .mobile-menu{position:absolute;top:100%}
@media(max-width:1060px){.mobile-menu{top:100%!important}}
.nav-cta{position:relative;overflow:hidden}
.button--primary{position:relative;overflow:hidden;isolation:isolate}
.button--primary:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}
.button--primary:hover:before{transform:translateX(120%)}

/* hero atmosphere */
.hero{background:radial-gradient(900px 520px at 78% 18%,rgba(91,139,255,.13),transparent 60%),radial-gradient(700px 400px at 5% 90%,rgba(23,70,209,.06),transparent 60%),#fff}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,70,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,70,209,.055) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 68% 40%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse 80% 70% at 68% 40%,#000 0%,transparent 72%)}
.hero__grid{position:relative;z-index:1}
.hero-glow{position:absolute;width:520px;height:520px;left:0;top:0;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(91,139,255,.16),transparent 65%);pointer-events:none;opacity:0;transition:opacity .4s;z-index:0}
.hero.has-pointer .hero-glow{opacity:1}
h1 span{background:linear-gradient(100deg,#1746d1 0%,#5b8bff 45%,#1746d1 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradShift 8s ease-in-out infinite alternate}
@keyframes gradShift{to{background-position:100% 0}}
.kicker{background:rgba(23,70,209,.06);border:1px solid rgba(23,70,209,.14);padding:7px 14px 7px 12px;border-radius:999px;width:fit-content;color:#22366f}
.kicker-dot{animation:ping 2.4s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(23,70,209,.35)}80%,100%{box-shadow:0 0 0 9px rgba(23,70,209,0)}}

/* neuron canvas: glow + floating chips (canvas itself is unchanged) */
.network-glow{position:absolute;left:50%;top:50%;width:64%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(91,139,255,.20),rgba(23,70,209,.06) 45%,transparent 70%);filter:blur(6px);animation:breathe 7s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes breathe{50%{transform:translate(-50%,-50%) scale(1.09);opacity:.82}}
#morphNetwork{position:relative;z-index:1}
.float-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(23,70,209,.16);box-shadow:0 10px 30px rgba(23,70,209,.10);font-size:10px;font-weight:700;letter-spacing:.14em;color:#1b3a97;animation:floaty 6s ease-in-out infinite}
.float-chip i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(23,70,209,.12)}
.float-chip--a{left:6%;top:24%}
.float-chip--b{right:3%;top:38%;animation-delay:-2s}
.float-chip--c{left:14%;bottom:20%;animation-delay:-4s}
@keyframes floaty{50%{transform:translateY(-9px)}}

/* stats band */
.stats{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.stats:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 20% 0%,rgba(91,139,255,.22),transparent 70%),radial-gradient(600px 200px at 90% 100%,rgba(23,70,209,.25),transparent 70%);pointer-events:none}
.stats__grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:38px 28px;border-left:1px solid rgba(255,255,255,.1)}
.stat:first-child{border-left:0;padding-left:0}
.stat strong{display:block;font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.04em;font-weight:600;background:linear-gradient(180deg,#fff,#a9c0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat strong em{font-style:normal}
.stat>span{display:block;margin-top:12px;font-size:13px;line-height:1.55;color:#93a0b8;max-width:230px}

/* gradient-border cards */
.capability,.solution-card,.service-card{position:relative}
.capability:before,.solution-card:before,.service-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(91,139,255,0),rgba(91,139,255,.9),rgba(23,70,209,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.capability:hover:before,.solution-card:hover:before,.service-card:hover:before{opacity:1}

/* services */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid var(--line);border-radius:22px;padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(29,49,96,.09);border-color:#c5d2f4}
.service-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#eef3ff,#dfe8ff);border:1px solid #d3defa;margin-bottom:30px}
.service-icon svg{width:30px;height:30px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-icon svg circle:first-child,.service-icon svg rect:first-child{fill:rgba(23,70,209,.10)}
.service-card h3{font-size:24px;letter-spacing:-.025em;margin:0 0 12px}
.service-card p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 22px}
.service-card ul{list-style:none;padding:20px 0 0;margin:auto 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.service-card li{font-size:13px;color:#3c4556;display:flex;gap:10px;align-items:flex-start}
.service-card li:before{content:"";flex:none;width:14px;height:14px;margin-top:2px;border-radius:50%;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.4' fill='none' stroke='%231746d1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}

/* FAQ */
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.faq__grid h2{margin-bottom:22px}
.faq__side{color:var(--muted);font-size:15px}
.faq__side a{color:var(--blue);font-weight:600}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0}
.faq-list summary{list-style:none;cursor:pointer;padding:24px 44px 24px 0;font-size:19px;font-weight:600;letter-spacing:-.015em;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-weight:400;font-size:18px;color:var(--blue);transition:.25s}
.faq-list details[open] summary:after{content:"–";background:var(--blue);color:#fff;border-color:var(--blue)}
.faq-list summary:hover{color:var(--blue)}
.faq-list details p{margin:0;padding:0 44px 26px 0;color:var(--muted);font-size:15px;line-height:1.75;max-width:640px}

/* contact / CTA */
.final-cta{min-height:0;background:radial-gradient(700px 400px at 85% 10%,rgba(139,171,255,.35),transparent 60%),linear-gradient(135deg,#0c2a8a 0%,#1444c9 55%,#2359e3 100%)}
.final-cta__grid{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:100px 0}
.final-cta__inner{padding:0}
.final-cta__mail{display:flex;flex-direction:column;gap:4px;margin-top:34px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#a9bdf5}
.final-cta__mail a{font-size:22px;letter-spacing:0;text-transform:none;color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.35);width:fit-content;padding-bottom:2px}
.contact-card{background:#fff;color:var(--ink);border-radius:22px;padding:34px;box-shadow:0 40px 90px rgba(4,14,60,.35);display:grid;gap:16px}
.contact-card h3{font-size:24px;letter-spacing:-.02em;margin:0 0 4px}
.contact-card label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#3c4556}
.contact-card input,.contact-card textarea{font:inherit;font-size:15px;font-weight:400;color:var(--ink);padding:13px 14px;border:1px solid var(--line-strong);border-radius:10px;background:#fbfcff;transition:border-color .2s,box-shadow .2s;width:100%}
.contact-card textarea{resize:vertical;min-height:110px}
.contact-card input:focus,.contact-card textarea:focus{outline:0;border-color:var(--blue-2);box-shadow:0 0 0 4px rgba(47,99,238,.14);background:#fff}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-card .button{width:100%}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin:0;font-size:14px;min-height:0}
.form-status:empty{display:none}
.form-status.ok{color:#0b7a4b;background:#e8f7ef;padding:11px 14px;border-radius:10px}
.form-status.err{color:#a5261f;background:#fdecea;padding:11px 14px;border-radius:10px}
.form-note{margin:0;font-size:11px;color:#8992a0}
.form-note a{text-decoration:underline}

/* footer */
.footer-links a:hover{color:var(--blue)}

/* legal pages */
.doc-page{padding:70px 0 40px}
.doc-page .shell{max-width:820px}
.doc-page h1{font-size:clamp(38px,5vw,56px);max-width:none;line-height:1.05;margin-bottom:14px;background:none;-webkit-text-fill-color:currentColor}
.doc-page .doc-meta{color:var(--muted);font-size:14px;margin-bottom:40px}
.doc-page h2{font-size:24px;letter-spacing:-.02em;margin:42px 0 12px}
.doc-page p,.doc-page li{color:#3c4556;font-size:16px;line-height:1.8}
.doc-page a{color:var(--blue);text-decoration:underline}
.doc-back{display:inline-block;margin-bottom:30px;font-size:13px;font-weight:600;color:var(--blue)}

@media(max-width:1060px){
  .service-grid{grid-template-columns:1fr}
  .faq__grid,.final-cta__grid{grid-template-columns:1fr;gap:40px}
  .stats__grid{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){border-left:0;padding-left:0}
  .stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
  .float-chip--c{display:none}
}
@media(max-width:760px){
  .wordmark{font-size:16px;letter-spacing:.2em}.wordmark__mark{width:26px;height:26px}
  .float-chip{font-size:9px;padding:6px 10px}.float-chip--a{left:2%;top:18%}.float-chip--b{right:2%;top:34%}
  .final-cta__grid{padding:70px 0}.contact-card{padding:24px}.field-row{grid-template-columns:1fr}
  .stat{padding:28px 18px}.stat>span{font-size:12px}
  .faq-list summary{font-size:17px}
}
@media(max-width:520px){.stat{padding:26px 14px}.stat strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){
  .float-chip,.network-glow,h1 span,.kicker-dot{animation:none}
  .button--primary:before{display:none}
}

/* headline sizing so the two-line hero headline sits above the fold */
h1{font-size:clamp(42px,4.9vw,74px);line-height:1;max-width:none}
@media(max-width:760px){h1{font-size:44px}}
@media(max-width:520px){h1{font-size:38px}}

/* heading widths for the longer Arcthrust copy */
.section-heading h2{max-width:17ch}
.final-cta__inner h2{font-size:clamp(40px,4.6vw,66px);max-width:12ch}
@media(max-width:1060px){.section-heading h2{max-width:none}}


/* ===== v7: one flat dark colour (no gradient shift) ===== */
.stats:before{display:none}
.stats{background:#0b0d12}

/* ===== v7: Noor stage ===== */
.noor-stage{min-height:0;border-radius:24px;overflow:hidden;position:relative;border:1px solid var(--line);
  background:radial-gradient(circle,rgba(23,70,209,.10) 1px,transparent 1.4px) 0 0/26px 26px,#fff;box-shadow:0 18px 46px rgba(35,54,98,.05)}
.noor-canvas{display:block;width:100%;height:540px}
.noor-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 24px;border-top:1px solid var(--line);background:rgba(251,252,255,.96)}
.noor-bar__step{display:flex;align-items:center;gap:13px;min-width:0}
.noor-bar__icon{flex:none;width:32px;height:32px;border-radius:9px;border:1px solid #d3defa;background:#f3f6ff;position:relative}
.noor-bar__icon:before,.noor-bar__icon:after{content:"";position:absolute;background:var(--blue);left:50%;top:50%;transform:translate(-50%,-50%)}
.noor-bar__icon:before{width:12px;height:1.6px}.noor-bar__icon:after{width:1.6px;height:12px}
.noor-bar strong{display:block;font-size:14px;font-weight:600;color:#111827}
.noor-bar small{display:block;margin-top:2px;font-size:12px;color:#77829a}
.noor-bar__dots{display:flex;gap:5px;flex:none}
.noor-bar__dots i{width:18px;height:4px;border-radius:2px;background:#e1e7f3;transition:background .3s,width .3s}
.noor-bar__dots i.done{background:#a9bff2}
.noor-bar__dots i.on{background:var(--blue);width:28px}
@media(max-width:760px){.noor-canvas{height:450px}.noor-bar{padding:13px 16px}.noor-bar__dots{display:none}}

/* capability icons redrawn as aligned SVG */
.capability__icon{display:grid;place-items:center}
.capability__icon svg{width:26px;height:26px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.capability__icon svg circle,.capability__icon svg rect{fill:#f8faff}
.capability__icon svg .solid{fill:var(--blue)}

/* ===== v7: automation section ===== */
.automation{background:#fff}
.auto-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:18px;align-items:stretch}
.msg-demo{border:1px solid var(--line);border-radius:24px;padding:26px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 18px 46px rgba(35,54,98,.05);display:flex;flex-direction:column}
.md-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.md-head strong{font-size:17px;letter-spacing:-.01em}
.md-badge{font-size:9px;letter-spacing:.14em;font-weight:700;color:#3158bc;border:1px solid #c9d5f4;border-radius:999px;padding:5px 10px;background:#f3f6ff}
.md-stage{display:grid;grid-template-columns:1.05fr 26px 1fr 26px 1.25fr;gap:12px;align-items:stretch;margin:22px 0 20px;flex:1}
.md-col{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;min-width:0}
.md-chat{background:#f4f7fc}
.md-chat__title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#3c4556;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
.md-chat__title i{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#5b8bff,#1746d1)}
.md-bubble{background:#fff;border:1px solid #dfe6f3;border-radius:4px 14px 14px 14px;padding:12px 14px;font-size:13px;line-height:1.55;color:#1b1f27;min-height:96px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;box-shadow:0 6px 16px rgba(29,49,96,.05)}
.md-bubble.show{opacity:1;transform:none}
.md-arrow{display:grid;place-items:center}
.md-arrow svg{width:26px;height:12px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.md-chip{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.14em;color:#274fc2;background:#eef3ff;border:1px solid #d3defa;border-radius:999px;padding:5px 10px;margin-bottom:14px}
.md-chip--green{color:#12704a;background:#e9f7f0;border-color:#c5e8d7}
.md-extract ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.md-extract li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:12px;padding:8px 10px;border-radius:9px;background:#f7f9ff;border:1px solid #e6ecf9;opacity:.28;transform:translateX(-6px);transition:opacity .35s,transform .35s,background .35s,border-color .35s}
.md-extract li.in{opacity:1;transform:none;background:#eef3ff;border-color:#c9d8fb}
.md-extract li span{color:#77829a;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.md-extract li b{font-weight:600;color:#12213f;text-align:right}
.md-sheet table{width:100%;border-collapse:collapse;font-size:11px}
.md-sheet th{font-size:9px;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:#5b6a82;background:#f1f5fd;padding:8px 8px;border:1px solid #e3e9f6}
.md-sheet td{padding:9px 8px;border:1px solid #e9eef8;color:#3c4556;white-space:nowrap}
.md-sheet tr.old td{color:#8a94a8}
.md-sheet tr.new td{opacity:0;background:#fff;transition:opacity .4s,background .8s}
.md-sheet tr.new.in td{opacity:1;background:#f0f6ff;color:#0f1a33;font-weight:600}
.md-status{display:inline-block;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;background:#fff4dc;color:#94620a;transition:background .4s,color .4s}
.md-status.ok{background:#e4f6ec;color:#0f7047}
.md-steps{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.md-steps li{display:flex;align-items:center;gap:9px;font-size:12px;color:#8992a0;transition:color .3s}
.md-steps i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;border:1px solid #d5dbe7;background:#fff;transition:.3s}
.md-steps li.on{color:#0f1a33;font-weight:600}
.md-steps li.on i{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 4px rgba(23,70,209,.12)}
.md-steps li.done{color:#3c4556}.md-steps li.done i{background:#e4ecff;border-color:#b9cbf8;color:var(--blue)}

.feed{background:#0b0d12;color:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.feed__head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.feed__head span{display:flex;align-items:center;gap:9px}
.feed__head i{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:livePing 1.8s ease-out infinite}
.feed__head em{font-style:normal;font-size:8.5px;letter-spacing:.14em;color:#7d89a0}
@keyframes livePing{to{box-shadow:0 0 0 9px rgba(61,220,151,0)}}
.feed ul{list-style:none;margin:0;padding:0;flex:1}
.feed li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.feed li.fresh{animation:feedIn .55s cubic-bezier(.2,.7,.2,1)}
@keyframes feedIn{from{opacity:0;transform:translateY(-14px);background:rgba(91,139,255,.18)}to{opacity:1;transform:none;background:transparent}}
.feed-tag{font-size:9px;font-weight:700;letter-spacing:.08em;min-width:38px;text-align:center;padding:5px 0;border-radius:7px;background:rgba(91,139,255,.16);color:#9db8ff}
.feed-tag--ok{background:rgba(61,220,151,.16);color:#6ee7b0}
.feed-tag--rsk,.feed-tag--apr{background:rgba(255,190,80,.16);color:#ffcf7a}
.feed-tag--xls{background:rgba(61,220,151,.12);color:#6ee7b0}
.feed li strong{display:block;font-size:13px;font-weight:600}
.feed li small{display:block;font-size:11px;color:#7d89a0;margin-top:2px}
.feed time{font-size:10px;color:#6c788f;font-variant-numeric:tabular-nums}
.feed__note{margin:14px 0 0;font-size:10.5px;line-height:1.6;color:#6c788f}

/* contact neuron field */
#ctaNetwork{position:absolute;inset:0;width:100%;height:100%;opacity:.9;display:block;pointer-events:none;z-index:1}

@media(max-width:1060px){
  .auto-grid{grid-template-columns:1fr}
  .md-stage{grid-template-columns:1fr;gap:10px}
  .md-arrow{transform:rotate(90deg);height:22px}
}
@media(max-width:760px){
  .msg-demo{padding:18px}.md-steps{grid-template-columns:1fr 1fr;row-gap:12px}
  .md-head{flex-direction:column;align-items:flex-start}
}

/* ===== v7 fixes: legibility + table fit ===== */
.process-step{grid-template-columns:72px minmax(0,1fr) 440px}
.step-visual{height:170px}
.step-visual--svg{padding:10px}
@media(max-width:1060px){.process-step{grid-template-columns:60px 1fr}.step-visual{height:170px}}
@media(max-width:760px){.process-step{grid-template-columns:42px 1fr}.step-visual{height:150px}}
.automation .section-heading h2{max-width:none}
.md-stage{grid-template-columns:.95fr 24px .9fr 24px 1.45fr;flex:0 0 auto}
.md-col{overflow:hidden}
.md-sheet table{table-layout:fixed}
.md-sheet th,.md-sheet td{overflow:hidden;text-overflow:ellipsis}
.md-sheet th:nth-child(1),.md-sheet td:nth-child(1){width:23%}
.md-sheet th:nth-child(2),.md-sheet td:nth-child(2){width:17%}
.md-sheet th:nth-child(3),.md-sheet td:nth-child(3){width:16%}
.md-sheet th:nth-child(4),.md-sheet td:nth-child(4){width:44%}
.md-status{font-size:9.5px;padding:3px 7px}
.md-col{min-height:300px}
.md-bubble{font-size:14px;min-height:120px}
.msg-demo{justify-content:space-between}
.md-sheet th,.md-sheet td{padding:9px 6px;text-overflow:clip}
.md-sheet th{letter-spacing:.04em;font-size:8.5px}
.md-sheet th:nth-child(1),.md-sheet td:nth-child(1){width:27%}
.md-sheet th:nth-child(2),.md-sheet td:nth-child(2){width:19%}
.md-sheet th:nth-child(3),.md-sheet td:nth-child(3){width:16%}
.md-sheet th:nth-child(4),.md-sheet td:nth-child(4){width:38%}

/* ===== v7 mobile fixes (must come last) ===== */
@media(max-width:1060px){
  .md-stage{grid-template-columns:1fr;gap:8px}
  .md-col{min-height:0}
  .md-arrow{transform:rotate(90deg);height:22px}
}
@media(max-width:760px){
  .md-bubble{min-height:0}
}


/* ===== v8: story scenes (How it works + Operating environments) ===== */
.process-step{grid-template-columns:72px minmax(0,.8fr) minmax(0,1.25fr);align-items:center}
.step-visual.step-visual--scene{height:auto;min-height:260px;padding:0;display:block;background:#fbfcff;border-radius:20px;overflow:hidden}
.sc{position:relative;height:100%;min-height:260px;padding:22px;background:linear-gradient(180deg,#fbfcff,#f6f8fe);font-size:12px;color:#1b1f27}
.sc-tag{position:absolute;top:12px;right:16px;font-size:8px;letter-spacing:.14em;font-weight:700;color:#98a2b6;z-index:2}
.sc-lab{display:block;font-size:9px;letter-spacing:.14em;font-weight:700;color:#77829a;margin-bottom:9px}
.sc-bubble{margin:0;background:#fff;border:1px solid #dfe6f3;border-radius:4px 14px 14px 14px;padding:12px 14px;font-size:13.5px;line-height:1.55;color:#1b1f27;box-shadow:0 6px 16px rgba(29,49,96,.05);min-height:76px}
.sc-status{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#5b6a82;margin-top:14px}
.sc-status i{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:ping 2s ease-out infinite}
.sc-status.ok i{background:#2fbf85;animation:none}
.pbar{height:5px;border-radius:3px;background:#e4eaf6;overflow:hidden}
.pbar i{display:block;height:100%;width:var(--p,100%);background:linear-gradient(90deg,#2f63ee,#5b8bff);border-radius:3px;transition:width .5s ease}
.tg{flex:none;font-size:8.5px;font-weight:700;letter-spacing:.08em;min-width:34px;text-align:center;padding:4px 0;border-radius:6px;background:#eaf0ff;color:#2a55c8}
.tg-msg,.tg-xls{background:#e4f6ec;color:#12704a}.tg-doc{background:#eef0f6;color:#4d5f7c}.tg-web{background:#fff4dc;color:#94620a}
.ck{position:relative;width:18px;height:18px;border-radius:50%;border:1.5px solid #d3dbea;background:#fff;transition:background .3s,border-color .3s}
.done .ck{background:#2fbf85 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;border-color:#2fbf85}

/* reveal mechanics: only while a scene is playing */
.playing [data-s]{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.playing [data-s].on{opacity:1;transform:none}
.playing svg [data-s]{transform:scale(.88);transform-box:fill-box;transform-origin:center}
.playing svg [data-s].on{transform:none}

/* evidence */
.sc-ev{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr auto;column-gap:24px;row-gap:16px}
.sc-ev__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:start}
.sc-ev__list li{display:grid;grid-template-columns:auto 1fr auto 18px;gap:10px;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e6ecf9;border-radius:10px;font-size:12.5px;transition:opacity .4s,transform .4s,border-color .3s,box-shadow .3s}
.sc-ev__list li em{font-style:normal;font-size:10.5px;color:#8390a6}
.playing .sc-ev__list li{opacity:.0;transform:translateX(14px)}
.playing .sc-ev__list li.on{opacity:1;transform:none}
.playing .sc-ev__list li.on:not(.done){border-color:#8fb0f6;box-shadow:0 0 0 3px rgba(47,99,238,.09)}
.sc-ev__prog{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;font-size:11px;color:#5b6a82}
.sc-ev__prog b{text-align:right;color:var(--blue);font-weight:600}
.sc-ev__prog .pbar{grid-column:1/-1}

/* context */
.sc-ctx{padding:0}
.sc-pill{position:absolute;left:18px;top:14px;z-index:2;font-size:10.5px;font-weight:600;padding:6px 12px;border-radius:999px;background:#eef3ff;border:1px solid #cddafa;color:#2a55c8;transition:background .3s,color .3s,border-color .3s}
.sc-pill.warn{background:#fff4dc;border-color:#f0d08a;color:#94620a}
.sc-pill.ok{background:#e4f6ec;border-color:#b6e2cc;color:#0f7047}
.sc-svg{display:block;width:100%;height:100%;min-height:260px;font-family:Inter,system-ui,sans-serif}
.sc-svg .nd{fill:#fff;stroke:#cdd8ee}.sc-svg .nd.hi{fill:#f3f6ff;stroke:#7f9fe6;stroke-width:1.3}
.sc-svg .nt{font-size:9.5px;font-weight:700;letter-spacing:.07em;fill:#3c4a63;text-anchor:middle;dominant-baseline:central}
.sc-svg .nt.core{fill:#173fba;font-size:10.5px}
.sc-svg .ns{font-size:8px;fill:#8390a6;text-anchor:middle;dominant-baseline:central}
.sc-svg .edge{fill:none;stroke:#a9bcec;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sc-svg .conflictline{stroke:#e2a73a;stroke-dasharray:3 4}
.playing .sc-svg .edge{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s ease}
.playing .sc-svg .edge.on{stroke-dashoffset:0}
.playing .sc-svg .conflictline.on{stroke-dasharray:3 4;stroke-dashoffset:0}
.sc-svg .cf rect{fill:#fff4dc;stroke:#f0c674;transition:fill .4s,stroke .4s}
.sc-svg .cf text{font-size:8.5px;font-weight:700;letter-spacing:.03em;fill:#94620a;text-anchor:middle;dominant-baseline:central;transition:fill .4s}
.sc-svg .cf.ok rect{fill:#e4f6ec;stroke:#a5dcc0}.sc-svg .cf.ok text{fill:#0f7047}

/* reason */
.sc-rs{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}
.opt{display:grid;grid-template-columns:128px 1fr 44px;gap:10px;align-items:center;margin-bottom:11px;font-size:12px;padding:6px 8px;margin-left:-8px;border-radius:9px;transition:background .3s}
.opt label{color:#3c4556}
.opt .bar{height:10px;border-radius:5px;background:#e6ecf7;overflow:hidden}
.opt .bar i{display:block;height:100%;width:var(--w);background:#a9bff2;border-radius:5px;transition:width 1s cubic-bezier(.2,.7,.2,1),background .4s}
.opt b{text-align:right;font-weight:600;font-size:12px}
.playing .opt{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s,background .3s}
.playing .opt.on{opacity:1;transform:none}
.playing .opt .bar i{width:0}.playing .opt.on .bar i{width:var(--w)}
.opt.best.win{background:#eef3ff}.opt.best.win .bar i{background:linear-gradient(90deg,#2f63ee,#5b8bff)}
.sc-rs__rec{background:#fff;border:1px solid #9db8f2;border-radius:14px;padding:16px 18px;box-shadow:0 12px 28px rgba(47,99,238,.10)}
.playing .sc-rs__rec{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.playing .sc-rs__rec.on{opacity:1;transform:none}
.sc-rs__rec h4{font-size:15.5px;margin:0 0 6px;letter-spacing:-.01em}
.sc-rs__rec p{margin:0 0 12px;font-size:12px;line-height:1.55;color:#5b6a82}
.sc-approve{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sc-approve button{pointer-events:none;border:0;background:var(--blue);color:#fff;font:600 11.5px Inter,system-ui,sans-serif;padding:8px 13px;border-radius:8px;transition:transform .15s,box-shadow .15s}
.sc-approve button.pressed{transform:scale(.93);box-shadow:inset 0 2px 6px rgba(0,0,0,.25)}
.ap{font-size:10.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:#fff4dc;color:#94620a;transition:background .3s,color .3s}
.ap.ok{background:#e4f6ec;color:#0f7047}
.sc-sent{margin:12px 0 0!important;font-size:11px!important;color:#0f7047!important;font-weight:600}
.playing .sc-sent{opacity:0;transition:opacity .5s}.playing .sc-sent.on{opacity:1}

/* operating environments: flow cards */
.solution-diagram.solution-diagram--scene{height:auto;margin:24px 0;padding:0;border:1px solid #edf0f6;border-radius:18px;overflow:hidden;background:#fbfcff;display:block}
.sc-flow{display:grid;grid-template-columns:1.12fr 18px 1fr 18px 1.08fr;gap:8px;align-items:stretch;padding:34px 16px 16px;min-height:0}
.sc-flow .sc-tag{top:11px;right:14px}
.fl-col{background:#fff;border:1px solid #e6ecf9;border-radius:14px;padding:12px;min-width:0}
.fl-src{background:#f4f7fc}
.fl-h{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#3c4556;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid #e3e9f4}
.fl-h i{width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,#5b8bff,#1746d1);flex:none}
.sc-flow .sc-bubble{font-size:12px;line-height:1.5;padding:9px 11px;min-height:112px}
.fl-arrow{display:grid;place-items:center}
.fl-arrow svg{width:18px;height:10px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fl-ext ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.fl-ext li{display:grid;gap:1px;padding:7px 9px;background:#eef3ff;border:1px solid #d3defa;border-radius:9px}
.fl-ext li span{font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#77829a}
.fl-ext li b{font-size:12px;font-weight:600;color:#12213f;overflow-wrap:anywhere}
.fl-out h5{margin:0 0 5px;font-size:13.5px;letter-spacing:-.01em;line-height:1.3}
.fl-out p{margin:0 0 10px;font-size:11px;line-height:1.5;color:#5b6a82}
.fl-out{display:flex;flex-direction:column;border-color:#c9d8fb;background:linear-gradient(180deg,#fff,#f6f9ff)}
.fl-out .md-status{align-self:flex-start;margin-top:auto;font-size:9.5px}
.md-status.ok{background:#e4f6ec;color:#0f7047}

/* ===== v8: Illustrative product experience (light, matches the site) ===== */
.demo__heading{max-width:900px;margin-bottom:44px}
.demo__heading h2{margin-bottom:18px}
.demo__heading>p:last-child{color:var(--muted);font-size:16px;line-height:1.75;max-width:760px;margin:0}
.pd{display:grid;grid-template-columns:236px minmax(0,1fr);border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px rgba(29,49,96,.07)}
.pd__side{padding:24px 20px;border-right:1px solid var(--line);background:#fbfcff;display:flex;flex-direction:column;gap:8px}
.pd__side>p{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#77829a;font-weight:700;margin:0 0 10px}
.scenario{display:flex;align-items:center;gap:11px;width:100%;border:1px solid transparent;background:transparent;color:#4a5670;border-radius:11px;text-align:left;padding:12px;cursor:pointer;font-size:13.5px;font-weight:500;transition:.2s}
.scenario span{font-size:10px;font-weight:700;color:#8b97ad;letter-spacing:.06em}
.scenario:hover{background:#f1f5fd}
.scenario.active{background:#eef3ff;border-color:#c9d8fb;color:#0f2a86;font-weight:600;box-shadow:0 6px 16px rgba(47,99,238,.08)}
.scenario.active span{color:var(--blue)}
.pd-replay{margin-top:auto;border:1px solid var(--line-strong);background:#fff;border-radius:10px;padding:10px 12px;font-size:12.5px;font-weight:600;color:#3c4a63;cursor:pointer;transition:.2s}
.pd-replay:hover{border-color:#9db8f2;color:var(--blue)}
.pd__main{padding:26px 28px;display:grid;gap:16px;min-width:0}
.pd__q h3{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.025em;margin:2px 0 0;min-height:1.3em;line-height:1.25}
.pd__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:14px}
.pd__ev,.pd__viz{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fbfcff;min-width:0}
.panel-title{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:#77829a;margin-bottom:12px}
.panel-title b{color:var(--blue);font-weight:600}
.panel-title b.done{color:#0f7047}.panel-title b.busy{color:#94620a}
.pd__ev ul{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:7px;min-height:212px;align-content:start}
.pd__ev li{display:grid;grid-template-columns:auto 1fr auto 18px;gap:10px;align-items:center;padding:8px 11px;background:#fff;border:1px solid #e6ecf9;border-radius:10px;font-size:12.5px;transition:opacity .4s,transform .4s,border-color .3s,box-shadow .3s}
.pd__ev li em{font-style:normal;font-size:10.5px;color:#8390a6}
.pd.playing .pd__ev li{opacity:0;transform:translateX(12px)}
.pd.playing .pd__ev li.on{opacity:1;transform:none}
.pd.playing .pd__ev li.on:not(.done){border-color:#8fb0f6;box-shadow:0 0 0 3px rgba(47,99,238,.09)}
.pd__vizbox{height:232px;display:grid;place-items:center}
.pd__vizbox .pdv{width:100%;height:100%;display:block}
.pd-wait{margin:0;font-size:12.5px;color:#8b97ad;text-align:center;max-width:240px;line-height:1.6}
.pd__finding{border:1px solid #c9d8fb;background:linear-gradient(180deg,#f6f9ff,#eef3ff);border-radius:16px;padding:20px 24px;display:grid;grid-template-columns:1fr 200px;gap:28px;align-items:center;transition:opacity .5s,transform .5s}
.pd.playing .pd__finding{opacity:.35;transform:translateY(4px)}
.pd.playing .pd__finding.on{opacity:1;transform:none}
.finding-kicker{font-size:9.5px;letter-spacing:.14em;color:var(--blue);font-weight:700;display:flex;align-items:center;gap:8px}
.finding-kicker i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px rgba(47,99,238,.6)}
.pd__finding h4{font-size:21px;line-height:1.35;margin:12px 0 8px;letter-spacing:-.02em}
.pd__finding p{margin:0;font-size:13.5px;line-height:1.7;color:var(--muted)}
.pd__conf span{display:block;font-size:11px;color:#77829a}
.pd__conf strong{display:block;font-size:22px;margin:4px 0 10px;color:#0f2a86;letter-spacing:-.02em}
.pd__conf .pbar i{transition:width 1.1s cubic-bezier(.2,.7,.2,1)}

/* demo visuals */
.pdv{font-family:Inter,system-ui,sans-serif}
.pdv text{dominant-baseline:central}
.pdv .nd{fill:#fff;stroke:#cdd8ee}
.pdv .nt{font-size:9px;font-weight:700;letter-spacing:.07em;fill:#3c4a63}
.pdv .val{font-size:10px;font-weight:700;fill:#3c4a63}
.pdv .cap{font-size:8.5px;fill:#8390a6;letter-spacing:.03em}
.pdv .axl{font-size:8.5px;fill:#8390a6;font-weight:600;letter-spacing:.06em}
.pdv .axis{stroke:#d5dded;stroke-width:1.2;fill:none}
.pdv .ln{fill:none;stroke:#a9bcec;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pdv .ln.amber{stroke:#e2a73a}.pdv .ln.dash{stroke-dasharray:4 5}
.pdv .bar{fill:#aabff2}
.pdv .chip{fill:#fff4dc;stroke:#f0c674}.pdv .chiptxt{font-size:8.5px;font-weight:700;letter-spacing:.06em;fill:#94620a}
.pdv .mk{fill:#fff4dc;stroke:#e2a73a;stroke-width:1.3}.pdv .mkt{font-size:11px;font-weight:800;fill:#94620a}
.pdv .sq{fill:#2f63ee}.pdv .fd{fill:#e2a73a}
.pdv .ring{fill:none;stroke:#e2a73a;stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:pdRing 2.4s ease-out infinite;animation-delay:var(--d,0s)}
.pdv .a{opacity:0;animation:pdIn .5s ease forwards;animation-delay:var(--d,0s)}
.pdv .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:pdDraw .8s ease forwards;animation-delay:var(--d,0s)}
.pdv .ln.dash.draw{stroke-dasharray:none}
.pdv .grow{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);animation:pdGrow .8s cubic-bezier(.2,.7,.2,1) var(--d,0s) forwards}
.pdv .warnbar{animation:pdGrow .8s cubic-bezier(.2,.7,.2,1) var(--d,0s) forwards,pdWarn .5s ease var(--d2,2.6s) forwards}
.pd__vizbox.static .pdv .a,.pd__vizbox.static .pdv .draw,.pd__vizbox.static .pdv .grow{animation:none;opacity:1;transform:none;stroke-dashoffset:0}
.pd__vizbox.static .pdv .warnbar{animation:none;fill:#f2a93b}
.pd__vizbox.static .pdv .ln.dash.draw{stroke-dasharray:4 5}
@keyframes pdIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pdDraw{to{stroke-dashoffset:0}}
@keyframes pdGrow{to{transform:scaleY(1)}}
@keyframes pdWarn{to{fill:#f2a93b}}
@keyframes pdRing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}

/* responsive */
@media(max-width:1060px){
  .process-step{grid-template-columns:60px 1fr}
  .step-visual.step-visual--scene{grid-column:1/-1}
  .pd{grid-template-columns:1fr}
  .pd__side{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);align-items:center}
  .pd__side>p{width:100%;margin-bottom:2px}
  .scenario{width:auto;flex:1 1 180px}
  .pd-replay{margin-top:0}
  .pd__grid{grid-template-columns:1fr}
  .pd__finding{grid-template-columns:1fr;gap:16px}
}
@media(max-width:760px){
  .process-step{grid-template-columns:42px 1fr}
  .sc{padding:16px}
  .sc-ev{grid-template-columns:1fr;grid-template-rows:auto}
  .sc-rs{grid-template-columns:1fr}
  .opt{grid-template-columns:100px 1fr 40px}
  .sc-flow{grid-template-columns:1fr;gap:6px;padding-top:30px}
  .fl-arrow{transform:rotate(90deg);height:14px}
  .sc-flow .sc-bubble{min-height:0}
  .pd__main{padding:18px}
  .pd__vizbox{height:190px}
  .pd__ev ul{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .pdv .a,.pdv .draw,.pdv .grow{animation:none;opacity:1;transform:none;stroke-dashoffset:0}
  .pdv .warnbar{fill:#f2a93b}.pdv .ring{animation:none}
}

.sc-ctx .sc-pill{left:50%;transform:translateX(-50%);top:12px;white-space:nowrap}
.sc-ctx .sc-tag{top:auto;bottom:10px}

.pd__ev ul{min-height:284px}
.pd__vizbox{height:262px}
@media(max-width:1060px){.pd__ev ul{min-height:0}.pd__vizbox{height:230px}}
@media(max-width:760px){.pd__vizbox{height:190px}}
.opt b{white-space:nowrap}
@media(max-width:760px){.opt{grid-template-columns:96px 1fr 52px}.sc-rs{padding-top:34px}.sc-ev{padding-top:34px}}

/* v9 logo lockup */
.wordmark{gap:0}
.wordmark__img{display:block;height:42px;width:auto}
.footer-wordmark .wordmark__img{height:54px}
@media (max-width:760px){.wordmark__img{height:34px}.footer-wordmark .wordmark__img{height:46px}}
.footer__grid>div:first-child p.footer-motto{margin-top:12px;max-width:none;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#2f63ee;white-space:nowrap}

/* v10 wordmark logo */
.wordmark__img{height:40px}
.footer-wordmark .wordmark__img{height:50px}
@media (max-width:760px){.wordmark__img{height:32px}.footer-wordmark .wordmark__img{height:42px}}
.footer__grid>div:first-child p.footer-motto{color:#2b7bff}

/* v11 live hero card, rotor, approval strip, polish */
.hero__rotor{margin:-6px 0 22px;font-size:21px;font-weight:600;letter-spacing:-.01em;color:#3c4556;display:flex;align-items:center;gap:8px;min-height:30px}
.rotor-word{color:var(--blue);min-width:1ch}
.rotor-caret{width:2px;height:22px;background:var(--blue);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.hero-live{position:absolute;right:22px;bottom:78px;width:262px;z-index:4;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid #d9e2f6;border-radius:16px;padding:14px 15px;box-shadow:0 22px 50px rgba(29,49,96,.14);font-size:12px}
.hl-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;font-weight:700;color:#3158bc;padding-bottom:10px;border-bottom:1px solid var(--line)}
.hl-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22b573;margin-right:7px;box-shadow:0 0 0 3px rgba(34,181,115,.18);animation:pulseDot 1.6s ease-in-out infinite}
.hl-head em{font-style:normal;letter-spacing:.02em;color:#5d6a85;font-weight:600}.hl-head em b{color:#0b1a45;display:inline-block}
.hl-head em b.bump{animation:bump .5s ease}
@keyframes bump{40%{transform:scale(1.35);color:#1746d1}}
@keyframes pulseDot{50%{opacity:.45}}
.hl-msg{margin:11px 0 10px;min-height:52px;background:#f4f7fc;border-radius:4px 12px 12px 12px;padding:9px 11px;line-height:1.5;color:#1b1f27;font-size:11.5px}
.hl-rec{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;opacity:0;transform:translateY(6px);transition:.4s}
.hl-rec.in{opacity:1;transform:none}
.hl-rec b,.hl-rec span{font-size:10.5px;background:#eef3ff;border:1px solid #d3defa;color:#274fc2;border-radius:8px;padding:6px 7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.hl-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px}
.hl-status{font-size:10px;font-weight:600;padding:4px 9px;border-radius:999px;background:#fff4dc;color:#94620a;transition:.4s}.hl-status.ok{background:#e4f6ec;color:#0f7047}
.hl-btn{font-size:10.5px;font-weight:700;padding:6px 12px;border-radius:8px;background:#0b1a45;color:#fff;transition:transform .15s,box-shadow .3s,background .3s}
.hl-btn.aim{box-shadow:0 0 0 4px rgba(43,123,255,.28)}.hl-btn.press{transform:scale(.92)}.hl-btn.done{background:#12704a}
.md-approve{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:12px 16px;border:1px dashed #cfd9ef;border-radius:14px;background:#fafcff;opacity:.4;transition:opacity .4s,border-color .4s,background .4s}
.md-approve.active{opacity:1;border-style:solid;border-color:#c5d2f4;background:#fff}
.md-approve.done{border-color:#c5e8d7;background:#f4fbf7}
.md-approve__who{display:flex;align-items:center;gap:11px;min-width:0}
.md-approve__who i{font-style:normal;flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#5b8bff,#1746d1);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.md-approve__who strong{display:block;font-size:13px}.md-approve__who small{color:#6b7484;font-size:11.5px}
.md-approve__btn{flex:none;font-size:12px;font-weight:700;padding:9px 16px;border-radius:9px;background:#0b1a45;color:#fff;transition:transform .15s,box-shadow .3s,background .3s}
.md-approve.aim .md-approve__btn{box-shadow:0 0 0 5px rgba(43,123,255,.25)}
.md-approve__btn.press{transform:scale(.93)}
.md-approve.done .md-approve__btn{background:#12704a}
.md-cursor{position:absolute;width:17px;height:21px;right:150px;top:62px;fill:#0b1a45;stroke:#fff;stroke-width:1.4;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));transition:right 1s cubic-bezier(.4,.1,.2,1),top 1s cubic-bezier(.4,.1,.2,1),opacity .3s}
.md-approve.aim .md-cursor{opacity:1;right:34px;top:26px}
.section-heading h2:after{content:"";display:block;height:3px;width:0;margin-top:20px;border-radius:3px;background:linear-gradient(90deg,#1746d1,#5b8bff);transition:width .9s .3s cubic-bezier(.2,.7,.2,1)}
.section-heading.visible h2:after{width:64px}
.service-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--sx,50%) var(--sy,50%),rgba(91,139,255,.11),transparent 62%);opacity:0;transition:opacity .3s}
.service-card:hover:after{opacity:1}
.button{will-change:translate;transition:translate .25s cubic-bezier(.2,.7,.2,1),transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
@media (max-width:900px){.hero-live{display:none}.hero__rotor{font-size:18px}}
@media (max-width:760px){.md-cursor{display:none}.md-approve{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.rotor-caret{animation:none}.section-heading h2:after{width:64px;transition:none}.hl-head i{animation:none}}
.hl-head span,.hl-head em{white-space:nowrap}
.md-approve.done .md-cursor{opacity:0;transition:opacity .2s}

/* v12 WhatsApp contact */
.wa-card{text-align:left;gap:14px}
.wa-card__icon{width:54px;height:54px;border-radius:16px;background:#e8f8ef;color:#128c4a;display:grid;place-items:center}
.wa-card__icon svg{width:30px;height:30px}
.wa-card p{margin:0;color:var(--muted);line-height:1.65;font-size:15px}
.button--wa{background:#1fa855;color:#fff;border-color:#1fa855;box-shadow:0 12px 28px rgba(31,168,85,.28)}
.button--wa:hover{background:#178f47}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:9px;background:#1fa855;color:#fff;font-weight:600;font-size:14px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 14px 34px rgba(11,26,69,.28);transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(11,26,69,.34)}
.wa-float .wa-ico{width:24px;height:24px}
@media (max-width:760px){.wa-float span{display:none}.wa-float{padding:14px}}

/* footer: Solutions column (4 columns) */
.footer-links{grid-template-columns:repeat(4,1fr)}
@media(max-width:1060px){.footer-links{grid-template-columns:repeat(2,1fr)}}
.services__more{padding:34px 0 0;font-size:15px;color:var(--muted)}
.services__more a{color:var(--blue);font-weight:600;white-space:nowrap}
.services__more a:hover{text-decoration:underline}