:root{--orange:#ff4b14;--text:#101113;--muted:#626872;--line:#d9dde2;--soft:#f5f6f7;--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit}.topbar{height:88px;border-bottom:1px solid rgba(16,17,19,.08);background:rgba(255,255,255,.985);position:sticky;top:0;z-index:40;box-shadow:0 8px 28px rgba(16,17,19,.035)}.nav{height:100%;max-width:var(--max);margin:0 auto;padding:0 72px;display:flex;align-items:center;gap:34px}.brand img{height:44px;width:auto;display:block}.nav-links{margin-left:auto;display:flex;gap:34px;align-items:center}.nav-links a{font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:760;text-decoration:none;position:relative;padding:12px 0}.nav-links a.active,.nav-links a:hover{color:var(--orange)}.nav-links a.active:after,.nav-links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange)}.kicker{color:var(--orange);font-size:13px;letter-spacing:.25em;text-transform:uppercase;font-weight:860;margin:0 0 22px}.hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff 0%,#fff 54%,#f7f8f8 100%)}.hero-wrap{max-width:var(--max);margin:0 auto;padding:86px 72px 92px;display:grid;grid-template-columns:52% 48%;gap:70px;align-items:center}.hero h1{font-size:clamp(48px,5.2vw,82px);line-height:1.02;letter-spacing:-3px;margin:0 0 32px;font-weight:780}.lead{font-size:20px;line-height:1.72;color:#30343a;margin:0;max-width:760px}.hero-card{border:1px solid var(--line);background:#fff;padding:42px;box-shadow:0 24px 60px rgba(16,17,19,.055)}.hero-card h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:0 0 18px}.hero-card p{font-size:17px;color:#444a52;margin:0 0 28px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.proof{padding:28px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.proof:nth-child(2n){border-right:0}.proof:nth-child(3),.proof:nth-child(4){border-bottom:0}.proof strong{display:block;color:var(--orange);font-size:38px;line-height:1;margin-bottom:12px}.proof span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.section{border-bottom:1px solid var(--line)}.wrap{max-width:var(--max);margin:0 auto;padding:84px 72px}.section h2{font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 24px}.section p{font-size:17px;color:#444a52;max-width:910px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:46px}.box{border:1px solid var(--line);background:#fff;padding:36px}.box.soft{background:#fbfbfc}.box h3{font-size:23px;margin:0 0 14px}.box p{font-size:16px;margin:0;color:#555}.flow{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);margin-top:42px}.step{padding:26px 18px;min-height:176px;border-right:1px solid var(--line);position:relative;background:#fff}.step:last-child{border-right:0}.step:after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);background:#fff;color:var(--orange);font-weight:900;font-size:22px}.step:last-child:after{display:none}.step .icon{font-size:23px;display:block;margin-bottom:14px}.step strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.step span{font-size:14px;color:#59606a}.knowledge{background:#f7f8f8}.formula{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#fff;margin-top:36px}.formula div{padding:30px 22px;border-right:1px solid var(--line);text-align:center}.formula div:last-child{border-right:0}.formula strong{display:block;font-size:16px;margin-bottom:10px}.formula span{font-size:14px;color:#5e646c}.perspectives{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:34px}.perspective{padding:36px;border-right:1px solid var(--line)}.perspective:last-child{border-right:0}.perspective h3{font-size:24px;margin:0 0 16px}.perspective p{font-size:16px;margin:0;color:#50565e}.examples table{width:100%;border-collapse:collapse;margin-top:30px}.examples th,.examples td{border:1px solid var(--line);padding:18px;text-align:left;vertical-align:top}.examples th{background:#fbefe9;color:#111}.notice{font-size:13px!important;color:#626872!important;margin-top:22px!important}.cta{background:#101113;color:#fff}.cta .wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:34px}.cta h2{color:#fff;margin:0 0 14px}.cta p{color:#d7d9dd;margin:0}.btn{height:50px;padding:0 28px;border:1px solid #fff;background:#fff;color:#111;text-transform:uppercase;font-size:12px;letter-spacing:.055em;font-weight:820;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.footer{background:#f7f8f8}.footer .wrap{padding:44px 72px;font-size:14px;color:#555;display:flex;justify-content:space-between;gap:24px}.footer a{text-decoration:none}@media(max-width:1100px){.nav,.hero-wrap,.wrap,.footer .wrap{padding-left:32px;padding-right:32px}.hero-wrap,.two-col,.cta .wrap{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.step:last-child{border-bottom:0}.step:after{content:"↓";right:auto;left:50%;top:auto;bottom:-16px;transform:translateX(-50%)}.formula{grid-template-columns:1fr}.formula div{border-right:0;border-bottom:1px solid var(--line)}.formula div:last-child{border-bottom:0}.perspectives{grid-template-columns:1fr}.perspective{border-right:0;border-bottom:1px solid var(--line)}.perspective:last-child{border-bottom:0}}@media(max-width:760px){.topbar{height:auto;position:sticky;top:0}.nav{padding:22px;flex-wrap:wrap}.brand img{height:42px}.nav-links{order:3;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-left:0}.nav-links a{border:1px solid var(--line);padding:11px 8px;text-align:center}.hero-wrap{padding:48px 24px 58px}.wrap{padding:54px 24px}.hero h1{font-size:44px;letter-spacing:-2px}.lead{font-size:18px}.hero-card{padding:28px}.proof-grid{grid-template-columns:1fr}.proof{border-right:0}.proof:nth-child(3){border-bottom:1px solid var(--line)}.examples table{font-size:14px}.examples th,.examples td{padding:12px}.footer .wrap{padding:34px 24px;display:block}}

/* MOBILE HARDENING v2 — OpX product page */
@media(max-width:760px){
  body{font-size:16px;line-height:1.55;background:#fff}
  .topbar{height:auto!important;position:sticky!important;top:0!important;box-shadow:0 6px 22px rgba(16,17,19,.035)}
  .nav{width:100%!important;max-width:none!important;padding:16px 18px 14px!important;display:flex!important;align-items:flex-start!important;gap:14px!important;flex-wrap:wrap!important}
  .brand img{height:38px!important}
  .nav-links{order:3!important;width:100%!important;margin-left:0!important;display:flex!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto!important;padding:4px 0 2px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{flex:0 0 auto!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:9px 13px!important;font-size:11px!important;letter-spacing:.045em!important;text-align:center!important;white-space:nowrap!important;background:#fff!important}

  .hero{background:#fff!important}
  .hero-wrap{grid-template-columns:1fr!important;padding:46px 22px 54px!important;gap:30px!important}
  .hero h1{font-size:40px!important;line-height:1.06!important;letter-spacing:-1.8px!important;margin-bottom:24px!important}
  .lead{font-size:17px!important;line-height:1.7!important}
  .kicker{font-size:11px!important;letter-spacing:.18em!important;margin-bottom:16px!important}
  .hero-card{padding:26px 22px!important;box-shadow:none!important}
  .hero-card h2{font-size:25px!important}
  .hero-card p{font-size:16px!important;line-height:1.65!important}
  .proof-grid{grid-template-columns:1fr!important}
  .proof{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:22px!important}
  .proof:last-child{border-bottom:0!important}
  .proof strong{font-size:32px!important}

  .wrap{padding:52px 22px!important}
  .section h2{font-size:32px!important;line-height:1.16!important;letter-spacing:-1px!important}
  .section p{font-size:16px!important;line-height:1.7!important}
  .two-col{grid-template-columns:1fr!important;gap:18px!important}
  .box{padding:24px 22px!important}

  .flow{grid-template-columns:1fr!important;margin-top:30px!important}
  .step{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:auto!important;padding:24px 22px!important}
  .step:last-child{border-bottom:0!important}
  .step:after{content:"↓"!important;right:auto!important;left:50%!important;top:auto!important;bottom:-15px!important;transform:translateX(-50%)!important}
  .step:last-child:after{display:none!important}
  .step .icon{font-size:18px!important;margin-bottom:10px!important}

  .formula{grid-template-columns:1fr!important}
  .formula div{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:24px 22px!important}
  .formula div:last-child{border-bottom:0!important}
  .perspectives{grid-template-columns:1fr!important}
  .perspective{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:26px 22px!important}
  .perspective:last-child{border-bottom:0!important}

  .examples table,.examples thead,.examples tbody,.examples tr,.examples th,.examples td{display:block!important;width:100%!important}
  .examples thead{display:none!important}
  .examples tr{border:1px solid var(--line)!important;margin-bottom:14px!important;background:#fff!important}
  .examples td{border:0!important;border-bottom:1px solid var(--line)!important;padding:14px 16px!important}
  .examples td:last-child{border-bottom:0!important}
  .examples td:nth-child(1)::before{content:"Perspective";display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--orange);margin-bottom:6px}
  .examples td:nth-child(2)::before{content:"Example question";display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--orange);margin-bottom:6px}
  .examples td:nth-child(3)::before{content:"Expected value";display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--orange);margin-bottom:6px}

  .cta .wrap{grid-template-columns:1fr!important;gap:24px!important}
  .btn{width:100%!important;height:48px!important}
  .footer .wrap{padding:34px 22px!important;display:block!important}
}



/* OPX SUBPAGE POLISH v1 - aligned with main OperionC page */
.language{position:relative}.language-toggle{border:0;background:transparent;font-weight:780;font-size:13px;cursor:pointer;display:flex;gap:8px;align-items:center}.language-toggle:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #111}.language-menu{position:absolute;right:0;top:34px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px rgba(0,0,0,.12);padding:8px;display:none;min-width:148px;z-index:100}.language.open .language-menu{display:grid}.language-menu button{border:0;background:#fff;text-align:left;padding:9px 10px;font-weight:720;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:34px;white-space:nowrap}.language-menu button:hover{background:#f4f5f6;color:var(--orange)}.flag{width:15px;height:15px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}.flag.globe{border:1px solid rgba(16,17,19,.22);background:radial-gradient(circle at 50% 50%,transparent 0 37%,#111 38% 41%,transparent 42%),linear-gradient(90deg,transparent 43%,#111 44% 47%,transparent 48% 52%,#111 53% 56%,transparent 57%),linear-gradient(0deg,transparent 43%,#111 44% 47%,transparent 48% 52%,#111 53% 56%,transparent 57%);opacity:.82}.flag.de{background:linear-gradient(#000 0 33%,#dd0000 33% 66%,#ffce00 66%)}.flag.se{background:linear-gradient(90deg,transparent 0 30%,#fecc00 30% 42%,transparent 42%),linear-gradient(transparent 0 38%,#fecc00 38% 52%,transparent 52%),#006aa7}.flag.fi{background:linear-gradient(90deg,transparent 0 32%,#003580 32% 45%,transparent 45%),linear-gradient(transparent 0 38%,#003580 38% 52%,transparent 52%),#fff}.flag.ee{background:linear-gradient(#4891d9 0 33%,#111 33% 66%,#fff 66%)}.flag.pl{background:linear-gradient(#fff 0 50%,#dc143c 50%)}.flag.cn{background:#de2910;position:relative}.flag.cn:before{content:"";position:absolute;left:3px;top:3px;width:4px;height:4px;background:#ffde00;border-radius:50%}
.brand{display:flex;align-items:center;text-decoration:none;white-space:nowrap}.hero h1{font-size:clamp(46px,5vw,76px)!important}.wrap{padding-top:78px!important;padding-bottom:78px!important}.hero-wrap{padding-top:82px!important;padding-bottom:86px!important}.examples table{display:none}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.example-card{border:1px solid var(--line);background:#fff}.example-row{padding:22px;border-bottom:1px solid var(--line)}.example-row:last-child{border-bottom:0}.example-label{display:block;color:var(--orange);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;margin-bottom:10px}.example-row p{font-size:16px;line-height:1.6;margin:0;color:#20242a}
@media(max-width:1100px){.examples-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  body{font-size:16px!important;line-height:1.55!important;background:#fff!important}
  .topbar{height:auto!important;position:sticky!important;top:0!important;z-index:80!important;background:rgba(255,255,255,.985)!important;box-shadow:0 6px 22px rgba(16,17,19,.045)!important}
  .nav{width:100%!important;max-width:none!important;padding:12px 18px 10px!important;display:flex!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
  .brand img{height:34px!important}
  .language{position:absolute!important;top:17px!important;right:18px!important}
  .language-menu{right:0!important;top:30px!important}
  .nav-links{order:3!important;width:100%!important;margin-left:0!important;display:flex!important;grid-template-columns:none!important;gap:7px!important;overflow-x:auto!important;padding:2px 0 0!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{flex:0 0 auto!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:8px 12px!important;font-size:10.5px!important;letter-spacing:.045em!important;text-align:center!important;white-space:nowrap!important;background:#fff!important}
  .nav-links a:after{display:none!important}
  .hero{background:#fff!important}
  .hero-wrap{grid-template-columns:1fr!important;padding:38px 22px 42px!important;gap:24px!important}
  .hero h1{font-size:38px!important;line-height:1.07!important;letter-spacing:-1.4px!important;margin-bottom:0!important}
  .lead{font-size:16px!important;line-height:1.68!important}
  .kicker{font-size:11px!important;letter-spacing:.20em!important;margin-bottom:16px!important}
  .hero-card{padding:22px!important;box-shadow:none!important}
  .hero-card h2{font-size:24px!important}
  .hero-card p{font-size:15px!important;line-height:1.6!important}
  .proof-grid{grid-template-columns:1fr!important}
  .proof{border-right:0!important;padding:19px 18px!important}
  .proof:nth-child(3){border-bottom:1px solid var(--line)!important}
  .proof strong{font-size:28px!important}
  .wrap{padding:42px 22px!important}
  .section h2{font-size:29px!important;line-height:1.17!important;letter-spacing:-.7px!important}
  .section p{font-size:15.5px!important;line-height:1.65!important}
  .two-col{gap:18px!important}
  .box{padding:22px!important}
  .box h3{font-size:20px!important}
  .flow{margin-top:24px!important}
  .step{padding:20px!important}
  .step .icon{font-size:17px!important;margin-bottom:10px!important}
  .formula{margin-top:24px!important}
  .formula div{padding:20px!important}
  .perspectives{margin-top:24px!important}
  .perspective{padding:22px!important}
  .perspective h3{font-size:22px!important}
  .examples-grid{gap:16px!important;margin-top:24px!important}
  .example-row{padding:18px!important}
  .example-row p{font-size:15.5px!important}
  .cta .wrap{gap:22px!important}
  .btn{width:100%!important;height:48px!important}
  .footer .wrap{padding:28px 22px!important;display:block!important}
}

/* OPX LOGO AND MOBILE RHYTHM v2 */
.opx-product-logo{display:block;width:min(255px,100%);height:auto;margin:0 0 24px;object-fit:contain}

@media(max-width:760px){
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
  }

  .hero-wrap{
    padding:28px 22px 32px!important;
    gap:18px!important;
  }

  .opx-product-logo{width:min(230px,78vw)!important;margin:0 0 16px!important}
.hero h1{
    font-size:34px!important;
    line-height:1.08!important;
  }

  .lead{
    font-size:15.5px!important;
    line-height:1.6!important;
  }

  .hero-card{
    padding:18px!important;
  }

  .wrap{
    padding:34px 22px!important;
  }

  .section h2{
    font-size:28px!important;
    line-height:1.14!important;
  }

  .section p{
    font-size:15.5px!important;
    line-height:1.6!important;
  }

  .box,
  .step,
  .formula div,
  .perspective,
  .example-row{
    padding:16px 18px!important;
  }

  .flow,
  .formula,
  .perspectives,
  .examples-grid{
    margin-top:18px!important;
  }

  .cta .wrap{
    padding:30px 22px!important;
  }
}

/* PILOT FIX - fixed mobile header and module-logo cache bust */
@media(max-width:760px){
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:999!important;
    background:rgba(255,255,255,.985)!important;
  }
  body{padding-top:154px!important}
}



/* OPX PLATFORM DROPDOWN + PRODUCT CARDS */
.platform-menu{position:relative;display:flex;align-items:center}
.platform-trigger{font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:760;text-decoration:none;position:relative;padding:12px 0;display:inline-flex;align-items:center;gap:7px}
.platform-trigger:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.8;margin-left:2px}
.platform-menu:hover .platform-trigger,.platform-menu:focus-within .platform-trigger{color:var(--orange)}
.platform-menu:hover .platform-trigger:before,.platform-menu:focus-within .platform-trigger:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange)}
.platform-dropdown{position:absolute;top:42px;left:-18px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 56px rgba(16,17,19,.14);min-width:270px;padding:10px;display:none;z-index:120}
.platform-menu:hover .platform-dropdown,.platform-menu:focus-within .platform-dropdown{display:grid;gap:4px}
.platform-dropdown a{display:block!important;padding:12px 13px!important;border:0!important;text-align:left!important;text-decoration:none!important;white-space:nowrap!important;color:#101113!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:760!important}
.platform-dropdown a small{display:block;color:#68707a;font-size:12px;font-weight:600;margin-top:3px;line-height:1.35}
.platform-dropdown a:hover{background:#f5f6f7!important;color:var(--orange)!important}
.opx-module-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fbfbfc;margin-top:34px}
.opx-module-card{padding:28px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-height:210px}.opx-module-card:last-child{border-right:0}.opx-module-card strong{font-size:17px}.opx-module-card span{font-size:14px;line-height:1.58;color:#60666e}.opx-module-card a{margin-top:auto;color:var(--orange);font-weight:820;font-size:12px;text-transform:uppercase;letter-spacing:.055em;text-decoration:none}
@media(max-width:1100px){.opx-module-grid{grid-template-columns:repeat(2,1fr)}.opx-module-card:nth-child(2){border-right:0}.opx-module-card:nth-child(1),.opx-module-card:nth-child(2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.platform-menu{flex:0 0 auto!important}.platform-trigger{border:1px solid var(--line)!important;border-radius:999px!important;padding:9px 13px!important;font-size:11px!important;background:#fff!important}.platform-trigger:before{display:none!important}.platform-dropdown{position:absolute!important;top:42px!important;left:0!important;min-width:255px!important}.opx-module-grid{grid-template-columns:1fr!important}.opx-module-card{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:auto!important}.opx-module-card:last-child{border-bottom:0!important}}

.product-mark{font-size:42px;line-height:1;font-weight:820;letter-spacing:-1.2px;margin:0 0 24px}.product-mark .reg{font-size:18px;vertical-align:super;margin-left:3px}.module-visual{border:1px solid var(--line);background:#fff;padding:34px;display:grid;gap:16px}.visual-row{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;border:1px solid var(--line);padding:14px;background:#fbfbfc}.visual-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--orange)}.visual-box{height:46px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:0 14px;font-weight:760}.pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.pill{border:1px solid var(--line);padding:24px;background:#fff}.pill strong{display:block;margin-bottom:8px}.pill span{color:#59606a;font-size:15px;line-height:1.55}.mini-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mini-nav a{border:1px solid var(--line);padding:10px 14px;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.055em;font-weight:820}.mini-nav a:hover,.mini-nav a.active{border-color:var(--orange);color:var(--orange)}
@media(max-width:760px){.product-mark{font-size:32px}.visual-row{grid-template-columns:1fr}.pill-grid{grid-template-columns:1fr}.module-visual{padding:20px}}

/* OPX PRODUCT PAGES TOP LEVEL REFINEMENT v20260620 */
.product-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.product-actions .btn{border-color:#151515;background:#fff;color:#111}
.product-actions .btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}
.product-map{border:1px solid var(--line);background:#fbfbfc;padding:0;margin-top:0}
.product-map-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line)}
.product-map-row:last-child{border-bottom:0}
.product-map-row strong{padding:20px 22px;border-right:1px solid var(--line);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.product-map-row span{padding:20px 22px;color:#4a5058;line-height:1.65}
.module-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:28px;background:#fff}
.module-strip a{padding:18px;text-decoration:none;border-right:1px solid var(--line);font-size:13px;font-weight:820;text-transform:uppercase;letter-spacing:.055em}
.module-strip a:last-child{border-right:0}
.module-strip a.active,.module-strip a:hover{color:var(--orange);background:#fbfbfc}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:34px;background:#fff}
.value-cell{padding:28px 22px;border-right:1px solid var(--line)}
.value-cell:last-child{border-right:0}
.value-cell strong{display:block;font-size:16px;margin-bottom:10px}
.value-cell span{font-size:14px;color:#5d646d;line-height:1.6}
@media(max-width:1100px){
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .value-cell:nth-child(2){border-right:0}
  .value-cell:nth-child(1),.value-cell:nth-child(2){border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  .product-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:22px!important}
  .product-actions .btn{width:100%!important;min-height:48px!important;height:auto!important;line-height:1.25!important;padding:13px 16px!important}
  .product-map-row{grid-template-columns:1fr!important}
  .product-map-row strong{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:14px 16px!important}
  .product-map-row span{padding:16px!important}
  .module-strip{grid-template-columns:1fr!important}
  .module-strip a{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .module-strip a:last-child{border-bottom:0!important}
  .value-grid{grid-template-columns:1fr!important}
  .value-cell{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:20px 18px!important}
  .value-cell:last-child{border-bottom:0!important}
}


/* OPX VISUAL REFINEMENT 2026-06-20
   Scope: reduce hero whitespace, soften hero typography and make active nav underline subtler. */
.nav-links a.active:after,.nav-links a:hover:after{height:1px!important;bottom:3px!important;opacity:.48!important;border-radius:999px!important}
.hero-wrap{padding-top:48px!important;padding-bottom:72px!important;gap:56px!important}
.kicker{font-size:11px!important;letter-spacing:.15em!important;font-weight:720!important;margin-bottom:14px!important;color:#b85a42!important}
.hero h1{font-size:clamp(40px,4.35vw,64px)!important;line-height:1.06!important;letter-spacing:-2.1px!important;margin-bottom:24px!important;font-weight:740!important}
.lead{font-size:18px!important;line-height:1.68!important;color:#363b42!important}
.hero-card{padding:34px!important;box-shadow:0 16px 42px rgba(16,17,19,.045)!important}
.hero-card h2{font-size:26px!important;letter-spacing:-.55px!important}
.proof strong{font-size:32px!important;color:#d4512c!important}
@media(max-width:1100px){.hero-wrap{padding-top:36px!important;padding-bottom:58px!important;gap:34px!important}}
@media(max-width:760px){.hero-wrap{padding-top:26px!important;padding-bottom:46px!important;gap:24px!important}.kicker{font-size:10px!important;letter-spacing:.13em!important;margin-bottom:12px!important}.hero h1{font-size:34px!important;line-height:1.09!important;letter-spacing:-1.2px!important;margin-bottom:18px!important}.lead{font-size:16px!important;line-height:1.62!important}.hero-card{padding:22px!important}.hero-card h2{font-size:22px!important}.nav-links a.active:after,.nav-links a:hover:after{display:none!important}}



/* OPX PRODUCT PAGES v3 — visual alignment with HOME, home page unchanged */
@media(min-width:761px){
  .hero-wrap{padding:42px 72px 76px!important;gap:64px!important;align-items:center!important;}
  .kicker{font-size:13px!important;letter-spacing:.22em!important;font-weight:760!important;margin:0 0 16px!important;color:var(--orange)!important;}
  .hero h1{font-size:clamp(46px,4.9vw,74px)!important;line-height:1.04!important;letter-spacing:-2.6px!important;font-weight:760!important;margin:0 0 28px!important;}
  .lead{font-size:18px!important;line-height:1.70!important;color:#222833!important;}
  .hero-card{padding:38px!important;box-shadow:0 18px 46px rgba(16,17,19,.045)!important;}
  .hero-card h2{font-size:28px!important;line-height:1.18!important;font-weight:760!important;}
  .proof strong{font-size:34px!important;font-weight:760!important;}
}
.nav-links a.active:after,
.nav-links a:hover:after{height:1px!important;background:var(--orange)!important;opacity:1!important;bottom:0!important;border-radius:0!important;}
.platform-trigger.active{color:var(--orange)!important;}
.platform-trigger.active:before,
.platform-menu:hover .platform-trigger:before,
.platform-menu:focus-within .platform-trigger:before{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:1px!important;background:var(--orange)!important;opacity:1!important;border-radius:0!important;}
.platform-trigger.active:after,
.platform-trigger:hover:after{content:""!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top:5px solid currentColor!important;background:transparent!important;height:0!important;width:0!important;position:static!important;left:auto!important;right:auto!important;bottom:auto!important;opacity:.8!important;margin-left:2px!important;border-radius:0!important;}
@media(max-width:760px){
  .hero-wrap{padding-top:28px!important;padding-bottom:46px!important;gap:24px!important;}
  .kicker{font-size:10px!important;letter-spacing:.14em!important;font-weight:760!important;margin-bottom:12px!important;}
  .hero h1{font-size:34px!important;line-height:1.09!important;letter-spacing:-1.2px!important;font-weight:760!important;margin-bottom:18px!important;}
  .lead{font-size:16px!important;line-height:1.62!important;}
  .nav-links a.active:after,.nav-links a:hover:after,.platform-trigger.active:before{display:none!important;}
}


/* OPX SUBPAGE VISUAL TUNING 2026-06-22 */
@media(min-width:761px){
  .topbar{height:88px!important;border-bottom:1px solid rgba(16,17,19,.08)!important;background:rgba(255,255,255,.985)!important;position:sticky!important;top:0!important;z-index:80!important;box-shadow:0 8px 28px rgba(16,17,19,.035)!important}
  .nav{height:100%!important;max-width:var(--max)!important;margin:0 auto!important;padding:0 72px!important;display:flex!important;align-items:center!important;gap:34px!important}
  .brand img{height:44px!important;width:auto!important;display:block!important}
  .nav-links{margin-left:auto!important;display:flex!important;gap:38px!important;align-items:center!important}
  .nav-links a,.platform-trigger{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:760!important;text-decoration:none!important;color:#101113!important;padding:12px 0!important}
  .nav-links a.active,.nav-links a:hover,.platform-trigger.active,.platform-menu:hover .platform-trigger,.platform-menu:focus-within .platform-trigger{color:var(--orange)!important}
  .nav-links a.active:after,.nav-links a:hover:after,.platform-trigger.active:before,.platform-menu:hover .platform-trigger:before,.platform-menu:focus-within .platform-trigger:before{height:2px!important;bottom:0!important;background:var(--orange)!important;opacity:1!important}
  .language-toggle{font-weight:780!important;font-size:13px!important;color:#101113!important}

  .opx-product-logo{width:min(191px,100%)!important;margin:0 0 20px!important}
  .hero-wrap{padding-top:42px!important;padding-bottom:64px!important;gap:58px!important}
  .hero h1{font-size:clamp(38px,3.85vw,58px)!important;line-height:1.07!important;letter-spacing:-1.8px!important;font-weight:740!important;margin-bottom:20px!important;max-width:760px!important}
  .lead{font-size:16.5px!important;line-height:1.62!important;color:#343a42!important;max-width:760px!important}
  .hero-card h2{font-size:25px!important;line-height:1.2!important;letter-spacing:-.4px!important}

  .section .kicker{font-size:11px!important;letter-spacing:.18em!important;margin-bottom:14px!important}
  .section h2{font-size:clamp(30px,2.55vw,42px)!important;line-height:1.16!important;letter-spacing:-1px!important;font-weight:730!important;max-width:1120px!important}
  .section p{font-size:16px!important;line-height:1.64!important}
}
@media(max-width:760px){
  .opx-product-logo{width:min(173px,68vw)!important}
  .hero h1{font-size:31px!important;line-height:1.1!important;letter-spacing:-1px!important}
  .lead{font-size:15px!important;line-height:1.58!important}
  .section h2{font-size:25px!important;line-height:1.18!important;letter-spacing:-.5px!important}
}


/* OPX PLATFORM NAV HOVER STABILITY 2026-06-22 */
@media(min-width:761px){
  .platform-menu{position:relative!important;display:flex!important;align-items:center!important;min-height:44px!important}
  .platform-trigger{position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:12px 0!important;line-height:1!important;color:#101113!important}
  .platform-trigger:before{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-10px!important;height:2px!important;background:var(--orange)!important;opacity:0!important;transform:none!important;border-radius:0!important;pointer-events:none!important}
  .platform-trigger.active:before,.platform-menu:hover .platform-trigger:before,.platform-menu:focus-within .platform-trigger:before{opacity:1!important}
  .platform-trigger:after,.platform-trigger.active:after,.platform-trigger:hover:after{content:""!important;position:static!important;display:inline-block!important;width:0!important;height:0!important;margin-left:2px!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top:5px solid currentColor!important;background:transparent!important;opacity:.8!important;transform:none!important;flex:0 0 auto!important}
  .platform-menu:hover .platform-trigger,.platform-menu:focus-within .platform-trigger,.platform-trigger.active{color:var(--orange)!important}
  .platform-dropdown{display:grid!important;position:absolute!important;top:48px!important;left:-18px!important;min-width:270px!important;gap:4px!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(4px)!important;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s!important}
  .platform-menu:hover .platform-dropdown,.platform-menu:focus-within .platform-dropdown{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;transition-delay:0s!important}
}
@media(max-width:760px){
  .platform-trigger:before{display:none!important}
  .platform-dropdown{transform:none!important}
}


/* OPX DESKTOP FIT AND BRAND COLOR 2026-06-22 */
@media(min-width:761px){
  .hero-wrap{padding-top:30px!important;padding-bottom:38px!important;gap:46px!important;align-items:center!important}
  .opx-product-logo{width:min(176px,100%)!important;margin:0 0 14px!important}
  .kicker{margin-bottom:12px!important}
  .hero h1{font-size:clamp(34px,3.45vw,52px)!important;line-height:1.065!important;letter-spacing:-1.55px!important;margin-bottom:16px!important;max-width:780px!important}
  .lead{font-size:15.75px!important;line-height:1.55!important;font-weight:520!important;color:#202833!important;max-width:760px!important;margin-bottom:0!important}
  .module-strip{margin-top:20px!important}
  .module-strip a{padding:14px 16px!important;min-height:58px!important;display:flex!important;align-items:center!important}
  .product-actions{margin-top:20px!important;gap:12px!important}
  .product-actions .btn{height:44px!important;min-height:44px!important;padding:0 20px!important}

  .hero-card{padding:28px!important;box-shadow:0 14px 38px rgba(16,17,19,.04)!important}
  .hero-card h2{font-size:23px!important;line-height:1.18!important;margin-bottom:18px!important}
  .hero-card p{font-size:15.75px!important;line-height:1.58!important;margin-bottom:22px!important}
  .proof-grid{margin-top:14px!important}
  .proof{padding:24px 26px!important;min-height:132px!important}
  .proof strong{font-size:30px!important;color:var(--orange)!important}
  .proof span{font-size:11.5px!important;line-height:1.42!important;color:#101113!important}

  .section h2{font-size:clamp(28px,2.35vw,38px)!important;line-height:1.16!important}
}
@media(min-width:761px) and (max-height:820px){
  .topbar{height:76px!important}
  .brand img{height:38px!important}
  .hero-wrap{padding-top:24px!important;padding-bottom:30px!important;gap:38px!important}
  .opx-product-logo{width:min(158px,100%)!important;margin-bottom:12px!important}
  .hero h1{font-size:clamp(31px,3.15vw,47px)!important;margin-bottom:14px!important}
  .lead{font-size:15px!important;line-height:1.5!important}
  .module-strip{margin-top:16px!important}
  .module-strip a{padding:12px 15px!important;min-height:52px!important}
  .product-actions{margin-top:16px!important}
  .product-actions .btn{height:42px!important;min-height:42px!important}
  .hero-card{padding:24px!important}
  .hero-card h2{font-size:21px!important;margin-bottom:14px!important}
  .hero-card p{font-size:15px!important;line-height:1.52!important;margin-bottom:18px!important}
  .proof{padding:20px 24px!important;min-height:116px!important}
  .proof strong{font-size:28px!important;color:var(--orange)!important}
}
@media(max-width:760px){
  .proof strong{color:var(--orange)!important}
}


/* OPX MOBILE HEADER GAP FIX 2026-06-22 */
@media(max-width:760px){
  body{padding-top:0!important}
  .hero-wrap{padding-top:72px!important}
}


/* OPX MOBILE LANGUAGE DROPDOWN LAYER FIX 2026-06-22 */
@media(max-width:760px){
  .topbar{overflow:visible!important}
  .nav{overflow:visible!important}
  .language{position:relative!important;z-index:5000!important}
  .language-menu{
    position:fixed!important;
    top:82px!important;
    right:18px!important;
    left:auto!important;
    z-index:6000!important;
    min-width:156px!important;
    background:#fff!important;
    box-shadow:0 20px 48px rgba(16,17,19,.18)!important;
  }
  .language.open .language-menu{display:grid!important}
  .nav-links,.platform-menu,.platform-dropdown{z-index:1!important}
}


/* OPX MOBILE LANGUAGE TOGGLE RIGHT FIX 2026-06-22 */
@media(max-width:760px){
  .nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    column-gap:12px!important;
    row-gap:14px!important;
  }
  .brand{
    flex:0 1 auto!important;
    min-width:0!important;
    margin-right:0!important;
  }
  .language{
    flex:0 0 auto!important;
    margin-left:auto!important;
    align-self:center!important;
    position:relative!important;
    z-index:5000!important;
  }
  .language-toggle{
    min-height:34px!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  .nav-links{
    flex:0 0 100%!important;
    order:3!important;
    width:100%!important;
  }
}


/* OPX MOBILE HEADER FINAL LAYOUT FIX 2026-06-22 */
@media(max-width:760px){
  .topbar{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    z-index:1000!important;
    overflow:visible!important;
    background:#fff!important;
  }
  .nav{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    justify-content:start!important;
    column-gap:12px!important;
    row-gap:14px!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    padding:20px 18px 16px!important;
    overflow:visible!important;
  }
  .brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    justify-self:start!important;
    align-self:center!important;
  }
  .brand img{
    height:38px!important;
    width:auto!important;
    max-width:190px!important;
  }
  .language{
    grid-column:3!important;
    grid-row:1!important;
    margin:0!important;
    justify-self:end!important;
    align-self:center!important;
    position:relative!important;
    z-index:5000!important;
  }
  .language-toggle{
    min-height:34px!important;
    padding:0!important;
    gap:8px!important;
    white-space:nowrap!important;
  }
  .language-menu{
    position:absolute!important;
    top:40px!important;
    left:auto!important;
    right:0!important;
    z-index:6000!important;
    min-width:156px!important;
    background:#fff!important;
    box-shadow:0 20px 48px rgba(16,17,19,.18)!important;
  }
  .language.open .language-menu{display:grid!important}
  .nav-links{
    grid-column:1 / -1!important;
    grid-row:2!important;
    order:3!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding:2px 0 4px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .nav-links::-webkit-scrollbar{display:none!important}
  .nav-links a,.platform-trigger{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .nav-links,.platform-menu,.platform-dropdown{z-index:1!important}
  body{padding-top:0!important}
}

@media(max-width:760px){
  .hero{margin-top:0!important}
  .hero-wrap{
    padding-top:44px!important;
  }
}


/* OPX MOBILE NO HEADER OVERLAY FINAL 2026-06-22 */
@media(max-width:760px){
  html,body{scroll-padding-top:0!important}
  body{padding-top:0!important}
  .topbar{
    position:static!important;
    top:auto!important;
    height:auto!important;
    transform:none!important;
  }
  main{
    position:relative!important;
    z-index:1!important;
  }
  .hero{
    margin-top:0!important;
    position:relative!important;
    z-index:1!important;
  }
  .hero-content{
    padding-top:42px!important;
  }
  .hero-wrap{
    padding-top:46px!important;
  }
}


/* OPX MOBILE PLATFORM TAP MENU FIX 2026-06-22 */
@media(max-width:760px){
  .platform-menu{position:relative!important}
  .platform-menu.open .platform-dropdown{
    display:grid!important;
    position:absolute!important;
    top:44px!important;
    left:0!important;
    right:auto!important;
    z-index:5500!important;
    min-width:260px!important;
    background:#fff!important;
    border:1px solid var(--line)!important;
    box-shadow:0 20px 48px rgba(16,17,19,.16)!important;
  }
  .platform-menu.open .platform-trigger{
    color:var(--orange)!important;
  }
}


/* OPX MOBILE PLATFORM DROPDOWN FIXED FINAL 2026-06-22 */
@media(max-width:760px){
  .platform-menu.open .platform-dropdown{
    position:fixed!important;
    top:132px!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    min-width:0!important;
    display:grid!important;
    z-index:7000!important;
    background:#fff!important;
    border:1px solid var(--line)!important;
    box-shadow:0 22px 54px rgba(16,17,19,.18)!important;
    padding:8px!important;
  }
  .platform-menu.open .platform-dropdown a{
    display:block!important;
    padding:12px 14px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    background:#fff!important;
    text-align:left!important;
  }
  .platform-menu.open .platform-dropdown a:last-child{border-bottom:0!important}
}


/* OPX MOBILE PLATFORM DROPDOWN LINKS VISIBLE FINAL 2026-06-22 */
@media(max-width:760px){
  .platform-menu.open .platform-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    overflow:visible!important;
  }
  .platform-menu.open .platform-dropdown a{
    position:relative!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    min-height:0!important;
    width:100%!important;
    color:#101113!important;
    background:#fff!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:760!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    text-decoration:none!important;
    text-align:left!important;
    white-space:normal!important;
    padding:13px 14px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .platform-menu.open .platform-dropdown a:before,
  .platform-menu.open .platform-dropdown a:after{
    display:none!important;
    content:none!important;
  }
  .platform-menu.open .platform-dropdown a:last-child{border-bottom:0!important}
}


/* OPX MOBILE NAV MASK PLATFORM DROPDOWN FIX 2026-06-22 */
@media(max-width:760px){
  .nav-links{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .nav-links:has(.platform-menu.open){
    overflow:visible!important;
  }
}


/* OPX MOBILE PLATFORM BODY PANEL FINAL 2026-06-22 */
@media(max-width:760px){
  .opx-mobile-platform-panel{
    position:fixed!important;
    top:132px!important;
    left:18px!important;
    right:18px!important;
    z-index:9000!important;
    display:grid!important;
    background:#fff!important;
    border:1px solid var(--line)!important;
    box-shadow:0 22px 54px rgba(16,17,19,.18)!important;
    padding:8px!important;
  }
  .opx-mobile-platform-panel a{
    display:block!important;
    color:#101113!important;
    background:#fff!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:760!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    text-decoration:none!important;
    text-align:left!important;
    padding:13px 14px!important;
    border-bottom:1px solid var(--line)!important;
  }
  .opx-mobile-platform-panel a:last-child{border-bottom:0!important}
}


/* OPX MOBILE HEADER FINAL POLISH 2026-06-22 */
@media(max-width:760px){
  .topbar{
    position:sticky!important;
    top:0!important;
    height:auto!important;
    z-index:8000!important;
    overflow:visible!important;
    background:rgba(255,255,255,.985)!important;
    border-bottom:1px solid rgba(16,17,19,.08)!important;
    box-shadow:0 6px 18px rgba(16,17,19,.035)!important;
  }
  .nav{
    position:relative!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:10px!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    padding:16px 18px 12px!important;
    overflow:visible!important;
  }
  .brand{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
  }
  .brand img{
    height:38px!important;
    width:auto!important;
    max-width:190px!important;
  }
  .language{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    z-index:9000!important;
  }
  .language-toggle{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  .nav-links{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 34px 4px 0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .nav-links::-webkit-scrollbar{display:none!important}
  .nav-links a,
  .platform-trigger{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .nav:after{
    content:"›"!important;
    position:absolute!important;
    right:10px!important;
    bottom:17px!important;
    width:18px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#101113!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:420!important;
    background:linear-gradient(90deg,rgba(255,255,255,0),#fff 42%)!important;
    pointer-events:none!important;
    z-index:20!important;
  }
  body{padding-top:0!important}
  main{position:relative!important;z-index:1!important}
  .hero{
    margin-top:0!important;
    position:relative!important;
    z-index:1!important;
  }
  .hero-content{
    padding-top:24px!important;
  }
  .hero-wrap{
    padding-top:26px!important;
  }
  .kicker,
  .eyebrow{
    color:var(--orange)!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.35!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
    font-weight:860!important;
    margin-top:0!important;
    margin-bottom:18px!important;
  }
  .opx-product-logo{
    margin-top:0!important;
    margin-bottom:18px!important;
  }
}


/* OPX MOBILE LANGUAGE AXIS AND PLATFORM UNDERLINE 2026-06-22 */
@media(max-width:760px){
  .nav{
    grid-template-rows:42px auto!important;
    align-items:center!important;
  }
  .brand,
  .language{
    height:42px!important;
    display:flex!important;
    align-items:center!important;
  }
  .brand img{
    height:38px!important;
    display:block!important;
  }
  .language{
    align-self:center!important;
    justify-self:end!important;
    transform:translateY(-2px)!important;
  }
  .language-toggle{
    height:42px!important;
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  .platform-trigger{
    position:relative!important;
    padding-bottom:12px!important;
  }
  .platform-trigger:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:5px!important;
    height:2px!important;
    background:var(--orange)!important;
    opacity:1!important;
    border-radius:999px!important;
    display:block!important;
    pointer-events:none!important;
  }
}


/* OPX MOBILE LANGUAGE AXIS PRECISE 2026-06-22 */
@media(max-width:760px){
  .language{
    transform:translateY(-17px)!important;
  }
  .platform-trigger:before{
    height:1.4px!important;
  }
}


/* Local-review additions only. Existing approved components are not restyled. */
.opx-certificates-link{font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:760;text-decoration:none;position:relative;padding:12px 0}
.opx-certificates-link.active,.opx-certificates-link:hover{color:var(--orange)}
.opx-certificates-link.active:after,.opx-certificates-link:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--orange);opacity:.48;border-radius:999px}
#home,#services,#opx-platform-preview,#projects,#about,#contact{scroll-margin-top:104px}
.pl-review-only[hidden],[data-pl-review-only][hidden]{display:none!important}
.opx-module-grid--seven{grid-template-columns:repeat(8,minmax(0,1fr))}
.opx-teaser#opx-platform-preview{scroll-margin-top:88px}
.opx-teaser#opx-platform-preview .opx-teaser-wrap{grid-template-columns:1fr;gap:42px;align-items:start}
.opx-teaser#opx-platform-preview .opx-module-grid{margin-top:0}
.opx-module-grid--seven .opx-module-card{grid-column:span 2;min-height:252px;overflow:hidden}
.opx-module-grid--seven .opx-module-card:nth-child(n+5){border-top:1px solid var(--line)}
.opx-module-grid--seven .opx-module-card:nth-child(5){grid-column:2 / span 2}
.opx-module-grid--seven .opx-module-card>strong{display:block;min-height:44px}
.opx-module-card--link{position:relative;color:inherit;text-decoration:none;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}
.opx-module-card--link:hover{background:#fff;box-shadow:inset 0 -3px 0 var(--orange)}
.opx-module-card--link:focus-visible{z-index:2;outline:2px solid var(--orange);outline-offset:-3px}
.opx-module-card--link .opx-card-cta{margin-top:auto;color:var(--orange);font-size:12px;font-weight:820;letter-spacing:.055em;text-transform:uppercase}
@media(min-width:901px){.platform-menu{align-self:stretch;display:flex;align-items:center}.platform-dropdown{top:100%!important}.platform-menu:after{position:absolute;top:100%;right:-18px;left:-18px;height:10px;content:""}}
.operionc-offering .section-title{margin-bottom:18px}
.operionc-offering-lead{max-width:790px;margin:0 auto 48px;color:#34383f;font-size:17px;line-height:1.72}
.operionc-offering .service-grid{grid-template-columns:repeat(5,1fr)}
.opx-commercial-model .opx-proof-grid{grid-template-columns:repeat(2,1fr)}
.opx-commercial-model .opx-proof{min-height:230px}
.certificate-pending{padding:72px 0;border-bottom:1px solid var(--line);background:#fff}
.certificate-pending .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:64px;align-items:center;padding-top:0;padding-bottom:0}
.certificate-pending h1{margin:0;font-size:clamp(48px,6vw,86px);font-weight:760;letter-spacing:-.04em;line-height:1.02}
.certificate-pending-card{border:1px solid var(--line);background:#fbfbfc;min-height:210px;padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.certificate-pending-card span{color:#60666e;font-size:clamp(18px,1.65vw,24px);font-weight:820;letter-spacing:.055em;text-transform:uppercase}
.certificate-pending-card strong{color:var(--orange);font-size:clamp(38px,4vw,58px);line-height:1;font-weight:780}
.opx-illustrative-preview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfbfc}
.opx-illustrative-preview .wrap{padding-top:64px;padding-bottom:64px}
.opx-preview-frame{margin:28px 0 0;border:1px solid var(--line);background:#fff;box-shadow:0 18px 44px rgba(16,17,19,.07)}
.opx-preview-frame img{width:100%;height:auto;display:block}
.opx-preview-caption{display:block;padding:14px 18px 0;color:var(--orange);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:820}
.opx-preview-disclaimer{margin:14px 18px 18px!important;font-size:13px!important;line-height:1.55!important;color:#626872!important}
.opx-module-hero-v2{background:#fff!important}
.opx-module-hero-v2 .hero-wrap{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)!important;gap:48px!important;align-items:center!important;padding-top:34px!important;padding-bottom:42px!important}
.opx-module-hero-v2 h1{font-weight:680!important}
.opx-module-hero-v2 .product-actions .btn{padding-right:20px!important;padding-left:20px!important;font-size:10.5px!important;font-weight:660!important;letter-spacing:.025em!important}
.opx-module-hero-preview{position:relative;overflow:hidden;width:100%;align-self:center;margin:0;border:1px solid var(--line);background:#f5f6f7;box-shadow:0 22px 52px rgba(16,17,19,.075)}
.opx-module-hero-preview:before{position:absolute;z-index:2;top:14px;left:14px;border-radius:999px;padding:5px 9px;color:#fff;background:rgba(16,17,19,.62);font-size:9px;font-weight:680;letter-spacing:.045em;text-transform:uppercase;content:"OpX preview"}
.opx-module-hero-preview img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.opx-module-hero-preview figcaption{padding:11px 14px;color:#626872;background:#fff;font-size:12px;line-height:1.5}
.opx-module-summary{background:#fff}
.opx-module-summary .wrap{padding-top:38px!important;padding-bottom:48px!important}
.opx-module-summary-copy{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:48px;align-items:start;margin-bottom:26px}
.opx-module-summary-copy h2{margin:0!important;font-size:clamp(25px,2.15vw,36px)!important;font-weight:620!important;line-height:1.15!important;letter-spacing:-.8px!important}
.opx-module-summary>.wrap>h2{font-weight:620!important}
.opx-module-summary-copy p{max-width:none!important;margin:0!important;font-size:16px!important;line-height:1.65!important;color:#444a52!important}
.opx-intelligence-challenge-lead{max-width:980px;margin:18px 0 0;color:#444a52;font-size:18px;line-height:1.6}
.opx-summary-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:26px 0 0!important;border:1px solid var(--line)!important;background:#fff}
.opx-summary-cell,.opx-summary-row .proof{display:flex!important;min-height:132px!important;flex-direction:column!important;justify-content:flex-start!important;border:0!important;border-right:1px solid var(--line)!important;padding:24px 22px!important}
.opx-summary-cell:last-child,.opx-summary-row .proof:last-child{border-right:0!important}
.opx-summary-row .proof strong{display:block;margin:0 0 12px!important;color:var(--orange)!important;font-size:clamp(20px,2vw,30px)!important;line-height:1.08!important}
.opx-summary-row .proof span{color:#20242a!important;font-size:11.5px!important;font-weight:680!important;letter-spacing:.045em!important;line-height:1.45!important;text-transform:uppercase!important}
.opx-summary-cell strong{display:block;margin:0 0 12px!important;color:#171b20!important;font-size:clamp(17px,1.35vw,21px)!important;font-weight:600!important;letter-spacing:-.012em!important;line-height:1.28!important}
.opx-summary-cell span{color:#4f5660!important;font-size:14px!important;font-weight:430!important;letter-spacing:0!important;line-height:1.6!important;text-transform:none!important}
.opx-deep-lead{max-width:1040px!important;margin-bottom:0!important;font-size:18px!important;line-height:1.72!important}
.opx-value-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.opx-value-grid--three .value-cell{min-height:176px}
@media(max-width:1100px){.opx-module-grid--seven{grid-template-columns:repeat(2,1fr)}.opx-module-grid--seven .opx-module-card{grid-column:auto!important;border-top:0}.opx-module-grid--seven .opx-module-card:nth-child(n+3){border-top:1px solid var(--line)}.operionc-offering .service-grid{grid-template-columns:repeat(2,1fr)}.operionc-offering .service{border-bottom:1px solid var(--line)}.operionc-offering .service:nth-child(even){border-right:0}.operionc-offering .service:last-child{grid-column:1 / -1;border-bottom:0;border-right:0}.certificate-pending .wrap{grid-template-columns:1fr}.opx-module-hero-v2 .hero-wrap{grid-template-columns:1fr!important}.opx-module-hero-preview{width:min(100%,820px)}.opx-module-summary-copy{grid-template-columns:1fr;gap:14px}.opx-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.opx-summary-cell:nth-child(2),.opx-summary-row .proof:nth-child(2){border-right:0!important}.opx-summary-cell:nth-child(-n+2),.opx-summary-row .proof:nth-child(-n+2){border-bottom:1px solid var(--line)!important}.opx-value-grid--three{grid-template-columns:1fr!important}.opx-value-grid--three .value-cell{min-height:0;border-right:0!important;border-bottom:1px solid var(--line)!important}.opx-value-grid--three .value-cell:last-child{border-bottom:0!important}}
@media(max-width:760px){.opx-certificates-link{flex:0 0 auto!important;white-space:nowrap!important}.opx-teaser#opx-platform-preview{scroll-margin-top:0}.opx-module-grid--seven{grid-template-columns:1fr!important}.opx-module-grid--seven .opx-module-card{grid-column:auto!important;min-height:0!important;border-right:0!important;border-top:0!important;border-bottom:1px solid var(--line)!important}.opx-module-grid--seven .opx-module-card:last-child{border-bottom:0!important}.operionc-offering .service-grid,.opx-commercial-model .opx-proof-grid{grid-template-columns:1fr!important}.operionc-offering .service{grid-column:auto!important;border-right:0!important}.opx-commercial-model .opx-proof{min-height:auto}.certificate-pending{padding:48px 0}.certificate-pending .wrap{gap:32px}.certificate-pending h1{font-size:44px}.certificate-pending-card{min-height:170px;padding:26px}.certificate-review-page .footer .wrap{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.opx-illustrative-preview .wrap{padding-top:42px;padding-bottom:42px}.opx-preview-frame{margin-top:22px}.opx-preview-caption{padding:12px 14px 0}.opx-preview-disclaimer{margin:12px 14px 14px!important}.opx-module-hero-v2 .hero-wrap{grid-template-columns:1fr!important;gap:24px!important;padding-top:28px!important;padding-bottom:34px!important}.opx-module-hero-v2 h1{font-size:35px!important;font-weight:660!important;line-height:1.08!important}.opx-module-hero-v2 .product-actions .btn{height:auto!important;min-height:48px!important;padding-top:13px!important;padding-bottom:13px!important;font-size:9.25px!important;line-height:1.3!important;white-space:normal!important}.opx-module-hero-preview{box-shadow:none}.opx-module-hero-preview:before{top:10px;left:10px}.opx-module-summary .wrap{padding-top:30px!important;padding-bottom:38px!important}.opx-module-summary-copy{margin-bottom:20px}.opx-module-summary-copy h2{font-size:26px!important}.opx-summary-row{grid-template-columns:1fr!important;margin-top:20px!important}.opx-summary-cell,.opx-summary-row .proof{min-height:0!important;border-right:0!important;border-bottom:1px solid var(--line)!important;padding:19px 18px!important}.opx-summary-cell:last-child,.opx-summary-row .proof:last-child{border-bottom:0!important}.opx-summary-row .proof strong{font-size:23px!important}.opx-summary-cell strong{font-size:19px!important}}
/* The approved mobile header behavior is reused at the tablet boundary so the new link remains reachable. */
@media(min-width:761px) and (max-width:900px){.topbar{position:sticky!important;top:0!important;height:auto!important;z-index:8000!important;overflow:visible!important;background:rgba(255,255,255,.985)!important;border-bottom:1px solid rgba(16,17,19,.08)!important;box-shadow:0 6px 18px rgba(16,17,19,.035)!important}.nav{position:relative!important;display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:42px auto!important;align-items:center!important;column-gap:12px!important;row-gap:10px!important;width:100%!important;max-width:none!important;height:auto!important;padding:16px 18px 12px!important;overflow:visible!important}.brand{grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:start!important;margin:0!important;height:42px!important;display:flex!important;align-items:center!important}.brand img{height:38px!important;width:auto!important;max-width:190px!important;display:block!important}.language{grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;margin:0!important;height:42px!important;display:flex!important;align-items:center!important;z-index:9000!important;transform:translateY(-17px)!important}.language-toggle{height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0!important;white-space:nowrap!important}.nav-links{grid-column:1 / -1!important;grid-row:2!important;width:100%!important;max-width:100%!important;margin:0!important;padding:2px 34px 4px 0!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-webkit-mask-image:none!important;mask-image:none!important}.nav-links::-webkit-scrollbar{display:none}.nav-links a,.platform-trigger{flex:0 0 auto!important;white-space:nowrap!important}.nav:after{content:"›"!important;position:absolute!important;right:10px!important;bottom:17px!important;width:18px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#101113!important;font-size:28px!important;line-height:1!important;font-weight:420!important;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 42%)!important;pointer-events:none!important;z-index:20!important}body{padding-top:0!important}main{position:relative!important;z-index:1!important}}

/* OperionC V4 — restrained wayfinding icons for module content. */
.opx-module-hero-copy,.opx-module-hero-preview{min-width:0!important}.opx-kicker-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;min-width:0}.opx-kicker-row .kicker{margin:0!important;min-width:0!important;overflow-wrap:anywhere}.opx-section-icon{width:28px;height:28px;stroke:#17181a;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.68;flex:0 0 auto}@media(max-width:760px){html{overflow-x:hidden!important}.opx-kicker-row{gap:10px}.opx-section-icon{width:25px;height:25px}.opx-module-hero-copy>*{max-width:100%!important}}

/* Public pricing footer: the same layout and typography as rev.5 HOME. */
.footer { background:#f7f8f8; color:#101113; border-top:1px solid rgba(16,17,19,.08); }
.footer-grid { max-width:var(--max); margin:0 auto; padding:56px 72px 44px; display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:56px; }
.footer-col { border-right:1px solid rgba(16,17,19,.10); min-height:108px; }
.footer-col:last-child { border-right:0; }
.footer h3 { margin:0 0 10px; font-size:21px; }
.footer p,.footer a { font-size:14px; color:#222; text-decoration:none; }
.footer small { display:block; margin-top:16px; color:#626872; }
.footer .contact-line { margin-top:15px; }
/* Match the approved HOME / OpX palette, including small brand accents. */
.section-label,.pricing-facts small,.pricing-slice__grid small,
.package-grid article > span,.package-grid article > strong small,
.nav-links a.active,.nav-links a:hover,.nav-links button:hover,
.language-menu button:hover,.footer a:hover { color:var(--orange); }
/* Legacy menu states use !important; use the same orange in every state. */
.topbar .nav-links a.active,.topbar .nav-links a:hover,
.topbar .platform-menu:hover .platform-trigger,
.topbar .platform-menu:focus-within .platform-trigger,
.topbar .platform-dropdown a:hover { color:var(--orange)!important; }
.rfq-section .section-label { color:var(--orange); }
/* Public RFQ actions follow HOME's orange, white, uppercase primary button.
   Extra scope outranks the shared chat stylesheet without changing that widget. */
body .pricing-market-bar .direct-rfq,
body .pricing-disclaimer button,body .rfq-intro button {
  background:var(--orange); border:1px solid var(--orange); color:#fff;
  min-height:48px; padding:12px 24px; max-width:100%; white-space:normal;
  font-family:inherit; font-size:12px; font-weight:820; line-height:1.5;
  letter-spacing:.055em; text-transform:uppercase; cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease;
}
body .pricing-market-bar .direct-rfq:hover,
body .pricing-disclaimer button:hover,body .rfq-intro button:hover {
  transform:translateY(-2px); box-shadow:0 16px 36px rgba(255,75,20,.20);
}
body .pricing-market-bar .direct-rfq:focus-visible,
body .pricing-disclaimer button:focus-visible,body .rfq-intro button:focus-visible {
  outline:3px solid var(--text); outline-offset:3px;
}
body .rfq-intro button:focus-visible { outline-color:#fff; }
@media(prefers-reduced-motion:reduce) {
  body .pricing-market-bar .direct-rfq,
  body .pricing-disclaimer button,body .rfq-intro button { transition:none; transform:none; }
}
.section-label,.pricing-facts small,.pricing-slice__grid small,
.pricing-slice__grid span,.package-grid article small,.package-grid article > span,
.rfq-grid small,.rfq-grid b { font-size:12px; }
.benchmark-copy > small { color:#626872; font-size:12px; }
@media(max-width:1100px) { .footer-grid { padding-left:32px; padding-right:32px; } }
@media(max-width:760px) {
  .footer-grid { grid-template-columns:1fr; padding:30px 22px; gap:24px; }
  .footer-col { border-right:0; border-bottom:1px solid var(--line); padding-bottom:22px; min-height:0; }
  .footer-col:last-child { border-bottom:0; }
}