/* Prototype updates v17.50 to v17.64 (services "What we do", six ways in, hero text, filled buttons).
   Loaded after site.css. */
/* v17.50 hero lede split */
.hero .lede .lsplit{display:block;height:.55em}
.hero .lede{max-width:820px;text-wrap:pretty}
/* v17.54 hero lede justified on phones only */
.hero .lede{hyphens:none;-webkit-hyphens:none}
@media (max-width:600px){.hero .lede{text-align:justify;text-wrap:wrap;hyphens:manual;-webkit-hyphens:manual;padding-inline:8px}}
/* v17.56 six ways in */
.doors.d6 .door.spot{min-height:250px}
.dmore{margin-top:26px;font-size:17px;color:var(--mist)}.dmore a{color:var(--gold-2);font-weight:600;text-decoration:none}.dmore a:hover{text-decoration:underline}.dmore span{margin:0 8px;color:var(--line-2)}
@media (max-width:980px) and (min-width:601px){.doors.d6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.doors.d6 .door.spot{min-height:0}}
/* v17.57 lighter six ways in */
.doors.d6{gap:12px}
.doors.d6 .d6c{min-height:0;padding:24px 24px 22px;gap:8px;border-radius:16px;background:#0F1C38;border:1px solid rgba(214,169,66,.28);box-shadow:0 12px 30px -18px rgba(0,0,0,.7);transition:border-color .3s,background .3s,transform .3s}
.doors.d6 .d6c:hover{border-color:rgba(214,169,66,.8);background:#13234A;transform:translateY(-3px)}
.doors.d6 .d6c>*{margin-inline:0}
.doors.d6 .dk{font:700 13px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.doors.d6 .d6c h3{font-size:clamp(20px,1.7vw,23px);margin-top:2px}
.doors.d6 .d6c p{font-size:16px;line-height:1.5;color:#D3D9E6}
.doors.d6 .d6c h3{color:#F5F1E8}
.doors.d6 .d6c .go{margin-top:auto;padding-top:12px;font-size:15px;color:var(--gold-2)}
/* v17.58 livelier six ways in */
.doors.d6 .d6c{position:relative;overflow:hidden;background:linear-gradient(155deg,#16295A 0%,#0F1C38 60%,#0C1630 100%);border:1px solid rgba(214,169,66,.3)}
.doors.d6 .d6c:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(214,169,66,.15))}
.doors.d6 .d6c .dnum{position:absolute;right:18px;top:10px;margin:0;font:800 64px/1 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(214,169,66,.75);opacity:.75;transition:opacity .3s,transform .3s}
.doors.d6 .d6c:hover{background:linear-gradient(155deg,#1B3268 0%,#122245 60%,#0E1A36 100%);box-shadow:0 18px 44px -20px rgba(214,169,66,.45)}
.doors.d6 .d6c:hover .dnum{opacity:1;transform:translateY(-2px)}
.doors.d6 .d6c h3,.doors.d6 .d6c p,.doors.d6 .d6c .dk{position:relative;padding-right:64px}
.doors.d6 .d6c p{padding-right:0}
/* v17.59 more visible not-ready links */
.dmore{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:30px;font-size:18px;font-weight:600;color:var(--cream)}
.dmore span{display:none}
.dmore a{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1.5px solid var(--gold);border-radius:999px;color:var(--gold-2);font-size:16px;font-weight:700;text-decoration:none;transition:background .25s,color .25s}
.dmore a:hover{background:var(--gold);color:#0B1730;text-decoration:none}
@media (max-width:600px){.dmore{font-size:17px}.dmore a{flex:1 1 100%;justify-content:center}}
/* v17.60 services: what we do */
.svcgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc{display:flex;flex-direction:column;gap:8px;padding:24px 24px 22px;border-radius:16px;background:#fff;border:1px solid #E3D9C4;border-top:3px solid var(--gold);text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.svc:hover{transform:translateY(-3px);box-shadow:0 16px 36px -22px rgba(11,23,48,.45);border-color:var(--gold)}
.svc .sk{font:700 13px var(--font);letter-spacing:.16em;text-transform:uppercase;color:#9A7020}
.svc h3{font-size:clamp(19px,1.6vw,22px);color:#0B1730;line-height:1.2}
.svc p{font-size:16px;line-height:1.5;color:#3B4566}
.svc .go{margin-top:auto;padding-top:10px;font-weight:700;font-size:15px;color:#9A7020}
@media (max-width:980px){.svcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.svcgrid{grid-template-columns:1fr}}
/* v17.61 secondary buttons: filled, visible without hover */
.btn-line,.dmore a{background:rgba(214,169,66,.14)!important;border:1.5px solid rgba(214,169,66,.85)!important;color:var(--cream)!important;backdrop-filter:blur(6px)}
.btn-line:hover,.dmore a:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:#0B1730!important}
body.lt .btn-line{background:rgba(214,169,66,.16)!important;border-color:#B8862A!important;color:#0B1730!important;backdrop-filter:none}
body.lt .btn-line:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:#0B1730!important}
body.lt .dark .btn-line,.dark .btn-line,body.lt .art-cta .btn-line,.art-cta .btn-line{background:rgba(214,169,66,.14)!important;border-color:rgba(214,169,66,.85)!important;color:var(--cream)!important}
body.lt .dark .btn-line:hover,.dark .btn-line:hover,body.lt .art-cta .btn-line:hover,.art-cta .btn-line:hover{background:var(--gold)!important;color:#0B1730!important}
body.lt .art-cta .btn-line:not(:hover),.art-cta .btn-line:not(:hover){color:#F5F1E8!important}
/* v17.62 services by type, platform tags */
.svcgrid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.svc .stags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}
.svc .stags i{font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#0B1730;background:#F1EADB;border:1px solid #E3D9C4;border-radius:999px;padding:3px 10px}
.svc .stags+.go{margin-top:0;padding-top:10px}
@media (max-width:1100px){.svcgrid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.svcgrid.g4{grid-template-columns:1fr}}
/* v17.63 services: platform panels, icons, coloured tags */
.plats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.plat{position:relative;padding:22px 26px 22px 30px;border-radius:18px;color:#F5F1E8;overflow:hidden}
.plat.p-odoo{background:linear-gradient(135deg,#714B67 0%,#4E3047 100%)}
.plat.p-ns{background:linear-gradient(135deg,#1F5A8C 0%,#123A5E 100%)}
.plat.p-ai{background:linear-gradient(135deg,#1B3268 0%,#0B1730 100%);box-shadow:inset 0 0 0 1.5px #D6A942}
.plat.p-ai .pl{background:rgba(214,169,66,.22);color:#F2D27E}
.plat.p-coupa{background:linear-gradient(135deg,#248DCD 0%,#1A6FA6 55%,#145A8A 100%)}
.plat .pl{display:inline-block;font:800 13px var(--font);letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:5px 12px;border-radius:999px}
.plat b{display:block;margin-top:12px;font:800 clamp(19px,1.7vw,23px)/1.2 var(--display);color:#fff}
.plat p{margin-top:8px;font-size:15.5px;line-height:1.5;color:rgba(245,241,232,.86)}
.svc{position:relative;background:linear-gradient(180deg,#FFFFFF 0%,#FCF8F0 100%);border-top:4px solid var(--gold)}
.svc:hover{border-color:var(--gold);box-shadow:0 22px 44px -24px rgba(11,23,48,.5)}
.svc .sic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#0B1730;margin-bottom:6px;transition:transform .3s,background .3s}
.svc .sic svg{width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc:hover .sic{transform:rotate(-6deg) scale(1.06);background:#13234A}
.svc .stags i.t-odoo{background:#F3EAF0;border-color:#D9C2D2;color:#714B67}
.svc .stags i.t-ns{background:#E6EEF7;border-color:#BFD2E6;color:#1F5A8C}
.svc .stags i.t-any{background:#FBF1D9;border-color:#E7CD7C;color:#8A5A00}
.svc .stags i:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}
@media (max-width:760px){.plats{grid-template-columns:1fr}}
/* v17.64 brighter icon tiles */
.svc .sic{background:linear-gradient(135deg,#F0CF6E 0%,#D6A942 55%,#B8862A 100%);box-shadow:0 8px 18px -10px rgba(184,134,42,.8)}
.svc .sic svg{stroke:#0B1730;stroke-width:2}
.svc:hover .sic{background:linear-gradient(135deg,#F5D97F 0%,#DDB04A 55%,#C08F30 100%)}
/* Prototype v17.65-v17.70 (About page: milestone timeline, team structure). Append to site-updates.css. */
/* v17.68 milestone timeline */
.mtl{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}
.mtl:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(214,169,66,.25))}
.mtl .ms{position:relative;padding-top:34px}
.mtl .dot{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#FBF7EF;border:3px solid var(--gold);box-sizing:border-box}
.mtl .now .dot{background:var(--gold);box-shadow:0 0 0 6px rgba(214,169,66,.22)}
.mtl b{display:block;font:800 clamp(30px,3vw,42px)/1 var(--display);letter-spacing:-.02em;color:#B8862A}
.mtl h4{margin-top:10px;font-size:19px;color:#0B1730}
.mtl p{margin-top:6px;font-size:15.5px;line-height:1.5;color:#3B4566;max-width:30ch}
@media (max-width:760px){.mtl{grid-template-columns:1fr;gap:26px;padding-left:34px}.mtl:before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--gold),rgba(214,169,66,.25))}.mtl .ms{padding-top:0}.mtl .dot{left:-34px;top:6px}}
/* v17.70 team structure */
.org{display:flex;flex-direction:column}
.lrow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lcard{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;padding:28px;border-radius:22px;background:linear-gradient(150deg,#16295A 0%,#0B1730 75%);border:1px solid rgba(214,169,66,.35);color:#E6E9F0;box-shadow:0 26px 50px -32px rgba(11,23,48,.85)}
.lph{position:relative;margin:0;width:190px;height:190px}
.lph:before{content:"";position:absolute;inset:-10px -14px 14px 10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(214,169,66,.55),rgba(214,169,66,0) 70%)}
.lph .ring{position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--gold);border-right-color:transparent;transform:rotate(-30deg)}
.lph img{position:relative;width:190px;height:190px;border-radius:50%;object-fit:cover;border:4px solid #0B1730;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.lcard .ptag{font:700 11.5px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.lcard h3{margin-top:6px;font-size:clamp(21px,1.9vw,26px);color:#F5F1E8;line-height:1.15}
.lcard .prole{margin-top:5px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}
.lcard .pbio{margin-top:12px;font-size:15px;line-height:1.55;color:#CBD2E0}
.oconn{position:relative;height:46px}
.oconn:before{content:"";position:absolute;left:50%;top:0;height:22px;border-left:2px solid var(--gold)}
.oconn span{position:absolute;left:25%;right:25%;top:22px;height:24px;border:2px solid var(--gold);border-bottom:none;border-radius:10px 10px 0 0}
.prac{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pcol{background:#fff;border:1px solid #E3D9C4;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px}
.pcol header{display:flex;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid #EDE5D3}
.pcol .pic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#F0CF6E,#D6A942 55%,#B8862A)}
.pcol .pic svg{width:24px;height:24px;fill:none;stroke:#0B1730;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pcol header h3{font-size:20px;color:#0B1730}
.pcol header p{font-size:14.5px;color:#5A6378;margin-top:2px}
.mem{padding:16px 18px;border-radius:14px;background:#FBF7EF;border:1px solid #EDE5D3;transition:border-color .25s,transform .25s}
.mem:hover{border-color:var(--gold);transform:translateY(-2px)}
.mem .mh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mem h4{font-size:18.5px;color:#0B1730}
.mem .yrs{font:800 15px var(--display);color:#B8862A;white-space:nowrap}
.mem .mr{margin-top:2px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5A6378}
.mem .mv{margin-top:6px;font-size:14px;color:#3B4566}
.mem .mc{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mem .mc i{font-style:normal;font-size:12.5px;font-weight:600;color:#0B1730;background:#fff;border:1px solid #E3D9C4;border-radius:999px;padding:3px 10px}
.tstr{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border-radius:18px;overflow:hidden;background:#0B1730}
.tstr>div{padding:20px 24px;border-left:1px solid rgba(214,169,66,.25)}.tstr>div:first-child{border-left:none}
.tstr b{display:block;font:800 clamp(24px,2.4vw,32px)/1.1 var(--display);color:var(--gold)}
.tstr span{display:block;margin-top:6px;font-size:14.5px;line-height:1.45;color:#CBD2E0}
@media (max-width:1100px){.lrow,.prac{grid-template-columns:1fr}.oconn span{left:50%;right:auto;border:none;border-left:2px solid var(--gold);border-radius:0}}
@media (max-width:600px){.lcard{grid-template-columns:1fr;justify-items:center;text-align:center;padding:26px 22px}.lph,.lph img{width:160px;height:160px}.tstr{grid-template-columns:1fr}.tstr>div{border-left:none;border-top:1px solid rgba(214,169,66,.25)}.tstr>div:first-child{border-top:none}}
.lcard .lchips{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.lcard .lchips span{font:600 12.5px var(--font);letter-spacing:.03em;padding:5px 12px;border-radius:999px;border:1px solid rgba(214,169,66,.45);color:#E6E9F0;background:rgba(214,169,66,.08)}@media (max-width:600px){.lcard .lchips{justify-content:center}}

/* ---- Home refinements from prototype v17.71–v17.86 (6 Nov 2026), copied verbatim ---- */
/* v17.72 Earned on white: dark cards pop; award name bold, year small */
.awc{background:#FBF7EF}
.awc .h1x{color:#0B1730;text-shadow:none}
.awc .g{background:linear-gradient(100deg,#B8862A 10%,#8A5A00 60%,#B8862A 100%);-webkit-background-clip:text;background-clip:text}
.awc .eyebrow{color:#8A5A00}.awc .eyebrow:before{background:#B8862A}
.awc .aquote{color:#0B1730}.awc .aquote small{color:#5E6782}.awc .aquote .link{color:#0B1730}
.awc .medal{background:#0B1730;border-color:#0B1730;box-shadow:0 14px 34px -18px rgba(11,23,48,.55)}
.awc .video{box-shadow:0 14px 34px -18px rgba(11,23,48,.55)}
.awc .medal span{font-size:13.5px;letter-spacing:.08em;color:#9EA8BE}
.awc .aw-eyebrow{font:700 clamp(20px,2.3vw,30px)/1.3 var(--display);letter-spacing:-.015em;text-transform:none;color:#8A5A00}.awc .aw-eyebrow:before{display:none}
/* v17.76 Earned fits one screen: smaller title, smaller video; logos band on cream */
.awc{padding-block:clamp(56px,6vw,80px)}
.awc .h1x{font-size:clamp(34px,4.4vw,64px)}
.awc .awgrid{grid-template-columns:.8fr 1.2fr;margin-top:30px}
.awc .video{min-height:250px}
.awc .medal b{font-size:19px;line-height:1.2}
.awc .aquote{margin-top:32px}
@media (max-width:860px){.awc .awgrid{grid-template-columns:1fr}.awc .video{min-height:200px}}
@media (max-width:700px){.awc .h1x{font-size:clamp(30px,8.6vw,40px)}.awc .aw-eyebrow{font-size:19px}}
.clients{background:#FBF7EF}
.clients .eyebrow{color:#8A5A00}.clients .eyebrow:before{background:#B8862A}
.clients .lg{box-shadow:0 8px 22px -14px rgba(11,23,48,.35);border:1px solid #E3D9C4}
/* v17.80 gold edges where navy meets cream */
.clients,.awc,.magc{background-image:linear-gradient(180deg,rgba(214,169,66,.18),rgba(214,169,66,0) 120px),linear-gradient(0deg,rgba(214,169,66,.18),rgba(214,169,66,0) 120px)}
.clients:before,.awc:before,.magc:before,.clients:after,.awc:after,.magc:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(214,169,66,.15),var(--gold) 18%,#F2D27E 50%,var(--gold) 82%,rgba(214,169,66,.15));box-shadow:0 0 22px 3px rgba(214,169,66,.45);pointer-events:none;z-index:1}
.clients:before,.awc:before,.magc:before{top:0}
.clients:after,.awc:after,.magc:after{bottom:0}
/* v17.81 Make your next move fits a desktop screen */
.doorsc{padding-block:clamp(56px,6vw,80px)}
/* v17.82 six cards + journey cards: clearer hover */
.doors.d6 .d6c{transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
.doors.d6 .d6c:hover{background:linear-gradient(155deg,#2D4C8E 0%,#203A70 55%,#172C57 100%);border-color:var(--gold);transform:translateY(-4px);box-shadow:0 22px 48px -20px rgba(214,169,66,.55)}
.doors.d6 .d6c:hover .dnum{-webkit-text-stroke-color:#F2D27E;opacity:1}
a.phase:not(.end){transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
a.phase:not(.end):hover{background:linear-gradient(160deg,rgba(52,82,140,.97),rgba(30,52,96,.97));border-color:var(--gold)}
/* v17.86 New project card: lighter, warmer gold; cream + outline buttons instead of navy */
.ctac .endgrid .endcard:nth-child(1){background:linear-gradient(140deg,#F8E3A3 0%,#EECB72 45%,#DDB257 100%);border-color:#FBEFC9}
.ctac .endgrid .endcard:nth-child(1) .eck{color:#7A5200}
.ctac .endgrid .endcard:nth-child(1) p{color:#3A2C0A}
.ctac .endgrid .endcard:nth-child(1) .eci{color:#8A5A00;opacity:.32}
.ctac .endgrid .endcard:nth-child(1) .btn-gold{background:#FFFDF8;color:#0B1730;box-shadow:0 8px 22px -10px rgba(122,82,0,.55)}
.ctac .endgrid .endcard:nth-child(1) .btn-gold:hover{background:#FFFFFF;box-shadow:0 14px 30px -12px rgba(122,82,0,.65)}
.ctac .endgrid .endcard:nth-child(1) .btn-line{background:transparent!important;border:1.5px solid rgba(90,58,0,.55)!important;color:#2A1F05!important}
.ctac .endgrid .endcard:nth-child(1) .btn-line:hover{background:rgba(255,253,248,.45)!important;border-color:#5A3A00!important;color:#0B1730!important}
/* v17.85 story: chapter label above the 01/05 counter; clients headline smaller on tablet/phone; cream client card */
.st-count{flex-wrap:wrap;max-width:calc(100% - 32px)}
.st-count .st-eb{flex-basis:100%;display:flex;align-items:center;gap:10px;font:700 14px var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--gt);margin-bottom:2px}
.st-count .st-eb:before{content:"";width:22px;height:1.5px;background:var(--gold)}
.story .ch .eyebrow{display:none}
@media (max-width:900px){[data-page="home"] .clients .h1x{font-size:clamp(28px,4vw,34px)}}
@media (max-width:700px){[data-page="home"] .clients .h1x{font-size:clamp(24px,6.6vw,28px)}.st-count .st-eb{font-size:12.5px;letter-spacing:.18em}}
.ctac .endgrid .endcard:nth-child(2){background:linear-gradient(150deg,#FFFDF8 0%,#FBF7EF 55%,#F3EADA 100%);border:2px solid #D6A942;box-shadow:0 0 0 1px rgba(214,169,66,.35),0 18px 50px -18px rgba(214,169,66,.5)}
.ctac .endgrid .endcard:nth-child(2):hover{border-color:#B8862A;box-shadow:0 0 0 1px rgba(214,169,66,.6),0 26px 60px -18px rgba(214,169,66,.7)}
.ctac .endgrid .endcard:nth-child(2) h3{color:#0B1730}
.ctac .endgrid .endcard:nth-child(2) p{color:#3B4566}
.ctac .endgrid .endcard:nth-child(2) .eck{color:#8A5A00}
.ctac .endgrid .endcard:nth-child(2) .eci{color:#B8862A;opacity:.5}
.ctac .endgrid .endcard:nth-child(2) .btn-line{background:#0B1730!important;border-color:#0B1730!important;color:#F5F1E8!important}
.ctac .endgrid .endcard:nth-child(2) .btn-line:hover{background:#13233F!important;border-color:#13233F!important;color:#F5F1E8!important}
.ctac .endgrid .endcard:nth-child(2).spot:before{background:radial-gradient(420px circle at var(--x,50%) var(--y,50%),rgba(214,169,66,.18),transparent 45%)}
/* v17.84 ROI cards: label, matching description, buttons side by side, outlined icon */
.ctac .endcard .eck{position:relative;z-index:1;font:700 13px var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--gt);margin-bottom:10px}
.ctac .endcard:nth-child(1) .eck{color:#5A3A00}
.ctac .endcard:nth-child(1) p{color:#2A2108}
.ctac .endcard h3,.ctac .endcard p,.ctac .endcard .row{position:relative;z-index:1;max-width:calc(100% - 90px)}
.ctac .endcard .row{max-width:none}
.ctac .endcard .eci{position:absolute;right:24px;top:22px;width:clamp(84px,8vw,120px);height:auto;pointer-events:none;transition:transform .4s,opacity .3s}
.ctac .endcard:nth-child(1) .eci{color:#0B1730;opacity:.28}
.ctac .endcard:nth-child(2) .eci{color:#EBC56A;opacity:.55}
.ctac .endcard:hover .eci{transform:translateY(-4px) rotate(-4deg);opacity:.75}
.ctac .endcard:nth-child(1):hover .eci{opacity:.45}
@media (max-width:1100px) and (min-width:861px){.ctac .endcard .row .btn{flex:1 1 auto;justify-content:center}}
@media (max-width:860px){.ctac .endcard .eci{width:64px;right:18px;top:18px}.ctac .endcard h3,.ctac .endcard p{max-width:calc(100% - 70px)}}
/* v17.83 Let's talk ROI: smaller heading, bigger cards that pop */
.ctac .giant{font-size:clamp(48px,6.4vw,100px)}
.ctac .endgrid{grid-template-columns:1fr 1fr;gap:20px;max-width:1040px;margin-inline:auto}
.ctac .endcard{padding:36px;border-radius:22px;min-height:220px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
.ctac .endcard h3{font-size:clamp(24px,2.2vw,32px)}
.ctac .endcard p{font-size:17.5px}
.ctac .endcard .row{margin-top:auto;padding-top:24px}
.ctac .endcard .btn{padding:15px 20px;font-size:16px}
.ctac .endcard:hover{transform:translateY(-6px)}
.ctac .endcard:nth-child(1){background:linear-gradient(140deg,#EBC56A 0%,#D6A942 55%,#C2902C 100%);border:2px solid #F5E3B0;box-shadow:0 0 0 1px rgba(214,169,66,.55),0 18px 50px -18px rgba(214,169,66,.65);overflow:hidden}
.ctac .endcard:nth-child(1):after{content:"";position:absolute;top:-40%;bottom:-40%;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:pshine 4.5s ease-in-out infinite;pointer-events:none}
.ctac .endcard:nth-child(1):hover{box-shadow:0 0 0 1px rgba(214,169,66,.8),0 26px 60px -18px rgba(214,169,66,.85)}
.ctac .endcard:nth-child(1) h3{color:#0B1730}
.ctac .endcard:nth-child(1) .btn-gold{background:#0B1730;color:#F5F1E8}
.ctac .endcard:nth-child(1) .btn-gold:hover{background:#13233F;box-shadow:0 10px 30px -12px rgba(11,23,48,.6)}
.ctac .endcard:nth-child(1) .btn-line{background:rgba(255,255,255,.25)!important;border-color:#0B1730!important;color:#0B1730!important}
.ctac .endcard:nth-child(1) .btn-line:hover{background:#0B1730!important;color:#F5F1E8!important}
.ctac .endcard:nth-child(2){background:linear-gradient(155deg,#1E3768 0%,#13254A 60%,#0E1B38 100%);border:2px solid rgba(214,169,66,.85);box-shadow:0 18px 50px -24px rgba(214,169,66,.45)}
.ctac .endcard:nth-child(2):hover{border-color:var(--gold);box-shadow:0 26px 60px -20px rgba(214,169,66,.7)}
@media (max-width:860px){.ctac .endgrid{grid-template-columns:1fr}.ctac .endcard{padding:28px;min-height:0}}
@media (max-width:700px){.ctac .giant{font-size:clamp(44px,12vw,60px)}}
@media (prefers-reduced-motion:reduce){.ctac .endcard:nth-child(1):after{animation:none;display:none}}
/* v17.79 clients headline + logos part-way bigger, stronger lift */
.clients .h1x{color:#0B1730;text-shadow:none}
.clients .g{background:linear-gradient(100deg,#B8862A 10%,#8A5A00 60%,#B8862A 100%);-webkit-background-clip:text;background-clip:text}
.clients .lg{height:80px;min-width:130px;padding:14px 24px;border-radius:14px;box-shadow:0 14px 30px -14px rgba(11,23,48,.45),0 2px 6px rgba(11,23,48,.08)}.clients .lg img{height:50px;max-width:220px}
@media (max-width:700px){.clients .lg{height:64px;min-width:104px;padding:11px 16px;border-radius:12px}.clients .lg img{height:40px;max-width:170px}}
/* v17.78 home section titles match the Earned size */
[data-page="home"] .h1x{font-size:clamp(34px,4.4vw,64px)}
@media (max-width:700px){[data-page="home"] .h1x{font-size:clamp(30px,8.6vw,40px)}}
/* v17.77 logos fit the content width (cream stays full width), bolder cream-section headings, even spacing */
.clients{padding-block:clamp(56px,6vw,84px)}
.clients .lgclip{overflow:hidden;margin-top:clamp(30px,3vw,44px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.clients .lgclip .trk{margin-top:0;padding-block:6px 14px}
.clients .eyebrow,.magc .eyebrow{font-weight:800;font-size:clamp(15px,1.2vw,17px);color:#7A4F00}
.clients .eyebrow:before,.magc .eyebrow:before{height:2px;width:28px}
@media (max-width:700px){.clients{padding-block:48px}.clients .eyebrow,.magc .eyebrow{font-size:14.5px}}
/* v17.75 Let's talk ROI: gold underline, gold card borders */
.ctac .giant:after{content:"";display:block;width:clamp(90px,12vw,160px);height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-2));margin:clamp(18px,2vw,28px) auto 0}
.ctac .endcard{border:1.5px solid rgba(214,169,66,.75)}
.ctac .endcard:hover{border-color:var(--gold)}
/* v17.74 Blog on the inner-page cream */
.magc{background:#FBF7EF}
.magc .h1x{color:#0B1730;text-shadow:none}
.magc .g{background:linear-gradient(100deg,#B8862A 10%,#8A5A00 60%,#B8862A 100%);-webkit-background-clip:text;background-clip:text}
.magc .eyebrow{color:#8A5A00}.magc .eyebrow:before{background:#B8862A}
.magc .btn-line{background:rgba(214,169,66,.16)!important;border-color:#B8862A!important;color:#0B1730!important;backdrop-filter:none}.magc .btn-line:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:#0B1730!important}
.magc .hposts .post.hcard{box-shadow:0 1px 0 rgba(11,23,48,.04)}.magc .hposts .post.hcard:hover{box-shadow:0 22px 44px -26px rgba(11,23,48,.45)}
/* v17.71 smaller client logos */
.lg{height:64px;min-width:110px;padding:12px 20px;border-radius:12px}.lg img{height:40px;max-width:180px}
@media (max-width:700px){.lg{height:52px;min-width:90px;padding:9px 14px;border-radius:10px}.lg img{height:30px;max-width:140px}}
/* v17.87 platform cards in the site's cream family: brand colour as accent only */
.plats{gap:16px;margin-bottom:22px}
.plats .plat{--pc:#714B67;--pt:#F3EAF0;display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:start;padding:26px 28px;border-radius:20px;background:linear-gradient(180deg,#FFFFFF 0%,#FCF8F0 100%);border:1px solid #E3D9C4;border-top:4px solid var(--pc);box-shadow:0 1px 0 rgba(11,23,48,.03);color:#3B4566;transition:transform .3s,box-shadow .3s,border-color .3s}
.plats .plat:hover{transform:translateY(-4px);border-color:var(--pc);box-shadow:0 24px 46px -26px rgba(11,23,48,.5)}
.plats .plat.p-odoo{--pc:#714B67;--pt:#F3EAF0}
.plats .plat.p-ns{--pc:#1F5A8C;--pt:#E6EEF7}
.plats .plat.p-coupa{--pc:#248DCD;--pt:#E3F2FB}
.plats .plat.p-ai{--pc:#D6A942;--pt:#FBF1D9;background:linear-gradient(180deg,#FFFFFF 0%,#FBF3DF 100%)}
.plats .plat .pic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--pc);box-shadow:0 10px 22px -12px var(--pc);transition:transform .3s}
.plats .plat:hover .pic{transform:rotate(-6deg) scale(1.06)}
.plats .plat .pic svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.plats .plat.p-ai .pic{background:linear-gradient(135deg,#F0CF6E 0%,#D6A942 55%,#B8862A 100%)}
.plats .plat.p-ai .pic svg{stroke:#0B1730;stroke-width:2}
.plats .plat .pl{background:var(--pt);color:var(--pc);border:1px solid color-mix(in srgb,var(--pc) 30%,transparent);font-size:12.5px;padding:4px 11px}
.plats .plat.p-ai .pl{color:#8A5A00;border-color:#E7CD7C}
.plats .plat b{margin-top:10px;color:#0B1730;font-size:clamp(19px,1.7vw,22px)}
.plats .plat p{margin-top:8px;color:#3B4566;font-size:15.5px}
@media (max-width:520px){.plats .plat{grid-template-columns:1fr;gap:14px;padding:22px}.plats .plat .pic{width:48px;height:48px;border-radius:14px}.plats .plat .pic svg{width:24px;height:24px}}
/* v17.88 Services page: section headings, numbered and colour-coded service cards, AI card featured */
.svh{margin-bottom:22px}.svh .h2{font-size:clamp(28px,3vw,40px)}
.svh2{margin-top:clamp(40px,5vw,64px)}
.svcgrid{counter-reset:svc}
.svcgrid .svc{--sc:#D6A942;--st:linear-gradient(135deg,#F0CF6E 0%,#D6A942 55%,#B8862A 100%);counter-increment:svc;overflow:hidden;border-top-color:var(--sc)}
.svcgrid .svc:after{content:counter(svc,decimal-leading-zero);position:absolute;right:16px;top:8px;font:800 54px/1 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.3px var(--sc);opacity:.45;transition:opacity .3s,transform .3s;pointer-events:none}
.svcgrid .svc:hover:after{opacity:.9;transform:translateY(-2px)}
.svcgrid .svc:hover{border-color:var(--sc)}
.svcgrid .svc .sic{background:var(--st)}
.svcgrid .svc:nth-child(4){--sc:#D9653B;--st:linear-gradient(135deg,#F2936B 0%,#D9653B 60%,#B84B24 100%)}
.svcgrid .svc:nth-child(6){--sc:#0F8A80;--st:linear-gradient(135deg,#4FC2B5 0%,#0F8A80 60%,#0B6B63 100%)}
.svcgrid .svc:nth-child(7){--sc:#2C7FB8;--st:linear-gradient(135deg,#6FB2E3 0%,#2C7FB8 60%,#1F5F8C 100%)}
.svcgrid .svc:nth-child(8){--sc:#3FA66B;--st:linear-gradient(135deg,#7CCB98 0%,#3FA66B 60%,#2E8253 100%)}
.svcgrid .svc:nth-child(4) .sic svg,.svcgrid .svc:nth-child(6) .sic svg,.svcgrid .svc:nth-child(7) .sic svg,.svcgrid .svc:nth-child(8) .sic svg{stroke:#fff}
.svcgrid .svc:nth-child(4) .sk{color:#B84B24}.svcgrid .svc:nth-child(4) .go{color:#B84B24}
.svcgrid .svc:nth-child(6) .sk,.svcgrid .svc:nth-child(6) .go{color:#0B6B63}
.svcgrid .svc:nth-child(7) .sk,.svcgrid .svc:nth-child(7) .go{color:#1F5F8C}
.svcgrid .svc:nth-child(8) .sk,.svcgrid .svc:nth-child(8) .go{color:#2E8253}
.svcgrid .svc:nth-child(5){--sc:#6D4BC4;--st:linear-gradient(135deg,#A38BEA 0%,#6D4BC4 60%,#523599 100%)}
.svcgrid .svc:nth-child(5) .sic svg{stroke:#fff}.svcgrid .svc:nth-child(5) .sk,.svcgrid .svc:nth-child(5) .go{color:#523599}
.svcgrid .svc:nth-child(5) .stags i{background:rgba(109,75,196,.08);border-color:rgba(109,75,196,.35);color:#523599}
.svcgrid .svc h3,.svcgrid .svc p,.svcgrid .svc .sk{position:relative;z-index:1}
.svcgrid .svc .sk{padding-right:58px}
/* v17.89 home industries grid + colour-coded blueprint */
.indsec{position:relative;background:#FFFFFF;padding-block:clamp(56px,6vw,80px)}
.indsec:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(214,169,66,.15),var(--gold) 18%,#F2D27E 50%,var(--gold) 82%,rgba(214,169,66,.15));box-shadow:0 0 22px 3px rgba(214,169,66,.45);pointer-events:none;z-index:1}
.indsec .h1x{color:#0B1730;text-shadow:none}
.indsec .g{background:linear-gradient(100deg,#B8862A 10%,#8A5A00 60%,#B8862A 100%);-webkit-background-clip:text;background-clip:text}
.indsec .eyebrow{color:#7A4F00;font-weight:800;font-size:clamp(15px,1.2vw,17px)}.indsec .eyebrow:before{background:#B8862A;height:2px;width:28px}
.indgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:8px}
.indc{--ic:#D6A942;position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 16px 16px;border-radius:16px;background:linear-gradient(180deg,#FFFFFF 0%,#FBF7EF 100%);border:1px solid #E3D9C4;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.indc:hover{transform:translateY(-4px);border-color:var(--ic);box-shadow:0 18px 36px -22px rgba(11,23,48,.45)}
.indc .iic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ic);box-shadow:0 8px 18px -10px var(--ic);transition:transform .3s}
.indc:hover .iic{transform:rotate(-6deg) scale(1.06)}
.indc .iic svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.indc b{font:700 15.5px/1.25 var(--display);color:#0B1730;letter-spacing:-.01em}
.indc i{position:absolute;right:14px;top:16px;font-style:normal;font-weight:700;color:var(--ic);opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s}
.indc:hover i{opacity:1;transform:none}
.indc:nth-child(7n+1){--ic:#D6A942}.indc:nth-child(7n+2){--ic:#714B67}.indc:nth-child(7n+3){--ic:#0F8A80}.indc:nth-child(7n+4){--ic:#2C7FB8}.indc:nth-child(7n+5){--ic:#D9653B}.indc:nth-child(7n+6){--ic:#3FA66B}.indc:nth-child(7n+7){--ic:#6D4BC4}
.indnote{margin-top:22px;font-size:15.5px;color:#5E6782}
@media (max-width:1100px){.indgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.indgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.indc{flex-direction:row;align-items:center;padding:12px}.indc .iic{width:38px;height:38px;flex:none}.indc .iic svg{width:20px;height:20px}.indc b{font-size:14px}.indc i{display:none}}
.legend{row-gap:6px}
/* v17.90 industry pages, hub and Industries menu */
.dd-p.imenu{min-width:620px;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px;padding:14px}
.dd:hover .dd-p.imenu,.dd.open .dd-p.imenu{display:grid}
.dd-p.imenu .mhead{grid-column:1/-1;font-weight:800;font-size:17px;padding:6px 12px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.dd-p.imenu a{font-size:15px;padding:7px 12px}
.indpage .ihead{padding-bottom:clamp(36px,5vw,56px)}
.ibread{display:flex;gap:8px;align-items:center;font-size:14.5px;color:var(--mist)}.ibread .ibl{color:var(--gt);font-weight:700;text-decoration:none}.ibread .ibl:hover{text-decoration:underline}
.ititle{display:flex;align-items:center;gap:18px;margin-top:18px}
.iic.big{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:18px;background:var(--ic);box-shadow:0 12px 26px -12px var(--ic)}
.iic.big svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ipromise{margin-top:16px;font:700 clamp(20px,2vw,26px)/1.3 var(--display);color:var(--ic);letter-spacing:-.01em;max-width:30ch;filter:saturate(1.1) brightness(.85)}
.ihead .lede{margin-top:12px}.ihead .row{margin-top:26px}
.ipains{padding-top:0}
.ipgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ipain{position:relative;padding:24px;border-radius:18px;background:linear-gradient(180deg,#FFFFFF 0%,#FBF7EF 100%);border:1px solid #E3D9C4;border-top:4px solid var(--ic)}
.ipain span{font:800 40px/1 var(--display);color:transparent;-webkit-text-stroke:1.3px var(--ic);opacity:.6}
.ipain h3{margin-top:12px;font-size:20px;color:#0B1730}.ipain p{margin-top:8px;font-size:16px;color:#3B4566}
.ihgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.ihbox{padding:30px;border-radius:20px;background:linear-gradient(155deg,#1B3268 0%,#13254A 60%,#0E1B38 100%);border:1px solid rgba(245,241,232,.14)}
.ihbox.iai{border:1.5px solid #D6A942;box-shadow:0 18px 44px -24px rgba(214,169,66,.55)}
.ihk{display:inline-block;font:800 12.5px var(--font);letter-spacing:.18em;padding:5px 12px;border-radius:999px;background:rgba(245,241,232,.1);color:#F5F1E8}
.iai .ihk{background:rgba(214,169,66,.22);color:#F2D27E}
.ihbox h3{margin-top:14px;font-size:24px;color:#F5F1E8}
.ihbox ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.ihbox li{position:relative;padding-left:26px;font-size:16.5px;color:#CDD3E0;line-height:1.5}
.ihbox li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:2px;background:#D6A942}
.iapps{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.iapps i{font-style:normal;font-size:13px;font-weight:700;padding:4px 11px;border-radius:999px;background:rgba(245,241,232,.08);border:1px solid rgba(245,241,232,.16);color:#F5F1E8}
.ifine{margin-top:16px;font-size:14.5px;color:#9EA8BE}
.ikgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ikpi{padding:22px;border-radius:16px;background:#FFFFFF;border:1px solid #E3D9C4;border-left:4px solid var(--ic)}
.ikpi b{font:700 18px/1.3 var(--display);color:#0B1730}
.ikpi.iroi{background:linear-gradient(140deg,#F8E3A3 0%,#EECB72 45%,#DDB257 100%);border:1.5px solid #FBEFC9}
.ikpi.iroi span{display:block;margin-top:6px;font-size:14.5px;color:#3A2C0A}
.icta{text-align:center}.icta .lede{margin:14px auto 0}.icta .row{justify-content:center;margin-top:26px}
.ihub{margin-top:0}
@media (max-width:900px){.ipgrid,.ihgrid{grid-template-columns:1fr}.ikgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-p.imenu{min-width:0}}
@media (max-width:520px){.ikgrid{grid-template-columns:1fr}.iic.big{width:52px;height:52px;border-radius:15px}.iic.big svg{width:26px;height:26px}.ihbox{padding:22px}}
/* v17.91 industries as an editorial list (no icon tiles) */
.indlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,64px);margin-top:10px;border-bottom:1px solid #E3D9C4}
.indrow{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:4px;align-items:center;padding:18px 4px;border-top:1px solid #E3D9C4;text-decoration:none;transition:background .25s}
.indrow b{grid-column:1;font:700 clamp(18px,1.5vw,21px)/1.25 var(--display);color:#0B1730;letter-spacing:-.015em;transition:color .25s}
.indrow span{grid-column:1;font-size:15.5px;line-height:1.45;color:#5E6782}
.indrow i{grid-column:2;grid-row:1/3;font-style:normal;font-weight:700;font-size:20px;color:#B8862A;transition:transform .25s}
.indrow:hover b{color:#8A5A00}.indrow:hover i{transform:translateX(5px)}
.indrow:hover{background:linear-gradient(90deg,rgba(214,169,66,.08),rgba(214,169,66,0) 70%)}
.indlist .indrow:nth-last-child(-n+2){border-bottom:0}
@media (max-width:760px){.indlist{grid-template-columns:1fr}}
/* v17.93 industries list: gold dividers; compact names-only list on the home page */
.indlist{border-bottom-color:rgba(214,169,66,.45)}
.indrow{border-top-color:rgba(214,169,66,.45)}
.indlist.icompact{display:block;columns:3;column-gap:clamp(28px,4vw,56px);column-rule:1px solid rgba(214,169,66,.45);border-bottom:0;margin-top:14px}
.icompact .indrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 4px;break-inside:avoid;border-top:1px solid rgba(214,169,66,.45)}
.icompact .indrow:nth-last-child(-n+2){border-bottom:0}
.icompact .indrow span{display:none}
.icompact .indrow b{font-size:clamp(16.5px,1.35vw,19px)}
.icompact .indrow i{font-size:18px}
@media (max-width:900px){.indlist.icompact{columns:2}}
@media (max-width:420px){.indlist.icompact{column-gap:18px}.icompact .indrow{padding:13px 2px}.icompact .indrow b{font-size:15px}.icompact .indrow i{font-size:15px}}
/* v17.95 industries list: each industry hovers in its own colour */
.indrow{position:relative}
.indrow:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--hc,#D6A942);transform:scaleY(0);transition:transform .25s}
.indlist .indrow:hover,.indlist .indrow:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--hc,#D6A942) 13%,transparent),transparent 85%)}
.indrow:hover:before,.indrow:focus-visible:before{transform:scaleY(1)}
.indlist .indrow:hover b,.indlist .indrow:focus-visible b,.indlist .indrow:hover i,.indlist .indrow:focus-visible i{color:var(--hc,#8A5A00)}
.indlist .indrow:hover{padding-left:14px}
.indrow{transition:background .25s,padding .25s}
.dd-p.imenu a:hover{color:var(--gt)}

/* v17.96 performance: no backdrop blur on cards (they sit over the animated 3D scene); the header keeps its blur */
.panel,.card,.box,.js,.plan,.bp,details,.spot,.chapter,.btn-line,.dmore a{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* v17.97 industry cards: 15 cards in even rows (5 across desktop, 3 tablet, 2 phone) */
div.indgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){div.indgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){div.indgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v17.98 Start your project: pick-any chips for solutions and services */
fieldset.chips{border:0;margin:0;padding:0;min-width:0}
fieldset.chips legend{padding:0;margin-bottom:10px;font-size:15.5px;font-weight:600;color:inherit}
fieldset.chips legend small{font-size:13px;font-weight:500;opacity:.65;margin-left:6px}
.chipset{display:flex;flex-wrap:wrap;gap:8px}
.chipset label{position:relative;cursor:pointer;font-size:15px;font-weight:600}
.chipset input{position:absolute!important;opacity:0;width:1px!important;height:1px;padding:0!important;border:0!important;pointer-events:none}
.chipset span{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--field);transition:background .2s,border-color .2s,color .2s}
.chipset span:before{content:"+";font-weight:800;opacity:.55}
.chipset label:hover span{border-color:#D6A942}
.chipset input:checked+span{background:#D6A942;border-color:#D6A942;color:#0B1730}
.chipset input:checked+span:before{content:"✓";opacity:1}
.chipset input:focus-visible+span{outline:2px solid #D6A942;outline-offset:2px}
fieldset.chips.bad .chipset span{border-color:#FF8A80}
/* v17.99 story: on desktop the step text sits below the 01/05 counter, centred in the space left (no overlap on long steps) */
@media (min-width:901px){.story .ch{top:190px;bottom:60px;translate:none;display:flex;flex-direction:column;justify-content:safe center}}
/* v17.99 company name next to the logo */
header.nav .brand span.bname{display:inline;font-size:15px;font-weight:700;letter-spacing:.01em}
header.nav .brand span.bname sup{font-size:.6em;margin-left:2px;vertical-align:super}
@media (max-width:1240px) and (min-width:901px){header.nav .brand span.bname{font-size:13px;white-space:normal;max-width:150px;line-height:1.15}}
@media (max-width:420px){header.nav .brand span.bname{font-size:13px;white-space:normal;max-width:160px;line-height:1.15}}
/* v17.100 Earned: quote above the awards, "Mauritius' first" line below them */
.awc .aquote.aq-top{margin-top:18px;margin-bottom:26px}
.awc .aw-eyebrow.aw-below{margin-top:30px}
/* company name next to the logo: phones and tablets only (no room beside the full desktop menu) */
/* v17.102 dropdown hover bridge */
.dd-p:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
/* v17.104 company name just above "ERP · AI · Business consulting" in the home hero (desktop); phones and tablets keep it beside the logo */
.hero .hname{display:none}
@media (min-width:1181px){.hero .hname{display:block;font:600 14px var(--font);letter-spacing:.08em;color:#C9CFDC;margin-bottom:14px}
 .hero .hname sup{font-size:.65em;margin-left:2px}}
/* v17.104 solution tags filled in their brand colour; service cards without the big numbers */
.plats .plat .pl{background:var(--pc);color:#fff;border-color:var(--pc)}
.plats .plat.p-ai .pl{background:#D6A942;color:#0B1730;border-color:#D6A942}
.svcgrid .svc:after{display:none!important}
.svcgrid .svc .sk{padding-right:0}
/* v17.105 Services dropdown: Solutions and Methodology; company name only in the home hero (not in the menu) */
.dd-p.smenu{min-width:330px;padding:12px 8px 8px;grid-template-columns:1fr;gap:0}
.dd:hover .dd-p.smenu,.dd.open .dd-p.smenu{display:grid}
.smenu .smtag{grid-column:1/-1;margin:0 12px 6px;font:700 13px var(--font);letter-spacing:.04em;color:#D6A942}
.smenu h6{margin:6px 12px 4px;font:700 11.5px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
.smenu .mhead{grid-column:1/-1;margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;font-weight:600;color:#D6A942}
body.lt .smenu .smtag,body.lt .smenu .mhead{color:#8A5A00}
#svc-sol,#svc-list,#svc-how,#svc-partner,#svc-plans{scroll-margin-top:110px}
@media (min-width:1181px) and (max-width:1320px){.menu>a,.dd>button{padding:8px 9px}}
/* v17.106 solution tags filled dark; Services menu active on Solutions and Methodology pages */
.plats .plat .pl,.plats .plat.p-ai .pl{background:#0B1730;color:#fff;border-color:#0B1730}
/* v17.106 solution tags filled dark; Services menu: one link per page (Solutions, Services, Methodology) */
.plats .plat .pl,.plats .plat.p-ai .pl{background:#0B1730;color:#fff;border-color:#0B1730}
.dd-p.smenu{min-width:330px;display:none;grid-template-columns:1fr;padding:12px 8px 8px}
.smenu a{display:block;padding:10px 12px}
.smenu a b{display:block;font-weight:700;font-size:16px}
.smenu a span{display:block;font-size:13.5px;color:var(--mist);margin-top:2px;line-height:1.35}
body.lt .smenu a span{color:#5E6782}
/* v17.107 phone/tablet menu grouped: Services and Company open in place; Appointment and Client help on one line */
.drawer .dacc{border-bottom:1px solid var(--line)}
.drawer .dacc summary{list-style:none;cursor:pointer;padding:11px 2px;font-size:17px;color:var(--cream);display:flex;justify-content:space-between;align-items:center}
.drawer .dacc summary::-webkit-details-marker{display:none}
.drawer .dacc summary:after{content:"▾";font-size:14px;opacity:.7;transition:transform .2s}
.drawer .dacc[open] summary:after{transform:rotate(180deg)}
.drawer .dacc>div{display:flex;flex-direction:column;padding:0 0 8px 14px}
.drawer .dacc>div a{border-bottom:0;padding:8px 2px;font-size:16px;opacity:.85}
.drawer .dutil{display:flex;gap:22px;padding-top:4px}
.drawer .dutil a{border-bottom:0;font-size:15.5px;opacity:.85}
#drawer details.dacc{background:none!important;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;margin:0;box-shadow:none;backdrop-filter:none}
#drawer details.dacc summary{padding:11px 2px;font-weight:400;font-size:17px;background:none}
#drawer details.dacc summary:before{display:none}
/* v17.108 company name back beside the logo (Appointment moved into Company makes room); hero copy removed */
.hero .hname{display:none!important}
header.nav .brand span.bname{display:inline;font-size:14px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
@media (min-width:1181px) and (max-width:1600px){header.nav .nav-in .brand span.bname{font-size:13px;white-space:normal;max-width:140px;line-height:1.15}}
@media (max-width:420px){header.nav .brand span.bname{font-size:13px;white-space:normal;max-width:160px;line-height:1.15}}
/* v17.109 client portal as a person icon in the top bar; Client help first in Company */
.util a.ulogin{width:38px;height:38px;justify-content:center;border-radius:50%;border:1px solid var(--line);gap:0}
.util a.ulogin svg{width:19px;height:19px}
.util a.ulogin:hover{border-color:#D6A942;color:#D6A942}
/* v17.110 Start your project: every field required, marked with a gold asterisk */
#intake .f>label:after,#intake fieldset.chips legend:after{content:" *";color:#B8862A;font-weight:700}
#intake fieldset.chips legend small{display:none}
#intake fieldset.chips legend:after{content:" * (pick at least one)";font-size:13px;font-weight:500}
/* v17.111 dropdowns: thin dividers between options and a clear gold hover */
header.nav .dd-p a{position:relative;transition:background .15s,color .15s}
header.nav .dd-p a+a{border-top:1px solid rgba(245,241,232,.08)}
header.nav .dd-p a:hover,header.nav .dd-p a:focus-visible{background:rgba(214,169,66,.16);color:#F2D27E}
header.nav .dd-p a:hover:before,header.nav .dd-p a:focus-visible:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:#D6A942}
header.nav .dd-p a:hover b,header.nav .dd-p a:hover span{color:inherit}
body.lt header.nav .dd-p a+a{border-top-color:rgba(11,23,48,.08)}
body.lt header.nav .dd-p a:hover,body.lt header.nav .dd-p a:focus-visible{background:#FBF1D9;color:#8A5A00}
body.lt header.nav .dd-p a:hover span{color:#8A5A00}
/* v17.112 solution tags filled in each icon's colour (light text); NetSuite in dark grey */
.svcsec .plats .plat.p-ns{--pc:#3A3F47;--pt:#ECEDEF}
.svcsec .plats .plat span.pl{background:var(--pc);color:#F5F1E8;border-color:var(--pc)}
.svcsec .plats .plat.p-ai span.pl{background:#B8862A;color:#FFF8E8;border-color:#B8862A}
/* v17.113 dropdown panels fully solid (no see-through on the home page) */
body header.nav .dd-p,body header.nav .dd-p.imenu,body header.nav .dd-p.smenu{background:#0B1730;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 24px 50px -18px rgba(0,0,0,.75)}
body.lt header.nav .dd-p,body.lt header.nav .dd-p.imenu,body.lt header.nav .dd-p.smenu{background:#FFFFFF;box-shadow:0 24px 50px -24px rgba(11,23,48,.35)}
#drawer.open{background:#050A16}
body.lt #drawer.open{background:#FFFFFF}
/* v17.114 thin gold outline on dropdown panels; gold underline on main menu hover and on the current section */
body header.nav .dd-p,body.lt header.nav .dd-p{border:1px solid rgba(214,169,66,.6)}
header.nav .menu>a,header.nav .dd>button{position:relative;background:none!important;border-radius:0}
header.nav .menu>a:after,header.nav .dd>button:after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:2px;border-radius:2px;background:#D6A942;transform:scaleX(0);transform-origin:left;transition:transform .25s}
header.nav .menu>a:hover:after,header.nav .dd>button:hover:after,header.nav .dd.open>button:after,header.nav .menu>a.on:after,header.nav .dd.on>button:after{transform:scaleX(1)}
header.nav .menu>a.on,header.nav .dd.on>button{color:var(--cream)}
/* v17.115 home page: dropdowns in cream (trial) */
body.home header.nav .dd-p,body.home header.nav .dd-p.imenu,body.home header.nav .dd-p.smenu{background:#FBF7EF;box-shadow:0 24px 50px -20px rgba(0,0,0,.6)}
body.home header.nav .dd-p a,body.home header.nav .dd-p a b{color:#0B1730}
body.home header.nav .dd-p a span,body.home .smenu h6{color:#5E6782}
body.home header.nav .dd-p a+a{border-top-color:rgba(11,23,48,.08)}
body.home header.nav .dd-p a:hover,body.home header.nav .dd-p a:focus-visible{background:#F3E6C4;color:#8A5A00}
body.home header.nav .dd-p a:hover b,body.home header.nav .dd-p a:hover span{color:#8A5A00}
body.home .smenu .smtag,body.home .dd-p .mhead,body.home .dd-p .mhead b{color:#8A5A00}
/* v17.116 phone menu: Client Portal as its own row with the person icon (desktop uses the icon in the bar) */
#drawer a.dportal{display:flex;align-items:center;gap:10px}
#drawer a.dportal svg{width:20px;height:20px}
/* v17.117 calmer dropdown hover: no side bar, softer tint, cursor circle hidden over menus */
header.nav .dd-p a:hover:before,header.nav .dd-p a:focus-visible:before{display:none}
header.nav .dd-p a:hover,header.nav .dd-p a:focus-visible{background:rgba(245,241,232,.06);color:#F2D27E}
html body.lt header.nav .dd-p a:hover,html body.lt header.nav .dd-p a:focus-visible,html body.home header.nav .dd-p a:hover,html body.home header.nav .dd-p a:focus-visible{background:rgba(11,23,48,.04);color:#8A5A00}
body:has(header.nav .dd-p:hover) #cur,body:has(header.nav .dd-p:hover) #cur2,body:has(header.nav .menu:hover) #cur,body:has(header.nav .menu:hover) #cur2{opacity:0!important}
/* v17.118 phone menu scrolls when Industries is open */
#drawer.open{max-height:calc(100svh - 72px);overflow-y:auto;overscroll-behavior:contain}
/* v17.120 5-step story: hide the small step name beside 01 / 05 (the big heading below already names the step) */
.st-count #stT{display:none!important}
/* v17.122 story step labels: larger, set apart from the 01 / 05 numbers */
.story .st-count .st-eb{font-size:15px;letter-spacing:.14em;margin-bottom:10px;color:#E9E3D6}
@media (max-width:900px){.story .st-count .st-eb{font-size:13px;letter-spacing:.12em;margin-bottom:8px}}
/* v17.123 Services page redesign: proof row, platform cards, services grouped by stage, closing CTA */
.s2hero .s2proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s2proof>div{padding:18px 18px 18px 0;border-right:1px solid var(--line)}
.s2proof>div+div{padding-left:18px}
.s2proof>div:last-child{border-right:0}
.s2proof b{display:block;font:700 clamp(17px,1.6vw,21px)/1.2 var(--display);color:var(--cream)}
.s2proof span{display:block;margin-top:4px;font-size:14px;color:var(--mist)}
.s2jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.s2jump a{padding:9px 16px;border-radius:999px;border:1px solid var(--line-2);font-weight:600;font-size:14.5px;color:var(--cream);text-decoration:none;transition:border-color .2s,color .2s}
.s2jump a:hover{border-color:#D6A942;color:#8A5A00}
.s2sec{padding-block:clamp(48px,7vw,88px)}
.s2alt{background:#F6F0E3}
.s2plats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.s2plat{--pc:#714B67;display:flex;flex-direction:column;gap:10px;padding:26px 24px 22px;border-radius:18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--pc);text-decoration:none;color:inherit;box-shadow:0 18px 40px -30px rgba(11,23,48,.35);transition:transform .25s,box-shadow .25s,border-color .25s}
.s2plat:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(11,23,48,.45);border-color:var(--pc)}
.s2plat.p-ai{--pc:#B8862A}.s2plat.p-ns{--pc:#3A3F47}.s2plat.p-coupa{--pc:#248DCD}
.s2ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--pc);color:#fff}
.s2ico svg{width:23px;height:23px}
.s2tag{align-self:flex-start;margin-top:6px;padding:4px 11px;border-radius:999px;background:var(--pc);color:#F5F1E8;font:700 11.5px var(--font);letter-spacing:.14em;text-transform:uppercase}
.s2plat h3{font:700 clamp(19px,1.6vw,22px)/1.2 var(--display);color:#0B1730;margin:2px 0 0}
.s2plat p{font-size:15px;line-height:1.55;color:#3B4566;margin:0;flex:1}
.s2go{margin-top:6px;font-weight:700;font-size:15px;color:var(--pc)}
.s2plat.p-ai .s2go{color:#8A5A00}
.s2grps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;align-items:start}
.s2grp{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px 10px;box-shadow:0 18px 40px -32px rgba(11,23,48,.35)}
.s2gh{display:flex;gap:14px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:6px}
.s2n{font:800 15px var(--display);color:#8A5A00;background:#FBF1D9;border:1px solid rgba(214,169,66,.5);border-radius:10px;padding:6px 9px;line-height:1}
.s2gh h3{font:700 20px/1.2 var(--display);color:#0B1730;margin:0}
.s2gh p{margin:4px 0 0;font-size:14px;color:#5E6782}
.s2row{display:flex;align-items:center;gap:14px;padding:14px 6px;border-radius:12px;text-decoration:none;color:inherit;transition:background .2s}
.s2row+.s2row{border-top:1px solid rgba(11,23,48,.07)}
.s2row:hover{background:#FBF5E7}
.s2ri{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#F3ECDD;color:#8A5A00}
.s2ri svg{width:20px;height:20px}
.s2rt{flex:1;min-width:0}
.s2rt b{display:block;font-weight:700;font-size:16px;color:#0B1730}
.s2rt span{display:block;font-size:14px;color:#5E6782;margin-top:2px;line-height:1.4}
.s2row i{font-style:normal;color:#B8862A;font-weight:700;transition:transform .2s}
.s2row:hover i{transform:translateX(3px)}
.s2cta{padding-block:clamp(40px,6vw,72px)}
.s2ctab{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(26px,4vw,40px);border-radius:22px;background:#0B1730;border:1px solid rgba(214,169,66,.5)}
.s2ctab h2{color:#F5F1E8;margin:0}
.s2ctab p{color:#C9CFDC;margin:8px 0 0;max-width:52ch}
.s2ctab .btn-line{color:#F5F1E8;border-color:rgba(214,169,66,.7)}
@media (max-width:1100px){.s2plats{grid-template-columns:repeat(2,minmax(0,1fr))}.s2grps{grid-template-columns:1fr}}
@media (max-width:760px){.s2hero .s2proof{grid-template-columns:repeat(2,minmax(0,1fr))}.s2proof>div{padding:14px 12px 14px 0}.s2proof>div:nth-child(2){border-right:0}.s2proof>div:nth-child(3){padding-left:0;border-top:1px solid var(--line)}.s2proof>div:nth-child(4){border-top:1px solid var(--line)}}
@media (max-width:560px){.s2plats{grid-template-columns:1fr}.s2ctab .row{width:100%}.s2ctab .btn{flex:1;justify-content:center}}
.s2ctab .btn.btn-line{color:#F5F1E8!important;border-color:rgba(214,169,66,.75)!important;background:transparent!important}
.s2ctab .btn.btn-line:hover{background:rgba(214,169,66,.15)!important}

/* v17.124 Services page v3: solution tabs, editorial solution rows, one services list */
.s3hero{padding-bottom:clamp(30px,5vw,56px)}
.s3tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}
.s3tab{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}
.s3tab:hover{border-color:var(--pc);transform:translateY(-2px);box-shadow:0 16px 34px -24px rgba(11,23,48,.45)}
.s3ti{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--pc);color:#fff}
.s3ti svg{width:22px;height:22px}
.s3tab b{display:block;font:700 17px var(--display);color:#0B1730}
.s3tab em{display:block;font-style:normal;font-size:13px;color:#5E6782;margin-top:2px;line-height:1.3}
.s3sols{padding-block:clamp(24px,4vw,48px) clamp(48px,7vw,88px)}
.s3sols>.wrap>.eyebrow{margin-bottom:8px}
.s3row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:stretch;padding-block:clamp(36px,5vw,64px);border-top:1px solid var(--line);scroll-margin-top:100px}
.s3row:first-of-type{border-top:0}
.s3row.s3flip .s3txt{order:2}.s3row.s3flip .s3vis{order:1}
.s3k{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.s3tag{padding:5px 12px;border-radius:999px;background:var(--pc);color:#F5F1E8;font:700 12px var(--font);letter-spacing:.14em;text-transform:uppercase}
.s3kind{font:700 clamp(24px,2.6vw,34px)/1.15 var(--display);color:#0B1730;letter-spacing:-.01em}
.s3txt h3{margin:22px 0 6px;font:700 12.5px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--pc)}
.s3row.s3ai .s3txt h3{color:#8A5A00}
.s3what{font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.6;color:#2B3555;margin:0;max-width:62ch}
.s3cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.s3cols h4{margin:0 0 6px;font:700 14px var(--font);color:#0B1730}
.s3cols p{margin:0;font-size:15px;line-height:1.55;color:#3B4566}
.s3cols ul{margin:0;padding:0;list-style:none}
.s3cols li{position:relative;padding-left:20px;font-size:15px;line-height:1.5;color:#3B4566;margin-bottom:6px}
.s3cols li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--pc)}
.s3team{margin:18px 0 0;padding:12px 16px;border-left:3px solid var(--pc);background:#FBF7EF;border-radius:0 10px 10px 0;font-size:14.5px;line-height:1.5;color:#2B3555;font-weight:500}
.s3cta{margin-top:22px}
.s3vis{position:relative;overflow:hidden;border-radius:22px;padding:clamp(26px,3vw,38px);background:linear-gradient(150deg,var(--pc),var(--pd));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;box-shadow:0 30px 60px -36px rgba(11,23,48,.6)}
.s3big{position:absolute;right:-30px;top:-30px;width:220px;height:220px;opacity:.14}
.s3big svg{width:100%;height:100%;stroke-width:1.2}
.s3vis b{font:800 clamp(30px,3.4vw,44px)/1 var(--display);letter-spacing:-.02em}
.s3vis em{font-style:normal;margin-top:6px;font-size:15px;opacity:.85}
.s3chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.s3chips span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font-size:13.5px;font-weight:600}
.s3list{background:#F6F0E3;padding-block:clamp(48px,7vw,88px)}
.s3lw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:start}
.s3lh{position:sticky;top:110px}
.s3svcs{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 20px 44px -34px rgba(11,23,48,.4)}
.s3svc{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:18px 22px;text-decoration:none;color:inherit;transition:background .2s}
.s3svc+.s3svc{border-top:1px solid rgba(11,23,48,.07)}
.s3svc:hover{background:#FBF5E7}
.s3n{font:700 13px var(--display);color:#B8862A;width:22px}
.s3si{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#F3ECDD;color:#8A5A00}
.s3si svg{width:20px;height:20px}
.s3st b{display:block;font-weight:700;font-size:16.5px;color:#0B1730}
.s3st span{display:block;font-size:14px;color:#5E6782;margin-top:2px;line-height:1.4}
.s3stage{font:700 11px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#8A5A00;background:#FBF1D9;border-radius:999px;padding:5px 10px}
.s3svc i{font-style:normal;font-weight:700;color:#B8862A;transition:transform .2s}
.s3svc:hover i{transform:translateX(3px)}
@media (max-width:1000px){.s3tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.s3row{grid-template-columns:1fr}.s3row.s3flip .s3txt,.s3row.s3flip .s3vis{order:0}.s3vis{min-height:220px}.s3lw{grid-template-columns:1fr}.s3lh{position:static}}
@media (max-width:600px){.s3tabs{grid-template-columns:1fr 1fr;gap:8px}.s3tab{padding:12px;gap:10px}.s3ti{width:36px;height:36px}.s3tab em{display:none}.s3cols{grid-template-columns:1fr}.s3svc{grid-template-columns:auto minmax(0,1fr) auto;padding:16px}.s3n,.s3stage{display:none}}

/* v17.125 Plan cards: included items inside each card */
html body .plans .plan{display:flex;flex-direction:column}
html body .plan .pinc{list-style:none;margin:auto 0 0;padding:14px 18px 18px;border-top:1px solid rgba(11,23,48,.08)}
html body .plan .pinc li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.45;color:#3B4566;margin-top:6px}
html body .plan .pinc li:before{content:"";position:absolute;left:2px;top:.32em;width:5px;height:9px;border:solid #B8862A;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* v17.126 Services solutions: same text width and same panel size on every row */
@media (min-width:1001px){html body .s3row.s3flip{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}html body .s3row .s3vis{align-self:center;height:360px;min-height:0}}

/* v17.127 Industry photos: photo cards, photo in the industry page header, photo band */
html body .indc.ph{padding:0;border:0;overflow:hidden;justify-content:flex-end;min-height:150px;background:#0B1730;isolation:isolate}
html body .indc.ph .iphi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;z-index:-2}
html body .indc.ph:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,23,48,0) 30%,rgba(11,23,48,.85) 100%)}
html body .indc.ph .iic{display:none}
html body .indc.ph b{color:#F5F1E8;padding:0 16px 16px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
html body .indc.ph i{color:#EBC56A}
html body .indc.ph:hover .iphi{transform:scale(1.06)}
html body .ihead.ihph{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
html body .ihimg{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 60px -36px rgba(11,23,48,.55)}
html body .ihimg img,html body .ipband img{display:block;width:100%;height:100%;object-fit:cover}
html body .ipband{padding-block:clamp(40px,6vw,72px)}
html body .ipband .ipb2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,24px)}
html body .ipband figure{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:3/2}
@media (max-width:900px){html body .ihead.ihph{grid-template-columns:1fr}html body .ihimg{aspect-ratio:16/10}}
@media (max-width:600px){html body .indc.ph{min-height:140px;grid-column:span 2;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:0}html body .ipband .ipb2{grid-template-columns:1fr}}

/* v17.128 Industry photo band: 4-photo grid */
html body .ipband .ipb2.ipb4{grid-template-columns:repeat(4,1fr)}html body .ipband .ipb4 figure{aspect-ratio:4/5}
@media (max-width:900px){html body .ipband .ipb2.ipb4{grid-template-columns:1fr 1fr}}

/* v17.129 Industry photo band: 3-photo grid */
html body .ipband .ipb2.ipb3{grid-template-columns:repeat(3,1fr)}html body .ipband .ipb3 figure{aspect-ratio:4/5}
@media (max-width:900px){html body .ipband .ipb2.ipb3{grid-template-columns:1fr}html body .ipband .ipb3 figure{aspect-ratio:3/2}}

/* v17.130 Industry photo band: one wide photo */
html body .ipband .ipb2.ipb1{grid-template-columns:1fr}html body .ipband .ipb1 figure{aspect-ratio:21/9}
@media (max-width:900px){html body .ipband .ipb1 figure{aspect-ratio:3/2}}

/* v17.131 Industry photo cards: titles that read on any photo */
html body .indc.ph:after{background:linear-gradient(180deg,rgba(11,23,48,0) 25%,rgba(11,23,48,.55) 55%,rgba(11,23,48,.94) 100%)}
html body .indc.ph .iphi{filter:saturate(1.05) brightness(.92)}
html body .indc.ph b{position:relative;font:800 17px/1.2 var(--display);letter-spacing:-.005em;color:#FFFFFF;padding:0 16px 16px;text-shadow:0 2px 12px rgba(0,0,0,.55)}
html body .indc.ph b:before{content:"";display:block;width:26px;height:3px;border-radius:2px;background:#EBC56A;margin-bottom:9px;transition:width .3s}
html body .indc.ph:hover b:before{width:44px}
@media (max-width:600px){html body .indc.ph b{font-size:16px}}

/* v17.133 Industry pages: previous / next arrows at the top and a browse bar at the bottom */
html body .ibread{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html body .ibread .inav{margin-left:auto;display:flex;gap:8px}
html body .inbtn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(11,23,48,.15);background:#fff;color:#0B1730;font:600 22px/1 var(--font);text-decoration:none;transition:border-color .2s,background .2s,color .2s}
html body .inbtn:hover{border-color:#D6A942;background:#FBF1D9;color:#7A5200}
html body .inext{padding-block:clamp(20px,3vw,32px);border-top:1px solid rgba(11,23,48,.08)}
html body .inrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
html body .inlink{display:flex;align-items:center;gap:14px;padding:10px;border-radius:16px;text-decoration:none;color:inherit;transition:background .2s}
html body .inlink:hover{background:#FBF5E7}
html body .innext{justify-content:flex-end;text-align:right}
html body .inth{flex:none;width:84px;height:60px;border-radius:12px;background-size:cover;background-position:center;background-color:#E9E3D6}
html body .intx em{display:block;font-style:normal;font:700 11.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#8A5A00}
html body .intx b{display:block;font:700 17px/1.25 var(--display);color:#0B1730;margin-top:3px}
html body .inall{padding:10px 16px;border-radius:999px;border:1px solid rgba(11,23,48,.15);font-weight:600;font-size:14px;color:#0B1730;text-decoration:none;white-space:nowrap}
html body .inall:hover{border-color:#D6A942;background:#FBF1D9}
@media (max-width:700px){html body .inrow{grid-template-columns:1fr 1fr}html body .inall{grid-column:1/-1;grid-row:2;justify-self:center}html body .inth{width:56px;height:44px}html body .intx b{font-size:15px}html body .inlink{padding:6px;gap:10px}}
/* v17.133 Home industry tiles: photo with title over it, no white strip, no gold bar */
html body .indgrid .indc.ph b:before{display:none}
html body .inth[data-i="retail"]{background-image:url(/assets/img/ind/retail-thumb.jpg)}
html body .inth[data-i="manufacturing"]{background-image:url(/assets/img/ind/manufacturing-thumb.jpg)}
html body .inth[data-i="professional-services"]{background-image:url(/assets/img/ind/professional-services-thumb.jpg)}
html body .inth[data-i="healthcare"]{background-image:url(/assets/img/ind/healthcare-thumb.jpg)}
html body .inth[data-i="hospitality"]{background-image:url(/assets/img/ind/hospitality-thumb.jpg)}
html body .inth[data-i="distribution"]{background-image:url(/assets/img/ind/distribution-thumb.jpg)}
html body .inth[data-i="construction"]{background-image:url(/assets/img/ind/construction-thumb.jpg)}
html body .inth[data-i="financial-services"]{background-image:url(/assets/img/ind/financial-services-thumb.jpg)}
html body .inth[data-i="education"]{background-image:url(/assets/img/ind/education-thumb.jpg)}
html body .inth[data-i="food-and-beverage"]{background-image:url(/assets/img/ind/food-and-beverage-thumb.jpg)}
html body .inth[data-i="real-estate"]{background-image:url(/assets/img/ind/real-estate-thumb.jpg)}
html body .inth[data-i="energy-and-solar"]{background-image:url(/assets/img/ind/energy-and-solar-thumb.jpg)}
html body .inth[data-i="non-profit"]{background-image:url(/assets/img/ind/non-profit-thumb.jpg)}
html body .inth[data-i="automotive"]{background-image:url(/assets/img/ind/automotive-thumb.jpg)}
html body .inth[data-i="technology"]{background-image:url(/assets/img/ind/technology-thumb.jpg)}

/* v17.134 Industry pages: thin "Previous industry / Next industry" links, top right */
html body .ihead.ihph .ihtop{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:-6px}
html body .ihtop .ibread{margin:0}
html body .ihtop .inav{display:flex;align-items:center;gap:18px;margin:0}
html body .intl{display:inline-flex;align-items:center;gap:10px;font:600 14.5px var(--font);color:#0B1730;text-decoration:none;letter-spacing:.01em;transition:color .2s}
html body .intl i{font-style:normal}
html body .intl .inar{width:26px;height:13px;color:#B8862A;transition:transform .25s}
html body .intl:hover{color:#8A5A00}
html body .intl:first-child:hover .inar{transform:translateX(-4px)}
html body .intl:last-child:hover .inar{transform:translateX(4px)}
html body .insep{width:1px;height:16px;background:rgba(11,23,48,.18)}
@media (max-width:600px){html body .intl i{display:none}html body .ihead.ihph .ihtop{flex-wrap:wrap;row-gap:10px}html body .ihtop .ibread{flex:1 0 100%}html body .ihtop .inav{gap:12px}html body .intl{font-size:14px}}

/* v17.135 Home: "Don't see your industry?" band under the industry grid */
html body .indmore{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding:18px 24px;border-radius:16px;background:#F6F0E3;border:1px solid rgba(214,169,66,.45);color:#2B3555;text-decoration:none;font-size:16px;transition:border-color .2s,background .2s}
html body .indmore b{color:#0B1730}
html body .indmore em{font-style:normal;font-weight:700;color:#8A5A00;white-space:nowrap}
html body .indmore:hover{border-color:#D6A942;background:#FBF1D9}

/* v17.136 Industry photo band: 2x2 wide frames (words in photos stay whole) */
html body .ipband .ipb2.ipb4.ipbw{grid-template-columns:1fr 1fr}html body .ipband .ipb2.ipb4.ipbw figure{aspect-ratio:3/2}
@media (max-width:600px){html body .ipband .ipb2.ipb4.ipbw{grid-template-columns:1fr}}

/* v17.137 Home industry tiles: title back to the original size so it sits on one line under the photo's subject */
html body .indgrid:not(.ihub) .indc.ph b{font:700 15.5px/1.25 var(--display);letter-spacing:-.01em;padding:0 16px 14px}
@media (max-width:600px){html body .indgrid:not(.ihub) .indc.ph b{font-size:15px}}

/* v17.138 Home Earned: credentials cards with descriptions instead of video + medals */
html body .awc .aw-lbl{margin:34px 0 16px}
html body .awc .hawards{margin-top:0}
html body .awc .aw-more{margin-top:22px;text-align:center}
html body .awc .hawards{max-width:1180px;margin-inline:auto;text-align:left}
html body .awc .hawards .aw.panel{background:#fff!important;background-image:none!important;border:1px solid #E3D9C4!important;border-radius:18px;box-shadow:0 1px 0 rgba(11,23,48,.03)!important;color:#0B1730}
html body .awc .hawards .aw h3{color:#0B1730!important}html body .awc .hawards .aw p{color:#3B4566!important}html body .awc .hawards .aw b{color:#8A5A00!important}

/* v17.139 BOP card: link to our Best Odoo Partners profile */
html body .aw .aw-link{display:inline-block;margin-top:8px;font-weight:700;font-size:14.5px;color:#8A5A00;text-decoration:none;border-bottom:1.5px solid rgba(184,134,42,.5)}
html body .aw .aw-link:hover{color:#0B1730;border-color:#B8862A}

/* v17.140 BOP panel under the credential cards */
html body .bopx{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:start;margin:14px auto 0;max-width:1180px;padding:clamp(24px,3.5vw,40px);border-radius:20px;background:#0B1730;color:#E9E3D6;text-align:left;box-shadow:0 24px 50px -30px rgba(11,23,48,.6)}
html body .bopx .mimg{width:120px;height:120px}
html body .bopx .bopk{font:700 12px var(--font);letter-spacing:.18em;text-transform:uppercase;color:#EBC56A}
html body .bopx h3{margin:8px 0 10px;font:700 clamp(22px,2.4vw,30px)/1.2 var(--display);color:#F5F1E8}
html body .bopx p{margin:0;max-width:70ch;font-size:16px;line-height:1.6;color:#C9CFDC}
html body .bopx ul{list-style:none;margin:20px 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html body .bopx li{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(214,169,66,.3)}
html body .bopx li b{display:block;color:#EBC56A;font-size:15px}
html body .bopx li span{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:#C9CFDC}
@media (max-width:760px){html body .bopx{grid-template-columns:1fr;gap:14px}html body .bopx .mimg{width:84px;height:84px}html body .bopx ul{grid-template-columns:1fr}}

/* v17.142 5-step story on desktop: 3x more scrolling per step (less sensitive) */
@media (min-width:901px){html body .story{height:595vh}}

/* v17.143 Home industries on phones: 6 tiles in two columns, then See more industries */
.indall{display:none}
@media (max-width:600px){
html body .indgrid:not(.ihub){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .indgrid:not(.ihub) .indc.ph{grid-column:auto;min-height:150px}
html body .indgrid:not(.ihub) .indc.ph b{font-size:14px;padding:0 12px 12px}
html body .indgrid:not(.ihub) .indc:nth-child(n+7){display:none}
html body .indall{display:block;margin-top:14px;padding:14px 18px;border-radius:999px;background:#0B1730;color:#F5F1E8;text-align:center;font-weight:700;text-decoration:none}
}

/* v17.144 About gallery: video tiles; Odoo Business Show photos */
html body .gph video{width:100%;height:100%;object-fit:cover;display:block}

/* v17.145 Careers header: 360 video from Odoo Experience beside the intro */
html body .chead{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center}
html body .cvid{margin:0;justify-self:center;width:min(100%,320px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#0B1730;box-shadow:0 30px 60px -34px rgba(11,23,48,.6);position:relative}
html body .cvid video{width:100%;height:100%;object-fit:cover;display:block}
html body .cvid figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 12px;font-size:13px;font-weight:600;color:#F5F1E8;background:linear-gradient(180deg,rgba(11,23,48,0),rgba(11,23,48,.8))}
@media (max-width:800px){html body .chead{grid-template-columns:1fr}html body .cvid{width:min(100%,260px)}}

/* v17.146 About gallery: six photos, three per row (two on phones) */
html body .gal[data-big="0"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:260px}
@media (max-width:700px){html body .gal[data-big="0"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}}

/* v17.147 5-step story on phones and tablets: text sits just under the 3D shape instead of at the bottom */
@media (max-width:900px){html body .story .ch{top:52svh;bottom:auto;translate:none}}

/* v17.148 Theme: one rich metallic gold; gold infinity at the top of the home page (replaces the smoke); dots only inside the story; clients strip can be dragged */
:root{--gold:#C9A04B;--gold-2:#F1D78C;--gt:#E6C877}
.g{background:linear-gradient(100deg,#B98A2E 0%,#E9CC7A 35%,#F6E3A6 50%,#D4AC52 65%,#A87B26 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.btn-gold{background:linear-gradient(120deg,#B98A2E 0%,#E3C26C 40%,#F3DC98 52%,#D2A84B 70%,#B08128 100%)!important;color:#1A1303!important;border-color:transparent!important;box-shadow:0 10px 26px -12px rgba(201,160,75,.7)}
.btn-gold:hover{filter:brightness(1.06)}
body.lt .g,.awc .g,.ctac .g{background:linear-gradient(100deg,#9A6E1E 0%,#C9A04B 40%,#E3C26C 52%,#B08128 75%,#8A5A00 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
#heroGL{display:none!important}
.hero{background:radial-gradient(55% 60% at 72% 48%,rgba(201,160,75,.10),transparent 70%),#050A16!important}
.hinf{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:2vw;pointer-events:none;z-index:0}
.hinf svg{width:min(38vw,620px);height:auto;overflow:visible}
.hinf path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.hinf .inf-base{stroke:rgba(201,160,75,.12);stroke-width:1.2}
.hinf .inf-draw{stroke:url(#infG);stroke-width:2.2;stroke-dasharray:1000;stroke-dashoffset:1000;animation:infDraw 3.2s cubic-bezier(.6,.05,.3,1) .3s forwards;opacity:.75}
.hinf .inf-glow{stroke:#F1D78C;stroke-width:6;stroke-dasharray:70 930;animation:infRun 9s linear infinite;opacity:.55}
.hinf .inf-trail{stroke:#FFF3CF;stroke-width:2.4;stroke-dasharray:70 930;animation:infRun 9s linear infinite}
.hinf .inf-dot{fill:#FFF3CF;filter:drop-shadow(0 0 8px #F1D78C) drop-shadow(0 0 18px rgba(241,215,140,.7))}
@keyframes infDraw{to{stroke-dashoffset:0}}
@keyframes infRun{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.hero-in{z-index:1}
@media (max-width:900px){.hinf{align-items:flex-start;justify-content:center;padding:84px 0 0}.hinf svg{width:92vw;opacity:.55}}
@media (prefers-reduced-motion:reduce){.hinf .inf-draw{animation:none;stroke-dashoffset:0}.hinf .inf-glow,.hinf .inf-trail{animation:none;opacity:0}.hinf .inf-dot{display:none}}
.clients .lgclip{cursor:grab;touch-action:pan-y;user-select:none}
.clients .lgclip.drag{cursor:grabbing}
.clients .lgclip img{pointer-events:none;-webkit-user-drag:none}

/* v17.149 Scroll arrows: hero cue shows a moving down arrow; 5-step story has a Scroll button that moves to the next step */
html body .hcue .cuearr,html body .st-next .cuearr{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(201,160,75,.55);color:#E6C877;animation:cuebob 1.8s ease-in-out infinite}
html body .cuearr svg{width:16px;height:16px}
@keyframes cuebob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
html body .hcue{display:flex!important;color:#C9CFDC;font-size:12px}
html body .st-next{position:absolute;left:50%;bottom:44px;translate:-50% 0;z-index:5;display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;cursor:pointer;font:700 12px var(--font);letter-spacing:.22em;text-transform:uppercase;color:#C9CFDC;transition:opacity .3s}
html body .st-next:hover .cuearr{background:rgba(201,160,75,.15)}
html body .st-next.hide{opacity:0;pointer-events:none}
@media (max-width:900px){html body .st-next{left:auto;right:16px;translate:none;bottom:42px}html body .st-next span{display:none}html body .hcue{display:none!important}}
@media (prefers-reduced-motion:reduce){html body .cuearr{animation:none}}

/* v17.150 six phases: draggable; infinity thicker with a soft halo, two sparks and a gentle pulse where the loops cross */
@media (min-width:901px){html body .hj .htrack{cursor:grab}html body .hj .htrack.drag{cursor:grabbing;user-select:none}}
html body .hinf .inf-base{stroke:rgba(201,160,75,.14);stroke-width:2}
html body .hinf .inf-draw{stroke-width:3.6;opacity:.8}
html body .hinf .inf-glow{stroke-width:8}
html body .hinf .inf-trail{stroke-width:3.4}
html body .hinf .inf-dot{r:6}

/* v17.151 Industry pages: "Your return" card shows the gains, then the business result */
html body .ikpi.iroi .rg{display:block;margin-top:8px;font-size:14.5px;line-height:1.45;color:#3A2C0A}
html body .ikpi.iroi .rr{display:block;margin-top:8px;padding-top:8px;border-top:1px solid rgba(58,44,10,.22);font-size:14.5px;line-height:1.45;font-weight:700;color:#0B1730}
html body .ikpi.iroi .rr:before{content:"→ "}

/* v17.152 Six phases (desktop): progress bar with 01–06, clickable, plus previous/next arrows */
.hjnav{display:none}
@media (min-width:901px){
html body .hj .pin{position:sticky}
html body .hjnav{display:flex;align-items:center;gap:16px;position:absolute;left:clamp(16px,4vw,44px);right:clamp(16px,4vw,44px);bottom:clamp(22px,4vh,40px);z-index:5}
html body .hjbar{position:relative;flex:1;display:grid;grid-template-columns:repeat(6,1fr);padding-top:16px}
html body .hjbar:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:3px;background:rgba(11,23,48,.12)}
html body .hjfill{position:absolute;left:0;top:0;height:3px;border-radius:3px;width:0;background:linear-gradient(90deg,#B98A2E,#E9CC7A,#C9A04B)}
html body .hjdot{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:#5E6782;font:600 12.5px var(--font)}
html body .hjdot b{font:700 13px var(--display);color:#8A93A8}
html body .hjdot.on b,html body .hjdot:hover b{color:#B8862A}
html body .hjdot.on span{color:#0B1730}
html body .hjb{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,160,75,.6);background:#fff;color:#8A5A00;font:600 24px/1 var(--font);cursor:pointer;display:grid;place-items:center;transition:background .2s,opacity .2s}
html body .hjb:hover{background:#FBF1D9}
html body .hjb[disabled]{opacity:.3;cursor:default}
}

/* v17.153 Six phases bar on the dark section; hero: bigger eyebrow, slightly smaller headline */
@media (min-width:901px){html body .hjbar:before{background:rgba(245,241,232,.14)}html body .hjdot{color:#9EA8BE}html body .hjdot b{color:#C9CFDC}html body .hjdot.on span{color:#F5F1E8}html body .hjb{background:rgba(255,255,255,.04);color:#E6C877}html body .hjb:hover{background:rgba(201,160,75,.15)}}
html body .hero .eyebrow{font-size:clamp(14px,1.25vw,18px);letter-spacing:.2em}
html body .hero .eyebrow:before{width:30px;height:2px}
@media (min-width:901px){html body .hero .mega{font-size:clamp(38px,6.3vw,96px)}}
@media (max-width:900px){html body .hero .mega{font-size:clamp(32px,9vw,46px)}html body .hero .eyebrow{font-size:13.5px}}

/* v17.154 Six phases: direction hint above the bar */
.hjhint{display:none}
@media (min-width:901px){html body .hjhint{display:flex;gap:28px;position:absolute;left:calc(clamp(16px,4vw,44px) + 58px);bottom:calc(clamp(22px,4vh,40px) + 58px);z-index:5;font:600 12.5px var(--font);letter-spacing:.08em;text-transform:uppercase;color:#9EA8BE}html body .hjhint b{color:#E6C877;font-weight:700}}

/* v17.155 Gold toned down: flat buttons in a deeper gold (no shine); softer gold text; infinity above the text on phones and tablets */
html body .btn-gold{background:#C9A04B!important;box-shadow:0 8px 20px -12px rgba(201,160,75,.6)}
html body .btn-gold:hover{background:#D4AE5C!important;filter:none}
html body .g{background:linear-gradient(100deg,#C9A04B 0%,#E2C47A 50%,#C9A04B 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body.lt .g,html body .awc .g,html body .ctac .g{background:linear-gradient(100deg,#A97A22 0%,#C29438 50%,#A97A22 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
@media (max-width:900px){html body .hinf{position:relative;inset:auto;display:block;padding:0;margin:0 0 18px}html body .hinf svg{width:min(56vw,300px);opacity:.9;display:block}html body .hero{justify-content:center}}

/* v17.156 Industry measures: four cards, each with what improves and its own return (no separate gold box) */
html body .ikpi.ik4{display:flex;flex-direction:column;padding:22px 22px 0;overflow:hidden}
html body .ikpi.ik4 p{margin:8px 0 18px;font-size:14.5px;line-height:1.5;color:#3B4566;flex:1}
html body .ikpi.ik4 .ikr{margin:0 -22px;padding:12px 22px;background:#F6EBCF;border-top:1px solid #E8D6A6;font:700 14.5px var(--font);color:#7A5200}

/* v17.157 Industry measures: return strip in gold with a "Your return" label */
html body .ikpi.ik4 .ikr{background:linear-gradient(135deg,#E9CF8A 0%,#D9B866 55%,#C9A04B 100%);border-top:0;color:#0B1730;font:700 15px/1.35 var(--display)}
html body .ikpi.ik4 .ikr small{display:block;margin-bottom:3px;font:700 11px var(--font);letter-spacing:.16em;text-transform:uppercase;color:#5A3A00}

/* v17.158 Hero: eyebrow bigger again, headline smaller again */
html body .hero .eyebrow{font-size:clamp(16px,1.55vw,22px);letter-spacing:.18em}
html body .hero .eyebrow:before{width:36px}
@media (min-width:901px){html body .hero .mega{font-size:clamp(36px,5.4vw,82px)}}
@media (max-width:900px){html body .hero .mega{font-size:clamp(30px,8.2vw,42px)}html body .hero .eyebrow{font-size:15px;letter-spacing:.14em}}

/* v17.159 Return strip: richer gold, bigger and bolder return text */
html body .ikpi.ik4 .ikr{background:linear-gradient(135deg,#D9B35C 0%,#C9A04B 55%,#B8862A 100%);padding:14px 22px 16px;color:#0B1730;font:800 19px/1.25 var(--display);letter-spacing:-.01em}
html body .ikpi.ik4 .ikr small{font:800 11.5px var(--font);letter-spacing:.18em;color:#3A2600;margin-bottom:4px}

/* v17.160 Brighter gold buttons; hero eyebrow bigger and bolder, headline smaller; thicker infinity, centred on phones and tablets */
html body .btn-gold{background:linear-gradient(180deg,#E8C15F 0%,#D4A841 100%)!important;color:#1A1303!important;box-shadow:0 10px 24px -10px rgba(212,168,65,.75),inset 0 1px 0 rgba(255,255,255,.35)}
html body .btn-gold:hover{background:linear-gradient(180deg,#F0CB6A 0%,#DCB14A 100%)!important}
html body .hero .eyebrow{font-size:clamp(17px,1.75vw,25px);font-weight:800;letter-spacing:.16em}
html body .hero .eyebrow:before{width:40px;height:2.5px}
@media (min-width:901px){html body .hero .mega{font-size:clamp(34px,4.8vw,72px)}}
@media (max-width:900px){html body .hero .mega{font-size:clamp(28px,7.6vw,38px)}html body .hero .eyebrow{font-size:16px;letter-spacing:.12em}html body .hinf svg{margin:0 auto}}
html body .hinf .inf-base{stroke-width:3}
html body .hinf .inf-draw{stroke-width:5.6;opacity:.85}
html body .hinf .inf-glow{stroke-width:11}
html body .hinf .inf-trail{stroke-width:5}

/* v17.161 Six phases on phones and tablets: a swipe row (cards snap, next card peeks in, dots show progress) */
.hjswipe{display:none}
@media (max-width:900px){
html body .hj{padding-block:56px 40px}
html body .hj .pin{position:relative;height:auto;overflow:visible}
html body .hj .hintro{padding:0 16px 18px;width:auto}
html body .hj .harrow{display:none}
html body .hj .htrack{display:flex;flex-direction:row;align-items:stretch;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:4px 16px 14px;width:auto;transform:none!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html body .hj .htrack::-webkit-scrollbar{display:none}
html body .hj .htrack>.hintro{display:none}
html body .hj .phase{flex:0 0 82%;max-width:360px;scroll-snap-align:start;height:auto;min-height:300px}
html body .hj .phase:after{display:none}
html body .hjswipe{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 14px;font:700 12px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#C9CFDC}
html body .hjswipe b{color:#E6C877;display:inline-block;animation:indnudge 1.4s ease-in-out infinite}
html body .hjdots{display:flex;gap:6px}
html body .hjdots i{width:7px;height:7px;border-radius:50%;background:rgba(245,241,232,.25);transition:background .2s,width .2s}
html body .hjdots i.on{width:18px;border-radius:4px;background:#E6C877}
html body .hjnav,html body .hjhint{display:none!important}
}
@keyframes indnudge{0%,100%{transform:none}50%{transform:translateX(5px)}}
@media (min-width:901px){html body .hintro-m{display:none}}
@media (max-width:900px){html body .hj .hintro-m{display:block}}

/* v17.162 Return strip: brighter, truer gold (matches the buttons) */
html body .ikpi.ik4 .ikr{background:linear-gradient(180deg,#EBC45E 0%,#D9AC3E 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
html body .ikpi.ik4 .ikr small{color:#5A3A00}

/* v17.163 Story scroll control (right side): animated mouse with moving dot; down only on step 1, up and down after; infinity further from the text on desktop */
html body .st-nav{position:absolute;right:clamp(16px,4vw,44px);bottom:46px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px}
html body .st-nav .st-lbl{font:700 11px var(--font);letter-spacing:.24em;text-transform:uppercase;color:#C9CFDC;writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:6px}
html body .st-nav button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,160,75,.55);background:rgba(5,10,22,.5);color:#E6C877;cursor:pointer;padding:0;transition:background .2s,opacity .3s,transform .3s}
html body .st-nav button:hover{background:rgba(201,160,75,.18)}
html body .st-nav button svg{width:18px;height:18px}
html body .st-nav .st-next{animation:stDn 1.6s ease-in-out infinite}
html body .st-nav:not(.first) .st-up{animation:stUp 1.6s ease-in-out infinite}
html body .st-nav.first .st-up{opacity:0;pointer-events:none;height:0;width:0;border:0;margin:-4px 0}
html body .st-mouse{position:relative;width:22px;height:36px;border:1.5px solid rgba(230,200,119,.7);border-radius:12px}
html body .st-mouse i{position:absolute;left:50%;top:6px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:#E6C877;animation:stDot 1.6s ease-in-out infinite}
html body .st-nav:not(.first) .st-mouse i{animation:stDot2 2.4s ease-in-out infinite}
@keyframes stDot{0%{top:6px;opacity:1}70%{top:22px;opacity:0}100%{top:6px;opacity:0}}
@keyframes stDot2{0%,100%{top:6px}50%{top:22px}}
@keyframes stDn{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@keyframes stUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
html body .st-nav.last .st-next{animation:none}
@media (max-width:900px){html body .st-nav{bottom:40px}html body .st-nav .st-lbl{display:none}}
@media (prefers-reduced-motion:reduce){html body .st-nav *{animation:none!important}}
@media (min-width:901px){html body .hinf{padding-right:0;justify-content:flex-end}html body .hinf svg{width:min(32vw,540px);margin-right:-1vw}}

/* v17.164 Odoo blueprint: industry tabs show there is more (edge fade, arrows, swipe hint) */
html body .indtabs{position:relative;display:flex;align-items:center;gap:6px}
html body .indtabs .ind{flex:1;min-width:0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent);scroll-behavior:smooth}
html body .indtabs .ind::-webkit-scrollbar{display:none}
html body .indarr{flex:none;width:34px;height:34px;margin-bottom:10px;border-radius:50%;border:1px solid rgba(201,160,75,.6);background:rgba(201,160,75,.12);color:#E6C877;font:600 22px/1 var(--font);cursor:pointer;display:grid;place-items:center;transition:opacity .2s}
html body .indarr[disabled]{opacity:.25;cursor:default}
html body .indarr.indr:not([disabled]){animation:indnudge 1.4s ease-in-out infinite}
html body .indswipe{display:none;margin:-2px 0 10px;font:700 11.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#9EA8BE}
html body .indswipe b{color:#E6C877;display:inline-block;animation:indnudge 1.4s ease-in-out infinite}
@media (max-width:900px){html body .indswipe{display:block}html body .indarr.indl{display:none}}

/* v17.165 Home: Four solutions section; 5-step story swipes on phones and tablets (no arrows); desktop keeps scrolling with a Scroll hint on step 1 only */
html body .solsec{background:#FBF7EF;padding-block:clamp(64px,8vw,110px);position:relative;z-index:2}
html body .solsec .h1x{color:#0B1730}
html body .solgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(28px,3vw,40px)}
html body .solc{position:relative;display:flex;flex-direction:column;padding:24px 22px 22px;border-radius:20px;background:#fff;border:1px solid #E3D9C4;border-top:4px solid var(--pc);text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}
html body .solc:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(11,23,48,.45);border-color:var(--pc)}
html body .solic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--pc);color:#fff;margin-bottom:16px}
html body .solic svg{width:23px;height:23px}
html body .solc b{font:800 22px/1.15 var(--display);color:#0B1730}
html body .solc em{font-style:normal;margin-top:4px;font:600 13.5px var(--font);color:var(--pc)}
html body .solc[style*="#B8862A"] em{color:#8A5A00}
html body .solc p{margin:12px 0 18px;font-size:15px;line-height:1.5;color:#3B4566;flex:1}
html body .solgo{font-weight:700;font-size:14.5px;color:#0B1730}
html body .solc:hover .solgo{color:#8A5A00}
html body .solall{margin-top:22px;text-align:center}
@media (max-width:900px){html body .solgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html body .solc{padding:18px 16px}html body .solc b{font-size:19px}html body .solc p{font-size:14px}}
@media (max-width:420px){html body .solc p{display:none}html body .solc{min-height:0}}
/* story: desktop arrows removed, Scroll hint only on step 1 */
html body .st-nav button{display:none!important}
html body .st-nav:not(.first){opacity:0;pointer-events:none}
html body .st-nav{transition:opacity .4s}
.stswipe{display:none}
@media (max-width:900px){
html body .story{height:100svh!important}
html body .st-nav{display:none!important}
html body .st-bar{display:none}
html body .stswipe{display:flex;position:absolute;left:16px;right:16px;bottom:calc(28px + env(safe-area-inset-bottom));z-index:6;align-items:center;justify-content:space-between;gap:12px;font:700 12px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#C9CFDC}
html body .stswipe b{color:#E6C877;display:inline-block;animation:indnudge 1.4s ease-in-out infinite}
html body .stdots{display:flex;gap:6px}
html body .stdots i{width:7px;height:7px;border-radius:50%;background:rgba(245,241,232,.25);transition:background .2s,width .2s;cursor:pointer}
html body .stdots i.on{width:18px;border-radius:4px;background:#E6C877}
html body .story .ch{transition:opacity .55s ease,transform .55s ease}
}
html body .solsec .h1x,html body .solsec .h1x *{text-shadow:none!important}
html body .solsec .eyebrow{color:#8A5A00}html body .solsec .eyebrow:before{background:#B8862A}
html body .solsec .g{background:linear-gradient(100deg,#A97A22 0%,#C29438 50%,#A97A22 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
html body .solall .link{color:#0B1730;font-weight:700;border-bottom:1.5px solid #C9A04B;text-decoration:none}

/* v17.166 Story: bigger step label with more space above; desktop scroll hint simplified to "Scroll down" + one arrow, bottom centre, step 1 only */
html body .story .st-count{padding-top:clamp(18px,3vh,36px)}
html body .story .st-count .st-eb{font-size:clamp(16px,1.35vw,21px)!important;letter-spacing:.16em!important;margin-bottom:14px!important;font-weight:700}
html body .story .st-count .st-eb:before{width:36px}
@media (max-width:900px){html body .story .st-count .st-eb{font-size:14.5px!important;letter-spacing:.12em!important}}
html body .st-nav{left:50%;right:auto;translate:-50% 0;flex-direction:row!important;align-items:center;gap:12px;bottom:44px;white-space:nowrap}
html body .st-nav .st-lbl{writing-mode:horizontal-tb;transform:none;margin:0;font-size:12.5px;letter-spacing:.22em}
html body .st-nav .st-mouse,html body .st-nav .st-up{display:none!important}
html body .st-nav .st-next{display:grid!important}

/* v17.167 Infinity on desktop: inside the page margin, not touching the edge */
@media (min-width:901px){html body .hinf{padding-right:max(4vw,calc((100vw - 1240px)/2))}html body .hinf svg{width:min(30vw,480px);margin-right:0}}

/* v17.168 Infinity on desktop: higher (level with the headline) and further left */
@media (min-width:901px){html body .hinf svg{transform:translate(-2vw,-9vh)}}

/* v17.169 Story (desktop): Scroll down hint on every step; text column kept narrow so it doesn't run over the 3D shapes */
@media (min-width:901px){html body .st-nav:not(.first){opacity:1;pointer-events:auto}html body .st-nav.last .st-lbl:after{content:" to continue"}
html body .story .ch{width:min(500px,35vw)}html body .story .ch .lede{max-width:none}}

/* v17.170 Phones/tablets: infinity higher, bigger hero eyebrow (shorter line), long thin swipe arrow, ROI bubbles on Rising */
html body .rtags .tag{border-color:rgba(201,160,75,.55);color:#E6C877}
@media (max-width:900px){
html body .hero{justify-content:flex-start;padding-top:92px}
html body .hinf{margin:0 0 22px}
html body .hero .eyebrow{font-size:clamp(14.5px,4.15vw,20px)!important;letter-spacing:.05em!important;gap:8px;white-space:nowrap}
html body .hero .eyebrow:before{width:18px!important}
html body .stlong{display:flex;align-items:center;gap:12px}
html body .stlong i{position:relative;display:block;width:110px;height:1.5px;background:linear-gradient(90deg,rgba(230,200,119,.2),#E6C877);animation:stlong 1.8s ease-in-out infinite}
html body .stlong i:after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;border-top:1.5px solid #E6C877;border-right:1.5px solid #E6C877;transform:translateY(-50%) rotate(45deg)}
@keyframes stlong{0%,100%{transform:translateX(0);opacity:.7}50%{transform:translateX(10px);opacity:1}}
html body .rtags .tag{font-size:12.5px;padding:6px 11px}
}

/* v17.172 Blueprint industry tabs: previous arrow on phones too, swipe text removed, gold progress line under the tabs */
html body .indswipe{display:none!important}
@media (max-width:900px){html body .indarr.indl{display:grid}}
html body .indline{position:relative;height:2px;margin:2px 40px 14px;border-radius:2px;background:rgba(245,241,232,.12)}
html body .indline i{position:absolute;left:0;top:0;bottom:0;width:20%;border-radius:2px;background:linear-gradient(90deg,#C9A04B,#F1D78C);transition:left .2s,width .2s}
html body .indtabs .ind{padding-bottom:6px}
html body .indarr{margin-bottom:6px}

/* v17.173 Rising: return bubbles filled in gold */
html body .rtags .tag{background:linear-gradient(180deg,#E8C15F 0%,#D4A841 100%)!important;border-color:transparent!important;color:#1A1303!important;font-weight:700}

/* v17.174 Rising: return bubbles pop in gold but stay distinct from the gold button (tinted, gold outline, tick) */
html body .rtags .tag{background:rgba(214,168,65,.16)!important;border:1.5px solid #D9AC3E!important;color:#F1D78C!important;font-weight:700;box-shadow:0 0 18px -6px rgba(214,168,65,.55)}
html body .rtags .tag:before{content:"✓ ";color:#E8C15F}

/* v17.175 About: teams shown by practice (no individual names), Odoo skills and NetSuite certifications */
html body .tgrp .tg{margin:0 0 8px;font:700 12px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#8A5A00}
html body .tgrp .mc+.tg{margin-top:18px}
html body .tgrp .mc.nsc i{background:#3A3F47;color:#F5F1E8;border-color:#3A3F47}
html body .tstr{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){html body .tstr{grid-template-columns:1fr 1fr}}

/* v17.177 Thicker mobile swipe arrow with a running gold light */
html body .stlong{gap:14px}
html body .stlong i{width:120px;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(230,200,119,.25),#E6C877);box-shadow:0 0 8px rgba(230,200,119,.45)}
html body .stlong i:after{right:-1px;width:14px;height:14px;border-top:3px solid #E6C877;border-right:3px solid #E6C877;border-radius:0 2px 0 0;filter:drop-shadow(0 0 4px rgba(241,215,140,.8))}
html body .stlong i:before{content:"";position:absolute;top:-1px;left:0;width:34px;height:5px;border-radius:5px;background:linear-gradient(90deg,transparent,#FFF3CF,transparent);box-shadow:0 0 12px #F1D78C;animation:stlight 1.8s ease-in-out infinite}
@keyframes stlight{0%{left:-10px;opacity:0}20%{opacity:1}85%{opacity:1}100%{left:calc(100% - 20px);opacity:0}}
@media (prefers-reduced-motion:reduce){html body .stlong i:before{animation:none;display:none}}

/* v17.178 Desktop: gold words in headings slide in with the rest (gold painted per word, no late pop-in) */
@media (min-width:901px) and (hover:hover){html body .splitw .g,html body.lt .splitw .g,html body .awc .splitw .g,html body .ctac .splitw .g{background:none!important;-webkit-text-fill-color:currentColor!important;color:#B8892E}
html body .splitw .g .w>span{background:linear-gradient(100deg,#A97A22 0%,#C9A04B 50%,#A97A22 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}

/* v17.179 About teams: value first (4 outcomes per practice), skills as small text, NetSuite certifications in one shared band */
html body .prac{align-items:stretch}
html body .pcol{padding:26px;gap:16px}
html body .pval{display:flex;flex-direction:column;flex:1}
html body .pval .pvk{margin:0;font:700 12px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#8A5A00}
html body .pval h4{margin:6px 0 14px;font:800 clamp(21px,1.9vw,26px)/1.15 var(--display);color:#0B1730}
html body .pout{list-style:none;margin:0;padding:0;display:grid;gap:10px}
html body .pout li{position:relative;padding:12px 14px 12px 44px;border-radius:12px;background:#FBF7EF;border:1px solid #EDE5D3;font-size:15.5px;line-height:1.4;color:#1D2740}
html body .pout li:before{content:"";position:absolute;left:14px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:linear-gradient(135deg,#F0CF6E,#C9A04B)}
html body .pout li:after{content:"";position:absolute;left:21px;top:50%;width:5px;height:9px;margin-top:-6px;border:solid #0B1730;border-width:0 2px 2px 0;transform:rotate(45deg)}
html body .pskill{margin:auto 0 0;padding-top:16px;font-size:13px;line-height:1.6;color:#6A7286}
html body .pskill b{display:block;margin-bottom:2px;font:700 11.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#8A5A00}
html body .nsband{margin-top:20px;display:flex;align-items:center;gap:24px;padding:20px 26px;border-radius:20px;background:#fff;border:1px solid #E3D9C4}
html body .nsh{flex:none;display:flex;flex-direction:column}
html body .nsh b{font:800 20px var(--display);color:#0B1730}
html body .nsh span{font-size:13.5px;color:#5A6378}
html body .nsb{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex:1}
html body .nsb i{font-style:normal;font-size:13px;font-weight:600;color:#F5F1E8;background:#3A3F47;border-radius:999px;padding:6px 13px}
@media (max-width:900px){html body .nsband{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}html body .nsb{justify-content:flex-start}html body .pcol{padding:20px}}

/* v17.180 Odoo page: animated gold infinity under "Measured in ROI." */
html body .pinf{width:clamp(150px,16vw,230px);margin:clamp(22px,2.6vw,34px) auto 0;pointer-events:none}
html body .pinf svg{display:block;width:100%;height:auto;overflow:visible}
html body .pinf path{fill:none;stroke-linecap:round;stroke-linejoin:round}
html body .pinf .inf-base{stroke:rgba(201,160,75,.18);stroke-width:5}
html body .pinf .inf-draw{stroke:url(#infG3);stroke-width:9;opacity:.9}
html body .pinf .inf-glow{stroke:#F1D78C;stroke-width:16;stroke-dasharray:70 930;animation:infRun 9s linear infinite;opacity:.55}
html body .pinf .inf-trail{stroke:#FFF3CF;stroke-width:8;stroke-dasharray:70 930;animation:infRun 9s linear infinite}
html body .pinf .inf-dot{fill:#FFF3CF;r:9;filter:drop-shadow(0 0 8px #F1D78C) drop-shadow(0 0 18px rgba(241,215,140,.7))}
@media (prefers-reduced-motion:reduce){html body .pinf .inf-glow,html body .pinf .inf-trail{animation:none;opacity:0}html body .pinf .inf-dot{display:none}}

/* v17.181 About teams: no title icons, Odoo skills as purple bubbles, NetSuite band on one line */
html body .prac .pcol .pic{display:none}
html body .pskill .obs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
html body .pskill .obs span{font-size:12.5px;font-weight:600;line-height:1.3;color:#5B3A55;background:#F3ECF2;border:1px solid #DCC9D8;border-radius:999px;padding:4px 10px}
html body .nsb{flex-wrap:nowrap}
html body .nsb i{white-space:nowrap}
@media (max-width:1100px){html body .nsb{flex-wrap:wrap}}

/* v17.182 About teams: each 'What you get' headline on one line */
@media (min-width:1101px){html body .pval h4{white-space:nowrap;font-size:clamp(19px,1.65vw,24px)}}

/* v17.183 NetSuite certifications as blue bubbles (matching the purple Odoo ones) */
html body .nsb i{color:#16386B!important;background:#E7F0FB!important;border:1px solid #BFD4EF!important;font-weight:700}

/* v17.184 About teams: Odoo skills as one purple rounded panel (like the Odoo card), plain text, not bubbles */
html body .pval .pskill{margin-top:auto!important;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#7E5C76 0%,#664760 100%);color:rgba(255,255,255,.88);font-size:13.5px;line-height:1.65}
html body .pval .pskill b{color:#fff;opacity:.95;margin-bottom:4px}
html body .pval{gap:0}
html body .pout{margin-bottom:18px}

/* v17.185 About teams: lighter purple Odoo panel with Odoo certified v17-v19 bubbles */
html body .pval .pskill{background:linear-gradient(135deg,#9A7B93 0%,#836579 100%)!important;color:#fff!important}
html body .pskill .ocert{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.22)}
html body .pskill .ocert b{display:inline;margin:0 6px 0 0!important;font:700 11.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#fff!important}
html body .pskill .ocert i{font-style:normal;font-size:12.5px;font-weight:700;color:#5B3A55;background:#F6EFF5;border-radius:999px;padding:4px 12px}

/* v17.186 Phones only (home hero): bigger 'Transformation with real ROI.', more space around it and before the buttons */
@media (max-width:700px){html body .hero .mega{font-size:clamp(34px,10.4vw,46px)!important;margin-top:22px!important;margin-bottom:22px!important}html body .hero .lede{margin-top:0}html body .hero-in>.row{margin-top:30px!important}}