/* Site header menu v3 (2026-11-08): Products / Solutions / Build with us / Company mega-menus.
   Icons per item, hover states, panel motion. Desktop panels, mobile accordion. */
.m-nav .xn-w{display:inline-block}
.m-nav .xn-b{font:inherit;font-size:16px;line-height:normal;color:var(--m-ink-soft,#5C5C56);background:none;border:0;padding:6px 16px 6px 0;margin:0;position:relative;cursor:pointer;white-space:nowrap;transition:color .15s ease}
.m-nav .xn-b:focus:not(:focus-visible){outline:none}
.m-nav .xn-b::before{content:"";position:absolute;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);top:calc(50% - 5px);right:2px;transition:transform .2s ease,top .2s ease}
.m-nav .xn-b[aria-expanded="true"]::before{transform:rotate(-135deg);top:calc(50% - 1px)}
.m-nav .xn-b:hover,.m-nav .xn-b[aria-expanded="true"],.m-nav .xn-cur .xn-b{color:var(--m-ink,#1A1A17)}
.m-nav .xn-b::after{content:"";position:absolute;left:0;right:16px;bottom:-4px;height:2px;background:var(--m-mint,#7CFF9A);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.23,1,.32,1)}
.m-nav .xn-b:hover::after,.m-nav .xn-b[aria-expanded="true"]::after,.m-nav .xn-cur .xn-b::after{transform:scaleX(1)}
.m-nav .xn-chk{font-size:15px;color:var(--m-ink-soft,#5C5C56);text-decoration:none;margin-right:16px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.m-nav .xn-chk:hover{color:var(--m-ink,#1A1A17)}
.m-nav .xn-chk svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.m-nav .m-nav-cta{white-space:nowrap}

/* panel */
.xn-p{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% - 2px);width:min(1160px,calc(100vw - 32px));box-sizing:border-box;background:#FBFAF7;border:1px solid var(--m-hair,#E7E6DD);border-radius:14px;box-shadow:rgba(12,16,14,.22) 0 28px 60px -24px,rgba(12,16,14,.06) 0 2px 6px;padding:22px;display:grid;gap:22px;color:var(--m-ink,#1A1A17);z-index:60;text-align:left}
.xn-p[hidden]{display:none}
.xn-p:not([hidden]){animation:xn-in .24s cubic-bezier(.23,1,.32,1)}
@keyframes xn-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
.xn-p--prod{grid-template-columns:2fr 1fr 1.05fr}
.xn-p--sol{grid-template-columns:2.4fr 1fr}
.xn-p--build{grid-template-columns:1.45fr 1.2fr 1.05fr}
.xn-p--co{grid-template-columns:1fr 1.6fr 1.1fr}
.xn-h{margin:0 0 8px 12px;font-size:12px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--m-ink-faint,#73736C)}
.xn-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.xn-col{border-left:1px solid var(--m-hair,#E7E6DD);padding-left:22px}

/* item */
.xn-p a.xn-i{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:12px;text-decoration:none;color:var(--m-ink,#1A1A17);transition:background .15s ease}
.xn-p:not([hidden]) .xn-i,.xn-p:not([hidden]) .xn-st{animation:xn-it .34s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--i,0) * 26ms + 40ms)}
@keyframes xn-it{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.xn-p a.xn-i:hover,.xn-p a.xn-i:focus-visible{background:#F2F0EA;outline:none}
.xn-ic{flex:0 0 38px;width:38px;height:38px;box-sizing:border-box;border-radius:10px;background:#F2F0EA;border:1px solid var(--m-hair,#E7E6DD);display:flex;align-items:center;justify-content:center;color:var(--m-ink,#1A1A17);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .25s cubic-bezier(.23,1,.32,1)}
.xn-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.xn-i:hover .xn-ic,.xn-i:focus-visible .xn-ic{background:#0C100E;border-color:#0C100E;color:#00FF85;transform:rotate(-5deg) scale(1.06)}
.xn-tx{min-width:0;padding-top:1px}
.xn-tx b{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;line-height:1.3}
.xn-tx b::after{content:"\2192";font-weight:500;color:var(--m-accent-text,#00723D);opacity:0;transform:translateX(-6px);transition:opacity .18s ease,transform .18s ease}
.xn-i:hover .xn-tx b::after,.xn-i:focus-visible .xn-tx b::after{opacity:1;transform:none}
.xn-d{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--m-ink-soft,#5C5C56)}
.xn-p a.xn-i--s{align-items:center;padding:8px 12px}
.xn-i--s .xn-ic{flex-basis:32px;width:32px;height:32px;border-radius:9px}
.xn-i--s .xn-ic svg{width:17px;height:17px}
.xn-i--s .xn-tx{padding-top:0}

/* build-with-us steps */
.xn-st{display:flex;gap:12px;padding:10px 12px;border-radius:12px;transition:background .15s ease}
.xn-st:hover{background:#F2F0EA}
.xn-st em{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:var(--m-accent-text,#00723D);flex:0 0 28px;width:28px;height:28px;border-radius:999px;border:1px solid #BFE8CF;background:#E3F5EA;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}
.xn-st:hover em{background:#00FF85;color:#0C100E;border-color:#00FF85}
.xn-st b{display:block;font-size:16px;font-weight:600}
.xn-st span{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--m-ink-soft,#5C5C56)}
.xn-keep{margin:10px 12px 0;padding:12px 0 0;border-top:1px solid var(--m-hair,#E7E6DD);font-size:14px;line-height:1.6;color:var(--m-ink-soft,#5C5C56)}

/* dark card */
.xn-dark{position:relative;overflow:hidden;background:#0C100E;color:#FBFAF7;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;isolation:isolate}
.xn-dark::before{content:"";position:absolute;z-index:-1;right:-90px;bottom:-110px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,133,.30),rgba(0,255,133,0) 65%);transition:transform .7s cubic-bezier(.23,1,.32,1)}
.xn-dark:hover::before{transform:translate(-40px,-30px) scale(1.15)}
.xn-dark::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(180deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 70%)}
.xn-dark .k{font-size:12px;font-weight:600;letter-spacing:.08em;color:#00FF85}
.xn-dark .t{font-size:24px;line-height:1.15;font-weight:600}
.xn-dark .t i{font-style:normal;color:#00FF85}
.xn-dark .s{color:#C9C7C0;font-size:15px;line-height:1.5}
.xn-tick{display:flex;align-items:center;gap:10px;font:600 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#FBFAF7;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.03)}
.xn-tick span{transition:opacity .25s ease,transform .25s ease;display:inline-block}
.xn-tick .ar{color:#00FF85}
.xn-tick small{margin-left:auto;font:500 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8E8C85;letter-spacing:.04em;text-transform:uppercase;text-align:right}
.xn-tick.sw span:not(.ar){opacity:0;transform:translateY(5px)}
.xn-chips{display:flex;flex-wrap:wrap;gap:6px}
.xn-p .xn-chips a{font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#C9C7C0;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 10px;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease}
.xn-p .xn-chips a:hover{color:#0C100E;background:#00FF85;border-color:#00FF85}
.xn-p .xn-dark a.btn{align-self:flex-start;background:#00FF85;color:#0C100E;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.xn-p .xn-dark a.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px -8px rgba(0,255,133,.75)}
.xn-p .xn-dark a.lnk{color:#00FF85;font-size:14px;font-weight:600;text-decoration:none}
.xn-p .xn-dark a.lnk:hover{text-decoration:underline}

/* blog card */
.xn-p a.xn-card{border:1px solid var(--m-hair,#E7E6DD);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--m-ink,#1A1A17);background:#fff;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.xn-p a.xn-card:hover{border-color:var(--m-ink,#1A1A17);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(12,16,14,.35)}
.xn-card .k{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--m-accent-text,#00723D);text-transform:uppercase}
.xn-card b{font-size:19px;line-height:1.25}
.xn-card .s{color:var(--m-ink-soft,#5C5C56);font-size:14px}
.xn-card .rd{margin-top:auto;font-size:14px;font-weight:600;color:var(--m-accent-text,#00723D)}

@media (max-width:1100px) and (min-width:961px){.m-nav .xn-chk{display:none}}
@media (max-width:960px){
  .m-nav .m-links{max-height:calc(100vh - 72px);overflow-y:auto}
  .m-nav .xn-w{display:block}
  .m-nav .xn-b{display:block;width:100%;text-align:left;padding:14px 16px 14px 0}
  .m-nav .xn-b::after{display:none}
  .m-nav .xn-chk{display:none}
  .xn-p{position:static;transform:none;width:auto;box-shadow:none;border:0;border-radius:0;background:none;padding:0 0 10px 0;display:block}
  .xn-p:not([hidden]){animation:none}
  .xn-p[hidden]{display:none}
  .xn-g{display:block}
  .xn-col{border:0;padding:0}
  .xn-h{margin:12px 0 4px}
  .xn-p a.xn-i{padding:8px 0;align-items:center;gap:12px}
  .xn-ic{flex-basis:32px;width:32px;height:32px}
  .xn-ic svg{width:17px;height:17px}
  .xn-tx b::after{display:none}
  .xn-d,.xn-st,.xn-keep,.xn-dark,.xn-p a.xn-card,.xn-p--build .xn-col{display:none}
}
@media (prefers-reduced-motion:reduce){
  .xn-p:not([hidden]),.xn-p:not([hidden]) .xn-i,.xn-p:not([hidden]) .xn-st{animation:none}
  .m-nav .xn-b::before,.m-nav .xn-b::after,.xn-ic,.xn-tick span,.xn-dark::before{transition:none}
}
/* ---------- v4 (2026-11-08): live preview card, spotlight, sliding indicator, panel switching ---------- */
.xn-js .xn-b::after{display:none}
.xn-ind{position:absolute;left:0;top:0;height:2px;z-index:61;width:0;background:var(--m-mint,#7CFF9A);border-radius:2px;opacity:0;pointer-events:none;transition:transform .34s cubic-bezier(.23,1,.32,1),width .34s cubic-bezier(.23,1,.32,1),opacity .2s ease}
.xn-ind.on{opacity:1}
.xn-hl{position:absolute;left:0;top:0;width:0;height:0;border-radius:12px;background:#F0EEE7;opacity:0;pointer-events:none;z-index:0;transition:transform .28s cubic-bezier(.23,1,.32,1),width .28s cubic-bezier(.23,1,.32,1),height .28s cubic-bezier(.23,1,.32,1),opacity .18s ease}
.xn-hl.on{opacity:1}
.xn-p a.xn-i,.xn-p .xn-st,.xn-p .xn-dark,.xn-p .xn-card,.xn-p .xn-foot{position:relative;z-index:1}
.xn-js .xn-p a.xn-i:hover{background:transparent}
.xn-p.xn-sw:not([hidden]){animation:xn-sl .28s cubic-bezier(.23,1,.32,1)}
@keyframes xn-sl{from{opacity:.35;transform:translate(calc(-50% + var(--dx,0px)),0)}to{opacity:1;transform:translate(-50%,0)}}
.xn-p.xn-sw .xn-i,.xn-p.xn-sw .xn-st{animation:none}
.xn-h i{font-style:normal;color:#A9A79F;margin-left:6px;letter-spacing:0}
.xn-ic{background:linear-gradient(180deg,#FFFFFF,#F3F1EB);box-shadow:0 1px 2px rgba(12,16,14,.06)}
.xn-i:hover .xn-ic,.xn-i:focus-visible .xn-ic{box-shadow:0 8px 18px -8px rgba(0,200,105,.75)}
.xn-pvb{display:flex;flex-direction:column;gap:12px;transition:opacity .11s ease,transform .11s ease}
.xn-pvb.pv-out{opacity:0;transform:translateY(4px)}
.xn-pvb.pv-in{transition:none;opacity:0;transform:translateY(-4px)}
.xn-dark .pv-t{font-size:20px;line-height:1.2}
.xn-pvb .lnk{align-self:flex-start}
.pv-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.pv-grid span{font:500 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;padding:5px 0;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#C9C7C0;animation:pv-wave 1.5s ease both;animation-delay:calc(var(--j,0) * 22ms)}
@keyframes pv-wave{0%{opacity:0;transform:scale(.85)}35%{opacity:1;transform:none;background:rgba(0,255,133,.22);color:#00FF85;border-color:rgba(0,255,133,.5)}100%{opacity:1;background:transparent}}
.pv-wk{display:flex;align-items:center;gap:4px}
.pv-wk em{font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:#8E8C85;width:92px;flex:0 0 92px}
.pv-wk span{flex:1;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;animation:pv-pop .4s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--j,0) * 45ms)}
.pv-wk span.on{background:rgba(0,255,133,.16);border:1px solid rgba(0,255,133,.55);color:#00FF85}
.pv-wk span.off{border:1px dashed rgba(255,255,255,.18);color:#5C5C56}
.pv-wk+.pv-wk{margin-top:-4px}
@keyframes pv-pop{from{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}
.pv-count{display:flex;align-items:center;gap:14px}
.pv-count b{font:600 46px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#00FF85;min-width:64px}
.pv-count span{font-size:13px;line-height:1.45;color:#C9C7C0}
.pv-led{border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:4px 12px;background:rgba(255,255,255,.03)}
.pv-led div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;animation:pv-pop .4s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--j,0) * 70ms)}
.pv-led div span{color:#8E8C85}.pv-led div b{color:#FBFAF7;font-weight:600}
.pv-led small{display:block;padding:7px 0 4px;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#6E6C66}
.pv-api{display:flex;flex-direction:column;align-items:flex-start}
.pv-api span{font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#FBFAF7;border:1px solid rgba(0,255,133,.5);background:rgba(0,255,133,.10);border-radius:999px;padding:8px 12px;animation:pv-pop .4s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--j,0) * 90ms)}
.pv-api i{display:block;width:1px;height:10px;margin-left:18px;background:rgba(0,255,133,.5)}
.pv-chips{display:flex;flex-wrap:wrap;gap:6px}
.pv-chips span{font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#00FF85;border:1px solid rgba(0,255,133,.5);background:rgba(0,255,133,.10);border-radius:999px;padding:7px 10px;animation:pv-pop .4s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--j,0) * 50ms)}
.xn-p a.xn-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-4px -22px -22px;padding:14px 22px 14px 34px;border-top:1px solid var(--m-hair,#E7E6DD);background:#F4F2EC;border-radius:0 0 14px 14px;color:var(--m-ink-soft,#5C5C56);font-size:14px;text-decoration:none;transition:background .15s ease}
.xn-p a.xn-foot b{color:var(--m-ink,#1A1A17);font-weight:600}
.xn-p a.xn-foot span:last-child{color:var(--m-accent-text,#00723D);font-weight:600;transition:transform .2s ease}
.xn-p a.xn-foot:hover{background:#EEEBE3}
.xn-p a.xn-foot:hover span:last-child{transform:translateX(3px)}
@media (max-width:960px){.xn-ind,.xn-hl,.xn-p a.xn-foot{display:none}}
@media (prefers-reduced-motion:reduce){.xn-ind,.xn-hl,.xn-pvb{transition:none}.pv-grid span,.pv-wk span,.pv-led div,.pv-api span,.pv-chips span,.xn-p.xn-sw:not([hidden]){animation:none}}
/* ---------- footer brand + home alignment (2026-11-08) ---------- */
.m-footer .m-ftag{margin:14px 0 0;font-size:16px;line-height:1.45;color:var(--m-ink-soft);max-width:none}
.m-footer .m-fstats{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);gap:12px 28px}
.m-footer .m-fstats li{display:flex;flex-direction:column;gap:3px;font:500 11.5px/1.2 var(--m-mono,ui-monospace,Menlo,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--m-ink-soft)}
.m-footer .m-fstats b{font:600 22px/1 var(--m-mono,ui-monospace,Menlo,monospace);letter-spacing:-.01em;text-transform:none;color:var(--m-ink)}
.m-footer a.m-fmail{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:10px 16px;border-radius:999px;border:1px solid rgba(124,255,154,.35);background:rgba(124,255,154,.06);color:#7CFF9A;font:500 14px/1 var(--m-mono,ui-monospace,Menlo,monospace);text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.m-footer a.m-fmail svg{flex:0 0 16px}
.m-footer a.m-fmail span{transition:transform .2s ease}
.m-footer a.m-fmail:hover{background:rgba(124,255,154,.14);border-color:#7CFF9A;color:#7CFF9A;transform:translateY(-1px)}
.m-footer a.m-fmail:hover span{transform:translateX(3px)}
#hm-dev div:has(> div > h2){align-items:flex-start!important}
#m-quote .qgrid{align-items:stretch!important}
#m-quote .qright{display:flex!important;flex-direction:column}
#m-quote .qright > .dsh{flex:1 1 auto;display:flex;flex-direction:column}
#m-quote .dsh-view{flex:1 1 auto}
#m-quote .dsh-card{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}
@media (prefers-reduced-motion:reduce){.m-footer a.m-fmail,.m-footer a.m-fmail span{transition:none}}
/* ---------- v5 (2026-11-08): header CTA, pair picker, scroll states, spacing ---------- */
.m-nav{transition:border-color .2s ease,background-color .25s ease,box-shadow .25s ease,transform .32s cubic-bezier(.23,1,.32,1)}
.m-nav .m-wrap{transition:height .25s cubic-bezier(.23,1,.32,1)}
.m-nav.xn-sc{background:rgba(251,250,247,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 10px 28px -20px rgba(12,16,14,.4);border-bottom-color:rgba(231,230,221,.6)}
.m-nav.xn-hide{transform:translateY(-100%)}
.m-nav .m-brand{font-size:24px;letter-spacing:-.01em}
.m-nav .xn-b::before{width:5px;height:5px;opacity:.55}
.m-nav .xn-b:hover::before,.m-nav .xn-b[aria-expanded="true"]::before{opacity:1}
.m-nav .xn-cur .xn-b{color:var(--m-ink,#1A1A17)}
.m-nav a.m-nav-cta{background:#7CFF9A!important;color:#0C100E!important;border-color:#7CFF9A!important;box-shadow:none!important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.m-nav a.m-nav-cta:hover{background:#5EF286!important;border-color:#5EF286!important;color:#0C100E!important;transform:translateY(-1px);box-shadow:0 8px 20px -12px rgba(0,168,87,.55)!important}
.m-nav a.m-nav-cta:focus-visible{outline:2px solid #00A857;outline-offset:2px}
@media (min-width:961px){
  .m-nav .m-links{gap:22px}
  .m-nav.xn-sc .m-wrap{height:58px}
}
.xn-pp{position:relative;margin-right:14px;display:inline-flex}
.xn-pp-b{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px 0 11px;border:1px solid var(--m-hair,#E7E6DD);border-radius:999px;background:#fff;font:600 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--m-ink,#1A1A17);white-space:nowrap;transition:border-color .2s ease,box-shadow .2s ease}
.xn-pp-b:hover,.xn-pp-b[aria-expanded="true"]{border-color:#BDBAB0;box-shadow:0 8px 18px -12px rgba(12,16,14,.4)}
.xn-pp-b:focus-visible{outline:2px solid #00A857;outline-offset:2px}
.xn-pp-b svg.s{width:15px;height:15px;fill:none;stroke:var(--m-ink-soft,#5C5C56);stroke-width:1.9;stroke-linecap:round}
.xn-pp-v{display:inline-flex;align-items:center;gap:6px;min-width:84px;transition:opacity .2s ease,transform .2s ease}
.xn-pp-v.sw{opacity:0;transform:translateY(4px)}
.xn-pp-v i{font-style:normal;color:#00A857}
.xn-pp-b .c{width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;margin-left:1px;transition:transform .2s ease}
.xn-pp-b[aria-expanded="true"] .c{transform:rotate(-135deg) translateY(-1px)}
.xn-pp-p{position:absolute;right:0;top:calc(100% + 12px);width:320px;box-sizing:border-box;background:#FBFAF7;border:1px solid var(--m-hair,#E7E6DD);border-radius:14px;box-shadow:rgba(12,16,14,.22) 0 28px 60px -24px,rgba(12,16,14,.06) 0 2px 6px;padding:16px;z-index:62;text-align:left;animation:xn-pp-in .22s cubic-bezier(.23,1,.32,1)}
.xn-pp-p[hidden]{display:none}
@keyframes xn-pp-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.xn-pp-h{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--m-ink-faint,#73736C)}
.xn-pp-s{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}
.xn-pp-s label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--m-ink-faint,#73736C)}
.xn-pp-s select{height:42px;border:1px solid var(--m-hair,#E7E6DD);border-radius:10px;background:#fff;padding:0 10px;font:600 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--m-ink,#1A1A17)}
.xn-pp-s select:focus{outline:none;border-color:#00A857;box-shadow:0 0 0 3px rgba(0,168,87,.15)}
.xn-pp-sw{all:unset;box-sizing:border-box;cursor:pointer;width:36px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--m-hair,#E7E6DD);border-radius:10px;background:#fff;transition:transform .3s ease}
.xn-pp-sw:hover{transform:rotate(180deg)}
.xn-pp-r{margin:10px 0 14px;font:500 12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--m-accent-text,#00723D)}
.xn-pp-p a.xn-pp-go{display:flex;align-items:center;justify-content:center;gap:8px;background:#0C100E;color:#7CFF9A;border-radius:999px;padding:12px;font-weight:600;font-size:14.5px;text-decoration:none;transition:background .2s ease}
.xn-pp-p a.xn-pp-go:hover{background:#1A2620}
.xn-pp-p a.xn-pp-go span{transition:transform .2s ease}
.xn-pp-p a.xn-pp-go:hover span{transform:translateX(3px)}
.xn-pp-p a.xn-pp-go.off{opacity:.45;pointer-events:none}
.xn-pp-p a.xn-pp-q{display:block;text-align:center;margin-top:10px;font-size:13.5px;color:var(--m-ink-soft,#5C5C56);text-decoration:underline;text-underline-offset:3px}
.xn-pp-p a.xn-pp-q:hover{color:var(--m-ink,#1A1A17)}
@media (max-width:1100px){.xn-pp{display:none}}
@media (prefers-reduced-motion:reduce){.m-nav,.m-nav .m-wrap,.xn-pp-v,.xn-pp-p{transition:none;animation:none}}
/* ---------- hiring badge (2026-11-08) ---------- */
.xn-hire,.m-fhire{display:inline-flex;align-items:center;gap:5px;font:600 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 8px 4px 7px;white-space:nowrap}
.xn-hire{color:#00723D;background:#E3F5EA;border:1px solid #BFE8CF;margin-left:2px}
.xn-hire::before,.m-fhire::before{content:"";width:6px;height:6px;border-radius:50%;background:#00C26B;animation:xn-ping 1.8s ease-out infinite}
@keyframes xn-ping{0%{box-shadow:0 0 0 0 rgba(0,194,107,.55)}80%,100%{box-shadow:0 0 0 7px rgba(0,194,107,0)}}
.m-footer a .m-fhire{margin-left:8px;color:#7CFF9A;background:rgba(124,255,154,.08);border:1px solid rgba(124,255,154,.35);vertical-align:2px}
.m-footer a .m-fhire::before{background:#7CFF9A}
@media (prefers-reduced-motion:reduce){.xn-hire::before,.m-fhire::before{animation:none}}
/* ---------- company menu order (2026-11-08) ---------- */
@media (min-width:961px){.xn-p--co{grid-template-columns:1.6fr 1fr 1.1fr}.xn-p--co>.xn-col{order:1;border-left:0;padding-left:0}.xn-p--co>div:not(.xn-col){order:2;border-left:1px solid var(--m-hair,#E7E6DD);padding-left:22px}.xn-p--co>.xn-card{order:3}}
/* ---------- design system v1 (2026-11-09) ---------- */
/* One heading font (Hanken Grotesk 600, display serif retired), one primary button (mint), one secondary (outline), radius 10. */
:root,body,.m-root,body.m-pg{--serif:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif!important}
.m-pg .serif,.m-pg h1,.m-pg h2.sech,.m-pg .sech,.m-pg article h2,.m-pg .post h3,.m-pg .post h3.serif,.ba-hd h1,.m-pg .ba-body .sech,.m-pg .ba-body h2,.ba-rel h2,.ba-cta h2,.bx-card h3,.pf .pf-serif,.m-hd h1{font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:600!important;letter-spacing:-.03em!important}
.m-pg .pull p,.m-ab-lead,.m-ab-q p,.bx-pair b,.bx-word,.bx-dot,.pf .pf-stat .pf-big b{font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:500!important;font-style:normal!important}
.m-head h2 i,.m-cta h2 i,.m-ss-copy h2 i,.m-pc-grid .m-head h2 i,.m-head h1 i,.m-pg .sech i{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important}
.m-pg .hero h1{font-size:clamp(40px,5.2vw,68px)!important;line-height:1.02!important}
.ba-hd h1{font-size:clamp(2.3rem,4.4vw,3.7rem)!important;line-height:1.04!important}
.m-hd h1{font-size:clamp(40px,5.4vw,76px)!important;line-height:1!important}
.ba-cta h2{font-size:clamp(1.9rem,3.2vw,2.8rem)!important}
#m-top h1,#m-top h2{font-weight:600!important;letter-spacing:-.03em!important}
/* primary: mint, dark text */
.m-btn:not(.m-line):not(.m-sm),.m-pg .btn.lg:not(.ghost),.m-btn.pf-g,.fx-cv-go,.dvp,.qcta,.dq-go,.ds-btn{background:#7CFF9A!important;color:#0C100E!important;border:1px solid #7CFF9A!important;border-radius:10px!important;box-shadow:inset 0 0 0 1px rgba(12,16,14,.06)!important;text-decoration:none!important}
.m-btn:not(.m-line):not(.m-sm):hover,.m-pg .btn.lg:not(.ghost):hover,.m-btn.pf-g:hover,.fx-cv-go:hover,.dvp:hover,.qcta:hover,.dq-go:hover,.ds-btn:hover{background:#5EF286!important;border-color:#5EF286!important;color:#0C100E!important}
/* secondary: outline, same radius */
.m-btn.m-line,.m-pg .btn.ghost,.m-btn.m-sm{border-radius:10px!important}
.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;font:600 15px/1 "Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.ds-btn.ds-btn-2{background:transparent!important;border-color:rgba(12,16,14,.22)!important;box-shadow:none!important}
.ds-btn.ds-btn-2:hover{background:rgba(12,16,14,.04)!important;border-color:#0C100E!important}
/* home hero: CTAs under the subline, bigger subline, no hanging bar */
#hm-hero [data-hm="title"]{gap:14px!important}
#hm-hero .sub{font-size:19px!important;line-height:1.5!important;max-width:560px}
#hm-hero .hm-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;animation:hh-fadeup .7s cubic-bezier(.16,1,.3,1) .8s both}
#hm-hero [data-hm="c4"],#hm-hero [data-hm="cube"]{display:none!important}
@media (min-width:761px){#m-h1{font-size:72px!important;line-height:.98!important}}
@media (prefers-reduced-motion:reduce){#hm-hero .hm-ctas{animation:none}}
/* ---------- /design system v1 ---------- */
/* ---------- blog pair widget (2026-11-09) ---------- */
.bw{margin:40px 0;padding:24px 24px 22px;border:1px solid #DCE5DF;border-radius:16px;background:linear-gradient(180deg,#F3FBF6,#FFFFFF 70%);font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;color:#0C100E}
aside.bw p.bw-k{margin:0!important;font:600 12px/1.4 "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#00713F!important}
aside.bw p.bw-t{margin:6px 0 18px!important;font-size:22px!important;line-height:1.25!important;font-weight:600;letter-spacing:-.02em;color:#0C100E}
.bw-row{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px;align-items:end}
.bw-row label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#4A544F}
.bw-row select{appearance:none;-webkit-appearance:none;width:100%;height:48px;padding:0 36px 0 14px;border:1px solid #C9D3CD;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230C100E' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;font:600 17px/1 "Hanken Grotesk",system-ui,sans-serif;color:#0C100E;cursor:pointer}
.bw-row select:focus-visible,.bw-sw:focus-visible{outline:2px solid #00A857;outline-offset:2px}
.bw-sw{height:48px;border:1px solid #C9D3CD;border-radius:10px;background:#fff;font-size:18px;color:#0C100E;cursor:pointer}
.bw-sw:hover{border-color:#0C100E}
aside.bw p.bw-res{margin:16px 0 18px!important;font-size:16px!important;line-height:1.5!important;color:#3A443F}
.bw .bw-res b{color:#0C100E;font-weight:600}
.bw-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.bw .bw-go{height:48px;padding:0 22px}
.bw .bw-go[aria-disabled="true"]{opacity:.5}
.bw .bw-all{font-size:14px;color:#00713F;text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){.bw{padding:20px 16px 18px;margin:32px 0}aside.bw p.bw-t{font-size:20px!important}.bw .bw-go{width:100%}}
/* mobile guard: no sideways page scroll (partners route dots overflowed at 390px) */
html{overflow-x:clip}
@media (max-width:760px){.pf .pf-rv{overflow-x:clip}}
/* ---------- /blog pair widget ---------- */
/* ---------- anchor offset (2026-11-09) ---------- */
html{scroll-padding-top:76px}
/* ---------- quote form one step (2026-11-09) ---------- */
#m-demo .q1{display:flex;flex-direction:column;gap:18px}
#m-demo .dq [hidden]{display:none!important}
#m-demo .q1-k{margin:0;font:600 12px/1.4 "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#7CFF9A}
#m-demo .q1 .dq-step[data-step="1"]{gap:14px}
#m-demo .q1-pair{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:10px;align-items:end}
#m-demo .q1-sw{height:48px;border-radius:12px;border:1px solid #2A332E;background:#0C100E;color:#EEF2EF;font-size:18px;cursor:pointer}
#m-demo .q1-sw:hover{border-color:#7CFF9A}
#m-demo .q1-go{width:100%;justify-content:center;height:54px;margin-top:4px}
#m-demo .q1-note{margin:0;font-size:12.5px;line-height:1.5;color:#85918A}
#m-demo .q1-tr{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:16px;border-top:1px solid #1F2723;font-size:13.5px;color:#C9D1CC}
#m-demo .q1-tr-i{display:inline-flex;align-items:center;gap:8px;color:#C9D1CC;text-decoration:none}
#m-demo a.q1-tr-i:hover{color:#7CFF9A}
#m-demo .q1-dot{width:7px;height:7px;border-radius:50%;background:#7CFF9A;box-shadow:0 0 0 3px rgba(124,255,154,.18)}
#m-demo .q1-li{width:18px;height:18px;border-radius:4px;background:#0A66C2;color:#fff;font:700 11px/18px Arial,sans-serif;text-align:center}
#m-demo .q1 .dq-fine{border-top:0;padding-top:0}
/* ---------- /quote form one step ---------- */
/* ---------- quote form label fix (2026-11-09) ---------- */
#m-demo .q1 .dq-f{display:block}#m-demo .q1 .dq-f input,#m-demo .q1 .dq-f select,#m-demo .q1 .dq-f textarea{display:block;margin-top:6px}#m-demo .q1 .dq-f .dq-opt{margin-left:6px}
/* ---------- licensing block (2026-11-09) ---------- */
#licences{position:relative;overflow:hidden;background:#0C100E;color:#EEF2EF;padding:96px 0;font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
#licences:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 100% 100%,rgba(30,122,71,.55),rgba(11,61,36,0) 70%),radial-gradient(40% 50% at 0% 0%,rgba(30,122,71,.18),rgba(11,61,36,0) 70%);pointer-events:none}
#licences .lic-w{position:relative;max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
#licences .lic-k{margin:0;font:600 12px/1.4 "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#7CFF9A}
#licences h2.lic-h{margin:14px 0 16px;font-size:44px;line-height:1.05;font-weight:600;letter-spacing:-.03em;color:#fff;font-family:inherit}
#licences .lic-p{margin:0;font-size:17px;line-height:1.6;color:#AEB8B2;max-width:440px}
#licences .lic-card{background:rgba(21,27,24,.86);backdrop-filter:blur(12px);border:1px solid #2A332E;border-radius:22px;padding:8px 26px}
#licences .lic-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid #1F2723}
#licences .lic-row:last-child{border-bottom:0}
#licences .lic-cc{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:#7CFF9A}
#licences .lic-cc:before{content:"";width:7px;height:7px;border-radius:50%;background:#7CFF9A;box-shadow:0 0 0 3px rgba(124,255,154,.16)}
#licences .lic-row b{display:block;font-size:17px;font-weight:600;color:#fff}
#licences .lic-reg{display:block;margin-top:3px;font-size:14px;color:#85918A}
#licences .lic-j{font-style:normal;font-size:13px;color:#AEB8B2;text-align:right}
@media (max-width:860px){#licences{padding:64px 0}#licences .lic-w{grid-template-columns:1fr;gap:32px;padding:0 16px}#licences h2.lic-h{font-size:34px}#licences .lic-j{display:none}#licences .lic-card{padding:4px 18px}}
/* ---------- /licensing block ---------- */
/* ---------- products menu, simpler (2026-11-09) ---------- */
@media (min-width:961px){.xn-p--prod{grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important}.xn-p--prod>.xn-pv{display:none!important}.xn-p--prod .xn-col .xn-d{display:none!important}.xn-p--prod .xn-col a.xn-i{padding-top:10px;padding-bottom:10px}}
/* ---------- mega-menu action cards (2026-11-09) ---------- */
@media (min-width:961px){
.xn-p--prod{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.05fr)!important}
.xn-p--prod>.xn-pv{display:flex!important}
.xn-p--co>.xn-pv{order:3;border-left:0!important;padding-left:24px!important}
.xn-p--co .xn-col .xn-d{display:none!important}
.xn-p--co .xn-col a.xn-i{padding-top:10px;padding-bottom:10px}
.xn-p{background-image:radial-gradient(560px 340px at 100% 100%,rgba(30,122,71,.10),rgba(30,122,71,0) 72%)}
.xn-pv .xn-pvb .s{display:block;margin-top:10px;font-size:14px;line-height:1.5;color:#AEB8B2}
.xn-pv .xn-pvb .lnk{display:none!important}
.xn-pv .xn-pvb .t i{font-style:normal;color:#7CFF9A}
}
/* ---------- /mega-menu action cards ---------- */
/* ---------- action card kicker case (2026-11-09) ---------- */
.xn-pv .xn-pvb .k{text-transform:uppercase}
/* ---------- mega-menu footer line (2026-11-09) ---------- */
@media (min-width:961px){
.xn-p--prod{grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important}
.xn-p--sol{grid-template-columns:minmax(0,1fr)!important}
.xn-p--build{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important}
.xn-p--co{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important}
.xn-p{background-image:none!important}
.xn-p>.xn-pv{grid-column:1/-1!important;order:9!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px;min-height:0!important;height:auto!important;margin-top:8px;padding:16px 4px 2px!important;background:none!important;box-shadow:none!important;border:0!important;border-top:1px solid #E4E8E5!important;border-radius:0!important;color:#0C100E}
.xn-p>.xn-pv:before,.xn-p>.xn-pv:after{display:none!important}
.xn-pv .xn-pvb{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:14px;min-width:0;flex:1}
.xn-pv .xn-pvb .k{display:inline!important;flex:none;margin:0!important;font:600 11px/1.4 "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.1em;text-transform:uppercase;color:#00713F!important}
.xn-pv .xn-pvb .t{display:block!important;margin:0!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14.5px!important;line-height:1.4!important;font-weight:400!important;letter-spacing:0!important;color:#3A443F!important}
.xn-pv .xn-pvb .t i{color:#3A443F!important}
.xn-pv .xn-pvb .s,.xn-pv .xn-pvb .lnk,.xn-pv .pv-grid,.xn-pv .pv-wk,.xn-pv .pv-led,.xn-pv .pv-api,.xn-pv .pv-chips,.xn-pv .pv-count,.xn-pv .xn-tick{display:none!important}
.xn-pv .btn{flex:none;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#00713F!important;font-weight:600!important;font-size:14.5px!important;text-decoration:none!important}
.xn-pv .btn:after{content:" \2192"}
.xn-pv .btn:hover{color:#0C100E!important;background:none!important}
}
/* ---------- /mega-menu footer line ---------- */
/* ---------- mega-menu green side (2026-11-10) ---------- */
@media (min-width:961px){
.xn-p.xn-p{--sw:310px;--pd:18px;--g:16px;padding:var(--pd)!important;column-gap:var(--g)!important;row-gap:10px!important}
.xn-p.xn-p:before{content:"";position:absolute;top:0;right:0;bottom:0;width:calc(var(--sw) + var(--g) + var(--pd));border-radius:0 14px 14px 0;background:radial-gradient(420px 300px at 100% 100%,rgba(46,160,96,.45),rgba(12,16,14,0) 70%),radial-gradient(260px 200px at 0% 0%,rgba(30,122,71,.18),rgba(12,16,14,0) 70%),#0E1612;pointer-events:none;z-index:0}
.xn-p.xn-p>*{position:relative;z-index:1}
.xn-p.xn-p>.xn-hl{position:absolute;z-index:0}
.xn-p.xn-p a.xn-i{padding-top:7px;padding-bottom:7px}
.xn-p--co .xn-col a.xn-i{white-space:nowrap}
.xn-p--prod.xn-p--prod,.xn-p--build.xn-p--build{grid-template-columns:minmax(0,1fr) var(--sw)!important;grid-template-rows:auto 1fr}
.xn-p--build.xn-p--build{--sw:320px}
.xn-p--prod>div:not(.xn-col):not(.xn-pv),.xn-p--build>div:not(.xn-col):not(.xn-pv){grid-column:1;grid-row:1/3}
.xn-p--prod>.xn-col,.xn-p--build>.xn-col{grid-column:2;grid-row:1;border:0!important;padding-left:0!important}
.xn-p--sol.xn-p--sol{grid-template-columns:minmax(0,1fr) var(--sw)!important}
.xn-p--sol>div:not(.xn-pv){grid-column:1}
.xn-p--co.xn-p--co{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) var(--sw)!important}
.xn-p.xn-p>.xn-pv{grid-column:-2/-1!important;grid-row:2!important;order:0!important;align-self:end;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:0;margin:0!important;padding:0 0 0 9px!important;border:0!important;background:none!important;min-height:0!important}
.xn-p--sol.xn-p--sol>.xn-pv,.xn-p--co.xn-p--co>.xn-pv{grid-row:1/3!important;align-self:stretch;justify-content:space-between!important;padding-top:4px!important}
.xn-p.xn-p .xn-pv .xn-pvb{display:block!important}
.xn-p.xn-p .xn-pv .xn-pvb .k{display:block!important;color:#7CFF9A!important}
.xn-p.xn-p .xn-pv .xn-pvb .t{white-space:normal!important;overflow:visible!important;margin-top:8px!important;font-size:20px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.02em!important;color:#fff!important}
.xn-p.xn-p .xn-pv .xn-pvb .t i{color:#7CFF9A!important}
.xn-p.xn-p .xn-pv .xn-pvb .s{display:block!important;margin-top:6px;font-size:14px;line-height:1.5;color:#AEB8B2}
.xn-p--build.xn-p--build>.xn-pv .xn-pvb .s,.xn-p--build .xn-keep{display:none!important}
.xn-p.xn-p .xn-pv .btn{margin-top:14px!important;padding:0 18px!important;height:42px!important;display:inline-flex!important;align-items:center;border-radius:10px!important;background:#7CFF9A!important;color:#0C100E!important;font-size:14px!important;font-weight:600!important}
.xn-p.xn-p .xn-pv .btn:after{content:""!important}
.xn-p.xn-p .xn-pv .btn:hover{background:#5EF286!important;color:#0C100E!important}
.xn-p--prod>.xn-col .xn-h,.xn-p--build>.xn-col .xn-h{color:#7CFF9A!important}
.xn-p--prod>.xn-col *,.xn-p--build>.xn-col *{color:#EEF2EF}
.xn-p--prod>.xn-col .xn-d,.xn-p--build>.xn-col .xn-d,.xn-p--build>.xn-col p,.xn-p--build>.xn-col span:not(.xn-ic){color:#AEB8B2!important}
.xn-p--prod>.xn-col .xn-ic,.xn-p--build>.xn-col .xn-ic,.xn-p--build>.xn-col em{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#DDE5E0!important;box-shadow:none!important}
.xn-p--build>.xn-col b,.xn-p--prod>.xn-col b{color:#fff!important}
}
@media (min-width:1220px){
.xn-p--build.xn-p--build{width:820px;margin-left:170px}
.xn-p--prod.xn-p--prod{width:980px;margin-left:90px}
.xn-p--sol.xn-p--sol{width:1040px;margin-left:60px}
.xn-p--co.xn-p--co{width:1000px;margin-left:80px}
}
/* ---------- /mega-menu green side ---------- */
/* ---------- no header pair link (2026-11-13) ---------- */
.xn-chk{display:none!important}