
:root{--vc-blue:#08234a;--vc-navy:#0b2f5b;--vc-teal:#147c86;--vc-green:#78963e;--vc-burgundy:#903b37;--vc-orange:#d7722a;--vc-gold:#f3c248;--vc-red:#cc3f2f;--vc-ink:#101820;--vc-muted:#5f6b77;--vc-line:#e3e8ee;--vc-bg:#ffffff;--vc-soft:#f6f8fb;--shadow:0 24px 60px rgba(8,35,74,.10);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Aptos,Calibri,Segoe UI,Arial,sans-serif;color:var(--vc-ink);background:white;line-height:1.65;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--vc-line)}.nav-inner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px;height:auto}.brand-name{font-family:Calibri,Segoe UI,sans-serif;font-weight:700;color:var(--vc-blue);font-size:1.05rem;letter-spacing:.2px}.nav-links{display:flex;gap:20px;align-items:center;font-size:.94rem;color:#314256}.nav-links a{position:relative;white-space:nowrap}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--vc-teal);transition:.25s}.nav-links a:hover:after,.nav-links .active:after{width:100%}.nav-cta{background:var(--vc-blue);color:white!important;padding:10px 16px;border-radius:999px;box-shadow:0 10px 20px rgba(8,35,74,.18)}.nav-cta:after{display:none}.menu-btn{display:none;border:0;background:var(--vc-soft);border-radius:12px;padding:10px;color:var(--vc-blue)}.hero{min-height:calc(100vh - 76px);display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)}.main-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(20,124,134,.08),transparent 32%),radial-gradient(circle at 15% 75%,rgba(215,114,42,.08),transparent 28%),radial-gradient(circle at 88% 78%,rgba(120,150,62,.09),transparent 30%)}.hero-bg-logo{position:absolute;inset:auto auto 4% 50%;transform:translateX(-50%);width:min(900px,90vw);opacity:.045;filter:grayscale(.2)}.hero-content{position:relative;max-width:1120px;margin:auto;padding:80px 22px 70px;text-align:center}.hero-logo{width:min(560px,82vw);margin:0 auto 34px;opacity:.96;filter:drop-shadow(0 20px 34px rgba(8,35,74,.08))}.eyebrow,.label{color:var(--vc-teal);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:800;margin-bottom:14px;display:inline-block}.label.light{color:var(--vc-gold)}.h1{font-family:Calibri,Segoe UI,sans-serif;color:var(--vc-blue);font-size:clamp(2.3rem,5vw,5.5rem);line-height:1.02;letter-spacing:-.055em;margin:0 auto 22px;max-width:1060px}.lead{font-size:clamp(1.05rem,1.7vw,1.32rem);color:#3d4b59;max-width:820px;margin:0 auto 32px}.btn-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 20px;font-weight:700;transition:.25s;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--vc-blue);color:#fff;box-shadow:0 18px 35px rgba(8,35,74,.18)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-secondary{background:#fff;color:var(--vc-blue);border-color:#d5dfe8}.page-hero{background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);border-bottom:1px solid var(--vc-line)}.wrap{max-width:1200px;margin:auto;padding:78px 22px}.page-title{font-family:Calibri,Segoe UI,sans-serif;color:var(--vc-blue);font-size:clamp(2rem,4vw,4.2rem);line-height:1.07;letter-spacing:-.035em;margin:0 0 18px}.intro{max-width:840px;color:#445463;font-size:1.1rem}.section{padding:72px 0}.section-title{font-family:Calibri,Segoe UI,sans-serif;color:var(--vc-blue);font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.12;margin:0 0 16px;letter-spacing:-.025em}.section-sub{color:var(--vc-muted);max-width:760px;margin-bottom:34px}.section-head{text-align:center;max-width:850px;margin:0 auto 38px}.section-head .section-sub{margin-left:auto;margin-right:auto}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.split.reverse{grid-template-columns:.95fr 1.05fr}.card,.system-card,.chart-card,.score-card,.method-panel,.deliverable-card,.principle-card,.about-panel{background:#fff;border:1px solid var(--vc-line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before,.about-panel:before,.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--vc-green),var(--vc-teal),var(--vc-orange))}.card h3,.about-panel h3,.system-card h3,.chart-card h3,.score-card h3,.method-panel h3,.deliverable-card h3,.principle-card h3{font-family:Calibri,Segoe UI,sans-serif;color:var(--vc-blue);font-size:1.45rem;margin:0 0 10px}.card p,.about-panel p,.metric-card p,.dimension p,.system-card p,.chart-card p,.score-card p{color:#465665;margin:0}.icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;background:#f2f7f8;color:var(--vc-teal);font-weight:800}.mini-icon{width:42px;height:42px;color:var(--vc-teal);margin-bottom:18px}.soft{background:var(--vc-soft)}.pill-row{display:flex;gap:9px;flex-wrap:wrap}.pill{display:inline-flex;border:1px solid var(--vc-line);border-radius:999px;padding:8px 13px;color:var(--vc-blue);background:#fff;font-size:.9rem}.metric-card{background:white;border:1px solid var(--vc-line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.metric-card h3{color:var(--vc-blue);margin:0 0 8px}.insight-list{display:grid;gap:14px}.insight-list div,.standards div,.contact-cards div{border-left:4px solid var(--vc-teal);background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 12px 28px rgba(8,35,74,.07)}.insight-list b,.standards b,.contact-cards b{display:block;color:var(--vc-blue);margin-bottom:4px}.insight-list span,.standards span,.contact-cards span{color:#536473}.node-map{height:360px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(20,124,134,.14),transparent 30%),linear-gradient(135deg,#f7fafc,#fff);border-radius:24px;border:1px solid var(--vc-line);margin:18px 0}.node-map:before,.node-map:after{content:"";position:absolute;left:18%;right:18%;top:50%;height:2px;background:#d6e4ec;transform:rotate(20deg)}.node-map:after{transform:rotate(-20deg)}.node{position:absolute;padding:10px 14px;background:#fff;border:1px solid #dce6ec;border-radius:999px;color:var(--vc-blue);box-shadow:0 12px 25px rgba(8,35,74,.08);font-weight:700;font-size:.9rem}.n1{left:38%;top:12%}.n2{left:10%;top:45%}.n3{right:10%;top:44%}.n4{left:24%;bottom:12%}.n5{right:24%;bottom:12%}.n6{left:39%;top:48%;background:var(--vc-blue);color:white}.engine{background:var(--vc-blue);color:#fff;border-radius:36px;padding:44px;box-shadow:0 30px 70px rgba(8,35,74,.25)}.engine .section-title,.engine h3{color:#fff}.engine p{color:#d7e1eb}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-top:26px}.flow-box{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:20px;min-height:160px}.flow-box b{display:block;color:#fff;margin-bottom:8px}.arrow{color:var(--vc-gold);font-size:1.8rem}.bar{height:12px;border-radius:999px;background:#edf2f6;overflow:hidden;margin:10px 0 18px}.bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--vc-teal),var(--vc-green))}.bar.burg span{background:linear-gradient(90deg,var(--vc-orange),var(--vc-burgundy))}.bar-row span{font-weight:700;color:var(--vc-blue)}.quote{font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.35;color:var(--vc-blue);font-family:Calibri,Segoe UI,sans-serif;border-left:6px solid var(--vc-gold);padding-left:24px;max-width:1040px}.diagnostic-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.diagnostic-ladder div{padding:34px;background:var(--vc-blue);color:white;min-height:220px}.diagnostic-ladder div:nth-child(2){background:var(--vc-teal)}.diagnostic-ladder div:nth-child(3){background:var(--vc-green)}.diagnostic-ladder span{color:rgba(255,255,255,.7);font-weight:800}.diagnostic-ladder h2{font-size:2rem;margin:12px 0 8px}.service-card ul,.method-panel ul,.clean-list{padding-left:18px;color:#455564}.service-card li,.method-panel li,.clean-list li{margin:9px 0}.add-on-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.add-on-grid div{background:#fff;border:1px solid var(--vc-line);border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(8,35,74,.06)}.add-on-grid b{color:var(--vc-blue);display:block}.add-on-grid span{color:#526272}.value-architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-architecture div{padding:28px;border-radius:26px;color:#fff;background:var(--vc-teal);box-shadow:var(--shadow)}.value-architecture div:nth-child(2){background:var(--vc-orange)}.value-architecture div:nth-child(3){background:var(--vc-green)}.value-architecture h3{margin:0 0 8px;font-size:1.5rem}.about-panel{min-height:310px}.circle-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.circle-row span{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:18px;background:#eef6f7;color:var(--vc-blue);font-weight:700}.circle-row span:nth-child(2){background:#eef4e8}.circle-row span:nth-child(3){background:#fff4dc}.circle-row span:nth-child(4){background:#f6e7e7}.thinking-graphic{height:440px;position:relative;border-radius:36px;background:linear-gradient(135deg,#f6f9fb,#fff);border:1px solid var(--vc-line);box-shadow:var(--shadow)}.core-orb,.orb{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:800;text-align:center}.core-orb{width:150px;height:150px;background:var(--vc-blue);color:white;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px rgba(8,35,74,.25)}.orb{width:112px;height:112px;background:#fff;border:1px solid #dde8ee;color:var(--vc-blue);box-shadow:0 18px 38px rgba(8,35,74,.10)}.o1{left:12%;top:13%}.o2{right:12%;top:15%}.o3{left:16%;bottom:14%}.o4{right:16%;bottom:14%}.dimension{background:white;border:1px solid var(--vc-line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.dimension span{font-size:2rem;font-weight:800;color:var(--vc-teal)}.dimension h3{color:var(--vc-blue);font-size:1.15rem;line-height:1.2}.score-ring{width:200px;height:200px;border-radius:50%;margin:0 auto 22px;background:conic-gradient(var(--vc-teal) 0 30%,var(--vc-green) 30% 55%,var(--vc-orange) 55% 75%,var(--vc-burgundy) 75% 90%,var(--vc-blue) 90% 100%);display:grid;place-items:center}.score-ring div{background:#fff;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--vc-blue);font-weight:800;line-height:1.1}.formula-box{background:#f7fafc;border:1px solid var(--vc-line);border-radius:18px;padding:18px;color:var(--vc-blue);font-weight:800;overflow:auto}.inner-grid{margin-top:28px}.inner-grid div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:22px}.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.loop div{background:white;border-radius:22px;border:1px solid var(--vc-line);padding:22px;box-shadow:var(--shadow);font-weight:800;color:var(--vc-blue);position:relative}.loop div:after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:var(--vc-orange);font-size:1.7rem}.loop div:last-child:after{content:"↺";right:12px;top:auto;bottom:8px;transform:none}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:26px;top:0;bottom:0;width:2px;background:#dce5ec}.step{position:relative;padding-left:74px;margin-bottom:28px}.step:before{content:"";position:absolute;left:13px;top:5px;width:28px;height:28px;border-radius:50%;background:var(--vc-teal);box-shadow:0 0 0 8px #eaf5f6}.step h3{margin:0 0 6px;color:var(--vc-blue)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid div{background:#fff;border:1px solid var(--vc-line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.process-grid svg{width:42px;height:42px;color:var(--vc-teal);margin-bottom:14px}.process-grid h3{color:var(--vc-blue);margin:0 0 8px}.standards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.deliverable{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--vc-line);color:#445464;font-weight:700}.deliverable span{background:var(--vc-blue);color:white;border-radius:999px;padding:5px 9px;font-size:.8rem}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px 15px;border:1px solid #d7e0e7;border-radius:14px;font:inherit;background:white}.contact-form textarea{min-height:150px;resize:vertical}.contact-cards{display:grid;gap:12px}.footer{background:#071d3b;color:#dce5ee;margin-top:60px}.footer .wrap{padding:44px 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:24px}.footer-brand img{width:150px;background:white;border-radius:16px;padding:8px;margin-bottom:14px}.footer h4{color:#fff;margin:0 0 10px}.footer a,.footer p{color:#b9c6d3;font-size:.94rem;margin:6px 0;display:block}.socials{display:flex;gap:12px;margin-top:14px}.social{width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,255,255,.1);color:#fff}.social svg{width:22px;height:22px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:18px;color:#91a4b8;font-size:.9rem}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.in{opacity:1;transform:translateY(0)}@media(max-width:1050px){.nav-links{gap:13px;font-size:.86rem}.grid-4,.grid-5,.process-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.split,.split.reverse{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.loop{grid-template-columns:1fr 1fr}.loop div:after{display:none}}@media(max-width:760px){.menu-btn{display:block}.nav-links{position:absolute;left:16px;right:16px;top:72px;background:white;border:1px solid var(--vc-line);border-radius:20px;padding:18px;display:none;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.nav-links.open{display:flex}.grid-3,.grid-4,.grid-5,.grid-2,.footer-grid,.diagnostic-ladder,.value-architecture,.process-grid,.standards,.add-on-grid,.loop{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.engine{padding:28px}.wrap{padding:54px 18px}.section{padding:54px 0}.footer-grid{gap:12px}.hero-content{padding-top:50px}.hero-logo{width:min(470px,90vw)}.node-map,.thinking-graphic{height:380px}.orb{width:94px;height:94px;font-size:.85rem}.core-orb{width:130px;height:130px}.circle-row{grid-template-columns:1fr 1fr}.about-panel{min-height:0}}

/* Enhanced interactive friction map */
.friction-map{height:390px;background:radial-gradient(circle at 50% 48%,rgba(20,124,134,.16),transparent 24%),linear-gradient(135deg,#f7fafc 0%,#ffffff 68%);overflow:hidden;isolation:isolate}
.friction-map:before,.friction-map:after{display:none}
.friction-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.flow-line{fill:none;stroke:#c9d8e2;stroke-width:3;stroke-dasharray:8 8;opacity:.9;animation:dashFlow 5s linear infinite}
.flow-line.friction{stroke:var(--vc-orange);stroke-width:3.5;opacity:.82}
.flow-line.strong{stroke:var(--vc-teal);stroke-width:4;stroke-dasharray:none;opacity:.9}
.friction-map .node{z-index:2;border:0;cursor:pointer;text-align:left;min-width:142px;padding:12px 15px;display:grid;gap:2px;transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease}
.friction-map .node b{font-size:.95rem;line-height:1;color:inherit}
.friction-map .node small{font-size:.72rem;font-weight:700;color:#6a7a89;line-height:1.15}
.friction-map .n6 small{color:rgba(255,255,255,.78)}
.friction-map .node:hover,.friction-map .node:focus{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 34px rgba(8,35,74,.18);outline:none}
.friction-map .node:hover small,.friction-map .node:focus small{color:inherit;opacity:.8}
.friction-map .n1{left:50%;top:8%;transform:translateX(-50%)}
.friction-map .n1:hover,.friction-map .n1:focus{transform:translateX(-50%) translateY(-4px) scale(1.03)}
.friction-map .n2{left:6%;top:43%}
.friction-map .n3{right:6%;top:43%}
.friction-map .n4{left:16%;bottom:8%}
.friction-map .n5{right:16%;bottom:8%}
.friction-map .n6{left:50%;top:45%;transform:translate(-50%,-50%);background:var(--vc-blue);color:white;text-align:center;min-width:160px}
.friction-map .n6:hover,.friction-map .n6:focus{transform:translate(-50%,-50%) translateY(-4px) scale(1.04)}
@keyframes dashFlow{to{stroke-dashoffset:-64}}
.score-note{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.score-note span{background:#f3f7fa;border:1px solid var(--vc-line);border-radius:999px;padding:7px 11px;color:var(--vc-blue);font-weight:800;font-size:.82rem}
.insight-list.compact{margin-top:4px}
.insight-list.compact div{box-shadow:none;border:1px solid var(--vc-line);border-left:4px solid var(--vc-teal)}
@media(max-width:760px){.friction-map{height:430px}.friction-map .node{min-width:126px;padding:10px 12px}.friction-map .n2{left:4%;top:36%}.friction-map .n3{right:4%;top:36%}.friction-map .n4{left:7%;bottom:10%}.friction-map .n5{right:7%;bottom:10%}.friction-map .n6{top:55%}}


/* Universal premium interactions */
.info-trigger{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.info-trigger:hover,.info-trigger:focus{transform:translateY(-4px);box-shadow:0 22px 48px rgba(8,35,74,.14);border-color:#cbdbe5;outline:none}
.core-orb.info-trigger:hover,.core-orb.info-trigger:focus{transform:translate(-50%,-50%) scale(1.04)}
.friction-map .node.info-trigger:after,.metric-card.info-trigger:after,.dimension.info-trigger:after,.service-card.info-trigger:after{content:"Click for insight";position:absolute;right:14px;bottom:10px;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(8,35,74,.45);font-weight:800;opacity:0;transition:.22s}
.friction-map .node.info-trigger:after{right:12px;bottom:-20px;background:#fff;border:1px solid var(--vc-line);border-radius:999px;padding:3px 8px;box-shadow:0 8px 18px rgba(8,35,74,.08)}
.friction-map .n6.info-trigger:after{color:rgba(255,255,255,.72);background:rgba(8,35,74,.92);border-color:rgba(255,255,255,.18)}
.metric-card.info-trigger:hover:after,.dimension.info-trigger:hover:after,.service-card.info-trigger:hover:after,.friction-map .node.info-trigger:hover:after,.metric-card.info-trigger:focus:after,.dimension.info-trigger:focus:after,.service-card.info-trigger:focus:after,.friction-map .node.info-trigger:focus:after{opacity:1}
.vc-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
.vc-modal.open{display:flex}
.vc-modal-backdrop{position:absolute;inset:0;background:rgba(7,29,59,.44);backdrop-filter:blur(10px)}
.vc-modal-panel{position:relative;z-index:1;width:min(520px,100%);background:#fff;border:1px solid var(--vc-line);border-radius:28px;padding:32px;box-shadow:0 32px 90px rgba(8,35,74,.28);animation:modalIn .22s ease}
.vc-modal-panel:before{content:"";position:absolute;left:0;top:0;height:6px;width:100%;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--vc-green),var(--vc-teal),var(--vc-orange))}
.vc-modal-panel h3{font-family:Calibri,Segoe UI,sans-serif;color:var(--vc-blue);font-size:1.75rem;line-height:1.15;margin:0 0 12px}
.vc-modal-panel p{color:#485968;margin:0;font-size:1.02rem}
.vc-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid var(--vc-line);border-radius:50%;background:#fff;color:var(--vc-blue);font-size:1.4rem;cursor:pointer}
@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.vc-modal-panel{padding:28px 22px}.friction-map .node.info-trigger:after,.metric-card.info-trigger:after,.dimension.info-trigger:after,.service-card.info-trigger:after{display:none}}


/* Final refinement: moving intelligence lines across the website */
.section{position:relative;overflow:hidden}
.section .wrap{position:relative;z-index:2}
.section::before{content:"";position:absolute;inset:18px 0 auto 0;height:120px;pointer-events:none;opacity:.28;background:
 linear-gradient(90deg,transparent 0%,rgba(20,124,134,.22) 35%,rgba(215,114,42,.22) 50%,rgba(120,150,62,.22) 65%,transparent 100%);
 mask:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);transform:translateX(-38%);animation:vcLineDrift 12s linear infinite}
.section.soft::before{opacity:.22}
@keyframes vcLineDrift{to{transform:translateX(38%)}}
.card,.metric-card,.system-card,.chart-card,.score-card,.method-panel,.deliverable-card,.principle-card,.about-panel,.process-grid div,.flow-box,.dimension{isolation:isolate}
.card::after,.metric-card::after,.system-card::after,.chart-card::after,.score-card::after,.method-panel::after,.deliverable-card::after,.principle-card::after,.about-panel::after,.process-grid div::after,.flow-box::after,.dimension::after{content:"";position:absolute;left:-45%;top:0;width:45%;height:2px;background:linear-gradient(90deg,transparent,var(--vc-teal),var(--vc-gold),transparent);opacity:.55;animation:vcCardLine 7s ease-in-out infinite;pointer-events:none}
.process-grid div,.flow-box{position:relative;overflow:hidden}
@keyframes vcCardLine{0%,18%{transform:translateX(0);opacity:0}35%{opacity:.62}70%,100%{transform:translateX(320%);opacity:0}}
.engine{position:relative;overflow:hidden}
.engine::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 20%,rgba(243,194,72,.18),transparent 24%),radial-gradient(circle at 84% 72%,rgba(20,124,134,.18),transparent 26%)}
.engine>*{position:relative;z-index:2}
.flow-box{transition:transform .25s ease,border-color .25s ease,background .25s ease}.flow-box:hover{transform:translateY(-4px);border-color:rgba(243,194,72,.45);background:rgba(255,255,255,.13)}
.bar span{position:relative;overflow:hidden}.bar span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:vcBarSweep 4.2s ease-in-out infinite}@keyframes vcBarSweep{0%,25%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
.loop div{position:relative;overflow:hidden}.loop div::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--vc-green),var(--vc-teal),var(--vc-orange));transform:translateX(-100%);animation:vcLoopLine 5s ease-in-out infinite}.loop div:nth-child(2)::before{animation-delay:.35s}.loop div:nth-child(3)::before{animation-delay:.7s}.loop div:nth-child(4)::before{animation-delay:1.05s}@keyframes vcLoopLine{0%,20%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}

/* Keep popups only where they add the most value, and make them feel lighter and more branded */
.vc-modal-backdrop{background:rgba(7,29,59,.22);backdrop-filter:blur(8px)}
.vc-modal-panel{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(246,248,251,.72));backdrop-filter:blur(22px);border:1px solid rgba(20,124,134,.22);box-shadow:0 32px 90px rgba(8,35,74,.22), inset 0 0 0 1px rgba(255,255,255,.5)}
.vc-modal-panel:before{height:7px;background:linear-gradient(90deg,var(--vc-green),var(--vc-teal),var(--vc-orange),var(--vc-gold))}
.vc-modal-close{background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}
.friction-map .node.info-trigger:after{content:"Click";font-size:.6rem;color:rgba(8,35,74,.5)}
.friction-map .n6.info-trigger:after{color:rgba(255,255,255,.72)}
/* Remove the click hint from non-popup elements after final refinement */
.metric-card.info-trigger:after,.dimension.info-trigger:after,.service-card.info-trigger:after{display:none}
@media(max-width:760px){.section::before{height:80px;opacity:.18}.card::after,.metric-card::after,.system-card::after,.chart-card::after,.score-card::after,.method-panel::after,.deliverable-card::after,.principle-card::after,.about-panel::after,.process-grid div::after,.flow-box::after,.dimension::after{display:none}}

/* Neural intelligence effect replacing the moving band */
.section::before{display:none!important}
.vc-neural-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:.32;mix-blend-mode:multiply}
.nav,.hero-content,.page-hero .wrap,.section .wrap,.footer,.vc-modal{position:relative;z-index:3}
.hero,.page-hero,.section,.footer{isolation:isolate}
.neural-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--vc-teal);box-shadow:0 0 0 0 rgba(20,124,134,.28);animation:neuralPulse 3.6s ease-in-out infinite;pointer-events:none;z-index:1}
.neural-pulse.green{background:var(--vc-green);animation-delay:.6s}.neural-pulse.orange{background:var(--vc-orange);animation-delay:1.2s}.neural-pulse.gold{background:var(--vc-gold);animation-delay:1.8s}.neural-pulse.blue{background:var(--vc-blue);animation-delay:2.4s}
@keyframes neuralPulse{0%,100%{transform:scale(.75);opacity:.18;box-shadow:0 0 0 0 rgba(20,124,134,.18)}45%{transform:scale(1.55);opacity:.55;box-shadow:0 0 0 14px rgba(20,124,134,0)}}
.card,.metric-card,.system-card,.chart-card,.score-card,.method-panel,.deliverable-card,.principle-card,.about-panel,.process-grid div,.flow-box,.dimension{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.card:hover,.metric-card:hover,.system-card:hover,.chart-card:hover,.score-card:hover,.method-panel:hover,.deliverable-card:hover,.principle-card:hover,.about-panel:hover,.process-grid div:hover,.flow-box:hover,.dimension:hover{border-color:rgba(20,124,134,.34);box-shadow:0 28px 68px rgba(8,35,74,.13)}
.card::after,.metric-card::after,.system-card::after,.chart-card::after,.score-card::after,.method-panel::after,.deliverable-card::after,.principle-card::after,.about-panel::after,.process-grid div::after,.flow-box::after,.dimension::after{height:3px;background:linear-gradient(90deg,transparent,var(--vc-blue),var(--vc-teal),var(--vc-green),var(--vc-orange),transparent);opacity:.48}
@media(max-width:760px){.vc-neural-canvas{opacity:.2}.neural-pulse{display:none}}

.language-switch{border:1px solid var(--vc-teal);border-radius:999px;padding:8px 14px;color:var(--vc-blue);font-weight:700;font-size:14px;white-space:nowrap;margin-left:auto;margin-right:14px}.nav-inner{flex-wrap:wrap}.nav-links{font-size:14px}.vc-modal{position:fixed;z-index:200}.contact-form label{font-weight:700;color:var(--vc-blue);font-size:14px}.form-status{color:var(--vc-teal)}:focus-visible{outline:3px solid var(--vc-teal)!important;outline-offset:4px}.friction-map .node small{font-size:14px;line-height:1.2}.friction-map .node b{line-height:1.25}.friction-map .node{min-width:0;width:28%;padding:10px}.friction-map .n6{width:30%}.friction-map .n4{left:8%}.friction-map .n5{right:8%}@media(min-width:761px) and (max-width:1200px){.nav-links{width:100%;justify-content:center;padding-bottom:12px}}@media(max-width:760px){.brand-name{display:none}.language-switch{margin-left:auto}.nav-links{font-size:16px}.friction-map .node b{font-size:14px}.friction-map .node small{font-size:12px}.friction-map .node{width:31%;padding:9px}.friction-map .n6{width:38%}.friction-map .n4{left:4%}.friction-map .n5{right:4%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.vc-neural-canvas{display:none}}
html[lang="fr"] .friction-map .node.info-trigger:after{content:"Voir"}html[lang="fr"] .info-trigger:after{content:"En savoir plus"}
