/* WVINTECH SOLUTION — site styles */
@font-face{font-family:"Jakarta";src:url(fonts/pjs-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Jakarta";src:url(fonts/pjs-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Jakarta";src:url(fonts/pjs-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Jakarta";src:url(fonts/pjs-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Jakarta";src:url(fonts/pjs-800.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  --ink:#0B1A33;      /* base navy, from the brochures */
  --ink-2:#14284A;
  --ink-soft:#43526B; /* body text on light */
  --mute:#66758F;
  --paper:#F3F5F8;
  --white:#FFFFFF;
  --line:#D8DFEA;
  --blue:#1F4FBF;     /* linenTrace */
  --blue-tint:#E7EEFB;
  --blue-light:#8FB6FF;
  --brass:#C9A24A;    /* assetTrace */
  --brass-deep:#8A6A22;
  --brass-tint:#F6EEDB;
  --missing:#B83A28;
  --ok:#1E7A4F;
  --r:14px; --r-s:8px;
  --wrap:1160px;
  --font:"Jakarta","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;font-feature-settings:"tnum" 0;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-0.02em;font-weight:800}
h1{font-size:clamp(36px,5vw,60px);text-wrap:balance}
h2{text-wrap:balance}
h2{font-size:clamp(28px,3.4vw,42px)}
h3{font-size:20px;letter-spacing:-0.01em;font-weight:700}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
@media (max-width:640px){.wrap{padding:0 18px}body{font-size:16px}}
.num{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:6px;z-index:999}
.skip:focus{left:8px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--r-s);font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;line-height:1.2;cursor:pointer;font-family:inherit}
.btn svg{width:18px;height:18px;flex:none}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:#173E98;color:#fff}
.btn-brass{background:var(--brass);color:var(--ink)}
.btn-brass:hover{background:#B8913A;color:var(--ink)}
.btn-ghost{border-color:currentColor;color:var(--ink);background:transparent}
.btn-ghost:hover{background:rgba(11,26,51,.06);color:var(--ink)}
.on-dark .btn-ghost{color:#fff}
.on-dark .btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-wa{background:#1FA855;color:#fff}
.btn-wa:hover{background:#178A45;color:#fff}
.actions{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Header ---------- */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;gap:28px;min-height:72px}
.brand img{height:46px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:15.5px;padding:10px 12px;border-radius:6px}
.nav a:hover{background:var(--paper)}
.nav a[aria-current="page"]{color:var(--blue)}
.nav .btn{margin-left:10px;min-height:42px;padding:9px 16px;font-size:15px}
.menu-btn{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer;color:var(--ink)}
.menu-btn svg{width:28px;height:28px}
@media (max-width:1060px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 18px 18px;gap:2px}
  .nav.open{display:flex}
  .nav a{padding:14px 8px;font-size:17px}
  .nav .btn{margin:10px 0 0;justify-content:center}
}

/* ---------- Hero (home) ---------- */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-260px;top:-300px;width:820px;height:820px;border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 62px,rgba(143,182,255,.10) 62px 64px);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:84px;padding-bottom:92px}
.hero .lede{margin-top:22px;font-size:19px;line-height:1.6;color:#C9D3E6;max-width:34em}
.hero .actions{margin-top:34px}
.hero .made{margin-top:28px;font-size:14.5px;color:#9FB0CC}
@media (max-width:960px){.hero-in{grid-template-columns:1fr;gap:44px;padding-top:60px;padding-bottom:64px}}

/* The batch readout — the one bold element */
.readout{background:#fff;color:var(--ink);border-radius:var(--r);box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;max-width:500px;justify-self:end;width:100%}
@media (max-width:960px){.readout{justify-self:start}}
.ro-head{display:flex;justify-content:space-between;align-items:baseline;padding:18px 22px;border-bottom:1px solid var(--line)}
.ro-head strong{font-size:16px}
.ro-head span{font-size:13.5px;color:var(--mute)}
.ro-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.ro-cell{padding:22px 22px 20px;border-right:1px solid var(--line)}
.ro-cell:last-child{border-right:0}
.ro-cell b{display:block;font-size:44px;font-weight:800;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.ro-cell small{display:block;margin-top:8px;font-size:14px;color:var(--mute);font-weight:600}
.ro-cell.miss b{color:var(--missing)}
.ro-bar{height:6px;background:var(--paper);margin:0 22px;border-radius:3px;overflow:hidden}
.ro-bar i{display:block;height:100%;width:0;background:var(--blue);border-radius:3px;transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.ro-list{list-style:none;margin:16px 0 0;padding:0 22px 6px}
.ro-list li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:15px}
.ro-list li:first-child{border-top:0}
.ro-list .tag{font-variant-numeric:tabular-nums;color:var(--mute);font-size:14px}
.ro-list .st{font-weight:700;font-size:14px;white-space:nowrap}
.st.missing{color:var(--missing)}
.st.found{color:var(--ok)}
.ro-foot{padding:14px 22px 18px;font-size:14px;color:var(--mute);background:var(--paper)}

/* ---------- Generic sections ---------- */
.sec{padding:96px 0}
.sec-paper{background:var(--paper)}
.sec-ink{background:var(--ink);color:#fff}
@media (max-width:640px){.sec{padding:64px 0}}
.sec-head{max-width:720px;margin-bottom:48px}
.sec-head p{margin-top:16px;font-size:18.5px;color:var(--ink-soft)}
.sec-ink .sec-head p{color:#C9D3E6}
.kicker{display:inline-block;font-size:15px;font-weight:700;margin-bottom:12px}
.k-blue{color:var(--blue)}
.k-brass{color:var(--brass)}
.sec-paper .k-brass,.k-brass-deep{color:var(--brass-deep)}

/* ---------- Product bands (home) ---------- */
.band{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.band.flip{grid-template-columns:1.15fr 1fr}
.band.flip .band-copy{order:2}
@media (max-width:960px){.band,.band.flip{grid-template-columns:1fr;gap:40px}.band.flip .band-copy{order:0}}
.band-copy p.lead{margin-top:18px;font-size:18.5px;color:var(--ink-soft)}
.sec-ink .band-copy p.lead{color:#C9D3E6}
.ticks{list-style:none;margin:26px 0 30px;padding:0;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:16.5px}
.ticks svg{width:22px;height:22px;margin-top:2px}
.ticks.blue svg{color:var(--blue)}
.ticks.brass svg{color:var(--brass)}
.who{margin-top:-6px;margin-bottom:28px;font-size:15.5px;color:var(--mute)}
.sec-ink .who{color:#9FB0CC}

/* Device frames */
.devices{position:relative;padding-bottom:40px}
.laptop{background:#0A0F1A;border-radius:12px 12px 0 0;padding:10px 10px 0;box-shadow:0 24px 60px rgba(11,26,51,.22)}
.laptop img{border-radius:4px 4px 0 0}
.laptop-base{height:14px;background:#C9D3E0;border-radius:0 0 14px 14px;margin:0 -4%}
.phone{position:absolute;right:-8px;bottom:0;width:27%;min-width:130px;background:#0A0F1A;border-radius:26px;padding:7px;box-shadow:0 20px 50px rgba(11,26,51,.35)}
.phone img{border-radius:20px}
.tablet{position:absolute;right:-6px;bottom:0;width:34%;min-width:150px;background:#0A0F1A;border-radius:20px;padding:9px;box-shadow:0 20px 50px rgba(11,26,51,.35)}
.tablet img{border-radius:12px}
.sec-ink .laptop{box-shadow:0 24px 60px rgba(0,0,0,.45)}

/* ---------- Steps (a real sequence) ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:0;counter-reset:s;border-top:2px solid var(--ink)}
.steps li{padding:26px 26px 6px 0;counter-increment:s}
.steps li+li{padding-left:26px;border-left:1px solid var(--line)}
.steps li::before{content:counter(s);display:block;font-size:46px;font-weight:800;line-height:1;letter-spacing:-0.03em;color:var(--blue);margin-bottom:16px;font-variant-numeric:tabular-nums}
.steps.brass li::before{color:var(--brass)}
.steps p{margin-top:8px;color:var(--ink-soft);font-size:16px}
.sec-ink .steps{border-top-color:var(--brass)}
.sec-ink .steps li+li{border-left-color:rgba(255,255,255,.16)}
.sec-ink .steps p{color:#C9D3E6}
@media (max-width:820px){.steps{grid-template-columns:1fr}.steps li,.steps li+li{padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}.sec-ink .steps li{border-bottom-color:rgba(255,255,255,.16)}}

/* ---------- Industries ---------- */
.ind{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media (max-width:820px){.ind{grid-template-columns:1fr;gap:36px}}
.ind h3{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:2px solid var(--blue)}
.ind .asset h3{border-bottom-color:var(--brass)}
.ind ul{list-style:none;margin:0;padding:0}
.ind li{padding:16px 0;border-bottom:1px solid var(--line)}
.ind li b{display:block;font-size:17px}
.ind li span{display:block;color:var(--ink-soft);font-size:15.5px;margin-top:2px}
.dot{width:12px;height:12px;border-radius:50%;background:var(--blue);flex:none}
.dot.brass{background:var(--brass)}

/* ---------- Feature list (product pages) ---------- */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.feats div{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}
.feats div:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line)}
.feats p{margin-top:8px;color:var(--ink-soft);font-size:16px}
@media (max-width:900px){.feats{grid-template-columns:1fr 1fr}.feats div,.feats div:not(:nth-child(3n+1)){padding:24px 22px 24px 0;border-left:0}.feats div:nth-child(2n){padding-left:22px;border-left:1px solid var(--line)}}
@media (max-width:600px){.feats{grid-template-columns:1fr}.feats div,.feats div:nth-child(2n){padding:22px 0;border-left:0}}
.sec-ink .feats,.sec-ink .feats div{border-color:rgba(255,255,255,.16)!important}
.sec-ink .feats p{color:#C9D3E6}

/* ---------- Media + text rows ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}}
.shot{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff}
.shot figcaption{padding:12px 16px;font-size:14.5px;color:var(--mute);background:var(--paper);border-top:1px solid var(--line)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:700px){.pair{grid-template-columns:1fr}}
figure{margin:0}

/* Hardware */
.hw{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:900px){.hw{grid-template-columns:1fr}}
.hw figure img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);width:100%}
.hw h3{margin-top:18px}
.hw p{margin-top:6px;color:var(--ink-soft);font-size:16px}

/* Editions / deployment */
.eds{display:grid;grid-template-columns:repeat(var(--n,2),1fr);gap:20px}
@media (max-width:820px){.eds{grid-template-columns:1fr}}
.ed{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:#fff}
.ed.pick{border:2px solid var(--blue)}
.ed.pick.brass{border-color:var(--brass)}
.ed p{margin-top:8px;color:var(--ink-soft);font-size:16px}
.ed .tagline{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--blue)}
.ed.brass .tagline{color:var(--brass-deep)}

/* Why us */
.why{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px}
.why div{padding:24px 0;border-top:1px solid rgba(255,255,255,.16)}
.why p{margin-top:6px;color:#C9D3E6;font-size:16px}
@media (max-width:760px){.why{grid-template-columns:1fr}}

/* FAQ */
.faq{max-width:820px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-weight:700;font-size:17.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;margin-top:7px;border-right:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:12px}
.faq details p{padding:0 0 22px;color:var(--ink-soft);font-size:16.5px;max-width:68ch}

/* Page hero (product pages) */
.phero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.phero-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:56px;padding-bottom:80px}
@media (max-width:960px){.phero-in{grid-template-columns:1fr;gap:40px;padding-top:40px;padding-bottom:60px}}
.phero .lede{margin-top:20px;font-size:19px;color:#C9D3E6;max-width:34em}
.phero .actions{margin-top:32px}
.crumb{font-size:14px;color:#9FB0CC;padding-top:22px}
.crumb a{color:#C9D3E6}
.hero-video{border-radius:var(--r);overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.hero-video video{width:100%;aspect-ratio:16/9;object-fit:cover}

/* Brochure strip */
.broch{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:760px){.broch{grid-template-columns:1fr}}
.broch a{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);background:#fff}
.broch a:hover{border-color:var(--ink)}
.broch .ico{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;flex:none}
.broch .ico svg{width:26px;height:26px}
.broch b{display:block;font-size:17px;color:var(--ink)}
.broch span span{display:block;font-size:14.5px;color:var(--mute)}

/* CTA band */
.cta{background:var(--blue);color:#fff}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:64px;padding-bottom:64px;flex-wrap:wrap}
.cta h2{max-width:20ch}
.cta p{margin-top:10px;color:#DCE6FB;font-size:17.5px;max-width:44ch}
.cta .btn-ghost{color:#fff}
.cta .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.cta .btn-light{background:#fff;color:var(--ink)}
.cta .btn-light:hover{background:var(--paper);color:var(--ink)}

/* Footer */
.foot{background:var(--ink);color:#C9D3E6;font-size:15px}
.foot-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px;padding-top:64px;padding-bottom:40px}
@media (max-width:900px){.foot-in{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot-in{grid-template-columns:1fr}}
.foot img{height:56px;width:auto}
.foot h4{margin:0 0 12px;color:#fff;font-size:15px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{color:#C9D3E6;text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.foot .small{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;padding-bottom:28px;font-size:13.5px;color:#9FB0CC;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* WhatsApp float */
.wa{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#1FA855;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.wa svg{width:30px;height:30px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.cards{display:grid;gap:14px}
.card{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--ink)}
a.card:hover{border-color:var(--ink)}
.card svg{width:24px;height:24px;flex:none;color:var(--blue);margin-top:2px}
.card b{display:block}
.card span{color:var(--ink-soft);font-size:15.5px}
form.enq{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;display:grid;gap:18px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:560px){.f2{grid-template-columns:1fr}form.enq{padding:22px}}
label{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
label .opt{font-weight:500;color:var(--mute)}
input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r-s);background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}
textarea{min-height:120px;resize:vertical}
.hint{font-size:14px;color:var(--mute)}
.err{color:var(--missing);font-size:14.5px;font-weight:600}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.phero h1{font-size:clamp(34px,3.9vw,50px)}
.nav .btn[aria-current="page"]{color:#fff}
.card b{color:var(--ink)}
.ro-head{flex-wrap:wrap;gap:2px 12px}
@media (max-width:640px){.ro-cell{padding:18px 14px}.ro-cell b{font-size:36px}.ro-list,.ro-head,.ro-foot{padding-left:16px;padding-right:16px}.ro-bar{margin:0 16px}.wa{width:52px;height:52px;right:14px;bottom:14px}}
.nav a.btn-primary,.nav a.btn-primary:hover{color:#fff;background:var(--blue)}.nav a.btn-primary:hover{background:#173E98}

/* ===== v3: rfidcloud-style structure, photo-led ===== */
/* Dropdown nav */
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;font:inherit;font-weight:600;font-size:15.5px;color:var(--ink);padding:10px 12px;border-radius:6px;cursor:pointer}
.dd-btn:hover{background:var(--paper)}
.dd-btn i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.dd.is-current>.dd-btn{color:var(--blue)}
.dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:270px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(11,26,51,.14);padding:8px;display:none;z-index:60}
.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{display:block}
.dd-menu a{display:block;padding:10px 12px;border-radius:6px;color:var(--ink);text-decoration:none}
.dd-menu a:hover{background:var(--paper)}
.dd-menu a b{display:block;font-size:15px}
.dd-menu a span{display:block;font-size:13.5px;color:var(--mute);font-weight:500}
.dd-menu a[aria-current="page"] b{color:var(--blue)}
.nav a.nl{font-weight:600}
@media (max-width:1060px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 18px 18px;gap:2px;max-height:calc(100vh - 72px);overflow:auto}
  .nav.open{display:flex}
  .dd-btn{width:100%;justify-content:space-between;padding:14px 8px;font-size:17px}
  .dd-menu{position:static;display:none;box-shadow:none;border:0;padding:0 0 8px 8px;min-width:0}
  .dd.open .dd-menu{display:block}
  .dd:hover .dd-menu{display:none}.dd.open:hover .dd-menu{display:block}
  .nav a.nl{padding:14px 8px;font-size:17px}
  .nav .btn{margin:10px 0 0;justify-content:center}
}
/* Photo heroes */
.hero.photo,.phero.photo{background:linear-gradient(90deg,rgba(11,26,51,.92) 0%,rgba(11,26,51,.78) 45%,rgba(11,26,51,.35) 100%),var(--bg) center/cover no-repeat,var(--ink)}
.hero.photo::before{display:none}
@media (max-width:960px){.hero.photo,.phero.photo{background:linear-gradient(rgba(11,26,51,.88),rgba(11,26,51,.92)),var(--bg) center/cover no-repeat,var(--ink)}}
.phero-solo{padding-top:44px;padding-bottom:84px;max-width:var(--wrap)}
.phero-solo h1{max-width:20ch;margin-top:14px}
.phero-solo .lede{margin-top:20px;font-size:19px;color:#D5DDEC;max-width:40em}
.phero-solo .actions{margin-top:30px}
.lead-p{margin-top:16px;font-size:18px;color:var(--ink-soft)}
.sec-ink .lead-p{color:#C9D3E6}
.photo-r img{border-radius:var(--r);width:100%;aspect-ratio:16/10;object-fit:cover}
.split .ticks{margin:24px 0 28px}
/* Facts strip */
.facts{background:var(--blue);color:#fff}
.facts-in{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.facts-in div{padding:30px 24px 30px 0}
.facts-in div+div{padding-left:24px;border-left:1px solid rgba(255,255,255,.25)}
.facts b{display:block;font-size:34px;font-weight:800;letter-spacing:-0.02em;line-height:1.1}
.facts span{display:block;margin-top:6px;color:#DCE6FB;font-size:15px;line-height:1.45}
@media (max-width:820px){.facts-in{grid-template-columns:1fr 1fr}.facts-in div,.facts-in div+div{padding:22px 16px 22px 0;border-left:0}.facts-in div:nth-child(2n){padding-left:16px;border-left:1px solid rgba(255,255,255,.25)}}
/* Photo cards: industries */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pgrid{grid-template-columns:1fr}}
.pcard{position:relative;display:block;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;aspect-ratio:4/3;background:var(--ink)}
.pcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pcard:hover img{transform:scale(1.04)}
.pcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,26,51,0) 35%,rgba(11,26,51,.9) 100%)}
.pc-body{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}
.pc-body b{display:block;font-size:21px;font-weight:800;letter-spacing:-0.01em;margin-top:8px}
.pcard:hover{color:#fff}
.pill{display:inline-block;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;line-height:1.3}
.pill.linen{background:var(--blue);color:#fff}
.pill.asset{background:var(--brass);color:var(--ink)}
/* Service cards */
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.sgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sgrid{grid-template-columns:1fr}}
.scard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink)}
.scard:hover{border-color:var(--ink);color:var(--ink)}
.scard img{aspect-ratio:16/9;object-fit:cover;object-position:top left;width:100%;border-bottom:1px solid var(--line)}
.sc-body{padding:20px 22px 24px}
.sc-body b{display:block;font-size:18.5px;line-height:1.3}
.sc-body span{display:block;margin-top:8px;color:var(--ink-soft);font-size:15.5px}
/* FAQ split */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.faq-wrap .faq{max-width:none}
@media (max-width:900px){.faq-wrap{grid-template-columns:1fr;gap:20px}}
/* Chips */
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chips li{padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:15.5px;background:#fff}
/* single-column steps */
.steps[style*="--n:1"]{grid-template-columns:1fr}
.steps[style*="--n:1"] li,.steps[style*="--n:1"] li+li{padding:20px 0;border-left:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:56px 1fr;column-gap:8px}
.steps[style*="--n:1"] li::before{grid-row:span 2;font-size:36px;margin:0}
.steps[style*="--n:1"] li p{margin-top:4px}