/* Spectra Compunet website */
:root{
--ink:#0F1B33; --navy:#1F406D; --navy2:#2D5590; --sky:#62C4F7; --wash:#EEF4FB; --wash2:#E8F6FE; --mint:#EAF7F1; --line:#E3EAF3; --muted:#5D6B80; --soft:#F7F9FC; --bg:#FFFFFF; --ok:#1E7A55; --teal:#0E5E81;
--display:'Space Grotesk', 'Segoe UI', Arial, sans-serif;
color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1440px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{text-wrap:balance}
h2.sec{margin:0;font-size:clamp(32px,4.2vw,47px);line-height:1.1;font-weight:700;letter-spacing:-0.96px;text-align:center}
.btn{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:12px 22px;font:inherit;font-size:14px;font-weight:500;text-decoration:none;border:0;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,64,109,.18)}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
.btn-p{background:var(--navy);color:#FFFFFF}
.btn-s{background:#F1F4F9;color:var(--ink)}
.muted{color:var(--muted)}
section{position:relative}
.pad{padding-block:96px}
/* header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.navrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.navl{display:flex;align-items:center;gap:36px}




.navr{display:flex;align-items:center;gap:14px}
.menu-btn{display:none;background:#F1F4F9;border:0;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;cursor:pointer}

/* page views */
.view[hidden]{display:none!important}
/* hero */
.hero{overflow:hidden;background:radial-gradient(circle at 1px 1px,#E4EBF4 1px,transparent 0) 0 0/22px 22px}
.hero .inner{position:relative;max-width:1000px;margin:0 auto;padding-block:96px 112px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.hero h1{margin:0;font-size:clamp(46px,8vw,96px);line-height:1.08;font-weight:500;letter-spacing:-2.1px}
.hero p.lead{margin:0;font-size:16px;line-height:1.6;color:var(--muted);max-width:480px}
.logoswap{position:relative;height:44px;width:min(620px,100%)}
.logoswap > div{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,26px);flex-wrap:nowrap}
.logoswap img{flex:0 1 auto;min-width:0;width:auto;max-width:18%;height:auto!important;max-height:32px;object-fit:contain}
.setA{animation:swapA 8s ease-in-out infinite}.setB{animation:swapB 8s ease-in-out infinite;opacity:0}
@keyframes swapA{0%,42%{opacity:1;transform:none}50%,92%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
@keyframes swapB{0%,42%{opacity:0;transform:translateY(8px)}50%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(8px)}}
.circuit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cur{position:absolute;display:flex;align-items:flex-start;gap:2px;animation:drift 9s ease-in-out infinite;pointer-events:none}
.cur span{font-size:12px;font-weight:600;color:#FFFFFF;padding:5px 10px;border-radius:999px;margin-top:12px}
@keyframes drift{0%,100%{transform:translate(0,0)}33%{transform:translate(14px,-10px)}66%{transform:translate(-8px,8px)}}
@media (max-width:700px){.cur{display:none}}
.rise{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* steps */
.steps{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr) minmax(0,.85fr);gap:20px;width:100%;align-items:end}
@media (max-width:900px){.steps{grid-template-columns:1fr}}
.stepcol{display:flex;flex-direction:column;gap:18px;min-width:0}
.stage{position:relative;height:300px;border-radius:20px;padding:22px;overflow:hidden}
.stepinfo{display:flex;gap:12px}
.num{flex:0 0 26px;height:26px;border-radius:99px;background:var(--navy);color:#FFFFFF;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.stepinfo b{font-size:16px;font-weight:600}.stepinfo p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:30ch;animation:type 6s steps(30) infinite}
@keyframes type{0%,8%{max-width:0}45%,88%{max-width:30ch}100%{max-width:0}}
.flow{stroke-dasharray:5 6;animation:flow 1.2s linear infinite}
@keyframes flow{to{stroke-dashoffset:-22}}
.seq{animation:seq 6s ease infinite}
@keyframes seq{0%,10%{opacity:0;transform:translateY(8px)}18%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.whitebox{background:#FFFFFF;border-radius:14px;box-shadow:0 8px 20px rgba(31,64,109,.08)}
.bar{display:block;height:8px;background:#E6ECF4;border-radius:4px}
/* band */
.band{background:var(--navy)}
.band .wrap{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding-block:22px}
.band b{color:#FFFFFF;font-size:17px;font-weight:600}
.bandswap{position:relative;width:min(520px,100%);height:48px}
.bandswap > div{position:absolute;inset:0;display:flex;gap:10px;align-items:center;justify-content:center}
.bandA{animation:swapA 7s ease-in-out infinite}.bandB{animation:swapB 7s ease-in-out infinite;opacity:0}
.bandtile{flex:1 1 0;max-width:96px;height:44px;background:#FFFFFF;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:6px}
.bandtile img{max-width:100%;object-fit:contain}
.band .bandwrap{flex-wrap:nowrap;justify-content:flex-start;gap:32px}.band .bandwrap b{flex:0 0 auto;max-width:260px;line-height:1.3}.bandmq{flex:1 1 auto;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.bandtrack{gap:14px;animation-duration:38s}.bandtrack .mtile{width:150px;height:64px;padding:10px 14px}@media (max-width:760px){.band .bandwrap{flex-direction:column;align-items:stretch;gap:16px}.band .bandwrap b{max-width:none;text-align:center}}


/* bento v2 */
.ap.s5{animation:ap5 8s ease infinite}@keyframes ap5{0%,5%{opacity:0;transform:translateY(6px)}10%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s5{animation:ax5 8s ease infinite;transform-origin:left}@keyframes ax5{0%,5%{transform:scaleX(0)}10%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s6{animation:ap6 8s ease infinite}@keyframes ap6{0%,6%{opacity:0;transform:translateY(6px)}11%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s6{animation:ax6 8s ease infinite;transform-origin:left}@keyframes ax6{0%,6%{transform:scaleX(0)}11%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s9{animation:ap9 8s ease infinite}@keyframes ap9{0%,9%{opacity:0;transform:translateY(6px)}14%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s9{animation:ax9 8s ease infinite;transform-origin:left}@keyframes ax9{0%,9%{transform:scaleX(0)}14%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s12{animation:ap12 8s ease infinite}@keyframes ap12{0%,12%{opacity:0;transform:translateY(6px)}17%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s12{animation:ax12 8s ease infinite;transform-origin:left}@keyframes ax12{0%,12%{transform:scaleX(0)}17%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s13{animation:ap13 8s ease infinite}@keyframes ap13{0%,13%{opacity:0;transform:translateY(6px)}18%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s13{animation:ax13 8s ease infinite;transform-origin:left}@keyframes ax13{0%,13%{transform:scaleX(0)}18%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s18{animation:ap18 8s ease infinite}@keyframes ap18{0%,18%{opacity:0;transform:translateY(6px)}23%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s18{animation:ax18 8s ease infinite;transform-origin:left}@keyframes ax18{0%,18%{transform:scaleX(0)}23%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s20{animation:ap20 8s ease infinite}@keyframes ap20{0%,20%{opacity:0;transform:translateY(6px)}25%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s20{animation:ax20 8s ease infinite;transform-origin:left}@keyframes ax20{0%,20%{transform:scaleX(0)}25%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s30{animation:ap30 8s ease infinite}@keyframes ap30{0%,30%{opacity:0;transform:translateY(6px)}35%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s30{animation:ax30 8s ease infinite;transform-origin:left}@keyframes ax30{0%,30%{transform:scaleX(0)}35%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s38{animation:ap38 8s ease infinite}@keyframes ap38{0%,38%{opacity:0;transform:translateY(6px)}43%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s38{animation:ax38 8s ease infinite;transform-origin:left}@keyframes ax38{0%,38%{transform:scaleX(0)}43%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s40{animation:ap40 8s ease infinite}@keyframes ap40{0%,40%{opacity:0;transform:translateY(6px)}45%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s40{animation:ax40 8s ease infinite;transform-origin:left}@keyframes ax40{0%,40%{transform:scaleX(0)}45%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s46{animation:ap46 8s ease infinite}@keyframes ap46{0%,46%{opacity:0;transform:translateY(6px)}51%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s46{animation:ax46 8s ease infinite;transform-origin:left}@keyframes ax46{0%,46%{transform:scaleX(0)}51%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s52{animation:ap52 8s ease infinite}@keyframes ap52{0%,52%{opacity:0;transform:translateY(6px)}57%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s52{animation:ax52 8s ease infinite;transform-origin:left}@keyframes ax52{0%,52%{transform:scaleX(0)}57%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s54{animation:ap54 8s ease infinite}@keyframes ap54{0%,54%{opacity:0;transform:translateY(6px)}59%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s54{animation:ax54 8s ease infinite;transform-origin:left}@keyframes ax54{0%,54%{transform:scaleX(0)}59%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.ap.s64{animation:ap64 8s ease infinite}@keyframes ap64{0%,64%{opacity:0;transform:translateY(6px)}69%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(6px)}}.ax.s64{animation:ax64 8s ease infinite;transform-origin:left}@keyframes ax64{0%,64%{transform:scaleX(0)}69%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}.lit.l8{animation:lt8 8s ease infinite}@keyframes lt8{0%,8%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}13%,92%{background:var(--navy);color:#FFFFFF;box-shadow:0 6px 14px rgba(31,64,109,.18)}97%,100%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}}.lit.l10{animation:lt10 8s ease infinite}@keyframes lt10{0%,10%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}15%,92%{background:var(--navy);color:#FFFFFF;box-shadow:0 6px 14px rgba(31,64,109,.18)}97%,100%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}}.lit.l24{animation:lt24 8s ease infinite}@keyframes lt24{0%,24%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}29%,92%{background:var(--navy);color:#FFFFFF;box-shadow:0 6px 14px rgba(31,64,109,.18)}97%,100%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}}.lit.l30{animation:lt30 8s ease infinite}@keyframes lt30{0%,30%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}35%,92%{background:var(--navy);color:#FFFFFF;box-shadow:0 6px 14px rgba(31,64,109,.18)}97%,100%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}}.lit.l40{animation:lt40 8s ease infinite}@keyframes lt40{0%,40%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}45%,92%{background:var(--navy);color:#FFFFFF;box-shadow:0 6px 14px rgba(31,64,109,.18)}97%,100%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}}.lit.l50{animation:lt50 8s ease infinite}@keyframes lt50{0%,50%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}55%,92%{background:var(--navy);color:#FFFFFF;box-shadow:0 6px 14px rgba(31,64,109,.18)}97%,100%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}}.lit.l70{animation:lt70 8s ease infinite}@keyframes lt70{0%,70%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}75%,92%{background:var(--navy);color:#FFFFFF;box-shadow:0 6px 14px rgba(31,64,109,.18)}97%,100%{background:#FFFFFF;color:var(--muted);box-shadow:inset 0 0 0 1px #D3E1F1}}
.inv{border:1px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;gap:7px}
.invh{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}
.invt{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:var(--soft);margin:2px 0}
.invt .qr{width:44px;height:44px;flex:0 0 44px;background:#FFFFFF;padding:3px;border-radius:6px;shape-rendering:crispEdges}
.invt small{display:block;font-size:11px;color:var(--muted)}.invt b{font-size:20px;letter-spacing:-.3px;color:var(--ink)}
.invt em{font-style:normal;font-size:10px;font-weight:600;color:var(--muted);background:#FFFFFF;border:1px solid var(--line);padding:2px 6px;border-radius:99px;margin-left:8px;vertical-align:3px}
.chk{display:flex;justify-content:space-between;font-size:13px;padding:6px 10px;border-radius:8px;background:var(--mint)}.chk b{color:var(--ok)}
.chk.wa{background:var(--wash2)}.chk.wa b{color:var(--navy)}
.gstr{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:600;color:var(--navy);background:#FFFFFF;border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-top:-6px}
.gstr span{display:flex;align-items:center;gap:6px}.gstr i{width:8px;height:8px;border-radius:99px;background:#F2B544}.gstr i.ok{background:var(--ok)}
.cm{display:flex;align-items:center;justify-content:center;gap:0;height:124px}
.phone{position:relative;flex:0 0 66px;height:120px;border-radius:16px;background:#FFFFFF;border:3px solid var(--navy);display:flex;flex-direction:column;padding:16px 8px 8px;gap:4px;box-shadow:0 10px 24px rgba(31,64,109,.15)}
.phone .notch{position:absolute;top:5px;left:50%;width:18px;height:4px;margin-left:-9px;border-radius:4px;background:var(--navy)}
.phone small{font-size:9px;font-weight:600;color:var(--muted)}
.pbars{flex:1;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line)}
.pbars i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:var(--sky);transform-origin:bottom;animation:pbar 4s ease infinite}.pbars i:last-child{background:var(--navy)}
@keyframes pbar{0%{transform:scaleY(.15)}30%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.link{position:relative;flex:0 1 90px;min-width:40px;height:10px}
.link svg{position:absolute;inset:0;width:100%;height:100%}.link line{stroke:#62C4F7;stroke-width:2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;animation:flow 1.2s linear infinite}
.link .dot{position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:99px;background:var(--navy);animation:lk 2.4s ease-in-out infinite}.link .d2{animation-delay:1.2s;animation-direction:reverse;background:var(--sky)}
@keyframes lk{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
.cloudc{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#FFFFFF;border-radius:14px;padding:12px 14px;box-shadow:0 10px 24px rgba(31,64,109,.12)}
.cloudc b{font-size:13px;color:var(--ink)}
.sync{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--ok);background:var(--mint);padding:3px 8px;border-radius:99px}
.sync i{width:6px;height:6px;border-radius:99px;background:var(--ok);animation:blink 1.6s ease infinite}
@keyframes blink{50%{opacity:.25}}
.cus{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:10px;align-items:center}
.rep{border:1px solid var(--line);padding:10px 12px;font-size:12px}
.reph{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--navy);margin-bottom:8px}
.reph em{font-style:normal;font-size:10px;background:var(--navy);color:#FFFFFF;padding:2px 7px;border-radius:99px}
.rg{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:6px 8px;align-items:center}.rg b{font-size:11px;color:var(--muted);font-weight:600}
.mb{position:relative;display:flex;align-items:center;gap:6px;font-weight:600;color:var(--navy)}
.mb .fillx{display:block;height:6px;width:var(--w);border-radius:3px;background:var(--sky)}
.fillx{transform-origin:left;animation:fx 8s ease infinite}
@keyframes fx{0%,25%{transform:scaleX(0)}35%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}
.fmt{border:1px solid var(--line);padding:8px 7px;height:84px;display:flex;flex-direction:column;gap:5px;transform:rotate(3deg)}
.fmt .bar{height:5px}.fmt small{margin-top:auto;font-size:9px;font-weight:600;color:var(--muted);line-height:1.1}
.erp{position:relative;height:124px}
.erp .sweep{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%)}
.erp .arc{stroke-dasharray:100;animation:arc 8s linear infinite}
@keyframes arc{0%{stroke-dashoffset:100}80%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
.erpc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px;padding:8px 10px}
.mod{position:absolute;font-size:12px;font-weight:600;padding:6px 11px;border-radius:99px;background:var(--navy);color:#FFFFFF;white-space:nowrap}
.hr{display:flex;flex-direction:column;gap:12px}
.hflow{display:flex;align-items:center;gap:0}
.hs{flex:0 0 auto;font-size:12px;font-weight:600;padding:7px 11px;border-radius:99px;background:var(--navy);color:#FFFFFF}
.hc{position:relative;flex:1 1 14px;min-width:10px;height:2px;background:#D3E1F1}
.hc .fillx{position:absolute;inset:0;width:100%;background:var(--navy)}
@keyframes hc1{0%,10%{transform:scaleX(0)}22%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}
@keyframes hc2{0%,26%{transform:scaleX(0)}38%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}
.slip{border:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;gap:12px;font-size:12px}
.slip b{color:var(--ink)}.slip em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:var(--ok);background:var(--mint);padding:4px 8px;border-radius:99px;white-space:nowrap}
@media (max-width:420px){.mod{font-size:11px;padding:5px 9px}.erp .sweep{width:96px;height:96px}.hs{font-size:11px;padding:6px 8px}.slip em{display:none}}

/* m365 card */
.mail{border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:7px;position:relative}
.mailh{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}
.mrow{display:flex;gap:10px;align-items:center;font-size:12px;padding:6px 8px;border-radius:8px;background:var(--soft)}
.mrow i{flex:0 0 26px;height:26px;border-radius:99px;background:var(--navy);color:#fff;font-style:normal;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.mrow i.t{background:#5B5FC7}
.mrow span{display:flex;flex-direction:column;min-width:0}.mrow b{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrow small{font-size:10px;color:var(--muted)}
.shield{position:absolute;right:10px;top:8px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--ok);background:var(--mint);padding:3px 8px;border-radius:99px}
.mail .mailh span{visibility:hidden}
/* outpace banner */
.opb{gap:28px;align-items:center}
.opl{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;align-items:flex-start}
.optag{font-size:12px;font-weight:600;background:rgba(255,255,255,.14);padding:5px 10px;border-radius:999px}
.oph{margin:0;font-size:34px;font-weight:600;letter-spacing:-.6px;line-height:1.1;color:#fff}
.opd{margin:0;font-size:14px;color:#C9DCEF;line-height:1.55;max-width:440px}
.opbtn{background:var(--sky);color:var(--navy);font-weight:600;padding:10px 18px}
.opr{flex:1.1;display:flex;flex-direction:column;gap:10px;min-width:0}
.opflow{display:flex;align-items:center}
.ops{flex:0 0 auto;font-size:11.5px;font-weight:600;padding:6px 10px;border-radius:99px;background:var(--sky);color:var(--navy)}
.opr .lit{animation-name:none}
.opr .lit.l8{animation:olt8 8s ease infinite}.opr .lit.l24{animation:olt24 8s ease infinite}.opr .lit.l40{animation:olt40 8s ease infinite}.opr .lit.l56{animation:olt56 8s ease infinite}
@keyframes olt8{0%,8%{background:rgba(255,255,255,.12);color:#C9DCEF}13%,92%{background:var(--sky);color:var(--navy)}97%,100%{background:rgba(255,255,255,.12);color:#C9DCEF}}@keyframes olt24{0%,24%{background:rgba(255,255,255,.12);color:#C9DCEF}29%,92%{background:var(--sky);color:var(--navy)}97%,100%{background:rgba(255,255,255,.12);color:#C9DCEF}}@keyframes olt40{0%,40%{background:rgba(255,255,255,.12);color:#C9DCEF}45%,92%{background:var(--sky);color:var(--navy)}97%,100%{background:rgba(255,255,255,.12);color:#C9DCEF}}@keyframes olt56{0%,56%{background:rgba(255,255,255,.12);color:#C9DCEF}61%,92%{background:var(--sky);color:var(--navy)}97%,100%{background:rgba(255,255,255,.12);color:#C9DCEF}}@keyframes oc1{0%,10%{transform:scaleX(0)}22%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}@keyframes oc2{0%,26%{transform:scaleX(0)}38%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}@keyframes oc3{0%,42%{transform:scaleX(0)}54%,92%{transform:scaleX(1)}97%,100%{transform:scaleX(0)}}
.opc{position:relative;flex:1 1 10px;min-width:8px;height:2px;background:rgba(255,255,255,.18)}.opc .fillx{position:absolute;inset:0;background:var(--sky)}
.opmsg{font-size:13px;line-height:1.45;background:#fff;color:var(--ink);padding:10px 12px;border-radius:12px 12px 12px 4px;max-width:88%}
.opmsg small{display:block;font-size:10.5px;font-weight:600;color:var(--muted);margin-bottom:2px}
.opmsg.rp{align-self:flex-end;background:rgba(255,255,255,.1);color:#fff;border:1px dashed rgba(159,216,248,.6);border-radius:12px 12px 4px 12px}.opmsg.rp small{color:#9FD8F8}
@media (max-width:900px){.opb{flex-direction:column;align-items:stretch}.ops{font-size:10.5px;padding:5px 8px}}
.ap.s10{animation:ap10 8s ease infinite}@keyframes ap10{0%,10%{opacity:0;transform:translateY(6px)}15%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
.ap.s16{animation:ap16 8s ease infinite}@keyframes ap16{0%,16%{opacity:0;transform:translateY(6px)}21%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
.lit.l56{animation:lt56 8s ease infinite}
/* AMC visual */
.amc{display:flex;justify-content:center}
.amcc{border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:340px;font-size:13px}
.amch{display:flex;justify-content:space-between;align-items:center}.amch em{font-style:normal;font-size:11px;font-weight:600;color:#9A6400;background:#FDF3DF;padding:3px 8px;border-radius:99px}
.amcl{display:flex;justify-content:space-between;padding:7px 10px;border-radius:8px;background:var(--soft)}.amcl b{font-weight:600}
.amcb{font-size:12px;font-weight:600;color:var(--ok);background:var(--mint);padding:7px 10px;border-radius:8px;text-align:center}
/* solutions page */
.solprow{margin-top:10px}
.jumpbar{position:sticky;top:64px;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-block:1px solid var(--line)}
.jumpbar .wrap{display:flex;gap:6px;overflow-x:auto;padding-block:10px;scrollbar-width:none}.jumpbar .wrap::-webkit-scrollbar{display:none}
.jp{flex:0 0 auto;font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;padding:7px 12px;border-radius:99px;background:var(--soft)}
.jp:hover{background:var(--navy);color:#fff}
.solsec,#sol-editions,#sol-faq{scroll-margin-top:110px}
.solsec .solgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:72px;border-bottom:1px solid var(--line)}
.solsec.rev .soltext{order:2}
.soltext{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.solic{width:44px;height:44px;border-radius:12px;background:var(--wash);color:var(--navy);display:flex;align-items:center;justify-content:center}.solic svg{width:22px;height:22px}
.soltext h2{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:600;letter-spacing:-.8px;line-height:1.1}
.sollead{margin:0;font-size:17px;color:var(--ink)}
.solwho{margin:0;font-size:14px;color:var(--muted);background:var(--soft);border-radius:10px;padding:10px 12px}.solwho b{color:var(--navy)}
.tk{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.tk li{position:relative;padding-left:28px}.tk li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:99px;background:var(--mint);color:var(--ok);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.solcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.solvis{min-height:340px;justify-content:center;padding:32px}
.solvis.tallv{min-height:520px}
.soled{background:var(--soft)}
.edgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ed{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ed b{font-size:17px;font-weight:600}
.edtag{font-size:11px;font-weight:600;color:var(--navy);background:var(--wash);padding:3px 9px;border-radius:99px}
.ed p{margin:0;font-size:14px;color:var(--muted);flex:1}.edp{font-size:13px;font-weight:600}.edp small{display:block;font-weight:500;color:#B46A00;font-size:10.5px}
.proc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:p}
.pc{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:18px;background:linear-gradient(180deg,#F3F7FC,#E3EDF8)}
.pc span{font-size:13px;font-weight:700;color:var(--sky)}.pc b{font-size:18px;font-weight:600}.pc p{margin:0;font-size:14px;color:var(--muted)}
.faqw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.solfaq{display:flex;flex-direction:column;gap:10px}
.fq{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 18px}
.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-weight:600;font-size:15px}.fq summary::-webkit-details-marker{display:none}
.fq summary span{color:var(--navy);font-size:20px;line-height:1;transition:transform .2s}.fq[open] summary span{transform:rotate(45deg)}
.fq p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.6}
.solend{min-height:0!important;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:36px}
@media (max-width:980px){.solsec .solgrid{grid-template-columns:1fr;gap:28px;padding-block:52px}.solsec.rev .soltext{order:0}.edgrid,.proc{grid-template-columns:repeat(2,minmax(0,1fr))}.faqw{grid-template-columns:1fr;gap:20px}.solvis.tallv{min-height:0}}
@media (max-width:560px){.edgrid,.proc{grid-template-columns:1fr}.solvis{padding:20px;min-height:0}.jumpbar{top:56px}}

/* offices + world map */
.offhead{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.offhead p{margin:0}
.wmap{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 62% 45%,#2D5590 0%,#1F406D 55%,#17325A 100%);aspect-ratio:1000/560}
.wm{position:absolute;inset:0;width:100%;height:100%}
.wm .d{fill:#9FD8F8;opacity:.28}.wm .d.h{opacity:.75;fill:#CFEBFC}
.warc{stroke:#62C4F7;stroke-width:2.5;stroke-dasharray:6 7;animation:flow 1.4s linear infinite;filter:drop-shadow(0 0 6px rgba(98,196,247,.8))}
.pin .pc{fill:#FFFFFF;stroke:#62C4F7;stroke-width:3}
.pin .pr{fill:none;stroke:#62C4F7;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pring 2.6s ease-out infinite}.pin .p2{animation-delay:1.3s}
@keyframes pring{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.wlab{position:absolute;display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.96);border-radius:12px;padding:9px 13px;box-shadow:0 10px 28px rgba(0,0,0,.25);font-size:12px;color:var(--muted);white-space:nowrap}
.wlab b{font-size:15px;color:var(--ink);font-weight:600}.wlab .clock{font-size:12px;font-weight:700;color:var(--navy)}
.wstat{position:absolute;left:20px;bottom:18px;display:flex;gap:8px;flex-wrap:wrap}
.wstat span{font-size:12px;color:#C9DCEF;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:6px 11px;border-radius:99px}.wstat b{color:#fff;font-weight:600}
.offgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ofc{display:flex;flex-direction:column;gap:10px}
.ofch{display:flex;justify-content:space-between;align-items:center}
.oflag{font-size:11px;font-weight:700;color:var(--navy);border:1px solid var(--line);border-radius:6px;padding:3px 7px;letter-spacing:.06em}
.ofn{font-size:24px;font-weight:600}.ofa{margin:0;font-size:14px;color:var(--muted);line-height:1.55}
.ofl{display:flex;flex-direction:column;gap:4px}.ofl a{color:var(--ink);font-weight:600;text-decoration:none;font-size:15px}.ofl a+a{font-weight:500;color:var(--navy);font-size:14px}
.ofb{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
@media (max-width:900px){.offgrid{grid-template-columns:1fr}.wstat{display:none}}
@media (max-width:640px){.wlab{display:none}.wmap{border-radius:18px}}

/* gate B pages */
.indsec{scroll-margin-top:110px}
.indsec .wrap{padding-block:18px}
.indcard{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:32px;padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#F5F8FC)}
.indt{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.indt h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-.5px}.indt p{margin:0;color:var(--muted);font-size:15px}.indt .btn{margin-top:auto}
.px{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.px li{position:relative;padding-left:22px}.px li:before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;border-radius:99px;background:#F2B544}
.stk{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.stk span{font-size:12px;font-weight:600;color:var(--navy);background:var(--wash);padding:6px 10px;border-radius:99px}
.iq{margin:0;padding:14px 16px;border-radius:14px;background:#FFFFFF;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.iq blockquote{margin:0;font-size:14px;line-height:1.55;color:var(--ink)}.iq figcaption{display:flex;gap:10px;align-items:center;font-size:12px}.iq figcaption img{height:28px;max-width:70px;object-fit:contain}
.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tcard{display:flex;flex-direction:column;gap:8px}.tcard b{font-size:17px;font-weight:600}.tcard p{margin:0;color:var(--muted);font-size:14px}
.rsec{scroll-margin-top:110px}
.rgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rtile{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.rtile b{font-size:17px;font-weight:600}.rtile p{margin:0;color:var(--muted);font-size:14px;flex:1}
.topics{display:flex;flex-wrap:wrap;gap:8px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.supgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.supmain{min-height:0;flex-direction:column!important;gap:14px;justify-content:center!important;padding:36px;align-items:flex-start!important;text-align:left}
.supside{display:flex;flex-direction:column;gap:12px}.sups b{font-size:16px;font-weight:600}.sups p{margin:4px 0 0;color:var(--muted);font-size:14px}
.evgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.evgrid figure{margin:0;border-radius:18px;overflow:hidden;position:relative;aspect-ratio:4/3}
.evgrid img{width:100%;height:100%;object-fit:cover;display:block}.evgrid figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px}
.careers{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:32px}
.svgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.svc{display:flex;flex-direction:column;gap:10px}.svc b{font-size:18px;font-weight:600}.svc .tk{font-size:14px}
.flgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flw{display:flex;flex-direction:column;gap:12px}.flw b{font-size:17px;font-weight:600}
.fsteps{display:flex;flex-direction:column;gap:0;position:relative}
.fs{position:relative;display:flex;gap:10px;align-items:center;font-size:14px;padding:7px 0}.fs i{flex:0 0 24px;height:24px;border-radius:99px;background:var(--wash);color:var(--navy);font-style:normal;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}
.fs:not(:last-child):after{content:"";position:absolute;left:11px;top:31px;height:14px;width:2px;background:#D3E1F1}
.fs:last-child i{background:var(--ok);color:#fff}
.flw .fs i{animation:fsl 6s ease infinite}.flw .fs:nth-child(2) i{animation-delay:.8s}.flw .fs:nth-child(3) i{animation-delay:1.6s}.flw .fs:nth-child(4) i{animation:none}
@keyframes fsl{0%,10%{background:var(--wash);color:var(--navy)}18%,70%{background:var(--navy);color:#fff}85%,100%{background:var(--wash);color:var(--navy)}}
.guard{display:flex;gap:10px;flex-wrap:wrap}.guard span{font-size:13px;font-weight:600;color:var(--ok);background:var(--mint);padding:8px 12px;border-radius:99px}
.vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.val{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;background:linear-gradient(180deg,#F3F7FC,#E3EDF8)}.val b{font-size:18px;font-weight:600}.val p{margin:0;color:var(--muted);font-size:14px}
.staygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stay{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:18px;border:1px solid var(--line)}.stay b{font-size:16px;font-weight:600}.stay span{font-size:24px;font-weight:600;color:var(--navy);letter-spacing:-.4px}
.qcgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qc{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;transition:transform .2s}.qc:hover{transform:translateY(-3px)}.qc b{font-size:17px;font-weight:600}.qc p{margin:0;color:var(--muted);font-size:14px}
#demoForm{scroll-margin-top:110px}
@media (max-width:980px){.indcard{grid-template-columns:1fr;gap:20px;padding:24px}.indt .btn{margin-top:4px}.tgrid,.rgrid,.svgrid,.staygrid{grid-template-columns:repeat(2,minmax(0,1fr))}.supgrid,.flgrid,.vals,.qcgrid,.evgrid{grid-template-columns:1fr}}
@media (max-width:560px){.tgrid,.rgrid,.svgrid,.staygrid{grid-template-columns:1fr}.careers{padding:24px}}

/* gate 2 */
.menu-btn{color:var(--navy)!important;background:var(--wash)!important;font-weight:600!important;align-items:center;gap:8px;min-height:44px;padding:10px 14px!important;border:1px solid #D9E3EF!important}.menu-btn .hb{position:relative;width:18px;height:14px;display:inline-block}.menu-btn .hb i{position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:var(--navy);transition:transform .25s,opacity .2s,top .25s}.menu-btn .hb i:nth-child(1){top:0}.menu-btn .hb i:nth-child(2){top:6px}.menu-btn .hb i:nth-child(3){top:12px}.menu-btn[aria-expanded=true]{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}.menu-btn[aria-expanded=true] .hb i{background:#fff}.menu-btn[aria-expanded=true] .hb i:nth-child(1){top:6px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] .hb i:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] .hb i:nth-child(3){top:6px;transform:rotate(-45deg)}
.picon{display:inline-flex;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.phero .picon{margin-bottom:4px}.phero .wrap:hover .picon,.ddall:hover .picon{transform:translateY(-3px) rotate(-4deg)}
.ddall{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 0 8px;border-radius:12px;background:var(--wash);text-decoration:none;color:var(--ink)}.ddall>span:not(.picon){display:flex;flex-direction:column;flex:1}.ddall .picon{flex:0 0 auto}.ddall b{font-size:14px;font-weight:600}.ddall small{font-size:12px;color:var(--muted)}.ddall i{font-style:normal;color:var(--navy)}
.bfeat{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .25s}.bfeat:hover{box-shadow:0 18px 40px rgba(15,35,70,.1)}
.bfeat .bimg{aspect-ratio:16/9}.bft{display:flex;flex-direction:column;gap:12px;padding:32px;justify-content:center}.bft b{font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.15}.bft p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.bimg{display:block;overflow:hidden;background:var(--wash)}.bimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.bfeat:hover .bimg img,.bcard:hover .bimg img{transform:scale(1.04)}
.bmeta{display:flex;gap:10px;align-items:center}.bmeta em{font-style:normal;font-size:11px;font-weight:600;color:var(--navy);background:var(--wash);padding:3px 9px;border-radius:99px}.bmeta small{font-size:12px;color:var(--muted)}
.bfilters{display:flex;gap:8px;flex-wrap:wrap}.bf{font:inherit;font-size:13px;font-weight:500;border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 13px;border-radius:99px;cursor:pointer}.bf.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bcard{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;padding-bottom:18px;transition:transform .25s,box-shadow .25s}.bcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,35,70,.1)}
.bcard .bimg{aspect-ratio:16/9}.bcard>.bmeta,.bcard>b,.bcard>p,.bcard>.bread{margin:0 18px}.bcard b{font-size:17px;font-weight:600;line-height:1.3}.bcard p{color:var(--muted);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bread{font-size:13px;font-weight:600;color:var(--navy);margin-top:auto!important}
.bmore{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.bmore b{font-size:18px;font-weight:600}.bmore p{margin:4px 0 0;color:var(--muted);font-size:14px}
.bmodal{position:fixed;inset:0;z-index:60;background:rgba(15,27,51,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.bmodal[hidden]{display:none}
.bmbox{position:relative;width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.bmbox>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.bmx{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:99px;border:0;background:rgba(255,255,255,.95);font-size:22px;cursor:pointer;color:var(--ink)}
.bmin{padding:24px 28px 26px;display:flex;flex-direction:column;gap:10px}.bmin h2{margin:0;font-size:26px;font-weight:600;letter-spacing:-.4px;line-height:1.2}.bmex{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.bmh{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px}.bmcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.bmnote{margin:4px 0 0;font-size:11.5px;color:var(--muted)}
#sol-addons{scroll-margin-top:110px}.cggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cg{display:flex;flex-direction:column;gap:12px}.cgh{display:flex;align-items:center;gap:10px}.cgh b{font-size:17px;font-weight:600}
.cg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cg li{display:flex;flex-direction:column;padding:9px 0;border-top:1px solid var(--line)}.cg li b{font-size:14px;font-weight:600}.cg li span{font-size:13px;color:var(--muted)}
.r72{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.r72a{min-height:0;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:14px;padding:32px}
.tk72{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;color:#E3EEF9;font-size:14px}.tk72 li{position:relative;padding-left:24px}.tk72 li:before{content:"✓";position:absolute;left:0;color:var(--sky);font-weight:700}
.r72b{display:flex;flex-direction:column;gap:18px}.upg b,.dls b{font-size:17px;font-weight:600}.upgl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.upgl span{font-size:12px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}.upgl p{margin:3px 0 0;font-size:13px;color:var(--muted);line-height:1.45}
.dls ul{list-style:none;margin:10px 0 6px;padding:0}.dls li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.sup2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#F3F7FC,#E3EDF8);border:1px solid var(--line)}
.supph{position:relative;min-height:460px}.supph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.sch{position:absolute;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:9px 13px;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.sch.c1{left:18px;top:22px;background:#fff;color:var(--navy);animation:ap10 8s ease infinite}.sch.c1 i{width:8px;height:8px;border-radius:99px;background:var(--ok);animation:blink 1.6s ease infinite}
.sch.c2{right:18px;bottom:46px;background:var(--navy);color:#fff;animation:ap40 8s ease infinite}
.supnote{position:absolute;left:12px;bottom:10px;font-size:10px;color:#fff;opacity:.8;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.suptx{display:flex;flex-direction:column;gap:14px;padding:40px;justify-content:center}.suptx h2{margin:0;font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.7px;line-height:1.1}.suptx p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.supb{display:flex;gap:10px;flex-wrap:wrap}.supt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}.supt div{background:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.supt b{font-size:14px;font-weight:600}.supt span{font-size:12.5px;color:var(--muted);line-height:1.4}
@keyframes ap40{0%,40%{opacity:0;transform:translateY(6px)}45%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@media (max-width:980px){.bfeat,.r72,.sup2{grid-template-columns:1fr}.bgrid,.cggrid{grid-template-columns:repeat(2,minmax(0,1fr))}.supph{min-height:360px}.suptx{padding:28px}}
@media (max-width:620px){.bgrid,.cggrid,.supt,.upgl{grid-template-columns:1fr}.bft{padding:22px}.bft b{font-size:22px}.bmin{padding:20px}}

/* phase 1 */
@media (min-width:1100px){.wrap{padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px)}}
.prow{gap:clamp(10px,2vw,22px)!important}.prow img{box-sizing:content-box;width:132px!important;height:40px!important;object-fit:contain;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 16px rgba(31,64,109,.06)}@media (max-width:640px){.prow img{width:92px!important;height:28px!important;padding:9px 10px}}
.pbar{position:fixed;left:0;right:0;top:calc(var(--hh,68px) - 1px);z-index:19;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 24px -18px rgba(15,27,51,.35);transform:translateY(-8px);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s .3s;pointer-events:none}.pbon header.top{border-bottom-color:transparent;background:#fff}.pbar.show{transform:none;opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease;pointer-events:auto}.pbar .wrap{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,40px);padding-block:8px}.pbar span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.pbar img{width:96px;height:26px;object-fit:contain}@media (max-width:640px){.pbar span{display:none}.pbar .wrap{gap:8px;justify-content:space-between;padding-block:6px}.pbar img{width:56px;height:18px}}
.hubtile img{width:64px!important;height:22px;object-fit:contain}
.steps .stepcol:nth-child(2) .stage{height:400px}.steps .stepcol:nth-child(2) .hubtile{transform:translate(-50%,-50%) scale(1.12)}.steps .stepcol:nth-child(2) .stepinfo b{font-size:19px}@media (max-width:900px){.steps{grid-template-columns:1fr}.steps .stepcol:nth-child(2) .stage{height:340px}}
.appr{display:flex;flex-direction:column;gap:10px}.aprh{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}.ap1{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 6px 16px rgba(31,64,109,.06)}.ap1 i{flex:0 0 28px;height:28px;border-radius:99px;background:var(--wash);color:var(--navy);font-style:normal;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.ap1 span{display:flex;flex-direction:column}.ap1 b{font-size:13.5px}.ap1 small{font-size:11.5px;color:var(--muted)}.ap1 i{animation:apl 6s ease infinite}.ac1 i{animation-delay:1s}.ac2 i{animation-delay:2s}@keyframes apl{0%,8%{background:var(--wash);color:var(--navy)}15%,70%{background:#F59421;color:#fff}85%,100%{background:var(--wash);color:var(--navy)}}
.newsrow{width:100%;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:10px 14px;overflow:hidden}.nwh{flex:0 0 auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--navy)}.nwh i{width:8px;height:8px;border-radius:99px;background:#F59421;animation:blink 1.6s ease infinite}.nwt{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.nwtr{display:flex;gap:28px;width:max-content;animation:marq 40s linear infinite}.nwt:hover .nwtr{animation-play-state:paused}.nwtr a{white-space:nowrap;font-size:13.5px;color:var(--ink);text-decoration:none}.nwtr em{font-style:normal;font-weight:700;color:#C46A00;margin-right:6px}
.ddic,.solic{border:0!important}
.rsub{position:relative}.rsub .amc{font:inherit;background:none;border:0;cursor:pointer;color:var(--navy);font-weight:600}.rsubp{position:absolute;right:0;top:calc(100% + 10px);width:240px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(15,27,51,.14);padding:12px;display:none;flex-direction:column;gap:4px;z-index:60}.rsub.open .rsubp{display:flex}.rsubp b{font-size:12px;color:var(--muted);padding:2px 8px 6px}.rsubp a{display:flex;flex-direction:column;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}.rsubp a:hover{background:var(--wash)}.rsubp small{font-weight:500;color:var(--muted);font-size:12px}
.ddcols.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}#dd-sol{width:min(980px,92vw)}#dd-ind .ddcols{grid-template-columns:repeat(3,minmax(0,1fr))}#dd-ind{width:min(1040px,94vw)}@media (max-width:980px){.ddcols.three,#dd-ind .ddcols{grid-template-columns:1fr}#dd-sol,#dd-ind{width:auto}}

/* phase 2 */
.pgview .pghero{padding:clamp(40px,6vw,84px) 0 clamp(28px,4vw,48px);background:radial-gradient(1200px 400px at 80% 0,#EEF4FB,transparent)}
.pghg{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,64px);align-items:center}
.pgtx{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.pgtx h1,.mdh h1{font-family:var(--display);font-size:clamp(34px,4.4vw,60px);line-height:1.04;margin:0;letter-spacing:-.02em;color:var(--ink)}
.pgview .lead{font-size:clamp(16px,1.3vw,19px);color:var(--muted);margin:0;max-width:640px}.pglogo{width:auto;max-width:220px;object-fit:contain}
.pgvis{position:relative;min-height:340px;align-items:center;justify-content:center}.pgring{position:absolute;inset:0;width:100%;height:100%}.pgring ellipse{fill:none;stroke:#C9DCF0;stroke-width:1.5;stroke-dasharray:4 7;animation:dash 18s linear infinite}
@keyframes dash{to{stroke-dashoffset:-220}}
.pgcore{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 30px;border-radius:18px;box-shadow:0 18px 40px -18px rgba(15,27,51,.25)}.pgcore img{height:40px;max-width:170px;object-fit:contain}.pgcore small{color:var(--muted);font-size:12px}
.pgch{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:0 8px 20px -12px rgba(15,27,51,.3);animation:bob 5s ease-in-out infinite}
.pgch.c0{left:6%;top:14%}.pgch.c1{right:6%;top:18%;animation-delay:-1.2s}.pgch.c2{left:9%;bottom:16%;animation-delay:-2.4s}.pgch.c3{right:8%;bottom:12%;animation-delay:-3.6s}
@keyframes bob{50%{transform:translateY(-6px)}}
.ptabs{position:sticky;top:66px;z-index:15;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-block:1px solid var(--line)}.ptabs .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:8px}
.ptabs a{white-space:nowrap;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}.ptabs a:hover,.ptabs a.on{background:var(--wash);color:var(--navy)}
.pgsec{scroll-margin-top:130px}.pgsec.alt{background:var(--soft)}.pgsec>.wrap{display:flex;flex-direction:column;gap:26px}.pghd .muted{margin:6px 0 0;max-width:640px}
.ftgrid{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:14px}.ft{display:flex;flex-direction:column;gap:8px;padding:20px}.ft b{font-size:16px;color:var(--ink)}.ft span{font-size:14px;color:var(--muted)}
.mdgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.mdc{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}.mdc:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(15,27,51,.3)}.mdc b{font-size:18px;color:var(--ink)}.mdc span{color:var(--muted);font-size:14px}.mdc em{font-style:normal;color:var(--navy);font-weight:600;font-size:14px;margin-top:auto}
.pgchips{display:flex;flex-wrap:wrap;gap:8px}.pgchips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;color:var(--ink)}
.pgqa{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,3vw,48px);align-items:start}.pgqa>div{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.pgfaq{display:flex;flex-direction:column;gap:10px;width:100%}.pgfaq details{padding:16px 20px}.pgfaq summary{cursor:pointer;font-weight:600;color:var(--ink)}.pgfaq p{margin:10px 0 0;color:var(--muted)}
.pgq{margin:0}.pgview .chip{align-self:flex-start;font-size:13px;border:1px solid var(--line)}.pgvis{min-height:380px}.pgqph{border-style:dashed;opacity:.8}
.cfmk{display:inline-block;background:#FFF4D6;color:#8A5A00;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}
.draftnote{margin:0;font-size:12px;color:#8A5A00}
.pgcta{background:var(--navy);color:#fff;padding:clamp(36px,5vw,64px) 0}.pgcta .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.pgcta h2{font-family:var(--display);margin:0;font-size:clamp(26px,3vw,40px)}.pgcta p{margin:6px 0 0;opacity:.8}
.pgctab{display:flex;gap:10px;flex-wrap:wrap}.btn-w{background:#fff;color:var(--navy)}.btn-o{border:1px solid rgba(255,255,255,.5);color:#fff;background:transparent}
.mdh .wrap{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.flowcard{width:100%;justify-content:center;margin-top:14px;padding:clamp(20px,3vw,40px);min-height:0}
.pflow{display:flex;align-items:flex-start;width:100%}.fn{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}
.fni{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--bg);color:var(--fg);border:2px solid transparent;animation:lit 6s infinite;animation-delay:calc(var(--i) * 1s)}
.fn b{font-size:15px;color:var(--ink)}.fn small{font-size:12px;color:var(--muted)}
@keyframes lit{0%,100%{transform:none;box-shadow:none;border-color:transparent}6%,14%{transform:scale(1.1);border-color:var(--fg);box-shadow:0 10px 24px -10px var(--fg)}20%{transform:none}}
.fl{flex:0 0 clamp(20px,4vw,56px);height:2px;margin-top:32px;background:repeating-linear-gradient(90deg,#9DB8D6 0 6px,transparent 6px 11px);position:relative}
.fl i{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#E8710A;box-shadow:0 0 0 4px rgba(232,113,10,.15);opacity:0;animation:trav 6s infinite;animation-delay:calc(var(--i) * 1s - .5s)}
@keyframes trav{0%{left:0;opacity:0}2%{opacity:1}10%{left:calc(100% - 10px);opacity:1}12%,100%{opacity:0;left:calc(100% - 10px)}}
.mdsplit{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pbx{background:#FFF8F1;border-color:#F6DEC4}.pbx p{margin:8px 0 0;font-size:17px;color:var(--ink)}.gbx .tk{margin:8px 0 0}
.shotph{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-style:dashed;color:var(--muted);background:repeating-linear-gradient(135deg,#FAFCFE 0 12px,#F3F7FB 12px 24px)}
.sgvis{min-height:0;justify-content:center!important;padding:clamp(18px,2.5vw,32px);justify-content:center}.sgh .solic{width:52px;height:52px;border-radius:14px}
.paingrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.pain{display:flex;flex-direction:column;gap:8px}.pain b{color:var(--ink)}.pain span{color:var(--muted);font-size:14px}
.missing{margin:0;padding:16px 20px;border-left:4px solid #E8710A;background:#FFF8F1;border-radius:0 12px 12px 0}
.fixgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fix{position:relative;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;transition:transform .25s}.fix:hover{transform:translateY(-3px)}.fxn{font-family:var(--display);font-size:28px;color:#C9DCF0;font-weight:700}.fix b{font-size:17px;color:var(--ink)}.fix span{color:var(--muted);font-size:14px}.fix em{position:absolute;right:20px;top:20px;font-style:normal;color:var(--navy);font-weight:700}
.entgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:18px}.ent{grid-column:span 2;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:transform .25s}.ent.big{grid-column:span 3}.ent:hover{transform:translateY(-3px)}.ent img{height:34px;width:auto;max-width:150px;object-fit:contain;align-self:flex-start}.ent span{color:var(--muted);font-size:14px}.ent b{color:var(--ink)}.ent em{font-style:normal;color:var(--navy);font-weight:600;font-size:14px;margin-top:auto}
[data-view=industries] .entgrid{grid-template-columns:repeat(4,minmax(0,1fr))}[data-view=industries] .ent{grid-column:auto}
@media (max-width:900px){.ftgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pghg,.pgqa,.mdsplit{grid-template-columns:1fr}.fixgrid{grid-template-columns:1fr}.entgrid,[data-view=industries] .entgrid{grid-template-columns:1fr 1fr}.ent,.ent.big{grid-column:auto}.pgvis{min-height:260px}}
@media (max-width:640px){.pflow{flex-direction:column;align-items:stretch}.fn{flex-direction:row;text-align:left;gap:12px}.fn b{display:block}.fni{width:48px;height:48px;flex:0 0 48px}.fn>b,.fn>small{align-self:center}
.fn{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:0}.fni{grid-row:span 2}.fn b{align-self:end}.fn small{align-self:start}
.fl{flex:0 0 22px;width:2px;height:22px;margin:4px 0 4px 23px;background:repeating-linear-gradient(180deg,#9DB8D6 0 5px,transparent 5px 9px)}.fl i{display:none}
.pgch{font-size:12px;padding:6px 10px}.entgrid,[data-view=industries] .entgrid,.ftgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.fni,.fl i,.pgch,.pgring ellipse{animation:none}}


/* gate 1 pages */
.bsearch{display:flex;gap:14px;align-items:center;margin-top:18px;flex-wrap:wrap}.bsearch input{flex:1 1 320px;max-width:520px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font:inherit;font-size:15px;background:#fff}
.bfilters{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.bf2{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.bf2.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.bgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.bc2{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:transform .25s,box-shadow .25s}.bc2:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(15,27,51,.3)}
.bc2 .bci{aspect-ratio:16/9;background:var(--wash);display:grid;place-items:center;overflow:hidden}.bc2 .bci img{width:100%;height:100%;object-fit:cover}.bc2 .bcb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}.bc2 small{color:var(--muted);font-size:12px}.bc2 small em{font-style:normal;color:#E8710A;font-weight:600}.bc2 b{font-size:16px;line-height:1.35;color:var(--ink)}.bc2 p{margin:0;font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bci .solic{width:56px;height:56px;border-radius:16px}
.tphero{padding:clamp(36px,5vw,72px) 0 clamp(20px,3vw,36px);background:radial-gradient(1200px 400px at 80% 0,#EEF4FB,transparent)}.tphg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(20px,4vw,56px);align-items:center}
.tphero h1{font-family:var(--display);font-size:clamp(30px,4vw,52px);line-height:1.06;margin:10px 0 12px;letter-spacing:-.02em;color:var(--ink)}.tphero .lead{font-size:clamp(16px,1.3vw,18px);color:var(--muted);margin:0;max-width:720px}
.tphero .solic{width:52px;height:52px;border-radius:14px}.tpimg{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 20px 40px -24px rgba(15,27,51,.35)}.tpimg img{width:100%;display:block}
.tpart{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(20px,4vw,56px);align-items:start}
.prose{font-size:16px;line-height:1.7;color:#24324A;max-width:780px;min-width:0}.prose h2{font-family:var(--display);font-size:clamp(22px,2vw,28px);line-height:1.2;margin:1.6em 0 .5em;color:var(--ink)}.prose h3{font-size:19px;margin:1.4em 0 .4em;color:var(--ink)}.prose h4{font-size:16px;margin:1.2em 0 .3em;color:var(--ink)}
.prose p{margin:0 0 1em}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em}.prose li{margin:.3em 0}.prose a{color:var(--navy)}.prose table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);padding:8px 10px;vertical-align:top;text-align:left}.prose th{background:var(--soft)}.prose td h2{font-size:16px;margin:0}
.prose>*:first-child{margin-top:0}
.tpaside{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px}.tpaside .box{padding:20px}.tpaside h3{margin:0 0 6px;font-size:17px;color:var(--ink)}.tpaside p{margin:0 0 12px;color:var(--muted);font-size:14px}.tpaside .btn{width:100%;justify-content:center;margin-top:6px}
.tprel a{display:block;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:14px}.tprel a:hover{color:var(--navy)}.tprel a:first-of-type{border-top:0}
.tpnote{margin:0 0 18px;padding:12px 16px;background:#FFF4D6;color:#8A5A00;border-radius:12px;font-size:13px}
.tpmeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.tpmeta em{font-style:normal;color:#E8710A;font-weight:600}
.tpload{padding:80px 0;text-align:center;color:var(--muted)}
.dirwrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dirgrp{padding:22px}.dirh{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:10px}.dirh h2{margin:0;font-size:20px;color:var(--ink)}.dirh p{margin:2px 0 0;font-size:13px}.dirh em{font-style:normal;font-weight:700;color:var(--navy);background:var(--wash);border-radius:999px;padding:4px 10px;font-size:13px}
.dirlist{display:grid;grid-template-columns:1fr;gap:2px}.dirit{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit}.dirit:hover{background:var(--soft)}
.ofgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:18px 0 24px}.prose .ofc{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.prose .ofc:hover{transform:translateY(-2px);box-shadow:0 14px 26px -18px rgba(15,27,51,.35)}.ofc b{color:var(--ink);font-size:16px;line-height:1.3}.ofc span{color:var(--muted);font-size:14px;line-height:1.45}.ofc em{font-style:normal;color:var(--navy);font-weight:600;font-size:13px;margin-top:auto}.dirit b{font-size:15px;color:var(--ink)}.dirit span{font-size:13px;color:var(--muted)}
.ddallt{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;margin:8px 0;border-radius:12px;background:var(--wash);text-decoration:none;color:var(--ink)}.ddallt small{display:block;color:var(--muted);font-size:12px}.ddallt i{font-style:normal;color:var(--navy);font-weight:700}
.chipl{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;color:var(--ink);text-decoration:none}.chipl:hover{border-color:var(--navy);color:var(--navy)}
#sol-addons li a{color:inherit;text-decoration:none;border-bottom:1px dashed #9DB8D6}
@media (max-width:900px){.tphg,.tpart,.dirwrap{grid-template-columns:1fr}.tpaside{position:static}}


/* IA: product tabs + hubs */
header.top .navrow{position:relative}.dd:has(> #dd-sol){position:static}#dd-sol.megat{left:50%;margin-left:calc(min(1120px,94vw) / -2);width:min(1120px,94vw);display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;padding:0;overflow:hidden}
.mtabs{display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--soft);border-right:1px solid var(--line)}
.mtab{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;border:0;background:transparent;border-radius:12px;padding:8px 10px;cursor:pointer;font:inherit;color:var(--ink)}
.mtab>img,.mtab>svg{grid-row:span 2;justify-self:center}.mtab span{font-weight:700;font-size:15px}.mtab small{font-size:12px;color:var(--muted)}
.mtab.on,.mtab:hover{background:#fff;box-shadow:0 6px 18px -10px rgba(15,27,51,.3)}.mtab.on span{color:var(--navy)}
.svband{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:10px 14px;margin:0 0 10px;border-radius:12px;background:var(--wash);text-decoration:none;color:var(--ink)}.svband b{font-size:15px}.svband span{font-size:13px;color:var(--muted)}.svband i{font-style:normal;font-weight:700;color:var(--navy);font-size:13px;white-space:nowrap}.svband:hover{background:#E3EEFA}
@media (max-width:980px){.svband{grid-template-columns:1fr}.svband span{display:none}}
.mall{margin-top:auto;padding:10px;font-weight:600;color:var(--navy);text-decoration:none;font-size:14px}
.mfeat{display:block;padding:12px;border-radius:12px;background:linear-gradient(135deg,#1F406D,#0E5E81);color:#fff;text-decoration:none}.mfeat b{display:block}.mfeat small{color:#C9DCF0;font-size:12px}.mfeat .tagnew{float:right}
.mpanes{padding:16px 18px;min-width:0}.mpane{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px}.mpane.on{display:grid}#mp-odoo.on,#mp-outpace.on{grid-template-columns:repeat(3,minmax(0,1fr))}.opband{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:6px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.opband img{height:34px;width:auto}.opband span{font-size:13px;color:var(--muted)}#mp-grey.on,#mp-m365.on,#mp-pucho.on{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
.mcol{display:flex;flex-direction:column;min-width:0}.mcol .ddi{padding:8px}.mmore{padding:8px 10px;font-size:13px;font-weight:600;color:var(--navy);text-decoration:none}
.hhero{padding:clamp(40px,5vw,72px) 0 8px;background:radial-gradient(1200px 400px at 80% 0,#EEF4FB,transparent)}.hhero h1{font-family:var(--display);font-size:clamp(32px,4.4vw,58px);line-height:1.04;margin:8px 0 10px;color:var(--ink);letter-spacing:-.02em}.hhero .lead{color:var(--muted);font-size:clamp(16px,1.3vw,19px);margin:0;max-width:680px}
.htabs{display:flex;align-items:center;margin-top:34px;padding:22px clamp(12px,2vw,28px);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 40px -30px rgba(15,27,51,.35);overflow-x:auto}
.htab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--muted);padding:6px 10px;border-radius:14px;min-width:120px;text-align:center}.htab b{font-size:14px;color:var(--ink);font-weight:600}.htab small{font-size:12px}
.htic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;border:2px solid transparent;transition:transform .25s,box-shadow .25s}
.htab:hover .htic{transform:translateY(-3px)}.htab.on .htic{border-color:currentColor;box-shadow:0 12px 26px -12px currentColor;transform:scale(1.06)}.htab.on b{color:var(--navy)}
.hline{flex:1 1 30px;min-width:24px;height:2px;background:repeating-linear-gradient(90deg,#9DB8D6 0 6px,transparent 6px 11px);margin-top:-34px}
.hpane{display:none}.hpane.on{display:block;animation:hfade .35s ease}@keyframes hfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hph{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hph h2{font-family:var(--display);margin:0;font-size:clamp(22px,2.2vw,30px);color:var(--ink)}
.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.hcard{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s;background:linear-gradient(180deg,#fff,#F7FAFE)}.hcard:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(15,27,51,.3)}
.hcard b{font-size:17px;color:var(--ink)}.hcard span{font-size:14px;color:var(--muted)}.hcard em{margin-top:auto;font-style:normal;color:var(--navy);font-weight:600;font-size:14px}
.tphero .crumb a{color:inherit}
.mfly{display:none;margin-top:10px;border-top:1px solid var(--line);padding:14px 4px 4px;animation:hfade .25s ease}.mfly.on{display:block}
.mflyh{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mflyh b{font-size:14px;color:var(--ink)}.mflyh span{font-size:12px;color:var(--muted);background:var(--soft);border-radius:999px;padding:2px 8px}.mflyh a{margin-left:auto;font-size:13px;font-weight:600;color:var(--navy);text-decoration:none}
.mflyg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 10px}.mflyg a{font-size:13px;color:var(--ink);text-decoration:none;padding:7px 10px;border-radius:8px;background:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mflyg a:hover{background:var(--wash);color:var(--navy)}
.ddi[data-fly].flyon{background:var(--soft)}
@media (max-width:980px){.mfly{display:none!important}}
@media (max-width:980px){#dd-sol.megat{display:block;width:auto}.mtabs{flex-direction:row;flex-wrap:wrap;overflow-x:visible;border-right:0;border-bottom:1px solid var(--line);padding:8px}.mtab{grid-template-columns:auto;grid-template-rows:auto;flex:0 0 auto}.mtab>img,.mtab>svg,.mtab small{display:none}.mall,.mfeat{display:none}
.mpane.on,#mp-odoo.on,#mp-outpace.on,#mp-grey.on,#mp-m365.on,#mp-pucho.on{grid-template-columns:1fr}.mpanes{padding:8px}}
@media (max-width:640px){.htab{min-width:92px}.htic{width:52px;height:52px}.hline{min-width:12px}}


/* pbar v2 */
/* partner strip v2: attached to header, big at top, slim when scrolling */
.pbar{position:sticky!important;top:calc(var(--hh,67px) - 1px)!important;display:none;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;transition:box-shadow .3s ease}
.pbar.show{display:block}.pbar.compact{box-shadow:0 10px 24px -18px rgba(15,27,51,.35)}
.pbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2.5vw,40px);padding-block:18px;transition:padding .35s ease}
.pbar span{font-size:12px;transition:font-size .35s ease,opacity .35s ease;max-width:150px;white-space:normal;line-height:1.35}
.pbar img{width:192px!important;height:52px!important;object-fit:contain;transition:width .35s ease,height .35s ease}
.pbar.compact .wrap{padding-block:7px}.pbar.compact img{width:112px!important;height:30px!important}.pbar.compact span{font-size:11px}
.view[data-view=home] .hero .prow{display:none}.view[data-view=home] .hero .inner{padding-top:72px}
@media (max-width:900px){.pbar img{width:120px!important;height:36px!important}.pbar.compact img{width:84px!important;height:24px!important}}
@media (max-width:640px){.pbar .wrap{padding-block:12px;gap:6px}.pbar span{display:none}.pbar img{width:66px!important;height:28px!important}.pbar.compact .wrap{padding-block:6px}.pbar.compact img{width:58px!important;height:20px!important}}


/* brand-scale step cards */
.stage.glob{background:radial-gradient(ellipse at 60% 35%,#2D5590,#1F406D 55%,#17325A);display:flex;flex-direction:column;justify-content:center;padding:16px;gap:12px;color:#fff}
.gmap{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1000/560;flex:0 0 auto}.gwm{position:absolute;inset:0;width:100%;height:100%}.gwm .d{fill:#9FD8F8;opacity:.22}.gwm .d.h{opacity:.6}
.gpin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px}.gpin i{width:8px;height:8px;border-radius:50%;background:#62C4F7;box-shadow:0 0 0 0 rgba(98,196,247,.6);animation:gp 2.4s infinite}.gpin.hq i{width:11px;height:11px;background:#F5A524;box-shadow:0 0 0 0 rgba(245,165,36,.6)}
.gpin.l{flex-direction:row-reverse}.gpin b{font-size:10px;font-weight:600;color:#fff;background:rgba(15,27,51,.55);padding:1px 6px;border-radius:999px;white-space:nowrap}
@keyframes gp{70%{box-shadow:0 0 0 10px rgba(98,196,247,0)}100%{box-shadow:0 0 0 0 rgba(98,196,247,0)}}
.gstats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gstats span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;display:flex;flex-direction:column}.gstats b{font-family:var(--display);font-size:22px;line-height:1}.gstats small{font-size:10.5px;color:#C9DCF0;margin-top:3px;line-height:1.25}
.greg{display:flex;flex-wrap:wrap;gap:5px}.greg em{font-style:normal;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:rgba(98,196,247,.16);color:#CFEBFC}
.stage.glob,.stage.pshow{height:400px}.stage.pshow{background:linear-gradient(180deg,#F1F8FD,#E2F2FC);position:relative;padding:16px;display:flex;flex-direction:column;justify-content:center}
.pslides{position:relative;flex:1;min-height:0}.ps{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;justify-content:center;opacity:0;transform:translateX(16px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.ps.on{opacity:1;transform:none;pointer-events:auto}
.psh{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 10px 24px -18px rgba(15,27,51,.4)}.psh img{height:24px;max-width:70px;object-fit:contain}.psh b{display:block;font-size:14px;color:var(--ink)}.psh small{font-size:11.5px;color:var(--muted)}
.ps-inv,.ps-crm,.ps-mob,.ps-flow{background:#fff;border-radius:14px;padding:14px;box-shadow:0 14px 30px -20px rgba(15,27,51,.45)}
.ps-inv .r{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.ps-inv .r em{font-style:normal;color:#1E8E4E;font-weight:700}.ps-inv>i{display:block;height:7px;border-radius:4px;background:#E3EAF3;margin-top:8px}
.ps-inv .tot{margin-top:12px;background:var(--soft);border-radius:10px;padding:8px 10px}.ps-inv .tot small{display:block;font-size:10.5px;color:var(--muted)}.ps-inv .tot b{font-family:var(--display);font-size:20px;color:var(--ink)}.ps-inv{position:relative}.ps-inv .qr{position:absolute;right:14px;bottom:14px;width:34px;height:34px;background:repeating-conic-gradient(#0F1B33 0 25%,#fff 0 50%) 0 0/8px 8px;border-radius:4px}
.ps-crm{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ps-crm small{font-size:10.5px;color:var(--muted);font-weight:600}.ps-crm i{display:block;height:26px;border-radius:8px;background:#F1F4F9;margin-top:6px;border-left:3px solid #9DB8D6}.ps-crm i.hl{border-left-color:#E8710A;background:#FFF4EA}.ps-crm i.ok{border-left-color:#1E8E4E;background:#EAF7EF;height:40px}
.ps-mob{display:flex;justify-content:center;background:transparent;box-shadow:none;padding:0}.ps-mob .ph{width:130px;border:5px solid #0F1B33;border-radius:20px;background:#fff;padding:12px 10px}.ps-mob small{font-size:10px;color:var(--muted)}.ps-mob b{display:block;font-family:var(--display);font-size:20px;color:var(--ink)}
.ps-mob .bars{display:flex;align-items:flex-end;gap:5px;height:56px;margin-top:8px}.ps-mob .bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#62C4F7,#2563EB)}
.ps-flow{display:flex;flex-direction:column;align-items:center;gap:4px}.ps-flow span{width:100%;text-align:center;font-size:12px;font-weight:600;color:var(--ink);background:var(--soft);border-radius:8px;padding:6px}.ps-flow span.hl{background:#EAF7EF;color:#1E8E4E}.ps-flow i{width:2px;height:8px;background:#9DB8D6}
.psdots{display:flex;justify-content:center;gap:6px;margin-top:10px}.psd{width:7px;height:7px;border-radius:999px;border:0;background:#B9CBE0;padding:0;cursor:pointer;transition:width .3s}.psd.on{width:20px;background:var(--navy)}
.stepinfo a{color:var(--navy);font-weight:600;text-decoration:none}
@media (prefers-reduced-motion:reduce){.gpin i{animation:none}.ps{transition:none}}
@media (min-width:981px){.steps{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)!important;align-items:start!important}.steps .stage{height:440px!important}}
.stage.glob{padding:18px!important;gap:14px!important}.gstats b{font-size:26px!important}.gstats small{font-size:11.5px!important}.greg em{font-size:12px!important;padding:5px 10px!important}.gpin b{font-size:11px!important}
.stage.svcs{background:linear-gradient(180deg,#F5F8FC,#E8EFF8);display:flex;flex-direction:column;gap:12px;padding:18px}
.svh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.steps .stepinfo,.steps .stepinfo>div,.stage.svcs{min-width:0;max-width:100%}.steps .stepinfo p{overflow-wrap:anywhere}.svh span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.svh em{font-style:normal;font-size:11px;font-weight:600;color:var(--navy);background:#fff;border-radius:999px;padding:4px 10px}
.svgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:1fr;gap:8px;flex:1;min-height:0}
.svt{display:flex;flex-direction:column;gap:3px;padding:10px 12px;min-width:0;overflow:hidden;border-radius:14px;background:#fff;text-decoration:none;color:inherit;border:1px solid transparent;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.svt .svi{width:38px;height:38px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,var(--l));margin-bottom:4px}
.svt b{font-size:13.5px;color:var(--ink);line-height:1.25}.svt small{font-size:11px;color:var(--muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.svt .svi svg{width:28px;height:28px}
.svt.on,.svt:hover{border-color:var(--s);box-shadow:0 14px 26px -18px var(--s);transform:translateY(-3px)}
@media (max-width:980px){.steps .stage{height:auto!important;min-height:380px}.svgrid{grid-auto-rows:auto}}



/* duotone icons */
.duo{border:0}.solic.duo svg{width:30px!important;height:30px!important}.ddic.duo svg{width:26px;height:26px}.ddic.duo{width:40px;height:40px;border-radius:12px}.solic.duo{border-radius:14px}.htic.duo{border-radius:18px}
.bci .solic.duo{width:72px;height:72px;border-radius:20px}.bci .solic.duo svg{width:44px!important;height:44px!important}.tphero .solic.duo{width:60px;height:60px}.tphero .solic.duo svg{width:38px!important;height:38px!important}


/* wordmark A2 */
.lockup .lw b{font-family:'Poppins',var(--display);font-weight:400!important;font-size:27px!important;letter-spacing:-.3px!important;color:#1F406D!important}
.lockup .lw b i{font-style:normal;color:#F28C28}
.lockup .lw span{font-family:'Poppins',sans-serif;font-weight:400!important;font-size:9px!important;letter-spacing:5.4px!important;color:#5D6B80!important;margin-top:3px!important}
.lockup.lg .lw b{font-size:36px!important}.lockup.lg .lw span{font-size:12px!important;letter-spacing:7px!important}
footer .lockup .lw b,.dark .lockup .lw b{color:inherit}


/* outpace logo */
.oplock{display:inline-flex;align-items:center;gap:8px;font-family:Inter,var(--display),sans-serif;font-weight:800;letter-spacing:.04em;color:#14161C;line-height:1}
.oplock em{font-style:normal;color:#0E9F96;margin-left:4px}.oplock.opinv{display:flex;color:#fff;font-size:15px;margin:2px 0 6px}.mfeat small{display:block}.oplock.opinv em{color:#5FE0C6}
.oplock.big{font-size:26px;gap:12px;margin-bottom:6px}.oplock.sm{font-size:11.5px;gap:5px;color:#14161C}
.mfeat .tagnew{float:right}.opic{background:#E6F7F3!important;border:0!important}
footer .wrap:has(.opcred){display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.opcred{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);text-decoration:none}.opcred:hover .oplock{color:#0E9F96}


/* perf: flicker */
.vid,.vthumb{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.vthumb img{will-change:transform;backface-visibility:hidden}
.stage.glob,.gmap,.stage.svcs{isolation:isolate;transform:translateZ(0);backface-visibility:hidden}
.gpin i{animation:none!important;box-shadow:none!important;position:relative;color:#62C4F7}.gpin.hq i{color:#F5A524}
.gpin i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid currentColor;opacity:0;transform:scale(.6);animation:gpr 2.4s ease-out infinite;will-change:transform,opacity}
@keyframes gpr{0%{opacity:.7;transform:scale(.6)}80%,100%{opacity:0;transform:scale(1.8)}}
.svt{will-change:transform;backface-visibility:hidden}
@media (prefers-reduced-motion:reduce){.gpin i::after{animation:none}}


/* mobile pass */
@media (max-width:980px){
 nav.main.open{overflow-x:hidden}
 nav.main.open .dd{position:static!important;min-width:0}
 nav.main.open .ddp,nav.main.open #dd-sol.megat{left:auto!important;right:auto!important;margin:0!important;width:auto!important;min-width:0!important;max-width:100%!important;transform:none!important}
 nav.main.open .ddp *{min-width:0;max-width:100%;box-sizing:border-box}
 nav.main.open .mtabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px}
 nav.main.open .mtab{white-space:nowrap}
 nav.main.open .dd:not(.open)>.ddp{display:none!important}
 nav.main.open{max-height:calc(100dvh - var(--hh,68px))!important;overscroll-behavior:contain}
 nav.main.open .mtabs{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
}
@media (max-width:980px){
 .steps{grid-template-columns:1fr!important;gap:28px!important}.steps .stepcol{gap:12px}
 .steps .stage{height:auto!important;min-height:0!important}
 .stage.glob{padding:16px!important}.stage.svcs{padding:16px}.svgrid{grid-template-columns:1fr 1fr}
 .steps .stage.hub{height:360px!important}
}
@media (max-width:640px){
 .pad{padding-block:56px}
 .hero .inner{padding-top:40px!important;padding-bottom:56px!important;gap:18px}
 .phero .wrap{padding-block:44px 32px}
 .pgview .pghero,.tphero{padding:32px 0 20px}.hhero{padding:32px 0 4px}
 .pgsec>.wrap{gap:20px}.pgcta{padding:36px 0}
 .gstats small,.svt small,.greg em,.gpin b{font-size:11.5px!important}
 .gstats b{font-size:22px!important}
 .steps .stage.hub{height:330px!important}
 .svt{padding:12px}
 .pvr{left:auto;right:10px;bottom:10px;font-size:11px;padding:7px 10px}
 .ptabs .wrap{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .tline .lab,.chat .cb{font-size:12px}
}


/* seamless loops */
.mtrack{padding-right:16px}.mq:not(.bandmq) .mtrack{animation-duration:135s!important}.bandmq .mtrack{animation-duration:90s!important}
.nwtr{padding-right:28px;animation-duration:80s!important}

/* step 2 hub */
.hub .hublines{position:absolute;inset:0;width:100%;height:100%}
.hub .hublines line{stroke:#9FD8F8;stroke-width:1.6;stroke-dasharray:4 6;vector-effect:non-scaling-stroke;opacity:.55;animation:flow 1.4s linear infinite}
.hubcore{position:absolute;left:50%;top:47%;width:76px;height:76px;transform:translate(-50%,-50%);border-radius:99px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:2}
.hubcore img{height:50px;display:block}
.hubcore .ring{position:absolute;inset:-2px;border-radius:99px;border:2px solid #9FD8F8;animation:ring 2.8s ease-out infinite}
.hubcore .r2{animation-delay:1.4s}
@keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
.hubtile{position:absolute;left:clamp(56px,var(--l),calc(100% - 56px));transform:translate(-50%,-50%);width:92px;height:56px;background:#FFFFFF;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:2}
.hubtile img{max-height:22px;object-fit:contain}
.hubtile em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--muted);white-space:nowrap}
.pk{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:99px;background:#FFFFFF;box-shadow:0 0 10px 2px rgba(159,216,248,.9);z-index:1;left:50%;top:47%;animation:pk 2.75s cubic-bezier(.45,0,.55,1) infinite}
.pk.rev{animation-direction:reverse}
@keyframes pk{0%{left:50%;top:47%;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:var(--x);top:var(--y);opacity:0}}
/* step 3 go-live */
.golive{display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.tline{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.tline .track{position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:#D3E1F1;border-radius:2px;overflow:hidden}
.tline .fill{position:absolute;inset:0;background:var(--navy);transform-origin:top;animation:tfill 8s linear infinite}
@keyframes tfill{0%,10%{transform:scaleY(0)}40%,90%{transform:scaleY(1)}96%,100%{transform:scaleY(0)}}
.tline li{position:relative;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--ink,#0F1E33)}
.tline .node{flex:0 0 28px;height:28px;border-radius:99px;background:var(--navy);color:#FFFFFF;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}
.tline li.last .lab{background:var(--navy);color:#FFFFFF;padding:6px 12px;border-radius:99px;font-size:13px}
.chat{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.cb{font-size:12.5px;padding:8px 12px;border-radius:14px;max-width:85%}
.cb.q{align-self:flex-start;background:#FFFFFF;color:var(--navy);border-bottom-left-radius:4px;box-shadow:0 6px 16px rgba(31,64,109,.08);animation:cbq 8s ease infinite}
.cb.a{background:var(--navy);color:#FFFFFF;border-bottom-right-radius:4px;animation:cba 8s ease infinite}
@keyframes cbq{0%,46%{opacity:0;transform:translateY(8px)}52%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes cba{0%,60%{opacity:0;transform:translateY(8px)}66%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
.tl0 .node{animation:tln0 8s ease infinite}@keyframes tln0{0%,10%{background:#FFFFFF;color:transparent;box-shadow:inset 0 0 0 2px #BFD3EA}14%,90%{background:var(--navy);color:#FFFFFF;box-shadow:0 0 0 4px rgba(31,64,109,.12)}96%,100%{background:#FFFFFF;color:transparent;box-shadow:inset 0 0 0 2px #BFD3EA}}.tl0 .lab{animation:tll0 8s ease infinite}@keyframes tll0{0%,10%{opacity:.45}14%,90%{opacity:1}96%,100%{opacity:.45}}.tl1 .node{animation:tln1 8s ease infinite}@keyframes tln1{0%,20%{background:#FFFFFF;color:transparent;box-shadow:inset 0 0 0 2px #BFD3EA}24%,90%{background:var(--navy);color:#FFFFFF;box-shadow:0 0 0 4px rgba(31,64,109,.12)}96%,100%{background:#FFFFFF;color:transparent;box-shadow:inset 0 0 0 2px #BFD3EA}}.tl1 .lab{animation:tll1 8s ease infinite}@keyframes tll1{0%,20%{opacity:.45}24%,90%{opacity:1}96%,100%{opacity:.45}}.tl2 .node{animation:tln2 8s ease infinite}@keyframes tln2{0%,30%{background:#FFFFFF;color:transparent;box-shadow:inset 0 0 0 2px #BFD3EA}34%,90%{background:var(--navy);color:#FFFFFF;box-shadow:0 0 0 4px rgba(31,64,109,.12)}96%,100%{background:#FFFFFF;color:transparent;box-shadow:inset 0 0 0 2px #BFD3EA}}.tl2 .lab{animation:tll2 8s ease infinite}@keyframes tll2{0%,30%{opacity:.45}34%,90%{opacity:1}96%,100%{opacity:.45}}.tl3 .node{animation:tln3 8s ease infinite}@keyframes tln3{0%,40%{background:#FFFFFF;color:transparent;box-shadow:inset 0 0 0 2px #BFD3EA}44%,90%{background:var(--navy);color:#FFFFFF;box-shadow:0 0 0 4px rgba(31,64,109,.12)}96%,100%{background:#FFFFFF;color:transparent;box-shadow:inset 0 0 0 2px #BFD3EA}}.tl3 .lab{animation:tll3 8s ease infinite}@keyframes tll3{0%,40%{opacity:.45}44%,90%{opacity:1}96%,100%{opacity:.45}}
/* bento */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:18px}
@media (max-width:900px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.bento .tall,.bento .wide{grid-row:auto;grid-column:auto}}
.card{position:relative;border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;overflow:hidden;text-decoration:none;transition:transform .3s ease;min-width:0;min-height:230px}
.card:hover{transform:translateY(-4px)}
.card::before,.card::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--navy);opacity:0;transition:opacity .25s ease}
.card::before{left:8px;top:8px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.card::after{right:8px;bottom:8px;border-left:0;border-top:0;border-radius:0 0 6px 0}
.card:hover::before,.card:hover::after{opacity:1}
.card .ct{font-size:18px;font-weight:600;margin:0}.card .cd{font-size:13px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.tall{grid-row:span 2}.wide{grid-column:span 2}
.c-blue{background:linear-gradient(180deg,#FFFFFF,#EEF4FB);border:1px solid var(--line)}
.c-sky{background:linear-gradient(180deg,#F1F8FD,#E2F2FC)}
.c-grey{background:linear-gradient(180deg,#F7F9FC,#EEF2F8);border:1px solid var(--line)}
.c-navy{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#FFFFFF;flex-direction:row;align-items:center;gap:24px}
@media (max-width:700px){.c-navy{flex-direction:column;align-items:stretch}}
.tick{animation:tick 6s ease infinite;opacity:.25}
@keyframes tick{0%,15%{opacity:.25}22%,90%{opacity:1}100%{opacity:.25}}
.row{display:flex;justify-content:space-between;font-size:13px;padding:8px 10px;border-radius:8px}
.pulse{animation:pulse 2s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(98,196,247,.6)}100%{box-shadow:0 0 0 16px rgba(98,196,247,0)}}
.ptr{position:absolute;animation:ptr 6s ease-in-out infinite}
@keyframes ptr{0%,10%{transform:translate(0,0)}35%,55%{transform:translate(120px,40px)}80%,100%{transform:translate(0,0)}}
.hl{border-radius:4px;padding:0 4px;animation:hl 6s ease-in-out infinite}
@keyframes hl{0%,30%{background:transparent}40%,60%{background:rgba(98,196,247,.3)}75%,100%{background:transparent}}
.radar{position:absolute;inset:0;border-radius:999px;background:conic-gradient(from 0deg,rgba(98,196,247,.45),rgba(98,196,247,0) 25%,transparent);animation:spin 4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.st3{flex:1;text-align:center;padding:10px 6px;border-radius:10px;font-size:12px;background:#FFFFFF;opacity:.4;animation:st3 6s ease infinite}
@keyframes st3{0%,100%{opacity:.4;box-shadow:none}20%,40%{opacity:1;box-shadow:0 0 0 2px var(--sky)}}
.notif{animation:notif 5s ease infinite}
@keyframes notif{0%,15%{opacity:0;transform:translateY(-10px)}22%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
.bub{animation:bub 8s ease infinite}
@keyframes bub{0%,6%{opacity:0;transform:translateY(10px)}12%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
/* setups marquee */
.mq{overflow:hidden}
.mtrack{display:flex;gap:16px;width:max-content;animation:marq 45s linear infinite}
.mq:hover .mtrack{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.setup{flex:0 0 auto;width:280px;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px}
.setup b{font-size:16px;font-weight:600}.setup span{font-size:13px;color:var(--muted);line-height:1.5}
.chip{align-self:flex-end;font-size:12px;background:#FFFFFF;border-radius:8px;padding:6px 10px;text-decoration:none}
.mtile{flex:0 0 auto;width:170px;height:78px;background:#FFFFFF;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:12px}
.mtile img{max-height:100%;object-fit:contain}
/* teams, quotes */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.grid3{grid-template-columns:1fr}}
@media (max-width:520px){.grid4{grid-template-columns:1fr}}
.box{border:1px solid var(--line);border-radius:20px;padding:22px;background:#FFFFFF;min-width:0}
.tbadge{display:inline-flex;width:64px;height:64px;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.box:hover .tbadge{transform:translateY(-3px) rotate(-4deg)}
.avatar{width:44px;height:44px;border-radius:99px;background:var(--wash);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700}
figure.q{margin:0;display:flex;flex-direction:column;gap:20px}
figure.q blockquote{margin:0;font-size:20px;line-height:1.5;font-weight:500}
figure.q figcaption{display:flex;align-items:center;gap:14px;margin-top:auto;font-size:14px}
figure.q figcaption img{height:36px;width:auto;max-width:40%;flex:0 0 auto;object-fit:contain}
figure.q figcaption > span{min-width:0}
.vid{display:flex;flex-direction:column;gap:0;padding:0!important;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s}.vid:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,35,70,.12)}.vthumb{position:relative;display:block;aspect-ratio:16/9;background:var(--navy);overflow:hidden}.vthumb img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.42);transition:transform .4s}.vid:hover .vthumb img{transform:scale(1.5)}.vthumb .play{flex:none;width:46px;height:46px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px rgba(0,0,0,.3)}.vmeta{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px;font-size:14px}.vmeta .muted{font-size:13px}
.play{flex:0 0 40px;height:40px;border-radius:99px;background:var(--navy);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:13px}
/* offices */
.offices{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:110px}
.offices .arcsvg{position:absolute;left:calc(50% - 90px);top:42%;width:180px;height:70px}
@media (max-width:900px){.offices{grid-template-columns:1fr;gap:18px}.offices .arcsvg{display:none}}
.arc{stroke-dasharray:6 9;animation:flow 1.8s linear infinite}
.clock{font-size:26px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums}
.tag{font-size:12px;font-weight:600;color:var(--navy);background:var(--wash);padding:5px 10px;border-radius:99px}
.selectable{user-select:all}
/* demo */
.demo{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}
@media (max-width:900px){.demo{grid-template-columns:1fr}}
.demo .left{background:var(--navy);color:#FFFFFF;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:16px}
.demo .right{background:#FFFFFF;border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:18px;min-height:360px}
.steps-head{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted)}
.steps-head .on{color:var(--navy)}
.progress{height:5px;background:var(--wash);border-radius:99px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--navy);border-radius:99px;transition:width .4s ease}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{border:1px solid #D3DCE8;background:#FFFFFF;color:var(--ink);border-radius:999px;padding:9px 14px;font:inherit;font-size:13px;cursor:pointer}
.opt[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.slots .opt{border-radius:10px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fields input{font:inherit;font-size:14px;border:1px solid #D3DCE8;border-radius:10px;padding:11px;min-width:0;background:#FFFFFF;color:var(--ink)}
.fields .full{grid-column:1 / -1}
.err{color:#B42318;font-size:13px;margin:0}
.done{background:var(--mint);border-radius:14px;padding:16px;color:var(--ok)}
/* faq */
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px}
@media (max-width:900px){.faq{grid-template-columns:1fr}}
details{background:var(--soft);border-radius:14px;padding:16px 18px}
details + details{margin-top:10px}
summary{list-style:none;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary .plus{transition:transform .25s ease;display:inline-block}
details[open] summary .plus{transform:rotate(45deg)}
details p{margin:10px 0 0;font-size:14px;color:var(--muted);line-height:1.6}
/* inner page hero */
.phero{background:radial-gradient(circle at 1px 1px,#E4EBF4 1px,transparent 0) 0 0/22px 22px}
.phero .wrap{padding-block:80px 64px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.phero h1{margin:0;font-size:clamp(40px,6vw,72px);line-height:1.05;font-weight:500;letter-spacing:-1.6px;max-width:900px}
.crumb{font-size:13px;color:var(--muted)}
.wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:900px){.wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wtile{height:92px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:14px;background:#FFFFFF}
.wtile img{max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s, opacity .25s}
.wtile:hover img{filter:none;opacity:1}
.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:900px){.timeline{grid-template-columns:1fr}}
.tl{border-top:3px solid var(--sky);padding-top:14px}
.tl b{font-size:20px;font-weight:600}.tl p{margin:4px 0 0;font-size:14px;color:var(--muted)}
footer{border-top:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;font-size:14px;line-height:1.7;color:var(--muted);padding-block:56px 28px}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}
.fgrid b{color:var(--ink)}

/* ---- v6: brand lockup ---- */
.brand{text-decoration:none}
.lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--teal)}
.lockup img{height:46px;width:auto;display:block}
.lockup .lw{display:flex;flex-direction:column;line-height:1}
.lockup .lw b{font-size:25px;font-weight:700;letter-spacing:.2px;color:var(--teal)}
.lockup .lw span{font-size:9.5px;font-weight:600;letter-spacing:4.6px;color:var(--teal);margin-top:4px}
.lockup.lg img{height:64px}.lockup.lg .lw b{font-size:34px}.lockup.lg .lw span{font-size:12.5px;letter-spacing:6.4px}
/* ---- v6: nav with dropdowns ---- */
nav.main{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#303650}
.navlink,.ddb{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:10px;border:0;background:transparent;font:inherit;color:inherit;text-decoration:none;cursor:pointer;line-height:1;white-space:nowrap}
.navlink:hover,.ddb:hover,.dd.open .ddb{background:#F1F4F9;color:var(--navy)}
.navlink[aria-current="page"]{color:var(--navy);background:var(--wash)}
.chev{display:block;transition:transform .2s ease}
.dd.open .chev{transform:rotate(180deg)}
.dd{position:relative}
.ddp{position:absolute;left:0;top:calc(100% + 10px);background:#FFFFFF;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(15,27,51,.14);padding:14px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease, transform .18s ease, visibility .18s;z-index:40;width:560px}
.ddp.wide{width:720px;left:-120px}
.dd.open .ddp{opacity:1;visibility:visible;transform:none}
.ddgrid.two{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.ddcols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ddh{margin:4px 10px 6px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.ddi{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;text-decoration:none;color:var(--ink)}
.ddi:hover{background:var(--soft)}
.ddi b{display:block;font-size:14px;font-weight:600}
.ddi small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.35}
.ddic{flex:0 0 38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#FFFFFF;display:flex;align-items:center;justify-content:center;color:var(--navy)}
.ddi:hover .ddic{background:var(--navy);color:#FFFFFF;border-color:var(--navy)}
.ddfeat{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px;margin-top:6px;padding:16px;border-radius:14px;text-decoration:none;color:#FFFFFF;background:linear-gradient(120deg,var(--navy),var(--navy2))}
.ddfeat small{color:#C9DCEF;font-size:13px}.ddfeat b{font-size:17px}
.ddmore{font-size:13px;color:var(--sky);margin-top:4px}
.tagnew{align-self:flex-start;font-size:11px;font-weight:600;background:var(--sky);color:var(--navy);padding:3px 8px;border-radius:99px}
.amc{color:var(--navy)}
.mobile-only{display:none}
@media (max-width:1080px){.amc{display:none}}
@media (max-width:980px){
 nav.main{display:none}
 .menu-btn{display:inline-flex}.navr .btn{display:none}
 nav.main.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:100%;background:#FFFFFF;border-bottom:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-left,0px)) 16px;gap:2px;max-height:80vh;overflow:auto}
 .navlink,.ddb{justify-content:space-between;width:100%}
 .ddp,.ddp.wide{position:static;width:auto;box-shadow:none;border:0;padding:0 0 8px;display:none;opacity:1;visibility:visible;transform:none}
 .dd.open .ddp{display:block}
 .ddgrid.two,.ddcols{grid-template-columns:1fr}
 .mobile-only{display:inline-flex}
}
/* ---- v6: hero partner row (static) ---- */
.prow{display:flex;justify-content:center;align-items:center;gap:clamp(14px,3.4vw,34px);flex-wrap:wrap}
.prow img{width:auto;object-fit:contain}
/* ---- v6: enquiry inbox (step 1) ---- */
.inbox{background:#FFFFFF;border-radius:14px;box-shadow:0 8px 20px rgba(31,64,109,.08);padding:12px;display:flex;flex-direction:column;gap:8px}
.inbox-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
.inbox-h b{color:var(--ink);font-size:13px}
.live{display:inline-flex;align-items:center;gap:5px;color:var(--ok);font-weight:600}
.live i{width:7px;height:7px;border-radius:99px;background:var(--ok);animation:blink 1.6s ease infinite}
@keyframes blink{50%{opacity:.25}}
.msg{display:flex;gap:9px;align-items:flex-start;padding:8px;border-radius:10px;background:var(--soft);font-size:12px;animation:seq 7s ease infinite}
.msg .src{flex:0 0 26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#FFFFFF}
.msg b{display:block;font-size:12.5px;color:var(--ink)}
.msg span{color:var(--muted)}
.pill{display:inline-block;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:var(--wash);color:var(--navy);margin-left:4px}
.route{display:flex;justify-content:space-between;align-items:center;font-size:12px;background:var(--navy);color:#FFFFFF;border-radius:10px;padding:8px 10px;animation:seq 7s ease infinite;animation-delay:2.1s}
/* ---- v6: awards ---- */
.awards{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch}
@media (max-width:900px){.awards{grid-template-columns:1fr}}
.awphoto{border-radius:20px;overflow:hidden;position:relative;min-height:320px;background:#0F1B33}
.awphoto img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.awphoto .cap{position:absolute;left:14px;bottom:14px;right:14px;background:rgba(15,27,51,.78);color:#FFFFFF;border-radius:12px;padding:10px 12px;font-size:13px}
.awlist{display:flex;flex-direction:column;gap:10px}
.aw{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px;background:#FFFFFF}
.aw .medal{flex:0 0 44px;height:44px;border-radius:12px;background:linear-gradient(160deg,#FFE7A8,#F2B33D);display:flex;align-items:center;justify-content:center;color:#7A4B00}
.aw .medal.cert{background:var(--wash);color:var(--navy)}
.aw b{font-size:15px;font-weight:600;display:block}.aw small{font-size:13px;color:var(--muted)}
/* ---- v6: photo strip ---- */
.strip{overflow:hidden;padding-block:6px}
.strack{display:flex;gap:14px;width:max-content;animation:marq 60s linear infinite}
.strip:hover .strack{animation-play-state:paused}
.strack figure{margin:0;flex:0 0 auto;height:260px;border-radius:18px;overflow:hidden;position:relative}
.strack img{height:100%;width:auto;display:block}
.strack figcaption{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);color:var(--ink);font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px}
.strip.rev .strack{animation-direction:reverse;animation-duration:70s}
.strip.small .strack figure{height:180px}
/* ---- v6: about B ---- */
.viewtoggle{display:inline-flex;background:#F1F4F9;border-radius:12px;padding:4px;gap:4px}
.viewtoggle a{padding:8px 14px;border-radius:9px;font-size:13px;text-decoration:none;color:var(--muted)}
.viewtoggle a[aria-current="page"]{background:#FFFFFF;color:var(--navy);box-shadow:0 2px 6px rgba(15,27,51,.08)}
.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:170px;grid-auto-flow:dense;gap:12px}
.mosaic figure{margin:0;border-radius:16px;overflow:hidden;position:relative}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.mosaic figure:hover img{transform:scale(1.05)}
.mosaic figcaption{position:absolute;left:10px;bottom:10px;background:rgba(15,27,51,.75);color:#FFFFFF;font-size:12px;padding:4px 9px;border-radius:99px}
.m-big{grid-column:span 2;grid-row:span 2}.m-tall{grid-row:span 2}.m-wide{grid-column:span 2}
@media (max-width:900px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}}
.evrow{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;padding-block:28px;border-top:1px solid var(--line)}
@media (max-width:900px){.evrow{grid-template-columns:1fr}}
.evrow .when{font-size:13px;color:var(--muted)}.evrow h3{margin:4px 0 0;font-size:22px;font-weight:600}
.evphotos{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.evphotos img{height:200px;width:auto;border-radius:14px;display:block;flex:0 0 auto}
.leader{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}
.leader img{width:180px;height:220px;object-fit:cover;border-radius:18px}
@media (max-width:520px){.leader{grid-template-columns:1fr}}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.setB,.bandB{display:none!important}.setA,.bandA{opacity:1!important}}