/* Layout idea: calm Nordic grid, one confident headline, a matching "network" card as the single visual accent. */
:root{
  --bg:#f1ece2;
  --surface:#ffffff;
  --ink:#0b1530;
  --muted:#4a5874;
  --line:rgba(80,62,40,.13);
  --accent:#0f5c8a;
  --accent-2:#1d5fa3;
  --cta:#ffb547;
  --cta-ink:#2a1a00;
  --soft:#FAF7F2;
  --accent-soft:rgba(15,92,138,.09);
  --shadow:0 24px 48px -20px rgba(11,21,48,.25),0 2px 6px rgba(11,21,48,.05);
  --font-heading:"Manrope",Inter,system-ui,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-label:"JetBrains Mono",ui-monospace,"Cascadia Mono",monospace;
  --wrap:1180px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;margin:0;text-wrap:balance;color:var(--ink)}
h2{font-size:clamp(30px,3.6vw,44px);line-height:1.1;letter-spacing:-.025em}
h3{font-size:19px;line-height:1.3;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.label{font:500 12px/1.4 var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:34em;text-wrap:balance}
section{padding:96px 0}
.section-head{display:grid;gap:16px;max-width:720px;margin-bottom:48px}
.section-head p{color:var(--muted);font-size:17px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{position:relative;display:flex;align-items:center;height:72px;gap:0}
.brand{text-decoration:none;display:grid;gap:2px}
.brand-name{font:800 16px/1 var(--font-heading);letter-spacing:.02em}
.brand-tag{font:500 9.5px/1 var(--font-label);letter-spacing:.2em;color:var(--muted)}
.langs{display:flex;align-items:center;gap:8px;margin-left:48px;padding-left:32px;border-left:1px solid var(--line);height:28px}
.flag{appearance:none;border:0;background:none;padding:3px;border-radius:5px;cursor:pointer;line-height:0;opacity:.85}
.flag:hover{opacity:1;background:var(--soft)}
.flag[aria-current="true"]{opacity:1;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.flag svg{width:22px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);display:block}
.nav-right{margin-left:auto;display:flex;gap:10px;align-items:center}
.round-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;padding:0}
.round-btn:hover{border-color:var(--accent-2)}
.burger{position:relative;width:16px;height:1.5px;background:currentColor;border-radius:2px;transition:background .2s}
.burger::before,.burger::after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .2s}
.burger::before{top:-5px}.burger::after{top:5px}
.menu-open .burger{background:transparent}
.menu-open .burger::before{transform:translateY(5px) rotate(45deg)}
.menu-open .burger::after{transform:translateY(-5px) rotate(-45deg)}
.menu{display:none;position:absolute;right:24px;top:calc(100% + 10px);width:290px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);list-style:none;margin:0}
.menu-open .menu{display:block}
.menu a{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-radius:12px;text-decoration:none;font:600 17px/1.2 var(--font-heading)}
.menu a::after{content:"→";font-family:var(--font-body);opacity:0;transform:translateX(-6px);transition:.15s;color:var(--accent)}
.menu a:hover{background:var(--soft)}
.menu a:hover::after{opacity:1;transform:none}
.menu a[aria-current="page"]{color:var(--accent);background:var(--accent-soft);justify-content:flex-start;gap:10px}
.menu a[aria-current="page"]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.menu a[aria-current="page"]::after{display:none}
.menu .m-langs{display:none;padding:10px 16px 4px}
.menu .m-langs .langs{margin:0;padding:0;border:0;gap:12px}
.menu .sep{height:1px;background:var(--line);margin:8px 10px}
.menu .m-foot{padding:6px 16px 10px;font-size:13px;color:var(--muted);line-height:1.6}
.menu .m-foot a{display:inline;padding:0;font:inherit;color:var(--ink)}
.menu .m-foot a::after{display:none}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;font:600 15px/1 var(--font-body);text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--cta);color:var(--cta-ink);box-shadow:0 8px 20px -8px rgba(255,165,40,.6)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--accent-2)}

/* Hero */
.hero{padding:64px 0 56px;position:relative;overflow:hidden}
.cosmos{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0}
main,.site-footer{position:relative;z-index:1}
.soft-band{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero .wrap{position:relative;z-index:2}
.hero-floor{position:absolute;left:-50%;right:-50%;bottom:-10%;height:45%;z-index:1;pointer-events:none;
  background-image:linear-gradient(rgba(8,122,99,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(8,122,99,.18) 1px,transparent 1px);
  background-size:64px 64px;transform:perspective(500px) rotateX(64deg);transform-origin:center top;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,transparent 95%);mask-image:linear-gradient(180deg,transparent,#000 40%,transparent 95%);
  animation:floor 6s linear infinite}
@keyframes floor{to{background-position:0 64px}}
.net .link{animation:flow 6s linear infinite}
.net .link.on{stroke-dasharray:6 4;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-60}}
.match-card{position:relative;overflow:hidden}
.matches li{animation:rowin .6s ease both}
.matches li:nth-child(2){animation-delay:.15s}.matches li:nth-child(3){animation-delay:.3s}
@keyframes rowin{from{opacity:.0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto 1fr;column-gap:56px;row-gap:22px}
.hero .label{grid-column:1;grid-row:1}
.hero-text{grid-column:1;grid-row:2;display:flex;flex-direction:column}
.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.02;letter-spacing:-.035em;margin-bottom:28px}
.hero h1 span{display:block;white-space:nowrap}
.hero h1 .hl{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.match-card{grid-column:2;grid-row:2;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px 22px;min-width:0}
.card-head{display:flex;justify-content:space-between;align-items:center}
.card-head .label::before{display:none}
.match-canvas{flex:1 1 0;height:0;width:100%;min-height:170px;display:block;margin:8px 0}
.matches li{animation:rowin .5s ease both}

.net svg{width:100%;height:100%;display:block}
.net .link{stroke:var(--accent-2);stroke-opacity:.35;stroke-width:1.2;fill:none;stroke-dasharray:4 5}
.net .link.on{stroke:var(--accent);stroke-opacity:.9;stroke-dasharray:none;stroke-width:1.6}
.net .node{fill:var(--surface);stroke:var(--accent-2);stroke-width:1.5}
.net .node.hub{fill:var(--accent);stroke:none}
.net text{font:500 9.5px var(--font-label);letter-spacing:.08em;fill:var(--muted)}
.net .pulse{fill:var(--accent);opacity:.25;transform-origin:center;transform-box:fill-box;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{from{transform:scale(.6);opacity:.4}to{transform:scale(2.4);opacity:0}}
.matches{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.matches li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.matches .tag{font:600 10.5px var(--font-label);letter-spacing:.08em;color:var(--accent)}
.matches .area{color:var(--muted);font-size:12.5px}
.card-note{font-size:12px;color:var(--muted);margin-top:10px}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-top:56px;position:relative}
.stat{padding:22px 26px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stat .k{font:500 11px var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.stat .v{font:700 34px/1.1 var(--font-heading);letter-spacing:-.02em;margin-top:8px;font-variant-numeric:tabular-nums}
.stat .v small{font:500 15px var(--font-body);color:var(--muted);margin-left:4px;letter-spacing:0}

/* Chips & cards */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px}
.chip b{font-weight:600;color:var(--accent)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px}
.card p{color:var(--muted);font-size:15px}
.card .num{font:500 11px var(--font-label);letter-spacing:.12em;color:var(--accent)}
a.card{text-decoration:none;transition:border-color .15s,transform .15s}
a.card:hover{border-color:var(--accent);transform:translateY(-2px)}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--accent),var(--accent-2) 70%,var(--cta)) 1}
.steps li{list-style:none;padding:22px 22px 0 0;counter-increment:s}
.steps li::before{content:"0" counter(s);font:500 12px var(--font-label);color:var(--accent);display:block;margin-bottom:12px;letter-spacing:.1em}
.steps h3{margin-bottom:8px}
.steps p{color:var(--muted);font-size:15px}
ol.steps{padding:0;margin:0}

/* Countries */
.countries{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.country{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:10px;align-content:start}
.country svg{width:34px;height:auto;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.country h3{font-size:17px}
.country small{font:500 10.5px/1.4 var(--font-label);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}

/* Jobs */
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.job{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none}
.job:hover{border-color:var(--accent)}
.job b{font-weight:600;font-size:15px}
.job span{font:500 10.5px var(--font-label);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;white-space:nowrap}

/* Quotes */
.quote{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px}
.quote p{font:500 18px/1.5 var(--font-heading);letter-spacing:-.01em}
.quote footer b{display:block;font-weight:600}
.quote footer span{color:var(--muted);font-size:14px}

/* CTA band */
.cta-band{background:var(--ink);color:var(--bg);border-radius:24px;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-band h2{color:var(--bg);max-width:16em}
.cta-band p{color:color-mix(in srgb,var(--bg) 75%,transparent);margin-top:12px;max-width:34em}

/* Page head */
.page-head{padding:72px 0 24px}
.page-head h1{font-size:clamp(36px,5vw,60px);line-height:1.05;letter-spacing:-.03em;margin:18px 0 20px;max-width:15em}
.crumbs{font:500 12px var(--font-label);letter-spacing:.08em;color:var(--muted)}
.crumbs a{text-decoration:none}

/* Service detail */
.svc{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line)}
.svc .num{font:500 12px var(--font-label);letter-spacing:.12em;color:var(--accent)}
.svc h3{font-size:24px;margin-bottom:10px}
.svc p{color:var(--muted);max-width:44em}

/* Table */
.companies{width:100%;border-collapse:collapse;font-size:15px}
.companies th,.companies td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}
.companies th{font:500 11px var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.person{display:flex;gap:16px;align-items:center}
.avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font:700 18px var(--font-heading)}
.form{display:grid;gap:14px}
.field{display:grid;gap:6px}
.field label{font-size:14px;font-weight:500}
.field input,.field textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.field input:focus,.field textarea:focus{outline:2px solid var(--accent-2);outline-offset:0;border-color:transparent}
.form-msg{font-size:14px;color:var(--accent);min-height:1.4em}
.small{font-size:13px;color:var(--muted)}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:56px 0 32px;margin-top:40px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:32px}
.foot-grid h4{font:500 11px var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.foot-grid a{text-decoration:none}
.foot-grid a:hover{color:var(--accent)}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}

/* Colour details */
.card .num{align-self:flex-start;padding:5px 9px;border-radius:7px;background:var(--accent-soft)}
#svc-cards .card{position:relative;overflow:hidden}
#svc-cards .card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent),var(--accent-2));opacity:.0;transition:opacity .2s}
#svc-cards .card:hover::before{opacity:1}
.stat .v::after{content:"";display:block;width:28px;height:3px;border-radius:2px;margin-top:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.stat:nth-child(4) .v::after{background:var(--cta)}
.quote{position:relative}
.quote::before{content:"\201C";position:absolute;top:6px;right:22px;font:800 64px/1 var(--font-heading);color:var(--accent);opacity:.35}
.chip b{display:inline-grid;place-items:center;min-width:24px;height:20px;border-radius:6px;background:var(--accent-soft);font-size:11px;margin-right:4px}
.cta-band{background:linear-gradient(120deg,#0b1530 0%,#0f2d4a 55%,#0e4f55 100%)}
.cta-band h2,.cta-band p{color:#fff}
.cta-band p{opacity:.8}
.country{border-top:3px solid var(--accent)}

/* Expertise section */
.xp-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.xp-intro{display:grid;gap:18px;position:sticky;top:110px}
.xp-intro>p{color:var(--muted);font-size:17px}
.hl-text{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.industries{display:flex;flex-wrap:wrap;gap:8px}
.industries span{font-size:13px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:500}
.xp-count{display:flex;align-items:center;gap:14px;margin-top:6px}
.xp-count b{font:800 64px/1 var(--font-heading);background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.xp-count span{font:500 12px/1.4 var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.xp-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xp{display:flex;gap:14px;align-items:flex-start;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:transform .2s,border-color .2s,box-shadow .2s}
.xp:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 16px 32px -18px rgba(15,92,138,.45)}
.xp:last-child{grid-column:1/-1}
.xp-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 18px -8px rgba(15,92,138,.6)}
.xp-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xp h3{font-size:16.5px;margin-bottom:4px}
.xp p{color:var(--muted);font-size:14px;line-height:1.5}
@media (max-width: 900px){.xp-grid{grid-template-columns:1fr;gap:32px}.xp-intro{position:static}}
@media (max-width: 560px){.xp-tiles{grid-template-columns:1fr}}

/* Service models */
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.model{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 36px -28px rgba(11,21,48,.35)}
.model-head{display:flex;gap:14px;padding:22px 22px 18px;background:linear-gradient(135deg,var(--accent-soft),rgba(29,95,163,.06));border-bottom:1px solid var(--line)}
.model-n{font:500 11px var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.model-head h3{font-size:20px;margin:2px 0 4px}
.model-head p{color:var(--muted);font-size:14px}
.model ul{list-style:none;margin:0;padding:6px}
.model li a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 16px;border-radius:12px;text-decoration:none}
.model li a:hover{background:var(--soft)}
.model li a:hover .arr{opacity:1;transform:none}
.svc-n{font:500 11px/1.9 var(--font-label);color:var(--accent);letter-spacing:.08em}
.model li b{display:block;font:700 16px/1.3 var(--font-heading);margin-bottom:3px}
.model li small{display:block;color:var(--muted);font-size:14px;line-height:1.5}
.arr{color:var(--accent);opacity:0;transform:translateX(-4px);transition:.15s;line-height:1.6}
@media (max-width: 1000px){.models{grid-template-columns:1fr 1fr}}
@media (max-width: 680px){.models{grid-template-columns:1fr}}

.models{align-items:stretch}
.model{--mc:#0f5c8a;--mc2:#13a08f;display:flex;flex-direction:column;border-top:0}
.model.m2{--mc:#1d5fa3;--mc2:#3b86d1}
.model.m3{--mc:#123a7a;--mc2:#2a5db0}
.model-head{background:linear-gradient(135deg,var(--mc),var(--mc2));border-bottom:0;color:#fff;position:relative;overflow:hidden}
.model-head{min-height:132px}
.model-head::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.08)}
.model-head h3{color:#fff}
.model-head p{color:rgba(255,255,255,.85)}
.model-n{color:rgba(255,255,255,.8)}
.model-head .xp-ic{background:rgba(255,255,255,.16);box-shadow:none;border:1px solid rgba(255,255,255,.25)}
.model .svc-n{display:inline-grid;place-items:center;min-width:28px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--mc) 12%,transparent);color:var(--mc);font-size:10.5px;line-height:1}
.model li a:hover b{color:var(--mc)}
.model .arr{color:var(--mc)}
.model li+li a{border-top:1px solid var(--line);border-radius:0}
.model li a:hover{border-radius:12px}
.model li a{transition:background .15s}

.xp-flip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
a.xp{text-decoration:none;color:inherit}
#svc-cards .xp:last-child{grid-column:auto}
@media (max-width: 900px){.xp-flip .xp-intro{order:-1}}

/* Process timeline */
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.tl::before{content:"";position:absolute;left:20px;right:20px;top:19px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2) 70%,var(--cta))}
.tl li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:64px 22px 24px;margin-top:20px;transition:transform .2s,border-color .2s,box-shadow .2s}
.tl li:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 16px 32px -18px rgba(15,92,138,.45)}
.st-dot{position:absolute;top:-20px;left:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--font-label);color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 6px var(--bg),0 8px 18px -6px rgba(15,92,138,.6)}
.tl li:nth-child(4) .st-dot{background:linear-gradient(135deg,#c96c0c,var(--cta));color:#2a1a00}
.tl .xp-ic{margin-bottom:16px}
.tl li{padding-top:40px}
.tl h3{margin-bottom:8px;font-size:18px}
.tl p{color:var(--muted);font-size:15px}
@media (max-width: 1000px){.tl{grid-template-columns:1fr 1fr;row-gap:40px}.tl::before{display:none}}
@media (max-width: 560px){.tl{grid-template-columns:1fr}}

/* Local presence */
.lp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.lp-text{display:grid;gap:18px}
.lp-lead{color:var(--muted);font-size:17px}
.lp-list{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--line)}
.lp-list li{display:grid;grid-template-columns:34px 110px 1fr;gap:14px;align-items:center;padding:13px 6px;border-bottom:1px solid var(--line);transition:background .15s}
.lp-list li:hover{background:var(--accent-soft)}
.lp-list li svg{width:30px;height:auto;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.lp-list b{font:700 16px var(--font-heading)}
.lp-list span{font:500 11px/1.4 var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lp-list li.ww svg{width:26px;height:26px;box-shadow:none;fill:none;stroke:var(--accent);stroke-width:1.6;justify-self:center}
.lp-list li.ww b{color:var(--accent)}
.lp-map{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:18px;overflow:hidden}
.lp-map::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(29,95,163,.14) 1px,transparent 1px);background-size:18px 18px;opacity:.7}
.lp-map svg{position:relative;width:100%;height:auto;display:block}
.lp-world circle{fill:#1d5fa3;opacity:.25}
.lp-arc{fill:none;stroke:url(#lpg);stroke-width:1.6;stroke-dasharray:5 5;animation:flow 3s linear infinite}
.lp-arc.w{stroke:#1d5fa3;stroke-opacity:.25;stroke-width:1.2}
.lp-arc.main{stroke-width:2.4;stroke-dasharray:8 6}
.lp-node circle{fill:#fff;stroke:#0f5c8a;stroke-width:2.5}
.lp-node.hub circle{fill:#0f5c8a;stroke:#fff;stroke-width:3}
.lp-node.amber circle{fill:#ffb547}
.lp-node text{font:600 11px var(--font-label);letter-spacing:.08em;fill:var(--ink)}
.lp-pulse{fill:#ffb547}
.lp-badge{position:absolute;left:22px;bottom:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:flex;align-items:baseline;gap:8px;box-shadow:0 10px 24px -14px rgba(11,21,48,.35)}
.lp-badge b{font:800 26px/1 var(--font-heading);background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-badge span{font:500 11px var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lp-badge.b2{left:auto;right:22px;top:22px;bottom:auto}
.lp-badge.b2 b{font-size:17px}
@media (max-width: 900px){.lp-grid{grid-template-columns:1fr}}
@media (max-width: 480px){.lp-list li{grid-template-columns:30px 1fr}.lp-list li span{grid-column:2}}


/* Jobs */
.jobs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;flex-wrap:wrap}
.jobs-count{display:flex;align-items:center;gap:12px}
.jobs-count b{font:800 64px/1 var(--font-heading);background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.jobs-count span{font:500 12px/1.4 var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.job{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;min-height:150px;transition:transform .2s,border-color .2s,box-shadow .2s}
.job:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 16px 32px -18px rgba(15,92,138,.45)}
.job b{font:700 17px/1.3 var(--font-heading);color:var(--ink)}
.job-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}
.job .loc{font:500 11px var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);background:rgba(29,95,163,.08);padding:5px 9px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.job .loc.remote{color:var(--accent);background:var(--accent-soft)}
.job .date{font:500 11px var(--font-label);color:var(--muted);white-space:nowrap}
.job .view{font:600 14px var(--font-body);letter-spacing:0;text-transform:none;color:var(--accent)}
.job .view span{font:inherit;color:inherit;letter-spacing:0;text-transform:none}
.job .view span{display:inline-block;transition:transform .15s}
.job:hover .view span{transform:translateX(3px)}
.jobs-foot{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}

/* Job list */
.jb-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.jb-intro{display:grid;gap:18px}
.jb-intro>p{color:var(--muted);font-size:17px}
.jb-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.jb-list a{display:grid;grid-template-columns:1fr auto 24px;gap:20px;align-items:center;padding:20px 6px;text-decoration:none;border-bottom:1px solid var(--line);transition:padding .2s}
.jb-list a:hover{padding-left:14px}
.jb-list a:hover .jb-t{color:var(--accent)}
.jb-list a:hover .jb-a{color:var(--accent);transform:translateX(3px)}
.jb-t{font:600 18px/1.35 var(--font-heading);color:var(--ink);transition:color .15s}
.jb-l{font-size:14px;color:var(--muted);white-space:nowrap}
.jb-a{color:var(--muted);transition:transform .15s,color .15s}
@media (max-width: 900px){.jb-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width: 560px){.jb-list a{grid-template-columns:1fr 24px;row-gap:4px}.jb-l{grid-row:2;grid-column:1}.jb-a{grid-row:1/3;grid-column:2}}

.jb-list{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 14px;box-shadow:0 30px 60px -40px rgba(11,21,48,.35)}
.jb-list a{padding:18px 8px}
.jb-list a:hover{padding-left:16px}
.jb-list li:last-child a{border-bottom:0}
.jb-intro{align-self:center}
.jb-intro>p:last-child{margin-top:16px}
.xp-intro>p:last-child{margin-top:16px}

/* Cases */
.cs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cs{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s}
.cs:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 16px 32px -18px rgba(15,92,138,.45)}
.cs-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.cs-ind{font:500 11px var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cs-big{font:800 38px/1 var(--font-heading);letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
.cs h3{font-size:18px}
.cs p{color:var(--muted);font-size:14.5px;line-height:1.55;flex:1}
.cs-tags{font:500 11px var(--font-label);letter-spacing:.06em;color:var(--accent);padding-top:12px;border-top:1px solid var(--line)}
@media (max-width: 1000px){.cs-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 560px){.cs-grid{grid-template-columns:1fr}}
.cta-band .hl-text{background:linear-gradient(90deg,#7fe3b4,#8ccfff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* CTA band v2 */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b5f63 0%,#145a8f 55%,#123a7a 100%) !important;border:0;border-radius:28px;padding:64px 64px;box-shadow:0 40px 80px -40px rgba(18,58,122,.6)}
.cta-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000);pointer-events:none}
.cta-band::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,181,71,.28),transparent 65%);pointer-events:none}
.cta-band>*{position:relative;z-index:1}
.cta-copy{display:grid;gap:14px;max-width:36em}
.cta-kicker{font:500 12px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:#9ff3dc !important;opacity:1 !important;margin:0 !important}
.cta-band h2{font-size:clamp(30px,3.6vw,46px);max-width:none}
.cta-band p{margin-top:0}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-light{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35)}
.btn-light:hover{background:rgba(255,255,255,.18);border-color:#fff}
@media (max-width: 900px){.cta-band{padding:40px 28px}}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:100}
.toast.show{opacity:1;transform:translateX(-50%)}

.page{display:none}
.page.active{display:block}

@media (max-width: 1000px){
  .grid-4,.steps{grid-template-columns:repeat(2,1fr)}
  .steps li{padding-bottom:24px}
  .countries{grid-template-columns:repeat(3,1fr)}
  .jobs{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .hero .label,.hero-text,.match-card{grid-column:1;grid-row:auto}
  .match-card{margin-top:24px}
  .match-canvas{min-height:240px;flex:none;height:240px}
  .nav>.langs{margin-left:28px;padding-left:20px;gap:6px}
  .menu{position:fixed;left:16px;right:16px;width:auto;top:80px}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .grid-3,.grid-2,.contact-grid{grid-template-columns:1fr}
  .svc{grid-template-columns:1fr;gap:8px}
  .cta-band{padding:36px 28px}
  section{padding:72px 0}
}
@media (max-width: 620px){
  .nav>.langs{display:none}
  .menu .m-langs{display:block}
}
@media (max-width: 560px){
  .wrap{padding:0 18px}
  .grid-4,.steps,.jobs,.countries{grid-template-columns:1fr}
  .hero .label{font-size:11px;letter-spacing:.08em}
  .hero h1{font-size:clamp(34px,10.4vw,76px)}
  .foot-grid{grid-template-columns:1fr}
  .companies{font-size:14px}
}

/* Solid colours only (no gradients) */
.hero h1 .hl,.hl-text,.xp-count b,.lp-badge b,.jobs-count b,.cs-big{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:var(--accent) !important;-webkit-text-fill-color:currentColor}
.cta-band .hl-text{color:#ffd28a !important}
.steps{border-image:none !important;border-top:3px solid var(--accent) !important}
#svc-cards .card::before,.stat .v::after{background:var(--accent) !important}
.stat:nth-child(4) .v::after{background:var(--cta) !important}
.xp-ic{background:var(--accent) !important}
.cta-band{background:var(--accent-2) !important;box-shadow:0 40px 80px -40px rgba(29,95,163,.6)}
.cta-band::after{display:none}
.cta-kicker{color:#62cfb1 !important}
.hl-text.hl-blue{color:var(--accent-2) !important}
.cta-band .hl-text.hl-blue,.cta-band .hl-text{color:#62cfb1 !important}

/* Footer v2 */
.site-footer{background:#FAF7F2;color:var(--ink);border-top:0;margin-top:56px;padding:72px 0 28px;position:relative;z-index:1}
.ft-top{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.2fr;gap:40px}
.ft-brand{display:grid;gap:10px;align-content:start}
.site-footer .brand-name{color:var(--ink);font-size:18px}
.site-footer .brand-tag{color:var(--muted)}
.ft-brand p{color:var(--muted);font-size:15px;max-width:26em;margin-top:8px}
.ft-flags{display:flex;gap:8px;margin-top:10px}
.ft-flags .flag{opacity:1}
.ft-flags .flag:hover,.ft-flags .flag[aria-current="true"]{background:#fff;box-shadow:none}
.ft-col h4{font:500 11px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.ft-col a{color:var(--ink);text-decoration:none}
.ft-col a:hover{color:var(--accent)}
.ft-cta{display:inline-flex;gap:6px;margin-top:6px;padding:9px 14px;border-radius:10px;background:var(--cta);color:#2a1a00 !important;font-weight:600}
.ft-cta:hover{filter:brightness(1.05)}
.ft-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media (max-width: 1000px){.ft-top{grid-template-columns:1fr 1fr}}
@media (max-width: 560px){.ft-top{grid-template-columns:1fr}}

/* CTA calm */
.cta-band{background:#FAF7F2 !important;border:1px solid rgba(29,95,163,.18) !important;box-shadow:none !important}
.cta-band::before,.cta-band::after{display:none !important}
.cta-band h2{color:var(--ink) !important}
.cta-band p{color:var(--muted) !important;opacity:1 !important}
.cta-band .hl-text,.cta-band .hl-text.hl-blue{color:var(--accent-2) !important}
.cta-kicker{color:var(--accent) !important}
.cta-band .btn-light{background:#fff;color:var(--ink);border-color:var(--line)}
.cta-band .btn-light:hover{border-color:var(--accent-2);background:#fff}

/* CTA clean + pop */
.cta-band{background:#cfe5fb !important;border:0 !important;box-shadow:0 40px 80px -36px rgba(102,165,230,.35) !important;padding:56px 64px !important}
.cta-band h2{color:#fff !important}
.cta-band p{color:#FAF7F2 !important}
.cta-band .hl-text,.cta-band .hl-text.hl-blue{color:#0f5c8a !important}
.cta-kicker{color:#d4ecff !important}
.cta-band .btn-light{background:#cfe5fb;color:#fff;border-color:rgba(255,255,255,.35)}
.cta-band .btn-light:hover{background:rgba(255,255,255,.08);border-color:#fff}
.cta-band h2{font-size:clamp(32px,3.8vw,48px) !important}

.cta-net{position:absolute !important;inset:0;width:100%;height:100%;z-index:0 !important;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 70%);mask-image:linear-gradient(90deg,transparent 25%,#000 70%)}

.cta-side{display:grid;gap:20px;justify-items:start}
.cta-person{display:flex;align-items:center;gap:14px}
.cta-photo{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#1d5fa3;color:#fff;font:700 22px var(--font-heading);border:3px solid #fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);overflow:hidden;background-size:cover;background-position:center}
.cta-person b{display:block;color:#fff;font:700 17px var(--font-heading)}
.cta-person span{color:#FAF7F2;font-size:14px}
.cta-photo span{font:600 11px/1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#fff}

/* CTA light blue with dark text */
.cta-band h2{color:var(--ink) !important}
.cta-band p{color:#26365a !important}
.cta-kicker{color:#123a7a !important}
.cta-person b{color:var(--ink) !important}
.cta-person span{color:#26365a !important}
.cta-band .btn-light{background:#fff !important;color:var(--ink) !important;border-color:#fff !important}
.cta-person .cta-photo span{color:#fff !important}
img.cta-photo{object-fit:cover;padding:0}
img.avatar{object-fit:cover;border:2px solid var(--accent)}

.xp-tiles.xp3{grid-template-columns:repeat(3,1fr)}
.xp-tiles.xp3 .xp:last-child{grid-column:auto}
.xp .num{display:block;font:500 10.5px var(--font-label);letter-spacing:.1em;color:var(--accent);margin-bottom:4px;background:none;padding:0}
#svc-list .xp-tiles .xp:last-child{grid-column:auto}
#svc-list .xp{padding:24px}
#svc-list .xp h3{font-size:19px}
#svc-list .xp p{font-size:15px}
.steps5{grid-template-columns:repeat(5,1fr)}
#page-careers .jb-list{max-width:none}
@media (max-width: 1000px){.xp-tiles.xp3{grid-template-columns:1fr 1fr}.steps5{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 560px){.xp-tiles.xp3{grid-template-columns:1fr}.steps5{grid-template-columns:1fr}}

.clients{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}
.clients-k{font:500 11px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.clients ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 40px;align-items:center}
.clients li{font:800 20px/1 var(--font-heading);letter-spacing:-.01em;color:#8693a8;transition:color .2s}
.clients li:hover{color:var(--ink)}

.clients ul{gap:18px 44px}
.clients li img{display:block;width:auto;max-width:150px;object-fit:contain;transition:transform .2s}
.clients li:hover img{transform:scale(1.06)}
.clients li.txt{font:800 20px/1 var(--font-heading);color:#0b1530}

.clients{display:grid;gap:18px;margin-top:36px}
.clients ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 28px}
.clients li img{max-width:130px}
.clients li.txt{font-size:18px}

/* Trusted by v2 */
.clients{margin-top:44px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 32px 26px;box-shadow:0 24px 48px -36px rgba(11,21,48,.3);gap:18px}
.clients-k{display:flex;align-items:center;gap:16px;margin:0;font:500 11px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.clients-k::before,.clients-k::after{content:"";flex:1;height:1px;background:var(--line)}
.clients ul{justify-content:space-between}
.clients ul{flex-wrap:nowrap;gap:24px}
.clients li img{max-width:112px}
.clients li.txt{font-size:16px;white-space:nowrap}
@media (max-width: 1000px){.clients ul{flex-wrap:wrap;justify-content:center}}

/* Even rhythm between sections */
#page-home > section:not(.hero){padding:64px 0}
#page-home > section.hero{padding-bottom:40px}
#page-home > section:last-child{padding-top:24px;padding-bottom:80px}
.page > section{padding-top:64px;padding-bottom:64px}

/* Jobs v3 */
.jb-list a{grid-template-columns:44px 1fr auto 24px !important;gap:16px !important;padding:16px 10px !important}
.jb-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);transition:background .2s,color .2s}
.jb-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.jb-list a:hover .jb-ic{background:var(--accent);color:#fff}
.jb-main{display:grid;gap:3px;min-width:0}
.jb-t{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jb-c{font:500 11px var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.jb-new{font:600 10px var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:#7a4b00;background:#ffe3b3;padding:3px 8px;border-radius:999px}
.jb-l{display:inline-flex;align-items:center;gap:6px;font-size:13px !important;font-weight:500;color:var(--accent-2) !important;background:rgba(29,95,163,.08);padding:6px 12px;border-radius:999px}
.jb-l.r{color:var(--accent) !important;background:var(--accent-soft)}
.jb-l i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(15,92,138,.18)}
@media (max-width: 560px){.jb-list a{grid-template-columns:40px 1fr 20px !important}.jb-l{grid-column:2;grid-row:2;justify-self:start}.jb-a{grid-column:3;grid-row:1/3}}
.jb-list .jb-t{font-size:16.5px !important}
.jb-c{display:flex;align-items:center;gap:8px}
.jb-ic{display:none !important}
.jb-list a{grid-template-columns:1fr auto 24px !important;padding:18px 10px !important}
@media (max-width: 560px){.jb-list a{grid-template-columns:1fr 20px !important}.jb-l{grid-column:1 !important}.jb-a{grid-column:2 !important}}


/* Let's talk v-final: fits the white cards, stands out with a coloured panel */
#page-home .cta-band{background:#fff !important;border:1px solid var(--line) !important;border-radius:24px !important;padding:0 !important;overflow:hidden;display:grid !important;grid-template-columns:1.25fr .75fr;gap:0 !important;align-items:stretch !important;box-shadow:0 40px 80px -40px rgba(15,92,138,.35),0 2px 8px rgba(11,21,48,.04) !important}
#page-home .cta-copy{padding:52px 56px;max-width:none}
#page-home .cta-band h2{font-size:clamp(32px,3.8vw,48px) !important;color:var(--ink) !important}
#page-home .cta-band p{color:var(--muted) !important}
#page-home .cta-kicker{color:var(--accent) !important}
#page-home .cta-band .hl-text{color:var(--accent) !important}
#page-home .cta-side{background:var(--accent);padding:44px 40px;align-content:center;gap:24px;position:relative;align-self:stretch;display:grid;justify-items:start}
#page-home .cta-side::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}
#page-home .cta-side>*{position:relative}
#page-home .cta-person b{color:#fff !important}
#page-home .cta-person span{color:rgba(255,255,255,.85) !important}
#page-home .cta-photo{border:3px solid #fff !important}
#page-home .cta-band .btn-light{background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.6) !important}
#page-home .cta-band .btn-light:hover{background:rgba(255,255,255,.12) !important;border-color:#fff !important}
@media (max-width: 900px){#page-home .cta-band{grid-template-columns:1fr}#page-home .cta-copy{padding:36px 28px}#page-home .cta-side{padding:32px 28px}}

/* Typography consistency: every small label identical */
p.label,.section-head p.label,.card p.label,.lp-text .label,.jb-intro .label,.xp-intro .label{font:500 12px/1.4 var(--font-label) !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--accent) !important;max-width:none}
.lead,.section-head>p:not(.label),.xp-intro>p:not(.label),.lp-lead,.jb-intro>p:not(.label){font-family:var(--font-body)}
h1,h2,h3,h4{font-family:var(--font-heading) !important;font-weight:700}


/* Photos */
.pr-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;margin-bottom:56px}
.pr-photo{position:relative;margin:0;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(11,21,48,.45);aspect-ratio:16/10}
.pr-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pr-photo figcaption{position:absolute;left:20px;bottom:20px;background:#fff;border-radius:14px;padding:12px 16px;display:flex;align-items:baseline;gap:8px;box-shadow:0 12px 28px -14px rgba(11,21,48,.4)}
.pr-photo figcaption b{font:800 22px/1 var(--font-heading);color:var(--accent)}
.pr-photo figcaption span{font-size:13px;color:var(--muted)}
#page-careers .page-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:56px;align-items:center}
#page-careers .page-head>*:not(.ca-photo){grid-column:1}
.ca-photo{grid-column:2;grid-row:1/6;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 30px 60px -36px rgba(11,21,48,.45)}
.ca-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 40%;display:block}
@media (max-width: 900px){.pr-head{grid-template-columns:1fr;gap:28px}#page-careers .page-head{grid-template-columns:1fr}.ca-photo{grid-column:1;grid-row:auto;margin-top:28px}}

/* Process v2: photo + vertical steps */
.pr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.pr-grid .pr-photo{aspect-ratio:4/5;margin:0;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 40px 80px -40px rgba(11,21,48,.5)}
.pr-grid .pr-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 50%;display:block}
.pr-grid .pr-photo::after{content:"";position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.pr-grid .pr-photo figcaption{left:24px;bottom:24px;padding:14px 18px;border-radius:16px;z-index:1}
.pr-body{display:grid;gap:18px}
.pr-steps{list-style:none;margin:14px 0 0;padding:0;position:relative}
.pr-steps::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--line)}
.pr-steps li{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:14px 0;position:relative}
.pr-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--accent);color:var(--accent);font:600 13px var(--font-label);position:relative;z-index:1;transition:background .2s,color .2s}
.pr-steps li:last-child .pr-n{background:var(--accent);color:#fff}
.pr-steps li:hover .pr-n{background:var(--accent);color:#fff}
.pr-steps h3{font-size:18px;margin:2px 0 6px}
.pr-steps p{color:var(--muted);font-size:15px;line-height:1.55}
@media (max-width: 900px){.pr-grid{grid-template-columns:1fr;gap:32px}.pr-grid .pr-photo{aspect-ratio:16/10}}

.ca-photo{position:relative;aspect-ratio:4/4.2 !important;border-radius:28px !important}
.ca-photo img{object-position:50% 20% !important}
.ca-photo figcaption{position:absolute;left:20px;bottom:20px;background:#fff;border-radius:14px;padding:12px 16px;display:grid;gap:2px;box-shadow:0 12px 28px -14px rgba(11,21,48,.4)}
.ca-photo figcaption b{font:700 16px var(--font-heading);color:var(--accent)}
.ca-photo figcaption span{font-size:13px;color:var(--muted)}
.pr-intro{color:var(--muted);font-size:16px;margin:0}
.xp-grid:not(.xp-flip) .xp-tiles .xp{align-items:center}

#page-about .page-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);column-gap:56px;align-items:center}
#page-about .page-head>*:not(.ab-photo){grid-column:1}
.ab-photo{grid-column:2;grid-row:1/4;margin:0;border-radius:28px;overflow:hidden;position:relative;aspect-ratio:4/3;box-shadow:0 30px 60px -36px rgba(11,21,48,.45)}
.ab-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;display:block}
.ab-photo figcaption{position:absolute;left:20px;bottom:20px;background:#fff;border-radius:14px;padding:12px 16px;display:grid;gap:2px;box-shadow:0 12px 28px -14px rgba(11,21,48,.4)}
.ab-photo figcaption b{font:700 16px var(--font-heading);color:var(--accent)}
.ab-photo figcaption span{font-size:13px;color:var(--muted)}
@media (max-width: 900px){#page-about .page-head{grid-template-columns:1fr}.ab-photo{grid-column:1;grid-row:auto;margin-top:28px}}

/* About v2 */
.ab-stats-wrap{padding:0 !important}
.ab-stats{grid-template-columns:repeat(3,1fr);margin-top:8px}
.ab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.ab-text{display:grid;gap:16px}
.ab-text>p:not(.label){color:var(--muted);font-size:16.5px}
.ab-companies{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 26px;box-shadow:0 30px 60px -44px rgba(11,21,48,.35)}
.ab-companies ul{list-style:none;margin:14px 0 0;padding:0}
.ab-companies li{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);font-size:15px}
.ab-companies li:last-child{border-bottom:0}
.ab-companies li b{font-weight:600}
.ab-companies li>span:last-child{font:500 11px var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ab-flag svg{width:24px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:block}
.ab-steps{grid-template-columns:repeat(3,1fr) !important}
.ab-ops{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ab-ops .xp{padding:28px}
.ab-ops .xp h3{font-size:20px;margin-bottom:6px}
.ab-ops .xp p{font-size:15px}
.ab-ind{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ab-ind-col{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}
.ab-ind-col h3{font-size:18px;margin-bottom:14px}
.industries.blue span{color:var(--accent-2);background:rgba(29,95,163,.08)}
#page-about .cta-band{display:flex;justify-content:space-between;align-items:center}
@media (max-width: 900px){.ab-grid,.ab-ops,.ab-ind{grid-template-columns:1fr}.ab-stats{grid-template-columns:1fr}.ab-stats .stat{border-left:0;border-top:1px solid var(--line)}.ab-stats .stat:first-child{border-top:0}.ab-steps{grid-template-columns:1fr !important}}
.ab-ops .xp:last-child{grid-column:auto !important}
.ab-ops .xp{align-items:flex-start}
#page-about .cta-band h2{max-width:20em !important;font-size:clamp(28px,3vw,38px) !important}
#page-about .cta-copy{max-width:44em}
.xp-tiles{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.xp-tiles.xp3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.xp-grid>*,.lp-grid>*,.jb-grid>*,.pr-grid>*,.ab-grid>*{min-width:0}
@media (max-width: 1000px){.xp-tiles.xp3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width: 600px){.xp-tiles,.xp-tiles.xp3{grid-template-columns:minmax(0,1fr) !important}.xp{padding:16px}.clients ul{gap:18px 22px}.clients li img{max-width:96px}.stats{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(34px,10vw,52px) !important}.pr-steps li{grid-template-columns:40px 1fr;gap:14px}.cs-grid{grid-template-columns:1fr}}
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
@media (max-width: 900px){.xp-grid.xp-flip{grid-template-columns:minmax(0,1fr) !important}.xp-grid{grid-template-columns:minmax(0,1fr) !important}}
.stat .v{white-space:nowrap}
@media (max-width: 600px){.stat{padding:16px 18px}.stat .v{font-size:28px}}
/* ===== Förslag 2: clean & restrained ===== */
:root{--bg:#ffffff;--soft:#f8f6f2;--line:#ebe6de;--muted:#5b6578;--ink:#0d1526;--accent:#0f5c8a;--accent-2:#1d5fa3;--accent-soft:rgba(15,92,138,.07)}
body{background:#fff !important}
.site-header{background:rgba(255,255,255,.92) !important;border-bottom:1px solid var(--line)}
section{padding:96px 0 !important}
#page-home > section:nth-of-type(even){background:var(--soft)}
#page-home > section.hero{padding:72px 0 64px !important}
p.label,.section-head p.label,.card p.label,.clients-k{font:600 12px/1.4 var(--font-body) !important;letter-spacing:.14em !important;color:var(--muted) !important}
.hero .label{color:var(--accent) !important}
.hero h1{font-size:clamp(40px,5.2vw,68px) !important;letter-spacing:-.03em !important}
.hero h1 .hl{color:var(--accent) !important}
/* cards: flat, thin border, no shadow */
.xp,.card,.cs,.quote,.ab-companies,.ab-ind-col,.lp-map,.jb-list,.clients,.stats,.model{box-shadow:none !important;border:1px solid var(--line) !important;border-radius:12px !important;background:#fff !important}
.xp:hover,.cs:hover,.tl li:hover,a.card:hover{transform:none !important;box-shadow:none !important;border-color:var(--ink) !important}
.xp-ic{background:transparent !important;color:var(--accent) !important;box-shadow:none !important;border:1px solid var(--line);border-radius:10px !important}
.xp-count b,.cs-big,.lp-badge b{color:var(--ink) !important}
.stat .v::after{display:none}
.chips .chip,.industries span{background:transparent !important;border:1px solid var(--line);color:var(--ink) !important}
.industries.blue span{color:var(--ink) !important;background:transparent !important}
/* logos: grey, colour on hover */
.clients{border:0 !important;background:transparent !important;padding:8px 0 0 !important}
.clients-k::before,.clients-k::after{display:none}
.clients li img{filter:grayscale(1) brightness(.35);opacity:.55;transition:filter .2s,opacity .2s}
.clients li:hover img{filter:none;opacity:1}
.clients li.txt{color:#6b7280 !important}
/* buttons */
.btn{border-radius:8px !important}
.btn-primary{background:var(--ink) !important;color:#fff !important;box-shadow:none !important}
.btn-primary:hover{background:var(--accent) !important}
.btn-ghost{background:transparent !important;border-color:var(--ink) !important}
/* process */
.pr-intro{max-width:46em}
/* jobs */
.jb-l,.jb-l.r{background:transparent !important;color:var(--muted) !important;padding:0 !important}
.jb-l i{display:none}
/* map */
.lp-map::before{opacity:.25}
.lp-badge{box-shadow:none !important}
/* let's talk */
#page-home .cta-band,.cta-band{background:var(--ink) !important;border:0 !important;box-shadow:none !important;border-radius:16px !important}
#page-home .cta-band h2,.cta-band h2{color:#fff !important}
#page-home .cta-band p,.cta-band p{color:#c3cad8 !important}
#page-home .cta-band .hl-text,.cta-band .hl-text{color:#5fd0b6 !important}
#page-home .cta-kicker,.cta-kicker{color:#8fa0bd !important}
#page-home .cta-side{background:transparent !important;border-left:1px solid rgba(255,255,255,.12)}
#page-home .cta-side::before{display:none}
#page-home .cta-band .btn-primary,.cta-band .btn-primary{background:#fff !important;color:var(--ink) !important}
.cta-band .btn-light{border-color:rgba(255,255,255,.4) !important}
/* footer */
.site-footer{background:var(--soft) !important}
.ft-cta{background:var(--ink) !important;color:#fff !important}
.ab-photo,.ca-photo{border-radius:16px !important;box-shadow:none !important}
.ab-photo figcaption,.ca-photo figcaption{box-shadow:none !important;border:1px solid var(--line)}
.match-card,.pr-grid .pr-photo,.ab-photo,.ca-photo{box-shadow:none !important;border:1px solid var(--line) !important;border-radius:16px !important}
.pr-grid .pr-photo figcaption{box-shadow:none !important;border:1px solid var(--line)}
.pr-n{border-width:1.5px !important}
.pr-steps li:last-child .pr-n{background:var(--ink) !important;border-color:var(--ink) !important;color:#fff !important}
.lp-arc.w{stroke-opacity:.15 !important}

/* ===== Förslag 3: proposal 2 on light blue ===== */
:root{--bg:#f1ece2;--soft:#FAF7F2}
body{background:#f1ece2 !important}
.site-header{background:rgba(247,244,238,.92) !important}
#page-home > section:nth-of-type(even){background:#FAF7F2}
.site-footer{background:#FAF7F2 !important}
.jb-list,.xp,.card,.cs,.quote,.ab-companies,.ab-ind-col,.lp-map,.stats,.match-card{background:#fff !important}
.lp-map{background:#fff !important}
/* photo band after clients + green-only accent words */
.photo-band{padding:8px 0 56px !important;background:transparent !important}
.pb-fig{margin:0;border-radius:16px;overflow:hidden;height:380px;border:1px solid rgba(13,21,38,.06)}
.pb-fig img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
@media(max-width:700px){.pb-fig{height:220px}.photo-band{padding:0 0 40px !important}}
.hl-text.hl-blue,#page-home .hl-text.hl-blue{color:var(--accent) !important}
.photo-band + section{padding-top:40px !important}
.pb-fig{position:relative}
.pb-fig figcaption{position:absolute;left:24px;bottom:24px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:flex;align-items:baseline;gap:10px;z-index:1}
.pb-fig figcaption b{font:800 22px/1 var(--font-heading);color:var(--accent);white-space:nowrap}
.pb-fig figcaption span{font-size:13px;color:var(--muted)}
@media(max-width:700px){.pb-fig figcaption{left:12px;right:12px;bottom:12px;flex-wrap:wrap;gap:4px 8px;padding:10px 14px}.pb-fig figcaption b{font-size:17px}}
.tr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.tr-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
.tr-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);color:var(--accent);margin-bottom:16px}
.tr-ic svg{width:22px;height:22px}
.tr-card h3{font:700 17px/1.3 var(--font-heading);margin:0 0 8px;color:var(--ink)}
.tr-card p{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0}
@media(max-width:1000px){.tr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tr-grid{grid-template-columns:minmax(0,1fr)}}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.pc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:18px}
.pc-top{display:flex;align-items:center;gap:16px}
.pc-av{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font:700 24px var(--font-heading);border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.pc h3{font:700 20px/1.2 var(--font-heading);margin:0;color:var(--ink)}
.pc-role{margin:4px 0 0;font-size:14px;color:var(--muted);font-style:italic}
.pc-meta{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--line)}
.pc-client{font:700 16px var(--font-heading);color:var(--accent)}
.pc-ind{font-size:14px;color:var(--muted)}
.pc-quote{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted);font-style:italic}
@media(max-width:900px){.pc-grid{grid-template-columns:minmax(0,1fr)}}
.pc-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
@media(max-width:1100px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:600px){.pc-grid{grid-template-columns:minmax(0,1fr) !important}}
.pc-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:14px !important}
.pc{padding:22px !important;gap:16px !important}
.pc-top{flex-direction:column;align-items:flex-start;gap:12px !important}
.pc-av{width:56px !important;height:56px !important;font-size:21px !important}
@media(max-width:1100px){.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:800px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:520px){.pc-grid{grid-template-columns:minmax(0,1fr) !important}.pc-top{flex-direction:row;align-items:center}}
.clients li img{max-height:24px !important;max-width:88px !important;height:auto !important}
.clients li.txt{font-size:13px !important}
.clients ul{justify-content:flex-start !important;gap:16px 40px !important}
.clients{margin-top:36px !important;gap:12px !important}
.clients ul{gap:16px 0 !important;justify-content:space-between !important}
@media(min-width:901px){.clients ul{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 48px !important;justify-items:start;align-items:center}}
.clients li img{max-height:34px !important;max-width:124px !important}
.clients li.txt{font-size:17px !important}
/* clients: logo wall */
.clients{margin-top:44px !important;gap:16px !important}
.clients-k{justify-content:center;text-align:center}
.clients-k::before,.clients-k::after{display:block !important;content:"";flex:1;height:1px;background:var(--line)}
@media(min-width:901px){.clients ul{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:0 !important;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}}
.clients ul li{display:flex;align-items:center;justify-content:center;height:88px;padding:0 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:100%}
.clients ul li:nth-child(6n){border-right:0}
.clients ul li:nth-child(n+7){border-bottom:0}
.clients li img{max-height:30px !important;max-width:112px !important}
.clients li.txt{font-size:17px !important}
.clients li.more{font:500 13px var(--font-body);color:var(--accent);letter-spacing:.02em}
@media(max-width:900px){.clients ul{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.clients ul li{height:72px;border-right:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important}
.clients ul li:nth-child(3n){border-right:0 !important}.clients ul li:nth-child(n+10){border-bottom:0 !important}
.clients li img{max-width:84px !important;max-height:24px !important}.clients li.txt{font-size:14px !important}}
.clients li.more{text-align:center}
.clients li img{max-width:none !important;max-height:none !important}
.clients li.txt{font-size:19px !important}
@media(max-width:900px){.clients ul li{padding:0 10px !important}.clients li img{max-width:100% !important;transform:scale(.8)}.clients li.txt{font-size:15px !important}}
@media(min-width:901px){.clients ul{grid-template-columns:repeat(8,minmax(0,1fr)) !important}
.clients ul li{height:72px !important;padding:0 12px !important;border-right:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important}
.clients ul li:nth-child(6n){border-right:1px solid var(--line) !important}
.clients ul li:nth-child(8n){border-right:0 !important}
.clients ul li:nth-child(n+9){border-bottom:0 !important}}
.clients li.txt{font-size:15px !important}
@media(max-width:900px){.clients ul{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.clients ul li{height:60px !important;border-right:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important}
.clients ul li:nth-child(3n){border-right:1px solid var(--line) !important}
.clients ul li:nth-child(4n){border-right:0 !important}
.clients ul li:nth-child(n+10){border-bottom:1px solid var(--line) !important}
.clients ul li:nth-child(n+13){border-bottom:0 !important}
.clients li.txt{font-size:12px !important}.clients li img{transform:scale(.7) !important}}
/* clients: inline row, no boxes */
.clients ul{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;gap:22px 44px !important;background:transparent !important;border:0 !important;border-radius:0 !important;overflow:visible !important}
.clients ul li,.clients ul li:nth-child(n){height:auto !important;padding:0 !important;border:0 !important;width:auto !important}
@media(max-width:900px){.clients ul{gap:16px 26px !important}}
.pc-av.pc-photo{background:#FAF7F2 url(/johan-bergstr-m-ff63d7ad.webp) center 20%/cover no-repeat !important;font-size:0 !important}
.pc-av.pc-photo.pc-ramtin{background-image:url(/bg-713d58f7.webp) !important;background-position:center 30% !important}
.pc-av.pc-photo.pc-ramtin{background-size:165% !important;background-position:50% 32% !important}
.pc-av.pc-photo.pc-pekka{background-image:url(/bg-870ffb44.webp) !important;background-size:cover !important;background-position:center 20% !important}
/* people: refined cards */
.pc{text-align:center;align-items:center;padding:30px 22px 26px !important;gap:0 !important;transition:transform .2s,box-shadow .2s}
.pc:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(13,21,38,.35)}
.pc-top{flex-direction:column !important;align-items:center !important;gap:14px !important}
.pc-av{width:92px !important;height:92px !important;border:0 !important;box-shadow:0 0 0 4px #fff,0 0 0 5px rgba(15,92,138,.35) !important}
.pc h3{font-size:19px !important}
.pc-role{font-style:normal !important;font-size:13.5px !important;color:var(--muted) !important;margin-top:4px !important}
.pc-meta{border-top:0 !important;padding-top:14px !important;align-items:center;gap:6px !important}
.pc-client{display:inline-block;font:600 13px var(--font-body) !important;color:var(--accent) !important;background:rgba(15,92,138,.08);padding:5px 12px;border-radius:999px}
.pc-ind{font-size:13px !important}
.pc-quote{position:relative;margin-top:18px !important;padding-top:18px;border-top:1px solid var(--line);font-size:14px !important;width:100%}
.pc-quote::before{content:"\201C";position:absolute;left:50%;top:-14px;transform:translateX(-50%);background:#fff;padding:0 8px;font:700 30px/1 var(--font-heading);color:var(--accent)}
@media(max-width:520px){.pc-top{flex-direction:column !important}}
.pc-meta{margin-bottom:22px}
.pc-quote{margin-top:auto !important}
.people-section .section-head>p:not(.label){max-width:none}
.pol{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 26px}
.pol-k{margin:0 0 14px;font:600 12px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pol-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}
.pol-list li{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--ink)}
.pol-list svg{flex:none;width:17px;height:17px;color:var(--accent)}
@media(max-width:1000px){.pol-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pol-list{grid-template-columns:minmax(0,1fr)}}
.tr-grid .pol{grid-column:1/-1;margin-top:0}
@media(min-width:1101px){.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important}}
.site-footer{margin-top:0 !important}
/* unify section labels */
[id^=page-] section:not(.hero) p.label{font:600 12px/1.4 var(--font-body) !important;letter-spacing:.14em !important;color:var(--muted) !important;text-transform:uppercase}
.photo-band .pb-fig{height:280px !important}
.pc-cta{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 28px}
.pc-cta h3{font:700 19px/1.3 var(--font-heading);margin:0 0 4px;color:var(--ink)}
.pc-cta p{margin:0;font-size:15px;color:var(--muted)}
.pc-cta .btn{flex:none}
@media(max-width:700px){.pc-cta{flex-direction:column;align-items:flex-start}}
.ft-li{display:inline-flex;align-items:center;gap:8px}.ft-li svg{width:16px;height:16px}
.jb-grid{align-items:start !important}
.jb-intro{padding-top:24px}
/* rolling job list */
.jb-marquee{height:520px;overflow:hidden !important;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}
.jb-track{display:flex;flex-direction:column;animation:jbscroll 110s linear infinite}
.jb-marquee:hover .jb-track,.jb-marquee:focus-within .jb-track{animation-play-state:paused}
@keyframes jbscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){.jb-track{animation:none}.jb-marquee{overflow-y:auto !important}}
@media(max-width:700px){.jb-marquee{height:420px}}
/* rolling list v2 */
.jb-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(13,21,38,.35)}
.jb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);background:#fdfbf8}
.jb-head b{font:700 15px var(--font-heading);color:var(--ink)}
.jb-live{display:inline-flex;align-items:center;gap:8px;font:600 11px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.jb-live i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(15,92,138,.5);animation:jbpulse 2s infinite}
@keyframes jbpulse{0%{box-shadow:0 0 0 0 rgba(15,92,138,.45)}70%{box-shadow:0 0 0 8px rgba(15,92,138,0)}100%{box-shadow:0 0 0 0 rgba(15,92,138,0)}}
.jb-card .jb-list{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;margin:0;padding:0 !important}
.jb-card .jb-marquee{height:440px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.jb-card .jb-list li{border-bottom:1px solid #f2eee8 !important;list-style:none}
.jb-card .jb-list a{display:flex !important;align-items:center;gap:14px;padding:15px 22px !important;transition:background .15s}
.jb-card .jb-list a:hover{background:#f3f8f7}
.jb-card .jb-ic{display:grid !important;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:rgba(15,92,138,.07);color:var(--accent)}
.jb-card .jb-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.jb-card .jb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.jb-card .jb-t{font:600 15px/1.3 var(--font-body);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-card .jb-c{font:500 12px var(--font-body) !important;letter-spacing:.02em !important;text-transform:none !important;color:var(--muted) !important}
.jb-card .jb-l{font-size:13px !important;color:var(--ink) !important;background:transparent !important;padding:0 !important;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.jb-card .jb-l.r i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22a06b}
.jb-card .jb-a{color:var(--muted);transition:transform .15s,color .15s}
.jb-card .jb-list a:hover .jb-a{transform:translateX(3px);color:var(--accent)}
.jb-foot{display:flex;justify-content:center;gap:6px;padding:14px;border-top:1px solid var(--line);font:600 14px var(--font-body);color:var(--accent);background:#fdfbf8}
.jb-foot:hover{background:#f3f8f7}
@media(max-width:700px){.jb-card .jb-marquee{height:380px}.jb-card .jb-list a{padding:13px 16px !important}.jb-card .jb-ic{display:none !important}}
.jb-card .jb-list li{margin:0 !important;padding:0 !important;background:#fff !important;border-top:0 !important;border-left:0 !important;border-right:0 !important;border-radius:0 !important;box-shadow:none !important}
.jb-card .jb-list a{border:0 !important;border-radius:0 !important;background:#fff}
.jb-card .jb-track{gap:0 !important}
.jb-foot{text-decoration:none !important}
@media(min-width:901px){.ab-steps{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
.xp-tiles .xp:last-child,.xp-tiles .xp:nth-child(7){grid-column:auto !important}
.wrap.page-head{padding-left:24px !important;padding-right:24px !important}
.ab-wind img{object-position:22% 40% !important}
@media(max-width:900px){#page-about .ab-photo{margin-bottom:20px}}
/* alternating section backgrounds on subpages */
#page-about > section:nth-of-type(3),#page-about > section:nth-of-type(5),#page-careers > section:nth-of-type(2){background:#FAF7F2 !important}
/* about industries: clean list instead of pills */
.ab-ind-col .industries{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px !important;margin-top:16px}
.ab-ind-col .industries span{display:flex !important;align-items:flex-start;gap:10px;background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;font:500 15px/1.4 var(--font-body) !important;color:var(--ink) !important;text-transform:none !important;letter-spacing:0 !important}
.ab-ind-col .industries span::before{content:"";flex:none;width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--accent)}
.ab-ind-col h3{font:700 18px var(--font-heading)}
@media(max-width:600px){.ab-ind-col .industries{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.jb-card .jb-t{white-space:normal !important;overflow:visible !important}.jb-card .jb-l{font-size:12px !important}}
/* Förslag 5: toned-down typography */
.hero h1{font-weight:600 !important;font-size:clamp(34px,4.2vw,50px) !important;letter-spacing:-.025em !important;line-height:1.05 !important}
#page-home h2{font-weight:600 !important;letter-spacing:-.015em !important;font-size:clamp(26px,2.6vw,34px) !important}
#page-home .hl,#page-home .hl-text{font-weight:600 !important}
#page-home h3{font-weight:600 !important}
.hero .lead{font-size:18px !important;max-width:520px}
#page-home .section-head>p:not(.label),#page-home .xp-intro>p:not(.label){font-size:16px !important}
/* Förslag 5: same toned-down style on subpages */
.page-head h1{font-weight:600 !important;font-size:clamp(34px,4.2vw,50px) !important;letter-spacing:-.025em !important;line-height:1.05 !important}
[id^=page-] h2{font-weight:600 !important;letter-spacing:-.015em !important;font-size:clamp(26px,2.6vw,34px) !important}
[id^=page-] .hl-text{font-weight:600 !important}
[id^=page-] h3{font-weight:600 !important}
.page-head .lead{font-size:18px !important}
.globe-canvas{display:block;width:100%;height:auto;max-width:520px;margin:0 auto}
/* Förslag 5: softer CTA band */
#page-home .cta-band,.cta-band{background:linear-gradient(135deg,#2b4a63 0%,#335a73 100%) !important}
.cta-band p{color:#d6e2ec !important}
.cta-side{border-left-color:rgba(255,255,255,.18) !important}
.cta-band .btn-light{border-color:rgba(255,255,255,.55) !important}
@media(max-width:700px){.lp-map .lp-badge{transform:scale(.72);transform-origin:left bottom}.lp-map .lp-badge.b2{display:none}}
/* review fixes */
@media(min-width:901px){
#page-about .page-head{grid-template-rows:1fr auto auto auto 1fr !important;align-items:start !important}
#page-about .page-head>.crumbs{grid-row:2}
#page-about .page-head>h1{grid-row:3}
#page-about .page-head>.lead{grid-row:4;margin-bottom:0}
#page-about .page-head>.ab-photo{grid-row:1/6 !important;align-self:center}
}
#page-services > section:last-of-type{padding-top:0 !important}
.form-msg:empty{display:none}
@media(max-width:900px){.wrap.page-head{padding-top:36px !important}
.ab-stats-wrap .stats{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.ab-stats-wrap .stat{padding:14px 12px !important;border-top:0 !important}
.ab-stats-wrap .stat .k{font-size:9px !important;letter-spacing:.08em !important}
.ab-stats-wrap .stat .v{font-size:26px !important}.ab-stats-wrap .stat .v small{display:block;font-size:12px !important;margin:2px 0 0 !important}}
/* balanced client logo rows */
.clients ul{display:grid !important;grid-template-columns:repeat(8,minmax(0,1fr)) !important;justify-items:center !important;align-items:center !important;gap:20px 16px !important}
@media(max-width:1100px){.clients ul{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:22px 16px !important}}
/* Förslag 6: restrained palette – navy, petrol green, amber only on map */
#page-home .cta-band,.cta-band{background:#22344d !important}
#page-home .cta-band .hl-text,.cta-band .hl-text,.cta-band .hl-text.hl-blue{color:#ffffff !important}
.cta-band p{color:#c9d2df !important}
.jb-card .jb-l.r i{background:#0f5c8a !important}
.cta-photo{background:#0f5c8a !important}
/* ===== Förslag 7: liveliness – reveal, count-up, hover, hero glow ===== */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
html.no-anim .rv{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* hover */
.xp,.card,.tr-card,.pc,.quote,.stat{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.xp:hover,.card:hover,.tr-card:hover,.quote:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(13,21,38,.35);border-color:rgba(15,92,138,.35) !important}
.xp-ic,.tr-ic,.card .ic,.card [class*="-ic"]{transition:background .25s ease,color .25s ease,border-color .25s ease}
.xp:hover .xp-ic,.tr-card:hover .tr-ic,.card:hover [class*="-ic"]{background:#0f5c8a !important;color:#fff !important;border-color:#0f5c8a !important}
.xp:hover .xp-ic svg,.tr-card:hover .tr-ic svg,.card:hover [class*="-ic"] svg{stroke:#fff !important;color:#fff !important}
.btn{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn span[aria-hidden]{display:inline-block;transition:transform .2s ease}
.btn:hover span[aria-hidden]{transform:translateX(3px)}
.clients li img{transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.clients li:hover img{transform:scale(1.06)}
/* hero glow */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-60px 0 auto 0;height:760px;z-index:-1;pointer-events:none;
  background:radial-gradient(520px 340px at 18% 32%,rgba(15,92,138,.10),transparent 70%),radial-gradient(560px 380px at 80% 28%,rgba(29,95,163,.10),transparent 70%),radial-gradient(420px 260px at 60% 75%,rgba(15,92,138,.06),transparent 70%);
  animation:heroGlow 14s ease-in-out infinite alternate}
@keyframes heroGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-12px,0) scale(1.04)}}
@media (prefers-reduced-motion:reduce){.hero::before{animation:none}}
/* Förslag 7: brand navy #1D3557 */
:root{--ink:#1d3557 !important}
.btn-primary,.btn-dark{background:#1d3557 !important;border-color:#1d3557 !important}
.btn-primary:hover{background:#0f5c8a !important;border-color:#0f5c8a !important}
#page-home .cta-band,.cta-band{background:#1d3557 !important}
.cta-band .btn-primary,#page-home .cta-band .btn-primary{background:#fff !important;color:#1d3557 !important;border-color:#fff !important}
.cta-band .btn-primary:hover{background:#FAF7F2 !important;color:#1d3557 !important}

/* anchors below sticky header */
#svc-list .xp,[id]{scroll-margin-top:96px}

/* privacy policy page */
.pp{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px 44px;color:var(--muted);font-size:15.5px;line-height:1.7}
.pp h2{font:600 20px/1.3 var(--font-heading);color:var(--ink);margin:32px 0 10px}
.pp p{margin:0 0 12px}.pp ul{margin:0 0 14px;padding-left:20px}.pp li{margin:4px 0}
.pp-updated{font-size:13px;color:var(--muted)}
@media(max-width:700px){.pp{padding:24px 20px}}
#page-privacy .pp h2{font-size:20px !important;letter-spacing:-.01em !important;margin:32px 0 10px !important}
#page-privacy section{padding-top:8px !important}
/* i18n: longer languages may wrap hero lines on small screens */
@media(max-width:560px){.hero h1 span{white-space:normal}.hero .label{white-space:normal}.clients-k{white-space:normal}}
.pr-more{margin-top:18px}.pr-more a{font-weight:600;color:var(--accent);text-decoration:none}.pr-more a:hover{text-decoration:underline}
@media(max-width:560px){.hero .label .lbl-yr{display:none}}
/* a11y: skip link */
.skip{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--ink,#1D3557);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none;transition:top .15s}
.skip:focus{top:12px}
img{max-width:100%}
.field select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.field select:focus{outline:2px solid var(--accent-2);outline-offset:0;border-color:transparent}
.field [aria-invalid="true"]{border-color:#c0392b !important}
.form-note{margin:-6px 0 4px;font-size:14px;color:var(--accent)}
/* ---- v2 header: inline nav, language dropdown, CTA ---- */
.nav-links{display:none;list-style:none;margin:0 0 0 56px;padding:0;gap:4px;align-items:center}
.nav-links a{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;font:600 15px/1 var(--font-heading);color:var(--ink);transition:background .15s,color .15s}
.nav-links a:hover{background:var(--soft);color:var(--accent)}
.nav-links a[aria-current="page"]{color:var(--accent)}
.nav-cta{display:none;padding:11px 18px !important;font-size:14px !important}
.lang-dd{position:relative}
.lang-dd summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:600 13px/1 var(--font-body);color:var(--ink)}
.lang-dd summary::-webkit-details-marker{display:none}
.lang-dd summary::after{content:"";width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg) translateY(-2px)}
.lang-dd summary:hover{border-color:var(--accent-2)}
.lang-cur{display:flex;align-items:center;gap:8px}
.lang-cur svg{width:20px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.lang-dd .lang-list{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:2px;margin:0;padding:8px;height:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);min-width:180px;z-index:60}
.langs .flag{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:500 14px/1 var(--font-body)}
.langs .flag .ln{display:none}
.lang-list .flag,.m-langs .flag,.ft-flags .flag{padding:9px 10px;border-radius:8px}
.lang-list .flag .ln,.m-langs .flag .ln,.ft-flags .flag .ln{display:inline}
.lang-list .flag[aria-current="true"]{background:var(--accent-soft);color:var(--accent);box-shadow:none}
.m-langs .langs{display:grid !important;grid-template-columns:1fr 1fr;height:auto}
.ft-flags{display:flex;flex-wrap:wrap;gap:4px 8px}
.ft-flags .flag{padding:6px 8px 6px 0;font-size:13px}
@media(min-width:1100px){.nav-links{display:flex}.nav-cta{display:inline-flex}#menu-btn{display:none}.nav .menu{display:none !important}}
@media(max-width:620px){.lang-dd{display:none}}
/* ---- v2 services grouped in three tracks ---- */
.svc-groups{display:grid;gap:12px}
.svc-group{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.svc-group .sg-n,.sg-head .sg-n{margin:0 0 6px;font:600 12px/1 var(--font-body);letter-spacing:.14em;color:var(--accent)}
.svc-group h3{margin:0 0 4px;font:700 19px/1.3 var(--font-heading);color:var(--ink)}
.svc-group .sg-desc{margin:0 0 14px;font-size:15px;color:var(--muted)}
.sg-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sg-list a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font:600 14px/1.2 var(--font-body);color:var(--ink);background:var(--bg);transition:border-color .15s,color .15s}
.sg-list a span{color:var(--accent);transition:transform .15s}
.sg-list a:hover{border-color:var(--accent);color:var(--accent)}
.sg-list a:hover span{transform:translateX(3px)}
.sg-block+.sg-block{margin-top:64px}
.sg-head{max-width:640px;margin-bottom:22px}
.sg-head h2{margin:0 0 8px}
.sg-head p:not(.sg-n){margin:0;color:var(--muted)}
.sg-block .xp-tiles{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
@media(max-width:900px){.sg-block .xp-tiles{grid-template-columns:1fr !important}}
/* ---- v2 testimonials: one large quote at a time ---- */
.tq{max-width:900px}
.tq blockquote{margin:0 0 24px}
.tq-on blockquote{margin:0;padding:0;background:none;border:0;box-shadow:none}
.tq-on blockquote p{font:600 clamp(22px,2.6vw,30px)/1.4 var(--font-heading);color:var(--ink);letter-spacing:-.01em;margin:0}
.tq-on blockquote p::before{content:"“";color:var(--accent)}
.tq-on blockquote p::after{content:"”";color:var(--accent)}
.tq-on blockquote footer{display:none}
.tq-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.tq-nav button{appearance:none;text-align:left;display:grid;gap:3px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;font:inherit;color:var(--muted);transition:border-color .15s}
.tq-nav button b{font:700 15px/1.2 var(--font-heading);color:var(--ink)}
.tq-nav button span{font-size:13px}
.tq-nav button:hover{border-color:var(--accent-2)}
.tq-nav button[aria-selected="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
/* ---- v2 calmer type: monospace only inside the match card ---- */
:root{--font-label:"Inter",system-ui,sans-serif}
.match-card{--font-label:"JetBrains Mono",ui-monospace,monospace}
/* ---- v2 footer group companies + candidate safety ---- */
.ft-group{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.ft-group h4{font:600 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
.ft-group ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;font-size:13px}
.ft-group li{display:grid;gap:2px}
.ft-group b{font-weight:600;color:var(--ink)}
.ft-group span{color:var(--muted)}
.ft-group+.ft-bottom{margin-top:28px}
@media(max-width:900px){.ft-group ul{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-group ul{grid-template-columns:1fr}}
.safe-box{display:flex;gap:16px;align-items:flex-start;margin-top:40px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:14px;max-width:820px}
.safe-box h3{margin:0 0 6px;font:700 18px/1.3 var(--font-heading)}
.safe-box p{margin:0;color:var(--muted);font-size:15px}
.safe-box a{color:var(--accent)}
.tq blockquote[hidden]{display:none !important}
.tq-on blockquote{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.tq-on blockquote::before,.tq-on blockquote::after{display:none !important}
.langs .flag{line-height:1.2 !important;text-decoration:none !important}
.langs .flag svg{flex:none}
.ft-flags .flag{display:inline-flex !important;align-items:center;gap:8px;line-height:1.2 !important;text-decoration:none !important;color:var(--ink);font:500 13px/1.2 var(--font-body);background:none !important;box-shadow:none !important}
.ft-flags .flag svg{width:20px;height:auto;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.ft-flags .flag[aria-current="true"]{color:var(--accent);font-weight:600}
.ft-flags .flag:hover{color:var(--accent)}
/* ---- client assignments (cases) ---- */
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.case{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column}
.case-ind{margin:0 0 10px;font:600 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.case h3{margin:0 0 10px;font:700 20px/1.3 var(--font-heading);color:var(--ink)}
.case>p:not(.case-ind){margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.6}
.case-tags{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.case-tags li{padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:600 12px/1.2 var(--font-body)}
@media(max-width:900px){.cases{grid-template-columns:1fr}}
.people-section[hidden]{display:none !important}
/* header back to flags + menu button (v2.1) */
.nav>.langs .flag{padding:3px;border-radius:5px;opacity:.85}
.nav>.langs .flag:hover{opacity:1;background:var(--soft)}
.nav>.langs .flag[aria-current="true"]{opacity:1;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.nav>.langs .flag svg{width:22px}
@media(min-width:1100px){#menu-btn{display:inline-grid !important}.nav .menu{display:none !important}.nav.menu-open .menu{display:block !important}}
.trust-short .tr-card p{font-size:15px}
.trust-short .pr-more{margin-top:24px}
.case-logo{height:40px;display:flex;align-items:center;margin-bottom:18px}
.case-logo img{width:auto !important;max-width:150px;object-fit:contain;filter:grayscale(1) brightness(.35);opacity:.6}
.case-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);color:var(--accent)}
.case-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* hero photo instead of match card */
.hero-photo{grid-column:2;grid-row:2;margin:0;position:relative;border-radius:20px;overflow:hidden;align-self:stretch;min-height:420px;box-shadow:0 30px 60px -30px rgba(29,53,87,.35)}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
@media(max-width:900px){.hero-photo{grid-column:1;grid-row:auto;min-height:260px;margin-top:24px}}
/* placement polish */
.hero-photo{grid-row:1 / span 2 !important;min-height:0;align-self:stretch}
.hero-photo img{object-position:55% 35%}
@media(max-width:900px){.hero-photo{grid-row:auto !important;aspect-ratio:4/3;min-height:0}}
.pr-grid .pr-photo{aspect-ratio:1/1 !important}
.pr-grid .pr-photo img[src*="offshore-wind"]{object-position:16% 70% !important}
/* testimonials: slow rolling band (replaces single-quote tabs) */
.tq{max-width:none}
.tq-roll{overflow:hidden;margin:0 -24px;padding:6px 24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tq-track{display:flex;gap:20px;width:max-content;animation:tq-roll 60s linear infinite}
.tq-roll:hover .tq-track{animation-play-state:paused}
@keyframes tq-roll{to{transform:translateX(calc(-50% - 10px))}}
.tq-roll blockquote.quote{width:440px;flex:none;margin:0 !important;background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:16px !important;padding:28px !important;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.tq-roll blockquote p{font:500 17px/1.6 var(--font-body) !important;color:var(--ink) !important}
.tq-roll blockquote p::before,.tq-roll blockquote p::after{content:none !important}
.tq-roll blockquote footer{display:grid !important;gap:3px}
.tq-roll blockquote footer b{font:700 15px/1.2 var(--font-heading);color:var(--ink)}
.tq-roll blockquote footer span{font-size:13px;color:var(--muted)}
@media(max-width:560px){.tq-roll blockquote.quote{width:300px;padding:22px !important}.tq-track{animation-duration:45s}}
@media(prefers-reduced-motion:reduce){.tq-track{animation:none}.tq-roll{overflow-x:auto}}
.tq-roll blockquote::before,.tq-roll blockquote::after{display:none !important}
.cases-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.case-mini{text-decoration:none;color:inherit;padding:24px;transition:border-color .2s,transform .2s}
.case-mini:hover{border-color:var(--accent);transform:translateY(-2px)}
.case-mini h3{font-size:17px}
.case-more{margin-top:auto;padding-top:14px;font:600 14px/1 var(--font-body);color:var(--accent)}
@media(max-width:1000px){.cases-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cases-4{grid-template-columns:1fr}}
.tq-roll blockquote footer .tq-logo{display:block;width:auto !important;max-width:120px;margin-bottom:12px;filter:grayscale(1) brightness(.35);opacity:.6}
.tq-logo-txt{display:block;height:auto !important;font:800 15px/1 var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:#4a5260;margin-bottom:14px;filter:none !important;opacity:.75 !important}
/* services header with lab photo */
#page-services .page-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);column-gap:56px;align-items:center}
#page-services .page-head>*:not(.ab-photo){grid-column:1}
#page-services .sv-photo img{object-position:60% 25%}
@media(min-width:901px){
#page-services .page-head{grid-template-rows:1fr auto auto auto 1fr !important;align-items:start !important}
#page-services .page-head>.crumbs{grid-row:2}
#page-services .page-head>h1{grid-row:3}
#page-services .page-head>.lead{grid-row:4;margin-bottom:0}
#page-services .page-head>.ab-photo{grid-row:1/6 !important;align-self:center}
}
@media (max-width: 900px){#page-services .page-head{grid-template-columns:1fr}#page-services .ab-photo{grid-column:1;grid-row:auto;margin-top:28px}}
/* match card inside the process section */
.pr-grid .match-in-proc{grid-column:auto !important;grid-row:auto !important;align-self:center;margin:0}
.pr-grid .match-in-proc .match-canvas{min-height:260px}
#page-careers .jb-marquee{height:560px}@media(max-width:700px){#page-careers .jb-marquee{height:440px}}
/* ===== v3 premium polish ===== */
/* 2) dark key-figures band on the home page */
.hero .stats{background:var(--ink) !important;border:0 !important;border-radius:20px !important;box-shadow:0 30px 60px -36px rgba(13,27,52,.55);overflow:hidden}
.hero .stats::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 85% 0%,rgba(15,92,138,.35),transparent 70%);pointer-events:none}
.hero .stat{border-color:rgba(255,255,255,.12) !important;padding:30px 32px !important;position:relative}
.hero .stat .k{color:rgba(255,255,255,.62) !important}
.hero .stat .v{color:#fff !important;font-size:40px !important;font-weight:700 !important}
.hero .stat .v small{color:rgba(255,255,255,.7) !important}
@media(max-width:900px){.hero .stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12) !important}}
@media(max-width:600px){.hero .stat{padding:20px 20px !important}.hero .stat .v{font-size:30px !important}}
/* 3) calmer, tighter typography + consistent rhythm */
h2{font-weight:650 !important;letter-spacing:-.03em !important}
.hero h1{letter-spacing:-.03em !important}
h3{letter-spacing:-.01em}
.section-head p,.lead{max-width:62ch}
section{padding:112px 0 !important}
.hero{padding-bottom:88px !important}
@media(max-width:900px){section{padding:80px 0 !important}}
.xp,.card,.tr-card,.case,.quote,.svc-group,.safe-box,.jb-list,.match-card,.lp-map,.cs-card{border-radius:16px !important}
.btn{border-radius:10px !important;letter-spacing:-.005em}
/* 4) smooth page transitions between pages (supported browsers) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .22s ease both}
::view-transition-new(root){animation:vt-in .32s ease both}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
/* booking dialog */
.book-dlg{width:min(880px,94vw);max-height:92vh;padding:0;border:0;border-radius:18px;box-shadow:0 40px 100px -30px rgba(13,27,52,.6);background:var(--surface)}
.book-dlg::backdrop{background:rgba(13,27,52,.55);backdrop-filter:blur(3px)}
.book-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}
.book-head b{display:block;font:700 20px/1.2 var(--font-heading);color:var(--ink)}
.book-head span{font-size:14px;color:var(--muted)}
.book-x{appearance:none;border:1px solid var(--line);background:var(--surface);width:38px;height:38px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.book-body iframe{display:block;width:100%;height:min(640px,70vh);border:0}
.book-alt{margin:0;padding:12px 24px 16px;font-size:13px;border-top:1px solid var(--line)}
.book-alt a{color:var(--accent)}
/* sticky mobile CTA */
.m-book{display:none}
@media(max-width:700px){.m-book{display:inline-flex;position:fixed;left:50%;bottom:16px;z-index:70;transform:translate(-50%,140%);gap:8px;align-items:center;padding:13px 22px;border-radius:999px;background:var(--ink);color:#fff;font:600 15px/1 var(--font-body);text-decoration:none;box-shadow:0 14px 30px -10px rgba(13,27,52,.55);transition:transform .3s ease}.m-book.show{transform:translate(-50%,0)}}
/* language suggestion */
.lang-sug{position:fixed;left:50%;top:84px;z-index:80;transform:translate(-50%,-20px);opacity:0;transition:.3s ease;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;padding:10px 12px 10px 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -20px rgba(13,27,52,.45);font-size:14px;color:var(--ink);max-width:calc(100vw - 24px)}
.lang-sug.show{opacity:1;transform:translate(-50%,0)}
.lang-sug a{padding:8px 14px;border-radius:9px;background:var(--ink);color:#fff;text-decoration:none;font-weight:600}
.lang-sug button{appearance:none;border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;padding:8px 6px}
.book-body{position:relative;min-height:min(640px,70vh)}
.book-load{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:14px;pointer-events:none}
.book-load::before{content:"";width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:bk-spin 1s linear infinite;margin-bottom:56px;position:absolute}
.book-body iframe{position:relative;background:transparent}
.book-dlg.loaded .book-load{display:none}
@keyframes bk-spin{to{transform:rotate(360deg)}}
/* smaller key-figures band */
.hero .stats{margin-top:44px !important;border-radius:16px !important}
.hero .stat{padding:16px 24px !important}
.hero .stat .k{font-size:10px !important}
.hero .stat .v{font-size:28px !important;margin-top:4px !important}
.hero .stat .v small{font-size:13px !important}
@media(max-width:600px){.hero .stat{padding:14px 16px !important}.hero .stat .v{font-size:24px !important}}
/* testimonials band: no blurred edges, full width */
.tq-roll{-webkit-mask-image:none !important;mask-image:none !important;margin:0 calc(50% - 50vw) !important;padding:6px 0 !important;width:100vw}
.lang-sug{position:absolute !important}
/* testimonials v2 design */
.tq-track{align-items:stretch;gap:24px !important;animation-duration:75s !important}
.tq-roll blockquote.quote{width:460px;padding:30px 32px 26px !important;border-radius:18px !important;box-shadow:0 18px 40px -28px rgba(13,27,52,.35);position:relative;gap:22px}
.tq-roll blockquote.quote::before{content:"\201C" !important;display:block !important;position:static !important;font:800 56px/0.6 Georgia,serif !important;color:var(--accent) !important;opacity:.9 !important;height:22px}
.tq-roll blockquote p{font:500 17.5px/1.6 var(--font-heading) !important;letter-spacing:-.005em}
.tq-roll blockquote footer{display:grid !important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:center;padding-top:20px;border-top:1px solid var(--line)}
.tq-roll blockquote footer .tq-logo{grid-row:1 / span 2;margin:0 !important;max-width:76px;height:26px !important;object-fit:contain}
.tq-roll blockquote footer .tq-logo-txt{grid-row:1 / span 2;margin:0 !important;font-size:12px}
.tq-roll blockquote footer b{grid-column:2}
.tq-roll blockquote footer span:not(.tq-logo-txt){grid-column:2}
.tq-roll blockquote footer .tq-logo+b,.tq-roll blockquote footer .tq-logo-txt+b{padding-left:16px;border-left:1px solid var(--line)}
.tq-roll blockquote footer b~span{padding-left:16px;border-left:1px solid var(--line)}
@media(max-width:560px){.tq-roll blockquote.quote{width:310px;padding:24px !important}.tq-roll blockquote p{font-size:16px !important}}
.tq-roll blockquote.quote{justify-content:flex-start !important}.tq-roll blockquote footer{margin-top:auto}
/* testimonials on dark navy */
.tq-section{background:var(--ink) !important;position:relative;overflow:hidden}
.tq-section::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 380px at 85% 0%,rgba(15,92,138,.35),transparent 70%);pointer-events:none}
.tq-section .section-head{position:relative}
.tq-section .label{color:rgba(255,255,255,.65) !important}
.tq-section h2{color:#fff !important}
.tq-section h2 .hl-text{color:#7cc4ea !important}
.tq-section .tq-roll blockquote.quote{border:0 !important;box-shadow:0 24px 50px -30px rgba(0,0,0,.55)}
[id^=page-] section.tq-section p.label,section.tq-section .section-head p.label{color:rgba(255,255,255,.7) !important}
#page-home .tq-section h2 .hl-text,#page-home .tq-section h2 .hl-text.hl-blue,.tq-section h2 .hl-text.hl-blue{color:#7cc4ea !important}
/* unified "read more" links */
.pr-more a,.case-more{display:inline-flex !important;align-items:center;gap:8px;font:600 15px/1.2 var(--font-body) !important;color:var(--accent) !important;text-decoration:none !important;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .25s ease}
.pr-more a span,.case-more span{display:inline-block;transition:transform .2s ease}
.pr-more a:hover,.case-mini:hover .case-more{background-size:100% 1.5px}
.pr-more a:hover span,.case-mini:hover .case-more span{transform:translateX(4px)}
.pr-more{margin-top:28px !important}
/* header contact button */
.nav-contact{padding:10px 18px !important;font-size:14px !important;white-space:nowrap}
@media(max-width:700px){.nav-contact{display:none !important}}
.jb-cta{margin-top:40px}
/* dedicated service pages */
.svc-head h1{max-width:18ch}
.svc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fit-box{margin-top:32px;padding:26px 28px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:16px;max-width:820px}
.fit-box h3{margin:0 0 10px;font-size:18px}
.fit-box ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.8}
.svc-note{margin:14px 0 0;font-size:14px;color:var(--muted)}
.faq-wrap{max-width:900px}
.faq{display:grid;gap:10px}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 22px}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 32px 18px 0;font:600 16px/1.4 var(--font-heading);color:var(--ink);position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:0;top:14px;font:400 24px/1 var(--font-body);color:var(--accent);transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{margin:0 0 18px;color:var(--muted);line-height:1.65}
.menu .m-sub a{font:500 14px/1.2 var(--font-body) !important;padding:8px 16px 8px 30px !important;color:var(--muted) !important}
.menu .m-sub a:hover{color:var(--accent) !important}
.xp-more{margin-top:10px !important}
.xp-more a{font-size:14px !important}
@media(max-width:900px){.model-grid{grid-template-columns:1fr}}
/* ===== Tabs as main menu (folder tabs, clean) ===== */
:root{--water:#1d5fa3;--earth:#0f5c8a;--fire:#e07b12}
.site-header{border-bottom:0 !important}
.tabbar{position:sticky;top:72px;z-index:49;background:rgba(247,244,238,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.tb-list{list-style:none;margin:0;padding:8px 0 0;display:flex;align-items:flex-end;gap:4px}
.tb-list>li{position:relative}
.tb-list>li:nth-child(odd){--sel:var(--water)}
.tb-list>li:nth-child(even){--sel:var(--earth)}
.tb-list>li:nth-child(7){--sel:var(--fire)}
.tb-t{position:relative;display:flex;align-items:center;gap:9px;padding:11px 18px 12px;margin-bottom:-1px;border:1px solid transparent;border-bottom:0;border-radius:12px 12px 0 0;text-decoration:none;color:var(--muted);font:600 14.5px/1 var(--font-body);white-space:nowrap;transition:color .2s,background .2s,border-color .2s}
.tb-t::before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:var(--sel);transform:scaleX(0);transition:transform .25s ease}
.tb-n{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font:700 11px/1 var(--font-heading);color:var(--muted);background:rgba(11,21,48,.06);transition:background .2s,color .2s}
.tb-t:hover,.tb-has:hover .tb-t{color:var(--ink);background:rgba(255,255,255,.7)}
.tb-t:hover::before,.tb-has:hover .tb-t::before{transform:scaleX(1)}
.tb-t:hover .tb-n,.tb-has:hover .tb-n{background:color-mix(in srgb,var(--sel) 14%,#fff);color:var(--sel)}
.tb-t[aria-current="page"]{color:var(--ink);background:var(--bg);border-color:var(--line)}
.tb-t[aria-current="page"]::before{transform:scaleX(1)}
.tb-t[aria-current="page"] .tb-n{background:var(--sel);color:#fff}
.tb-t:focus-visible{outline:2px solid var(--sel);outline-offset:-2px}
/* preview dropdown */
.tb-pop{display:none}
@media(min-width:1000px) and (hover:hover){
 .tb-pop{display:block;position:absolute;top:100%;left:0;width:340px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--sel);border-radius:0 14px 14px 14px;box-shadow:0 28px 56px -28px rgba(11,21,48,.35);padding:20px 22px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease .1s,transform .18s ease .1s,visibility 0s linear .28s;z-index:2}
 .tb-list>li:nth-last-child(-n+2) .tb-pop{left:auto;right:0;border-radius:14px 0 14px 14px}
 .tb-has:hover .tb-pop,.tb-has:focus-within .tb-pop{opacity:1;visibility:visible;transform:none;transition-delay:.1s,.1s,0s}
 .tabbar.pop-off .tb-pop{opacity:0 !important;visibility:hidden !important}
}
.tb-pop-t{margin:0 0 12px;font:600 15px/1.45 var(--font-heading);color:var(--ink)}
.tb-pop ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
.tb-pop li{position:relative;padding-left:20px;font-size:14px;line-height:1.45;color:var(--muted)}
.tb-pop li::before{content:"";position:absolute;left:2px;top:5px;width:9px;height:5px;border-left:2px solid var(--sel);border-bottom:2px solid var(--sel);transform:rotate(-45deg)}
.tb-pop-a{font:600 14px/1 var(--font-body);color:var(--sel) !important;text-decoration:none}
.tb-pop-a span{display:inline-block;transition:transform .2s}
.tb-pop-a:hover span{transform:translateX(4px)}
/* tablet / mobile: swipeable row */
@media(max-width:999px){
 .tb-list{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
 .tb-list::-webkit-scrollbar{display:none}
 .tb-list>li{flex:none}
 .tb-t{padding:10px 14px 11px;font-size:14px}
}
/* anchors land below sticky header + tabs */
html{scroll-padding-top:140px}
.tb-home svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* 12 client logos: 6 per row on desktop */
@media(min-width:1101px){.clients ul{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:26px 16px !important}}
/* Our people – Pekka Ojanen new photo */
.pc-av.pc-photo.pc-pekka{background-image:url(/pekka-ojanen-299a93d2.webp) !important;background-size:cover !important;background-position:center 30% !important}

/* ===== v2 hero slider (AFRY-style) ===== */
.hs{position:relative;padding:0 !important;height:clamp(560px,calc(100vh - 140px),820px);overflow:hidden;background:#0d3b46;color:#fff;isolation:isolate}
.hs-track{position:absolute;inset:0}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.hs-slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease}
.hs-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.06);transition:transform 7s ease-out}
.hs-slide.is-active img{transform:scale(1)}
.hs-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,52,60,.78) 0%,rgba(10,60,80,.45) 45%,rgba(10,60,80,.05) 80%),linear-gradient(0deg,rgba(7,40,52,.55) 0%,rgba(7,40,52,0) 35%)}
.hs-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:70px !important}
.hs-k{margin:0 0 20px;font:600 12px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#bfe9e4}
.hs-t{margin:0 0 22px;max-width:13em;font:300 clamp(40px,5.4vw,76px)/1.04 var(--font-heading) !important;letter-spacing:-.035em !important;color:#fff !important}
.hs-t em{font-style:normal;font-weight:700;color:#fff}
.hs-s{margin:0 0 30px;max-width:32em;font:400 clamp(17px,1.4vw,20px)/1.6 var(--font-body);color:rgba(255,255,255,.88)}
.hs-btns{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.hs .btn-primary{background:#fff !important;color:var(--ink) !important;border-color:#fff !important}
.hs .btn-primary:hover{background:#e9f6f4 !important}
.hs .btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.6) !important;background:transparent !important}
.hs .btn-ghost:hover{background:rgba(255,255,255,.12) !important}
.hs-slide .hs-k,.hs-slide .hs-t,.hs-slide .hs-s,.hs-slide .hs-btns{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.hs-slide.is-active .hs-k{opacity:1;transform:none;transition-delay:.25s}
.hs-slide.is-active .hs-t{opacity:1;transform:none;transition-delay:.35s}
.hs-slide.is-active .hs-s{opacity:1;transform:none;transition-delay:.45s}
.hs-slide.is-active .hs-btns{opacity:1;transform:none;transition-delay:.55s}
/* big thin arrows */
.hs-arrow{position:absolute;top:50%;z-index:3;width:84px;height:84px;margin-top:-62px;border:0;background:none;padding:0;cursor:pointer;color:#fff;opacity:.85;transition:opacity .2s,transform .3s}
.hs-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hs-next{right:max(24px,calc((100vw - var(--wrap))/2 - 40px))}
.hs-prev{left:max(12px,calc((100vw - var(--wrap))/2 - 120px));width:48px;height:48px;margin-top:-44px;opacity:0;pointer-events:none}
.hs.has-prev .hs-prev{opacity:.6;pointer-events:auto}
.hs-next:hover{opacity:1;transform:translateX(8px)}
.hs-prev:hover{opacity:1 !important;transform:translateX(-6px)}
.hs-arrow:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:8px}
/* bottom bar: counter + labelled progress */
.hs-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid rgba(255,255,255,.18);background:linear-gradient(0deg,rgba(7,40,52,.35),rgba(7,40,52,0))}
.hs-bar-in{display:flex;align-items:center;gap:28px;height:64px}
.hs-count{font:500 14px/1 var(--font-body);color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums;white-space:nowrap}
.hs-count b{color:#fff;font-weight:700}
.hs-dots{display:flex;gap:6px;flex:1;max-width:620px}
.hs-dot{flex:1;border:0;background:none;padding:10px 0;cursor:pointer;text-align:left;color:rgba(255,255,255,.6)}
.hs-dot-l{display:block;font:600 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;transition:color .2s}
.hs-dot i{display:block;height:2px;background:rgba(255,255,255,.28);position:relative;overflow:hidden}
.hs-dot i::after{content:"";position:absolute;inset:0;background:var(--fire);transform:scaleX(0);transform-origin:left}
.hs-dot.is-active{color:#fff}
.hs-dot.is-active i::after{transform:scaleX(1);transition:transform .6s ease}
.hs.is-playing .hs-dot.is-active i::after{transform:scaleX(0);animation:hsfill var(--hs-dur,8s) linear forwards}
@keyframes hsfill{to{transform:scaleX(1)}}
.hs-dot:hover{color:#fff}
.hs-countries{margin-left:auto;font:500 12px/1 var(--font-body);letter-spacing:.1em;color:rgba(255,255,255,.7);white-space:nowrap}
@media(max-width:900px){
 .hs{height:clamp(520px,82vh,680px)}
 .hs-slide::after{background:linear-gradient(0deg,rgba(7,52,60,.88) 0%,rgba(7,52,60,.55) 55%,rgba(7,52,60,.2) 100%)}
 .hs-copy{justify-content:flex-end;padding-bottom:96px !important}
 .hs-arrow{display:none}
 .hs-countries,.hs-dot-l{display:none}
 .hs-bar-in{gap:16px}
}
@media(prefers-reduced-motion:reduce){.hs-slide,.hs-slide img,.hs-slide *{transition:none !important}.hs-dot i::after{animation:none !important}}
.hs .hs-t,.hs h1.hs-t,.hs h2.hs-t{font:300 clamp(40px,5.4vw,76px)/1.04 var(--font-heading) !important;font-weight:300 !important;letter-spacing:-.035em !important;max-width:13em !important;color:#fff !important}
.hs .hs-t em{font-weight:700 !important}
#page-home .hs .hs-t{font-size:clamp(40px,5.4vw,76px) !important;font-weight:300 !important;line-height:1.04 !important}
/* nature slide (illustrated: air, water, earth, fire) */
.hs-nat{position:absolute;inset:0;width:100%;height:100%;display:block}
.hs-slide-nat::after{background:linear-gradient(90deg,rgba(9,52,72,.62) 0%,rgba(9,52,72,.3) 42%,rgba(9,52,72,0) 70%) !important}
.nat-clouds{animation:natdrift 60s linear infinite alternate}
.nat-birds{animation:natbird 18s ease-in-out infinite alternate}
.nat-rotor{animation:natspin 6s linear infinite}
.nat-rotor2{animation-duration:7.5s}
.nat-waves{animation:natwave 9s ease-in-out infinite alternate}
@keyframes natdrift{to{transform:translateX(-120px)}}
@keyframes natbird{to{transform:translate(-80px,-20px)}}
@keyframes natspin{to{transform:rotate(360deg)}}
@keyframes natwave{to{transform:translateX(-100px)}}
.hs-slide:not(.is-active) .hs-nat *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hs-nat *{animation:none !important}}
:root{--water:#1d5fa3;--earth:#0f5c8a;--fire:#e07b12}
.hs .hs-btns .btn-primary{background:#fff !important;color:var(--ink) !important}
/* hero below slider: stats + logos only */
.hero.hero-after{padding-top:40px !important}
.hs-t>span{display:inline}
@media(max-width:900px){.hs{height:clamp(620px,90vh,760px) !important}.hs-k{line-height:1.5 !important}.hs .hs-s{font-size:16px}}
/* testimonials: clients / consultants switch */
.tq-switch{display:inline-flex;gap:4px;padding:4px;margin:0 0 28px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.tq-switch button{border:0;background:none;padding:10px 20px;border-radius:999px;font:600 15px/1 var(--font-body);color:rgba(255,255,255,.8);cursor:pointer;transition:background .2s,color .2s}
.tq-switch button[aria-selected="true"]{background:#fff;color:var(--ink)}
.tq-switch button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tq[hidden]{display:none !important}
.tq-roll blockquote.quote{width:480px}
.tq-roll blockquote p{font-size:16px !important}
.tq-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px;background:rgba(15,92,138,.12);color:var(--accent);font:700 14px/1 var(--font-heading)}
.tq-av-ramtin{background:url(/bg-713d58f7.webp) center 30%/165% no-repeat}
@media(max-width:600px){.tq-roll blockquote.quote{width:86vw}}
.tq-roll blockquote footer .tq-av{grid-column:1 !important;grid-row:1 / span 2;margin:0 !important}
.tq-roll blockquote footer .tq-av+b{padding-left:16px;border-left:1px solid var(--line)}
/* ===== Home Nov 2026 – new sections ===== */
.hero .hero-more{margin:14px 0 0;max-width:36em;font-size:16.5px;line-height:1.7;color:var(--muted)}
.hero .hero-text .cta-row{margin-top:28px}
.hero h1 span{display:block}
/* 2 expertise */
.ex-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:start}
.ex-intro p:not(.label){color:var(--muted);font-size:17px;line-height:1.7;margin:14px 0 0}
.ex-areas{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 32px}
.ex-areas h3{margin:0 0 18px;font-size:18px}
.ex-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ex-chips li{padding:9px 14px;border-radius:999px;background:var(--accent-soft);color:var(--ink);font:600 14px/1.2 var(--font-body);border:1px solid rgba(15,92,138,.16)}
.ex-note{margin:18px 0 0;color:var(--muted);font-size:14.5px;line-height:1.6}
/* 3 help cards */
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:8px}
.help-card{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;transition:transform .25s,box-shadow .25s}
.help-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.help-n{font:700 13px/1 var(--font-label);color:var(--accent);letter-spacing:.08em}
.help-card h3{margin:0;font-size:20px;line-height:1.3}
.help-card p{margin:0;color:var(--muted);line-height:1.65;font-size:15.5px}
.help-em{color:var(--ink) !important;font-weight:600}
.help-a{margin-top:auto;padding-top:8px;font:600 15px/1.3 var(--font-body);color:var(--accent);text-decoration:none}
.help-a:hover{text-decoration:underline}
.clients-section{padding-top:0 !important}
.clients-section .clients{margin-top:0}
/* 5 services – 4 cards */
.xp-tiles.svc4 .xp p{margin-top:6px}
/* 6–7 feature sections */
.ft-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center}
.ft-flip .ft-text{order:2}.ft-flip>:not(.ft-text){order:1}
.ft-lead{font-size:19px;line-height:1.6;color:var(--ink);margin:14px 0 10px}
.ft-text>p:not(.label):not(.ft-lead){color:var(--muted);line-height:1.7}
.ft-blocks{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.ft-blocks>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}
.ft-blocks h3{margin:0 0 8px;font-size:16px}
.ft-blocks p{margin:0 0 8px;color:var(--muted);font-size:14.5px;line-height:1.6}
.ft-photo{margin:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5}
.ft-photo img{width:100%;height:100%;object-fit:cover;object-position:45% 30%;display:block}
.ft-alt{background:var(--soft)}
.ft-countries{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow)}
.ft-c-k{margin:0 0 16px;font:600 12px/1.3 var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ft-countries ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ft-countries li{padding:14px 16px;border-radius:12px;background:var(--soft);font:600 15px/1.2 var(--font-heading);color:var(--ink)}
/* 8 consultant management */
.cm-h{margin:28px 0 10px;font-size:18px}
.cm-models{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cm-model{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}
.cm-model h4{margin:0 0 6px;font:700 15.5px/1.3 var(--font-heading);color:var(--ink)}
.cm-model p{margin:0 0 6px;font-size:14.5px;line-height:1.6;color:var(--muted)}
.cm-section .lp-text>p:not(.label):not(.lp-lead){color:var(--muted);line-height:1.7}
.cm-small{font-size:14.5px}
.cm-section .lp-map{position:sticky;top:110px}
/* 9 international on-site */
.ix-section .section-head p:not(.label),.cases-sec .section-head p:not(.label),.people-section .section-head p:not(.label),.trust-section .section-head p:not(.label){max-width:46em}
.ix-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ix-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 30px}
.ix-card h3{margin:0 0 12px;font-size:18px;line-height:1.35}
.ix-card p{margin:0 0 10px;color:var(--muted);font-size:15px;line-height:1.65}
.ix-em{color:var(--ink) !important;font-weight:600}
.ix-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 0}
.ix-approach{max-width:44em;color:var(--muted);line-height:1.6}
.ix-approach b{color:var(--ink)}
.pr-note{margin:14px 0 0;color:var(--muted);font-size:15px}
.cta-k{margin:0 0 10px;font:600 12px/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:#bfe9e4}
@media(max-width:1000px){.ex-grid,.ft-grid{grid-template-columns:1fr;gap:36px}.ft-flip .ft-text,.ft-flip>:not(.ft-text){order:0}.help-grid{grid-template-columns:1fr}.ix-grid{grid-template-columns:1fr}.ft-photo{aspect-ratio:16/10}.cm-section .lp-map{position:relative;top:0}}
@media(max-width:640px){.ft-blocks,.cm-models{grid-template-columns:1fr}.ex-areas{padding:22px}}
.tq-section .section-head p:not(.label){color:rgba(255,255,255,.78) !important}
.ft-grid.ft-flip{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
@media(max-width:1000px){.ft-grid.ft-flip{grid-template-columns:1fr}}
/* ===== warmer & cleaner (Nov 2026) ===== */
:root{--bg:#f1ece2;--soft:#FAF7F2;--accent-soft:rgba(15,92,138,.08);--shadow:0 24px 48px -28px rgba(60,40,20,.22),0 2px 6px rgba(60,40,20,.04)}
.site-header{background:rgba(247,244,238,.9) !important}
.ex-areas,.help-card,.ft-blocks>div,.cm-model,.ix-card,.ft-countries,.tr-card,.pc,.xp,.jb-card,.case,.faq-item,.match-card{border-color:rgba(80,62,40,.09) !important;box-shadow:0 1px 2px rgba(60,40,20,.03)}
.help-card:hover,.xp:hover,.case:hover{box-shadow:var(--shadow)}
.ft-alt,.soft-band{background:var(--soft) !important}
/* chips as links */
.ex-chips a{display:inline-block;padding:9px 14px;border-radius:999px;background:var(--accent-soft);color:var(--ink);font:600 14px/1.2 var(--font-body);border:1px solid rgba(15,92,138,.16);text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s}
.ex-chips li{padding:0 !important;background:none !important;border:0 !important}
.ex-chips a:hover,.ex-chips a:focus-visible{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}
.ex-tip{margin:14px 0 0;font-size:13.5px;color:var(--accent);font-weight:600}
/* read more in cards */
.ix-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--font-body);color:var(--accent);margin:4px 0 0;padding:6px 0}
.ix-more summary::-webkit-details-marker{display:none}
.ix-more summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ix-more[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.ix-more .m-close,.ix-more[open] .m-open{display:none}
.ix-more[open] .m-close{display:inline}
.ix-more[open] summary{margin-bottom:8px}
.ix-grid{align-items:start}
/* Remote-IT switch */
.rt-switch{display:inline-flex;gap:4px;padding:4px;margin:0 0 36px;border-radius:999px;background:var(--surface);border:1px solid rgba(80,62,40,.12)}
.rt-switch button{border:0;background:none;padding:11px 22px;border-radius:999px;font:600 15px/1 var(--font-body);color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.rt-switch button[aria-selected="true"]{background:var(--ink);color:#fff}
.rt-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rt-panel[hidden]{display:none !important}
.rt-panel{animation:rtIn .35s ease}
@keyframes rtIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#rt-intl.ft-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
#rt-intl .ft-text{order:0}#rt-intl .ft-countries{order:1}
@media(max-width:1000px){#rt-intl.ft-grid{grid-template-columns:1fr}}
/* back to top */
.to-top{position:fixed;right:22px;bottom:22px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid rgba(80,62,40,.14);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s,transform .25s,background .2s,color .2s}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--ink);color:#fff}
.to-top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.to-top{bottom:84px;right:14px}}
/* antique white */
:root{--bg:#faf2e6;--soft:#f3e8d7;--line:rgba(110,80,40,.14)}
.site-header{background:rgba(250,242,230,.92) !important}
.ex-areas,.help-card,.ft-blocks>div,.cm-model,.ix-card,.ft-countries,.tr-card,.pc,.xp,.jb-card,.case,.faq-item,.match-card,.rt-switch,.to-top{background-color:#fffaf2 !important}
.hero::before{background:radial-gradient(520px 340px at 18% 32%,rgba(232,160,80,.10),transparent 70%),radial-gradient(560px 380px at 80% 28%,rgba(15,92,138,.06),transparent 70%),radial-gradient(420px 260px at 60% 75%,rgba(232,160,80,.06),transparent 70%) !important}
#page-home > section:nth-of-type(even){background:var(--soft) !important}
#page-about > section:nth-of-type(3),#page-about > section:nth-of-type(5),#page-careers > section:nth-of-type(2){background:var(--soft) !important}
body{background:var(--bg) !important}
/* lighter antique white – closer to white */
:root{--bg:#fdfaf5;--soft:#f8f2e9;--line:rgba(110,80,40,.11)}
.site-header{background:rgba(253,250,245,.92) !important}
.ex-areas,.help-card,.ft-blocks>div,.cm-model,.ix-card,.ft-countries,.tr-card,.pc,.xp,.jb-card,.case,.faq-item,.match-card,.rt-switch,.to-top{background-color:#ffffff !important}
.hero::before{opacity:.6}
/* no sand bands – one warm white throughout */
:root{--soft:#fdfaf5}
#page-home > section:nth-of-type(even),#page-about > section:nth-of-type(3),#page-about > section:nth-of-type(5),#page-careers > section:nth-of-type(2),.ft-alt,.soft-band,.clients-section{background:var(--bg) !important}
.soft-band{border-color:transparent !important}
/* hero text slider with arrow */
.hx-track{display:grid}
.hx-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
.hx-slide.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .5s ease}
.hx-slide.is-left{transform:translateX(-24px)}
.hx-k{margin:0 0 14px;font:600 12px/1.3 var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.hx-h{margin:0 0 18px;font-size:clamp(34px,4.2vw,54px) !important;line-height:1.08 !important;letter-spacing:-.025em}
.hx-h .hl{display:block;color:var(--accent)}
.hx-nav{display:flex;align-items:center;gap:18px;margin-top:34px}
.hx-arrow{width:74px;height:46px;border:0;background:none;padding:0;color:var(--ink);cursor:pointer;transition:transform .25s,opacity .25s,color .2s}
.hx-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hx-next:hover{transform:translateX(8px);color:var(--accent)}
.hx-prev{width:46px;opacity:.55}
.hx-prev:hover{opacity:1;transform:translateX(-5px);color:var(--accent)}
.hx-arrow:disabled{opacity:.15;cursor:default;transform:none}
.hx-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
.hx-count{font:500 14px/1 var(--font-body);color:var(--muted);font-variant-numeric:tabular-nums;order:-1}
.hx-count b{color:var(--ink)}
.hx-next{animation:hxNudge 2.6s ease-in-out 1.5s 3}
@keyframes hxNudge{0%,100%{transform:none}50%{transform:translateX(10px)}}
.ex-solo{grid-template-columns:1fr !important}
.ex-solo .ex-areas{max-width:none}
@media(prefers-reduced-motion:reduce){.hx-slide{transition:none}.hx-next{animation:none}}
.hx-h3{font-size:clamp(26px,2.8vw,36px) !important}
.hx .ex-chips{margin-top:6px}
.hx .ex-tip{margin-top:16px}
.hx-h3 .hl{display:inline}
.hx-ways{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.hw{display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.hw>*{grid-column:2}
.hw-n{grid-column:1 !important;grid-row:1 / span 4;font:700 12px/1.9 var(--font-label);color:var(--accent);letter-spacing:.06em}
.hw h3{margin:0 0 4px;font-size:16.5px;line-height:1.3}
.hw p{margin:0 0 6px;color:var(--muted);font-size:14.5px;line-height:1.55}
.hw-em{color:var(--ink) !important;font-weight:600}
.hw-a{font:600 14px/1.3 var(--font-body);color:var(--accent);text-decoration:none}
.hw-a:hover{text-decoration:underline}
.hero-grid{align-items:center}
.hx-slide .label.hx-k{margin:0 0 18px}
/* hero without photo: big arrow on the right */
.hero .hero-grid{grid-template-columns:1fr !important}
.hx{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:64px;align-items:center}
.hx-track{max-width:760px}
.hx-nav{flex-direction:column;align-items:center;gap:14px;margin:0;padding-left:56px;border-left:1px solid var(--line);min-height:260px;justify-content:center}
.hx-next{width:180px;height:64px;color:var(--accent)}
.hx-next svg{stroke-width:1.4}
.hx-next:hover{transform:translateX(12px)}
.hx-count{order:0;font-size:15px}
.hx-prev{order:2;width:56px;height:24px}
.hx-next{order:1}
@media(max-width:900px){.hx{grid-template-columns:1fr;row-gap:28px}.hx-nav{flex-direction:row;padding-left:0;border-left:0;min-height:0;justify-content:flex-start}.hx-next{width:120px;height:48px}.hx-count{order:0}.hx-prev{order:1}.hx-next{order:2}}
/* globe in consultant management: sit at the top next to the intro, not floating */
.cm-section .lp-grid{align-items:start !important}
.cm-section .lp-map{position:relative !important;top:0 !important;align-self:start !important;margin-top:56px}
/* hero: globe + arrow on the right */
.hx{grid-template-columns:minmax(0,1fr) minmax(0,520px) !important;column-gap:56px}
.hx-side{display:flex;flex-direction:column;gap:18px}
.hx-side .lp-map{position:relative;margin:0;width:100%}
.hx-side .hx-nav{flex-direction:row !important;justify-content:flex-end;align-items:center;padding:0 !important;border:0 !important;min-height:0 !important;gap:20px}
.hx-side .hx-count{order:0}.hx-side .hx-prev{order:1}.hx-side .hx-next{order:2;width:150px;height:56px}
.cm-section .lp-grid{grid-template-columns:1fr !important}
.cm-section .lp-text{max-width:820px}
@media(max-width:1000px){.hx{grid-template-columns:1fr !important}.hx-side .lp-map{max-width:520px}.hx-side .hx-nav{justify-content:flex-start}}
.hx-link{margin:18px 0 0}
/* whiter warm white */
:root{--bg:#fffdfa;--soft:#fffdfa}
.site-header{background:rgba(255,253,250,.94) !important}
.hero::before{opacity:.25 !important}
@media(max-width:1100px){.hx{grid-template-columns:1fr !important}.hx-side .lp-map{max-width:560px}.hx-side .hx-nav{justify-content:flex-start}}
/* "Stockholmsvit" – white with a hint of warmth */
:root{--bg:#fbfaf6;--soft:#fbfaf6}
.site-header{background:rgba(251,250,246,.94) !important}
.hero::before{display:none}
.brand-tag{display:block !important;text-transform:uppercase}
@media(max-width:600px){.brand-tag{font-size:8px !important;letter-spacing:.06em !important;white-space:nowrap}}
.site-header{border-bottom:1px solid rgba(30,40,60,.10) !important}
/* pure white background */
:root{--bg:#ffffff;--soft:#ffffff}
.site-header{background:rgba(255,255,255,.95) !important}
/* clearer arrows: round buttons */
.hx-side .hx-nav{gap:16px}
.hx-arrow{border-radius:50%;display:grid;place-items:center;transition:transform .2s,background .2s,color .2s,box-shadow .2s,opacity .2s}
.hx-side .hx-next{width:76px !important;height:76px !important;background:var(--accent);color:#fff;box-shadow:0 14px 30px -12px rgba(15,92,138,.6)}
.hx-side .hx-next svg{width:36px;height:22px;stroke-width:2.6}
.hx-side .hx-next:hover{transform:translateX(4px);background:#0b4a70;color:#fff}
.hx-side .hx-prev{width:58px !important;height:58px !important;border:2px solid var(--accent);color:var(--accent);opacity:1;background:#fff}
.hx-side .hx-prev svg{width:26px;height:18px;stroke-width:2.6}
.hx-side .hx-prev:hover{transform:translateX(-3px);background:var(--accent);color:#fff}
.hx-side .hx-arrow:disabled{opacity:.25 !important;box-shadow:none;transform:none;background:#fff;color:var(--accent);border:2px solid var(--accent)}
.hx-side .hx-count{font-size:16px;margin-right:4px}
.brand-tag{display:none !important}
@media(max-width:1100px){.hx-side .hx-nav{order:-1;justify-content:flex-start;margin:4px 0 8px}}
@media(max-width:1100px){.hx-slide:not(.is-active){display:none}.hx-slide{transform:none !important}}
/* AFRY-like typography: Outfit (free, close to Campton), light headings */
:root{--font-heading:"Outfit","Manrope",Inter,system-ui,sans-serif;--font-body:"Outfit",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2{font-weight:300 !important;letter-spacing:-.02em !important}
h1 .hl,h2 .hl,h2 .hl-text,h1 .hl-text{font-weight:500 !important}
h3,h4{font-weight:500 !important}
#page-home h2{font-weight:300 !important}
.btn{font-weight:500 !important}
body{font-size:17px}
.hx-countries{margin-top:18px !important;max-width:560px}
/* ===== hero layout polish ===== */
.hero{padding-top:72px !important;padding-bottom:40px !important}
.hx{align-items:stretch !important;column-gap:72px !important}
.hx-track{align-self:center}
.hx-slide{align-self:center}
.hx-slide h1,.hx-slide .hx-h{margin-bottom:22px}
.hx-slide h1{font-size:clamp(44px,5vw,68px) !important;line-height:1.04 !important}
.hx-slide .lead{font-size:clamp(19px,1.5vw,22px) !important;line-height:1.55 !important;max-width:30em;color:var(--muted)}
.hx-side{justify-content:center}
.hx-side .lp-map{border:0 !important;box-shadow:0 30px 60px -40px rgba(20,40,60,.25) !important;background:linear-gradient(180deg,#fff, #f7faf8) !important;border-radius:24px !important}
/* progress bar under the text */
.hx-track{position:relative;padding-bottom:30px}
.hx-track::after{content:"";position:absolute;left:0;bottom:0;width:120px;height:3px;border-radius:3px;background:var(--line)}
.hx-bar{position:absolute;left:0;bottom:0;height:3px;border-radius:3px;background:var(--accent);width:24px;transition:width .4s ease;z-index:1}
/* lighter key figures */
.hero .stats{background:transparent !important;border:0 !important;border-top:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important;margin-top:64px}
.hero .stats::before,.hero .stats::after{display:none !important}
.hero .stat{border-left:1px solid var(--line) !important;padding:26px 28px !important;background:transparent !important}
.hero .stat:first-child{border-left:0 !important;padding-left:0 !important}
.hero .stat .k{color:var(--muted) !important}
.hero .stat .v{color:var(--ink) !important;font-weight:400 !important;font-size:40px !important}
.hero .stat .v small{color:var(--muted) !important}
.hero .stat .v::after{background:var(--accent) !important}
@media(max-width:700px){.hero .stat:nth-child(3){border-left:0 !important;padding-left:0 !important}.hero .stat .v{font-size:32px !important}}
/* open desktop menu */
.nav-links{display:none;list-style:none;margin:0 0 0 36px;padding:0;gap:4px;align-items:center}
.nav-links a{display:block;padding:9px 12px;border-radius:10px;font:500 15px/1 var(--font-body);color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.nav-links a:hover{background:rgba(15,92,138,.07);color:var(--accent)}
.nav-links a[aria-current="page"]{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
@media(min-width:1180px){
 .nav-links{display:flex}
 .nav .langs{margin-left:auto !important;padding-left:20px !important;gap:4px !important}
 .nav .langs .flag{padding:4px !important}
 #menu-btn{display:none !important}
 .nav-right{margin-left:12px}
}
/* hero: keep text inside its column */
.hx>.hx-track{min-width:0;width:100%;max-width:none}
.hx-slide h1{font-size:clamp(40px,4.3vw,60px) !important;overflow-wrap:break-word}
.hx-slide .lead{max-width:32em}
/* language dropdown in header */
.nav .lang-dd{margin-left:auto;margin-right:4px}
@media(min-width:1180px){.nav .lang-dd{margin-left:24px}.nav-links{margin-left:auto !important}}
.nav .lang-dd summary{padding:8px 12px;gap:8px}
.lang-cur span{font:600 13px/1 var(--font-body)}
.brand-name{white-space:nowrap}
.hx-slide{min-width:0;max-width:100%}
.hx-slide .lead{max-width:100% !important}
.hx-slide h1{font-size:clamp(38px,3.7vw,54px) !important}
/* hero without map: text left, large arrows right */
.hx{grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important}
.hx-side{justify-content:center;align-items:center;padding-left:64px;border-left:1px solid var(--line);min-height:300px}
.hx-side .hx-nav{flex-direction:column !important;gap:18px;justify-content:center}
.hx-side .hx-count{order:0}.hx-side .hx-next{order:1;width:96px !important;height:96px !important}.hx-side .hx-prev{order:2}
.hx-side .hx-next svg{width:44px;height:26px}
.hx-track{max-width:820px}
@media(max-width:1100px){.hx{grid-template-columns:1fr !important}.hx-side{padding-left:0;border-left:0;min-height:0;align-items:flex-start}.hx-side .hx-nav{flex-direction:row !important}.hx-side .hx-next{width:76px !important;height:76px !important}}
.hero .clients{margin:48px 0 0 !important}
.hero .stats{margin-top:40px !important}
.hero{padding-top:56px !important}
.hx-side{min-height:260px}
.hero{padding-top:40px !important}
.hx-track{padding-bottom:22px}
.hx-side{min-height:220px}
.hero .clients{margin-top:28px !important}
.hx-track{min-height:0}
.hero .stats{grid-template-columns:repeat(3,1fr) !important}
@media(max-width:700px){.hero .stats{grid-template-columns:1fr 1fr 1fr !important}.hero .stat{padding:18px 12px !important}.hero .stat:nth-child(3){border-left:1px solid var(--line) !important;padding-left:12px !important}}
.hero .stats{margin-top:36px !important}
.hero .clients{margin-top:40px !important}
/* key figures band – refined */
.hero .stats{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;border:0 !important;margin-top:40px !important;background:none !important}
.hero .stat{border:1px solid var(--line) !important;border-radius:18px !important;padding:24px 28px !important;background:linear-gradient(180deg,#fff,#f6faf8) !important;position:relative;overflow:hidden}
.hero .stat:first-child{padding-left:28px !important;border-left:1px solid var(--line) !important}
.hero .stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}
.hero .stat .k{font:600 11px/1.2 var(--font-body) !important;letter-spacing:.14em !important;color:var(--accent) !important}
.hero .stat .v{font:300 46px/1.05 var(--font-heading) !important;color:var(--ink) !important;margin-top:10px}
.hero .stat .v::after{display:none !important}
.hero .stat .v small{font:400 16px var(--font-body) !important}
@media(max-width:700px){.hero .stats{grid-template-columns:1fr !important;gap:10px !important}.hero .stat{padding:18px 22px !important}.hero .stat:nth-child(3){padding-left:22px !important;border-left:1px solid var(--line) !important}.hero .stat .v{font-size:38px !important}}
/* narrow: arrows closer to text */
@media(max-width:1100px){.hx{row-gap:8px !important}.hx-side{min-height:0 !important;margin-top:0}.hx-track{padding-bottom:18px}}
.hero .stats{grid-template-columns:repeat(4,1fr) !important}
@media(max-width:1000px){.hero .stats{grid-template-columns:1fr 1fr !important}}
@media(max-width:700px){.hero .stats{grid-template-columns:1fr 1fr !important}}
.hx-slide .hero-more{max-width:40em;font-size:16.5px;line-height:1.7;color:var(--muted);margin:12px 0 0}
/* menu visible in line with logo on medium screens too */
@media(min-width:700px) and (max-width:1179px){
 .nav-links{display:flex !important;margin-left:auto !important;gap:0}
 .nav-links a{font-size:14px;padding:8px 9px}
 .nav .lang-dd,.nav-contact{display:none !important}
 .brand-name{font-size:14px !important}
 .nav-right{margin-left:6px}
}
.nav-links a{color:var(--accent) !important;font-weight:600 !important}
.nav-links a:hover{background:rgba(15,92,138,.08)}
/* menu closer to logo; language dropdown pushed right */
@media(min-width:700px){
 .nav-links{display:flex !important;margin-left:56px !important}
 .nav .lang-dd{display:block !important;margin-left:auto !important}
}
@media(min-width:700px) and (max-width:1179px){
 .nav-links{margin-left:28px !important}
 .nav-links a{padding:8px 8px;font-size:13.5px}
 .nav .lang-dd summary{padding:6px 10px}
 .nav .lang-dd .lang-cur span{display:none}
}
@media(min-width:1180px){.nav-links a{padding:9px 14px}}
/* dropdowns in the open menu */
.nav-links>li{position:relative}
.nl-caret{display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.nl-has:hover .nl-caret,.nl-has:focus-within .nl-caret{transform:rotate(-135deg) translateY(-1px)}
.nl-sub{list-style:none;margin:0;padding:8px;position:absolute;left:-8px;top:calc(100% + 6px);min-width:240px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px -24px rgba(20,40,60,.3);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease .05s,transform .18s ease .05s,visibility 0s linear .23s;z-index:70}
.nl-sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nl-has:hover .nl-sub,.nl-has:focus-within .nl-sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.nl-sub a{display:block;padding:10px 12px !important;border-radius:9px;color:var(--ink) !important;font:500 14.5px/1.3 var(--font-body) !important;white-space:nowrap}
.nl-sub a:hover{background:rgba(15,92,138,.07);color:var(--accent) !important}
.nav-links>li:last-child .nl-sub{left:auto;right:-8px}
.brand-name{font-size:19px !important;letter-spacing:.01em}
@media(min-width:700px) and (max-width:1179px){.brand-name{font-size:16px !important}}
@media(max-width:699px){.brand-name{font-size:17px !important}}
@media(min-width:1180px){.nav-links{margin-left:40px !important}.nav-links>li>a{padding:9px 10px !important}.nav-links>li>a .nl-caret{margin-left:6px}}
@media(min-width:700px) and (max-width:1179px){.nav-links{margin-left:20px !important}.nav-links>li>a{padding:8px 6px !important;font-size:13px !important}.nl-caret{display:none}}
.nav{flex-wrap:nowrap}
/* no round menu button where the open menu is visible */
@media(min-width:700px){#menu-btn{display:none !important}.nav-contact{display:inline-flex !important}}
@media(min-width:700px) and (max-width:1179px){.nav-contact{padding:8px 12px !important;font-size:13px !important}.brand-name{font-size:15px !important}.nav .lang-dd{margin-right:6px}}
@media(min-width:700px) and (max-width:999px){.nav-contact{display:none !important}.nav .lang-dd{margin-right:0}}
/* contact button back on medium widths */
@media(min-width:700px) and (max-width:999px){
 .nav-contact{display:inline-flex !important;padding:7px 11px !important;font-size:12.5px !important}
 .nav-links{margin-left:14px !important}
 .nav-links>li>a{padding:8px 5px !important;font-size:12.5px !important}
 .brand-name{font-size:14px !important}
 .nav .lang-dd summary{padding:5px 8px !important}
 .nav .lang-dd{margin-right:6px !important}
}
/* key figures – one elegant panel */
.hero .stats{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;margin-top:44px !important;background:linear-gradient(135deg,#f3f9f6 0%,#eef6f2 100%) !important;border:1px solid rgba(15,92,138,.14) !important;border-radius:22px !important;padding:8px 0 !important;box-shadow:0 20px 40px -32px rgba(0,80,50,.35) !important;overflow:hidden}
.hero .stat{background:none !important;border:0 !important;border-radius:0 !important;padding:26px 32px !important;position:relative;text-align:left}
.hero .stat::before{display:none !important}
.hero .stat+.stat::after{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:rgba(15,92,138,.18)}
.hero .stat:first-child{padding-left:36px !important}
.hero .stat .v{order:-1;font:300 52px/1 var(--font-heading) !important;color:var(--accent) !important;letter-spacing:-.03em !important;margin:0 0 10px !important;display:flex;align-items:baseline;gap:6px}
.hero .stat .v small{font:500 16px var(--font-body) !important;color:var(--accent) !important;opacity:.75;margin:0 !important}
.hero .stat .k{font:500 13px/1.3 var(--font-body) !important;letter-spacing:.02em !important;text-transform:none !important;color:var(--muted) !important}
.hero .stat{display:flex;flex-direction:column}
@media(max-width:900px){.hero .stats{grid-template-columns:1fr 1fr !important}.hero .stat:nth-child(3)::after{display:none}.hero .stat:nth-child(3){padding-left:36px !important}.hero .stat:nth-child(n+3){border-top:1px solid rgba(15,92,138,.14) !important}}
@media(max-width:560px){.hero .stat{padding:20px 22px !important}.hero .stat:first-child,.hero .stat:nth-child(3){padding-left:22px !important}.hero .stat .v{font-size:40px !important}}
/* larger contact button */
@media(min-width:1000px){.nav-contact{padding:13px 24px !important;font-size:15.5px !important;border-radius:12px !important}}
@media(min-width:700px) and (max-width:999px){.nav-contact{padding:9px 14px !important;font-size:13.5px !important}}
@media(min-width:1180px){.brand-name{font-size:22px !important;letter-spacing:0 !important}.nav-links{margin-left:32px !important}}
@media(min-width:1000px) and (max-width:1179px){.brand-name{font-size:17px !important}}
@media(min-width:700px) and (max-width:999px){.brand-name{font-size:15px !important}}
@media(max-width:699px){.brand-name{font-size:18px !important}}
@media(min-width:1180px){.nav-links{margin-left:24px !important}.nav-links>li>a{padding:9px 8px !important;font-size:15px !important}.nav .lang-dd{margin-right:10px !important}.nav-contact{padding:12px 20px !important}}
@media(min-width:700px) and (max-width:999px){.nav-contact{padding:8px 12px !important;font-size:13px !important}.nav-links{margin-left:10px !important}.nav-links>li>a{padding:8px 4px !important}.nav .lang-dd{margin-right:4px !important}.nav .lang-dd summary::after{display:none}}
/* menu hover in orange */
.nav-links>li>a:hover,.nl-has:hover>a,.nl-has:focus-within>a{color:#bf5f08 !important;background:rgba(224,123,18,.10) !important}
.nl-sub a:hover{color:#bf5f08 !important;background:rgba(224,123,18,.10) !important}
/* balance: less green – navy for menu & figures, green only as accent */
.nav-links>li>a{color:var(--ink) !important;font-weight:500 !important}
.nav-links a[aria-current="page"]{color:var(--ink) !important;box-shadow:inset 0 -2px 0 #bf5f08}
.hero .stats{background:#fff !important;border:1px solid rgba(20,40,70,.10) !important;box-shadow:0 24px 48px -36px rgba(20,40,70,.35) !important}
.hero .stat+.stat::after{background:rgba(20,40,70,.10) !important}
.hero .stat .v{color:var(--ink) !important}
.hero .stat .v small{color:var(--muted) !important;opacity:1}
.hero .stat .k{color:var(--muted) !important}
.hero .stat .v::after{display:block !important;content:"";position:absolute;margin-top:62px;width:24px;height:2px;background:#e07b12}
.ex-chips a{background:#fff !important;border-color:rgba(20,40,70,.14) !important;color:var(--ink) !important}
.ex-chips a:hover{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important}
.hx-side .hx-next{background:var(--ink) !important;box-shadow:0 14px 30px -12px rgba(11,21,48,.55) !important}
.hx-side .hx-next:hover{background:#bf5f08 !important}
.hx-side .hx-prev{border-color:var(--ink) !important;color:var(--ink) !important}
.hx-side .hx-prev:hover{background:var(--ink) !important;color:#fff !important}
.hx-bar{background:#e07b12 !important}
.hx-k,.label{color:var(--muted) !important}
.hero .stat .v::after{display:none !important}
@media(min-width:700px) and (max-width:859px){
 .brand-name{font-size:13.5px !important}
 .nav-links{margin-left:8px !important}
 .nav-links>li>a{padding:8px 4px !important;font-size:12px !important}
 .nav-contact{padding:7px 10px !important;font-size:12px !important}
 .nav .lang-dd summary{padding:4px 6px !important}
 .nav.wrap,.wrap.nav{padding-left:16px !important;padding-right:16px !important}
}
/* 560–999px: two-row header – logo + language + contact on top, menu row below; no round button */
@media(min-width:560px) and (max-width:999px){
 .nav{flex-wrap:wrap !important;row-gap:0;padding-top:10px;padding-bottom:0}
 .brand{order:1}
 .nav .lang-dd{order:2;margin-left:auto !important;margin-right:8px !important;display:block !important}
 .nav-right{order:3;margin-left:0 !important}
 #menu-btn{display:none !important}
 .nav-contact{display:inline-flex !important;padding:9px 16px !important;font-size:14px !important}
 .brand-name{font-size:17px !important}
 .nav-links{order:4;display:flex !important;flex-basis:100%;margin:8px 0 0 !important;justify-content:space-between;border-top:1px solid var(--line);padding:4px 0 !important}
 .nav-links>li>a{font-size:14px !important;padding:10px 6px !important}
 .nl-caret{display:none}
 .nav-links>li:last-child .nl-sub{right:0;left:auto}
}
@media(min-width:560px) and (max-width:999px){.site-header .nav{height:auto !important;min-height:0 !important}}
@media(min-width:560px) and (max-width:999px){.nav .lang-dd summary{padding:7px 10px !important;border:1px solid var(--line) !important}.nav .lang-dd .lang-cur span{display:inline !important}.brand-name{font-size:17px !important}}
/* client logos – refined tiles */
.hero .clients{margin-top:48px !important;display:block !important}
.hero .clients-k{display:flex;align-items:center;gap:16px;margin:0 0 18px !important;font:600 12px/1 var(--font-body) !important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero .clients-k::before,.hero .clients-k::after{display:none !important}
.hero .clients-k span{white-space:nowrap}
.hero .clients-k::after{content:"";display:block !important;flex:1;height:1px;background:var(--line);position:static !important}
.hero .clients ul{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:12px !important;background:none !important;border:0 !important;border-radius:0 !important;overflow:visible !important}
.hero .clients li{display:grid !important;place-items:center;height:92px;background:#fff;border:1px solid rgba(20,40,70,.08) !important;border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}
.hero .clients li:hover{border-color:rgba(20,40,70,.18) !important;box-shadow:0 14px 28px -20px rgba(20,40,70,.35);transform:translateY(-2px)}
.hero .clients li img{width:auto !important;height:auto !important;max-width:62% !important;max-height:30px !important;object-fit:contain;filter:grayscale(1) contrast(.9) brightness(.55) !important;opacity:.75 !important;transition:filter .25s,opacity .25s}
.hero .clients li img[alt="Huawei"],.hero .clients li img[alt="H&M"],.hero .clients li img[alt="Amdocs"]{max-height:40px !important}
.hero .clients li:hover img{filter:none !important;opacity:1 !important}
@media(max-width:999px){.hero .clients ul{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media(max-width:560px){.hero .clients ul{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}.hero .clients li{height:72px}}
/* key figures v3 – icons, bold numbers, airy */
.hero .stats{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;gap:16px !important;border-radius:0 !important;overflow:visible}
.hero .stat{display:grid !important;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:22px 24px !important;background:#fff !important;border:1px solid rgba(20,40,70,.08) !important;border-radius:18px !important;box-shadow:0 10px 30px -24px rgba(20,40,70,.35)}
.hero .stat:first-child{padding-left:24px !important}
.hero .stat+.stat::after{display:none !important}
.hero .st-ic{grid-row:1 / span 2;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(224,123,18,.12);color:#bf5f08}
.hero .stat:nth-child(even) .st-ic{background:rgba(15,92,138,.10);color:var(--accent)}
.hero .st-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero .stat .v{order:0;grid-column:2;grid-row:1;font:600 34px/1 var(--font-heading) !important;color:var(--ink) !important;letter-spacing:-.02em !important;margin:0 0 4px !important}
.hero .stat .v small{font:500 15px var(--font-body) !important;color:var(--muted) !important}
.hero .stat .k{grid-column:2;grid-row:2;font:500 13px/1.3 var(--font-body) !important;color:var(--muted) !important;letter-spacing:0 !important;text-transform:none !important}
@media(max-width:999px){.hero .stats{grid-template-columns:1fr 1fr !important}.hero .stat:nth-child(n+3){border-top:1px solid rgba(20,40,70,.08) !important}.hero .stat:nth-child(3){padding-left:24px !important}}
@media(max-width:560px){.hero .stat{grid-template-columns:44px 1fr;padding:16px !important}.hero .st-ic{width:44px;height:44px}.hero .stat .v{font-size:28px !important}.hero .stats{gap:10px !important}}
/* hero: image per step, arrows under the image */
.hx{grid-template-columns:minmax(0,1fr) minmax(0,460px) !important;column-gap:64px !important;align-items:center !important}
.hx-side{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:18px !important;padding-left:0 !important;border-left:0 !important;min-height:0 !important}
.hx-photo{position:relative;margin:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(20,40,70,.45);background:#e9eef3}
.hxp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .8s ease,transform 6s ease-out}
.hxp.is-active{opacity:1;transform:scale(1)}
.hxp-alt{object-position:85% 50%}
.hx-side .hx-nav{flex-direction:row !important;justify-content:flex-end !important;margin-top:-56px !important;padding-right:20px !important;position:relative;z-index:2}
.hx-side .hx-count{order:0 !important;background:#fff;padding:8px 12px;border-radius:999px;box-shadow:0 6px 16px -8px rgba(20,40,70,.4)}
.hx-side .hx-prev{order:1 !important;background:#fff !important}
.hx-side .hx-next{order:2 !important}
@media(max-width:1100px){.hx{grid-template-columns:1fr !important}.hx-photo{aspect-ratio:16/9;max-width:none}.hx-side .hx-nav{justify-content:flex-start !important;margin-top:-48px !important;padding-left:16px}}
@media(max-width:560px){.hx-photo{aspect-ratio:4/3}}
/* client logo tiles (higher specificity) */
#page-home .hero .clients ul li{height:92px !important;padding:0 14px !important;background:#fff !important;border:1px solid rgba(20,40,70,.08) !important;border-radius:14px !important;display:grid !important;place-items:center !important}
#page-home .hero .clients ul li img{max-height:30px !important;max-width:64% !important;width:auto !important;height:auto !important;transform:none !important}
#page-home .hero .clients ul li img[alt="Huawei"],#page-home .hero .clients ul li img[alt="H&M"],#page-home .hero .clients ul li img[alt="Amdocs"]{max-height:42px !important}
@media(max-width:560px){#page-home .hero .clients ul li{height:70px !important}}
#page-home .hero .clients ul{justify-items:stretch !important;align-items:stretch !important}#page-home .hero .clients ul li{width:100% !important}
@media(max-width:1100px){.hx-side .hx-photo{order:0 !important}.hx-side .hx-nav{order:1 !important;margin:-48px 0 0 !important;padding:0 16px !important;justify-content:flex-end !important}.hx-track{padding-bottom:24px}}
/* ===== AFRY-style full-bleed hero ===== */
.hero-afry{position:relative;padding-top:0 !important;--hh:clamp(600px,80vh,760px)}
.hero-afry::before{display:none !important}
.hero-afry>.hx-photo{position:absolute;left:0;right:0;top:0;height:var(--hh);margin:0;border-radius:0;box-shadow:none;aspect-ratio:auto;max-width:none;z-index:0;background:#14263a}
.hero-afry>.hx-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,40,.82) 0%,rgba(9,22,40,.62) 42%,rgba(9,22,40,.15) 75%,rgba(9,22,40,0) 100%),linear-gradient(0deg,rgba(9,22,40,.45) 0%,rgba(9,22,40,0) 30%)}
.hero-afry>.wrap.hero-grid{position:relative;z-index:1;min-height:var(--hh);display:flex !important;align-items:center;padding-top:40px;padding-bottom:40px}
.hero-afry .hx{width:100%;grid-template-columns:minmax(0,1fr) auto !important;align-items:end !important}
.hero-afry .hx-track{max-width:680px}
.hero-afry .hx-slide h1,.hero-afry .hx-slide .hx-h{color:#fff !important;font-weight:300 !important}
.hero-afry .hx-slide h1 .hl,.hero-afry .hx-slide .hx-h .hl{color:#fff !important;font-weight:600 !important}
.hero-afry .hx-slide h1{font-size:clamp(40px,4.6vw,64px) !important}
.hero-afry .hx-slide .lead{color:rgba(255,255,255,.92) !important}
.hero-afry .hx-slide .hero-more{color:rgba(255,255,255,.80) !important}
.hero-afry .hx-k{color:#ffcf8f !important}
.hero-afry .lp-list li{border-color:rgba(255,255,255,.18) !important}
.hero-afry .lp-list li b{color:#fff !important}.hero-afry .lp-list li span{color:rgba(255,255,255,.75) !important}
.hero-afry .ex-chips a{background:rgba(255,255,255,.1) !important;color:#fff !important;border-color:rgba(255,255,255,.35) !important}
.hero-afry .ex-chips a:hover{background:#fff !important;color:var(--ink) !important}
.hero-afry .hx-track::after{background:rgba(255,255,255,.25)}
.hero-afry .hx-side{align-self:end}
.hero-afry .hx-side .hx-nav{margin:0 !important;padding:0 !important;justify-content:flex-end !important}
.hero-afry .hx-side .hx-count{background:transparent;box-shadow:none;color:#fff}.hero-afry .hx-count b{color:#fff}
.hero-afry .hx-side .hx-next{background:transparent !important;border:0;box-shadow:none !important;width:110px !important;height:70px !important;border-radius:0}
.hero-afry .hx-side .hx-next svg{width:110px;height:40px;stroke-width:1.4}
.hero-afry .hx-side .hx-next:hover{background:transparent !important;color:#ffcf8f;transform:translateX(10px)}
.hero-afry .hx-side .hx-prev{background:transparent !important;border:0 !important;color:#fff !important;width:56px !important}
.hero-afry .hx-side .hx-prev:disabled{opacity:.25 !important}
.hero-afry .hx-side .hx-prev:hover{background:transparent !important;color:#ffcf8f !important}
.hero-afry>.wrap:not(.hero-grid){position:relative;z-index:1}
@media(max-width:1100px){.hero-afry .hx{grid-template-columns:1fr !important}.hero-afry .hx-side .hx-nav{justify-content:flex-start !important}.hero-afry>.hx-photo::after{background:linear-gradient(0deg,rgba(9,22,40,.88) 0%,rgba(9,22,40,.7) 60%,rgba(9,22,40,.45) 100%)}}
.hero-afry .stats{margin-top:32px !important}
/* search */
.nav-search{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;margin-left:auto;margin-right:8px;transition:color .2s,border-color .2s,background .2s}
.nav-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.nav-search:hover{color:#bf5f08;border-color:#e07b12;background:rgba(224,123,18,.08)}
.nav .lang-dd{margin-left:0 !important}
@media(min-width:560px) and (max-width:999px){.nav-search{order:2;margin-left:auto !important}.nav .lang-dd{order:2;margin-left:0 !important}}
@media(max-width:559px){.nav-search{margin-left:auto}}
.srch{position:fixed;inset:0;z-index:200;background:rgba(9,22,40,.45);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.srch[hidden]{display:none}
.srch-box{width:min(640px,100%);background:#fff;border-radius:18px;box-shadow:0 40px 80px -30px rgba(9,22,40,.6);overflow:hidden}
.srch-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.srch-in svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:2;flex:none}
.srch-in input{flex:1;border:0;outline:0;font:400 18px var(--font-body);color:var(--ink);background:none}
.srch-x{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 8px;font:500 12px var(--font-body);color:var(--muted);cursor:pointer}
.srch-res{list-style:none;margin:0;padding:8px;max-height:52vh;overflow:auto}
.srch-res a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--ink);font:500 15.5px var(--font-body)}
.srch-res a:hover,.srch-res a:focus{background:rgba(224,123,18,.10);color:#bf5f08;outline:0}
.srch-res small{font:500 12px var(--font-body);color:var(--muted)}
.srch-none{padding:14px;color:var(--muted)}
@media(min-width:1180px){.nav-links{margin-left:18px !important}.nav-search{margin-left:auto !important;margin-right:6px}.nav .lang-dd{margin-right:8px !important}.nav-contact{padding:11px 18px !important;font-size:15px !important}}
@media(min-width:1180px) and (max-width:1399px){.brand-name{font-size:19px !important}.nav-links>li>a{padding:9px 6px !important;font-size:14.5px !important}}
@media(min-width:1000px) and (max-width:1179px){.nav-links{display:flex !important}}
@media(min-width:1180px){.brand-name{font-size:20px !important}.nav-links>li>a{padding:9px 7px !important}}
.hxp-wind{object-position:60% 40%}
.hero-afry>.hx-photo::after{background:linear-gradient(90deg,rgba(9,22,40,.72) 0%,rgba(9,22,40,.48) 42%,rgba(9,22,40,.08) 75%,rgba(9,22,40,0) 100%),linear-gradient(0deg,rgba(9,22,40,.35) 0%,rgba(9,22,40,0) 30%)}
/* Orange, bolder arrow placed higher (vertically centred in hero) */
.hero-afry .hx-side{align-self:center !important}
.hero-afry .hx-side .hx-next{color:#e07b12 !important}
.hero-afry .hx-side .hx-next svg{stroke-width:2.6 !important;width:120px;height:44px}
.hero-afry .hx-side .hx-next:hover{color:#ffb35c !important}
.hero-afry .hx-side .hx-prev:hover{color:#e07b12 !important}
/* Stats band v3: one calm navy bar overlapping the hero photo, in harmony with it */
.hero-afry .stats{position:relative;z-index:3;margin-top:-122px !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;padding:0 !important;background:#0f2742 !important;border:0 !important;border-radius:4px !important;box-shadow:0 30px 60px -30px rgba(9,22,40,.55) !important;overflow:hidden}
.hero-afry .stats::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#e07b12 0 25%,transparent 25%)}
.hero-afry .stat{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:30px 32px 28px !important;grid-template-columns:32px 1fr !important;column-gap:14px !important;position:relative}
.hero-afry .stat+.stat::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:1px;background:rgba(255,255,255,.14)}
.hero-afry .st-ic{width:32px !important;height:32px !important;background:none !important;color:#e07b12 !important;border-radius:0;align-self:start;margin-top:4px}
.hero-afry .stat:nth-child(even) .st-ic{background:none !important;color:#e07b12 !important}
.hero-afry .st-ic svg{width:26px;height:26px;stroke-width:1.5}
.hero-afry .stat .v{color:#fff !important;font-weight:500 !important;font-size:36px !important}
.hero-afry .stat .v small{color:rgba(255,255,255,.7) !important}
.hero-afry .stat .k{color:rgba(255,255,255,.62) !important;text-transform:uppercase !important;letter-spacing:.12em !important;font-size:11.5px !important;margin-top:6px}
@media(max-width:999px){.hero-afry .stats{grid-template-columns:1fr 1fr !important;margin-top:-40px !important}.hero-afry .stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12) !important}.hero-afry .stat:nth-child(3)::before{display:none}}
@media(max-width:560px){.hero-afry .stat{padding:20px 18px !important;grid-template-columns:24px 1fr !important}.hero-afry .st-ic svg{width:20px;height:20px}.hero-afry .stat .v{font-size:26px !important}}
.hero-afry .hero-grid{padding-bottom:70px !important}
@media(min-width:1101px){.hero-afry .hx-side .hx-nav{justify-content:flex-start !important;padding-left:0 !important;gap:16px;transform:translateX(-90px)}}
/* Stats as full-bleed edge band along the bottom of the hero photo */
.hero-afry{overflow-x:clip}
.hero-afry .stats{margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding:0 calc(50vw - 50%) !important;border-radius:0 !important;box-shadow:none !important;background:rgba(12,31,54,.86) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12) !important}
.hero-afry .stats::before{display:none}
.hero-afry .stat{padding:26px 28px 24px !important}
.hero-afry .stat:first-child{padding-left:0 !important}
@media(min-width:1000px){.hero-afry .stats{margin-top:-184px !important}.hero-afry .hero-grid{padding-bottom:132px !important}}
@media(min-width:1000px){.hero-afry .hero-grid{padding-bottom:196px !important}}
.hero-afry .stats{background:linear-gradient(180deg,rgba(9,22,40,.55),rgba(9,22,40,.82)) !important;border-top:1px solid rgba(255,255,255,.18) !important}
.hero-afry .stat:first-child,.hero-afry .stat:first-child::before,.hero-afry .stat:first-child::after{border-left:0 !important;box-shadow:none !important}
.hero-afry .stat:first-child::before{display:none !important}
/* Photo is sized by JS to end exactly at the band's bottom edge, at every width */
.hero-afry .stats,.hero-afry .stats[class]{margin-top:0 !important}
.hero-afry .hero-grid,.hero-afry>.wrap.hero-grid{padding-bottom:56px !important}
@media(max-width:999px){.hero-afry .stats{background:linear-gradient(180deg,rgba(9,22,40,.6),rgba(9,22,40,.85)) !important}.hero-afry .stat:first-child,.hero-afry .stat:nth-child(3){padding-left:0 !important}}
.hero-afry .stats{transform:none !important;opacity:1 !important}
.hero-afry>.wrap.hero-grid{min-height:calc(var(--hh) - 112px) !important;padding-bottom:40px !important}
@media(max-width:999px){.hero-afry>.wrap.hero-grid{min-height:0 !important;padding-top:120px !important;padding-bottom:36px !important}}
/* Keep the band as one row of four on tablet widths too */
@media(min-width:560px) and (max-width:999px){.hero-afry .stats{grid-template-columns:repeat(4,1fr) !important}.hero-afry .stat{padding:18px 10px 16px 14px !important;grid-template-columns:1fr !important;row-gap:2px}.hero-afry .stat:first-child{padding-left:0 !important}.hero-afry .stat:nth-child(n+3){border-top:0 !important}.hero-afry .stat:nth-child(3)::before{display:block !important}.hero-afry .st-ic{display:none !important}.hero-afry .stat .v{grid-column:1 !important;font-size:26px !important}.hero-afry .stat .v small{font-size:12px !important}.hero-afry .stat .k{grid-column:1 !important;font-size:10px !important;letter-spacing:.08em !important}}
.nav-search{border-color:#e07b12 !important;color:#bf5f08 !important}
.hx-sub{margin:18px 0 8px !important;font:600 12px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.hx-note{margin-top:12px !important;font-size:13px;color:rgba(255,255,255,.7);max-width:60ch}
/* Hero typography: clear lead vs body, shorter lines, more air */
.hero-afry .hx-slide .hx-h,.hero-afry .hx-slide h1{margin-bottom:26px !important}
.hero-afry .hx-slide .lead{max-width:44ch !important;font-size:clamp(19px,1.45vw,22px) !important;line-height:1.45 !important;color:#fff !important;font-weight:400 !important;margin:0 0 22px !important}
.hero-afry .hx-slide .hero-more{max-width:58ch !important;font-size:15px !important;line-height:1.75 !important;color:rgba(255,255,255,.72) !important;margin:0 0 14px !important}
.hero-afry .hx-slide .hx-sub{margin-top:24px !important}
@media(max-width:999px){.hero-afry .hx-slide .lead{max-width:none !important;font-size:19px !important}.hero-afry .hx-slide .hero-more{max-width:none !important;font-size:14.5px !important}}
.hero-afry .hx-slide .hx-h,.hero-afry .hx-slide h1{margin-bottom:20px !important}.hero-afry .hx-slide .lead{margin-bottom:18px !important}.hero-afry .ex-chips{gap:6px !important}
/* Fit hero + band within the first screen on desktop */
@media(min-width:1000px){
.hero-afry>.wrap.hero-grid{min-height:calc(100svh - 72px - 112px) !important;padding-top:20px !important;padding-bottom:28px !important}
.hero-afry .hx-slide h1,.hero-afry .hx-slide .hx-h{font-size:clamp(34px,min(4.2vw,6.4vh),62px) !important;margin-bottom:clamp(10px,2vh,20px) !important}
.hero-afry .hx-slide .lead{font-size:clamp(17px,min(1.45vw,2.4vh),22px) !important;margin-bottom:clamp(10px,1.8vh,18px) !important}
.hero-afry .hx-slide .hero-more{font-size:clamp(13.5px,1.7vh,15px) !important;line-height:1.65 !important;margin-bottom:clamp(6px,1.2vh,14px) !important}
.hero-afry .hx-slide .hx-sub{margin-top:clamp(10px,2vh,24px) !important}
.hero-afry .hx-track{padding-bottom:18px !important}
}
@media(min-width:1000px) and (max-height:820px){.hero-afry .hx-note{display:none !important}.hero-afry .ex-chips a{padding:5px 10px !important;font-size:12px !important}}
@media(min-width:1000px){.hero-afry>.wrap.hero-grid{margin-top:0 !important;min-height:calc(100svh - 76px - 112px) !important}.hero-afry .hero-text{padding-top:0 !important;margin-top:0 !important}}
section.hero.hero-afry,#page-home section.hero.hero-afry{padding-top:0 !important}
/* Slide 3: calmer expertise list – inline text with thin separators instead of pill buttons */
.hero-afry .ex-chips{display:flex !important;flex-wrap:wrap !important;gap:4px 0 !important;margin:0 0 6px !important;padding:0 !important;max-width:62ch;list-style:none}
.hero-afry .ex-chips li{display:inline-flex;align-items:center}
.hero-afry .ex-chips li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:#e07b12;margin:0 10px;opacity:.9}
.hero-afry .ex-chips a{background:none !important;border:0 !important;padding:2px 0 !important;border-radius:0 !important;color:rgba(255,255,255,.9) !important;font:500 14px/1.5 var(--font-body) !important;box-shadow:none !important;text-decoration:none;border-bottom:1px solid transparent !important}
.hero-afry .ex-chips a:hover{color:#ffb35c !important;border-bottom-color:#e07b12 !important}
.hero-afry .hx-note{font-size:12.5px !important;color:rgba(255,255,255,.55) !important;margin-top:8px !important}
.hero-afry .hx-sub{color:#e07b12 !important;margin-bottom:8px !important}
.hero-afry .ex-chips{display:grid !important;grid-template-columns:repeat(3,max-content) !important;gap:6px 28px !important;max-width:none}
.hero-afry .ex-chips li+li::before{display:none}
.hero-afry .ex-chips li::before{content:"" !important;display:block !important;width:10px;height:2px;background:#e07b12;margin:0 10px 0 0 !important;border-radius:0}
@media(max-width:999px){.hero-afry .ex-chips{grid-template-columns:repeat(2,max-content) !important;gap:6px 20px !important}}
@media(max-width:560px){.hero-afry .ex-chips{grid-template-columns:1fr !important}}
.hero-afry .ex-chips li::before,.hero-afry .ex-chips li+li::before{content:"" !important;display:block !important;width:10px !important;height:2px !important;border-radius:0 !important;background:#e07b12 !important;margin:0 10px 0 0 !important;opacity:1 !important}
/* Coor-style: alternate pure white and warm off-white (#FAF7F2) sections */
:root{--warm:#FAF7F2}
#page-home>section{background:#fff !important}
#page-home>section.rt-section,#page-home>section.ix-section,#page-home>section.cases-sec+section,#page-home>section.people-section,#page-home>section.trust-section{background:#FAF7F2 !important}
#page-home .rt-section .card,#page-home .ix-section .ix-card,#page-home .people-section .card,#page-home .trust-section .card{background:#fff}
.site-footer,footer{background:#FAF7F2}
/* Coor-style utility bar above the main menu */
.topbar{background:#fff;border-bottom:1px solid rgba(20,40,70,.07)}
.tb-in{display:flex;justify-content:flex-end;align-items:center;gap:22px;height:34px}
.tb-in>a{font:500 13px/1 var(--font-body);color:var(--muted);text-decoration:none}
.tb-in>a:hover,.tb-in>a.is-current{color:#bf5f08}
.tb-in .lang-dd{margin:0 !important;order:0 !important}
.tb-in .lang-dd summary{padding:3px 8px !important;border:0 !important;font-size:13px !important;background:none !important}
.tb-in .lang-dd .langs{top:30px;right:0;left:auto}
.nav .nav-search{margin-left:auto !important}
@media(min-width:1000px){.hero-afry>.wrap.hero-grid{min-height:calc(100svh - 110px - 112px) !important}}
@media(max-width:559px){.tb-in{gap:16px;height:30px}.tb-in>a{font-size:12px}}
.topbar .lang-dd{display:block !important}
.nl-sub .nl-desc{padding:4px 14px 8px !important;margin-bottom:4px;border-bottom:1px solid rgba(20,40,70,.08);font:500 12px/1.4 var(--font-body);color:var(--muted);white-space:nowrap;pointer-events:none}
@media(min-width:1000px) and (max-width:1199px){.nav-links>li>a{padding-left:7px !important;padding-right:7px !important;font-size:14.5px !important}}
@media(min-width:560px) and (max-width:999px){.nav-links>li>a{font-size:14px !important;padding-left:4px !important;padding-right:4px !important}}
@media(min-width:1000px) and (max-width:1199px){.site-header .nav .nav-links>li>a{padding:8px 6px !important;font-size:14px !important}.site-header .nav .nav-links{gap:0 !important;margin-left:14px !important}.site-header .brand-name{font-size:17px !important}.site-header .nav-contact{padding:9px 14px !important;font-size:14px !important}}
/* Recruitment page: expertise + international blocks */
.exp-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.exp-copy h3{margin:28px 0 8px;font-size:20px}
.exp-copy p{color:var(--muted);line-height:1.7}.exp-copy .lead{color:var(--ink);font-size:20px;line-height:1.5}
.exp-areas{background:#FAF7F2;border-radius:14px;padding:28px 30px}
.exp-k{font:600 12px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#bf5f08;margin:0 0 14px}
.exp-areas .ex-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;list-style:none;padding:0;margin:0}
.exp-areas .ex-chips li{display:flex;align-items:center}
.exp-areas .ex-chips li::before{content:"";width:10px;height:2px;background:#e07b12;margin-right:10px;flex:none}
.exp-areas .ex-chips a{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px;background:none;border:0;padding:2px 0}
.exp-areas .ex-chips a:hover{color:#bf5f08}
.exp-note{margin:16px 0 0;font-size:13px;color:var(--muted)}
#page-svcpage>section:nth-of-type(even):not([style]){background:#FAF7F2}
@media(max-width:860px){.exp-grid{grid-template-columns:1fr;gap:24px}.exp-areas .ex-chips{grid-template-columns:1fr}}
#page-home>section#faq{background:#FAF7F2 !important}
#page-home>section.tq-section{background:#0f2742 !important}
/* Six menu items: tighter spacing so the row fits */
@media(min-width:1000px){.site-header .nav .nav-links>li>a{padding:8px 6px !important;font-size:14.5px !important}.site-header .nav .nav-links{gap:0 !important;margin-left:16px !important}.site-header .nav-links .nl-caret{margin-left:3px !important}}
@media(min-width:1000px) and (max-width:1239px){.site-header .nav .nav-links>li>a{padding:8px 4px !important;font-size:13.5px !important}.site-header .brand-name{font-size:16px !important}}
@media(min-width:560px) and (max-width:999px){.site-header .nav .nav-links{overflow-x:auto;scrollbar-width:none;justify-content:flex-start !important;gap:14px !important}.site-header .nav .nav-links::-webkit-scrollbar{display:none}.site-header .nav .nav-links>li>a{font-size:13.5px !important;white-space:nowrap}}
@media(min-width:1000px){.site-header .nav .nav-search{margin-left:auto !important;flex:none}.site-header .nav .nav-links{margin-right:12px !important}}
/* Breadcrumb: make "Home" stand out in orange with a small house icon */
.crumbs a:first-child{color:#bf5f08 !important;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.crumbs a:first-child::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E") center/contain no-repeat}
.crumbs a:first-child:hover{color:#e07b12 !important;text-decoration:underline}
/* Meet our consultants: story cards with photo/initials, role and own words */
.pc-grid.pc-stories{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;align-items:start}
.pc.pc-story{background:#fff;border:1px solid rgba(20,40,70,.08);border-radius:16px;padding:24px 24px 22px !important;box-shadow:0 14px 34px -28px rgba(20,40,70,.4);text-align:left !important;display:flex;flex-direction:column;gap:16px}
.pc.pc-story .pc-top{display:flex !important;flex-direction:row !important;align-items:center;gap:14px;text-align:left}
.pc.pc-story .pc-av{width:58px !important;height:58px !important;flex:none;font-size:18px !important;border-radius:50%;background:#0f2742;color:#fff;display:grid;place-items:center;font-weight:600}
.pc.pc-story .pc-av.pc-photo{background-color:#e9e6e0}
.pc.pc-story h3{margin:0 0 2px !important;font-size:17px !important}
.pc-role{margin:0 !important;font-size:13px;line-height:1.4;color:var(--muted)}
.pc-q{margin:0;padding:0 0 0 14px;border-left:2px solid #e07b12}
.pc-q p{margin:0;font-size:14.5px;line-height:1.65;color:#34405a;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.pc-q.open p{-webkit-line-clamp:unset}
.pc-more{align-self:flex-start;background:none;border:0;padding:0;color:#bf5f08;font-weight:600;font-size:13.5px;cursor:pointer}
@media(max-width:980px){.pc-grid.pc-stories{grid-template-columns:1fr 1fr !important}}
@media(max-width:600px){.pc-grid.pc-stories{grid-template-columns:1fr !important}}
.pc.pc-story{display:flex !important;flex-direction:column !important;gap:18px !important;min-height:0 !important}
.pc.pc-story .pc-top{justify-content:flex-start !important;margin:0 !important;padding:0 !important}
.pc.pc-story .pc-top::before,.pc.pc-story::before,.pc.pc-story::after{display:none !important}
.pc.pc-story .pc-av{margin:0 !important;box-shadow:none !important;border:0 !important}
.pc-more{margin-top:-6px}
.pc.pc-story{align-items:stretch !important}
.pc-grid.pc-stories{align-items:stretch !important}
.pc-story-join{background:#0f2742 !important;border:0 !important}
.pc-story-join h3{color:#fff !important}.pc-story-join .pc-role{color:rgba(255,255,255,.7)}
.pc-join{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.pc-join h4{margin:0;color:#fff;font-size:18px}
.pc-join p{margin:0 0 8px;color:rgba(255,255,255,.75);font-size:14px;line-height:1.6}
.pc-join .btn{align-self:flex-start;background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important}
.pc-join .btn:hover{background:#bf5f08 !important}
.pc-story-join .pc-role{color:rgba(255,255,255,.85) !important}
/* Testimonials: one section, clients + consultants, no photos */
#page-home>section.ts-section{background:#FAF7F2 !important}
.ts-filter{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#fff;border:1px solid rgba(20,40,70,.1);margin:6px 0 28px}
.ts-filter button{border:0;background:none;padding:9px 18px;border-radius:999px;font:600 14px var(--font-body);color:var(--muted);cursor:pointer}
.ts-filter button.is-on{background:#0f2742;color:#fff}
.ts-filter button:not(.is-on):hover{color:#bf5f08}
.ts-grid{columns:3 320px;column-gap:22px}
.ts-card{break-inside:avoid;margin:0 0 22px;background:#fff;border:1px solid rgba(20,40,70,.07);border-radius:16px;padding:26px 26px 22px;position:relative;box-shadow:0 16px 36px -30px rgba(20,40,70,.45);display:flex;flex-direction:column;gap:14px}
.ts-card[hidden]{display:none}
.ts-card::before{content:"\201C";position:absolute;top:10px;right:22px;font:700 64px/1 Georgia,serif;color:#e07b12;opacity:.35}
.ts-tag{align-self:flex-start;font:600 11px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.ts-client{background:rgba(15,39,66,.08);color:#0f2742}
.ts-consultant{background:rgba(224,123,18,.14);color:#b45f08}
.ts-card blockquote{margin:0;padding:0;border:0}
.ts-card blockquote p{margin:0;font-size:15px;line-height:1.7;color:#2b3650;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.ts-card.open blockquote p{-webkit-line-clamp:unset}
.ts-card figcaption{border-top:1px solid rgba(20,40,70,.08);padding-top:14px;display:flex;flex-direction:column;gap:2px}
.ts-card figcaption b{font-size:15.5px;color:var(--ink)}
.ts-card figcaption span{font-size:13px;color:var(--muted);line-height:1.4}
.ts-more{align-self:flex-start;margin-top:-6px;background:none;border:0;padding:0;color:#bf5f08;font:600 13.5px var(--font-body);cursor:pointer}
.ts-join{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px;padding:22px 26px;border-radius:16px;background:#0f2742;color:#fff}
.ts-join p{margin:0;color:rgba(255,255,255,.8)}.ts-join b{color:#fff}
.ts-join .btn{flex:none;background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important}
@media(max-width:700px){.ts-join{flex-direction:column;align-items:flex-start}}
.ts-section .ts-card.ts-extra{display:none}
.ts-section.ts-open .ts-card.ts-extra{display:flex}
.ts-all-wrap{text-align:center;margin:4px 0 26px}
.ts-all{background:#fff;border:1px solid rgba(20,40,70,.15);border-radius:999px;padding:12px 22px;font:600 14px var(--font-body);color:var(--ink);cursor:pointer}
.ts-all:hover{border-color:#e07b12;color:#bf5f08}
.ts-mini{background:#FAF7F2}
.ts-mini .ts-grid{columns:3 300px}
.ts-grid{columns:auto !important;display:grid !important;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.ts-grid[data-n="2"],.ts-grid[data-n="4"]{grid-template-columns:repeat(2,1fr)}
.ts-grid .ts-card{margin:0}
@media(max-width:900px){.ts-grid,.ts-grid[data-n]{grid-template-columns:1fr}}
:root{--accent:#0f5c8a;--accent-soft:rgba(15,92,138,.07)}
/* Subpage heads: navy band with the sea/wind photo, matching the home hero */
body:not([data-page="home"]) main{overflow-x:clip}
.page-head{position:relative;isolation:isolate;padding-top:56px !important;padding-bottom:52px !important;margin-bottom:8px}
.page-head::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:-1;background:linear-gradient(90deg,#0c2036 0%,#0f2742 42%,rgba(15,39,66,.82) 62%,rgba(15,39,66,.35) 100%),url(/offshore-wind-sea-d1f8ba6f.webp) 70% 45%/cover no-repeat}
.page-head h1,.page-head h1 *{color:#fff !important}
.page-head h1 .hl-text,.page-head h1 .hl{color:#f6a94a !important}
.page-head .lead,.page-head p:not(.crumbs){color:rgba(255,255,255,.82) !important;max-width:62ch}
.page-head .crumbs,.page-head .crumbs *{color:rgba(255,255,255,.7) !important}
.page-head .crumbs a:first-child{color:#f6a94a !important}
.page-head .label,.page-head .eyebrow{color:#f6a94a !important}
.page-head .btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.55) !important;background:transparent !important}
.page-head .btn-ghost:hover{border-color:#e07b12 !important;color:#f6a94a !important}
.page-head .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important}
.page-head .btn-primary:hover{background:#bf5f08 !important}
/* language suggestion: small toast bottom-left instead of over the menu */
.lang-sug{position:fixed !important;top:auto !important;bottom:20px !important;left:20px !important;right:auto !important;transform:none !important;z-index:60 !important;max-width:calc(100vw - 40px)}
.xp-tiles.svc3 .xp p{margin-top:6px}
/* Home: service overview cards */
#page-home>section.sv-section{background:#fff !important;padding-top:72px;padding-bottom:72px}
.sv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sv-card{display:flex;flex-direction:column;gap:10px;padding:24px 22px 20px;border:1px solid rgba(20,40,70,.09);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
.sv-card:hover{border-color:#e07b12;box-shadow:0 18px 40px -28px rgba(20,40,70,.45);transform:translateY(-3px)}
.sv-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(15,92,138,.08);color:#0f5c8a}
.sv-card:hover .sv-ic{background:rgba(224,123,18,.14);color:#bf5f08}
.sv-ic svg{width:22px;height:22px}
.sv-card h3{margin:6px 0 0;font-size:18px;color:var(--ink)}
.sv-card p{margin:0;font-size:14px;line-height:1.55;color:var(--muted);flex:1}
.sv-go{font:600 13.5px var(--font-body);color:#bf5f08}
@media(max-width:1100px){.sv-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.sv-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.sv-grid{grid-template-columns:1fr}}
.lang-sug{top:124px !important;bottom:auto !important;left:auto !important;right:20px !important}
#page-home>section.sv-section{padding-top:24px !important}
/* Policies page */
.pol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pol-card{background:#fff;border:1px solid rgba(20,40,70,.09);border-radius:14px;padding:22px 22px 20px;border-top:3px solid #e07b12}
.pol-card h3{margin:0 0 8px;font-size:17px}.pol-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.pol-note{margin-top:18px;color:var(--muted)}.pol-note a{color:#bf5f08;font-weight:600}
@media(max-width:900px){.pol-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pol-grid{grid-template-columns:1fr}}
.xp-tiles.svc3 .xp:last-child{grid-column:1/-1}
/* Hero CTAs */
.hero-afry .hx-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0 !important}
.hero-afry .hx-cta .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important;padding:13px 22px !important}
.hero-afry .hx-cta .btn-primary:hover{background:#bf5f08 !important}
.hero-afry .hx-cta .btn-ghost{color:#fff !important;border:1px solid rgba(255,255,255,.6) !important;background:rgba(255,255,255,.04) !important;padding:13px 22px !important}
.hero-afry .hx-cta .btn-ghost:hover{border-color:#e07b12 !important;color:#f6a94a !important}
/* Remote-IT India feature */
#page-home>section.rf-section{background:#0f2742 !important;padding:84px 0 !important}
.rf-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.rf-img{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.rf-img img{display:block;width:100%;height:100%;aspect-ratio:4/3.2;object-fit:cover;object-position:40% 30%}
.rf-badge,.sv-flag{position:absolute;top:16px;left:16px;background:#e07b12;color:#fff;font:700 11.5px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:999px}
.rf-copy .label{color:#f6a94a !important}
.rf-copy h2{color:#fff !important}.rf-copy h2 .hl-text{color:#f6a94a !important}
.rf-copy .lead{color:#fff !important;font-size:20px;line-height:1.5;margin:14px 0 18px}
.rf-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
.rf-list li{position:relative;padding-left:30px;color:rgba(255,255,255,.8);line-height:1.6;font-size:15.5px}
.rf-list li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:rgba(224,123,18,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6a94a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.rf-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.rf-cta .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important}
.rf-cta .btn-ghost{color:#fff !important;border:1px solid rgba(255,255,255,.55) !important;background:transparent !important}
.rf-cta .btn-ghost:hover{border-color:#e07b12 !important;color:#f6a94a !important}
@media(max-width:900px){.rf-grid{grid-template-columns:1fr;gap:28px}}
/* highlighted Remote card */
.sv-card.sv-hot{position:relative;background:#0f2742;border-color:#0f2742}
.sv-card.sv-hot h3{color:#fff}.sv-card.sv-hot p{color:rgba(255,255,255,.75)}
.sv-card.sv-hot .sv-ic{background:rgba(224,123,18,.18);color:#f6a94a}
.sv-card.sv-hot .sv-go{color:#f6a94a}
.sv-flag{position:absolute;top:-11px;left:18px;font-size:10px;padding:6px 10px}
.hero-afry .stat .k{text-transform:none !important;letter-spacing:.01em !important;font-size:13px !important;color:rgba(255,255,255,.75) !important}
@media(min-width:1100px){.hero-afry .stat .k{white-space:nowrap}}
/* New logo: network-C + Libre Franklin wordmark */
.brand{display:inline-flex !important;align-items:center;gap:12px;color:#0A2440 !important;text-decoration:none}
.brand-mark{width:36px;height:36px;flex:none;color:#0A2440}
.brand .brand-name,.ft-brand .brand-name{font-family:"Libre Franklin",var(--font-heading),sans-serif !important;font-weight:400 !important;letter-spacing:.06em !important;color:#0A2440 !important;white-space:nowrap;text-transform:none}
.brand .brand-name b,.ft-brand .brand-name b{font-weight:600}
.brand:hover .brand-mark{color:#bf5f08}
.ft-brand{display:block}.ft-brand .brand-mark{width:34px;height:34px;vertical-align:middle;margin-right:10px;--mark-bg:#FAF7F2}
@media(min-width:1000px) and (max-width:1239px){.brand-mark{width:30px;height:30px}.brand{gap:9px}}
@media(max-width:559px){.brand-mark{width:28px;height:28px}.brand{gap:8px}.brand .brand-name{font-size:15px !important}}
@media(min-width:1240px){.site-header .nav .nav-links{margin-left:40px !important}}
@media(min-width:1000px) and (max-width:1239px){.site-header .nav .nav-links{margin-left:22px !important}}
.case-hl{margin:8px 0 0;font-weight:600;color:var(--ink)}
.cases.cases-10{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
@media(max-width:1000px){.cases.cases-10{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:640px){.cases.cases-10{grid-template-columns:1fr !important}}
.faq-link-sec{padding:28px 0 !important;background:#fff}
.faq-link{margin:0;text-align:center;font-size:17px;color:var(--muted)}
.faq-link a{color:#bf5f08;font-weight:600;text-decoration:none;margin-left:6px}.faq-link a:hover{text-decoration:underline}
.ts-see-all{margin-top:6px}.ts-see-all .ts-all{text-decoration:none;display:inline-block}
@media(max-width:700px){.tb-in{gap:12px}.tb-in>a[href*="#process"]{display:none}}
/* Client logos: single auto-scrolling row */
#page-home .hero .clients{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
#page-home .hero .clients .clients-k{-webkit-mask-image:none}
#page-home .hero .clients ul.cl-roll{display:flex !important;grid-template-columns:none !important;flex-wrap:nowrap !important;gap:14px !important;width:max-content !important;animation:clroll 40s linear infinite;padding:4px 0 !important;margin:0 !important}
#page-home .hero .clients ul.cl-roll:hover{animation-play-state:paused}
#page-home .hero .clients ul.cl-roll li{flex:none !important;width:170px !important;height:76px !important}
@keyframes clroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){#page-home .hero .clients ul.cl-roll{animation:none;flex-wrap:wrap !important;width:auto !important}}
@media(max-width:600px){#page-home .hero .clients ul.cl-roll li{width:130px !important;height:62px !important}}
/* Logo roll v2: label left, logos in a calm grayscale strip */
#page-home .hero .clients{-webkit-mask-image:none !important;mask-image:none !important;display:grid !important;grid-template-columns:190px 1fr;align-items:center;gap:28px;padding:30px 0 !important;margin-top:0 !important;border-bottom:1px solid rgba(20,40,70,.08)}
#page-home .hero .clients .clients-k{margin:0 !important;font:600 12px/1.45 var(--font-body) !important;letter-spacing:.12em !important;text-transform:uppercase;color:var(--muted) !important}
#page-home .hero .clients .clients-k span{background:none !important;padding:0 !important}
#page-home .hero .clients .clients-k::after,#page-home .hero .clients .clients-k::before{display:none !important}
.cl-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
#page-home .hero .clients ul.cl-roll{gap:48px !important;align-items:center}
#page-home .hero .clients ul.cl-roll li{width:auto !important;height:44px !important;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;display:flex !important;align-items:center}
#page-home .hero .clients ul.cl-roll li img{height:26px !important;width:auto !important;max-width:130px !important;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .25s,opacity .25s}
#page-home .hero .clients ul.cl-roll li img:hover{filter:none;opacity:1}
@media(max-width:760px){#page-home .hero .clients{grid-template-columns:1fr;gap:14px;padding:22px 0 !important}}
#page-home section.hero .wrap .clients{display:grid !important;grid-template-columns:200px minmax(0,1fr) !important;gap:32px !important}
#page-home section.hero .wrap .clients .clients-k,#page-home section.hero .wrap .clients .clients-k span{white-space:normal !important;display:block !important;max-width:200px}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll li img{height:24px !important;max-height:24px !important;width:auto !important;max-width:120px !important}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll li{min-width:0 !important}
@media(max-width:760px){#page-home section.hero .wrap .clients{grid-template-columns:1fr !important;gap:12px !important}}
#page-home section.hero .wrap .clients .clients-k,#page-home section.hero .wrap .clients .clients-k span{text-align:left !important}
#page-home section.hero.hero-afry{padding-bottom:0 !important}
#page-home section.hero .wrap .clients{margin-bottom:0 !important;border-bottom:0}
/* Remote-IT India feature v2 */
.rf-grid{grid-template-columns:1.15fr .85fr !important;gap:64px !important}
.rf-img img{aspect-ratio:4/5 !important;object-position:45% 35% !important}
.rf-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 22px}
.rf-tile{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.rf-ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(224,123,18,.16);color:#f6a94a}
.rf-ic svg{width:20px;height:20px}
.rf-tile h3{margin:0 0 3px;font-size:15.5px;color:#fff !important}
.rf-tile p{margin:0;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.7)}
.rf-proof{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin:0 0 26px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.rf-proof span{font:600 11.5px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.rf-proof img{height:20px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.rf-copy .label{color:#f6a94a !important;opacity:1}
@media(max-width:900px){.rf-grid{grid-template-columns:1fr !important}.rf-img{order:-1}.rf-img img{aspect-ratio:16/10 !important}}
@media(max-width:520px){.rf-tiles{grid-template-columns:1fr}}
#page-home section.rf-section .rf-copy p.label{color:#f6a94a !important;opacity:1 !important}
/* Remote-IT India: light version */
#page-home>section.rf-section{background:#FAF7F2 !important}
#page-home section.rf-section .rf-copy h2{color:var(--ink) !important}
#page-home section.rf-section .rf-copy h2 .hl-text{color:#bf5f08 !important}
#page-home section.rf-section .rf-copy .lead{color:#34405a !important}
#page-home section.rf-section .rf-copy p.label{color:#bf5f08 !important}
#page-home section.rf-section .rf-tile{background:#fff;border:1px solid rgba(20,40,70,.08);box-shadow:0 12px 28px -24px rgba(20,40,70,.4)}
#page-home section.rf-section .rf-tile h3{color:var(--ink) !important}
#page-home section.rf-section .rf-tile p{color:var(--muted)}
#page-home section.rf-section .rf-ic{background:rgba(224,123,18,.14);color:#bf5f08}
#page-home section.rf-section .rf-proof{border-color:rgba(20,40,70,.1)}
#page-home section.rf-section .rf-proof span{color:var(--muted)}
#page-home section.rf-section .rf-proof img{filter:grayscale(1);opacity:.7}
#page-home section.rf-section .rf-cta .btn-ghost{color:var(--ink) !important;border:1px solid rgba(20,40,70,.3) !important;background:#fff !important}
#page-home section.rf-section .rf-cta .btn-ghost:hover{border-color:#e07b12 !important;color:#bf5f08 !important}
#page-home section.rf-section .rf-img{box-shadow:0 30px 60px -36px rgba(20,40,70,.45)}
#page-home section.rf-section .rf-copy h2{color:#0f4c75 !important}
#page-home section.rf-section .rf-copy .lead{color:#1d5a85 !important}
#page-home section.rf-section .rf-tile h3{color:#0f4c75 !important}
#page-home section.rf-section .rf-tile p{color:#47678a}
#page-home section.rf-section .rf-proof span{color:#47678a}
#page-home section.rf-section .rf-copy p.label{color:#1d5a85 !important}
#page-home section.rf-section .rf-copy h2 .hl-text{color:#0f5c8a !important}
/* Remote-IT India: same text styling as "How we can help you" */
#page-home section.rf-section .rf-copy p.label{color:var(--muted) !important}
#page-home section.rf-section .rf-copy h2{color:var(--ink) !important}
#page-home section.rf-section .rf-copy h2 .hl-text{color:var(--accent) !important}
#page-home section.rf-section .rf-copy .lead{color:var(--muted) !important}
#page-home section.rf-section .rf-tile h3{color:var(--ink) !important}
#page-home section.rf-section .rf-tile p,#page-home section.rf-section .rf-proof span{color:var(--muted) !important}
#page-home section.rf-section .rf-ic{background:rgba(15,92,138,.08) !important;color:#0f5c8a !important}
/* Footer v2: dark navy, clear columns */
.site-footer.ft2{background:#0c2036 !important;color:rgba(255,255,255,.75);padding:72px 0 28px !important;border:0 !important}
.ft2 a{color:rgba(255,255,255,.8);text-decoration:none}.ft2 a:hover{color:#f6a94a}
.ft2-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1)}
.ft2-logo{display:inline-flex;align-items:center;gap:12px;color:#fff !important}
.ft2-logo .brand-mark{width:36px;height:36px;color:#fff;--mark-bg:#0c2036}
.ft2-logo .brand-name{font-family:"Libre Franklin",var(--font-heading),sans-serif;letter-spacing:.06em;font-size:17px;color:#fff;white-space:nowrap}
.ft2-logo .brand-name b{font-weight:600}
.ft2-brand p{margin:16px 0 0;font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.65);max-width:34ch}
.ft2-actions{display:flex;align-items:center;gap:14px;margin-top:22px !important}
.ft2-actions .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important;padding:11px 18px !important;font-size:14.5px}
.ft2-actions .btn-primary:hover{background:#bf5f08 !important;color:#fff !important}
.ft2-social{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center}
.ft2-social svg{width:18px;height:18px;fill:currentColor}
.ft2-social:hover{border-color:#e07b12}
.ft2 h4{margin:4px 0 16px;font:600 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#f6a94a}
.ft2-col ul,.ft2-companies ul{list-style:none;margin:0;padding:0}
.ft2-col li{margin:0 0 11px;font-size:15px}
.ft2-addr{color:rgba(255,255,255,.6);line-height:1.6;font-size:14px !important;margin-top:16px !important}
.ft2-companies{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.ft2-companies ul{display:grid;grid-template-columns:repeat(5,auto);gap:10px 32px;justify-content:start}
.ft2-companies li{font-size:13px;line-height:1.55;color:rgba(255,255,255,.6);max-width:360px}
.ft2-c{display:block;font-weight:600;color:#fff;font-size:13.5px;margin-bottom:2px}
.ft2-companies li:first-child{max-width:320px}
.ft2-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:22px;font-size:13px;color:rgba(255,255,255,.5)}
.ft2-bottom .ft-flags{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 14px}
.ft2-bottom .ft-flags a{color:rgba(255,255,255,.65);font-size:13px}
@media(max-width:1000px){.ft2-top{grid-template-columns:1fr 1fr;gap:36px}.ft2-companies ul{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft2-top{grid-template-columns:1fr}.ft2-companies ul{grid-template-columns:1fr}.ft2-bottom .ft-flags{margin-left:0}}
.ft2-companies ul{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:18px 28px !important}
.ft2-companies li{display:flex;flex-direction:column;gap:3px;max-width:none !important;font-size:12.5px !important}
.ft2-companies li b{color:rgba(255,255,255,.92);font-weight:600;font-size:13px}
.ft2-companies li i{font-style:normal;color:rgba(255,255,255,.5)}
.ft2-companies li small{margin-top:4px;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.5)}
@media(max-width:1000px){.ft2-companies ul{grid-template-columns:1fr 1fr !important}}
@media(max-width:560px){.ft2-companies ul{grid-template-columns:1fr !important}}
/* Logo strip like co-workertech.com: light band, black logos, larger, no label */
#page-home section.hero .wrap .clients{display:block !important;position:relative;padding:34px 0 !important;border:0 !important}
#page-home section.hero .wrap .clients::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:#FAF7F2;z-index:-1}
#page-home section.hero .wrap .clients{isolation:isolate}
#page-home section.hero .wrap .clients .clients-k{display:none !important}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll{gap:72px !important}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll li{height:64px !important}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll li img{height:38px !important;max-height:38px !important;max-width:150px !important;filter:grayscale(1) brightness(0) !important;opacity:1 !important}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll li img:hover{filter:none !important}
@media(max-width:600px){#page-home section.hero .wrap .clients .cl-view ul.cl-roll{gap:44px !important}#page-home section.hero .wrap .clients .cl-view ul.cl-roll li img{height:28px !important;max-height:28px !important}}
#page-home section.hero .wrap .clients::before{display:none !important}
#page-home section.hero .wrap .clients{background:#FAF7F2 !important;border-radius:0 !important;box-shadow:0 0 0 100vmax #FAF7F2 !important;clip-path:inset(0 -100vmax) !important}
#page-home section.hero .wrap .clients .cl-view{-webkit-mask-image:none !important;mask-image:none !important}
#page-home section.hero .wrap .clients{padding:24px 0 !important}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll{gap:56px !important}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll li{height:44px !important}
#page-home section.hero .wrap .clients .cl-view ul.cl-roll li img{height:26px !important;max-height:26px !important;max-width:110px !important}
@media(max-width:600px){#page-home section.hero .wrap .clients .cl-view ul.cl-roll li img{height:22px !important;max-height:22px !important}}

/* Rich CTA (Johan + two buttons) on all pages */
html body main .cta-band.cta-rich{background:#fff !important;border:1px solid var(--line) !important;border-radius:24px !important;padding:0 !important;overflow:hidden;display:grid !important;grid-template-columns:1.25fr .75fr;gap:0 !important;align-items:stretch !important;box-shadow:0 40px 80px -40px rgba(15,92,138,.35),0 2px 8px rgba(11,21,48,.04) !important}
html body main .cta-rich .cta-copy{padding:52px 56px;max-width:none}
html body main .cta-band.cta-rich h2{font-size:clamp(32px,3.8vw,48px) !important;color:var(--ink) !important}
html body main .cta-band.cta-rich p{color:var(--muted) !important}
html body main .cta-rich .cta-kicker{color:var(--accent) !important}
html body main .cta-band.cta-rich .hl-text{color:var(--accent) !important}
html body main .cta-rich .cta-side{background:var(--accent);padding:44px 40px;align-content:center;gap:24px;position:relative;align-self:stretch;display:grid;justify-items:start}
html body main .cta-rich .cta-side::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}
html body main .cta-rich .cta-side>*{position:relative}
html body main .cta-rich .cta-person b{color:#fff !important}
html body main .cta-rich .cta-person span{color:rgba(255,255,255,.85) !important}
html body main .cta-rich .cta-photo{border:3px solid #fff !important}
html body main .cta-band.cta-rich .btn-light{background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.6) !important}
html body main .cta-band.cta-rich .btn-light:hover{background:rgba(255,255,255,.12) !important;border-color:#fff !important}
html body main .cta-band.cta-rich,.cta-band{background:var(--ink) !important;border:0 !important;box-shadow:none !important;border-radius:16px !important}
html body main .cta-band.cta-rich h2,.cta-band h2{color:#fff !important}
html body main .cta-band.cta-rich p,.cta-band p{color:#c3cad8 !important}
html body main .cta-band.cta-rich .hl-text,.cta-band .hl-text{color:#5fd0b6 !important}
html body main .cta-rich .cta-kicker,.cta-kicker{color:#8fa0bd !important}
html body main .cta-rich .cta-side{background:transparent !important;border-left:1px solid rgba(255,255,255,.12)}
html body main .cta-rich .cta-side::before{display:none}
html body main .cta-band.cta-rich .btn-primary,.cta-band .btn-primary{background:#fff !important;color:var(--ink) !important}
html body main .cta-band.cta-rich,.cta-band{background:linear-gradient(135deg,#2b4a63 0%,#335a73 100%) !important}
html body main .cta-band.cta-rich,.cta-band{background:#22344d !important}
html body main .cta-band.cta-rich .hl-text,.cta-band .hl-text,.cta-band .hl-text.hl-blue{color:#ffffff !important}
html body main .cta-band.cta-rich,.cta-band{background:#1d3557 !important}
/* equal-height testimonial cards, names aligned at bottom */
.ts-grid{align-items:stretch !important}
.ts-grid .ts-card{height:100%}
.ts-grid .ts-card figcaption{margin-top:auto}
/* Home testimonials – featured layout */
@media(min-width:901px){
html body #page-home .ts-section .ts-grid{grid-template-columns:1.15fr 1fr !important;grid-template-rows:auto auto;gap:22px}
#page-home .ts-section .ts-card:nth-child(3){order:-1;grid-row:span 2;background:#0f2742;border:0;padding:44px 44px 36px;justify-content:space-between}
}
#page-home .ts-section .ts-card:nth-child(3)::before{content:"\201C";font-size:120px;top:18px;right:34px;opacity:.9;color:#e07b12}
#page-home .ts-section .ts-card:nth-child(3) .ts-tag{background:rgba(255,255,255,.1);color:#fff;align-self:flex-start}
#page-home .ts-section .ts-card:nth-child(3) blockquote p{font-size:clamp(20px,1.9vw,26px);line-height:1.5;color:#fff;font-weight:400;letter-spacing:-.005em;-webkit-line-clamp:unset}
#page-home .ts-section .ts-card:nth-child(3) figcaption{border-top-color:rgba(255,255,255,.15)}
#page-home .ts-section .ts-card:nth-child(3) figcaption b{color:#fff;font-size:17px}
#page-home .ts-section .ts-card:nth-child(3) figcaption span{color:#f6a94a}
#page-home .ts-section .ts-card:nth-child(-n+2) blockquote p{-webkit-line-clamp:4}
#page-home .ts-section .ts-card:nth-child(-n+2){padding:24px 26px 20px}
#page-home .ts-section .ts-card figcaption span{font-weight:500}
#page-home .ts-section .ts-more,#page-home .ts-section .ts-all{margin-top:30px}
/* footer country maps */
.ft2-c{display:flex !important;align-items:center;gap:9px}
.ft2-map{width:26px;height:26px;flex:none;fill:#e07b12;opacity:.9}
.intl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.intl-list li{background:#fff;border:1px solid rgba(20,40,70,.08);border-radius:12px;padding:14px 16px 14px 44px;position:relative;font-weight:500;color:var(--ink);font-size:15px}
.intl-list li::before{content:"";position:absolute;left:16px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#e07b12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/10px no-repeat}
@media(max-width:700px){.intl-list{grid-template-columns:1fr}}
/* consultants: intro above, three equal service cards */
#page-svcpage .xp-grid.xp-flip{display:flex !important;flex-direction:column;gap:32px}
#page-svcpage .xp-grid.xp-flip .xp-intro{order:-1;max-width:720px}
#page-svcpage .xp-tiles.svc3{display:grid !important;grid-template-columns:repeat(3,1fr);gap:20px}
#page-svcpage .xp-tiles.svc3 .xp{height:100%;grid-column:auto !important}
@media(max-width:900px){#page-svcpage .xp-tiles.svc3{grid-template-columns:1fr}}
/* vendor management: engagement model cards full width */
.cm-section .lp-text{max-width:none}
#page-svcpage .xp-tiles.svc3{grid-template-columns:repeat(3,1fr) !important}@media(max-width:900px){#page-svcpage .xp-tiles.svc3{grid-template-columns:1fr !important}}
/* smaller "Delivered to" row */
#page-home section.rf-section .rf-proof{gap:18px;padding:10px 0;margin-bottom:22px}
#page-home section.rf-section .rf-proof span{font-size:10px}
#page-home section.rf-section .rf-proof img{height:13px}
/* expertise areas v2: clean tiles */
.exp-areas{background:#FAF7F2 !important;border:1px solid rgba(20,40,70,.06);border-radius:18px !important;padding:28px !important}
.exp-areas .exp-k{color:#5b6578 !important;font-size:11.5px !important;letter-spacing:.16em !important;margin-bottom:16px !important}
.exp-areas .ex-chips{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important}
.exp-areas .ex-chips li{display:block !important;margin:0 !important;padding:0 !important;background:none !important}
.exp-areas .ex-chips li::before,.exp-areas .ex-chips li+li::before{display:none !important;content:none !important}
.exp-areas .ex-chips a{display:flex !important;align-items:center;gap:10px;height:100%;min-height:46px;box-sizing:border-box;background:#fff !important;border:1px solid rgba(20,40,70,.08) !important;border-radius:10px !important;padding:10px 14px !important;font:500 14px/1.3 var(--font-body) !important;color:var(--ink) !important;box-shadow:0 6px 16px -14px rgba(20,40,70,.5) !important;transition:border-color .2s,transform .2s,color .2s}
.exp-areas .ex-chips a::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#e07b12}
.exp-areas .ex-chips a::after{content:"→";margin-left:auto;color:#e07b12;opacity:0;transform:translateX(-4px);transition:.2s}
.exp-areas .ex-chips a:hover{border-color:rgba(224,123,18,.55) !important;color:#0f2742 !important;transform:translateY(-1px)}
.exp-areas .ex-chips a:hover::after{opacity:1;transform:none}
.exp-areas .ex-chips li:last-child:nth-child(odd){grid-column:1/-1}
.exp-areas .exp-note{margin-top:18px !important;font-size:13px !important;line-height:1.55}
@media(max-width:560px){.exp-areas .ex-chips{grid-template-columns:1fr !important}}
/* hero: lighter navy overlay (same colour, lower opacity) */
section.hero.hero-afry>.hx-photo::after{background:linear-gradient(90deg,rgba(9,22,40,.58) 0%,rgba(9,22,40,.36) 42%,rgba(9,22,40,.05) 75%,rgba(9,22,40,0) 100%),linear-gradient(0deg,rgba(9,22,40,.28) 0%,rgba(9,22,40,0) 30%) !important}
@media(max-width:900px){section.hero.hero-afry>.hx-photo::after{background:linear-gradient(0deg,rgba(9,22,40,.78) 0%,rgba(9,22,40,.55) 60%,rgba(9,22,40,.3) 100%) !important}}
section.hero.hero-afry>.hx-photo::after{background:linear-gradient(90deg,rgba(9,22,40,.45) 0%,rgba(9,22,40,.24) 42%,rgba(9,22,40,0) 72%),linear-gradient(0deg,rgba(9,22,40,.22) 0%,rgba(9,22,40,0) 30%) !important}
@media(max-width:900px){section.hero.hero-afry>.hx-photo::after{background:linear-gradient(0deg,rgba(9,22,40,.6) 0%,rgba(9,22,40,.38) 60%,rgba(9,22,40,.18) 100%) !important}}
/* ===== Photos in running text ===== */
.photo-strip,.in-photo,.side-photo{margin:0;overflow:hidden;border-radius:18px;background:#e6ebf0;box-shadow:0 24px 50px -36px rgba(15,39,66,.55)}
.photo-strip img,.in-photo img,.side-photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-strip{aspect-ratio:21/8;margin:8px 0 36px}
.in-photo{aspect-ratio:16/9;margin:22px 0 4px}
.side-photo{aspect-ratio:4/5;max-height:560px;align-self:start}
#page-svcpage .xp-grid.xp-flip .xp-photo{order:-1;margin:0}
@media(max-width:700px){.photo-strip{aspect-ratio:16/9;margin-bottom:26px}}
/* expertise areas photo grid */
.areas-sec{background:#FAF7F2}
.area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.area-card{position:relative;display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#0f2742;text-decoration:none;box-shadow:0 18px 40px -32px rgba(15,39,66,.6)}
.area-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.area-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,22,40,.82) 0%,rgba(9,22,40,.25) 55%,rgba(9,22,40,0) 100%)}
.area-card span{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;color:#fff;font:600 15.5px/1.3 var(--font-body);display:flex;align-items:center;gap:8px}
.area-card span::before{content:"";width:14px;height:2px;background:#e07b12;flex:none}
.area-card:hover img{transform:scale(1.05)}
.area-card:nth-child(1),.area-card:nth-child(10){grid-column:span 2;aspect-ratio:auto}
@media(max-width:1000px){.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-card:nth-child(1),.area-card:nth-child(10){grid-column:auto;aspect-ratio:4/3}}
@media(max-width:520px){.area-grid{grid-template-columns:1fr}}
.area-card:nth-child(10){grid-column:auto;aspect-ratio:4/3}
.side-photo{aspect-ratio:4/3}
/* harmonise photo colours: slightly calmer, cooler and consistent */
.photo-strip img,.in-photo img,.side-photo img,.area-card img{filter:saturate(.88) contrast(1.03) brightness(1.02)}
/* EOR: Stockholm photo as page head background */
.page-head.eor-head::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.7) 42%,rgba(15,39,66,.3) 72%,rgba(15,39,66,.1) 100%),url(/img/stockholm.jpg) 60% 55%/cover no-repeat !important}
/* user-supplied photos: focal points + VM page head */
.photo-strip img.pos-top{object-position:50% 22%}
.photo-strip img.pos-bottom{object-position:50% 78%}
.area-card img[src*="telecom-tower"]{object-position:50% 40%}
.page-head.vm-head::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.72) 45%,rgba(15,39,66,.35) 75%,rgba(15,39,66,.15) 100%),url(/img/architecture-abstract.jpg) 50% 45%/cover no-repeat !important}

/* subpage heads: page-specific photos (replace wind turbines) */
.page-head.ph-recruitment::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.74) 45%,rgba(15,39,66,.38) 75%,rgba(15,39,66,.18) 100%),url(/img/engineer-laptop.jpg) 50% 40%/cover no-repeat !important}
.page-head.ph-consultants::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.74) 45%,rgba(15,39,66,.38) 75%,rgba(15,39,66,.18) 100%),url(/img/radar-tower.jpg) 60% 40%/cover no-repeat !important}
.page-head.ph-remote-india::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.74) 45%,rgba(15,39,66,.38) 75%,rgba(15,39,66,.18) 100%),url(/img/telecom-tower.jpg) 50% 35%/cover no-repeat !important}
.page-head.ph-about::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.74) 45%,rgba(15,39,66,.38) 75%,rgba(15,39,66,.18) 100%),url(/img/airport.jpg) 50% 50%/cover no-repeat !important}
.page-head.ph-careers::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.74) 45%,rgba(15,39,66,.38) 75%,rgba(15,39,66,.18) 100%),url(/img/nordic-field.jpg) 50% 70%/cover no-repeat !important}
.page-head.ph-contact::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.74) 45%,rgba(15,39,66,.38) 75%,rgba(15,39,66,.18) 100%),url(/img/office-silhouettes.jpg) 50% 45%/cover no-repeat !important}
.page-head.ph-privacy-policy::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.74) 45%,rgba(15,39,66,.38) 75%,rgba(15,39,66,.18) 100%),url(/img/architecture-abstract.jpg) 50% 45%/cover no-repeat !important}
.page-head.ph-recruitment::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.66) 45%,rgba(15,39,66,.3) 75%,rgba(15,39,66,.12) 100%),url(/img/office-silhouettes.jpg) 50% 45%/cover no-repeat !important}
.page-head.ph-contact::before{background:linear-gradient(90deg,rgba(12,32,54,.9) 0%,rgba(15,39,66,.72) 45%,rgba(15,39,66,.35) 75%,rgba(15,39,66,.15) 100%),url(/img/architecture-abstract.jpg) 50% 45%/cover no-repeat !important}
section.hero.hero-afry .hxp-wind{filter:saturate(.78) hue-rotate(8deg) brightness(.98)}
#page-home .sv-photo{aspect-ratio:21/7;margin:6px 0 28px}
#page-home .sv-photo img{object-position:50% 24%}
.ca-photo img[src*="engineer-vest"]{object-position:50% 22%}
#page-home .sv-photo img{object-position:50% 40% !important}

/* lighter overlays on subpage head photos */
.page-head.ph-recruitment::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/office-silhouettes.jpg) 50% 45%/cover no-repeat !important}
.page-head.ph-consultants::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/radar-tower.jpg) 60% 40%/cover no-repeat !important}
.page-head.ph-remote-india::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/telecom-tower.jpg) 50% 35%/cover no-repeat !important}
.page-head.ph-about::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/airport.jpg) 50% 50%/cover no-repeat !important}
.page-head.ph-careers::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/nordic-field.jpg) 50% 70%/cover no-repeat !important}
.page-head.ph-contact::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/architecture-abstract.jpg) 50% 45%/cover no-repeat !important}
.page-head.ph-privacy-policy::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/architecture-abstract.jpg) 50% 45%/cover no-repeat !important}
.page-head.vm-head::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/architecture-abstract.jpg) 50% 45%/cover no-repeat !important}
.page-head.eor-head::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/stockholm.jpg) 60% 55%/cover no-repeat !important}
.page-head h1,.page-head .lead,.page-head .crumbs{text-shadow:0 1px 14px rgba(8,20,36,.45)}
/* Light, warm palette (inspired by soft off-white + sand tones) */
:root{--bg:#ffffff}
body{background:#ffffff}
#page-home>section.ts-section{background:#FAF7F2 !important}
#page-home>section.sv-section,#page-home>section.home-cases{background:#ffffff !important}
.areas-sec{background:#FAF7F2 !important}
.faq-sec.soft-band,.soft-band.faq-sec{background:#FAF7F2}
/* Typography trial: Nunito Sans (body) + Manrope (headings) */
:root{--font-body:"Nunito Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;--font-heading:"Manrope",Inter,system-ui,sans-serif !important;--font-label:"Nunito Sans",Inter,system-ui,sans-serif !important}
body{font-family:var(--font-body)}
h1,h2,h3,h4,.hx-slide h1,.hx-slide h2,.stats .v{font-family:var(--font-heading)}
/* stats band without icons */
.hero-afry .stats .st-ic{display:none !important}
.hero-afry .stats .stat{padding-left:0 !important;gap:0 !important}
/* featured testimonial: light instead of navy */
#page-home .ts-section .ts-card:nth-child(3){background:#fff !important;border:1px solid rgba(20,40,70,.08) !important;border-top:4px solid #e07b12 !important}
#page-home .ts-section .ts-card:nth-child(3) blockquote p{color:#0f2742 !important}
#page-home .ts-section .ts-card:nth-child(3) .ts-tag{background:rgba(15,92,138,.08) !important;color:#0f2742 !important}
#page-home .ts-section .ts-card:nth-child(3) figcaption{border-top-color:rgba(20,40,70,.1) !important}
#page-home .ts-section .ts-card:nth-child(3) figcaption b{color:#0f2742 !important}
#page-home .ts-section .ts-card:nth-child(3) figcaption span{color:#bf5f08 !important}
/* ===== CTA "Let's talk" – light, clean version ===== */
html body main#main .cta-band.cta-rich{background:#FAF7F2 !important;background-image:none !important;color:#0f2742 !important;border:1px solid rgba(20,40,70,.08) !important;box-shadow:0 24px 50px -40px rgba(15,39,66,.45) !important;border-radius:22px !important}
html body main#main .cta-band.cta-rich::before,html body main#main .cta-band.cta-rich::after{display:none !important}
html body main#main .cta-band.cta-rich .cta-k{color:#bf5f08 !important}
html body main#main .cta-band.cta-rich h2,html body main#main .cta-band.cta-rich h2 .hl-text{color:#0f2742 !important;font-weight:600 !important}
html body main#main .cta-band.cta-rich .cta-copy p:not(.cta-k){color:#4a5670 !important}
html body main#main .cta-band.cta-rich .cta-side{border-left:1px solid rgba(20,40,70,.1) !important;background:transparent !important}
html body main#main .cta-band.cta-rich .cta-person b{color:#0f2742 !important}
html body main#main .cta-band.cta-rich .cta-person span{color:#5b6578 !important}
html body main#main .cta-band.cta-rich .cta-photo{border:3px solid #fff !important;box-shadow:0 6px 18px -8px rgba(15,39,66,.4)}
html body main#main .cta-band.cta-rich .btn-primary{background:#e07b12 !important;color:#fff !important;border-color:#e07b12 !important}
html body main#main .cta-band.cta-rich .btn-light{background:#fff !important;color:#0f2742 !important;border:1px solid rgba(20,40,70,.18) !important}
@media(max-width:900px){html body main#main .cta-band.cta-rich .cta-side{border-left:0 !important;border-top:1px solid rgba(20,40,70,.1) !important}}
.ft2-flag{display:inline-block;width:24px;height:16px;flex:none;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.ft2-flag svg{display:block;width:100%;height:100%}

/* recruitment head: bright office; consultants: radar tower further right */
.page-head.ph-recruitment::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/rec-head.jpg) 50% 35%/cover no-repeat !important}
.page-head.ph-consultants::before{background:linear-gradient(90deg,rgba(12,32,54,.72) 0%,rgba(15,39,66,.5) 40%,rgba(15,39,66,.18) 70%,rgba(15,39,66,0) 100%),url(/img/radar-tower.jpg) right -4vw top 30%/auto 190% no-repeat,linear-gradient(180deg,#003e5a 0%,#015f88 100%) !important}

/* consultants & remote heads: whole tower visible, on the right, room for text */
.page-head.ph-consultants::before{background:linear-gradient(90deg,rgba(12,32,54,.6) 0%,rgba(15,39,66,.35) 40%,rgba(15,39,66,.08) 65%,rgba(15,39,66,0) 100%),url(/img/radar-tower-wide.jpg) right center/cover no-repeat,#04679a !important}
.page-head.ph-remote-india::before{background:linear-gradient(90deg,rgba(12,32,54,.6) 0%,rgba(15,39,66,.35) 40%,rgba(15,39,66,.08) 65%,rgba(15,39,66,0) 100%),url(/img/telecom-tower-wide.jpg) right center/cover no-repeat,#8fd0e8 !important}
@media(max-width:800px){.page-head.ph-consultants::before,.page-head.ph-remote-india::before{background-position:0 0,82% center !important}}

.page-head.ph-consultants::before{background:linear-gradient(90deg,rgba(12,32,54,.6) 0%,rgba(15,39,66,.35) 40%,rgba(15,39,66,.08) 65%,rgba(15,39,66,0) 100%),url(/img/radar-tower-wide.jpg) right bottom/auto 92% no-repeat,linear-gradient(180deg,#006591 0%,#0277a2 25%,#017ca8 50%,#047fa8 100%) !important}
.page-head.ph-remote-india::before{background:linear-gradient(90deg,rgba(12,32,54,.6) 0%,rgba(15,39,66,.35) 40%,rgba(15,39,66,.08) 65%,rgba(15,39,66,0) 100%),url(/img/telecom-tower-wide.jpg) right bottom/auto 92% no-repeat,linear-gradient(180deg,#96d3e5 0%,#81cbe4 25%,#87d2e9 50%,#7ed0e8 75%,#90d7e9 100%) !important}
@media(max-width:800px){.page-head.ph-consultants::before,.page-head.ph-remote-india::before{background-position:0 0,80% center,0 0 !important;background-size:auto,cover,auto !important}}
/* Home: "Se alla kundcase" – flytta ner under korten, ingen understrykning */
.home-cases .ts-all-wrap{margin:40px 0 8px}
.home-cases .ts-all{display:inline-block;text-decoration:none}
/* VM head: shift abstract image to the left */
.page-head.vm-head::before{background-size:auto,150% auto !important;background-position:0 0,100% 45% !important}
/* narrow screens: keep towers at the far right, behind less text */
@media(max-width:800px){.page-head.ph-consultants::before,.page-head.ph-remote-india::before{background-size:auto,auto 92%,auto !important;background-position:0 0,right -140px bottom,0 0 !important}}
/* AD pass: stronger left overlay where photo is light/busy */
.page-head.ph-about::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.66) 38%,rgba(15,39,66,.25) 68%,rgba(15,39,66,.05) 100%),url(/img/airport.jpg) 50% 62%/cover no-repeat !important}
.page-head.eor-head::before{background:linear-gradient(90deg,rgba(12,32,54,.82) 0%,rgba(15,39,66,.6) 38%,rgba(15,39,66,.15) 66%,rgba(15,39,66,0) 100%),url(/img/stockholm.jpg) 70% 58%/cover no-repeat !important}
.page-head.ph-careers::before{background:linear-gradient(90deg,rgba(12,32,54,.66) 0%,rgba(15,39,66,.42) 40%,rgba(15,39,66,.1) 70%,rgba(15,39,66,0) 100%),url(/img/nordic-field.jpg) 50% 62%/cover no-repeat !important}

.page-head.ph-about::before{background:linear-gradient(90deg,rgba(12,32,54,.62) 0%,rgba(15,39,66,.38) 40%,rgba(15,39,66,.08) 70%,rgba(15,39,66,0) 100%),url(/img/about-head.jpg?v=2) 70% 50%/cover no-repeat,#2f8fd6 !important}

/* About head: plane to the right of the text */
.page-head.ph-about::before{background:linear-gradient(90deg,rgba(12,32,54,.6) 0%,rgba(15,39,66,.34) 40%,rgba(15,39,66,.06) 70%,rgba(15,39,66,0) 100%),url(/img/about-head.jpg?v=2) left 30vw top -12vw/150vw auto no-repeat,linear-gradient(180deg,#3eaed4 0%,#62b8d8 30%,#79bfd9 60%,#9cc6d8 100%) !important}
@media(max-width:800px){.page-head.ph-about::before{background-size:auto,cover,auto !important;background-position:0 0,60% 30%,0 0 !important}}
.photo-strip img.pos-mid{object-position:50% 50%}
.page-head.ph-about::before{background:linear-gradient(90deg,rgba(12,32,54,.6) 0%,rgba(15,39,66,.34) 40%,rgba(15,39,66,.06) 70%,rgba(15,39,66,0) 100%),linear-gradient(90deg,rgba(105,185,215,1) 0%,rgba(105,185,215,1) 44vw,rgba(105,185,215,0) 54vw),url(/img/about-head.jpg?v=2) left 40vw top -6vw/95vw auto no-repeat,linear-gradient(180deg,#3eaed4 0%,#6dbbd9 50%,#9cc6d8 100%) !important}
@media(max-width:800px){.page-head.ph-about::before{background:linear-gradient(90deg,rgba(12,32,54,.6),rgba(15,39,66,.2)),url(/img/about-head.jpg?v=2) 30% 30%/cover no-repeat !important}}


.photo-sec{padding:0 0 56px}.photo-sec .photo-strip{margin:0}
/* Desktop: two-row header – logo row, menu row underneath */
@media(min-width:1000px){
 html body .site-header .nav{flex-wrap:wrap !important;height:auto !important;min-height:0 !important;row-gap:0;padding-top:14px !important;padding-bottom:0 !important;align-items:center}
 html body .site-header .brand{order:1}
 html body .site-header .nav-search{order:2;margin-left:auto !important}
 html body .site-header .nav-right{order:3;margin-left:12px !important}
 html body .site-header .nav .nav-links{order:4;flex-basis:100%;display:flex !important;justify-content:flex-start !important;gap:4px !important;margin:12px 0 0 !important;padding:2px 0 !important;border-top:1px solid var(--line)}
 html body .site-header .nav .nav-links>li>a{font-size:15px !important;padding:12px 14px !important}
 html body .site-header .nav .nav-links>li:first-child>a{padding-left:0 !important}
 html body .site-header .brand-name{font-size:19px !important}
}
@media(min-width:1000px){html body section.hero.hero-afry>.wrap.hero-grid{min-height:calc(100svh - 150px - 112px) !important}}
/* ===== Brother's structure (v11) ===== */
.hx-usps{list-style:none;margin:6px 0 22px;padding:0;display:grid;gap:10px}
.hx-usps li{display:flex;align-items:center;gap:12px;color:#fff;font-size:17px;font-weight:500;text-shadow:0 1px 10px rgba(0,0,0,.25)}
.hx-usps li span{flex:none;width:34px;height:34px;border-radius:10px;background:rgba(224,123,18,.92);display:grid;place-items:center}
.hx-usps li svg{width:18px;height:18px;stroke:#fff}
.nb-intro{padding:96px 0;background:#ffffff}
.nb-intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}
.nb-intro-copy h2{font-size:clamp(32px,3.6vw,46px);line-height:1.1;margin:8px 0 18px}
.nb-intro-copy .nb-lead{font-size:19px;font-weight:600;color:var(--ink);line-height:1.5;margin:0 0 14px}
.nb-intro-copy p{color:var(--muted);line-height:1.7}
.nb-feats{display:grid;gap:16px}
.nb-feat{display:flex;gap:16px;background:#fff;border:1px solid rgba(20,40,70,.08);border-radius:16px;padding:22px 22px;box-shadow:0 16px 36px -30px rgba(20,40,70,.45)}
.nb-feat h3{margin:2px 0 6px;font-size:18px}
.nb-feat p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.nb-ic{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(224,123,18,.12);color:#bf5f08;display:grid;place-items:center}
.nb-ic svg{width:22px;height:22px}
#page-home .sv-grid.sv6{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.nb-ind{padding:88px 0;background:#FAF7F2}
.nb-ind-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.nb-ind-grid .area-card:nth-child(1){grid-column:span 2;aspect-ratio:auto}
.nb-ind-grid .area-card:nth-child(10){grid-column:auto}
.nb-world{padding:88px 0;background:#fff}
.nb-world-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.nb-world h2{font-size:clamp(30px,3.2vw,42px);line-height:1.12;margin:8px 0 16px}
.nb-world p{color:var(--muted);line-height:1.7}
.nb-flags-k{font-size:12px !important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#5b6578 !important;margin:0 0 14px}
.nb-flags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nb-flags li{display:flex;align-items:center;gap:10px;background:#FAF7F2;border-radius:10px;padding:10px 12px;font-size:14.5px;font-weight:500;color:var(--ink)}
.nb-flags img{width:24px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
.nb-scen{padding:88px 0;background:#FAF7F2}
.nb-scen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nb-sc{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(20,40,70,.08);border-radius:16px;padding:24px;text-decoration:none;box-shadow:0 16px 36px -30px rgba(20,40,70,.45);transition:transform .2s,border-color .2s}
.nb-sc:hover{transform:translateY(-2px);border-color:rgba(224,123,18,.5)}
.nb-sc h3{font-size:18px;line-height:1.3;margin:0 0 10px;color:var(--ink)}
.nb-sc p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 16px;flex:1}
.nb-sc-go{font-weight:700;font-size:14px;color:#bf5f08}
@media(max-width:1000px){.nb-intro-grid,.nb-world-grid{grid-template-columns:1fr;gap:32px}.nb-scen-grid,#page-home .sv-grid.sv6{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.nb-ind-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.nb-flags{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.nb-scen-grid,#page-home .sv-grid.sv6,.nb-ind-grid{grid-template-columns:1fr !important}.nb-ind-grid .area-card:nth-child(1){grid-column:auto;aspect-ratio:4/3}.nb-flags{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nb-ind-grid .area-card{aspect-ratio:auto !important;height:230px}
.nb-ind-grid .area-card:nth-child(1){grid-column:span 2}
.nb-sc-go i{font-style:normal}
@media(max-width:600px){.nb-ind-grid .area-card{height:200px}.nb-ind-grid .area-card:nth-child(1){grid-column:auto}}
/* hero h1 – three lines, orange keywords */
.hero-afry h1.h1-3 span{display:block;font-weight:600 !important;color:#fff}
.hero-afry h1.h1-3 b{color:#f6a94a;font-weight:700}
/* About – how we work + band */
.ab-how{padding:88px 0;background:#ffffff}
.ab-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ab-hc{background:#fff;border:1px solid rgba(20,40,70,.08);border-radius:16px;padding:24px;box-shadow:0 16px 36px -30px rgba(20,40,70,.45)}
.ab-hn{font:700 13px var(--font-heading);color:#bf5f08;letter-spacing:.06em}
.ab-hc h3{font-size:18px;margin:8px 0 8px}
.ab-hc p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted)}
.ab-band{background:#0f2742;padding:84px 0;color:#fff}
.ab-band h2{color:#fff;font-size:clamp(30px,3.6vw,46px);line-height:1.1;margin:0 0 16px;max-width:900px}
.ab-band h2 span{color:#f6a94a}
.ab-band p{color:rgba(255,255,255,.82);font-size:18px;line-height:1.65;max-width:820px;margin:0}
@media(max-width:1000px){.ab-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ab-how-grid{grid-template-columns:1fr}}

/* Om oss – omgjord (nov 2026): mörk hero, "Så arbetar vi"-kort, mörkt avslut */
.abx-hero,.abx-easy{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,#1d3a5f 0%,#0b1530 55%,#070e22 100%);color:#fff}
.abx-hero::before,.abx-easy::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(100deg,#000 0%,transparent 70%);mask-image:linear-gradient(100deg,#000 0%,transparent 70%);pointer-events:none}
.abx-hero>.wrap,.abx-easy>.wrap{position:relative}
.abx-hero{padding:88px 0 96px}
.abx-hero .crumbs,.abx-hero .crumbs a{color:rgba(255,255,255,.7)}
.abx-hero h1{color:#fff;font-size:clamp(36px,5.4vw,64px);line-height:1.08;letter-spacing:-.015em;margin:20px 0 22px;max-width:14em}
.abx-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:rgba(255,255,255,.85);max-width:38em}
.abx-how{padding:96px 0}
.abx-h2{font-size:clamp(34px,4.4vw,54px);letter-spacing:-.015em;margin-bottom:48px}
.abx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.abx-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:36px 40px;box-shadow:0 18px 36px -24px rgba(11,21,48,.28)}
.abx-card h3{font-size:21px;margin-bottom:12px;color:var(--ink)}
.abx-card p{color:#33405a;font-size:16.5px;line-height:1.7}
.abx-easy{padding:110px 0}
.abx-easy h2{color:#fff;font-size:clamp(32px,4.6vw,58px);line-height:1.1;letter-spacing:-.015em;max-width:16em}
.abx-easy p{color:rgba(255,255,255,.85);font-size:18px;line-height:1.65;max-width:44em;margin-top:22px}
.abx-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px !important}
.abx-easy .btn-primary{background:#fff !important;color:var(--ink) !important}
.btn-ghost-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.btn-ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.06)}
@media (max-width:760px){.abx-grid{grid-template-columns:1fr}.abx-card{padding:28px 24px}.abx-hero{padding:64px 0 72px}.abx-how{padding:72px 0}.abx-easy{padding:80px 0}}
#page-about > section.abx-hero,#page-about > section.abx-easy{background:radial-gradient(120% 140% at 0% 0%,#1d3a5f 0%,#0b1530 55%,#070e22 100%) !important}
#page-about > section.abx-how{background:var(--bg) !important}
#page-about .abx-hero h1,#page-about .abx-easy h2,#page-about .abx-h2{font-weight:700 !important;letter-spacing:-.02em !important}
#page-about .abx-card h3{font-weight:700 !important}
#page-about .abx-easy h2{font-size:clamp(32px,4.6vw,56px) !important;line-height:1.1 !important;max-width:18em}
#page-about .abx-h2{font-size:clamp(34px,4.4vw,52px) !important}
@media (max-width:480px){#page-about .abx-hero h1{font-size:31px;hyphens:auto;overflow-wrap:anywhere}}
/* Header v11 (Johan): one row – logo | Om oss · Våra tjänster · Karriär · Kontakt oss | language · search */
@media(min-width:1000px){
 html body .site-header .nav{flex-wrap:nowrap !important;height:84px !important;padding:0 !important;align-items:center}
 html body .site-header .nav .nav-links{order:2;flex-basis:auto;margin:0 0 0 auto !important;padding:0 !important;border-top:0 !important;gap:6px !important}
 html body .site-header .nav .nav-links>li>a{font-size:15.5px !important;font-weight:500;padding:10px 14px !important}
 html body .site-header .nav .nav-links>li:first-child>a{padding-left:14px !important}
 html body .site-header .nav .lang-dd{order:3;display:block !important;margin:0 4px 0 18px !important}
 html body .site-header .nav-search{order:4;margin-left:6px !important}
 html body .site-header .nav-right{order:5;margin-left:0 !important}
 html body .site-header .nav-contact{display:none !important}
 html body section.hero.hero-afry>.wrap.hero-grid{min-height:calc(100svh - 84px - 112px) !important}
}
.site-header .topbar{display:none !important}
.nav .lang-dd summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink)}
.nav .lang-dd summary::-webkit-details-marker{display:none}
.nav .lang-dd{position:relative}
.nav .lang-dd .lang-list{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -20px rgba(15,39,66,.35);padding:6px;z-index:60;min-width:160px}
/* Hero v11b: Johan's industrial robot photo with dark teal overlay */
.hxp-robot{object-position:70% 45%;filter:saturate(.85) brightness(.9)}
section.hero.hero-afry>.hx-photo:has(.hxp-robot)::after{background:linear-gradient(90deg,rgba(6,28,38,.9) 0%,rgba(6,32,44,.74) 45%,rgba(6,32,44,.35) 78%,rgba(6,32,44,.2) 100%),linear-gradient(0deg,rgba(6,28,38,.5) 0%,rgba(6,28,38,0) 35%)}
/* ===== Services overview v11 (Johan) ===== */
.page-head.ph-services::before{background:linear-gradient(90deg,rgba(12,32,54,.78) 0%,rgba(15,39,66,.55) 42%,rgba(15,39,66,.2) 72%,rgba(15,39,66,0) 100%),url(/img/engineers-meeting.jpg) right 35%/cover no-repeat,#0f2742 !important}
.sx-logos{padding:28px 0 8px !important}
.sx-sec{padding:72px 0}
.sx-sub{max-width:680px;color:var(--muted,#5b6675);margin-top:10px}
.sx-ic{display:inline-flex;width:44px;height:44px;border-radius:12px;background:#eef4f8;color:#0f5c8a;align-items:center;justify-content:center;margin-bottom:14px}
.sx-ic svg{width:22px;height:22px}
.sx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.sx-svc{display:flex;flex-direction:column;background:#fff;border:1px solid #e7e4dc;border-radius:16px;padding:26px;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.sx-svc:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,39,66,.1);border-color:#d6dde4}
.sx-svc h3{font-size:20px;margin:0 0 12px}
.sx-more{margin-top:auto;padding-top:16px;font-weight:600;color:#bf5f08;font-size:15px}
.sx-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sx-list li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.45}
.sx-ck{flex:none;width:20px;height:20px;border-radius:50%;background:#fdf0e1;color:#bf5f08;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.sx-ck svg{width:12px;height:12px;stroke-width:2.6}
.sx-why{background:#FAF7F2;padding:72px 0}
.sx-why-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.sx-why h2{margin-top:6px}
.sx-why-txt p{font-size:17px;line-height:1.7;margin:0 0 16px}
.sx-band{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0f2742;color:#fff;border-radius:18px;padding:30px 36px}
.sx-band h3{color:#fff;font-size:24px;margin:0 0 6px}.sx-band p{margin:0;color:rgba(255,255,255,.8)}
.sx-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}
.sx-how-card{background:#fff;border:1px solid #e7e4dc;border-radius:16px;padding:24px}
.sx-how-card h3{font-size:18px;margin:0 0 8px}.sx-how-card p{font-size:15px;line-height:1.55;margin:0 0 14px;color:var(--muted,#5b6675)}
.sx-steps-sec{background:#FAF7F2;padding:72px 0}
.sx-steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;counter-reset:s}
.sx-steps li{position:relative;background:#fff;border-radius:14px;padding:20px 18px;display:flex;flex-direction:column;gap:10px;min-height:120px}
.sx-steps li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:2px;background:#bf5f08}
.sx-n{font-family:Manrope,sans-serif;font-weight:700;font-size:14px;color:#bf5f08;letter-spacing:.04em}
.sx-steps b{font-size:16px;line-height:1.35;color:#0f2742}
.sx-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
.sx-case{background:#fff;border:1px solid #e7e4dc;border-left:4px solid #0f5c8a;border-radius:14px;padding:26px 28px}
.sx-case h3{font-size:19px;margin:0 0 10px}.sx-case p{margin:0;line-height:1.65;font-size:15.5px}
.cta-copy .sx-list{margin-top:16px}.cta-copy .sx-list li{color:inherit}
@media(max-width:1100px){.sx-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-steps li::after{display:none}}
@media(max-width:900px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-why-grid{grid-template-columns:1fr;gap:16px}.sx-band{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.sx-grid,.sx-how-grid,.sx-case-grid{grid-template-columns:1fr}.sx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-sec,.sx-why,.sx-steps-sec{padding:52px 0}}
.sx-all{text-align:center;margin:32px 0 0}
.sx-logos .clients{margin-top:0}
.sx-logos .clients ul{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 28px;justify-items:center}
.sx-logos .clients li{padding:0 !important}
.sx-logos .clients li img{width:auto !important;height:auto !important;max-width:110px !important;max-height:28px !important;object-fit:contain;filter:grayscale(1) brightness(.55);opacity:.7;transform:none !important}
.sx-logos .clients li img[alt="Huawei"],.sx-logos .clients li img[alt="H&M"],.sx-logos .clients li img[alt="Amdocs"]{max-height:38px !important}
@media(max-width:700px){.sx-logos .clients ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Hero v11c: subdued like Johan's – heavy dark teal veil over the robot photo */
.hxp-robot{object-position:75% 40%;filter:saturate(.55) brightness(.75) contrast(.95)}
section.hero.hero-afry>.hx-photo:has(.hxp-robot){background:#0b2a33}
section.hero.hero-afry>.hx-photo:has(.hxp-robot)::after{background:linear-gradient(90deg,rgba(8,34,42,.94) 0%,rgba(8,36,44,.86) 45%,rgba(10,40,48,.72) 100%),linear-gradient(0deg,rgba(6,26,32,.55) 0%,rgba(6,26,32,0) 40%) !important}
/* Hero v11d: keep our H1 "Tekniska specialister", Johan's three words as tagline */
.hero-afry .hx-slide h1 .hl{display:block;color:#e07b12 !important}
.hx-tag{margin:16px 0 18px;font:600 clamp(18px,1.6vw,22px)/1.35 Manrope,sans-serif;color:#fff;letter-spacing:-.005em}
.hx-tag b{color:#e07b12;font-weight:700}
.hero-afry .hx-slide h1+.hx-usps{margin-top:22px}
/* Hero v11e: sleek robot arm on black (Pexels 8438865), mirrored so the arm sits right of the text */
.hxp-robot{transform:scaleX(-1) !important;object-position:30% 40%;filter:saturate(.6) brightness(.85) !important}
section.hero.hero-afry>.hx-photo:has(.hxp-robot){background:#05141a}
section.hero.hero-afry>.hx-photo:has(.hxp-robot)::after{background:linear-gradient(90deg,rgba(6,28,36,.9) 0%,rgba(6,30,38,.72) 40%,rgba(8,36,44,.35) 70%,rgba(8,36,44,.25) 100%) !important}
/* Hero v11f: power grid engineers (substation) on the right, dark teal fade on the left */
section.hero.hero-afry>.hx-photo:has(.hxp-grid){background:#0a2530}
.hxp.hxp-grid{left:auto;right:0;width:66%;object-position:50% 45%;filter:saturate(.75) brightness(.92)}
section.hero.hero-afry>.hx-photo:has(.hxp-grid)::after{background:linear-gradient(90deg,#0a2530 0%,#0a2530 34%,rgba(10,37,48,.78) 46%,rgba(10,37,48,.35) 70%,rgba(10,37,48,.18) 100%),linear-gradient(0deg,rgba(8,30,40,.55) 0%,rgba(8,30,40,0) 35%) !important}
@media(max-width:900px){.hxp.hxp-grid{width:100%;object-position:62% 45%}section.hero.hero-afry>.hx-photo:has(.hxp-grid)::after{background:linear-gradient(90deg,rgba(10,37,48,.9) 0%,rgba(10,37,48,.7) 60%,rgba(10,37,48,.45) 100%) !important}}
.hxp.hxp-eng{width:62%;object-position:30% 30%}
section.hero.hero-afry>.hx-photo:has(.hxp-eng)::after{background:linear-gradient(90deg,#0a2530 0%,#0a2530 40%,rgba(10,37,48,.8) 50%,rgba(10,37,48,.35) 68%,rgba(10,37,48,.12) 100%),linear-gradient(0deg,rgba(8,30,40,.5) 0%,rgba(8,30,40,0) 35%) !important}
@media(max-width:900px){.hxp.hxp-eng{width:100%;object-position:22% 30%}section.hero.hero-afry>.hx-photo:has(.hxp-eng)::after{background:linear-gradient(90deg,rgba(10,37,48,.92) 0%,rgba(10,37,48,.75) 60%,rgba(10,37,48,.5) 100%) !important}}
/* Hero v11g: lighter */
section.hero.hero-afry>.hx-photo:has(.hxp-eng){background:#1d4256}
.hxp.hxp-grid.hxp-eng{width:64%;filter:saturate(.95) brightness(1.08)}
section.hero.hero-afry>.hx-photo:has(.hxp-eng)::after{background:linear-gradient(90deg,#1d4256 0%,#1d4256 38%,rgba(29,66,86,.6) 50%,rgba(29,66,86,.15) 66%,rgba(29,66,86,0) 100%),linear-gradient(0deg,rgba(20,50,66,.35) 0%,rgba(20,50,66,0) 30%) !important}
@media(max-width:900px){section.hero.hero-afry>.hx-photo:has(.hxp-eng)::after{background:linear-gradient(90deg,rgba(29,66,86,.88) 0%,rgba(29,66,86,.65) 60%,rgba(29,66,86,.4) 100%) !important}}
.hxp.hxp-grid.hxp-eng{width:72%}
section.hero.hero-afry>.hx-photo:has(.hxp-eng)::after{background:linear-gradient(90deg,#1d4256 0%,#1d4256 28%,rgba(29,66,86,.92) 34%,rgba(29,66,86,.62) 48%,rgba(29,66,86,.15) 66%,rgba(29,66,86,0) 100%),linear-gradient(0deg,rgba(20,50,66,.35) 0%,rgba(20,50,66,0) 30%) !important}
@media(max-width:900px){.hxp.hxp-grid.hxp-eng{width:100%}section.hero.hero-afry>.hx-photo:has(.hxp-eng)::after{background:linear-gradient(90deg,rgba(29,66,86,.88) 0%,rgba(29,66,86,.65) 60%,rgba(29,66,86,.4) 100%) !important}}
/* Hero v11h: electronics engineer (Pexels 9242271) on the right, soft fade to the left */
section.hero.hero-afry>.hx-photo:has(.hxp-elec){background:#1d4256}
.hxp.hxp-grid.hxp-elec{width:64%;object-position:50% 35%;filter:saturate(.9) brightness(1.05)}
section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,#1d4256 0%,#1d4256 36%,rgba(29,66,86,.9) 40%,rgba(29,66,86,.55) 50%,rgba(29,66,86,.12) 64%,rgba(29,66,86,0) 100%),linear-gradient(0deg,rgba(20,50,66,.35) 0%,rgba(20,50,66,0) 30%) !important}
@media(max-width:900px){.hxp.hxp-grid.hxp-elec{width:100%;object-position:60% 35%}section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,rgba(29,66,86,.9) 0%,rgba(29,66,86,.7) 60%,rgba(29,66,86,.45) 100%) !important}}
/* Hero v11i: two R&D engineers in an electronics lab (Pexels 34007253) */
.hxp.hxp-grid.hxp-elec{width:66%;object-position:35% 40%;filter:saturate(.9) brightness(1.1)}
/* Hero v11j: cover-emulating wrapper so logo-softening patches stay aligned; lighter; image nudged up */
.hxbox{container-type:size;overflow:hidden}
.hxbox .hxw{position:absolute;width:max(100cqw,133.334cqh);height:max(100cqh,75cqw);left:calc((100cqw - max(100cqw,133.334cqh))*.35);top:0;transform:scale(1.08);transform-origin:40% 92%}
.hxbox .hxw img{position:absolute;inset:0;width:100%;height:100%;display:block;filter:saturate(.95) brightness(1.3)}
.hxbox .lp{position:absolute;transform:translate(-50%,-50%);border-radius:50%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:radial-gradient(closest-side,#000 55%,transparent 100%);mask:radial-gradient(closest-side,#000 55%,transparent 100%)}
section.hero.hero-afry>.hx-photo:has(.hxp-elec){background:#24506a}
section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,#24506a 0%,#24506a 36%,rgba(36,80,106,.85) 40%,rgba(36,80,106,.45) 50%,rgba(36,80,106,.08) 64%,rgba(36,80,106,0) 100%),linear-gradient(0deg,rgba(20,50,66,.3) 0%,rgba(20,50,66,0) 25%) !important}
@media(max-width:900px){section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,rgba(36,80,106,.9) 0%,rgba(36,80,106,.7) 60%,rgba(36,80,106,.45) 100%) !important}.hxbox .hxw{left:calc((100cqw - max(100cqw,133.334cqh))*.6)}}
/* Slide nav readable over the photo */
.hero-afry .hx-side .hx-nav{background:rgba(12,32,48,.62) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 18px 8px 20px !important;gap:14px}
/* Hero v11k: soft-focus background, people kept sharp */
.hxbox .hxw img.hxb{filter:saturate(.9) brightness(1.3) blur(5px)}
.hxbox .hxw img.hxs{filter:saturate(.95) brightness(1.3);-webkit-mask:radial-gradient(ellipse 30% 46% at 62% 52%,#000 55%,transparent 100%);mask:radial-gradient(ellipse 30% 46% at 62% 52%,#000 55%,transparent 100%)}
/* Hero v11l: clone-stamp retouch of shirt logos (patches sample clean shirt from the same photo) */
.hxbox .cp{position:absolute;transform:translate(-50%,-50%);background-image:url(/img/hero-eng.jpg);background-repeat:no-repeat;filter:saturate(.95) brightness(1.3);-webkit-mask:radial-gradient(closest-side,#000 62%,transparent 100%);mask:radial-gradient(closest-side,#000 62%,transparent 100%)}
.xp-photo img[src*="engineer-vest"]{object-position:50% 30%}
@media(max-width:900px){html body main#main .cta-band.cta-rich,html body main .cta-band.cta-rich{grid-template-columns:1fr !important}html body main .cta-rich .cta-copy{padding:36px 24px !important}html body main .cta-rich .cta-side{padding:28px 24px !important}}
html body main .cta-band .cta-photo{flex:0 0 72px !important;width:72px !important;height:72px !important;min-width:72px;object-fit:cover;object-position:50% 25%;aspect-ratio:1/1}
/* v12: bredare sida (1400) och Inhouse-inspirerade färger – petrol, sand, ljusblå */
:root{--wrap:1400px;--accent:#2c6e80;--accent-soft:rgba(44,110,128,.08);--accent-2:#e07b12;--bg:#ffffff;--warm:#FAF7F2;--ink:#161616}
html body main#main .cta-band.cta-rich{background:#eaf4f8 !important}
.soft-band{background:#eef6fa !important}
.xp-photo img[src*="consultants-eng"]{object-position:50% 30%}
/* Hero: ingenjör i väst, suddig bakgrund */
.hxbox .hxw img[src*="engineer-vest"]{object-fit:cover;object-position:54% 30%}
.hxbox .hxw img.hxs[src*="engineer-vest"]{-webkit-mask:radial-gradient(ellipse 22% 48% at 54% 48%,#000 60%,transparent 100%);mask:radial-gradient(ellipse 22% 48% at 54% 48%,#000 60%,transparent 100%)}
#page-home .sv-photo img[src*="hero-eng"]{object-position:50% 40%}

/* Startsidan: orange som i v11 */
body[data-page="home"] .tl li:nth-child(4) .st-dot{background:linear-gradient(135deg,#c96c0c,var(--cta)) !important}
body[data-page="home"] .nav-links>li>a:hover,body[data-page="home"] .nl-has:hover>a,body[data-page="home"] .nl-has:focus-within>a{color:#bf5f08 !important;background:rgba(224,123,18,.10) !important}
body[data-page="home"] .nl-sub a:hover{color:#bf5f08 !important;background:rgba(224,123,18,.10) !important}
body[data-page="home"] .nav-links a[aria-current="page"]{box-shadow:inset 0 -2px 0 #bf5f08 !important}
body[data-page="home"] .hero .stat .v::after{background:#e07b12 !important}
body[data-page="home"] .hx-side .hx-next:hover{background:#bf5f08 !important}
body[data-page="home"] .hx-bar{background:#e07b12 !important}
body[data-page="home"] .hero .st-ic{background:rgba(224,123,18,.12) !important;color:#bf5f08 !important}
body[data-page="home"] .nav-search:hover{color:#bf5f08 !important;border-color:#e07b12 !important;background:rgba(224,123,18,.08) !important}
body[data-page="home"] .srch-res a:hover,body[data-page="home"] .srch-res a:focus{background:rgba(224,123,18,.10) !important;color:#bf5f08 !important}
body[data-page="home"] .hero-afry .hx-side .hx-next{color:#e07b12 !important}
body[data-page="home"] .hero-afry .hx-side .hx-prev:hover{color:#e07b12 !important}
body[data-page="home"] .hero-afry .stats::before{background:linear-gradient(90deg,#e07b12 0 25%,transparent 25%) !important}
body[data-page="home"] .hero-afry .st-ic{color:#e07b12 !important}
body[data-page="home"] .hero-afry .stat:nth-child(even) .st-ic{color:#e07b12 !important}
body[data-page="home"] .nav-search{border-color:#e07b12 !important;color:#bf5f08 !important}
body[data-page="home"] .hero-afry .ex-chips li+li::before{background:#e07b12 !important}
body[data-page="home"] .hero-afry .ex-chips a:hover{border-bottom-color:#e07b12 !important}
body[data-page="home"] .hero-afry .hx-sub{color:#e07b12 !important}
body[data-page="home"] .hero-afry .ex-chips li::before{background:#e07b12 !important}
body[data-page="home"] .hero-afry .ex-chips li::before,body[data-page="home"] .hero-afry .ex-chips li+li::before{background:#e07b12 !important}
body[data-page="home"] .tb-in>a:hover,body[data-page="home"] .tb-in>a.is-current{color:#bf5f08 !important}
body[data-page="home"] .exp-k{color:#bf5f08 !important}
body[data-page="home"] .exp-areas .ex-chips li::before{background:#e07b12 !important}
body[data-page="home"] .exp-areas .ex-chips a:hover{color:#bf5f08 !important}
body[data-page="home"] .crumbs a:first-child{color:#bf5f08 !important}
body[data-page="home"] .crumbs a:first-child:hover{color:#e07b12 !important}
body[data-page="home"] .pc-q{border-left:2px solid #e07b12 !important}
body[data-page="home"] .pc-more{color:#bf5f08 !important}
body[data-page="home"] .pc-join .btn{background:#e07b12 !important;border-color:#e07b12 !important}
body[data-page="home"] .pc-join .btn:hover{background:#bf5f08 !important}
body[data-page="home"] .ts-filter button:not(.is-on):hover{color:#bf5f08 !important}
body[data-page="home"] .ts-card::before{color:#e07b12 !important}
body[data-page="home"] .ts-consultant{background:rgba(224,123,18,.14) !important}
body[data-page="home"] .ts-more{color:#bf5f08 !important}
body[data-page="home"] .ts-join .btn{background:#e07b12 !important;border-color:#e07b12 !important}
body[data-page="home"] .ts-all:hover{border-color:#e07b12 !important;color:#bf5f08 !important}
body[data-page="home"] .page-head .btn-ghost:hover{border-color:#e07b12 !important}
body[data-page="home"] .page-head .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important}
body[data-page="home"] .page-head .btn-primary:hover{background:#bf5f08 !important}
body[data-page="home"] .sv-card:hover{border-color:#e07b12 !important}
body[data-page="home"] .sv-card:hover .sv-ic{background:rgba(224,123,18,.14) !important;color:#bf5f08 !important}
body[data-page="home"] .sv-go{color:#bf5f08 !important}
body[data-page="home"] .pol-card{border-top:3px solid #e07b12 !important}
body[data-page="home"] .pol-note a{color:#bf5f08 !important}
body[data-page="home"] .hero-afry .hx-cta .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important}
body[data-page="home"] .hero-afry .hx-cta .btn-primary:hover{background:#bf5f08 !important}
body[data-page="home"] .hero-afry .hx-cta .btn-ghost:hover{border-color:#e07b12 !important}
body[data-page="home"] .rf-badge,body[data-page="home"] .sv-flag{background:#e07b12 !important}
body[data-page="home"] .rf-list li::before{background:rgba(224,123,18,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6a94a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat !important}
body[data-page="home"] .rf-cta .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important}
body[data-page="home"] .rf-cta .btn-ghost:hover{border-color:#e07b12 !important}
body[data-page="home"] .sv-card.sv-hot .sv-ic{background:rgba(224,123,18,.18) !important}
body[data-page="home"] .brand:hover .brand-mark{color:#bf5f08 !important}
body[data-page="home"] .faq-link a{color:#bf5f08 !important}
body[data-page="home"] .rf-ic{background:rgba(224,123,18,.16) !important}
body[data-page="home"] #page-home section.rf-section .rf-copy h2 .hl-text{color:#bf5f08 !important}
body[data-page="home"] #page-home section.rf-section .rf-copy p.label{color:#bf5f08 !important}
body[data-page="home"] #page-home section.rf-section .rf-ic{background:rgba(224,123,18,.14) !important;color:#bf5f08 !important}
body[data-page="home"] #page-home section.rf-section .rf-cta .btn-ghost:hover{border-color:#e07b12 !important;color:#bf5f08 !important}
body[data-page="home"] .ft2-actions .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important}
body[data-page="home"] .ft2-actions .btn-primary:hover{background:#bf5f08 !important}
body[data-page="home"] .ft2-social:hover{border-color:#e07b12 !important}
body[data-page="home"] #page-home .ts-section .ts-card:nth-child(3)::before{color:#e07b12 !important}
body[data-page="home"] .ft2-map{fill:#e07b12 !important}
body[data-page="home"] .intl-list li::before{background:#e07b12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/10px no-repeat !important}
body[data-page="home"] .exp-areas .ex-chips a::before{background:#e07b12 !important}
body[data-page="home"] .exp-areas .ex-chips a::after{color:#e07b12 !important}
body[data-page="home"] .exp-areas .ex-chips a:hover{border-color:rgba(224,123,18,.55) !important}
body[data-page="home"] .area-card span::before{background:#e07b12 !important}
body[data-page="home"] #page-home .ts-section .ts-card:nth-child(3){border-top:4px solid #e07b12 !important}
body[data-page="home"] #page-home .ts-section .ts-card:nth-child(3) figcaption span{color:#bf5f08 !important}
html body[data-page="home"] main#main .cta-band.cta-rich .cta-k{color:#bf5f08 !important}
html body[data-page="home"] main#main .cta-band.cta-rich .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important}
body[data-page="home"] .hx-usps li span{background:rgba(224,123,18,.92) !important}
body[data-page="home"] .nb-ic{background:rgba(224,123,18,.12) !important;color:#bf5f08 !important}
body[data-page="home"] .nb-sc:hover{border-color:rgba(224,123,18,.5) !important}
body[data-page="home"] .nb-sc-go{color:#bf5f08 !important}
body[data-page="home"] .ab-hn{color:#bf5f08 !important}
body[data-page="home"] .sx-more{color:#bf5f08 !important}
body[data-page="home"] .sx-ck{color:#bf5f08 !important}
body[data-page="home"] .sx-steps li:not(:last-child)::after{background:#bf5f08 !important}
body[data-page="home"] .sx-n{color:#bf5f08 !important}
body[data-page="home"] .hero-afry .hx-slide h1 .hl{color:#e07b12 !important}
body[data-page="home"] .hx-tag b{color:#e07b12 !important}
/* Våra konsulter: tre per rad */
@media(min-width:801px){.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
/* Kontakta oss-knapp bredvid sök på desktop */
@media(min-width:1000px){html body header.site-header .nav .nav-right .nav-contact{display:inline-flex !important;margin-left:4px}}
/* Hero: bildspelspilen under knapparna, inte över ansiktet; bilden utan extra oskärpa och något uppflyttad */
@media(min-width:1101px){html body .hero-afry .hx{grid-template-columns:1fr !important}html body .hero-afry .hx-side{align-self:start !important;justify-self:start !important;margin-top:8px !important}html body .hero-afry .hx-side .hx-nav{transform:none !important}}
.hxbox .hxw img.hxb[src*="engineer-vest"],.hxbox .hxw img.hxs[src*="engineer-vest"]{filter:saturate(.95) brightness(1.08) !important}
.hxbox .hxw img[src*="engineer-vest"]{object-position:54% 46% !important}

/* Foten */
html body .site-footer.ft2,html body footer.site-footer{background:#052e38 !important}

/* Foten: orange detaljer på alla sidor */
.ft2-actions .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important}
.ft2-actions .btn-primary:hover{background:#bf5f08 !important}
.ft2-social:hover{border-color:#e07b12 !important}
.ft2-map{fill:#e07b12 !important}

/* Ljus och positiv: orange behålls överallt, ljusblått (#eef6fa) och sand (#FAF7F2) som mjuka bakgrunder, petrol (#2c6e80) som komplement */
html body .site-header .brand-mark.cw-mark{width:auto !important;height:30px !important;aspect-ratio:100/62}
/* Hero v12: rubriken i linje med hjälmens nederkant; diskret, professionell bildspelsnavigering */
@media(min-width:1101px){
 html body .hero-afry .hx-track{padding-top:72px !important}
 html body .hero-afry .hx-side{margin-top:22px !important}
 html body .hero-afry .hx-side .hx-nav{background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;padding:0 !important;gap:12px !important;align-items:center !important}
}
html body .hero-afry .hx-side .hx-arrow{width:44px !important;height:44px !important;border-radius:50% !important;border:1px solid rgba(255,255,255,.55) !important;background:rgba(255,255,255,.06) !important;color:#fff !important;box-shadow:none !important;display:grid !important;place-items:center !important}
html body .hero-afry .hx-side .hx-arrow svg,html body .hero-afry .hx-side .hx-next svg{width:22px !important;height:12px !important;stroke-width:2 !important}
html body .hero-afry .hx-side .hx-arrow:hover:not(:disabled){background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important}
html body .hero-afry .hx-side .hx-arrow:disabled{opacity:.35 !important;background:transparent !important;border-color:rgba(255,255,255,.35) !important;color:#fff !important}
html body .hero-afry .hx-side .hx-count{color:rgba(255,255,255,.8) !important;font-size:13px !important;letter-spacing:.08em;min-width:52px;text-align:center}
html body .hero-afry .hx-side .hx-count b{color:#fff !important}
/* Foten: ljusare blå */
html body .site-footer.ft2,html body footer.site-footer{background:#24506a !important}
/* Toppraden från version 10: Lediga tjänster */
html body .site-header .topbar{display:block !important;background:#FAF7F2 !important;border-bottom:1px solid rgba(20,40,70,.07)}
html body .site-header .topbar .tb-in{display:flex !important;justify-content:flex-end;gap:22px;height:32px;align-items:center;font-size:13px}
html body .site-header .topbar a{color:#0f2742;text-decoration:none;font-weight:600}
html body .site-header .topbar a:first-child{color:#bf5f08}
html body .site-header .topbar a:hover{color:#e07b12}
@media(max-width:700px){html body .site-header .topbar .tb-in{justify-content:center;gap:16px;font-size:12px;height:28px}}
/* Er CW-symbol (från skrivbordet) som logga */
html body .brand-mark.cw-mark{display:inline-block !important;width:auto !important;height:30px !important;aspect-ratio:449/240;background:currentColor !important;-webkit-mask:url(/img/cw-mark.png) center/contain no-repeat;mask:url(/img/cw-mark.png) center/contain no-repeat;flex:0 0 auto}
html body .site-header .brand-mark.cw-mark{color:#0A2440}
html body .site-footer .brand-mark.cw-mark{color:#fff;height:34px !important}
/* Orange överallt */
:root{--accent:#d06c0c !important;--accent-soft:rgba(224,123,18,.08) !important;--accent-2:#e07b12 !important}
/* Hero: ikonerna framför USP:arna i blått */
html body .hero-afry .hx-usps li>span,html body[data-page="home"] .hero-afry .hx-usps li>span{background:#2f80c0 !important;border-color:#2f80c0 !important;color:#fff !important}
/* Alla ikonrutor i samma blå */
html body .tr-ic,html body .sx-ic,html body .xp-ic,html body .sv-ic,html body .st-ic,html body .nb-ic,html body .case-icon,html body .rf-ic{background:#2f80c0 !important;color:#fff !important;border-color:#2f80c0 !important}
html body .tr-ic svg,html body .sx-ic svg,html body .xp-ic svg,html body .sv-ic svg,html body .st-ic svg,html body .nb-ic svg,html body .case-icon svg,html body .rf-ic svg{stroke:#fff !important;color:#fff !important}

/* ===== Enhetlig design (v12): färger och typsnitt ===== 
   Marinblå #0A2440 rubriker · Orange #E07B12 knappar/markeringar · Mörk orange #BF5F08 etiketter
   Blå #2F80C0 ikoner · Ljusblå #EEF6FA och sand #FAF7F2 bakgrunder · Text #1E2A38 / #5B6578
   Typsnitt: Manrope (rubriker, 600) och Nunito Sans (brödtext) */
:root{--ink:#0A2440;--muted:#5B6578}
html body main h1,html body main h2,html body main h3{font-family:"Manrope",Inter,system-ui,sans-serif !important}
html body main h2,html body main h3{font-weight:600 !important}
html body main .page-head h1,html body main section:not(.hero) h1{font-weight:600 !important}
html body main section:not(.hero):not(.page-head) h2{color:#0A2440 !important}
html body main .section-head h2{font-size:clamp(32px,3.4vw,48px) !important}
html body main p,html body main li{font-family:"Nunito Sans",Inter,system-ui,sans-serif}
html body main .btn-primary{background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important}
html body main .btn-primary:hover{background:#bf5f08 !important;border-color:#bf5f08 !important}
html body main .label,html body main .cta-k{color:#bf5f08 !important}
html body main section:not(.hero):not(.page-head) .hl-text,html body main section:not(.hero):not(.page-head) h2 .hl-text{color:#e07b12 !important}
html body main .page-head .hl-text,html body main .hero .hl,html body main .hero .hl-text{color:#f39a3a !important}
/* Hero: ljusare blå slöja som matchar himlen i bilden */
html body section.hero.hero-afry>.hx-photo:has(.hxp-elec){background:#3d7299 !important}
html body section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,#3d7299 0%,#3d7299 34%,rgba(61,114,153,.86) 40%,rgba(61,114,153,.45) 50%,rgba(61,114,153,.08) 64%,rgba(61,114,153,0) 100%),linear-gradient(0deg,rgba(30,70,100,.28) 0%,rgba(30,70,100,0) 30%) !important}
@media(max-width:900px){html body section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,rgba(61,114,153,.92) 0%,rgba(61,114,153,.72) 60%,rgba(61,114,153,.5) 100%) !important}}
/* Branschkorten: inget orange streck */
html body .area-card span::before,html body[data-page="home"] .area-card span::before{display:none !important}
/* Foten i samma blå som hero */
html body .site-footer.ft2,html body footer.site-footer{background:#3d7299 !important}
/* Foten mörkare blå med vit text; sifferraden i hero i samma blå */
html body .site-footer.ft2,html body footer.site-footer{background:#2c5a7d !important;color:#fff !important}
html body .site-footer.ft2 p,html body .site-footer.ft2 li,html body .site-footer.ft2 a,html body .site-footer.ft2 span,html body .site-footer.ft2 address,html body .site-footer.ft2 small,html body .site-footer.ft2 div{color:#fff !important}
html body .site-footer.ft2 h4,html body .site-footer.ft2 .ft2-col h4{color:#ffb766 !important}
html body .site-footer.ft2 a:hover{color:#ffb766 !important}
html body .site-footer.ft2 .btn-primary{color:#fff !important}
html body section.hero.hero-afry .stats{background:#2c5a7d !important;border-color:rgba(255,255,255,.12) !important}
/* Kundlogotyperna i samma marinblå som vår logga (#0A2440) */
html body .clients img,html body #page-home section.hero .wrap .clients .cl-view ul.cl-roll li img,html body .cl-roll li img,html body .sx-logos img{filter:brightness(0) invert(12%) sepia(55%) saturate(1861%) hue-rotate(191deg) brightness(71%) contrast(96%) !important;opacity:1 !important}
html body .clients img:hover,html body .cl-roll li img:hover,html body .sx-logos img:hover{filter:none !important}
/* Ikonrutor blå även på startsidan (högre specificitet) */
html body[data-page] .tr-ic,html body[data-page] .sx-ic,html body[data-page] .xp-ic,html body[data-page] .sv-ic,html body[data-page] .st-ic,html body[data-page] .nb-ic,html body[data-page] .case-icon,html body[data-page] .rf-ic,html body[data-page] .nb-feat .nb-ic,html body[data-page] .sv-card .sv-ic{background:#2f80c0 !important;color:#fff !important;border-color:#2f80c0 !important}
html body[data-page] .nb-ic svg,html body[data-page] .sv-ic svg,html body[data-page] .st-ic svg,html body[data-page] .rf-ic svg,html body[data-page] .tr-ic svg,html body[data-page] .sx-ic svg,html body[data-page] .xp-ic svg{stroke:#fff !important}
/* Specialist-rutorna: ljusblå bakgrund, samma design */
html body .pc-cta{background:#eef6fa !important;border:1px solid rgba(47,128,192,.18) !important}
html body .pc-cta-sec{padding:8px 0 40px !important}
html body .pc-cta-sec .pc-cta{margin-top:0}
/* CW-symbolen som vektor (samma form, skarp i alla storlekar) */
html body .brand-mark.cw-mark{aspect-ratio:1820/970 !important;-webkit-mask:url(/img/cw-mark.svg) center/contain no-repeat !important;mask:url(/img/cw-mark.svg) center/contain no-repeat !important}
/* Hero: hela rubriken vit */
html body main .hero .hl,html body main .hero h1 .hl,html body main .hero .hx-h .hl,html body[data-page] .hero-afry h1 .hl,html body[data-page] .hero-afry .hx-h .hl{color:#fff !important}
html body[data-page] .hero-afry .hx-slide h1 .hl,html body[data-page] .hero-afry .hx-slide .hx-h .hl{color:#fff !important}
/* Logotypens ordbild: tydligare kontrast mellan CO-WORKER och TECHNOLOGY, luftigare spärrning, bättre balans mot symbolen */
html body .site-header .brand{gap:14px !important;align-items:center}
html body .site-header .brand-name{font-family:"Libre Franklin",Manrope,Inter,sans-serif !important;font-size:20px !important;font-weight:400 !important;letter-spacing:.1em !important;line-height:1}
html body .site-header .brand-name b{font-weight:700 !important;letter-spacing:.035em !important}
html body .site-footer .brand-name{letter-spacing:.1em !important}
html body .site-footer .brand-name b{font-weight:700 !important;letter-spacing:.035em !important}
@media(max-width:700px){html body .site-header .brand-name{font-size:15px !important}html body .site-header .brand{gap:10px !important}}
/* Konsekvens: etiketter, markeringar och rubrikvikter lika på alla sidor */
html body[data-page] main .label{color:#bf5f08 !important}
html body[data-page] main section:not(.hero):not(.page-head) .hl-text,html body[data-page] main section:not(.hero):not(.page-head) .hl-text.hl-blue{color:#e07b12 !important}
html body[data-page] main section:not(.hero):not(.page-head):not(.cta-band) h2{font-weight:600 !important}
/* Logga i mobil: symbolen mindre så att den väger jämnt mot texten */
@media(max-width:700px){html body .site-header .brand-mark.cw-mark{height:24px !important}}
/* Mobil: rymligare header och slutrutan utan avklippt text */
@media(max-width:700px){
 html body .site-header .brand-name{font-size:13px !important;letter-spacing:.06em !important}
 html body .site-header .brand-name b{letter-spacing:.02em !important}
 html body .site-header .brand-mark.cw-mark{height:22px !important}
 html body main .cta-band.cta-rich,html body main#main .cta-band.cta-rich{grid-template-columns:minmax(0,1fr) !important}
 html body main .cta-band.cta-rich h2{font-size:28px !important;overflow-wrap:break-word;hyphens:auto}
 html body main .cta-rich .cta-person span{white-space:normal !important}
}
/* Jämna, lagom avstånd mellan avsnitt på alla sidor */
html body main section:not(.hero):not(.page-head):not(.faq-link-sec):not(.pc-cta-sec):not(.sx-logos):not(.sv-section){padding-top:88px !important;padding-bottom:88px !important}
html body main section.sv-section{padding-bottom:88px !important}
@media(max-width:800px){html body main section:not(.hero):not(.page-head):not(.faq-link-sec):not(.pc-cta-sec):not(.sx-logos):not(.sv-section){padding-top:56px !important;padding-bottom:56px !important}html body main section.sv-section{padding-bottom:56px !important}}
/* ===== Färgvariant A (som version 11), vald 2026-11-07 ===== */
html body section.hero.hero-afry>.hx-photo:has(.hxp-elec){background:#24506a !important}
html body section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,#24506a 0%,#24506a 34%,rgba(36,80,106,.86) 40%,rgba(36,80,106,.45) 50%,rgba(36,80,106,.08) 64%,rgba(36,80,106,0) 100%) !important}
@media(max-width:900px){html body section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,rgba(36,80,106,.92) 0%,rgba(36,80,106,.72) 60%,rgba(36,80,106,.5) 100%) !important}}
html body[data-page] .hero-afry .hx-slide h1 .hl,html body[data-page] .hero-afry .hx-slide .hx-h .hl{color:#f0962a !important}
html body[data-page] .hero-afry .hx-usps li>span{background:#f0962a !important;border-color:#f0962a !important}
html body section.hero.hero-afry .stats{background:linear-gradient(180deg,rgba(9,22,40,.6),rgba(9,22,40,.85)) !important}
html body .site-footer.ft2,html body footer.site-footer{background:#0c2036 !important}
html body[data-page] .tr-ic,html body[data-page] .sx-ic,html body[data-page] .xp-ic,html body[data-page] .sv-ic,html body[data-page] .st-ic,html body[data-page] .nb-ic,html body[data-page] .case-icon,html body[data-page] .rf-ic{background:#f0962a !important;border-color:#f0962a !important}
html body main .btn-primary{background:#f0962a !important;border-color:#f0962a !important}
html body main .btn-primary:hover{background:#d9730d !important;border-color:#d9730d !important}
.soft-band,html body .pc-cta{background:#FAF7F2 !important;border-color:rgba(20,40,70,.08) !important}
html body main .cta-band.cta-rich,html body main#main .cta-band.cta-rich{background:#FAF7F2 !important}
/* Variant A med hela hero-rubriken vit */
html body[data-page] .hero-afry .hx-slide h1 .hl,html body[data-page] .hero-afry .hx-slide .hx-h .hl{color:#fff !important}
/* Hero: bilden en nyans mörkare så att den ljusa himlen inte blir överexponerad */
.hxbox .hxw img.hxb[src*="engineer-vest"],.hxbox .hxw img.hxs[src*="engineer-vest"]{filter:brightness(.92) saturate(1.02) !important}
html body section.hero.hero-afry>.hx-photo:has(.hxp-elec)::after{background:linear-gradient(90deg,#24506a 0%,#24506a 34%,rgba(36,80,106,.86) 40%,rgba(36,80,106,.5) 50%,rgba(36,80,106,.22) 64%,rgba(36,80,106,.16) 100%) !important}

/* ===== Kravprofil: CTA + formulär direkt under hero (Johans skiss), 2026-11-07 ===== */
html body .kp-sec{background:#FAF7F2;padding:80px 0 !important;border-bottom:1px solid rgba(20,40,70,.06)}
.kp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.kp-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;color:#f0962a;box-shadow:0 6px 20px rgba(10,36,64,.08);margin-bottom:22px}
.kp-ic svg{width:38px;height:38px}
html body .kp-copy h2{font-family:Manrope,sans-serif;color:#0A2440;font-size:clamp(26px,2.6vw,36px);line-height:1.2;letter-spacing:-.01em;margin:0 0 16px;max-width:18em}
.kp-lead{font-size:18px;line-height:1.6;color:#3b4a5c;margin:0 0 22px;max-width:34em}
.kp-pts{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.kp-pts li{display:flex;align-items:center;gap:10px;color:#0A2440;font-weight:600;font-size:16px}
.kp-check{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0962a;color:#fff}
.kp-check svg{width:14px;height:14px}
.kp-card{background:#fff;border-radius:20px;padding:34px 34px 28px;box-shadow:0 18px 50px rgba(10,36,64,.10);border:1px solid rgba(20,40,70,.07);position:relative}
.kp-title{font-family:Manrope,sans-serif;color:#0A2440;font-size:24px;margin:0 0 8px;padding-left:14px;border-left:4px solid #f0962a;line-height:1.2}
.kp-intro{color:#4a5868;font-size:15px;line-height:1.55;margin:0 0 20px}
.kp-drop{display:flex;align-items:center;gap:14px;border:1.5px dashed rgba(10,36,64,.25);border-radius:14px;padding:16px 18px;cursor:pointer;background:#fbfaf7;transition:border-color .2s,background .2s}
.kp-drop:hover,.kp-drop.drag{border-color:#f0962a;background:#fff8ef}
.kp-drop b{display:block;color:#0A2440;font-size:15px}
.kp-drop small{display:block;color:#6b7785;font-size:13px;margin-top:2px}
.kp-up{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(240,150,42,.12);color:#f0962a}
.kp-up svg{width:24px;height:24px}
.kp-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.kp-chosen{margin:8px 0 0;font-size:14px;color:#0A2440;font-weight:600}
.kp-or{display:flex;align-items:center;gap:12px;margin:14px 0;color:#7a8592;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.kp-or::before,.kp-or::after{content:"";flex:1;height:1px;background:rgba(10,36,64,.12)}
.kp-card textarea,.kp-card .field input{width:100%;box-sizing:border-box;font:inherit;font-size:15px;color:#0A2440;background:#fff;border:1px solid rgba(10,36,64,.18);border-radius:10px;padding:12px 14px}
.kp-card textarea{resize:vertical;min-height:84px}
.kp-card textarea:focus,.kp-card .field input:focus{outline:2px solid rgba(240,150,42,.45);outline-offset:0;border-color:#f0962a}
.kp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.kp-card .field label{font-size:13px;font-weight:700;color:#0A2440}
.kp-consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:13px;line-height:1.5;color:#4a5868;cursor:pointer}
.kp-consent input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:#f0962a}
.kp-consent a{color:#0A2440;text-decoration:underline}
html body main .kp-send,html body .kp-send{width:100%;justify-content:center;display:flex;align-items:center;gap:10px;font-size:16px;padding:15px 20px;border-radius:12px}
.kp-send svg{width:18px;height:18px}
.kp-send[disabled]{opacity:.7;cursor:wait}
.kp-msg{margin:12px 0 0;font-size:14px;min-height:1em;color:#0A2440}
.kp-msg.err{color:#b4381f}.kp-msg.ok{color:#1f7a4a;font-weight:600}
@media (max-width:960px){.kp-grid{grid-template-columns:minmax(0,1fr);gap:36px}html body .kp-sec{padding:56px 0 !important}}
@media (max-width:560px){.kp-card{padding:24px 20px 20px;border-radius:16px}.kp-row{grid-template-columns:minmax(0,1fr)}.kp-lead{font-size:16px}.kp-ic{width:54px;height:54px}.kp-ic svg{width:32px;height:32px}}

/* ===== Rund erbjudandeknapp i hero som öppnar kravprofil-formuläret ===== */
html body[data-page] .hero-afry .hx-cta-badge{margin-top:26px}
.kp-badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:168px;height:168px;border-radius:50%;border:0;cursor:pointer;background:#f0962a;color:#fff;text-align:center;padding:18px;font-family:Manrope,sans-serif;box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 0 0 5px rgba(255,255,255,.22);transform:rotate(-6deg);transition:transform .25s,background .25s}
.kp-badge::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(240,150,42,.65);animation:kpPulse 2.6s ease-out infinite}
.kp-badge:hover,.kp-badge:focus-visible{background:#d9730d;transform:rotate(0) scale(1.04)}
.kp-badge b{font-size:16px;line-height:1.15;font-weight:800;hyphens:manual}
.kp-badge small{font-size:11.5px;line-height:1.25;font-weight:600;opacity:.95;font-family:"Nunito Sans",sans-serif}
.kpb-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);margin-bottom:2px}
.kpb-ic svg{width:17px;height:17px}
@keyframes kpPulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.14);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.kp-badge::after{animation:none}}
@media (max-width:560px){.kp-badge{width:140px;height:140px;padding:14px}.kp-badge b{font-size:14px}.kp-badge small{font-size:10.5px}}
.kp-close{display:none}
.kp-overlay{position:fixed;inset:0;z-index:9999;background:rgba(6,20,36,.62);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:kpFade .2s ease}
.kp-overlay .kp-card{width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;animation:kpUp .25s ease}
.kp-overlay .kp-close{display:grid;place-items:center;position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:#f1f2f4;color:#0A2440;font-size:24px;line-height:1;cursor:pointer}
.kp-overlay .kp-close:hover{background:#e3e6ea}
.kp-ph{min-height:200px;display:grid;place-items:center}
@keyframes kpFade{from{opacity:0}to{opacity:1}}@keyframes kpUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
html.kp-lock,html.kp-lock body{overflow:hidden}
/* Badge: placerad som "sigill" på hero-bilden */
.kp-badge-wrap{position:absolute;z-index:5;left:43%;bottom:110px;margin:0}
.kp-badge{width:178px;height:178px;transform:rotate(-8deg);box-shadow:0 18px 40px rgba(4,16,30,.35),inset 0 0 0 6px rgba(255,255,255,.18)}
.kp-badge::after{inset:-9px;border:1.5px solid rgba(255,255,255,.6)}
.kp-badge b{font-size:17px}
@media (max-width:960px){.kp-badge-wrap{left:auto;right:18px;bottom:auto;top:18px}.kp-badge{width:128px;height:128px;padding:12px}.kp-badge b{font-size:13.5px}.kp-badge small{font-size:10px}.kpb-ic{width:24px;height:24px}.kpb-ic svg{width:13px;height:13px}}
/* Hero-punkter: diskretare ikonrutor (tonad bakgrund, orange ikon) */
html body[data-page] .hero-afry .hx-usps li>span{background:rgba(255,255,255,.08) !important;border:1px solid rgba(240,150,42,.55) !important;color:#f5a54a !important;box-shadow:none !important}
html body[data-page] .hero-afry .hx-usps li>span svg{color:#f5a54a !important;stroke:currentColor}
.kp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 12px}
.kp-tags span{display:inline-flex;align-items:center;gap:6px;background:rgba(240,150,42,.12);color:#9a5410;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}
.kp-tags svg{width:13px;height:13px;color:#e07f12}
/* Badge: renare typografi – ingen ikon, rubrik + tunn linje + undertext, allt centrerat innanför ringen */
.kp-badge{gap:0;padding:26px;transform:rotate(-6deg)}
.kp-badge .kpb-ic{display:none}
.kp-badge b{font-size:18px;line-height:1.12;letter-spacing:-.005em;max-width:84%}
.kp-badge b::after{content:"";display:block;width:34px;height:2px;margin:10px auto 9px;background:rgba(255,255,255,.7);border-radius:2px}
.kp-badge small{font-size:12px;line-height:1.3;max-width:74%;font-weight:700;letter-spacing:.01em}
@media (max-width:960px){.kp-badge{padding:16px}.kp-badge b{font-size:14px}.kp-badge b::after{width:26px;margin:7px auto 6px}.kp-badge small{font-size:10.5px;max-width:78%}}
/* Badge: mellan rubriken och killen, i höjd med örat, ovanför axlarna (desktop) */
@media (min-width:961px){.kp-badge-wrap{left:44%;top:250px;bottom:auto}.kp-badge{width:156px;height:156px;padding:20px}.kp-badge b{font-size:16.5px}}
/* Badge följer rubriken (ligger efter h1 i första sliden, ankrad mot .hx-track) */
@media (min-width:961px){html body .hero-afry .kp-badge-wrap{left:592px;top:auto;bottom:auto;margin-top:-80px}}
@media (max-width:960px){html body .hero-afry .hx-track{position:static}}
/* Badge rak (ingen lutning) + killen lite mer åt höger */
.kp-badge,.kp-badge:focus-visible{transform:none !important}
.kp-badge:hover{transform:scale(1.04) !important}
.hxbox .hxw img.hxb[src*="engineer-vest"],.hxbox .hxw img.hxs[src*="engineer-vest"]{object-position:44% 46% !important}
/* Badge: liten skakning då och då (var 7:e sekund) */
.kp-badge-wrap{animation:kpWiggle 7s ease-in-out 2.5s infinite;transform-origin:50% 50%}
.kp-badge-wrap:hover{animation-play-state:paused}
@keyframes kpWiggle{0%,86%,100%{transform:rotate(0)}88%{transform:rotate(-7deg)}90%{transform:rotate(6deg)}92%{transform:rotate(-5deg)}94%{transform:rotate(3deg)}96%{transform:rotate(-1deg)}}
@media (prefers-reduced-motion:reduce){.kp-badge-wrap{animation:none}}
/* Hero: "Hitta er specialist" i samma diskreta stil som ikonrutorna */
html body main .hero-afry .hx-slide .hx-cta .btn-primary,html body .hero-afry .hx-slide .hx-cta .btn-primary{background:rgba(255,255,255,.08) !important;border:1px solid rgba(240,150,42,.55) !important;color:#fff !important;box-shadow:none !important;backdrop-filter:blur(2px)}
html body .hero-afry .hx-slide .hx-cta .btn-primary span{color:#f5a54a}
html body main .hero-afry .hx-slide .hx-cta .btn-primary:hover,html body .hero-afry .hx-slide .hx-cta .btn-primary:hover{background:rgba(240,150,42,.18) !important;border-color:#f5a54a !important}
/* Om oss: bild i hero (ingenjörsteam i labb), tonad in från vänster */
#page-about > section.abx-hero{min-height:440px}
#page-about > section.abx-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;width:58%;background:url(/img/about-team-lab.webp) 60% 35%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%);opacity:.92;pointer-events:none}
#page-about > section.abx-hero>.wrap{z-index:1}
#page-about > section.abx-hero h1,#page-about > section.abx-hero .abx-lead{text-shadow:0 2px 18px rgba(7,14,34,.55)}
@media (max-width:760px){#page-about > section.abx-hero::after{width:100%;opacity:.28;-webkit-mask-image:none;mask-image:none}}

/* ===== Enhetlig design på alla sidor (2026-11-07) ===== */
/* Ikoner: samma orange (variant A) överallt, även startsidans intro- och tjänsteikoner */
html body[data-page] .tr-ic,html body[data-page] .sx-ic,html body[data-page] .xp-ic,html body[data-page] .sv-ic,html body[data-page] .nb-ic,html body[data-page] .case-icon,html body[data-page] .rf-ic,html body[data-page] .nb-feat .nb-ic,html body[data-page] .sv-card .sv-ic{background:#f0962a !important;border-color:#f0962a !important;color:#fff !important}
/* Små ikonrutor i jobblistor: samma orange ton överallt */
html body[data-page] .jb-ic{background:rgba(240,150,42,.1) !important;color:#d9730d !important}
/* Knappar: en orange överallt (även CTA-bandet längst ned) */
html body main .btn-primary,html body main .cta-band .btn-primary{background:#f0962a !important;border-color:#f0962a !important;color:#fff !important}
html body main .btn-primary:hover,html body main .cta-band .btn-primary:hover{background:#d9730d !important;border-color:#d9730d !important}
/* Sandbakgrund: en nyans (#FAF7F2) överallt */
html body main section.people-section,html body main section.ts-section,html body main section.areas-sec,html body main section.intl-sec,html body main section.sx-sec,html body main section.sx-why,html body main section.sx-steps-sec,html body main section.soft-band,html body .hero-afry .clients,html body main .nb-world li{background-color:#FAF7F2 !important}
/* Om oss: samma rubrikvikt som övriga undersidor */
#page-about .abx-hero h1,#page-about .abx-easy h2,#page-about .abx-h2,#page-about h2{font-weight:600 !important}
html body[data-page] main#main .cta-band.cta-rich .btn-primary,html body[data-page] main#main .page-head .btn-primary,html body[data-page] main#main .svc-actions .btn-primary{background:#f0962a !important;border-color:#f0962a !important;color:#fff !important}
html body[data-page] main#main .cta-band.cta-rich .btn-primary:hover,html body[data-page] main#main .page-head .btn-primary:hover,html body[data-page] main#main .svc-actions .btn-primary:hover{background:#d9730d !important;border-color:#d9730d !important}
html body[data-page] main#main section:not([class]),html body[data-page] main#main section.soft-band{background-color:#FAF7F2}
:root{--warm:#FAF7F2}
html body .site-header .topbar,html body section.sx-steps-sec{background:#FAF7F2 !important}
html body[data-page] main#main section.people-section,html body[data-page] main#main section.ts-section,html body[data-page] main#main section.ix-section{background:#FAF7F2 !important}
/* Rubriker på undersidor i samma stil som startsidan: tunn rubrik, fetstil i orange på nyckelorden */
html body[data-page]:not([data-page="home"]):not([data-page="privacy"]):not([data-page="policies"]) main#main section h2:not(.cta-band h2),
html body#page-about main#main section h2:not(.cta-band h2),
html body[data-page="about"] main#main section h2:not(.cta-band h2){font-size:34px !important;font-weight:300 !important;letter-spacing:-.015em !important;line-height:1.1 !important;color:#0a2440 !important}
html body[data-page]:not([data-page="home"]) main#main section h2 .hl-text,html body[data-page="about"] main#main section h2 .hl-text{font-weight:600 !important;color:#e07b12 !important}
@media (max-width:760px){html body[data-page]:not([data-page="home"]):not([data-page="privacy"]):not([data-page="policies"]) main#main section h2:not(.cta-band h2){font-size:27px !important}}
/* Badge lite längre ned */
@media (min-width:961px){html body .hero-afry .kp-badge-wrap{margin-top:-20px !important}}
@media (min-width:961px){html body .hero-afry .kp-badge-wrap{margin-top:0 !important}}

/* ===== Kravprofil & intro: mer liv, samma designkoncept (2026-11-07) ===== */
html body .kp-sec{background:linear-gradient(180deg,#FAF7F2 0%,#fff 100%) !important;position:relative;overflow:hidden}
html body .kp-sec::before{content:"";position:absolute;right:-120px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(240,150,42,.10) 0%,rgba(240,150,42,0) 70%);pointer-events:none}
html body .kp-sec::after{content:"";position:absolute;left:0;top:0;bottom:0;width:46%;background-image:radial-gradient(rgba(10,36,64,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.kp-grid{position:relative;z-index:1;align-items:start}
.kp-label{margin:0 0 10px}
html body .kp-copy h2{margin-bottom:14px}
.kp-photo{position:relative;margin:30px 0 0;border-radius:18px;overflow:visible;max-width:560px}
.kp-photo img{display:block;width:100%;height:240px;object-fit:cover;object-position:50% 30%;border-radius:18px;box-shadow:0 18px 40px rgba(10,36,64,.14)}
.kp-chip{position:absolute;left:-14px;bottom:-18px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 12px 30px rgba(10,36,64,.16);font-size:14px;font-weight:700;color:#0A2440}
.kp-chip b{font-family:Manrope,sans-serif;font-size:22px;font-weight:800;color:#f0962a;line-height:1}
.kp-pts li{background:#fff;border:1px solid rgba(10,36,64,.07);border-radius:12px;padding:10px 14px;box-shadow:0 4px 14px rgba(10,36,64,.04)}
.kp-card{border-top:4px solid #f0962a}
@media (max-width:960px){.kp-photo{max-width:none}.kp-photo img{height:200px}.kp-chip{left:12px}}

/* Intro "Nya kompetensbehov": ingress med orange linje och funktionsrutor som kort */
html body .nb-intro .nb-lead{font-size:20px !important;line-height:1.5;color:#0A2440 !important;font-weight:600;border-left:4px solid #f0962a;padding-left:16px;margin:16px 0 18px}
html body .nb-intro .nb-feats{display:grid;gap:16px}
html body .nb-intro .nb-feat{background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:16px;padding:22px 24px;box-shadow:0 8px 24px rgba(10,36,64,.06);transition:transform .25s,box-shadow .25s,border-color .25s;align-items:flex-start}
html body .nb-intro .nb-feat:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(10,36,64,.10);border-color:rgba(240,150,42,.45)}
html body .nb-intro .nb-feat h3{color:#0A2440;margin-top:0}
html body[data-page] .nb-intro .nb-feat .nb-ic{border-radius:12px !important;box-shadow:0 6px 14px rgba(240,150,42,.28)}

/* Hero slide 4: kompetensområden som glasade "chips" */
html body[data-page="home"] .hero-afry .ex-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important;grid-template-columns:none !important;max-width:640px;margin-top:12px !important;padding:0 !important;list-style:none}
html body[data-page="home"] .hero-afry .ex-chips li{margin:0 !important;padding:0 !important;border:0 !important;width:auto !important}
html body[data-page="home"] .hero-afry .ex-chips li::before,html body[data-page="home"] .hero-afry .ex-chips li+li::before{display:none !important;content:none !important}
html body[data-page="home"] .hero-afry .ex-chips a{display:inline-flex !important;align-items:center;gap:8px;padding:7px 14px 7px 12px !important;border-radius:999px !important;background:rgba(255,255,255,.09) !important;border:1px solid rgba(255,255,255,.2) !important;color:#fff !important;font-size:13.5px !important;font-weight:600 !important;line-height:1.2;text-decoration:none !important;backdrop-filter:blur(3px);transition:background .2s,border-color .2s,transform .2s}
html body[data-page="home"] .hero-afry .ex-chips a::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#f0962a;box-shadow:0 0 0 3px rgba(240,150,42,.22)}
html body[data-page="home"] .hero-afry .ex-chips a:hover{background:rgba(240,150,42,.22) !important;border-color:#f0962a !important;transform:translateY(-1px)}
html body[data-page="home"] .hero-afry .hx-sub{margin-top:18px !important}

/* Om oss – "Så arbetar vi": numrerade kort med orange accent */
#page-about > section.abx-how{background:#FAF7F2 !important;position:relative}
#page-about .abx-how .abx-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px !important;counter-reset:abx;margin-top:34px}
#page-about .abx-how .abx-card{counter-increment:abx;position:relative;background:#fff !important;border:1px solid rgba(10,36,64,.08) !important;border-radius:18px !important;padding:30px 24px 26px !important;box-shadow:0 8px 24px rgba(10,36,64,.06) !important;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
#page-about .abx-how .abx-card::before{content:counter(abx,decimal-leading-zero);display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(240,150,42,.12);color:#d9730d;font:800 15px/1 Manrope,sans-serif;margin-bottom:16px}
#page-about .abx-how .abx-card::after{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:#f0962a;transform:scaleX(0);transform-origin:left;transition:transform .3s}
#page-about .abx-how .abx-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,36,64,.12) !important;border-color:rgba(240,150,42,.4) !important}
#page-about .abx-how .abx-card:hover::after{transform:scaleX(1)}
#page-about .abx-how .abx-card:hover::before{background:#f0962a;color:#fff}
#page-about .abx-how .abx-card h3{font-family:Manrope,sans-serif;font-size:18px !important;line-height:1.25;color:#0A2440 !important;margin:0 0 10px !important}
#page-about .abx-how .abx-card p{font-size:15px !important;line-height:1.6;color:#4a5868 !important;margin:0}
@media (max-width:1100px){#page-about .abx-how .abx-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:640px){#page-about .abx-how .abx-grid{grid-template-columns:minmax(0,1fr) !important}}

/* ===== Personsida: Johan Bergström ===== */
.ph-person{position:relative}
.jb-sec{padding-top:24px !important;background:#fff}
.jb-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
html body main#main .jb-main h2{margin:34px 0 14px !important}
html body main#main .jb-main h2:first-child{margin-top:0 !important}
.jb-main p{font-size:17px;line-height:1.65;color:#3b4a5c;max-width:46em;margin:0 0 14px}
.jb-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.jb-chips li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 14px;border-radius:999px;background:#FAF7F2;border:1px solid rgba(10,36,64,.08);font-weight:600;color:#0A2440;font-size:15px}
.jb-chips li::before{content:"";width:7px;height:7px;border-radius:50%;background:#f0962a;box-shadow:0 0 0 3px rgba(240,150,42,.2)}
.jb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 0}
.jb-facts div{background:#FAF7F2;border-radius:14px;padding:16px 18px;border-top:3px solid #f0962a}
.jb-facts dt{font:700 11px/1.2 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b7785;margin-bottom:6px}
.jb-facts dd{margin:0;font:700 16px/1.3 Manrope,sans-serif;color:#0A2440}
.jb-card{position:sticky;top:110px;background:#fff;border:1px solid rgba(10,36,64,.08);border-top:4px solid #f0962a;border-radius:20px;padding:28px;box-shadow:0 18px 44px rgba(10,36,64,.10);text-align:center}
.jb-card img{width:128px;height:128px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px rgba(240,150,42,.15);margin-bottom:14px}
.jb-card h3{font-family:Manrope,sans-serif;font-size:21px;color:#0A2440;margin:0 0 4px}
.jb-role{color:#6b7785;font-size:14px;margin:0 0 14px}
.jb-ct{font-size:14px;line-height:1.7;margin:0 0 18px}.jb-ct a{color:#0A2440;text-decoration:none;font-weight:600}
.jb-card .btn{width:100%;justify-content:center;margin-top:8px;display:flex}
html body main .jb-card .btn-ghost.jb-kp{color:#0A2440 !important;border:1px solid rgba(10,36,64,.25) !important;background:transparent !important}
a.jb-link{color:inherit;text-decoration:none;border-bottom:1px dashed rgba(224,123,18,.6)}
a.jb-link:hover{color:#e07b12}
@media (max-width:960px){.jb-grid{grid-template-columns:minmax(0,1fr)}.jb-card{position:static}.jb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Kontakt: två nummer + grundare ===== */
.jb-initials{display:inline-grid;place-items:center;width:128px;height:128px;border-radius:50%;background:linear-gradient(135deg,#24506a,#0A2440);color:#fff;font:700 40px/1 Manrope,sans-serif;letter-spacing:.04em;box-shadow:0 0 0 6px rgba(240,150,42,.15);margin-bottom:14px}
.jb-initials.sm{width:96px;height:96px;font-size:30px;margin:0;flex:none}
.fd-sec{padding:28px 0 40px !important}
.fd-lines{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:46px}
.fd-line{display:flex;gap:16px;align-items:flex-start;padding:24px 26px;border-radius:18px;background:#fff;border:1px solid rgba(10,36,64,.08);border-top:4px solid #f0962a;box-shadow:0 10px 30px rgba(10,36,64,.07);text-decoration:none;color:inherit;position:relative;transition:transform .2s,box-shadow .2s}
.fd-line:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,36,64,.12)}
.fd-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f0962a;color:#fff;box-shadow:0 6px 14px rgba(240,150,42,.3)}
.fd-ic svg{width:24px;height:24px}
.fd-line b{display:block;font:700 20px/1.2 Manrope,sans-serif;color:#0A2440;margin-bottom:4px}
.fd-line small{display:block;font-size:14px;color:#5b6578;margin-bottom:10px}
.fd-line strong{font:800 24px/1 Manrope,sans-serif;color:#e07b12;letter-spacing:.01em}
.fd-jobs{position:absolute;right:24px;bottom:22px;font-style:normal;font-weight:700;font-size:14px;color:#0A2440}
.fd-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.fd-card{display:flex;gap:20px;align-items:flex-start;background:#FAF7F2;border-radius:18px;padding:24px;border:1px solid rgba(10,36,64,.06)}
.fd-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 5px rgba(240,150,42,.15)}
.fd-card h3{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 2px;color:#0A2440}
.fd-role{color:#e07b12;font-weight:700;font-size:14px;margin:0 0 8px}
.fd-card p{font-size:15px;line-height:1.55;color:#3b4a5c;margin:0 0 8px}
.fd-ct a{color:#0A2440;font-weight:600;text-decoration:none}
.fd-more{font-weight:700;font-size:14px;color:#e07b12;text-decoration:none}
@media (max-width:860px){.fd-lines,.fd-grid{grid-template-columns:1fr}.fd-jobs{position:static;display:block;margin-top:10px}}


/* Tjänster: bild vald av Johanna (ingenjör i vit hjälm) */

/* Tjänster: bild över hela sidhuvudet (som övriga sidor) – ingenjör i vit hjälm */
html body .page-head.ph-services::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.66) 38%,rgba(15,39,66,.18) 64%,rgba(15,39,66,0) 100%),url(/img/services-worker.jpg) right 30%/cover no-repeat,#0f2742 !important}
/* Tjänster: hela killen syns till vänster, texten till höger */
@media (min-width:961px){
html body .page-head.ph-services{min-height:440px;padding-left:52% !important;display:flex;flex-direction:column;justify-content:center}
html body .page-head.ph-services::before{background:linear-gradient(90deg,rgba(15,39,66,0) 0%,rgba(15,39,66,0) 34%,rgba(15,39,66,.75) 46%,#0f2742 58%,#0b1d33 100%),url(/img/services-worker.jpg) left 0 center/auto 100% no-repeat,#0f2742 !important}
}
/* Tjänster: ljus bakgrund – bilden över hela, mörkblå text till höger */
@media (min-width:961px){
html body .page-head.ph-services::before{background:linear-gradient(90deg,rgba(221,227,225,0) 0%,rgba(221,227,225,0) 40%,rgba(221,227,225,.85) 50%,#dde3e1 58%,#e6ebea 100%),url(/img/services-worker.jpg) left 0 center/auto 100% no-repeat,#dde3e1 !important}
html body .page-head.ph-services h1,html body .page-head.ph-services .lead{color:#0A2440 !important;text-shadow:none !important}
html body .page-head.ph-services .lead{color:#2b3a4e !important}
html body .page-head.ph-services .crumbs,html body .page-head.ph-services .crumbs a{color:#3b4a5c !important}
html body main .page-head.ph-services .btn-ghost{color:#0A2440 !important;border-color:rgba(10,36,64,.45) !important;background:transparent !important}
html body main .page-head.ph-services .btn-ghost:hover{background:rgba(10,36,64,.06) !important}
}
@media (min-width:961px){html body .page-head.ph-services{padding-left:42% !important}
html body .page-head.ph-services::before{background:linear-gradient(90deg,rgba(221,227,225,0) 0%,rgba(221,227,225,0) 36%,rgba(221,227,225,.8) 45%,#dde3e1 52%,#e6ebea 100%),url(/img/services-worker.jpg) left 0 center/auto 100% no-repeat,#dde3e1 !important}}
@media (min-width:961px){html body .page-head.ph-services{padding-left:36% !important}
html body .page-head.ph-services::before{background:linear-gradient(90deg,rgba(221,227,225,0) 0%,rgba(221,227,225,0) 33%,rgba(221,227,225,.8) 40%,#dde3e1 46%,#e6ebea 100%),url(/img/services-worker.jpg) left 0 center/auto 100% no-repeat,#dde3e1 !important}}
@media (min-width:961px){html body .page-head.ph-services{padding-left:max(36%,500px) !important}
html body .page-head.ph-services::before{background:linear-gradient(90deg,rgba(221,227,225,0) 0%,rgba(221,227,225,0) max(33%,460px),rgba(221,227,225,.8) max(40%,520px),#dde3e1 max(46%,580px),#e6ebea 100%),url(/img/services-worker.jpg) left 0 center/auto 100% no-repeat,#dde3e1 !important}}
html body #page-about .page-head.ph-about2{display:flex !important;flex-direction:column;justify-content:center;grid-template-columns:none !important}
html body #page-about .page-head.ph-about2>*{grid-column:auto !important;grid-row:auto !important}
@media (max-width:960px){html body #page-about .page-head.ph-about2{display:block !important}}
/* About: who we are */
html body #page-about .abx-who{padding:72px 0 64px;background:#fff}
html body #page-about .who-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
html body #page-about .abx-who .label{color:#e07b12;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin:0 0 10px}
html body #page-about .abx-who .lead{font-size:19px;line-height:1.6;color:#0A2440;margin:14px 0 12px}
html body #page-about .abx-who p{color:#3b4a5c;line-height:1.7}
html body #page-about .who-stats{list-style:none;padding:0;margin:26px 0 0;display:flex;gap:14px;flex-wrap:wrap}
html body #page-about .who-stats li{background:#FAF7F2;border-radius:14px;padding:14px 18px;min-width:130px}
html body #page-about .who-stats b{display:block;font:800 22px/1.1 Manrope,sans-serif;color:#0A2440}
html body #page-about .who-stats span{font-size:13px;color:#5b6878}
html body #page-about .who-people{display:grid;grid-template-columns:1fr 1fr;gap:18px}
html body #page-about .who-person{display:block;text-decoration:none;background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(10,36,64,.06);transition:transform .25s,box-shadow .25s}
html body #page-about .who-person:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,36,64,.12)}
html body #page-about .who-person img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block;margin-bottom:12px}
html body #page-about .who-person b{display:block;font:800 16px/1.3 Manrope,sans-serif;color:#0A2440}
html body #page-about .who-person span{display:block;font-size:13px;color:#5b6878;margin-top:3px}
@media (max-width:900px){html body #page-about .who-grid{grid-template-columns:1fr;gap:32px}}
html body #page-about .who-grid{grid-template-columns:1fr !important;max-width:860px}
html body #page-about .abx-who .lead a{color:#0A2440;text-decoration:underline;text-decoration-color:rgba(240,150,42,.6);text-underline-offset:3px}
html body #page-about .abx-who .lead,html body #page-about .abx-who p{max-width:none !important}
#page-home .sv-grid.sv8{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
@media(max-width:1000px){#page-home .sv-grid.sv8{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:600px){#page-home .sv-grid.sv8{grid-template-columns:1fr !important}}
@media(min-width:1001px){html body #page-about .abx-grid.abx-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
html body .jb-card .jb-ct2{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:10px;text-align:left}
html body .jb-card .jb-ct2 a{display:flex;align-items:center;gap:10px;color:#0A2440;text-decoration:none;font-size:15px}
html body .jb-card .jb-ct2 a:hover span{text-decoration:underline}
html body .jb-card .jb-ct2 svg{flex:none;color:#f0962a}
html body .jb-card .jb-ct2 span{word-break:break-word}
/* darker body text (lighter than headings) */
:root,html body{--muted:#3a475b !important}
html body main p:not(.label):not(.crumbs):not(.cta-k),html body main li,html body main dd{color:inherit}
html body #page-about .abx-who p,html body #page-about .who-stats span,html body .jb-card .jb-role{color:#3a475b}
@media(min-width:1001px){html body #page-about .pol-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
html body .page-head.ph-tryhire::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.62) 45%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/engineer-laptop.jpg) right 30%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,right 30%,0 0 !important}
@media(min-width:900px){html body .ix-grid.ix-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
/* interim + shared service page bits */
html body .page-head.ph-interim::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.62) 45%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/engineers-meeting.jpg) right 35%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,right 35%,0 0 !important}
html body .page-head.ph-remote-global::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.62) 45%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/stockholm.jpg) center/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center,0 0 !important}
html body .in-diff{padding:64px 0;background:#fff}
html body .in-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}
html body .in-grid h2{margin-top:0}
html body .in-roles{background:#FAF7F2;border-radius:18px;padding:26px 28px}
html body .in-roles h3{margin:0 0 12px;color:#0A2440}
html body .in-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
html body .in-list li{position:relative;padding-left:22px;line-height:1.5}
html body .in-list li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:#f0962a}
@media(max-width:900px){html body .in-grid{grid-template-columns:1fr;gap:28px}}
html body .svc-steps .steps{margin-top:24px}
html body .page-head.ph-clients::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.62) 45%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/about-team-lab.webp) center/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center,0 0 !important}
html body .cases-page{padding-top:56px}
html body #page-about .abx-who .who-family a{color:#0A2440;text-decoration:underline;text-decoration-color:rgba(240,150,42,.6);text-underline-offset:3px}
/* niche & legacy systems */
html body .lg-sec{padding:72px 0;background:#0A2440;color:#e8eef5}
html body .lg-sec .label{color:#f0962a}
html body .lg-sec h2{color:#fff;margin-top:6px}
html body .lg-sec h2 .hl-text{color:#f0962a}
html body .lg-sec p{color:#cfd9e5 !important;line-height:1.7}
html body .lg-sec .lg-ex{font-size:14px;color:#9fb1c5 !important;margin-top:14px}
html body .lg-sec .lg-link a{color:#f0962a;font-weight:700;text-decoration:none}
html body .lg-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
html body .lg-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
html body .lg-chips li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 16px;font-size:14px;color:#fff}
@media(max-width:900px){html body .lg-grid{grid-template-columns:1fr;gap:28px}}
html body .ft-countries .gl-flags{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
html body .ft-countries .gl-flags li{display:flex;align-items:center;gap:10px;background:#FAF7F2;border-radius:10px;padding:10px 12px;font-size:14.5px;font-weight:500;color:#0A2440}
html body .ft-countries .gl-flags img{border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
html body #page-svcpage .ft-countries{grid-column:1/-1}
html body [id^="page-"] section.lg-sec,html body section.lg-sec{background:#0A2440 !important;color:#e8eef5 !important}
html body section.lg-sec h2{color:#fff !important}
html body section.lg-sec p{color:#cfd9e5 !important}
html body section.lg-sec p.label{color:#f0962a !important}
html body section.lg-sec .lg-ex{color:#9fb1c5 !important}
html body section.lg-sec .lg-chips li{color:#fff !important}
html body #page-home>section.lg-sec,html body #page-svcpage>section.lg-sec,html body #page-home section.lg-sec,html body #page-svcpage section.lg-sec{background:#0A2440 !important}
html body #page-home section.lg-sec h2,html body #page-svcpage section.lg-sec h2{color:#fff !important}
html body #page-home section.lg-sec p,html body #page-svcpage section.lg-sec p{color:#cfd9e5 !important}
html body #page-home section.lg-sec p.label,html body #page-svcpage section.lg-sec p.label{color:#f0962a !important}
html body #page-home section.lg-sec .lg-ex,html body #page-svcpage section.lg-sec .lg-ex{color:#9fb1c5 !important}
html body #page-home section.lg-sec .lg-link a,html body #page-svcpage section.lg-sec .lg-link a{color:#f0962a !important}
html body #page-home section.lg-sec .lg-chips li,html body #page-svcpage section.lg-sec .lg-chips li{color:#fff !important;background:rgba(255,255,255,.07) !important}
/* niche section v2 */
html body section.lg-sec{position:relative;overflow:hidden;padding:84px 0 !important;background:radial-gradient(900px 420px at 85% 20%,rgba(240,150,42,.08),transparent 60%),linear-gradient(135deg,#0A2440 0%,#10345a 100%) !important}
html body section.lg-sec::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 100%);mask-image:linear-gradient(90deg,transparent 40%,#000 100%)}
html body section.lg-sec .wrap{position:relative;z-index:1}
html body section.lg-sec h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15}
html body section.lg-sec .lg-chips{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body section.lg-sec .lg-chips li{display:flex;align-items:center;gap:12px;border-radius:14px !important;padding:14px 16px !important;font-size:15px;font-weight:600;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12);transition:background .2s,border-color .2s,transform .2s}
html body section.lg-sec .lg-chips li::before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:#f0962a;box-shadow:0 0 0 4px rgba(240,150,42,.18)}
html body section.lg-sec .lg-chips li:hover{background:rgba(255,255,255,.1) !important;border-color:rgba(240,150,42,.5);transform:translateY(-2px)}
html body section.lg-sec .lg-link a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:12px 20px;border-radius:999px;background:#f0962a;color:#0A2440 !important;font-weight:800}
html body section.lg-sec .lg-link a:hover{background:#ffad4d}
@media(max-width:600px){html body section.lg-sec .lg-chips{grid-template-columns:1fr}}/* rolling client logos on clients page *//* client logo tiles (higher specificity) *//* Client logos: single auto-scrolling row */

@media(max-width:700px){}
@media(prefers-reduced-motion:reduce){}
html body #page-home section.lg-sec .lg-link a,html body #page-svcpage section.lg-sec .lg-link a{color:#0A2440 !important;background:#f0962a}
html body #page-home section.lg-sec .lg-link a:hover,html body #page-svcpage section.lg-sec .lg-link a:hover{background:#ffad4d;color:#0A2440 !important}

/* illustrated consultant avatars */
html body .pc .pc-av:not(.pc-photo){color:transparent !important;font-size:0 !important;background-size:cover !important;background-position:center !important}
html body .pc-grid .pc:nth-child(8n+1) .pc-av:not(.pc-photo){background:url(/img/av-1.svg) center/cover no-repeat !important}
html body .pc-grid .pc:nth-child(8n+2) .pc-av:not(.pc-photo){background:url(/img/av-2.svg) center/cover no-repeat !important}
html body .pc-grid .pc:nth-child(8n+3) .pc-av:not(.pc-photo){background:url(/img/av-3.svg) center/cover no-repeat !important}
html body .pc-grid .pc:nth-child(8n+4) .pc-av:not(.pc-photo){background:url(/img/av-4.svg) center/cover no-repeat !important}
html body .pc-grid .pc:nth-child(8n+5) .pc-av:not(.pc-photo){background:url(/img/av-5.svg) center/cover no-repeat !important}
html body .pc-grid .pc:nth-child(8n+6) .pc-av:not(.pc-photo){background:url(/img/av-6.svg) center/cover no-repeat !important}
html body .pc-grid .pc:nth-child(8n+7) .pc-av:not(.pc-photo){background:url(/img/av-7.svg) center/cover no-repeat !important}
html body .pc-grid .pc:nth-child(8n+8) .pc-av:not(.pc-photo){background:url(/img/av-8.svg) center/cover no-repeat !important}
/* slide 4: lift content and tighten */
@media(min-width:961px){
html body .hx-slide[aria-label="4 / 5"]{margin-top:-48px}
html body .hx-slide[aria-label="4 / 5"] .lead{font-size:17px !important;line-height:1.55 !important;margin-bottom:10px !important}
html body .hx-slide[aria-label="4 / 5"] .hero-more{margin-top:6px !important;margin-bottom:10px !important}
html body .hx-slide[aria-label="4 / 5"] .hx-sub{margin-top:8px !important}
}
/* consulting header: lab consultant (swapped with photo section) */
html body .page-head.ph-consultants::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.6) 42%,rgba(15,39,66,.15) 72%,rgba(15,39,66,0) 100%),url(/img/consultants-head.jpg) right center/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,right center,0 0 !important}
html body .nb-intro-photo{margin:26px 0 0;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(10,36,64,.12)}
html body .nb-intro-photo img{display:block;width:100%;height:260px;object-fit:cover;object-position:center 60%}
html body #page-svcpage>section.lg-sec#niche-systems h2,html body #page-home>section.lg-sec#niche-systems h2,html body section#niche-systems.lg-sec .lg-grid h2{color:#fff !important}
html body section#niche-systems.lg-sec .lg-grid p:not(.label){color:#cfd9e5 !important}
/* industries: 4 per row */
@media(min-width:901px){html body #page-home .nb-ind-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;grid-auto-rows:220px !important}
html body #page-home .nb-ind-grid .area-card{grid-column:auto !important;grid-row:auto !important}}
@media(min-width:561px) and (max-width:900px){html body #page-home .nb-ind-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}html body #page-home .nb-ind-grid .area-card{grid-column:auto !important;grid-row:auto !important}}
/* related services */
html body .rel-sec{padding:56px 0;background:#fff}
html body .rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
html body .rel-card{position:relative;display:block;padding:20px 44px 20px 22px;border:1px solid rgba(10,36,64,.1);border-radius:16px;background:#FAF7F2;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
html body .rel-card b{display:block;font:800 17px/1.3 Manrope,sans-serif;color:#0A2440}
html body .rel-card span{display:block;margin-top:6px;font-size:14.5px;color:#3a475b;line-height:1.5}
html body .rel-card i{position:absolute;right:18px;top:20px;font-style:normal;color:#f0962a;font-weight:800}
html body .rel-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(10,36,64,.1);border-color:rgba(240,150,42,.5)}
@media(max-width:800px){html body .rel-grid{grid-template-columns:1fr}}
/* comparison table */
html body .cmp-sec{padding:64px 0;background:#FAF7F2}
html body .cmp-wrap{margin-top:22px;overflow-x:auto;border-radius:16px;box-shadow:0 10px 30px rgba(10,36,64,.06)}
html body .cmp-table{width:100%;border-collapse:collapse;background:#fff;font-size:15.5px}
html body .cmp-table th{background:#0A2440;color:#fff;text-align:left;padding:14px 20px;font:700 14px/1.3 Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}
html body .cmp-table td{padding:14px 20px;border-top:1px solid rgba(10,36,64,.08);color:#24324a}
html body .cmp-table td a{color:#0A2440;font-weight:800;text-decoration:none}
html body .cmp-table td a span{color:#f0962a}
html body .cmp-table tr:hover td{background:#fdf6ec}
/* VM three ways */
html body .vm-ways{padding:64px 0;background:#fff}
html body .vm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
html body .vm-card{padding:24px;border-radius:18px;background:#FAF7F2;border:1px solid rgba(10,36,64,.08)}
html body .vm-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0962a;color:#fff;font:800 15px Manrope,sans-serif;margin-bottom:12px}
html body .vm-card h3{margin:0 0 8px;color:#0A2440;font-size:18px}
html body .vm-card p{margin:0;color:#3a475b;line-height:1.6}
html body .vm-note{margin-top:18px;font-weight:600;color:#0A2440}
@media(max-width:800px){html body .vm-grid{grid-template-columns:1fr}}
/* international mobility v2 */
html body .intl-v2 .exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
html body .intl-v2 .exp-copy .lead{font-size:18px;line-height:1.65;color:#24324a}
html body .intl-v2 .in-photo{margin:22px 0 0;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(10,36,64,.12)}
html body .intl-v2 .in-photo img{display:block;width:100%;height:280px;object-fit:cover}
html body .intl-cards{list-style:none;padding:0;margin:0;display:grid;gap:12px}
html body .intl-cards li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:16px;box-shadow:0 6px 18px rgba(10,36,64,.05)}
html body .intl-n{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(240,150,42,.14);color:#d9730d;font:800 14px Manrope,sans-serif}
html body .intl-cards h3{margin:0 0 4px;font-size:17px;color:#0A2440}
html body .intl-cards p{margin:0;color:#3a475b;line-height:1.55;font-size:15px}
html body .intl-note{margin:12px 0 0;font-size:13px;color:#5b6878}
@media(max-width:900px){html body .intl-v2 .exp-grid{grid-template-columns:1fr;gap:26px}}
/* EOR + Interim headers: nature images */
html body .page-head.eor-head::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/offshore-wind-sea-d1f8ba6f.webp) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body .page-head.ph-interim::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/offshore-wind-turbines-1b079500.webp) center/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center,0 0 !important}
html body .page-head.ph-clients::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/offshore-wind-turbines-1b079500.webp) center/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center,0 0 !important}
html body .page-head.ph-interim::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.62) 45%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/engineers-meeting.jpg) right 35%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,right 35%,0 0 !important}
/* services header: own image (different from About) */
html body .page-head.ph-services::before{background:linear-gradient(90deg,rgba(221,227,225,0) 0%,rgba(221,227,225,0) max(33%,460px),rgba(221,227,225,.8) max(40%,520px),#dde3e1 max(46%,580px),#e6ebea 100%),url(/img/about-team-lab.webp) left 0 center/auto 100% no-repeat,#dde3e1 !important}
html body .page-head.ph-services::before{background:linear-gradient(90deg,rgba(221,227,225,0) 0%,rgba(221,227,225,0) max(34%,500px),rgba(221,227,225,.85) max(41%,580px),#dde3e1 max(46%,640px),#e6ebea 100%),url(/img/services-team.jpg) left 0 center/auto 100% no-repeat,#dde3e1 !important}
html body .page-head.ph-services{padding-left:max(40%,620px) !important}
/* About keeps the helmet/safety-glasses worker */
html body .page-head.ph-services.ph-about2::before{background:linear-gradient(90deg,rgba(221,227,225,0) 0%,rgba(221,227,225,0) max(33%,460px),rgba(221,227,225,.8) max(40%,520px),#dde3e1 max(46%,580px),#e6ebea 100%),url(/img/services-worker.jpg) left 0 center/auto 100% no-repeat,#dde3e1 !important}
html body .page-head.ph-services.ph-about2{padding-left:max(36%,500px) !important}
/* Sister company: Searching for Talents */
html body section.sft-sec{background:#fff !important;padding:8px 0 64px !important}
html body .sft-box{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#FAF7F2;border:1px solid #ebe7dc;border-left:4px solid #f0962a;border-radius:14px;padding:28px 32px}
html body .sft-box .label{margin:0 0 6px}
html body .sft-box h2{font-size:clamp(20px,2vw,24px) !important;line-height:1.3;color:#0A2440 !important;margin:0 0 8px !important}
html body .sft-box p:not(.label){color:#3a475b;margin:0;max-width:720px}
html body .sft-btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){html body .sft-box{flex-direction:column;align-items:flex-start;padding:22px}}
html body .ft2-sister{font-size:13.5px;opacity:.85;margin:-4px 0 14px}
html body .ft2-sister a{color:inherit;text-decoration:underline;text-underline-offset:2px}
html body .ft2-sister a:hover{color:#f0962a}
html body .who-sister a{color:#d9730d;font-weight:600}
@media (min-width:961px){html body .hero-afry .kp-badge-wrap{left:652px !important}}
/* Kravprofil: cleaner, consistent with rest of site */
html body .kp-sec{background:#FAF7F2 !important}
html body .kp-sec::before,html body .kp-sec::after{display:none !important}
html body .kp-grid{align-items:center}
html body .kp-sec .kp-lead{color:#3a475b;max-width:540px}
html body .kp-pts{gap:12px;margin-top:6px}
html body .kp-pts li{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;font-weight:600;font-size:16px;color:#0A2440}
html body .kp-check{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(240,150,42,.14);color:#d9730d}
html body .kp-check svg{width:13px;height:13px}
html body .kp-photo{margin-top:32px;max-width:540px}
html body .kp-photo img{height:220px;border-radius:14px;box-shadow:none}
html body .kp-card{border:1px solid #ebe7dc !important;border-top:1px solid #ebe7dc !important;border-radius:16px;box-shadow:0 10px 30px rgba(10,36,64,.06) !important;padding:32px}
html body .kp-sec .kp-card .kp-tags{display:none}
html body .kp-card .kp-title{margin-bottom:8px}
html body .kp-drop{border-radius:12px;background:#fff;border-color:rgba(10,36,64,.2)}
html body .kp-card textarea,html body .kp-card .field input{border-radius:8px;border-color:#dcd8cd}
html body .kp-send{width:100%;justify-content:center;margin-top:6px}
html body .kp-card .kp-title{border-left:0 !important;padding-left:0 !important}
/* Kravprofil form polish */
html body .kp-card{padding:36px 36px 30px}
html body .kp-card .kp-title{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}
html body .kp-card .kp-intro{font-size:15px;color:#5a6676;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #efece4}
html body .kp-drop{padding:14px 16px;gap:14px;border:1px dashed #d4cfc2}
html body .kp-up{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff4e6;color:#d9730d}
html body .kp-or{margin:16px 0;font-size:12px;color:#9aa3ad}
html body .kp-card .field label{font-size:12.5px;font-weight:700;letter-spacing:.02em;margin-bottom:6px;display:block}
html body .kp-row{gap:16px;margin-top:18px}
html body .kp-consent{font-size:13px;color:#5a6676;margin-top:16px}
html body .lg-chips{gap:10px !important}
html body .lg-chips li{font-size:14.5px !important;padding:10px 14px !important}
html body #page-home>section.kp-sec{background:#FAF7F2 !important}
@media(min-width:1100px){html body .sx-grid.sx8{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
/* Header images: EOR = contract signing, Remote India = IT/data, Energy = offshore wind */
html body .page-head.eor-head::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/signing.jpg) center 45%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 45%,0 0 !important}
html body .page-head.ph-remote-india:not(.ph-remote-global)::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/area-ai.jpg) center/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center,0 0 !important}
html body .page-head.ph-energy::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/offshore-wind-sea-d1f8ba6f.webp) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
/* Roles chips */
html body section.roles-sec{background:#fff !important;padding:56px 0 !important}
html body .roles-sec h2{font-size:clamp(22px,2.2vw,28px) !important;color:#0A2440 !important;margin:0 0 8px !important}
html body .roles-sec p.roles-lead{color:#3a475b;margin:0 0 20px;max-width:760px}
html body .roles-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
html body .roles-list li{background:#FAF7F2;border:1px solid #ebe7dc;border-radius:999px;padding:7px 14px;font-size:14px;color:#0A2440;font-weight:600}
/* Energy areas */
html body .en-areas .ix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
@media(min-width:900px){html body .en-areas + .in-diff .in-list{columns:2;column-gap:28px}html body .en-areas + .in-diff .in-list li{break-inside:avoid}}
/* Home: green transition band */
html body #page-home>section.en-band{background:#FAF7F2 !important;padding:72px 0 !important}
html body .en-band-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
html body .en-band h2{font-size:clamp(26px,3vw,36px) !important;color:#0A2440 !important;margin:0 0 14px !important;line-height:1.2}
html body .en-band p{color:#3a475b;font-size:17px;line-height:1.6;margin:0 0 18px;max-width:560px}
html body .en-chips{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}
html body .en-chips li{background:#fff;border:1px solid #ebe7dc;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:#0A2440}
html body .en-band-img{margin:0}
html body .en-band-img img{display:block;width:100%;height:340px;object-fit:cover;border-radius:16px}
@media(max-width:900px){html body .en-band-grid{grid-template-columns:1fr;gap:28px}html body .en-band-img img{height:220px}}
/* Consulting vs Try & Hire headers: distinct images, better crop */
html body .page-head.ph-consultants:not(.ph-tryhire)::before{background-position:0 0,center 30%,0 0 !important}
html body .page-head.ph-consultants.ph-tryhire::before{background:linear-gradient(90deg,rgba(12,32,54,.86) 0%,rgba(15,39,66,.62) 45%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/engineer-laptop.jpg) center 42%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 42%,0 0 !important}
/* Industry page headers */
html body .page-head.ph-ind-telecom-electronics::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/telecom-tower.jpg) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body .page-head.ph-ind-automotive::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/area-automotive.jpg) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body .page-head.ph-ind-life-science::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/lab-scientist.jpg) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body .page-head.ph-ind-manufacturing::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/area-automation.jpg) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body .page-head.ph-ind-mining-process::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/ind-mining.jpg) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body .page-head.ph-ind-logistics::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/ind-logistics.jpg) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body .page-head.ph-ind-packaging-process::before{background:linear-gradient(90deg,rgba(12,32,54,.88) 0%,rgba(15,39,66,.62) 42%,rgba(15,39,66,.15) 75%,rgba(15,39,66,0) 100%),url(/img/area-process.jpg) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body .en-areas + .in-diff .in-list{columns:2;column-gap:28px}
html body img[src="/img/area-industrial.jpg"],html body img[src="/img/area-commissioning.jpg"]{object-position:center 35% !important}
html body .photo-strip img[src="/img/area-quality.jpg"]{object-position:center 30% !important}
/* Softer look on newer in-text photos */
html body img[src="/img/energy-wind.jpg"],html body img[src="/img/vm-meeting.jpg"],html body img[src="/img/area-quality.jpg"],html body img[src="/img/area-industrial.jpg"],html body img[src="/img/area-commissioning.jpg"]{filter:saturate(.78) contrast(.94) brightness(1.03)}/* Clients page: logo strip identical to home */
@media(max-width:760px){}
@media(max-width:600px){}
@media(max-width:600px){}

/* Clients page logo strip = exact copy of home strip */
html body section.sx-logos.cl-page .wrap .clients ul li{height:92px !important;padding:0 14px !important;background:#fff !important;border:1px solid rgba(20,40,70,.08) !important;border-radius:14px !important;display:grid !important;place-items:center !important}
html body section.sx-logos.cl-page .wrap .clients ul li img{max-height:30px !important;max-width:64% !important;width:auto !important;height:auto !important;transform:none !important}
html body section.sx-logos.cl-page .wrap .clients ul li img[alt="Huawei"],html body section.sx-logos.cl-page .wrap .clients ul li img[alt="H&M"],html body section.sx-logos.cl-page .wrap .clients ul li img[alt="Amdocs"]{max-height:42px !important}
@media(max-width:560px){html body section.sx-logos.cl-page .wrap .clients ul li{height:70px !important}}
html body section.sx-logos.cl-page .wrap .clients ul{justify-items:stretch !important;align-items:stretch !important}
html body section.sx-logos.cl-page .wrap .clients ul li{width:100% !important}
html body section.sx-logos.cl-page .wrap .clients{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
html body section.sx-logos.cl-page .wrap .clients .clients-k{-webkit-mask-image:none}
html body section.sx-logos.cl-page .wrap .clients ul.cl-roll{display:flex !important;grid-template-columns:none !important;flex-wrap:nowrap !important;gap:14px !important;width:max-content !important;animation:clroll 40s linear infinite;padding:4px 0 !important;margin:0 !important}
html body section.sx-logos.cl-page .wrap .clients ul.cl-roll:hover{animation-play-state:paused}
html body section.sx-logos.cl-page .wrap .clients ul.cl-roll li{flex:none !important;width:170px !important;height:76px !important}
@media(prefers-reduced-motion:reduce){html body section.sx-logos.cl-page .wrap .clients ul.cl-roll{animation:none;flex-wrap:wrap !important;width:auto !important}}
@media(max-width:600px){html body section.sx-logos.cl-page .wrap .clients ul.cl-roll li{width:130px !important;height:62px !important}}
html body section.sx-logos.cl-page .wrap .clients{-webkit-mask-image:none !important;mask-image:none !important;display:grid !important;grid-template-columns:190px 1fr;align-items:center;gap:28px;padding:30px 0 !important;margin-top:0 !important;border-bottom:1px solid rgba(20,40,70,.08)}
html body section.sx-logos.cl-page .wrap .clients .clients-k{margin:0 !important;font:600 12px/1.45 var(--font-body) !important;letter-spacing:.12em !important;text-transform:uppercase;color:var(--muted) !important}
html body section.sx-logos.cl-page .wrap .clients .clients-k span{background:none !important;padding:0 !important}
html body section.sx-logos.cl-page .wrap .clients .clients-k::after,html body section.sx-logos.cl-page .wrap .clients .clients-k::before{display:none !important}
html body section.sx-logos.cl-page .wrap .clients ul.cl-roll{gap:48px !important;align-items:center}
html body section.sx-logos.cl-page .wrap .clients ul.cl-roll li{width:auto !important;height:44px !important;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;display:flex !important;align-items:center}
html body section.sx-logos.cl-page .wrap .clients ul.cl-roll li img{height:26px !important;width:auto !important;max-width:130px !important;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .25s,opacity .25s}
html body section.sx-logos.cl-page .wrap .clients ul.cl-roll li img:hover{filter:none;opacity:1}
@media(max-width:760px){html body section.sx-logos.cl-page .wrap .clients{grid-template-columns:1fr;gap:14px;padding:22px 0 !important}}
html body section.sx-logos.cl-page .wrap .clients{display:grid !important;grid-template-columns:200px minmax(0,1fr) !important;gap:32px !important}
html body section.sx-logos.cl-page .wrap .clients .clients-k,html body section.sx-logos.cl-page .wrap .clients .clients-k span{white-space:normal !important;display:block !important;max-width:200px}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li img{height:24px !important;max-height:24px !important;width:auto !important;max-width:120px !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li{min-width:0 !important}
@media(max-width:760px){html body section.sx-logos.cl-page .wrap .clients{grid-template-columns:1fr !important;gap:12px !important}}
html body section.sx-logos.cl-page .wrap .clients .clients-k,html body section.sx-logos.cl-page .wrap .clients .clients-k span{text-align:left !important}
html body section.sx-logos.cl-page .wrap .clients{margin-bottom:0 !important;border-bottom:0}
html body section.sx-logos.cl-page .wrap .clients{display:block !important;position:relative;padding:34px 0 !important;border:0 !important}
html body section.sx-logos.cl-page .wrap .clients::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:#FAF7F2;z-index:-1}
html body section.sx-logos.cl-page .wrap .clients{isolation:isolate}
html body section.sx-logos.cl-page .wrap .clients .clients-k{display:none !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll{gap:72px !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li{height:64px !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li img{height:38px !important;max-height:38px !important;max-width:150px !important;filter:grayscale(1) brightness(0) !important;opacity:1 !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li img:hover{filter:none !important}
@media(max-width:600px){html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll{gap:44px !important}html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li img{height:28px !important;max-height:28px !important}}
html body section.sx-logos.cl-page .wrap .clients::before{display:none !important}
html body section.sx-logos.cl-page .wrap .clients{background:#FAF7F2 !important;border-radius:0 !important;box-shadow:0 0 0 100vmax #FAF7F2 !important;clip-path:inset(0 -100vmax) !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view{-webkit-mask-image:none !important;mask-image:none !important}
html body section.sx-logos.cl-page .wrap .clients{padding:24px 0 !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll{gap:56px !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li{height:44px !important}
html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li img{height:26px !important;max-height:26px !important;max-width:110px !important}
@media(max-width:600px){html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li img{height:22px !important;max-height:22px !important}}
html body html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li img{filter:brightness(0) invert(12%) sepia(55%) saturate(1861%) hue-rotate(191deg) brightness(71%) contrast(96%) !important;opacity:1 !important}
html body section.sx-logos.cl-page{padding:0 !important;background:#FAF7F2 !important}
html body section.sx-logos.cl-page .cl-logos-h{display:none !important}
/* === Visual review fixes === */
/* Mobile: light split hero (Services, About) – image on top, text below */
@media(max-width:760px){
html body .page-head.ph-services,html body .page-head.ph-services.ph-about2{padding:250px 20px 36px !important}
html body .page-head.ph-services::before,html body .page-head.ph-services.ph-about2::before{bottom:auto !important;height:230px !important;background-size:auto,cover,auto !important;background-position:0 0,center 30%,0 0 !important}
}
/* Mobile home hero: smaller badge, clear of heading */
@media(max-width:760px){
html body .hero-afry .kp-badge-wrap{transform:scale(.72) !important;transform-origin:top right !important;top:8px !important;right:6px !important;left:auto !important}
html body .hero-afry h1{text-shadow:0 2px 14px rgba(10,36,64,.55)}
html body .to-top{bottom:96px !important}
html body main{padding-bottom:12px}
}
/* Equal-height cards */
html body .ix-grid{align-items:stretch !important}
html body .ix-grid>.ix-card{height:100%}
/* Industry pages: balance "why" column, spacing under headings */
html body .en-areas + .in-diff .in-grid{align-items:center}
html body .in-diff h2,html body .en-band h2,html body .lg-sec h2,html body .ix-section h2{margin-bottom:14px !important}
/* Recruitment airport photo fills its frame */
html body figure img[src="/img/airport.jpg"]{height:100% !important;min-height:100%;object-fit:cover}
/* Footer: keep last language link clear of the back-to-top button */
html body .ft2-bottom{padding-right:64px}
html body .ft2-sister,html body .ft2-bottom small{font-size:13px}
/* Keep the word Co-Worker on one line */
html body h2{hyphens:manual}
@media(max-width:760px){
html body .page-head.ph-services h1,html body .page-head.ph-services h1 *:not(.hl):not(.hl-text){color:#0A2440 !important;text-shadow:none !important}
html body .page-head.ph-services p,html body .page-head.ph-services .lead{color:#3a475b !important;text-shadow:none !important}
html body .page-head.ph-services .btn-ghost,html body .page-head.ph-services .btn-light,html body .page-head.ph-services a.btn:not(.btn-primary){color:#0A2440 !important;border-color:rgba(10,36,64,.35) !important;background:transparent !important;display:inline-flex !important}
html body .page-head.ph-services{background:#FAF7F2 !important}
}
/* Kravprofil: whole section opens as dialog from the round button; section hidden on page */
html body #page-home>section.kp-sec{display:none !important}
html body .kp-overlay-full{align-items:flex-start;padding:4vh 16px}
html body .kp-overlay-full .kp-dialog{position:relative;width:min(1080px,100%);background:#FAF7F2;border-radius:18px;padding:40px 40px 32px;box-shadow:0 30px 80px rgba(6,20,36,.35);animation:kpUp .25s ease}
html body .kp-overlay-full .kp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start;padding:0 !important;max-width:none !important;margin:0 !important}
html body .kp-overlay-full .kp-photo{display:none !important}
html body .kp-overlay-full .kp-copy h2{font-size:clamp(24px,2.4vw,32px) !important;color:#0A2440 !important;margin:0 0 14px !important;opacity:1 !important;transform:none !important}
html body .kp-overlay-full .kp-copy,html body .kp-overlay-full .kp-card{opacity:1 !important;transform:none !important}
html body .kp-overlay-full .kp-card{max-height:none !important;width:auto !important}
html body .kp-overlay-full .kp-close{display:none !important}
html body .kp-overlay-full .kp-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#0A2440;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(10,36,64,.12);z-index:2}
html body .kp-overlay-full .kp-x:hover{background:#eef0f3}
@media(max-width:860px){html body .kp-overlay-full .kp-grid{grid-template-columns:1fr;gap:24px}html body .kp-overlay-full .kp-dialog{padding:52px 18px 22px}}
html body .kp-overlay-full .kp-tags{display:none !important}
/* Logo strip: darker, solid logos so they read the same on laptop and external monitors */
html body #page-home section.hero .wrap .clients .cl-view ul.cl-roll li img,html body section.sx-logos.cl-page .wrap .clients .cl-view ul.cl-roll li img{filter:brightness(0) !important;opacity:.88 !important}
html body .hero-afry .hx-text{color:#fff;font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:600px;margin:18px 0 26px;text-shadow:0 1px 10px rgba(10,36,64,.45)}
@media(max-width:760px){html body .hero-afry .hx-text{font-size:16px;margin:14px 0 22px}}
html body .hero-afry .hx-text{margin:14px 0 16px !important}
html body #page-home section.hero .hx-slide p.hx-text,html body #page-home .hero p.hx-text{color:rgba(255,255,255,.92) !important;text-shadow:0 1px 10px rgba(10,36,64,.5) !important}
html body .hero-afry .hx-bar{display:none !important}
/* Hero: no line under the CTA, CTA navy like the stats band */
html body .hero-afry .hx-track::after,html body .hero-afry .hx-track::before{display:none !important}
html body #page-home .hero .hx-slide .btn.btn-primary{background:#0f2742 !important;border:1px solid rgba(255,255,255,.28) !important;color:#fff !important;box-shadow:0 6px 18px rgba(6,20,36,.35) !important}
html body #page-home .hero .hx-slide .btn.btn-primary:hover{background:#163659 !important;border-color:rgba(255,255,255,.45) !important}
/* Round badge typography: "Klicka här" + "Få kandidatförslag" */
html body .kp-badge{gap:0 !important;text-align:center}
html body .kp-badge b{font-family:var(--font-head,"Manrope"),sans-serif;font-size:22px !important;line-height:1.05 !important;font-weight:800 !important;letter-spacing:-.01em;max-width:none !important;display:flex;flex-direction:column;align-items:center}
html body .kp-badge b::after{content:"" !important;display:block !important;width:28px !important;height:2px !important;margin:9px auto 8px !important;background:rgba(255,255,255,.75) !important;border-radius:2px}
html body .kp-badge small{font-size:12.5px !important;line-height:1.25 !important;font-weight:700 !important;letter-spacing:.02em !important;max-width:80% !important;opacity:1 !important}
html body .kp-badge small::after{content:" →";font-weight:800}
@media(max-width:760px){html body .kp-badge b{font-size:19px !important}html body .kp-badge small{font-size:11.5px !important}}
html body .kp-badge b::after{display:none !important}
html body .kp-badge small::after{content:none !important}
html body .kp-badge b,html body .kp-badge small{font-family:var(--font-head,"Manrope"),sans-serif !important;font-size:17px !important;line-height:1.15 !important;font-weight:800 !important;letter-spacing:-.005em !important;max-width:86% !important;opacity:1 !important}
@media(max-width:760px){html body .kp-badge b,html body .kp-badge small{font-size:16px !important}}
/* Badge text in site heading font, lighter weight */
html body .kp-badge b,html body .kp-badge small{font-family:Manrope,Inter,system-ui,sans-serif !important;font-weight:600 !important;font-size:16px !important;line-height:1.25 !important;letter-spacing:0 !important;max-width:80% !important}
@media(max-width:760px){html body .kp-badge b,html body .kp-badge small{font-size:15px !important}}
html body .kp-badge b,html body .kp-badge small{font-size:15px !important;letter-spacing:.03em !important;line-height:1.3 !important;max-width:94% !important;white-space:nowrap}
html body .kp-badge b{display:block !important}
@media(max-width:760px){html body .kp-badge b,html body .kp-badge small{font-size:14px !important}}
html body .kp-badge b,html body .kp-badge small{font-size:13.5px !important;letter-spacing:.03em !important}
@media(max-width:760px){html body .kp-badge b,html body .kp-badge small{font-size:13px !important}}
html body .kp-badge b,html body .kp-badge small{line-height:1.55 !important;letter-spacing:.05em !important}
/* Avoid single words on their own line */
html body .nb-lead,html body h1,html body h2,html body h3,html body .lead,html body .kp-lead,html body .hx-text{text-wrap:balance}
html body p{text-wrap:pretty}
/* Intro lead: plain paragraph like the text below */
html body .nb-intro .nb-lead,html body .nb-lead{border-left:0 !important;padding-left:0 !important;font-size:inherit !important;font-weight:400 !important;color:#3a475b !important;line-height:1.65 !important;margin:0 0 14px !important;background:none !important}
html body .nb-lead::before{display:none !important}
/* Våra tjänster: tre rutor, en bred och två under */
html body #services .sv-feats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:-16px 0 40px}
html body #services .sv-feats .nb-feat:first-child{grid-column:1/-1}
html body #services .nb-feat{background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:16px;padding:24px 26px;box-shadow:0 8px 24px rgba(10,36,64,.06);transition:transform .25s,box-shadow .25s,border-color .25s;align-items:flex-start}
html body #services .nb-feat:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(10,36,64,.10);border-color:rgba(240,150,42,.45)}
html body #services .nb-feat h3{color:#0A2440;margin-top:0;text-wrap:balance}
html body #services .nb-feat p{font-size:15.5px;max-width:none;text-wrap:pretty}
html body[data-page] #services .nb-feat .nb-ic{border-radius:12px !important;box-shadow:0 6px 14px rgba(240,150,42,.28)}
@media(max-width:800px){html body #services .sv-feats{grid-template-columns:1fr;gap:14px;margin:-20px 0 32px}}
/* Hero-knapp: samma rundning som övriga knappar */
html body #page-home .hero .hx-slide .btn.btn-primary{border-radius:999px !important;padding:15px 28px !important}
/* Våra tjänster: tre fokuskort + "Dessutom erbjuder vi" (Johans design) */
html body #services.s3-sec .section-head{max-width:820px}
html body #services .s3-label{display:flex;align-items:center;gap:12px;margin:0;font:700 13px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#0A2440}
html body #services .s3-label::before{content:"";width:34px;height:3px;border-radius:2px;background:#f0962a}
html body #services .s3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 28px}
html body #services .s3-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:18px;padding:28px 26px 24px;box-shadow:0 10px 28px rgba(10,36,64,.07);text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}
html body #services .s3-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,36,64,.12);border-color:rgba(240,150,42,.45)}
html body[data-page] #services .s3-ic{width:52px;height:52px;border-radius:14px;background:#f0962a !important;color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(240,150,42,.32);margin-bottom:18px}
html body #services .s3-ic svg{width:26px;height:26px;stroke:#fff}
html body #services .s3-card h3{font-size:19px;line-height:1.3;color:#0A2440;margin:0 0 10px;text-wrap:balance}
html body #services .s3-card p{font-size:15.5px;line-height:1.65;color:var(--muted);margin:0 0 18px;max-width:none;text-wrap:pretty}
html body #services .s3-go{margin-top:auto;font-weight:600;font-size:15px;color:#e07b12}
html body #services .s3-band{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:24px;background:#f1ece2;border-radius:18px;padding:26px 30px;margin:0 0 40px}
html body #services .s3-also{margin:0;font-size:22px;line-height:1.25;color:#0A2440;border-left:4px solid #f0962a;padding-left:14px}
html body #services .s3-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
html body #services .s3-item{display:flex;flex-direction:column;gap:4px;padding:4px 18px;border-left:1px solid rgba(10,36,64,.12);text-decoration:none;color:inherit}
html body #services .s3-item:hover b{color:#e07b12}
html body #services .s3-bic svg{width:24px;height:24px;stroke:#e07b12;margin-bottom:6px}
html body #services .s3-item b{font-size:15px;line-height:1.3;color:#0A2440;transition:color .2s}
html body #services .s3-item small{font-size:13.5px;line-height:1.45;color:var(--muted)}
@media(max-width:1100px){html body #services .s3-band{grid-template-columns:1fr}html body #services .s3-items{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}}
@media(max-width:900px){html body #services .s3-grid{grid-template-columns:1fr;gap:16px}}
@media(max-width:600px){html body #services .s3-items{grid-template-columns:1fr 1fr}html body #services .s3-band{padding:22px 18px}html body #services .s3-item{padding:4px 12px}}

/* ===== Tjänster: full text, inga "Läs mer" (nov 2026) ===== */
html body #services.s3-sec .section-head{max-width:860px;margin-bottom:34px}
html body #services .s3-label{display:block;font-size:clamp(30px,3.6vw,44px) !important;line-height:1.1 !important;font-weight:700 !important;font-family:inherit;letter-spacing:-.01em;text-transform:none;color:#0A2440;margin:0 0 12px}
html body #services .s3-label::before{content:none;display:none}
html body #services.s3-sec .section-head h2{font-size:clamp(19px,1.7vw,23px);line-height:1.35;font-weight:600;color:#0A2440;margin:0 0 10px}
html body #services.s3-sec .section-head h2 + p{font-size:16px;line-height:1.65;color:var(--muted)}
html body #services .s3-card{cursor:default;border-top:4px solid #f0962a;padding:30px 28px 28px}
html body #services .s3-card:hover{transform:none;box-shadow:0 10px 28px rgba(10,36,64,.07);border-color:rgba(10,36,64,.08);border-top-color:#f0962a}
html body #services .s3-card p{margin:0;font-size:16px;line-height:1.7}
html body #services .s3-band{display:block;background:#f6f2ea;padding:34px 34px 30px}
html body #services .s3-also{border-left:0;padding-left:0;font-size:24px;margin:0 0 22px}
html body #services .s3-items{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
html body #services .s3-item{background:#fff;border:1px solid rgba(10,36,64,.07);border-left:1px solid rgba(10,36,64,.07);border-radius:14px;padding:22px 22px 20px;gap:6px}
html body #services .s3-item:hover b{color:#0A2440}
html body #services .s3-bic svg{width:28px;height:28px;margin-bottom:4px}
html body #services .s3-item b{font-size:17px}
html body #services .s3-item p{margin:0;font-size:15px;line-height:1.65;color:var(--muted);max-width:none}
@media(max-width:1100px){html body #services .s3-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body #services .s3-items{grid-template-columns:1fr}html body #services .s3-band{padding:24px 18px}html body #services .s3-item{padding:18px}}
/* Tjänstesidan */
html body .sx-svc{cursor:default}
html body .sx-svc:hover{transform:none;box-shadow:none;border-color:#e7e4dc}
html body .sx-svc .sx-desc{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 16px;max-width:none}
html body .sx-svc .sx-list{margin-top:auto;padding-top:14px;border-top:1px solid #efece5}
@media(min-width:1100px){html body .sx-grid.sx8{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(min-width:1400px){html body .sx-grid.sx8{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media(min-width:1100px){html body #services .s3-items{grid-template-columns:repeat(6,minmax(0,1fr))}html body #services .s3-item{grid-column:span 2}html body #services .s3-item:nth-child(4),html body #services .s3-item:nth-child(5){grid-column:span 3}}
/* Bilder i de tre fokusrutorna */
html body #services .s3-card{border-top:1px solid rgba(10,36,64,.08);overflow:hidden;padding-top:0}
html body #services .s3-photo{margin:0 -28px 0;aspect-ratio:3/2;overflow:hidden;background:#e9eef3}
html body #services .s3-photo img{width:100%;height:100%;object-fit:cover;display:block}
html body[data-page] #services .s3-ic{margin-top:-26px;position:relative;border:3px solid #fff}
html body main #services.s3-sec .section-head p.s3-label{font-size:clamp(32px,3.6vw,46px) !important;line-height:1.1 !important;font-weight:700 !important;color:#0A2440 !important;letter-spacing:-.015em !important;text-transform:none !important;max-width:none !important;margin:0 0 12px !important}
html body main #services.s3-sec .section-head h2{font-size:clamp(19px,1.7vw,23px) !important;line-height:1.35 !important;font-weight:500 !important;letter-spacing:0 !important;margin:0 0 10px !important}
html body main #services.s3-sec .section-head p.s3-label .hl-text{color:#e07b12 !important}
/* Tonad bild i IT/AI-rutan */
html body #services .s3-card:nth-child(2) .s3-photo{position:relative}
html body #services .s3-card:nth-child(2) .s3-photo img{filter:saturate(.85)}
html body #services .s3-card:nth-child(2) .s3-photo::after{content:"";position:absolute;inset:0;background:none;pointer-events:none}
/* "Våra tjänster" = samma stil som övriga sektionsrubriker (t.ex. Branscher vi arbetar med) */
html body main #services.s3-sec .section-head p.s3-label{font-family:Manrope,"Nunito Sans",Inter,system-ui,sans-serif !important;font-size:clamp(26px,2.6vw,34px) !important;font-weight:300 !important;line-height:1.1 !important;letter-spacing:-.015em !important;color:#0A2440 !important}
html body main #services.s3-sec .section-head p.s3-label .hl-text{font-weight:600 !important}
html body main #services.s3-sec .section-head h2 .hl-text{color:inherit !important;font-weight:inherit !important}
/* Mer luft mellan logoraden och "Våra tjänster" */
html body main section#services.s3-sec{padding-top:clamp(56px,6vw,88px) !important}
/* Läs mer-länkar tillbaka */
html body #services .s3-card .s3-go,html body #services .s3-item .s3-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-weight:600;font-size:15px;color:#e07b12;text-decoration:none}
html body #services .s3-go:hover{color:#bf5f08;text-decoration:underline}
html body #services .s3-item{display:flex;flex-direction:column}
html body .sx-svc .sx-more{text-decoration:none;align-self:flex-start}
html body .sx-svc .sx-more:hover{text-decoration:underline}
html body .sx-svc .sx-list{margin-top:0}
html body .sx-svc .sx-desc{flex:1 0 auto}
/* Utan symboler: lite luft mellan bild och rubrik */
html body #services .s3-photo{margin-bottom:22px}
/* Blå symboler i tjänsteavsnittet */
html body #services .s3-bic svg{stroke:#0A2440 !important}
/* Symbolerna vid bilderna tillbaka, i blått; Läs mer i svart */
html body #services .s3-photo{margin-bottom:0}
html body[data-page] #services .s3-ic{background:#0A2440 !important;box-shadow:0 8px 18px rgba(10,36,64,.25) !important}
html body #services .s3-card .s3-go,html body #services .s3-item .s3-go{color:#111 !important}
html body #services .s3-go:hover{color:#0A2440 !important}
/* Klarare blå symboler; inga symboler vid bilderna */
html body #services .s3-photo{margin-bottom:22px}
html body #services .s3-bic svg{stroke:#1565d8 !important;stroke-width:2 !important}
/* Symbolerna i de fem rutorna: ifyllda marinblå rutor med vit ikon */
html body #services .s3-bic{width:48px;height:48px;border-radius:13px;background:#0A2440;display:grid;place-items:center;box-shadow:0 8px 18px rgba(10,36,64,.22);margin-bottom:10px}
html body #services .s3-bic svg{stroke:#fff !important;stroke-width:1.8 !important;width:24px !important;height:24px !important;margin:0 !important}
/* Rubrik bredvid symbolen */
html body #services .s3-item{display:grid !important;grid-template-columns:48px 1fr;column-gap:14px;row-gap:10px;align-items:center;align-content:start}
html body #services .s3-item .s3-bic{grid-column:1;margin:0}
html body #services .s3-item b{grid-column:2;font-size:17px;line-height:1.3}
html body #services .s3-item p,html body #services .s3-item .s3-go{grid-column:1 / -1}
html body #services .s3-item p{margin-top:4px}
html body #services .s3-item .s3-go{align-self:end;justify-self:start;padding-top:6px}
html body #services .s3-item{grid-template-rows:auto auto 1fr}
html body #services .s3-band{margin-bottom:0}
/* Grön omställning som banner */
html body #page-home>section.en-band.en-banner-sec,html body section.en-banner-sec{background:transparent !important;padding:24px 0 72px !important}
html body .en-banner{position:relative;overflow:hidden;border-radius:24px;min-height:420px;display:flex;align-items:center;padding:56px clamp(24px,5vw,64px);background:#0A2440 url(/offshore-wind-turbines-1b079500.webp) center/cover no-repeat;box-shadow:0 24px 60px rgba(10,36,64,.22)}
html body .en-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,36,64,.94) 0%,rgba(10,36,64,.82) 42%,rgba(10,36,64,.25) 100%)}
html body .en-banner-copy{position:relative;max-width:620px}
html body .en-banner .en-kicker{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:#f0962a;color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
html body .en-banner h2{color:#fff !important;font-size:clamp(28px,3.4vw,42px) !important;line-height:1.15 !important;margin:0 0 16px !important}
html body .en-banner h2 .hl-text{color:#ffb35c !important}
html body .en-banner p{color:rgba(255,255,255,.88) !important;font-size:17px;line-height:1.65;max-width:560px}
html body .en-banner .en-chips li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(4px)}
html body .en-banner .en-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 0}
html body .en-banner .en-btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff !important}
html body .en-banner .en-btn-ghost:hover{background:#fff;color:#0A2440 !important}
@media(max-width:700px){html body .en-banner{min-height:0;padding:36px 22px;border-radius:18px}html body .en-banner::before{background:linear-gradient(180deg,rgba(10,36,64,.9),rgba(10,36,64,.85))}}
html body main section.en-banner-sec .en-banner h2{color:#fff !important}
/* Grön accent i bannern */
html body main section.en-banner-sec .en-banner h2 .hl-text{color:#8ee0a1 !important}
html body .en-banner .en-kicker{background:#2f9e5b !important}
html body[data-page] main section.en-banner-sec:not(.hero):not(.page-head) .en-banner h2 .hl-text{color:#8ee0a1 !important}
html body .en-banner .en-btn-green{background:#2f9e5b !important;border:0 !important;color:#fff !important;box-shadow:0 8px 20px rgba(47,158,91,.35)}
html body .en-banner .en-btn-green:hover{background:#27874d !important;color:#fff !important}
/* Svårbemannade system som banner */
html body [id^="page-"] section.lg-sec.lg-banner-sec,html body section.lg-sec.lg-banner-sec{background:transparent !important;padding:0 0 72px !important}
html body .en-banner.lg-banner{background:#0A2440}
html body .en-banner.lg-banner .en-banner-copy{max-width:640px}
html body .en-banner .lg-kicker{background:#f0962a !important}
html body[data-page] main section.lg-banner-sec .en-banner h2{color:#fff !important}
html body[data-page] main section.lg-banner-sec:not(.hero):not(.page-head) .en-banner h2 .hl-text{color:#ffb35c !important}
html body .lg-banner .lg-banner-chips li{font-size:13px;padding:6px 12px}
/* Nischbannern utan bild */
html body .en-banner.lg-banner{background:radial-gradient(circle at 88% 20%,rgba(240,150,42,.22),transparent 42%),radial-gradient(circle at 75% 110%,rgba(56,120,200,.35),transparent 50%),linear-gradient(135deg,#0A2440 0%,#12345c 100%) !important;min-height:0}
html body .en-banner.lg-banner::before{display:none}
html body .en-banner.lg-banner .en-banner-copy{max-width:860px}
html body[data-page] main#main [id^="page-"]>section.lg-sec.lg-banner-sec,html body[data-page] main#main section.lg-sec.lg-banner-sec{background:transparent !important;background-image:none !important;padding:0 0 72px !important}
html body[data-page] main section.lg-banner-sec::before,html body[data-page] main section.lg-banner-sec::after{display:none !important}
html body .en-banner .lg-banner-chips{margin-top:20px}
/* Nischbannern – stilren */
html body .en-banner.lg-banner{background:#0A2440 !important;box-shadow:0 18px 44px rgba(10,36,64,.18);padding:56px clamp(24px,5vw,64px)}
html body .en-banner.lg-banner .lg-kicker{background:none !important;padding:0;border-radius:0;color:#f0962a !important;font-size:12.5px;letter-spacing:.12em;margin-bottom:14px}
html body .en-banner.lg-banner p:not(.en-kicker):not(.en-ctas){max-width:680px}
html body .en-banner.lg-banner .lg-banner-chips{gap:8px 10px}
html body .en-banner.lg-banner .lg-banner-chips li{background:transparent !important;border:1px solid rgba(255,255,255,.22) !important;backdrop-filter:none;font-weight:500;color:rgba(255,255,255,.9) !important}
html body .en-banner.lg-banner .en-ctas{margin-top:20px}
html body[data-page] main section.lg-sec.lg-banner-sec .en-banner p.lg-kicker,html body #page-home section.lg-sec.lg-banner-sec p.lg-kicker{color:#f0962a !important}
/* Branscher direkt under tjänster */
html body main section#services + section#industries{padding-top:24px !important}
/* ===== Branscher i samma stil som Våra tjänster ===== */
html body main section#industries.ind-sec{padding-bottom:72px !important}
html body #industries .ind-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 28px}
html body #industries .ind-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:18px;padding:30px 30px 26px;box-shadow:0 10px 28px rgba(10,36,64,.07)}
html body #industries .ind-card .ind-kicker{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e07b12 !important}
html body #industries .ind-card.ind-green .ind-kicker{color:#2f9e5b !important}
html body #industries .ind-card h3{font-size:21px;line-height:1.3;color:#0A2440;margin:0 0 12px}
html body #industries .ind-card p:not(.ind-kicker){font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 16px;max-width:none}
html body #industries .ind-chips{list-style:none;padding:0;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:6px 8px}
html body #industries .ind-chips li{border:1px solid rgba(10,36,64,.14);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:500;color:#0A2440;background:#fff}
html body #industries .s3-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-weight:600;font-size:15px;color:#111 !important;text-decoration:none;align-self:flex-start}
html body #industries .s3-go:hover{color:#0A2440 !important;text-decoration:underline}
html body #industries .ind-band{background:#f6f2ea;border-radius:18px;padding:34px}
html body #industries .ind-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
html body #industries .ind-item{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:10px;align-items:center;align-content:start;background:#fff;border:1px solid rgba(10,36,64,.07);border-radius:14px;padding:22px 22px 20px}
html body #industries .ind-item .s3-bic{grid-column:1;width:48px;height:48px;border-radius:13px;background:#0A2440;display:grid;place-items:center;box-shadow:0 8px 18px rgba(10,36,64,.22)}
html body #industries .ind-item .s3-bic svg{width:24px;height:24px;stroke:#fff}
html body #industries .ind-item b{grid-column:2;font-size:16.5px;line-height:1.3;color:#0A2440}
html body #industries .ind-item p{grid-column:1 / -1;margin:4px 0 0;font-size:15px;line-height:1.65;color:var(--muted);max-width:none}
html body #industries .ind-item .s3-go{grid-column:1 / -1;align-self:end;padding-top:6px}
@media(max-width:1200px){html body #industries .ind-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){html body #industries .ind-feat{grid-template-columns:1fr}}
@media(max-width:600px){html body #industries .ind-items{grid-template-columns:1fr}html body #industries .ind-band{padding:22px 16px}html body #industries .ind-card{padding:24px 20px}}
/* Branschbilder tillbaka överst i varje ruta */
html body #industries .ind-item{grid-template-rows:auto auto auto 1fr;overflow:hidden;padding-top:0}
html body #industries .ind-photo{grid-column:1 / -1;margin:0 -22px 8px;aspect-ratio:16/10;overflow:hidden;background:#e9eef3}
html body #industries .ind-photo img{width:100%;height:100%;object-fit:cover;display:block}
/* Gröna omställningen: orange accent i stället för grönt */
html body #green-transition .en-banner .en-kicker{background:#f0962a !important}
html body[data-page] main section.en-banner-sec#green-transition:not(.hero):not(.page-head) .en-banner h2 .hl-text{color:#ffb35c !important}
html body #green-transition .en-banner .en-btn-green{background:#f0962a !important;box-shadow:0 8px 20px rgba(240,150,42,.35)}
html body #green-transition .en-banner .en-btn-green:hover{background:#e07b12 !important}
html body main section#industries.ind-sec + section#green-transition{padding-top:0 !important}
/* Konsultkorten: mindre, fyra per rad */
html body .people-section .pc-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;max-width:none}
html body .people-section .pc{padding:16px 16px 14px !important;border-radius:14px !important;min-height:0 !important}
html body .people-section .pc-top{gap:10px !important;margin-bottom:8px !important}
html body .people-section .pc-av{width:40px !important;height:40px !important;font-size:16px !important;flex:none}
html body .people-section .pc h3{font-size:16px !important;margin:0 !important}
html body .people-section .pc-meta{gap:4px !important;font-size:13px !important}
html body .people-section .pc-meta span{font-size:13px !important}
@media(max-width:1000px){html body .people-section .pc-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:700px){html body .people-section .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
html body .people-section .pc-grid .pc{height:auto !important;min-height:0 !important;aspect-ratio:auto !important;padding:14px 14px 12px !important;justify-content:flex-start !important}
html body .people-section .pc-grid .pc .pc-top{margin-bottom:4px !important}
html body .people-section .pc-grid .pc .pc-meta{margin-top:0 !important;padding-top:0 !important}
/* Konsultkort: kompakt, bild till vänster */
html body .people-section .pc-grid .pc{display:grid !important;grid-template-columns:44px 1fr;column-gap:12px;row-gap:2px;align-items:center;text-align:left !important;padding:14px 16px !important}
html body .people-section .pc-grid .pc .pc-top{display:contents !important}
html body .people-section .pc-grid .pc .pc-av{grid-column:1;grid-row:1 / span 2;width:44px !important;height:44px !important;margin:0 !important}
html body .people-section .pc-grid .pc .pc-top>div{grid-column:2;grid-row:1}
html body .people-section .pc-grid .pc h3{text-align:left !important;font-size:15.5px !important;line-height:1.25}
html body .people-section .pc-grid .pc .pc-meta{grid-column:2;grid-row:2;display:flex !important;flex-wrap:wrap;align-items:center;justify-content:flex-start !important;gap:4px 8px !important;margin:0 !important;text-align:left !important}
html body .people-section .pc-grid .pc .pc-meta .pc-client{padding:2px 8px !important;font-size:12px !important}
html body .people-section .pc-grid .pc .pc-meta .pc-ind{font-size:12.5px !important}
html body .people-section .pc-grid .pc .pc-meta{flex-direction:row !important;align-items:center !important;width:100%}
html body .people-section .pc-grid .pc .pc-meta>*{text-align:left !important;margin:0 !important}
html body .people-section .pc-grid .pc{grid-template-columns:50px 1fr !important;column-gap:14px !important}
/* Vad våra kunder säger: rullande lista */
html body .ts-section .ts-marquee{overflow:hidden;margin:8px 0 24px;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
html body .ts-section .ts-track{display:flex;gap:20px;width:max-content;animation:tsRoll 45s linear infinite}
html body .ts-section .ts-marquee:hover .ts-track{animation-play-state:paused}
html body .ts-section .ts-track .ts-card{flex:0 0 400px;width:400px;max-width:80vw;margin:0 !important;display:flex !important;flex-direction:column;background:#fff;border-radius:16px;padding:24px 24px 20px;box-shadow:0 8px 24px rgba(10,36,64,.07);opacity:1 !important;transform:none !important}
html body .ts-section .ts-track .ts-card blockquote p{display:block !important;-webkit-line-clamp:unset !important;line-clamp:unset !important;max-height:none !important;overflow:visible !important}
html body .ts-section .ts-track .ts-card figcaption{margin-top:auto}
html body .ts-section .ts-track .ts-more{display:none !important}
@keyframes tsRoll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}
@media(prefers-reduced-motion:reduce){html body .ts-section .ts-track{animation:none}html body .ts-section .ts-marquee{overflow-x:auto}}
html body .ts-section .ts-track .ts-card,html body .ts-section .ts-track .ts-card:first-child,html body .ts-section .ts-track .ts-card:nth-child(n){grid-column:auto !important;grid-row:auto !important;border-top:0 !important;min-height:0 !important;height:auto !important}
html body .ts-section .ts-track{align-items:stretch}
html body .ts-section .ts-track .ts-card blockquote,html body .ts-section .ts-track .ts-card:first-child blockquote{margin:12px 0 16px !important;padding:0 !important}
html body .ts-section .ts-track .ts-card blockquote p,html body .ts-section .ts-track .ts-card:first-child blockquote p{font-size:15.5px !important;line-height:1.65 !important;font-weight:400 !important;color:#24324a !important}
html body .ts-section .ts-track .ts-card:first-child::before,html body .ts-section .ts-track .ts-card:first-child::after{font-size:inherit}
html body .ts-section .ts-track .ts-card figcaption b{font-size:15px}
html body .ts-section .ts-track .ts-card figcaption span{font-size:13px;color:var(--muted) !important}
/* Neutralisera "utvald" stil på tredje kortet i rullistan */
html body #page-home .ts-section .ts-track .ts-card:nth-child(n){order:0 !important;grid-row:auto !important;background:#fff !important;border:1px solid rgba(20,40,70,.08) !important;border-top:1px solid rgba(20,40,70,.08) !important;padding:24px 24px 20px !important;justify-content:flex-start !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n)::before{font-size:44px !important;top:14px !important;right:20px !important;opacity:.35 !important;color:#e07b12 !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n) blockquote p{font-size:15.5px !important;line-height:1.65 !important;color:#24324a !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n) figcaption span{color:var(--muted) !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n) figcaption{margin-top:auto !important}
/* Vad våra kunder säger: lite mindre */
html body #page-home>section.ts-section{padding-top:56px !important;padding-bottom:48px !important}
html body #page-home .ts-section .ts-track{gap:16px}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n){flex:0 0 330px !important;width:330px !important;padding:18px 20px 16px !important;border-radius:14px !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n) blockquote{margin:8px 0 12px !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n) blockquote p{font-size:14.5px !important;line-height:1.6 !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n)::before{font-size:34px !important;top:10px !important;right:16px !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n) figcaption b{font-size:14px !important}
html body #page-home .ts-section .ts-track .ts-card:nth-child(n) figcaption span{font-size:12.5px !important}
html body #page-home .ts-section .ts-marquee{margin:0 0 18px}
html body #page-home .ts-section .section-head{margin-bottom:22px !important}
@keyframes tsRoll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
/* Kundcase på startsidan: mindre och fler per rad */
html body #page-home .home-cases .cases.cases-home{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important}
html body #page-home .home-cases .cases-home .case{padding:20px 20px 18px !important;min-height:0 !important;height:auto !important}
html body #page-home .home-cases .cases-home .case .case-logo{margin-bottom:12px !important;min-height:0 !important;height:auto !important}
html body #page-home .home-cases .cases-home .case .case-logo img{max-height:24px !important;width:auto !important}
html body #page-home .home-cases .cases-home .case .case-ind{font-size:11.5px !important;margin:0 0 6px !important}
html body #page-home .home-cases .cases-home .case h3{font-size:16px !important;line-height:1.3 !important;margin:0 0 8px !important}
html body #page-home .home-cases .cases-home .case p:not(.case-ind){font-size:14px !important;line-height:1.6 !important;margin:0 0 10px !important}
html body #page-home .home-cases .cases-home .case .case-tags{gap:5px !important;margin-top:auto !important}
html body #page-home .home-cases .cases-home .case .case-tags li{font-size:11.5px !important;padding:3px 9px !important}
@media(max-width:1100px){html body #page-home .home-cases .cases.cases-home{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:600px){html body #page-home .home-cases .cases.cases-home{grid-template-columns:1fr !important}}
html body #page-home .home-cases .cases.cases-home{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
@media(max-width:1000px){html body #page-home .home-cases .cases.cases-home{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:600px){html body #page-home .home-cases .cases.cases-home{grid-template-columns:1fr !important}}
/* Kundlogga i varje omdöme */
html body #page-home .ts-section .ts-track .ts-card .ts-logo{height:28px;display:flex;align-items:center;margin:0 0 10px}
html body #page-home .ts-section .ts-track .ts-card .ts-logo img{max-height:26px;max-width:120px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.85}
html body #page-home .ts-section .ts-track .ts-card .ts-logo-text{font:800 15px/1 var(--font-body);letter-spacing:.02em;color:#0A2440;text-transform:uppercase}
html body #page-home .ts-section .ts-track .ts-card .ts-tag{display:none !important}
/* Vanliga frågor dolda tills man klickar */
html body .faq-sec .faq-toggle{border:1px solid rgba(10,36,64,.1);border-radius:16px;background:#fff;padding:0;max-width:900px}
html body .faq-sec .faq-toggle>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px}
html body .faq-sec .faq-toggle>summary::-webkit-details-marker{display:none}
html body .faq-sec .faq-toggle>summary h2{margin:0 !important;font-size:clamp(22px,2.2vw,28px) !important}
html body .faq-sec .faq-toggle .faq-chev{flex:none;width:12px;height:12px;border-right:2px solid #0A2440;border-bottom:2px solid #0A2440;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
html body .faq-sec .faq-toggle[open] .faq-chev{transform:rotate(-135deg) translateY(-2px)}
html body .faq-sec .faq-toggle>.faq{padding:0 26px 22px;margin:0}
html body main section.faq-sec{padding-top:40px !important;padding-bottom:40px !important}
/* Kundcase: enhetliga rutor */
html body #page-home .home-cases .cases-home .case{display:flex !important;flex-direction:column !important}
html body #page-home .home-cases .cases-home .case .case-logo{height:36px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;margin:0 0 14px !important}
html body #page-home .home-cases .cases-home .case .case-logo img{height:auto !important;max-height:30px !important;max-width:130px !important;width:auto !important;object-fit:contain !important;object-position:left center}
html body #page-home .home-cases .cases-home .case .case-ind{min-height:16px}
html body #page-home .home-cases .cases-home .case h3{min-height:2.6em !important;display:flex;align-items:flex-start}
html body #page-home .home-cases .cases-home .case p:not(.case-ind){flex:1 0 auto}
html body #page-home .home-cases .cases-home .case .case-tags{margin-top:auto !important;padding-top:6px}
html body #page-home .home-cases .cases-home .case .case-logo img{height:26px !important;max-height:26px !important;max-width:140px !important}
/* ===== Guidesidor ===== */
html body #page-guide .gd-head{max-width:860px;padding-bottom:8px}
html body #page-guide .gd-head h1{font-size:clamp(30px,3.6vw,46px);line-height:1.12;margin:6px 0 14px}
html body #page-guide .gd-head .lead{font-size:18px;line-height:1.65;max-width:760px}
html body #page-guide .gd-upd{font-size:13px;color:var(--muted);margin-top:10px}
html body #page-guide .gd-body{padding:24px 0 56px}
html body #page-guide .gd-wrap{max-width:860px}
html body #page-guide .gd-facts{background:#FAF7F2;border-radius:16px;padding:24px 28px;margin:0 0 36px}
html body #page-guide .gd-facts h2{font-size:19px !important;margin:0 0 10px !important;color:#0A2440}
html body #page-guide .gd-facts ul{margin:0;padding-left:20px}
html body #page-guide .gd-facts li{margin:6px 0;line-height:1.6;color:#24324a}
html body #page-guide .gd-sec{margin:0 0 34px}
html body #page-guide .gd-sec h2{font-size:clamp(22px,2.2vw,28px) !important;line-height:1.25;margin:0 0 12px !important;color:#0A2440}
html body #page-guide .gd-sec p,html body #page-guide .gd-sec li{font-size:16.5px;line-height:1.75;color:#24324a;max-width:none}
html body #page-guide .gd-sec ul{padding-left:22px}
html body #page-guide .gd-sec a{color:#c2650a;font-weight:600}
html body #page-guide .gd-steps{list-style:none;counter-reset:gd;padding:0;margin:0;display:grid;gap:12px}
html body #page-guide .gd-steps li{counter-increment:gd;position:relative;background:#fff;border:1px solid rgba(10,36,64,.09);border-radius:14px;padding:16px 18px 16px 64px;display:flex;flex-direction:column;gap:2px}
html body #page-guide .gd-steps li::before{content:counter(gd);position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:10px;background:#0A2440;color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}
html body #page-guide .gd-steps b{color:#0A2440;font-size:16.5px}
html body #page-guide .gd-steps span{font-size:15.5px;line-height:1.6;color:#3a475b}
html body #page-guide .gd-note{font-size:14px;line-height:1.6;color:var(--muted);border-left:3px solid #f0962a;padding-left:14px;margin-top:8px}
html body #page-guide .gd-cta-sec{padding:48px 0 64px}
html body #page-guide .gd-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#0A2440;border-radius:20px;padding:34px 38px;color:#fff}
html body #page-guide .gd-cta h2{color:#fff !important;font-size:clamp(22px,2.2vw,28px) !important;margin:0 0 6px !important}
html body #page-guide .gd-cta p{color:rgba(255,255,255,.85) !important;margin:0}
html body #page-guide .gd-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
html body #page-guide .gd-cta .btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.6) !important;background:transparent !important}
@media(max-width:600px){html body #page-guide .gd-facts{padding:20px}html body #page-guide .gd-cta{padding:26px 22px}}
html body main #page-guide section.gd-sec{padding:0 !important;margin:0 0 36px !important;background:none !important}
html body main #page-guide section.gd-body{padding:28px 0 40px !important}
/* Länk till guide från tjänstesidor */
html body main section.gd-link-sec{padding:8px 0 32px !important}
html body .gd-link{display:flex;align-items:center;gap:14px;max-width:900px;background:#fff;border:1px solid rgba(10,36,64,.1);border-left:4px solid #f0962a;border-radius:14px;padding:18px 22px;text-decoration:none;color:#0A2440;transition:box-shadow .2s}
html body .gd-link:hover{box-shadow:0 10px 26px rgba(10,36,64,.1)}
html body .gd-link-k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c2650a}
html body .gd-link-t{flex:1;font-weight:600;font-size:16.5px}
html body .gd-link-a{font-size:20px;color:#c2650a}
/* Kundcase-logotyper: lika stora (H&M-storlek) */
html body #page-home .home-cases .cases-home .case .case-logo img{height:auto !important;width:auto !important;max-height:26px !important;max-width:76px !important}
html body #page-home .home-cases .cases-home .case .case-logo img[alt="Huawei"]{max-height:30px !important;max-width:40px !important}
html body #page-home .home-cases .cases-home .case .case-logo img[alt="Scania"]{max-width:92px !important}
html body #page-home .home-cases .cases-home .case .case-logo img[alt="Nokia"]{max-width:84px !important}
html body #page-home .home-cases .cases-home .case .case-logo img[alt="PostNord"]{max-width:104px !important}
html body #page-home .home-cases .cases-home .case .case-logo img[alt="Tetra Pak"]{max-width:104px !important}
/* Situationer: bredare rutor, två per rad */
html body #page-home .nb-scen .nb-scen-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important}
html body #page-home .nb-scen .nb-sc{padding:24px 28px !important;min-height:0 !important}
@media(max-width:700px){html body #page-home .nb-scen .nb-scen-grid{grid-template-columns:1fr !important}}
/* Johans bild i kontaktrutan: större */
html body .cta-rich .cta-person{gap:18px !important;align-items:center !important}
html body .cta-rich .cta-person .cta-photo{width:120px !important;height:120px !important;min-width:120px !important;border-radius:50% !important;object-fit:cover !important}
@media(max-width:600px){html body .cta-rich .cta-person .cta-photo{width:96px !important;height:96px !important;min-width:96px !important}}
/* ===== Kontaktrutan: ny design ===== */
html body main#main .cta-band.cta-rich{display:grid !important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) !important;align-items:center !important;gap:40px !important;background:#0A2440 !important;border:0 !important;border-radius:24px !important;padding:44px 48px !important;box-shadow:0 20px 50px rgba(10,36,64,.18) !important;color:#fff !important}
html body main#main .cta-band.cta-rich .cta-copy{padding:0 !important;border:0 !important}
html body main#main .cta-band.cta-rich .cta-k{color:#f6a94a !important;margin:0 0 10px !important}
html body main#main .cta-band.cta-rich h2{color:#fff !important;font-size:clamp(28px,3vw,40px) !important;line-height:1.15 !important;margin:0 0 12px !important}
html body main#main .cta-band.cta-rich h2 .hl-text{color:#fff !important}
html body main#main .cta-band.cta-rich .cta-copy p:not(.cta-k){color:rgba(255,255,255,.82) !important;font-size:17px !important;margin:0 !important}
html body main#main .cta-band.cta-rich .cta-side{border:0 !important;padding:0 !important;background:rgba(255,255,255,.06) !important;border-radius:18px !important;padding:24px !important;display:flex !important;flex-direction:column !important;gap:18px !important}
html body main#main .cta-band.cta-rich .cta-person b,html body main#main .cta-band.cta-rich .cta-person b a{color:#fff !important;font-size:18px !important;text-decoration:none !important;border:0 !important}
html body main#main .cta-band.cta-rich .cta-person span{color:rgba(255,255,255,.7) !important}
html body main#main .cta-band.cta-rich .cta-photo{border:3px solid rgba(255,255,255,.9) !important}
html body main#main .cta-band.cta-rich .cta-actions{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin:0 !important}
html body main#main .cta-band.cta-rich .cta-actions .btn{margin:0 !important}
html body main#main .cta-band.cta-rich .cta-actions .btn-light,html body main#main .cta-band.cta-rich .cta-actions .btn:not(.btn-primary){background:transparent !important;color:#fff !important;border:1.5px solid rgba(255,255,255,.55) !important}
html body main#main .cta-band.cta-rich .cta-actions .btn:not(.btn-primary):hover{background:#fff !important;color:#0A2440 !important}
@media(max-width:900px){html body main#main .cta-band.cta-rich{grid-template-columns:1fr !important;padding:32px 24px !important;gap:24px !important}}
html body main#main .cta-band.cta-rich h2{font-size:clamp(24px,2.4vw,32px) !important;line-height:1.25 !important;max-width:22em}
/* ===== Nätverk & sökteam – stilren siffer-banner ===== */
html body main section.nstat-sec{padding:8px 0 72px !important;background:transparent !important}
html body .nstat-band{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:48px;background:linear-gradient(135deg,#0A2440 0%,#10325a 100%);border-radius:22px;padding:44px 56px;color:#fff;box-shadow:0 18px 44px rgba(10,36,64,.16)}
html body .nstat{display:flex;align-items:center;gap:24px}
html body .nstat-ic{flex:none;width:64px;height:64px;color:#fff;opacity:.95}
html body .nstat-ic svg{width:100%;height:100%}
html body .nstat p{margin:0;max-width:none}
html body .nstat-k{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f6a94a !important}
html body .nstat-n{font-size:clamp(40px,4.4vw,58px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:#fff !important;margin:6px 0 4px !important}
html body .nstat-l{font-size:16px;line-height:1.5;color:rgba(255,255,255,.82) !important}
html body .nstat-div{width:1px;height:110px;background:rgba(255,255,255,.2)}
@media(max-width:860px){html body .nstat-band{grid-template-columns:1fr;gap:28px;padding:32px 26px}html body .nstat-div{width:100%;height:1px}html body .nstat-ic{width:52px;height:52px}}
html body .nstat-band .nstat{justify-content:center}
html body .nstat-band .nstat-ic{display:block;width:60px !important;height:60px !important}
html body .nstat-band .nstat-ic svg{display:block;width:60px !important;height:60px !important;max-width:none !important}
@media(max-width:860px){html body .nstat-band .nstat{justify-content:flex-start}html body .nstat-band .nstat-ic,html body .nstat-band .nstat-ic svg{width:48px !important;height:48px !important}}
html body .nstat-band .nstat-ic,html body .nstat-band .nstat-ic svg{width:72px !important;height:72px !important}
html body .nstat-band .nstat:last-child .nstat-ic svg{height:50px !important;margin-top:11px}
@media(max-width:860px){html body .nstat-band .nstat-ic,html body .nstat-band .nstat-ic svg{width:56px !important;height:56px !important}html body .nstat-band .nstat:last-child .nstat-ic svg{height:40px !important;margin-top:8px}}
html body .nstat-band a.nstat-link{text-decoration:none !important;color:inherit !important;border-radius:14px;transition:opacity .2s}
html body .nstat-band a.nstat-link:hover .nstat-go{text-decoration:underline}
html body .nstat-band .nstat-go{margin-top:8px !important;font-size:14px;font-weight:600;color:#f6a94a !important}
/* nstat-band v2 – elegantare banner (LinkedIn + sökteam) */
html body .nstat-band{position:relative;overflow:hidden;isolation:isolate;padding:52px 64px;gap:56px;border-radius:24px;background:radial-gradient(ellipse 60% 120% at 8% 0%,rgba(240,150,42,.08),transparent 60%),radial-gradient(ellipse 55% 110% at 100% 100%,rgba(91,141,176,.32),transparent 60%),linear-gradient(135deg,#0A2440 0%,#0f2e52 55%,#133a64 100%);box-shadow:0 24px 60px -18px rgba(10,36,64,.45),inset 0 1px 0 rgba(255,255,255,.08)}
html body .nstat-band::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 65%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 65%,transparent 100%);opacity:.6}
html body .nstat-band::after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(246,169,74,.7),transparent)}
html body .nstat-band .nstat{justify-content:center;gap:28px}
html body .nstat-band .nstat-ic{display:grid !important;place-items:center;width:92px !important;height:92px !important;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),rgba(255,255,255,.03) 70%);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 8px rgba(255,255,255,.025),0 12px 28px -10px rgba(0,0,0,.5);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
html body .nstat-band .nstat-ic svg,html body .nstat-band .nstat:last-child .nstat-ic svg{width:48px !important;height:48px !important;margin:0 !important}
html body .nstat-band .nstat-k{font-size:12px;letter-spacing:.18em;color:#f6a94a !important}
html body .nstat-band .nstat-n{font-size:clamp(44px,4.8vw,64px);font-weight:600;letter-spacing:-.03em;margin:8px 0 2px !important;background:linear-gradient(180deg,#fff 30%,#cfe0ee 100%);-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent}
html body .nstat-band .nstat-plus{color:#f0962a;-webkit-text-fill-color:#f0962a;margin-left:2px;font-weight:500}
html body .nstat-band .nstat-go{display:inline-flex;align-items:center;gap:6px;margin-top:12px !important;padding:7px 16px;border-radius:999px;border:1px solid rgba(246,169,74,.55);font-size:13px;letter-spacing:.02em;color:#f6a94a !important;transition:background .25s,color .25s,border-color .25s}
html body .nstat-band a.nstat-link:hover .nstat-go{text-decoration:none;background:#f0962a;border-color:#f0962a;color:#0A2440 !important}
html body .nstat-band a.nstat-link:hover .nstat-ic{transform:translateY(-3px);border-color:rgba(246,169,74,.6);box-shadow:0 0 0 8px rgba(240,150,42,.08),0 16px 32px -10px rgba(0,0,0,.55)}
html body .nstat-band .nstat-div{width:1px;height:120px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent)}
@media(max-width:860px){html body .nstat-band{padding:36px 26px;gap:30px}html body .nstat-band .nstat-k{letter-spacing:.12em;font-size:11px}html body .nstat-band .nstat{justify-content:flex-start;gap:20px}html body .nstat-band .nstat-ic{width:72px !important;height:72px !important;box-shadow:0 0 0 6px rgba(255,255,255,.025)}html body .nstat-band .nstat-ic svg,html body .nstat-band .nstat:last-child .nstat-ic svg{width:38px !important;height:38px !important}html body .nstat-band .nstat-div{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}}
@media(prefers-reduced-motion:reduce){html body .nstat-band .nstat-ic,html body .nstat-band .nstat-go{transition:none}}
/* cta-rich v2 – samma eleganta stil som nstat-bannern */
html body main#main .cta-band.cta-rich{position:relative !important;overflow:hidden !important;isolation:isolate;border-radius:24px !important;padding:60px 64px !important;gap:56px !important;border:0 !important;background:radial-gradient(ellipse 50% 90% at 0% 0%,rgba(240,150,42,.09),transparent 60%),radial-gradient(ellipse 60% 120% at 100% 100%,rgba(91,141,176,.34),transparent 60%),linear-gradient(135deg,#0A2440 0%,#0f2e52 55%,#133a64 100%) !important;box-shadow:0 24px 60px -18px rgba(10,36,64,.45),inset 0 1px 0 rgba(255,255,255,.08) !important}
html body main#main .cta-band.cta-rich::before{content:"" !important;display:block !important;position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 70%,transparent 100%);opacity:.6}
html body main#main .cta-band.cta-rich::after{content:"" !important;display:block !important;position:absolute;left:10%;right:10%;top:0;height:1px;width:auto;border-radius:0;background:linear-gradient(90deg,transparent,rgba(246,169,74,.7),transparent) !important}
html body main#main .cta-band.cta-rich h2{font-weight:500 !important;letter-spacing:-.02em !important;font-size:clamp(28px,2.8vw,38px) !important;line-height:1.2 !important;max-width:18em}
html body main#main .cta-band.cta-rich .cta-copy p:not(.cta-k){color:rgba(255,255,255,.78) !important}
html body main#main .cta-band.cta-rich .cta-side{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03)) !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:20px !important;padding:28px !important;box-shadow:0 18px 40px -20px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:22px !important}
html body main#main .cta-band.cta-rich .cta-photo{border:2px solid rgba(255,255,255,.85) !important;box-shadow:0 0 0 6px rgba(255,255,255,.05),0 12px 26px -10px rgba(0,0,0,.6) !important}
html body main#main .cta-band.cta-rich .cta-person span{color:rgba(255,255,255,.68) !important;font-size:14px;line-height:1.4 !important;display:block;margin-top:4px}
html body main#main .cta-band.cta-rich .cta-actions{gap:12px !important}
html body main#main .cta-band.cta-rich .cta-actions .btn{border-radius:999px !important;padding:12px 22px !important;font-size:15px !important;font-weight:600 !important;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s !important}
html body main#main .cta-band.cta-rich .cta-actions .btn-primary{box-shadow:0 10px 24px -10px rgba(240,150,42,.7) !important}
html body main#main .cta-band.cta-rich .cta-actions .btn-primary:hover{transform:translateY(-1px)}
html body main#main .cta-band.cta-rich .cta-actions .btn:not(.btn-primary){border:1px solid rgba(246,169,74,.6) !important;color:#f6a94a !important;background:transparent !important}
html body main#main .cta-band.cta-rich .cta-actions .btn:not(.btn-primary):hover{background:#f0962a !important;border-color:#f0962a !important;color:#0A2440 !important}
@media(max-width:900px){html body main#main .cta-band.cta-rich{padding:36px 24px !important;gap:28px !important}html body main#main .cta-band.cta-rich .cta-side{padding:22px !important}}
@media(prefers-reduced-motion:reduce){html body main#main .cta-band.cta-rich .cta-actions .btn{transition:none !important}}
/* nb-scen v2 – behovskort med nummer och "Så hjälper vi er" */
html body #page-home .nb-scen .section-head .nb-scen-lead,html body .nb-scen .nb-scen-lead{margin:12px 0 0;max-width:40em;font-size:17px;line-height:1.6;color:#4a5670}
html body .nb-scen .nb-sc{position:relative}
html body .nb-scen .nb-sc-num{display:block;font:600 13px/1 var(--font-label,inherit);letter-spacing:.14em;color:#e07b12;margin:0 0 12px}
html body .nb-scen .nb-sc p{flex:none !important;margin:0 0 14px !important}
html body .nb-scen .nb-sc .nb-sc-how-k{margin:4px 0 6px !important;padding-top:14px;border-top:1px solid rgba(20,40,70,.1);font-size:12px !important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0A2440 !important}
html body .nb-scen .nb-sc .nb-sc-how{flex:1 !important;margin:0 0 18px !important;color:#26365a !important}
/* cta-compact – bara Johan, titel, mobil och Boka ett möte */
html body main#main .cta-band.cta-rich.cta-compact{display:block !important;padding:44px 56px !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-side{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap;gap:28px !important;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;-webkit-backdrop-filter:none;backdrop-filter:none}
html body main#main .cta-band.cta-rich.cta-compact .cta-person{gap:26px !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-person b,html body main#main .cta-band.cta-rich.cta-compact .cta-person b a{font-size:24px !important;font-weight:600 !important;letter-spacing:-.01em}
html body main#main .cta-band.cta-rich.cta-compact .cta-person span{font-size:16px !important;margin-top:4px}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone{display:inline-block;margin-top:10px;color:#f6a94a !important;font-size:17px;font-weight:600;letter-spacing:.02em;text-decoration:none !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone:hover{text-decoration:underline !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-actions .btn{padding:15px 30px !important;font-size:16px !important}
@media(max-width:700px){html body main#main .cta-band.cta-rich.cta-compact{padding:32px 24px !important}html body main#main .cta-band.cta-rich.cta-compact .cta-person b,html body main#main .cta-band.cta-rich.cta-compact .cta-person b a{font-size:20px !important}html body main#main .cta-band.cta-rich.cta-compact .cta-actions,html body main#main .cta-band.cta-rich.cta-compact .cta-actions .btn{width:100%;justify-content:center}}
@media(min-width:701px){html body main#main .cta-band.cta-rich.cta-compact .cta-side{width:100% !important;max-width:none !important;flex-direction:row !important;flex-wrap:nowrap !important;grid-template-columns:none !important}html body main#main .cta-band.cta-rich.cta-compact .cta-actions{width:auto !important;flex:none !important;margin:0 !important}}
@media(min-width:701px){html body main#main .cta-band.cta-rich.cta-compact .cta-side{justify-content:center !important;gap:96px !important}}
/* cta-compact v3 – stilren beige, innehållet över hela bredden */
html body main#main .cta-band.cta-rich.cta-compact{background:#F6F2EA !important;border:1px solid rgba(10,36,64,.08) !important;box-shadow:0 20px 50px -34px rgba(10,36,64,.35) !important;padding:40px 56px !important;color:#0A2440 !important}
html body main#main .cta-band.cta-rich.cta-compact::before{display:none !important}
html body main#main .cta-band.cta-rich.cta-compact::after{left:56px;right:56px;background:linear-gradient(90deg,transparent,rgba(224,123,18,.55),transparent) !important}
@media(min-width:701px){html body main#main .cta-band.cta-rich.cta-compact .cta-side{justify-content:space-between !important;gap:40px !important}}
html body main#main .cta-band.cta-rich.cta-compact .cta-person b,html body main#main .cta-band.cta-rich.cta-compact .cta-person b a{color:#0A2440 !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-person span{color:#4a5670 !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone{color:#bf5f08 !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-photo{border:3px solid #fff !important;box-shadow:0 0 0 1px rgba(10,36,64,.08),0 10px 24px -12px rgba(10,36,64,.45) !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-actions .btn-primary{box-shadow:0 10px 22px -12px rgba(224,123,18,.8) !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone{white-space:nowrap;display:inline-flex !important;align-items:center;gap:8px}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:700px){html body main#main .cta-band.cta-rich.cta-compact .cta-person{flex-direction:column !important;align-items:center !important;text-align:center;gap:16px !important}html body main#main .cta-band.cta-rich.cta-compact .cta-side{justify-content:center !important}html body main#main .cta-band.cta-rich.cta-compact .cta-person span{font-size:15px !important}}
html body main#main .cta-band.cta-rich.cta-compact .cta-photo{flex:none !important;aspect-ratio:1/1 !important;object-fit:cover !important}
/* nstat-band v3 – stilren beige */
html body .nstat-band{background:#F6F2EA !important;border:1px solid rgba(10,36,64,.08);box-shadow:0 20px 50px -34px rgba(10,36,64,.35) !important;color:#0A2440 !important}
html body .nstat-band::before{display:none !important}
html body .nstat-band::after{left:56px;right:56px;background:linear-gradient(90deg,transparent,rgba(224,123,18,.55),transparent) !important}
html body .nstat-band .nstat-ic{background:#fff !important;border:1px solid rgba(10,36,64,.08) !important;box-shadow:0 10px 24px -14px rgba(10,36,64,.4) !important;color:#0A2440 !important}
html body .nstat-band .nstat-ic svg{color:#0A2440 !important;stroke:currentColor}
html body .nstat-band .nstat-k{color:#bf5f08 !important}
html body .nstat-band .nstat-n{background:none !important;color:#0A2440 !important;-webkit-text-fill-color:#0A2440 !important}
html body .nstat-band .nstat-plus{color:#e07b12 !important;-webkit-text-fill-color:#e07b12 !important}
html body .nstat-band .nstat-go{color:#bf5f08 !important;border-color:rgba(224,123,18,.5) !important}
html body .nstat-band a.nstat-link:hover .nstat-go{background:#e07b12 !important;border-color:#e07b12 !important;color:#fff !important}
html body .nstat-band a.nstat-link:hover .nstat-ic{border-color:rgba(224,123,18,.5) !important;box-shadow:0 14px 28px -14px rgba(10,36,64,.45) !important}
html body .nstat-band .nstat-div{background:linear-gradient(180deg,transparent,rgba(10,36,64,.18),transparent) !important}
@media(max-width:860px){html body .nstat-band .nstat-div{background:linear-gradient(90deg,transparent,rgba(10,36,64,.18),transparent) !important}}
html body .nstat-band .nstat-plus{margin-left:-.04em !important;font-weight:500 !important}
/* nstat-band v4 – kompaktare och rundare */
html body .nstat-band{max-width:880px !important;margin-left:auto !important;margin-right:auto !important;border-radius:36px !important;padding:44px 52px !important;gap:40px !important}
html body .nstat-band::after{left:72px;right:72px}
@media(max-width:860px){html body .nstat-band{border-radius:28px !important;padding:32px 24px !important}}
/* ljusare beige på bannrarna */
html body .nstat-band,html body main#main .cta-band.cta-rich.cta-compact{background:#FAF7F2 !important;border-color:rgba(10,36,64,.06) !important}
html body .nstat-band .nstat-n{white-space:nowrap}
html body main#main .cta-band.cta-rich.cta-compact{max-width:980px !important;margin-left:auto !important;margin-right:auto !important;border-radius:36px !important}
@media(max-width:700px){html body main#main .cta-band.cta-rich.cta-compact{border-radius:28px !important}}
/* cta-compact v4 – blå, bara knappen i orange */
html body main#main .cta-band.cta-rich.cta-compact{background:linear-gradient(135deg,#0A2440 0%,#123a64 100%) !important;border:0 !important;box-shadow:0 24px 56px -30px rgba(10,36,64,.6) !important}
html body main#main .cta-band.cta-rich.cta-compact::after{display:none !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-person b,html body main#main .cta-band.cta-rich.cta-compact .cta-person b a{color:#fff !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-person span{color:rgba(255,255,255,.72) !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone{color:#fff !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone::before{opacity:.7}
html body main#main .cta-band.cta-rich.cta-compact .cta-photo{border:3px solid rgba(255,255,255,.9) !important;box-shadow:0 10px 24px -12px rgba(0,0,0,.6) !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-actions .btn-primary{box-shadow:0 10px 24px -12px rgba(240,150,42,.8) !important}
/* nstat-band: all text blå, bara Följ oss på LinkedIn i orange */
html body .nstat-band .nstat-k{color:#0A2440 !important;opacity:.75}
html body .nstat-band .nstat-plus{color:#0A2440 !important;-webkit-text-fill-color:#0A2440 !important}
html body .nstat-band .nstat-ic svg *{stroke:#0A2440 !important}
html body .nstat-band .nstat-ic svg [fill]:not([fill="none"]){fill:#0A2440 !important}
html body .nstat-band::after{display:none !important}
/* nstat-ikoner v3 – marinblå cirkel, vita linjer, ljusblå accent */
html body .nstat-band .nstat-ic{background:linear-gradient(145deg,#1d4a78 0%,#0A2440 100%) !important;border:0 !important;box-shadow:0 0 0 6px rgba(10,36,64,.06),0 14px 30px -14px rgba(10,36,64,.7),inset 0 1px 0 rgba(255,255,255,.18) !important}
html body .nstat-band .nstat-ic svg *{stroke:#fff !important}
html body .nstat-band .nstat-ic svg [fill]:not([fill="none"]){fill:#9cc4e4 !important;stroke:#9cc4e4 !important}
html body .nstat-band .nstat-ic svg,html body .nstat-band .nstat:last-child .nstat-ic svg{width:44px !important;height:44px !important}
html body .nstat-band a.nstat-link:hover .nstat-ic{box-shadow:0 0 0 6px rgba(224,123,18,.12),0 16px 32px -14px rgba(10,36,64,.75),inset 0 1px 0 rgba(255,255,255,.18) !important}
@media(min-width:861px){html body .nstat-band{max-width:1040px !important;border-radius:72px !important;padding:40px 72px !important}}
/* nstat-ikoner v4 – blå cirkel, helt vitt inuti */
html body .nstat-band .nstat-ic{background:linear-gradient(145deg,#3a8fd0 0%,#1f5f96 100%) !important;box-shadow:0 0 0 6px rgba(47,128,192,.10),0 14px 30px -14px rgba(31,95,150,.7),inset 0 1px 0 rgba(255,255,255,.25) !important}
html body .nstat-band .nstat-ic svg [fill]:not([fill="none"]){fill:#fff !important;stroke:#fff !important}
/* cta-compact v5 – beige som LinkedIn-bannern, blå text, bara knappen orange */
html body main#main .cta-band.cta-rich.cta-compact{background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.06) !important;box-shadow:0 20px 50px -34px rgba(10,36,64,.35) !important}
@media(min-width:701px){html body main#main .cta-band.cta-rich.cta-compact{max-width:1040px !important;border-radius:999px !important;padding:28px 56px 28px 32px !important}}
html body main#main .cta-band.cta-rich.cta-compact .cta-person b,html body main#main .cta-band.cta-rich.cta-compact .cta-person b a,html body main#main .cta-band.cta-rich.cta-compact .cta-phone{color:#0A2440 !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-person span{color:#4a5670 !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-photo{border:3px solid #fff !important;box-shadow:0 0 0 1px rgba(10,36,64,.08),0 10px 24px -12px rgba(10,36,64,.45) !important}
/* nstat-ikoner v5 – samma design som tjänstesymbolerna: mörkblå rundad ruta, vit ikon */
html body .nstat-band .nstat-ic{background:#0A2440 !important;border:0 !important;border-radius:20px !important;width:76px !important;height:76px !important;box-shadow:0 12px 26px -14px rgba(10,36,64,.6) !important}
html body .nstat-band .nstat-ic svg,html body .nstat-band .nstat:last-child .nstat-ic svg{width:38px !important;height:38px !important}
html body .nstat-band a.nstat-link:hover .nstat-ic{box-shadow:0 16px 30px -14px rgba(10,36,64,.7) !important}
@media(max-width:860px){html body .nstat-band .nstat-ic{width:60px !important;height:60px !important;border-radius:16px !important}html body .nstat-band .nstat-ic svg,html body .nstat-band .nstat:last-child .nstat-ic svg{width:30px !important;height:30px !important}}
html body .nstat-band .nstat-ic{opacity:1 !important}
html body .nstat-band .nstat-ic svg *{stroke:inherit}
html body .nstat-band .nstat:first-child .nstat-ic svg path{fill:#fff !important;stroke:none !important}
html body .nstat-band .nstat-ic svg circle,html body .nstat-band .nstat:last-child .nstat-ic svg path{stroke:#fff !important;fill:none !important}
html body .nstat-band .nstat:first-child .nstat-ic svg{width:32px !important;height:32px !important}
@media(max-width:860px){html body .nstat-band .nstat:first-child .nstat-ic svg{width:26px !important;height:26px !important}}
/* centrera innehållet mer */
@media(min-width:861px){html body .nstat-band{gap:64px !important}html body .nstat-band .nstat:first-child{justify-content:flex-end !important}html body .nstat-band .nstat:last-child{justify-content:flex-start !important}}
@media(min-width:701px){html body main#main .cta-band.cta-rich.cta-compact .cta-side{justify-content:center !important;gap:120px !important}html body main#main .cta-band.cta-rich.cta-compact{padding:28px 56px !important}}
@media(min-width:861px){html body .nstat-band{display:flex !important;justify-content:center !important;align-items:center !important;gap:56px !important}html body .nstat-band .nstat{flex:none !important;width:auto !important}html body .nstat-band .nstat-div{flex:none}}
@media(min-width:701px){html body main#main .cta-band.cta-rich.cta-compact .cta-side{gap:64px !important}}
/* tunn blå linje runt bannern och CTA */
html body .nstat-band,html body main#main .cta-band.cta-rich.cta-compact{border:1px solid rgba(10,36,64,.45) !important}
/* Följ oss på LinkedIn – helt orange med vit text */
html body .nstat-band .nstat-go{background:#f0962a !important;border-color:#f0962a !important;color:#fff !important;box-shadow:0 8px 18px -10px rgba(240,150,42,.8)}
html body .nstat-band a.nstat-link:hover .nstat-go{background:#d9730d !important;border-color:#d9730d !important;color:#fff !important}
html body .nstat-band .nstat-ic{border-radius:50% !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-person span,html body main#main .cta-band.cta-rich.cta-compact .cta-phone,html body main#main .cta-band.cta-rich.cta-compact .cta-person b,html body main#main .cta-band.cta-rich.cta-compact .cta-person b a{color:#0A2440 !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone::before{opacity:1}
@media(min-width:861px){html body .nstat-band{border-radius:999px !important;padding:28px 72px !important}}
html body .nstat-band .nstat-n{font-size:clamp(36px,3.6vw,48px) !important}
html body main#main section:has(> .wrap > .cta-compact){margin-top:-96px !important}
@media(max-width:700px){html body main#main section:has(> .wrap > .cta-compact){margin-top:-40px !important}}
html body .nstat-band .nstat-ic{border-radius:18px !important}@media(max-width:860px){html body .nstat-band .nstat-ic{border-radius:15px !important}}
/* nstat-band – mycket mindre symboler och text */
html body .nstat-band .nstat-ic{width:52px !important;height:52px !important;border-radius:14px !important}
html body .nstat-band .nstat-ic svg,html body .nstat-band .nstat:last-child .nstat-ic svg{width:26px !important;height:26px !important}
html body .nstat-band .nstat:first-child .nstat-ic svg{width:22px !important;height:22px !important}
html body .nstat-band .nstat{gap:18px !important}
html body .nstat-band .nstat-k{font-size:10.5px !important;letter-spacing:.16em}
html body .nstat-band .nstat-n{font-size:32px !important;margin:4px 0 0 !important}
html body .nstat-band .nstat-go{font-size:12px !important;padding:5px 13px !important;margin-top:8px !important}
@media(min-width:861px){html body .nstat-band{padding:22px 60px !important;gap:48px !important}html body .nstat-band .nstat-div{height:72px !important}}
@media(max-width:860px){html body .nstat-band .nstat-ic{width:48px !important;height:48px !important;border-radius:13px !important}html body .nstat-band .nstat-n{font-size:28px !important}}
/* nstat-band – siffran centrerad mot symbolen, rubrikerna i linje, länk i stället för knapp */
html body .nstat-band{align-items:flex-start !important}
html body .nstat-band .nstat{display:grid !important;grid-template-columns:auto auto;column-gap:18px !important;row-gap:0;align-items:center;justify-content:start}
html body .nstat-band .nstat>div{display:contents !important}
html body .nstat-band .nstat-ic{grid-column:1;grid-row:2;align-self:center}
html body .nstat-band .nstat-k{grid-column:2;grid-row:1;margin:0 0 6px !important;line-height:1.2}
html body .nstat-band .nstat-n{grid-column:2;grid-row:2;margin:0 !important;line-height:52px !important}
html body .nstat-band .nstat-go{grid-column:2;grid-row:3;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:6px 0 0 !important;border-radius:0 !important;color:#0A2440 !important;font-size:13px !important;font-weight:600;gap:6px}
html body .nstat-band .nstat-go span{transition:transform .2s}
html body .nstat-band a.nstat-link:hover .nstat-go{background:none !important;color:#0A2440 !important;text-decoration:underline !important;text-underline-offset:3px}
html body .nstat-band a.nstat-link:hover .nstat-go span{transform:translate(2px,-2px)}
html body .nstat-band .nstat-div{align-self:center !important}
@media(max-width:860px){html body .nstat-band .nstat-n{line-height:48px !important}}
@media(min-width:861px){html body .nstat-band{gap:96px !important}}
html body .nstat-band .nstat{row-gap:0 !important;align-content:start !important;height:auto !important}html body .nstat-band .nstat-k,html body .nstat-band .nstat-n,html body .nstat-band .nstat-go{justify-self:start !important;text-align:left !important}
html body .nstat-band .nstat-ic{grid-row:1 / 4 !important;align-self:center !important}
html body .nstat-band .nstat{grid-template-rows:auto auto 25px !important}html body .nstat-band .nstat-go{align-self:end}
@media(min-width:861px){html body .nstat-band{max-width:780px !important;padding:22px 56px !important;gap:80px !important}}
@media(min-width:861px){html body .nstat-band{max-width:900px !important;gap:96px !important}}
/* Johans mail i kontaktrutan */
html body main#main .cta-band.cta-rich.cta-compact .cta-phone,html body main#main .cta-band.cta-rich.cta-compact .cta-mail{display:flex !important;width:max-content}
html body main#main .cta-band.cta-rich.cta-compact .cta-mail{align-items:center;gap:8px;margin-top:6px;color:#0A2440 !important;font-size:15px;font-weight:500;text-decoration:none !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-mail:hover{text-decoration:underline !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-mail::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:700px){html body main#main .cta-band.cta-rich.cta-compact .cta-phone,html body main#main .cta-band.cta-rich.cta-compact .cta-mail{margin-left:auto;margin-right:auto;font-size:14px}}
/* kontaktrutan – mindre text */
html body main#main .cta-band.cta-rich.cta-compact .cta-person b,html body main#main .cta-band.cta-rich.cta-compact .cta-person b a{font-size:19px !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-person span{font-size:14px !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone{font-size:14px !important;margin-top:8px !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-mail{font-size:13px !important;margin-top:4px !important}
html body main#main .cta-band.cta-rich.cta-compact .cta-phone::before,html body main#main .cta-band.cta-rich.cta-compact .cta-mail::before{width:14px;height:14px}
html body main#main .cta-band.cta-rich.cta-compact .cta-actions .btn{font-size:14px !important;padding:12px 24px !important}
html body[data-page="about"] .tr-ic{background:#0A2440 !important;color:#fff !important}
html body[data-page="about"] .tr-ic{border-color:#0A2440 !important;box-shadow:none !important}
/* Om oss: vanliga frågor som en enkel rad, samma som på startsidan */
html body .faq-sec:has(.faq-toggle-line){background:none !important;border:0 !important;padding:24px 0 72px !important}
html body .faq-toggle-line{border:0 !important;background:none !important;box-shadow:none !important;padding:0 !important}
html body .faq-toggle-line>summary{display:flex !important;justify-content:center;list-style:none;cursor:pointer;padding:0 !important;border:0 !important;background:none !important}
html body .faq-toggle-line>summary::-webkit-details-marker{display:none}
html body .faq-toggle-line>summary h2.faq-link{margin:0 !important;font:400 17px/1.5 inherit !important;font-size:17px !important;letter-spacing:0 !important;color:#26365a !important;text-align:center}
html body .faq-toggle-line .faq-link-a{color:#bf5f08;font-weight:600;margin-left:6px}
html body .faq-toggle-line .faq-link-a span{display:inline-block;transition:transform .2s}
html body .faq-toggle-line>summary:hover .faq-link-a{text-decoration:underline;text-underline-offset:3px}
html body .faq-toggle-line[open] .faq-link-a span{transform:rotate(90deg)}
html body .faq-toggle-line[open]>.faq{margin-top:28px}
html body main #faq.faq-sec .faq-toggle-line>summary h2.faq-link,html body main #faq .faq-toggle-line summary h2{font-size:17px !important;font-weight:400 !important;line-height:1.5 !important;letter-spacing:0 !important;font-family:inherit !important}
html body main #faq .faq-toggle-line .faq-link-a{font-size:17px !important;font-weight:600 !important}
html body main #faq.faq-sec{padding:8px 0 64px !important}
html body main #faq .faq-wrap{max-width:900px;margin-left:auto !important;margin-right:auto !important}
html body main #faq .faq-toggle-line>summary{width:100%;justify-content:center !important}
html body main #faq .faq-toggle-line .faq-link-q{font-size:17px !important;font-weight:400 !important;color:#26365a !important;letter-spacing:0 !important}html body main #faq .faq-toggle-line summary h2{line-height:1.5 !important}
/* Tjänster: alla symboler mörkblå */
html body .sx-ic,html body .tr-ic{background:#0A2440 !important;border-color:#0A2440 !important;color:#fff !important;box-shadow:none !important}
html body .sx-ck{background:#E8EEF5 !important;color:#0A2440 !important}
html body .sx-ck svg,html body .sx-ck svg *{stroke:#0A2440 !important}
html body[data-page] .sx-ic,html body[data-page] .tr-ic{background:#0A2440 !important;border-color:#0A2440 !important;color:#fff !important;box-shadow:none !important}
html body[data-page] .sx-ck{background:#E8EEF5 !important;color:#0A2440 !important}
html body[data-page] .sx-ck svg,html body[data-page] .sx-ck svg *{stroke:#0A2440 !important}
html body main section:has(> .wrap > .sx-grid:first-child){padding-top:56px !important}
html body main .sx-sec{padding-top:56px !important}html body main .sx-sec .sx-grid.sx8{margin-top:0 !important}
html body[data-page] main .sx-sec{padding-top:48px !important}
/* Systerbolag-bannern – samma design som LinkedIn-bannern och kontaktrutan */
html body main .sft-sec .sft-box{max-width:1040px !important;margin:0 auto !important;background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.45) !important;border-left:1px solid rgba(10,36,64,.45) !important;border-radius:999px !important;box-shadow:0 20px 50px -34px rgba(10,36,64,.35) !important;padding:30px 64px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:64px !important}
html body main .sft-sec .sft-box::before,html body main .sft-sec .sft-box::after{display:none !important}
html body main .sft-sec .sft-copy{max-width:560px}
html body main .sft-sec .sft-copy .label{color:#0A2440 !important;opacity:.75;font-size:10.5px !important;letter-spacing:.16em;margin:0 0 6px !important}
html body main .sft-sec .sft-copy h2{font-size:20px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:-.01em !important;color:#0A2440 !important;margin:0 0 6px !important}
html body main .sft-sec .sft-copy p:not(.label){font-size:14px !important;line-height:1.55 !important;color:#0A2440 !important;margin:0 !important}
html body main .sft-sec .sft-btn{flex:none;background:#f0962a !important;border:1px solid #f0962a !important;color:#fff !important;border-radius:999px !important;padding:12px 24px !important;font-size:14px !important;font-weight:600 !important;box-shadow:0 10px 22px -12px rgba(224,123,18,.8) !important;white-space:nowrap}
html body main .sft-sec .sft-btn:hover{background:#d9730d !important;border-color:#d9730d !important}
@media(max-width:860px){html body main .sft-sec .sft-box{flex-direction:column !important;align-items:flex-start !important;border-radius:28px !important;padding:28px 24px !important;gap:20px !important}html body main .sft-sec .sft-btn{width:100%;justify-content:center;text-align:center}}
html body[data-page] main #sister-company .sft-copy h2{font-size:20px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:-.01em !important;color:#0A2440 !important}
html body[data-page] main #sister-company .sft-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#0A2440;box-shadow:0 12px 26px -14px rgba(10,36,64,.6)}
html body[data-page] main #sister-company .sft-ic svg{width:26px;height:26px}
html body[data-page] main #sister-company .sft-box{gap:28px !important}
html body[data-page] main #sister-company .sft-btn{margin-left:28px}
@media(max-width:860px){html body[data-page] main #sister-company .sft-btn{margin-left:0}}
html body[data-page] main#main #sister-company .sft-copy h2{font-size:20px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:-.01em !important;margin:0 0 6px !important}
html body[data-page] main#main section.sx-sec{padding-top:48px !important}
html body main .sx-cta-wrap{margin-top:56px}
html body[data-page] main#main section.sft-sec{padding-bottom:96px !important}@media(max-width:860px){html body[data-page] main#main section.sft-sec{padding-bottom:72px !important}}
html body main#main section.sx-why{margin-top:0 !important}
html body[data-page] main#main section.sx-why.sx-why{margin-top:0 !important}html body[data-page] main#main section.sft-sec.sft-sec{padding-top:88px !important;padding-bottom:88px !important}@media(max-width:860px){html body[data-page] main#main section.sft-sec.sft-sec{padding-top:56px !important;padding-bottom:56px !important}}
html body[data-page] main#main section.sx-cta-sec{background:#fff !important;padding:88px 0 !important;margin:0 !important}@media(max-width:860px){html body[data-page] main#main section.sx-cta-sec{padding:56px 0 !important}}
html body[data-page] main#main section.cmp-sec.cmp-sec{background:#fff !important}
html body[data-page] main#main .abx-how .abx-card::before{background:#0A2440 !important;color:#fff !important;border-color:#0A2440 !important}
html body[data-page] main#main section.cta-site-sec{background:#fff !important;padding:88px 0 !important;margin:0 !important}
@media(max-width:860px){html body[data-page] main#main section.cta-site-sec{padding:56px 0 !important}}
/* Rekrytering: all brödtext i samma storlek (17px) */
html body[data-page="recruitment"] main#main .pr-intro,html body[data-page="recruitment"] main#main .pr-note,html body[data-page="recruitment"] main#main .pr-steps li p,html body[data-page="recruitment"] main#main .intl-cards li p,html body[data-page="recruitment"] main#main .exp-sec p,html body[data-page="recruitment"] main#main .roles-lead{font-size:17px !important;line-height:1.7 !important}
html body[data-page="recruitment"] main#main section .lead:not(.hero .lead){font-size:18px !important;line-height:1.65 !important}
html body[data-page] main#main .ix-intro{margin-bottom:40px}html body[data-page] main#main .ix-intro p,html body[data-page] main#main #onsite .section-head p{max-width:46em}
html body[data-page] main#main .energy-photo{aspect-ratio:21/8 !important;height:auto !important;margin:0 0 48px !important}@media(max-width:700px){html body[data-page] main#main .energy-photo{aspect-ratio:16/9 !important}}
/* Kanske passar en annan tjänst bättre? – snyggare kort */
html body[data-page] main#main section.rel-sec{background:#fff !important}
html body[data-page] main#main .rel-sec .section-head h2{font-size:clamp(24px,2.4vw,30px) !important}
html body[data-page] main#main .rel-grid{gap:20px !important}
html body[data-page] main#main .rel-card{position:relative !important;display:flex !important;flex-direction:column !important;gap:8px !important;background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.14) !important;border-radius:20px !important;padding:26px 72px 26px 28px !important;box-shadow:0 14px 34px -28px rgba(10,36,64,.45) !important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease !important;text-decoration:none !important}
html body[data-page] main#main .rel-card b{font-size:18px !important;font-weight:600 !important;color:#0A2440 !important;letter-spacing:-.01em}
html body[data-page] main#main .rel-card span{font-size:15px !important;line-height:1.55 !important;color:#26365a !important}
html body[data-page] main#main .rel-card i{position:absolute !important;right:24px !important;top:50% !important;transform:translateY(-50%) !important;display:grid !important;place-items:center !important;width:36px !important;height:36px !important;border-radius:50% !important;background:#0A2440 !important;color:#fff !important;font-style:normal !important;font-size:16px !important;transition:background .25s,transform .25s !important}
html body[data-page] main#main .rel-card:hover{transform:translateY(-3px) !important;border-color:rgba(10,36,64,.45) !important;box-shadow:0 20px 40px -26px rgba(10,36,64,.55) !important}
html body[data-page] main#main .rel-card:hover i{background:#f0962a !important;transform:translateY(-50%) translateX(2px) !important}
@media(prefers-reduced-motion:reduce){html body[data-page] main#main .rel-card,html body[data-page] main#main .rel-card i{transition:none !important}}
/* Exempel på roller vi har tillsatt – snyggare */
html body[data-page] main#main section.roles-sec .wrap{max-width:min(1232px,calc(100% - 48px)) !important;margin-left:auto !important;margin-right:auto !important;background:#FAF7F2;border:1px solid rgba(10,36,64,.14);border-radius:28px;padding:44px 48px !important;box-shadow:0 20px 50px -38px rgba(10,36,64,.45)}
html body[data-page] main#main .roles-sec h2{margin:0 0 8px !important}
html body[data-page] main#main .roles-sec .roles-lead{margin:0 0 28px !important;max-width:46em}
html body[data-page] main#main .roles-list{gap:10px !important}
html body[data-page] main#main .roles-list li{display:inline-flex !important;align-items:center;gap:8px;background:#fff !important;border:1px solid rgba(10,36,64,.14) !important;border-radius:999px !important;padding:8px 16px 8px 13px !important;font-size:14px !important;font-weight:500 !important;color:#0A2440 !important;box-shadow:0 4px 12px -10px rgba(10,36,64,.5)}
html body[data-page] main#main .roles-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:#0A2440;flex:none;display:block !important;position:static !important}
@media(max-width:700px){html body[data-page] main#main section.roles-sec .wrap{padding:28px 20px !important;border-radius:22px;max-width:calc(100% - 32px) !important}}
html body[data-page] main#main .gd-cta h2{color:#fff !important;font-size:clamp(22px,2.2vw,28px) !important;margin:0 0 6px !important}
html body[data-page] main#main section.gd-cta-sec.gd-cta-sec div.gd-cta.gd-cta.gd-cta h2{color:#fff !important;font-size:clamp(22px,2.2vw,28px) !important;margin:0 0 6px !important}
/* Roller vi har tillsatt v2 – mörkblå panel, vit text */
html body[data-page] main#main section.roles-sec .wrap{background:radial-gradient(ellipse 60% 120% at 100% 0%,rgba(91,141,176,.35),transparent 60%),linear-gradient(135deg,#0A2440 0%,#123a64 100%) !important;border:0 !important;box-shadow:0 28px 60px -34px rgba(10,36,64,.7) !important}
html body[data-page] main#main section.roles-sec .wrap h2,html body[data-page] main#main section.roles-sec.roles-sec .wrap h2{color:#fff !important}
html body[data-page] main#main section.roles-sec .wrap h2 .hl-text{color:#f6a94a !important;-webkit-text-fill-color:#f6a94a !important}
html body[data-page] main#main section.roles-sec .roles-lead{color:rgba(255,255,255,.78) !important}
html body[data-page] main#main section.roles-sec .roles-list li{background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.18) !important;color:#fff !important;box-shadow:none !important;transition:background .2s,border-color .2s}
html body[data-page] main#main section.roles-sec .roles-list li::before{background:#f0962a !important}
html body[data-page] main#main section.roles-sec .roles-list li:hover{background:rgba(255,255,255,.14) !important;border-color:rgba(246,169,74,.6) !important}
html body[data-page] main#main section.roles-sec.roles-sec#roles div.wrap.wrap h2{color:#fff !important}
html body[data-page] main#main .rel-card i{background:#f0962a !important;color:#fff !important}
html body[data-page] main#main .rel-card:hover i{background:#d9730d !important}
/* Roller v3 – beige panel, mörkblå rutor med vit text */
html body[data-page] main#main section.roles-sec .wrap{background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.14) !important;box-shadow:0 20px 50px -38px rgba(10,36,64,.45) !important}
html body[data-page] main#main section.roles-sec.roles-sec#roles div.wrap.wrap h2{color:#0A2440 !important}
html body[data-page] main#main section.roles-sec .wrap h2 .hl-text{color:#e07b12 !important;-webkit-text-fill-color:#e07b12 !important}
html body[data-page] main#main section.roles-sec .roles-lead{color:#26365a !important}
html body[data-page] main#main section.roles-sec .roles-list li{background:#0A2440 !important;border:1px solid #0A2440 !important;color:#fff !important;box-shadow:0 6px 14px -10px rgba(10,36,64,.7) !important}
html body[data-page] main#main section.roles-sec .roles-list li::before{background:#f0962a !important}
html body[data-page] main#main section.roles-sec .roles-list li:hover{background:#163c63 !important;border-color:#163c63 !important}
/* Konsulttjänster: rubrik på en rad, bild bredvid texten */
html body[data-page] main#main #onsite > .wrap > h2{white-space:nowrap;margin-bottom:28px !important}
@media(max-width:900px){html body[data-page] main#main #onsite > .wrap > h2{white-space:normal}}
html body[data-page] main#main .onsite-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-bottom:48px}
html body[data-page] main#main .onsite-copy{margin:0 !important;max-width:none !important}
html body[data-page] main#main .onsite-copy p{max-width:none !important}
html body[data-page] main#main .onsite-photo{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#e6ebf0;box-shadow:0 24px 50px -36px rgba(15,39,66,.55)}
html body[data-page] main#main .onsite-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){html body[data-page] main#main .onsite-grid{grid-template-columns:1fr;gap:28px}html body[data-page] main#main .onsite-photo{aspect-ratio:16/9}}
html body[data-page] main#main .onsite-copy p,html body[data-page] main#main .onsite-copy p.lead{max-width:none !important;margin-top:0}html body[data-page] main#main .onsite-copy > p:first-child{margin-top:0 !important}
html body[data-page] main#main #onsite .ix-card .ix-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#0A2440;margin:0 0 18px;box-shadow:0 8px 18px rgba(10,36,64,.22)}
html body[data-page] main#main #onsite .ix-card .ix-ic svg{width:24px;height:24px}
html body[data-page] main#main #onsite .onsite-copy h2{white-space:normal !important;margin:0 0 20px !important}
html body[data-page] main#main #onsite .onsite-grid{align-items:center}
@media(min-width:901px){html body[data-page] main#main section#onsite div.onsite-copy h2{font-size:28px !important;white-space:nowrap !important;line-height:1.25 !important}}
html body[data-page] main#main section#onsite div.onsite-copy p.lead,html body[data-page] main#main section#onsite div.onsite-copy p{max-width:none !important;width:auto !important;font-size:17px !important;line-height:1.7 !important}
html body[data-page] main#main section#onsite div.onsite-copy p{text-wrap:wrap !important}
/* Guide-raden: mindre luft före och efter */
html body[data-page] main#main section.gd-link-sec.gd-link-sec{background:#fff !important;padding:0 !important}
html body[data-page] main#main section.rel-sec:has(+ section.gd-link-sec){padding-bottom:32px !important}
html body[data-page] main#main section.gd-link-sec + section.cta-site-sec{padding-top:48px !important}
/* Guide-raden – diskret textlänk */
html body[data-page] main#main .gd-link{display:inline-flex !important;align-items:center !important;gap:10px !important;width:auto !important;max-width:none !important;background:none !important;border:0 !important;border-left:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important;text-decoration:none !important}
html body[data-page] main#main .gd-link::before{display:none !important}
html body[data-page] main#main .gd-link .gd-link-k{font-size:11px !important;letter-spacing:.14em !important;color:#6b7690 !important;font-weight:600 !important;text-transform:uppercase}
html body[data-page] main#main .gd-link .gd-link-t{font-size:15px !important;font-weight:500 !important;color:#0A2440 !important}
html body[data-page] main#main .gd-link .gd-link-a{font-size:15px !important;color:#bf5f08 !important;transition:transform .2s}
html body[data-page] main#main .gd-link:hover .gd-link-t{text-decoration:underline;text-underline-offset:3px}
html body[data-page] main#main .gd-link:hover .gd-link-a{transform:translateX(3px)}
/* Guide-raden v2 – diskret men snygg pill */
html body[data-page] main#main .gd-link{gap:12px !important;padding:8px 18px 8px 8px !important;border:1px solid rgba(10,36,64,.14) !important;border-radius:999px !important;background:#fff !important;box-shadow:0 6px 18px -14px rgba(10,36,64,.5) !important;transition:border-color .2s,box-shadow .2s !important}
html body[data-page] main#main .gd-link .gd-link-k{display:inline-flex;align-items:center;gap:6px;background:#0A2440;color:#fff !important;border-radius:999px;padding:5px 11px 5px 9px;font-size:10.5px !important;letter-spacing:.12em !important}
html body[data-page] main#main .gd-link .gd-link-k::before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5V5a2 2 0 0 1 2-2h12v16H6a2 2 0 0 0-2 2z'/%3E%3Cpath d='M8 7h6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5V5a2 2 0 0 1 2-2h12v16H6a2 2 0 0 0-2 2z'/%3E%3Cpath d='M8 7h6'/%3E%3C/svg%3E") center/contain no-repeat}
html body[data-page] main#main .gd-link:hover{border-color:rgba(224,123,18,.55) !important;box-shadow:0 10px 22px -14px rgba(10,36,64,.55) !important}
html body[data-page] main#main section.rel-sec:has(+ section.gd-link-sec){padding-bottom:20px !important}
html body[data-page] main#main section.gd-link-sec + section.cta-site-sec{padding-top:28px !important}
@media(max-width:700px){html body[data-page] main#main .gd-link{border-radius:18px !important;align-items:flex-start !important;flex-wrap:wrap}}
html body[data-page] main#main section.rel-sec.rel-sec:has(+ section.gd-link-sec){padding-bottom:40px !important}
html body[data-page] main#main section.gd-link-sec + section.cta-site-sec.cta-site-sec{padding-top:48px !important}
html body[data-page] main#main .ix-card .ix-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#0A2440;margin:0 0 18px;box-shadow:0 8px 18px rgba(10,36,64,.22)}html body[data-page] main#main .ix-card .ix-ic svg{width:24px;height:24px}
/* Remote-sidorna: vita rutor med mörkblå symbol */
html body[data-page] main#main .ft-blocks > div{background:#fff !important;border:1px solid rgba(10,36,64,.12) !important;border-radius:18px !important;padding:24px !important;box-shadow:0 14px 34px -28px rgba(10,36,64,.5) !important}
html body[data-page] main#main .ft-blocks .ix-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#0A2440;margin:0 0 14px;box-shadow:0 8px 18px rgba(10,36,64,.22)}
html body[data-page] main#main .ft-blocks .ix-ic svg{width:22px;height:22px}
/* Kompetens för system som är svåra att bemanna – beige bakgrund */
html body[data-page] main#main section.lg-sec.lg-sec{background:#F6F2EA !important;background-image:none !important;color:#0A2440 !important}
html body[data-page] main#main section.lg-sec::before,html body[data-page] main#main section.lg-sec::after{display:none !important}
html body[data-page] main#main section.lg-sec h2{color:#0A2440 !important}
html body[data-page] main#main section.lg-sec h2 .hl-text{color:#e07b12 !important;-webkit-text-fill-color:#e07b12 !important}
html body[data-page] main#main section.lg-sec p{color:#26365a !important}
html body[data-page] main#main section.lg-sec li,html body[data-page] main#main section.lg-sec .lg-grid li{background:#fff !important;border:1px solid rgba(10,36,64,.12) !important;color:#0A2440 !important;box-shadow:0 8px 20px -16px rgba(10,36,64,.5) !important}
html body[data-page] main#main section.lg-sec li *{color:#0A2440 !important}
html body[data-page] main#main section.lg-sec.lg-sec div.wrap h2{color:#0A2440 !important}
html body[data-page] main#main section.lg-sec.lg-sec div.wrap p{color:#26365a !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap h2{color:#0A2440 !important;-webkit-text-fill-color:#0A2440 !important}html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap h2 .hl-text{color:#e07b12 !important;-webkit-text-fill-color:#e07b12 !important}
/* svåra att bemanna: mörkblå bakgrund igen, bara rutorna vita */
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec{background:#0A2440 !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap h2{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap h2 .hl-text{color:#f6a94a !important;-webkit-text-fill-color:#f6a94a !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap p{color:rgba(255,255,255,.82) !important}
html body[data-page] main#main section#niche-systems.lg-sec li{background:#fff !important;border:1px solid #fff !important;box-shadow:0 10px 22px -16px rgba(0,0,0,.6) !important}
html body[data-page] main#main section#niche-systems.lg-sec li *{color:#0A2440 !important}
html body[data-page] main#main section#niche-systems.lg-sec ul{grid-auto-rows:1fr !important}
html body[data-page] main#main section#niche-systems.lg-sec li{min-height:64px !important;height:100% !important;display:flex !important;align-items:center !important;box-sizing:border-box}
/* Remote IT Indien: kundlogotyper i samma kapselstil som övriga banners */
html body[data-page] main#main section.ri-logos-sec{background:#fff !important;padding:0 0 88px !important}
html body[data-page] main#main .ri-logos{max-width:1040px;margin:0 auto;background:#FAF7F2;border:1px solid rgba(10,36,64,.45);border-radius:999px;box-shadow:0 20px 50px -34px rgba(10,36,64,.35);padding:26px 56px;display:flex;align-items:center;justify-content:center;gap:48px}
html body[data-page] main#main .ri-logos-k{margin:0 !important;font-size:10.5px !important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#0A2440 !important;opacity:.75;max-width:180px;line-height:1.5 !important}
html body[data-page] main#main .ri-logos-row{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:56px}
html body[data-page] main#main .ri-logos-row li{display:flex;align-items:center}
html body[data-page] main#main .ri-logos-row img{height:26px;width:auto;display:block;filter:grayscale(1);opacity:.85;transition:filter .25s,opacity .25s}
html body[data-page] main#main .ri-logos-row img[alt="Scania"]{height:18px}
html body[data-page] main#main .ri-logos-row img[alt="PostNord"],html body[data-page] main#main .ri-logos-row img[alt="Tetra Pak"]{height:30px}
html body[data-page] main#main .ri-logos-row li:hover img{filter:none;opacity:1}
@media(max-width:860px){html body[data-page] main#main .ri-logos{flex-direction:column;border-radius:28px;padding:26px 24px;gap:20px;text-align:center}html body[data-page] main#main .ri-logos-k{max-width:none}html body[data-page] main#main .ri-logos-row{gap:28px;flex-wrap:wrap;justify-content:center}html body[data-page] main#main section.ri-logos-sec{padding-bottom:56px !important}}
/* Remote-sidorna: samma textstorlek */
html body[data-page] main#main .ft-section .ft-lead{font-size:18px !important;line-height:1.65 !important}
html body[data-page] main#main .ft-section .ft-text > p:not(.ft-lead),html body[data-page] main#main .ft-blocks p{font-size:17px !important;line-height:1.7 !important}
html body[data-page] main#main section.soft-band:not(.faq-sec) .steps p,html body[data-page] main#main section.soft-band:not(.faq-sec) ol li p{font-size:17px !important;line-height:1.7 !important}
html body[data-page] main#main .ft-blocks h3{font-size:18px !important;margin:0 0 8px !important}
/* svåra att bemanna: beige bakgrund, mörkblå text, vita rutor */
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec{background:#F6F2EA !important;background-image:none !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap h2{color:#0A2440 !important;-webkit-text-fill-color:#0A2440 !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap h2 .hl-text{color:#e07b12 !important;-webkit-text-fill-color:#e07b12 !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap p{color:#26365a !important}
html body[data-page] main#main section#niche-systems.lg-sec li{border:1px solid rgba(10,36,64,.12) !important;box-shadow:0 8px 20px -16px rgba(10,36,64,.5) !important}
html body[data-page] main#main section#niche-systems.lg-sec li{background:#EDE4D3 !important;border:1px solid rgba(10,36,64,.18) !important;box-shadow:none !important}
html body[data-page] main#main section#niche-systems.lg-sec li *{color:#0A2440 !important}
/* Logotyper under rutorna – vit ruta, originalfärger */
html body[data-page] main#main .ft-text .ri-logos{max-width:none !important;margin:20px 0 0 !important;background:#fff !important;border:1px solid rgba(10,36,64,.12) !important;border-radius:18px !important;box-shadow:0 14px 34px -28px rgba(10,36,64,.5) !important;padding:20px 24px !important;flex-direction:column !important;align-items:flex-start !important;gap:14px !important}
html body[data-page] main#main .ft-text .ri-logos-k{max-width:none !important}
html body[data-page] main#main .ft-text .ri-logos-row{gap:36px !important;flex-wrap:wrap;justify-content:flex-start !important;width:100%}
html body[data-page] main#main .ft-text .ri-logos-row img{filter:none !important;opacity:1 !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec li{background:#fff !important;border:1px solid rgba(10,36,64,.12) !important;box-shadow:0 8px 20px -16px rgba(10,36,64,.5) !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec,html body[data-page] main#main section.in-diff.in-diff{background:#FAF7F2 !important}
html body[data-page] main#main section#niche-systems.lg-sec a.btn,html body[data-page] main#main section#niche-systems.lg-sec a.btn *{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap a[href*="remote-global"],html body[data-page] main#main section#niche-systems.lg-sec.lg-sec div.wrap a[href*="remote-global"] *{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body[data-page] main#main section#niche-systems.lg-sec.lg-sec li{border-radius:999px !important;min-height:56px !important;padding:10px 22px 10px 18px !important}
html body[data-page] main#main section#niche-systems.lg-sec ul{gap:12px !important}
html body[data-page] main#main .ri-logos-row img[alt="Maersk"]{height:24px !important}html body[data-page] main#main .ft-text .ri-logos-row{gap:30px !important}
html body[data-page] main#main section#niche-systems.lg-sec li::before,html body[data-page] main#main section#niche-systems.lg-sec li::after{display:none !important;content:none !important}
html body[data-page] main#main section#niche-systems.lg-sec li{padding-left:22px !important}
html body[data-page] main#main .ft-text .ri-logos{padding:22px 28px !important}
html body[data-page] main#main .ft-text .ri-logos-row{flex-wrap:nowrap !important;justify-content:space-between !important;gap:20px !important}
html body[data-page] main#main .ft-text .ri-logos-row img[alt="Scania"]{height:16px !important}
html body[data-page] main#main .ft-text .ri-logos-row img[alt="PostNord"]{height:26px !important}
html body[data-page] main#main .ft-text .ri-logos-row img[alt="Tetra Pak"]{height:26px !important}
html body[data-page] main#main .ft-text .ri-logos-row img[alt="Maersk"]{height:22px !important}
@media(max-width:700px){html body[data-page] main#main .ft-text .ri-logos-row{flex-wrap:wrap !important;justify-content:center !important;gap:20px 28px !important}}
/* logotyper i samma storlek */
html body[data-page] main#main .ft-text .ri-logos-row li{flex:1 1 0;justify-content:center;height:40px}
html body[data-page] main#main .ft-text .ri-logos-row li img,html body[data-page] main#main .ft-text .ri-logos-row li img[alt]{width:120px !important;max-width:100% !important;height:auto !important;max-height:34px !important;object-fit:contain}
@media(max-width:700px){html body[data-page] main#main .ft-text .ri-logos-row li{flex:0 0 40%}}
html body[data-page] main#main .ft-flow p{font-size:17px !important;line-height:1.7 !important;margin:0 0 14px !important}html body[data-page] main#main .ft-flow + .ri-logos{margin-top:24px !important}
html body[data-page] main#main .ft-section .ft-text > p:not(.ft-lead){margin:0 0 14px !important}html body[data-page] main#main .ft-section{overflow:visible !important}html body[data-page] main#main .ft-section .ft-grid{align-items:center !important}
html body[data-page] main#main section#niche-systems + section.soft-band{margin-top:88px !important}@media(max-width:860px){html body[data-page] main#main section#niche-systems + section.soft-band{margin-top:56px !important}}
/* logotyperna utan ruta, direkt under texten */
html body[data-page] main#main .ft-text .ri-logos{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:28px 0 0 !important;border-radius:0 !important}
html body[data-page] main#main .ft-text .ri-logos-row{justify-content:flex-start !important;gap:36px !important}
html body[data-page] main#main .ft-text .ri-logos-row li{flex:0 0 auto !important;justify-content:flex-start !important}
html body[data-page] main#main .ft-text .ri-logos-row li img,html body[data-page] main#main .ft-text .ri-logos-row li img[alt]{width:112px !important}
@media(max-width:700px){html body[data-page] main#main .ft-text .ri-logos-row{gap:20px 28px !important}html body[data-page] main#main .ft-text .ri-logos-row li{flex:0 0 40% !important}}
html body[data-page] main#main .ft-section .ft-grid{align-items:start !important}@media(max-width:700px){html body[data-page] main#main .ft-text .ri-logos-row{justify-content:flex-start !important}}
/* Remote IT Indien: overrubriker + listrubrik */
html body[data-page] main#main p.label.ri-k{display:block;font:600 12px/1.4 var(--font-label) !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#E2703A !important;margin:0 0 12px !important}
html body[data-page] main#main .section-head p.label.ri-k{text-align:inherit}
html body[data-page] main#main section#niche-systems.lg-sec .lg-grid p.lg-chips-h{font-weight:600 !important;font-size:15px !important;color:#0A2440 !important;margin:0 0 14px !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-grid{align-items:start}
html body[data-page] main#main section#niche-systems.lg-sec .lg-grid p.label.ri-k{color:#E2703A !important;font-size:12px !important;margin:0 0 12px !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-grid h2{margin-bottom:18px !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-grid p+p:not(.lg-link){margin-top:14px !important}
html body[data-page] main#main section#remote-it.ft-section .ft-text h2{margin-bottom:18px !important}
html body[data-page] main#main section#remote-it.ft-section{padding-bottom:40px !important}
html body[data-page] main#main section.gd-link-sec.gd-after-ri{padding:0 0 72px !important;background:#fff}
html body[data-page] main#main section#remote-it .ri-guide{margin:32px 0 0 !important}
html body[data-page] main#main section#remote-it.ft-section{padding-bottom:88px !important}
html body[data-page] main#main section#remote-it .ri-guide{margin:72px 0 0 !important}
/* Remote IT Indien: systemrutor under texten */
html body[data-page] main#main section#niche-systems.lg-sec .lg-grid.lg-stack{display:block !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack>div.lg-top{max-width:none}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-right{margin-top:40px}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-chips{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
@media(max-width:900px){html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-chips{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:600px){html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-chips{grid-template-columns:1fr !important}}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top>div{max-width:none}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#e6e1d6;box-shadow:0 24px 48px -32px rgba(10,36,64,.45)}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top{grid-template-columns:1fr;gap:28px}}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) !important;gap:64px !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo{max-width:420px;width:100%;justify-self:end;aspect-ratio:3/2 !important}
@media(max-width:900px){html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top{grid-template-columns:1fr !important}html body[data-page] main#main section#niche-systems.lg-sec .lg-photo{justify-self:start}}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo{position:relative}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo img{filter:saturate(.45) contrast(.92) brightness(1.04) sepia(.12)}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,36,64,.22),rgba(250,247,242,.18));mix-blend-mode:multiply;pointer-events:none}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.lg-symbol{background:#fff !important;border:1px solid rgba(10,36,64,.12);box-shadow:0 18px 40px -30px rgba(10,36,64,.45) !important;display:flex;align-items:center;justify-content:center;padding:18px}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.lg-symbol::after{display:none}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.lg-symbol svg{width:100%;height:100%}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.lg-symbol.lg-round{aspect-ratio:1/1 !important;max-width:300px !important;border-radius:50% !important;padding:22px !important;justify-self:center}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.lg-symbol.lg-round{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;overflow:visible !important;max-width:280px !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.lg-round svg{filter:drop-shadow(0 18px 30px rgba(10,36,64,.14))}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.lg-round svg{filter:drop-shadow(0 10px 18px rgba(10,36,64,.10)) !important}
html body[data-page] main#main section#remote-it .ft-text .ri-logos{margin-top:44px !important}
/* Remote-IT Globalt: jordglob till höger */
html body[data-page] main#main section#remote-global .ft-grid{align-items:start}
html body[data-page] main#main section#remote-global figure.rg-globe{background:none !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;aspect-ratio:auto !important;overflow:visible !important;max-width:400px;width:100%;justify-self:center;margin:24px 0 0}
html body[data-page] main#main section#remote-global figure.rg-globe svg{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 36px rgba(10,36,64,.14))}
html body[data-page] main#main section#remote-global.ft-section .ft-text h2{margin-bottom:18px !important}
/* Remote-IT Globalt: ny text */
html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:1fr !important}
html body[data-page] main#main section#remote-global .ft-text{max-width:820px}
html body[data-page] main#main section#remote-global .ft-text p{font-size:17px !important;line-height:1.7 !important}
html body[data-page] main#main section#remote-global h3.rg-h3{font-size:21px !important;color:#0A2440 !important;margin:36px 0 12px !important;font-weight:600 !important}
html body[data-page] main#main section.rg-offer{padding:24px 0 96px;background:#fff}
html body[data-page] main#main section.rg-offer .ix-grid.rg-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:1000px){html body[data-page] main#main section.rg-offer .ix-grid.rg-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body[data-page] main#main section.rg-offer .ix-grid.rg-4{grid-template-columns:1fr}}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-chips.rg-chips{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-chips.rg-chips li{font-weight:500 !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-chips.rg-chips li b{font-weight:700}
@media(max-width:700px){html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-chips.rg-chips{grid-template-columns:1fr !important}}
html body[data-page] main#main section#remote-global.ft-section{padding-bottom:40px !important}
/* Remote-IT Globalt: jorden från rymden i hero */
html body .page-head.ph-remote-global::before{background:linear-gradient(90deg,rgba(12,32,54,.96) 0%,rgba(12,32,54,.82) 40%,rgba(5,12,22,.25) 68%,rgba(3,7,13,0) 100%),url(/img/world-earth.jpg) right 6% center/auto 118% no-repeat,#03070d !important;background-size:auto,auto 118%,auto !important;background-position:0 0,right 6% center,0 0 !important}
@media(max-width:800px){html body .page-head.ph-remote-global::before{background-size:auto,auto 90%,auto !important;background-position:0 0,right -120px center,0 0 !important}}
html body[data-page] main#main section#remote-global .ft-countries{background:none !important;border:0 !important;box-shadow:none !important;padding:8px 0 0 !important;border-radius:0 !important}
html body .page-head.ph-remote-global::before{background:linear-gradient(90deg,rgba(12,32,54,.96) 0%,rgba(12,32,54,.8) 36%,rgba(3,7,13,0) 56%),url(/img/world-earth.jpg) right 16% center/auto 86% no-repeat,#03070d !important;background-size:auto,auto 86%,auto !important;background-position:0 0,right 16% center,0 0 !important}
@media(max-width:800px){html body .page-head.ph-remote-global::before{background-size:auto,auto 70%,auto !important;background-position:0 0,right -80px center,0 0 !important}}
html body .page-head.ph-remote-global::before{background:linear-gradient(90deg,rgba(12,32,54,.96) 0%,rgba(12,32,54,.8) 36%,rgba(12,32,54,.18) 56%,rgba(12,32,54,.28) 100%),url(/img/world-earth.jpg) right 16% center/auto 86% no-repeat,#03070d !important;background-size:auto,auto 86%,auto !important;background-position:0 0,right 16% center,0 0 !important;filter:saturate(.55) contrast(.95)}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.rg-map{max-width:460px !important;aspect-ratio:auto !important;border-radius:0 !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.rg-map svg{filter:none !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top:has(.rg-map){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.rg-map{max-width:none !important;width:100% !important;justify-self:stretch !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top:has(.rg-map){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:48px !important}
html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;gap:56px !important;align-items:start !important}
html body[data-page] main#main section#remote-global .ft-text{max-width:none}
html body[data-page] main#main section#remote-global figure.rg-photo{margin:6px 0 0;border-radius:20px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 24px 48px -32px rgba(10,36,64,.45)}
html body[data-page] main#main section#remote-global figure.rg-photo img{width:100%;height:100%;object-fit:cover;object-position:40% center;display:block}
@media(max-width:900px){html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:1fr !important}html body[data-page] main#main section#remote-global figure.rg-photo{aspect-ratio:3/2}}
html body[data-page] main#main section#remote-global figure.rg-photo{aspect-ratio:1/1 !important}
html body[data-page] main#main section#remote-global figure.rg-photo img{object-position:center !important;filter:saturate(.85)}
html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:1fr !important}
html body[data-page] main#main section#remote-global .ft-text{max-width:820px !important}
/* världskarta: större och centrerad mot texten */
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top:has(.rg-map){grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr) !important;gap:56px !important;align-items:center !important}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.rg-map{margin:0 !important;transform:scale(1.08);transform-origin:center}
html body[data-page] main#main section#niche-systems.lg-sec .lg-photo.lg-symbol.lg-round.rg-map{max-width:none !important;width:100% !important;justify-self:stretch !important;aspect-ratio:auto !important;transform:none !important}
html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important;gap:56px !important;align-items:start !important}
html body[data-page] main#main section#remote-global .ft-text{max-width:none !important}
html body[data-page] main#main section#remote-global figure.rg-photo{aspect-ratio:4/5 !important;margin:6px 0 0}
html body[data-page] main#main section#remote-global figure.rg-photo img{object-position:62% center !important;filter:none}
@media(max-width:900px){html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:1fr !important}html body[data-page] main#main section#remote-global figure.rg-photo{aspect-ratio:3/2 !important}}
/* Konsulthantering: ny text */
html body[data-page] main#main section.vm-intro .ft-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important;gap:56px !important;align-items:center !important}
html body[data-page] main#main section.vm-intro .ft-text h2{margin-bottom:18px !important}
html body[data-page] main#main section.vm-intro .ft-text p,html body[data-page] main#main section.vm-two p,html body[data-page] main#main section.vm-models .section-head p{font-size:17px !important;line-height:1.7 !important;color:#2c3e55}
html body[data-page] main#main section.vm-intro figure.vm-photo{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 48px -32px rgba(10,36,64,.45)}
html body[data-page] main#main section.vm-intro figure.vm-photo img{width:100%;height:100%;object-fit:cover;display:block}
html body[data-page] main#main section.rg-offer .ix-grid.rg-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html body[data-page] main#main section.vm-models{background:#FAF7F2;padding:96px 0}
html body[data-page] main#main section.vm-models .section-head p{max-width:820px;margin-top:14px}
html body[data-page] main#main section.vm-models .ix-grid.ix-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
html body[data-page] main#main section.vm-models .ix-card{background:#fff}
html body[data-page] main#main section.vm-models p.vm-tagline{margin:36px 0 0;font-size:20px !important;font-weight:600;color:#0A2440}
html body[data-page] main#main section.vm-two{padding:96px 0;background:#fff}
html body[data-page] main#main section.vm-two .vm-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
html body[data-page] main#main section.vm-two h2{margin:0 0 18px !important}
@media(max-width:900px){html body[data-page] main#main section.vm-intro .ft-grid,html body[data-page] main#main section.vm-two .vm-two-grid,html body[data-page] main#main section.rg-offer .ix-grid.rg-3,html body[data-page] main#main section.vm-models .ix-grid.ix-2{grid-template-columns:1fr !important}}
html body[data-page] main#main section.vm-two p{margin:0 0 14px !important}
@media(min-width:701px){html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important;gap:40px !important}html body[data-page] main#main section#remote-global figure.rg-photo{aspect-ratio:4/5 !important}html body[data-page] main#main section#remote-global .ft-countries{grid-column:1/-1}}
@media(min-width:701px) and (max-width:900px){html body[data-page] main#main section.vm-intro .ft-grid{grid-template-columns:1fr 1fr !important;gap:32px !important}}
/* Employer of Record */
html body[data-page] main#main section.eor-intro .ft-grid{align-items:start !important}
html body[data-page] main#main section.eor-intro .eor-countries{background:#FAF7F2;border-radius:20px;padding:32px 34px}
html body[data-page] main#main section.eor-intro .eor-countries h3{font-size:22px !important;color:#0A2440;margin:0 0 14px !important;font-weight:600}
html body[data-page] main#main section.eor-intro .eor-countries p{font-size:16px !important;line-height:1.65 !important;margin:0 0 12px !important;color:#2c3e55}
html body[data-page] main#main section.eor-intro .eor-note{margin-top:18px;padding:16px 18px;background:#fff;border-radius:14px;border:1px solid rgba(10,36,64,.1)}
html body[data-page] main#main section.eor-intro .eor-note b{display:block;color:#0A2440;margin-bottom:6px}
html body[data-page] main#main section.eor-intro .eor-note p{margin:0 !important;font-size:15px !important}
html body[data-page] main#main section.gd-link-sec{padding-top:48px !important}
@media(min-width:701px){html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) !important;gap:48px !important;align-items:center !important}html body[data-page] main#main section#remote-global figure.rg-photo{max-width:340px !important;width:100%;justify-self:end;aspect-ratio:4/5 !important}}
@media(min-width:701px){html body[data-page] main#main section#remote-global .ft-grid>.ft-text{grid-column:1 !important;grid-row:1 !important}html body[data-page] main#main section#remote-global .ft-grid>figure.rg-photo{grid-column:2 !important;grid-row:1 !important;align-self:center !important;max-width:300px !important;aspect-ratio:1/1 !important;margin:0 !important}html body[data-page] main#main section#remote-global .ft-grid>.ft-countries{grid-column:1/-1 !important;grid-row:2 !important}}
html body[data-page] main#main section#remote-global .ft-countries{margin-top:40px !important}
html body[data-page] main#main section.eor-intro .eor-guide{margin:36px 0 0 !important}
@media(min-width:701px){html body[data-page] main#main section#remote-global .ft-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) !important;gap:56px !important;align-items:stretch !important}html body[data-page] main#main section#remote-global .ft-grid>figure.rg-photo{max-width:440px !important;width:100% !important;justify-self:end !important;align-self:stretch !important;aspect-ratio:auto !important;min-height:380px;height:auto}html body[data-page] main#main section#remote-global .ft-grid>figure.rg-photo img{position:relative;height:100% !important}}
html body .page-head.eor-head::before{background:linear-gradient(90deg,rgba(12,32,54,.92) 0%,rgba(15,39,66,.7) 40%,rgba(15,39,66,.2) 72%,rgba(15,39,66,.05) 100%),url(/img/eor-handshake.jpg) center 40%/cover no-repeat,#0f2742 !important;background-size:auto,cover,auto !important;background-position:0 0,center 40%,0 0 !important}
html body[data-page] main#main section.eor-cost .eor-cost-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
html body[data-page] main#main section.eor-cost figure.eor-photo{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 48px -32px rgba(10,36,64,.45)}
html body[data-page] main#main section.eor-cost figure.eor-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){html body[data-page] main#main section.eor-cost .eor-cost-grid{grid-template-columns:1fr}}
html body[data-page] main#main section.rg-offer .ix-grid.rg-5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html body[data-page] main#main section.in-roles2 .section-head p{max-width:820px;margin-top:14px;font-size:17px !important;line-height:1.7 !important;color:#2c3e55}
html body[data-page] main#main section.vm-two .in-perm{align-self:start}
html body[data-page] main#main section.vm-two .in-perm h3{font-size:22px !important;color:#0A2440;margin:0 0 14px !important;font-weight:600}
@media(max-width:900px){html body[data-page] main#main section.rg-offer .ix-grid.rg-5{grid-template-columns:1fr 1fr}}
@media(max-width:600px){html body[data-page] main#main section.rg-offer .ix-grid.rg-5{grid-template-columns:1fr}}
html body[data-page] main#main section.cr-ways .section-head p,html body[data-page] main#main section#openings .section-head p{max-width:820px;margin-top:14px;font-size:17px !important;line-height:1.7 !important;color:#2c3e55}
html body[data-page] main#main section.cr-safe .cr-note{margin-top:28px;padding:18px 22px;background:#FAF7F2;border-radius:14px;border:0}
html body[data-page] main#main section.cr-safe .cr-note b{display:block;color:#0A2440;margin-bottom:6px}
html body[data-page] main#main section.cr-safe .cr-note p{margin:0;font-size:16px;line-height:1.65;color:#2c3e55}
html body[data-page] main#main section.cr-safe .cr-note a{color:#0A2440;font-weight:600}
html body[data-page] main#main section.in-intro .ft-grid{grid-template-columns:1fr !important}
html body[data-page] main#main section.in-intro .ft-text{max-width:820px}
html body[data-page] main#main section.in-intro figure.in-wide{margin:44px 0 0;border-radius:22px;overflow:hidden;aspect-ratio:21/9;box-shadow:0 28px 56px -36px rgba(10,36,64,.5)}
html body[data-page] main#main section.in-intro figure.in-wide img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
@media(max-width:700px){html body[data-page] main#main section.in-intro figure.in-wide{aspect-ratio:4/3}}
html body[data-page] main#main section.in-boxes .vm-two-grid{gap:24px !important;align-items:stretch !important}
html body[data-page] main#main section.in-boxes .in-box{background:#FAF7F2;border-radius:20px;padding:36px 38px}
html body[data-page] main#main section.in-boxes .in-box h3{font-size:24px !important;line-height:1.3 !important;font-weight:500 !important;color:#0A2440 !important;margin:0 0 16px !important}
html body[data-page] main#main section.in-boxes .in-box p{font-size:16.5px !important;line-height:1.7 !important;color:#2c3e55;margin:0 0 12px !important}
/* Kunder & case */
html body[data-page] main#main section.cs-intro{padding-bottom:40px !important}
html body[data-page] main#main section.cs-intro .ft-grid{grid-template-columns:1fr !important}
html body[data-page] main#main section.cs-intro .ft-text{max-width:860px}
html body[data-page] main#main .cs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
html body[data-page] main#main .cs-stats>div{background:#0A2440;color:#fff;border-radius:20px;padding:28px 30px;display:flex;flex-direction:column;gap:4px}
html body[data-page] main#main .cs-stats b{font-size:44px;line-height:1;font-weight:600;color:#F29A4A}
html body[data-page] main#main .cs-stats span{font-size:18px;font-weight:600;margin-top:8px}
html body[data-page] main#main .cs-stats small{font-size:14.5px;color:#c9d4e1}
html body[data-page] main#main section.cs-case{padding:88px 0}
html body[data-page] main#main section.cs-case.cs-b{background:#FAF7F2}
html body[data-page] main#main .cs-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center;margin-bottom:44px}
html body[data-page] main#main .cs-logo img{width:auto;display:block}
html body[data-page] main#main .cs-num{margin:22px 0 8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#E2703A;font-weight:600}
html body[data-page] main#main .cs-head h2{margin:0 0 18px !important}
html body[data-page] main#main .cs-stat{display:inline-block;background:#0A2440;color:#fff;border-radius:999px;padding:10px 20px;font-weight:600;font-size:16px;margin:0}
html body[data-page] main#main .cs-meta{margin:14px 0 0;color:#5a6b80;font-size:15px}
html body[data-page] main#main .cs-photo{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 48px -32px rgba(10,36,64,.45)}
html body[data-page] main#main .cs-photo img{width:100%;height:100%;object-fit:cover;display:block}
html body[data-page] main#main .cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
html body[data-page] main#main .cs-grid-1{margin-top:20px}
html body[data-page] main#main .cs-blk{background:#fff;border:1px solid rgba(10,36,64,.1);border-radius:18px;padding:28px 30px}
html body[data-page] main#main .cs-blk h3,html body[data-page] main#main .cs-roles>h3,html body[data-page] main#main .cs-shows h3{font-size:19px !important;line-height:1.35;color:#0A2440;margin:0 0 12px !important;font-weight:600}
html body[data-page] main#main .cs-blk p,html body[data-page] main#main .cs-roles p,html body[data-page] main#main .cs-shows p{font-size:16px;line-height:1.7;color:#2c3e55;margin:0 0 10px}
html body[data-page] main#main .cs-roles{margin-top:20px;background:#fff;border:1px solid rgba(10,36,64,.1);border-radius:18px;padding:28px 30px}
html body[data-page] main#main .cs-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
html body[data-page] main#main .cs-role-grid3{grid-template-columns:repeat(3,1fr)}
html body[data-page] main#main .cs-role{background:#FAF7F2;border-radius:14px;padding:18px 20px}
html body[data-page] main#main .cs-b .cs-role{background:#FAF7F2}
html body[data-page] main#main .cs-role h4{font-size:15.5px;color:#0A2440;margin:0 0 10px;font-weight:600}
html body[data-page] main#main .cs-role ul{list-style:none;padding:0;margin:0}
html body[data-page] main#main .cs-role li{font-size:14.5px;line-height:1.55;color:#2c3e55;padding:3px 0}
html body[data-page] main#main .cs-role p{font-size:14.5px !important;line-height:1.6 !important;margin:0 0 8px !important}
html body[data-page] main#main .cs-note{margin-top:14px !important;font-style:italic}
html body[data-page] main#main .cs-shows{margin-top:20px;background:#0A2440;border-radius:18px;padding:28px 30px}
html body[data-page] main#main .cs-shows h3{color:#F29A4A !important}
html body[data-page] main#main .cs-shows p{color:#e3e9f1 !important}
html body[data-page] main#main .cs-tags{margin-top:20px}
html body[data-page] main#main section.cs-close{padding:72px 0 24px}
html body[data-page] main#main .cs-close-box{max-width:860px}
html body[data-page] main#main .cs-close-box p{font-size:17px;line-height:1.7;color:#2c3e55}
@media(max-width:900px){html body[data-page] main#main .cs-head,html body[data-page] main#main .cs-grid{grid-template-columns:1fr}html body[data-page] main#main .cs-role-grid,html body[data-page] main#main .cs-role-grid3{grid-template-columns:1fr 1fr}html body[data-page] main#main .cs-stats{grid-template-columns:1fr}}
html body[data-page] main#main section.cs-close-box h2,html body[data-page] main#main .cs-close-box h2{margin:0 0 18px !important}
@media(min-width:701px){html body[data-page] main#main section.in-intro2 .ft-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) !important;gap:56px !important;align-items:stretch !important}html body[data-page] main#main section.in-intro2 figure.vm-photo{aspect-ratio:auto !important;max-width:440px;width:100%;justify-self:end;min-height:340px}}
html body[data-page] main#main section.in-boxes figure.in-wide2{margin:0 0 28px;border-radius:22px;overflow:hidden;aspect-ratio:21/8;box-shadow:0 28px 56px -36px rgba(10,36,64,.5)}
html body[data-page] main#main section.in-boxes figure.in-wide2 img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
/* ===== Enhetlig design (audit) ===== */
/* knappar: alla primärknappar orange */
html body a.btn.btn-primary,html body button.btn.btn-primary{background:#F0962A !important;border-color:#F0962A !important;color:#fff !important}
/* beige: en och samma nyans */
html body[data-page] main#main section.sx-logos.cl-page,html body[data-page] main#main section.cs-intro{background:#FAF7F2 !important}
html body[data-page] main#main section.cs-close{background:#fff !important;padding:88px 0 40px !important}
/* sektionsavstånd 88px */
html body[data-page] main#main section.sx-sec{padding-top:88px !important;padding-bottom:88px !important}
html body[data-page] main#main section.ts-section{padding-top:88px !important;padding-bottom:88px !important}
/* korttext 16px, kortrubriker 18px */
html body[data-page] main#main .ix-card p,html body[data-page] main#main .s3-item p,html body[data-page] main#main .sx-how-card p,html body[data-page] main#main .sx-svc p,html body[data-page] main#main .tr-card p,html body[data-page] main#main .abx-card p,html body[data-page] main#main .cs-blk p,html body[data-page] main#main .cs-shows p,html body[data-page] main#main .in-box p,html body[data-page] main#main .eor-countries p,html body[data-page] main#main .s3-card p,html body[data-page] main#main .pol-card p{font-size:16px !important;line-height:1.65 !important}
html body[data-page] main#main .ix-card h3,html body[data-page] main#main .sx-svc h3,html body[data-page] main#main .sx-how-card h3,html body[data-page] main#main .tr-card h3,html body[data-page] main#main .abx-card h3,html body[data-page] main#main .pol-card h3,html body[data-page] main#main .s3-card h3,html body[data-page] main#main .cs-blk h3,html body[data-page] main#main .cs-roles>h3,html body[data-page] main#main .cs-shows h3{font-size:18px !important;font-weight:600 !important;line-height:1.35 !important}
html body[data-page] main#main .in-box h3,html body[data-page] main#main .eor-countries h3{font-size:22px !important;font-weight:500 !important}
/* symboler: mörkblå rutor med vit ikon */
html body[data-page] main#main .ix-ic,html body[data-page] main#main .sx-ic,html body[data-page] main#main .tr-ic,html body[data-page] main#main .xp-ic,html body[data-page] main#main .nstat-ic,html body[data-page] main#main .sft-ic,html body[data-page] main#main .case-icon{background:#0A2440 !important;color:#fff !important}
/* rubrik-avstånd under h2 i sektionshuvud */
html body[data-page] main#main .section-head{margin-bottom:36px}
html body[data-page] main#main .section-head h2{margin-bottom:0 !important}
html body[data-page] main#main .section-head h2+p{margin-top:14px !important}
html body #page-home .hero .hx-slide .btn.btn-primary{background:#F0962A !important;border-color:#F0962A !important;color:#fff !important}
html body #page-home .hero .hx-slide .btn.btn-primary:hover{background:#e0861c !important}
/* bakgrundsrytm: beige #FAF7F2 och vitt växlar */
html body[data-page] main#main section.bg-b{background:#FAF7F2 !important}
html body[data-page] main#main section.bg-w{background:#fff !important}
html body[data-page] main#main section#niche-systems.lg-sec.bg-w .lg-chips li{background:#FAF7F2 !important;box-shadow:none !important;border:0 !important}
html body[data-page] main#main section.bg-b .ix-card,html body[data-page] main#main section.bg-b .cs-blk{background:#fff}
html body[data-page] main#main section.bg-w.bg-w.bg-w,html body[data-page] main#main section#niche-systems.lg-sec.bg-w{background:#fff !important}
html body[data-page] main#main section.bg-b.bg-b.bg-b{background:#FAF7F2 !important}
/* ljus beige (som johanarensberg.com) – en nyans överallt */
html body .ft-countries .gl-flags li{background:#F3EEE5 !important}
html body[data-page] main#main .cs-role{background:#FAF7F2}
html body[data-page] main#main .cs-b .cs-role,html body[data-page] main#main section.bg-b .cs-role{background:#fff}
html body[data-page] main#main section#niche-systems.lg-sec.bg-w .lg-chips li{background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.08) !important}
html body[data-page] main#main section.bg-b .eor-countries,html body[data-page] main#main section.bg-b .in-box{background:#fff !important;border:1px solid rgba(10,36,64,.08)}
html body[data-page] main#main section.bg-b .eor-countries .eor-note{background:#FAF7F2 !important}
/* Kontakta oss */
html body[data-page] main#main section.ct-sec{padding:72px 0 88px !important}
html body[data-page] main#main .ct-h{font-size:22px !important;font-weight:500 !important;color:#0A2440 !important;margin:0 0 10px !important}
html body[data-page] main#main .ct-intro{font-size:16px !important;line-height:1.65 !important;color:#2c3e55;margin:0 0 20px !important}
html body[data-page] main#main .ct-lines a{color:#0A2440;font-weight:500}
html body[data-page] main#main section.ct-close{padding:88px 0 !important}
html body[data-page] main#main section.ct-close h2{margin:0 0 18px !important}
html body[data-page] main#main section.ct-close p{font-size:17px !important;line-height:1.7 !important;color:#2c3e55}
/* "Kontakta oss" i menyn: mörkblå som tidigare */
html body header a.btn.btn-primary.nav-contact,html body .nav-right a.btn.btn-primary.nav-contact{background:#0A2440 !important;border-color:#0A2440 !important;color:#fff !important}
html body header a.btn.btn-primary.nav-contact:hover{background:#163659 !important;border-color:#163659 !important}
/* Hero startsida: stilrenare text */
html body #page-home .hero .hx-slide h1{font-size:clamp(38px,4vw,54px) !important;line-height:1.08 !important;letter-spacing:-.015em !important;margin:0 0 22px !important;max-width:640px}
html body #page-home .hero .hx-slide h1 span:first-child{font-weight:300 !important}
html body #page-home .hero .hx-slide h1 .hl{font-weight:600 !important;color:#fff !important}
html body #page-home .hero .hx-slide .hx-text{font-size:17.5px !important;line-height:1.65 !important;color:rgba(255,255,255,.86) !important;max-width:540px !important;margin:0 0 26px !important}
html body #page-home .hero .hx-slide .hx-usps{list-style:none !important;padding:0 !important;margin:0 !important;max-width:540px;border-top:1px solid rgba(255,255,255,.22)}
html body #page-home .hero .hx-slide .hx-usps li{display:flex !important;align-items:flex-start !important;gap:12px !important;padding:11px 0 !important;margin:0 !important;border-bottom:1px solid rgba(255,255,255,.14);font-size:15px !important;line-height:1.5 !important;font-weight:400 !important;color:rgba(255,255,255,.92) !important}
html body #page-home .hero .hx-slide .hx-usps li>span{width:8px !important;height:8px !important;min-width:8px !important;border-radius:50% !important;background:#F0962A !important;border:0 !important;box-shadow:none !important;margin-top:7px !important;padding:0 !important}
html body #page-home .hero .hx-slide .hx-usps li>span svg{display:none !important}
html body #page-home .hero .hx-slide .hx-usps{display:block !important;gap:0 !important}
html body #page-home .hero .hx-slide .hx-usps li{padding:10px 0 !important;min-height:0 !important}
/* Hero USP: stilrena bockar, inga linjer */
html body #page-home .hero .hx-slide .hx-usps{border-top:0 !important}
html body #page-home .hero .hx-slide .hx-usps li{border-bottom:0 !important;padding:6px 0 !important;gap:12px !important}
html body #page-home .hero .hx-slide .hx-usps li>span{width:18px !important;height:18px !important;min-width:18px !important;border-radius:0 !important;background:none !important;margin-top:2px !important;position:relative}
html body #page-home .hero .hx-slide .hx-usps li>span::before{content:"";position:absolute;left:3px;top:1px;width:6px;height:11px;border:solid #F0962A;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* Policyer: stilrena kort med mörkblå symboler */
html body[data-page] main#main .pol-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important}
html body[data-page] main#main .pol-card{background:#fff !important;border:1px solid rgba(10,36,64,.08) !important;border-top:1px solid rgba(10,36,64,.08) !important;border-radius:18px !important;padding:28px 28px 26px !important;box-shadow:0 10px 30px -24px rgba(10,36,64,.35) !important;display:flex;flex-direction:column}
html body[data-page] main#main .pol-card::before,html body[data-page] main#main .pol-card::after{display:none !important}
html body[data-page] main#main .pol-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#0A2440;margin-bottom:18px}
html body[data-page] main#main .pol-ic svg{width:22px;height:22px}
html body[data-page] main#main .pol-card h3{margin:0 0 8px !important;font-size:18px !important;font-weight:600 !important;color:#0A2440 !important}
html body[data-page] main#main .pol-card p{margin:0 !important;font-size:16px !important;line-height:1.65 !important;color:#3a4b60 !important}
@media(max-width:900px){html body[data-page] main#main .pol-grid{grid-template-columns:1fr 1fr !important}}
@media(max-width:600px){html body[data-page] main#main .pol-grid{grid-template-columns:1fr !important}}
html body[data-page] main#main .pol-sec .pol-grid+p,html body[data-page] main#main .pol-sec .wrap>p:last-child{margin-top:28px !important}
/* ===== Inga mörkblå bakgrunder utom sidfoten ===== */
/* Kunder & case: ljusa siffer- och slutsatsrutor */
html body[data-page] main#main .cs-stats>div{background:#fff !important;color:#0A2440 !important;border:1px solid rgba(10,36,64,.08);box-shadow:0 10px 30px -24px rgba(10,36,64,.35)}
html body[data-page] main#main .cs-stats b{color:#E2703A !important}
html body[data-page] main#main .cs-stats span{color:#0A2440 !important}
html body[data-page] main#main .cs-stats small{color:#4a5b70 !important}
html body[data-page] main#main .cs-shows{background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.08)}
html body[data-page] main#main .cs-b .cs-shows{background:#fff !important}
html body[data-page] main#main .cs-shows h3{color:#0A2440 !important}
html body[data-page] main#main .cs-shows p{color:#2c3e55 !important}
html body[data-page] main#main .cs-stat{background:#fff !important;color:#0A2440 !important;border:1px solid rgba(10,36,64,.18)}
/* Startsidans topp: ljus grågrön ton i stället för blå, mörk text */
html body #page-home .hero .hx-photo::after{background:linear-gradient(90deg,#E6EBE9 0%,#E6EBE9 34%,rgba(230,235,233,.9) 42%,rgba(230,235,233,.55) 52%,rgba(230,235,233,.15) 64%,rgba(230,235,233,0) 74%) !important}
html body #page-home .hero .hx-slide h1,html body #page-home .hero .hx-slide h1 span,html body #page-home .hero .hx-slide h1 .hl{color:#0A2440 !important;text-shadow:none !important}
html body #page-home .hero .hx-slide .hx-text{color:#2c3e55 !important;text-shadow:none !important}
html body #page-home .hero .hx-slide .hx-usps li{color:#0A2440 !important;text-shadow:none !important}
/* alla symboler mörkblå */
html body #page-home .hero .hx-slide .hx-usps li>span::before{border-color:#0A2440 !important}
html body[data-page] main#main .rel-card i{background:#0A2440 !important;color:#fff !important}
html body header .nav-search{border-color:#0A2440 !important;color:#0A2440 !important}
html body header .nav-search svg{stroke:#0A2440 !important}
/* guider: ljus avslutningsruta */
html body .gd-cta{background:#FAF7F2 !important;color:#0A2440 !important;border:1px solid rgba(10,36,64,.08)}
html body .gd-cta h2,html body .gd-cta h2 *,html body .gd-cta.gd-cta h2{color:#0A2440 !important}
html body .gd-cta p{color:#2c3e55 !important}
html body .gd-cta .btn-ghost{color:#0A2440 !important;border-color:rgba(10,36,64,.45) !important}
/* startsidans topp: svart text, orange bockar */
html body #page-home section.hero .hx-slide p.hx-text,html body main #page-home .hero .hx-slide .hx-text{color:#1d2733 !important;text-shadow:none !important;opacity:1 !important}
html body #page-home section.hero .hx-slide .hx-usps li{color:#1d2733 !important}
html body #page-home section.hero .hx-slide h1,html body #page-home section.hero .hx-slide h1 span{color:#1d2733 !important}
html body #page-home .hero .hx-slide .hx-usps li>span::before{border-color:#F0962A !important}
/* alla rutor vita */
html body[data-page] main#main .eor-countries,html body[data-page] main#main .in-box,html body[data-page] main#main .cs-role,html body[data-page] main#main .eor-note,html body[data-page] main#main .cs-shows,html body[data-page] main#main .cs-blk,html body[data-page] main#main .cs-roles,html body[data-page] main#main .ix-card,html body[data-page] main#main .pol-card,html body[data-page] main#main .rel-card,html body[data-page] main#main .sx-svc,html body[data-page] main#main .sx-how-card,html body[data-page] main#main .tr-card,html body[data-page] main#main .abx-card,html body[data-page] main#main .s3-card,html body[data-page] main#main .case,html body[data-page] main#main .card,html body[data-page] main#main .cr-note,html body[data-page] main#main .roles-panel,html body[data-page] main#main .roles-sec .wrap>div,html body[data-page] main#main .cs-stats>div,html body[data-page] main#main .ts-card,html body[data-page] main#main .cta-band.cta-compact,html body[data-page] main#main .sft-box,html body[data-page] main#main .nstat-band{background:#fff !important}
html body[data-page] main#main .eor-countries,html body[data-page] main#main .in-box,html body[data-page] main#main .cs-role,html body[data-page] main#main .eor-note,html body[data-page] main#main .cs-shows,html body[data-page] main#main .cr-note{border:1px solid rgba(10,36,64,.1) !important}
html body[data-page] main#main .in-roles,html body[data-page] main#main section.roles-sec>.wrap,html body[data-page] main#main .gd-facts,html body .gd-cta,html body[data-page] main#main section .eor-countries .eor-note,html body[data-page] main#main section.bg-b .eor-countries .eor-note{background:#fff !important}
html body[data-page] main#main section.roles-sec>.wrap,html body[data-page] main#main .in-roles,html body[data-page] main#main .gd-facts{border:1px solid rgba(10,36,64,.1) !important}
/* ===== Bakgrunder: bara beige och ljus grågrön, med vit linje mellan sektioner ===== */
html body[data-page] main#main section.bg-w.bg-w.bg-w,html body[data-page] main#main section#niche-systems.lg-sec.bg-w,html body[data-page] main#main section.bg-w{background:#E6EBE9 !important}
html body[data-page] main#main section.bg-b.bg-b.bg-b,html body[data-page] main#main section.bg-b{background:#FAF7F2 !important}
html body[data-page] main#main section.cta-site-sec,html body[data-page] main#main section.faq-sec,html body[data-page] main#main section.gd-link-sec,html body[data-page] main#main section.faq-link-sec{background:#E6EBE9 !important}
html body[data-page] main#main section.bg-b,html body[data-page] main#main section.bg-w,html body[data-page] main#main section.cta-site-sec{border-top:8px solid #fff !important}
html body[data-page] main#main section.faq-sec,html body[data-page] main#main section.gd-link-sec,html body[data-page] main#main section.faq-link-sec{border-top:0 !important}
html body[data-page] main#main section.bg-b.bg-b .ix-card,html body[data-page] main#main section.bg-w.bg-w .ix-card{background:#fff !important}
html body[data-page] main#main section#niche-systems.lg-sec.bg-w .lg-chips li{background:#fff !important;border:0 !important}
html body[data-page] main#main section.bg-b,html body[data-page] main#main section.bg-w,html body[data-page] main#main section.cta-site-sec,html body[data-page] main#main section.faq-sec{margin-top:0 !important;margin-bottom:0 !important}
html body[data-page] main#main .page-head{margin-bottom:0 !important}
html body[data-page] main#main section.soft-band.bg-b,html body[data-page] main#main section.soft-band.bg-w,html body #page-svcpage>section.soft-band.bg-b,html body #page-svcpage>section.soft-band.bg-w{margin-top:0 !important}
html body[data-page] main#main section.gd-link-sec,html body[data-page] main#main section.sx-cta-sec{background:#E6EBE9 !important}
html body[data-page] main#main section.sx-cta-sec{border-top:8px solid #fff !important}
html body[data-page] main#main section#niche-systems + section.soft-band.soft-band{margin-top:0 !important}
/* Branscher vi arbetar med: grågrön bakgrund, vita rutor, ingen beige */
html body #page-home section.ind-sec .ind-band{background:transparent !important;box-shadow:none !important;border:0 !important;padding-left:0 !important;padding-right:0 !important}
html body #page-home section.ind-sec .ind-item{background:#fff !important;border:1px solid rgba(10,36,64,.08) !important}
html body #page-home section.s3-sec .s3-band{background:transparent !important;box-shadow:none !important;border:0 !important;padding-left:0 !important;padding-right:0 !important}
html body #page-home section.ind-sec .ind-band{background:transparent !important}
/* vit rand ovanför logolistan */
html body #page-home section.hero .wrap .clients{border-top:8px solid #fff !important}
html body #page-home section.hero .wrap .clients::before{top:0 !important;box-shadow:0 -8px 0 0 #fff}
html body #page-home section.hero .wrap .clients{border-top:0 !important;padding-top:8px}
html body #page-home section.hero .wrap .clients::before{box-shadow:none !important;border-top:8px solid #fff !important;box-sizing:border-box}
html body #page-home section.hero .wrap .clients{position:relative}
html body #page-home section.hero .wrap .clients::after{content:"" !important;position:absolute !important;top:0 !important;height:8px !important;left:calc(50% - 50vw) !important;right:calc(50% - 50vw) !important;width:auto !important;background:#fff !important;z-index:2 !important;display:block !important;pointer-events:none}
html body #page-home section.hero .wrap .clients::after{display:none !important}
html body #page-home section.hero>.wrap:has(.clients){position:relative}
html body #page-home section.hero>.wrap:has(.clients)::before{content:"";position:absolute;top:0;height:8px;left:calc(50% - 50vw);right:calc(50% - 50vw);background:#fff;z-index:3;pointer-events:none}
/* Våra tjänster: processen som stilren tidslinje */
html body[data-page] main#main .sx-steps{list-style:none !important;padding:0 !important;margin:44px 0 0 !important;display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:0 !important;position:relative;counter-reset:none}
html body[data-page] main#main .sx-steps::before{content:"";position:absolute;left:calc(100%/12);right:calc(100%/12);top:23px;height:2px;background:rgba(10,36,64,.18);z-index:0}
html body[data-page] main#main .sx-steps li{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 10px !important;margin:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:16px !important;position:relative;z-index:1;min-height:0 !important}
html body[data-page] main#main .sx-steps li::before,html body[data-page] main#main .sx-steps li::after{display:none !important}
html body[data-page] main#main .sx-steps .sx-n{display:inline-flex !important;align-items:center;justify-content:center;width:48px !important;height:48px !important;border-radius:50% !important;background:#0A2440 !important;color:#fff !important;font-size:15px !important;font-weight:600 !important;letter-spacing:.02em;box-shadow:0 0 0 6px #E6EBE9 !important;margin:0 !important}
html body[data-page] main#main .sx-steps b{font-size:16px !important;font-weight:600 !important;line-height:1.4 !important;color:#0A2440 !important;max-width:160px}
@media(max-width:900px){html body[data-page] main#main .sx-steps{grid-template-columns:repeat(3,minmax(0,1fr)) !important;row-gap:32px !important}html body[data-page] main#main .sx-steps::before{display:none}}
@media(max-width:560px){html body[data-page] main#main .sx-steps{grid-template-columns:1fr 1fr !important}}
/* Exempel på roller: beige rutor */
html body[data-page] main#main section.roles-sec .roles-list li{background:#F5F0E7 !important;color:#0A2440 !important;border:1px solid rgba(10,36,64,.06) !important;box-shadow:none !important}
html body[data-page] main#main section.roles-sec .roles-list li *{color:#0A2440 !important}
html body[data-page] main#main section.roles-sec .roles-list li::before,html body[data-page] main#main section.roles-sec .roles-list li::after{display:none !important;content:none !important}
html body[data-page] main#main section.roles-sec .roles-list li{padding-left:16px !important;padding-right:16px !important}
/* ===== Små rutor/etiketter: samma stil överallt =====
   på grå bakgrund eller i vita paneler: beige rutor; på beige bakgrund: grå rutor. Alltid mörkblå text, ingen prick */
html body[data-page] main#main .lg-chips li,html body[data-page] main#main .gl-flags li,html body[data-page] main#main .case-tags li,html body[data-page] main#main .roles-list li{background:#F5F0E7 !important;color:#0A2440 !important;border:1px solid rgba(10,36,64,.06) !important;box-shadow:none !important}
html body[data-page] main#main .lg-chips li::before,html body[data-page] main#main .case-tags li::before{display:none !important}
html body[data-page] main#main section.bg-b .lg-chips li,html body[data-page] main#main section.bg-b>.wrap .gl-flags li,html body[data-page] main#main section.bg-b .ft-countries .gl-flags li,html body[data-page] main#main section.bg-b>.wrap>.case-tags li,html body[data-page] main#main section.bg-b .cs-tags li{background:#E6EBE9 !important}
html body[data-page] main#main section.bg-b .cs-blk .case-tags li,html body[data-page] main#main section.roles-sec .roles-list li{background:#F5F0E7 !important}
html body[data-page] main#main section#niche-systems.lg-sec.bg-w .lg-chips li,html body[data-page] main#main section#niche-systems.lg-sec .lg-chips li{background:#F5F0E7 !important;border:1px solid rgba(10,36,64,.06) !important}
html body[data-page] main#main section#niche-systems.lg-sec.bg-b .lg-chips li{background:#E6EBE9 !important}
html body[data-page] main#main .rel-card i{background:#F0962A !important;color:#fff !important}
/* alltid en tunn vit rand efter "Kanske passar en annan tjänst bättre?" */
html body[data-page] main#main section.rel-sec + section,html body[data-page] main#main section.rel-sec + section.gd-link-sec{border-top:8px solid #fff !important}
html body[data-page] main#main section.rel-sec + section.gd-link-sec + section.cta-site-sec{border-top:0 !important}
html body[data-page] main#main section.gd-link-sec.gd-link-sec{background:#E6EBE9 !important}
/* Remote-IT Indien: nertonad toppbild */
html body .page-head.ph-remote-india:not(.ph-remote-global)::before{filter:saturate(.45) brightness(.92) contrast(.95) !important}
/* Alla små rutor/chips vita med mörkblå text */
html body[data-page] main#main .lg-chips li,html body[data-page] main#main .gl-flags li,html body[data-page] main#main .nb-flags li,html body[data-page] main#main .case-tags li,html body[data-page] main#main .roles-list li,html body[data-page] main#main section.bg-b .lg-chips li,html body[data-page] main#main section.bg-w .lg-chips li,html body[data-page] main#main section.bg-b .case-tags li,html body[data-page] main#main section.bg-w .case-tags li,html body[data-page] main#main section.bg-b .roles-list li,html body[data-page] main#main section.bg-w .roles-list li,html body[data-page] main#main #niche-systems .lg-chips li{background:#fff !important;color:#0A2440 !important;border:1px solid rgba(10,36,64,.08) !important;box-shadow:none !important}
html body[data-page] main#main .lg-chips li::before,html body[data-page] main#main .case-tags li::before,html body[data-page] main#main .roles-list li::before{display:none !important}
/* Remote-IT Globalt: ljus hero med jordklot */
html body .page-head.ph-remote-global::before{background:linear-gradient(90deg,#E6EBE9 0%,#E6EBE9 45%,#EEF2F0 100%) !important;filter:none !important}
html body .page-head.ph-remote-global::after{content:"";position:absolute;z-index:-1;top:50%;right:4%;width:min(400px,38vw);aspect-ratio:1;transform:translateY(-50%);background:url(/img/world-earth.jpg) center/115% no-repeat;-webkit-mask:radial-gradient(circle at 50% 50%,#000 48.5%,transparent 50%);mask:radial-gradient(circle at 50% 50%,#000 48.5%,transparent 50%);border-radius:50%;filter:saturate(.75);box-shadow:0 30px 60px -30px rgba(10,36,64,.35)}
html body .page-head.ph-remote-global h1,html body .page-head.ph-remote-global .lead{color:#1d2733 !important;max-width:620px}
html body .page-head.ph-remote-global .crumbs a{color:#0A2440 !important}
html body .page-head.ph-remote-global a.btn.btn-ghost{color:#0A2440 !important;border-color:rgba(10,36,64,.35) !important;background:transparent !important}
@media(max-width:800px){html body .page-head.ph-remote-global::after{opacity:.18;right:-60px;width:300px}}
/* Kundcase: rollrutorna beige inuti den vita boxen */
html body[data-page] main#main .cs-roles .cs-role,html body[data-page] main#main section.bg-b .cs-roles .cs-role,html body[data-page] main#main section.bg-w .cs-roles .cs-role{background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.06) !important}
/* Remote-IT Globalt: större jordklot som skärs av vid kanten */
html body .page-head.ph-remote-global::after{top:0 !important;bottom:0 !important;right:calc(50% - 50vw) !important;width:52vw !important;aspect-ratio:auto !important;transform:none !important;border-radius:0 !important;box-shadow:none !important;background:url(/img/world-earth.jpg) no-repeat !important;background-size:820px 820px !important;background-position:calc(100% + 180px) 50% !important;-webkit-mask:radial-gradient(circle 355px at calc(100% - 230px) 50%,#000 98.5%,transparent 100%) !important;mask:radial-gradient(circle 355px at calc(100% - 230px) 50%,#000 98.5%,transparent 100%) !important;filter:saturate(.75) !important;opacity:1 !important}
@media(max-width:800px){html body .page-head.ph-remote-global::after{opacity:.2 !important}}
/* Kunder & case: nertonad toppbild */
html body .page-head.ph-clients::before{filter:saturate(.45) brightness(.92) contrast(.95) !important}
/* Remote-IT Globalt: jordklotet nära texten */
html body .page-head.ph-remote-global::after{left:calc(min(620px,62%) + 8px) !important;width:auto !important;background-position:-40px 50% !important;-webkit-mask:radial-gradient(circle 355px at 370px 50%,#000 98.5%,transparent 100%) !important;mask:radial-gradient(circle 355px at 370px 50%,#000 98.5%,transparent 100%) !important}
html body .page-head.ph-remote-global::after{left:calc(min(620px,62%) + 110px) !important;background-position:-50px 50% !important;-webkit-mask:radial-gradient(circle 355px at 360px 50%,#000 98.5%,transparent 100%) !important;mask:radial-gradient(circle 355px at 360px 50%,#000 98.5%,transparent 100%) !important}
/* Chips vita överallt (högre specificitet) */
html body[data-page] main#main:not(#zz1):not(#zz2) .lg-chips li,html body[data-page] main#main:not(#zz1):not(#zz2) .gl-flags li,html body[data-page] main#main:not(#zz1):not(#zz2) .nb-flags li,html body[data-page] main#main:not(#zz1):not(#zz2) .case-tags li,html body[data-page] main#main:not(#zz1):not(#zz2) .cs-tags li,html body[data-page] main#main:not(#zz1):not(#zz2) .roles-list li{background:#fff !important;color:#0A2440 !important;border:1px solid rgba(10,36,64,.08) !important;box-shadow:none !important}
html body[data-page] main#main section#remote-global figure.rg-photo img{object-position:22% 40% !important}
/* Mobilanpassning */
@media(max-width:800px){
html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top,html body[data-page] main#main section#niche-systems.lg-sec .lg-stack .lg-top:has(.rg-map){grid-template-columns:1fr !important;gap:28px !important}
html body[data-page] main#main section#niche-systems .lg-photo{justify-self:center !important;max-width:100% !important;width:100% !important}
html body[data-page] main#main section#niche-systems .lg-photo.rg-map svg{width:100% !important;height:auto !important}
html body[data-page] main#main section#niche-systems .lg-photo.lg-round:not(.rg-map){max-width:220px !important}
html body[data-page] main#main:not(#zz1):not(#zz2) .lg-chips{display:flex !important;flex-direction:column !important;gap:8px !important}
html body[data-page] main#main:not(#zz1):not(#zz2) .lg-chips li{display:block !important;border-radius:10px !important;padding:12px 14px !important;font-size:15px !important;line-height:1.45 !important;width:100% !important;text-align:left !important}
html body[data-page] main#main:not(#zz1):not(#zz2) .lg-chips li b{display:inline !important;margin-right:4px}
html body .page-head.ph-remote-global::after{left:auto !important;right:-180px !important;width:360px !important;background-position:-25px 50% !important;background-size:410px 410px !important;-webkit-mask:radial-gradient(circle 178px at 180px 50%,#000 98%,transparent 100%) !important;mask:radial-gradient(circle 178px at 180px 50%,#000 98%,transparent 100%) !important;opacity:.25 !important}
}
/* Home: tunn mörkblå kant runt rutorna (som CTA) */
@media(max-width:900px){html body #page-home .hero .hx-photo::after,html body[data-page="home"] section.hero.hero-afry>.hx-photo::after{background:linear-gradient(180deg,rgba(230,235,233,.86) 0%,rgba(230,235,233,.93) 45%,#E6EBE9 100%) !important}}
@media(max-width:700px){html body[data-page] main#main:not(#zz1) .cs-role-grid,html body[data-page] main#main:not(#zz1) .cs-role-grid.cs-role-grid3{grid-template-columns:1fr !important;display:grid !important;overflow:visible !important}html body[data-page] main#main:not(#zz1) .cs-roles{overflow:visible !important}}
html body .pc .pc-meta,html body .pc .pc-meta *{overflow-wrap:anywhere;min-width:0}
/* Branscher: nertonade bilder */
html body .ind-item .ind-photo img{filter:saturate(.5) brightness(.96) contrast(.94) !important}
/* Ingen mörkblå kant på rutor utom banner och CTA */
html body main .sft-sec .sft-box{border:1px solid rgba(10,36,64,.06) !important}
html body[data-page] main#main .ri-logos{border:1px solid rgba(10,36,64,.06) !important}
@media(max-width:900px){html body #page-home .hero .hx-photo::after,html body[data-page="home"] section.hero.hero-afry>.hx-photo::after{background:linear-gradient(180deg,rgba(230,235,233,.55) 0%,rgba(230,235,233,.74) 30%,rgba(230,235,233,.84) 60%,rgba(230,235,233,.9) 100%) !important}}
/* Roller vi har tillsatt: beige ruta, vita chips */
html body[data-page] main#main:not(#zz1):not(#zz2) section.roles-sec > .wrap{background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.1) !important}
html body[data-page] main#main:not(#zz1):not(#zz2) section.roles-sec.bg-b > .wrap{background:#E6EBE9 !important}
/* Stora rutor: grå i stället för beige */
html body[data-page] main#main:not(#zz1):not(#zz2) section.roles-sec > .wrap,html body main:not(#zz1) .sft-sec .sft-box,html body[data-page] main#main:not(#zz1) .ri-logos{background:#E6EBE9 !important}
html body[data-page] main#main:not(#zz1):not(#zz2) section.roles-sec.bg-w > .wrap{background:#fff !important}
html body[data-page] main#main:not(#zz1):not(#zz2) section.roles-sec.bg-w .roles-list li{background:#FAF7F2 !important}
/* Rollrutan: stor ruta beige, små rutor vita */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section.roles-sec > .wrap{background:#FAF7F2 !important;border:1px solid rgba(10,36,64,.1) !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section.roles-sec .roles-list li{background:#fff !important;color:#0A2440 !important}
/* Rollrutan: grå på beige sektion, beige på grå sektion; små rutor vita */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) section.roles-sec.bg-b > .wrap{background:#E6EBE9 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) section.roles-sec.bg-w > .wrap{background:#FAF7F2 !important}
/* Enhetligt avstånd rubrik -> brödtext (18px) och rubrik -> innehållsblock (36px) */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section:not(.hero):not(.page-head):not(.faq-sec) h2:not(.cta-band h2):not(.gd-cta h2){margin-bottom:18px !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section:not(.hero):not(.page-head) h2 + :is(p,ul,ol,.lead,.roles-lead,.sx-sub,.nb-scen-lead){margin-top:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section:not(.hero):not(.page-head) h2 + :is(div,ol.steps,ul.jb-chips){margin-top:18px !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section:not(.hero):not(.page-head) h2 + ul.jb-chips{margin-top:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .section-head > h2:last-child{margin-bottom:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .section-head > p:last-child{margin-bottom:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .section-head > h2 + p{margin-top:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .section-head > h2{margin-bottom:18px !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section:not(.hero):not(.page-head) h2 + .pr-intro,html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section:not(.hero):not(.page-head) h2 + .ts-filter,html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section:not(.hero):not(.page-head) h2 + .ts-marquee{margin-top:18px !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .jb-sec h2,html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) section h2{margin-top:0}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .section-head{row-gap:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .jb-main{row-gap:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .jb-main > h2:not(:first-child){margin-top:36px !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .jb-main > p + p{margin-top:12px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) .section-head > h2:last-child{margin-bottom:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) .section-head{margin-bottom:36px !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) .pr-body > h2{margin-bottom:0 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) section:not(.hero):not(.page-head) h2 + :is(div.abx-grid,ol.gd-steps){margin-top:36px !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) section:not(.hero):not(.page-head) h2:has(+ :is(div.abx-grid,ol.gd-steps)){margin-bottom:0 !important}
/* Bilder bredvid text: samma höjd som textblocket, samma avstånd */
@media(min-width:901px){
html body[data-page] main#main:not(#zz1):not(#zz2) :is(.ft-grid,.cs-head,.onsite-grid,.eor-cost-grid){align-items:stretch !important;column-gap:56px !important}
html body[data-page] main#main:not(#zz1):not(#zz2) :is(.ft-grid,.cs-head,.onsite-grid,.eor-cost-grid) > figure{align-self:stretch !important;height:auto !important;min-height:300px;max-height:none !important;aspect-ratio:auto !important;margin:0 !important;display:block !important;position:relative;overflow:hidden}
html body[data-page] main#main:not(#zz1):not(#zz2) :is(.ft-grid,.cs-head,.onsite-grid,.eor-cost-grid) > figure img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-height:none !important;object-fit:cover !important;aspect-ratio:auto !important}
}
/* Systerbolag-rutan: tunn mörkblå kant */
html body main:not(#zz1):not(#zz2) .sft-sec .sft-box{border:1px solid rgba(10,36,64,.45) !important}
/* Bildjustering */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5) .onsite-grid > .section-head{margin-bottom:0 !important}
@media(min-width:901px){html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .ft-grid:has(> figure.vm-photo,> figure.rg-photo){grid-template-columns:minmax(0,1fr) minmax(0,440px) !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .ft-grid > figure:is(.vm-photo,.rg-photo){justify-self:stretch !important;width:auto !important;max-width:none !important}}
/* Typografi: enhetliga storlekar */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5) section:not(.hero):not(.page-head):not(.nstat-sec) p{font-size:17px !important;line-height:1.65 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6) :is(.ix-card,.rel-card,.cs-role,.pc,.case,.ts-card,.faq-item,.cs-stat,.nb-sc,.s3-item,.s3-card,.abx-card,.pol-card,.cta-band,.in-box,.cs-blk,.cs-shows,.gd-facts,.gd-cta,.sft-box,.ct-card,.ct-box,.jb-card,li,figure,form,.exp-card,.vm-card,.rg-card,.cmp-wrap,.eor-countries,.cs-stats,.sx-step,.steps) p{font-size:16px !important;line-height:1.6 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) :is(.ts-card,.case) p:is(.ts-role,.case-k,.cs-kicker){font-size:inherit}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5) section:not(.hero):not(.page-head) h2{font-family:Manrope,sans-serif !important;font-size:34px !important;font-weight:300 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5) .pp-body h2,html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5) .privacy h2{font-size:22px !important;font-weight:600 !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5) section:not(.hero):not(.page-head):not(.nstat-sec) h3:not(.pc h3):not(.jb-name){font-size:18px !important;font-weight:600 !important;font-family:Manrope,sans-serif !important}
@media(max-width:700px){html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5) section:not(.hero):not(.page-head) h2{font-size:28px !important}html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5) section:not(.hero):not(.page-head):not(.nstat-sec) p{font-size:16px !important}}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6) article.pp h2{font-size:22px !important;font-weight:600 !important;margin-top:36px !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) p.nb-sc-how-k{font-size:12px !important;font-weight:700 !important;letter-spacing:.08em}
html body #page-home .hero .hx-text,html body[data-page="home"] .hero p.hx-text{font-size:18px !important}
html body:not(#zz1):not(#zz2) section.hero p.hx-text{font-size:18px !important}
/* Remote-IT Indien: logotyp-rutan med rundade hörn */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .ri-logos{border-radius:20px !important;padding:22px 28px !important;border:1px solid rgba(10,36,64,.06) !important;overflow:hidden}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6) .onsite-copy p.ri-guide{margin:28px 0 0 !important}
/* Home: "Våra tjänster" som rubrik, underrubrik mindre */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) .s3-sec .section-head p.s3-sub{font-family:Manrope,sans-serif !important;font-size:22px !important;font-weight:500 !important;line-height:1.35 !important;color:#0A2440 !important;margin:0 0 12px !important;letter-spacing:0;text-transform:none}
@media(max-width:700px){html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) .s3-sec .section-head p.s3-sub{font-size:19px !important}}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) .s3-sec h2 .hl-text{color:#e07b12 !important;-webkit-text-fill-color:#e07b12 !important}
/* Header: får plats på mellanstora skärmar (1000–1439px) */
@media(min-width:1000px) and (max-width:1439px){
html body header.site-header nav.nav{padding-left:24px !important;padding-right:24px !important;box-sizing:border-box !important;max-width:100% !important}
html body header.site-header .brand-name{font-size:17px !important}
html body header.site-header .nav-links{margin-left:auto !important;gap:2px !important}
html body header.site-header .nav-links > li > a{padding:10px 10px !important;font-size:15px !important}
html body header.site-header .lang-dd{margin-left:8px !important}
}
@media(min-width:1000px) and (max-width:1199px){
html body header.site-header .nav-right .nav-contact{display:none !important}
html body header.site-header .brand-name{font-size:15.5px !important}
html body header.site-header .nav-links > li > a{padding:10px 8px !important;font-size:14.5px !important}
}
@media(min-width:1000px) and (max-width:1439px){
html body:not(#zz1):not(#zz2):not(#zz3) header.site-header .nav-links{gap:2px !important;margin-left:auto !important}
html body:not(#zz1):not(#zz2):not(#zz3) header.site-header .nav-links > li > a{padding:10px 10px !important;font-size:15px !important}
}
@media(min-width:1000px) and (max-width:1199px){
html body:not(#zz1):not(#zz2):not(#zz3) header.site-header .nav-right a.nav-contact{display:none !important}
html body:not(#zz1):not(#zz2):not(#zz3) header.site-header .nav-links > li > a{padding:10px 8px !important;font-size:14.5px !important}
}
@media(max-width:420px){html body[data-page] main#main:not(#zz1) .grid-2{grid-template-columns:minmax(0,1fr) !important}html body[data-page] main#main:not(#zz1) .grid-2 > *{min-width:0 !important;max-width:100% !important}}
@media(max-width:900px){html body[data-page] main#main:not(#zz1):not(#zz2) .contact-grid{grid-template-columns:minmax(0,1fr) !important}html body[data-page] main#main:not(#zz1):not(#zz2) .contact-grid > *{min-width:0 !important}}
/* Home hero: mindre urblekt bild */
@media(min-width:901px){html body:not(#zz1) #page-home .hero .hx-photo::after,html body:not(#zz1)[data-page="home"] section.hero.hero-afry>.hx-photo::after{background:linear-gradient(90deg,#E6EBE9 0%,#E6EBE9 30%,rgba(230,235,233,.82) 38%,rgba(230,235,233,.4) 47%,rgba(230,235,233,.08) 57%,rgba(230,235,233,0) 64%) !important}}
@media(max-width:900px){html body:not(#zz1) #page-home .hero .hx-photo::after,html body:not(#zz1)[data-page="home"] section.hero.hero-afry>.hx-photo::after{background:linear-gradient(180deg,rgba(230,235,233,.4) 0%,rgba(230,235,233,.62) 30%,rgba(230,235,233,.76) 60%,rgba(230,235,233,.84) 100%) !important}}
/* Home hero: inget streck – ljus botten bakom fotot och övertoning från bildens kant */
html body:not(#zz1):not(#zz2) section.hero.hero-afry>.hx-photo:has(.hxp-elec){background:#E6EBE9 !important}
@media(min-width:901px){html body:not(#zz1):not(#zz2) #page-home .hero .hx-photo::after,html body:not(#zz1):not(#zz2)[data-page="home"] section.hero.hero-afry>.hx-photo::after{background:linear-gradient(90deg,#E6EBE9 0%,#E6EBE9 34%,rgba(230,235,233,.72) 40%,rgba(230,235,233,.32) 48%,rgba(230,235,233,.06) 57%,rgba(230,235,233,0) 63%) !important}}
html body:not(#zz1) .hxp.hxp-elec{filter:saturate(1) brightness(1.02) !important}
@media(min-width:901px){html body:not(#zz1):not(#zz2):not(#zz3) #page-home .hero .hx-photo::after,html body:not(#zz1):not(#zz2):not(#zz3)[data-page="home"] section.hero.hero-afry>.hx-photo::after{background:linear-gradient(90deg,#E6EBE9 0%,#E6EBE9 34%,rgba(230,235,233,.55) 38.5%,rgba(230,235,233,.14) 44%,rgba(230,235,233,0) 49%) !important}}
html body:not(#zz1):not(#zz2) .hxbox .hxw img.hxb,html body:not(#zz1):not(#zz2) .hxbox .hxw img.hxs{filter:brightness(.97) saturate(1.04) contrast(1.06) !important}
/* Home hero: originalbilden med klarare bakgrund */
html body:not(#zz1):not(#zz2) .hxbox .hxw img.hxb[src*="engineer-vest"],html body:not(#zz1):not(#zz2) .hxbox .hxw img.hxs[src*="engineer-vest"]{object-fit:cover !important;object-position:50% 18% !important}
html body:not(#zz1):not(#zz2) .hxbox .hxw img.hxs[src*="engineer-vest"]{-webkit-mask:none !important;mask:none !important}
/* Kundcase: levererade tjänster, sammanfattning, karta */
html body[data-page] main#main .cs-svc{margin-top:22px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6) p.cs-svc-k{font-size:14px !important;font-weight:700 !important;color:#0A2440 !important;margin:0 0 10px !important;line-height:1.3 !important}
html body[data-page] main#main .cs-svc-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
html body[data-page] main#main .cs-svc-list li{margin:0;padding:0}
html body[data-page] main#main .cs-svc-list a,html body[data-page] main#main .cs-svc-list span{display:inline-flex;align-items:center;gap:6px;background:#0A2440;color:#fff;border-radius:999px;padding:9px 16px;font:600 14px/1.2 'Nunito Sans',sans-serif;text-decoration:none;transition:background .2s}
html body[data-page] main#main .cs-svc-list a::after{content:"→";font-weight:700;color:#F0962A}
html body[data-page] main#main .cs-svc-list a:hover{background:#163c63}
html body[data-page] main#main .cs-sum{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:20px;margin-top:28px;overflow:hidden}
html body[data-page] main#main .cs-sum-col{padding:26px 30px}
html body[data-page] main#main .cs-sum-col + .cs-sum-col{border-left:1px solid rgba(10,36,64,.08)}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-sum h4{font:600 18px/1.3 Manrope,sans-serif !important;color:#0A2440 !important;margin:0 0 14px !important}
html body[data-page] main#main .cs-sum-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
html body[data-page] main#main .cs-sum-tags li{background:#FAF7F2;color:#0A2440;border-radius:999px;padding:8px 14px;font:600 14px/1.2 'Nunito Sans',sans-serif;margin:0}
html body[data-page] main#main .cs-callout{background:#fff;border:1px solid rgba(10,36,64,.08);border-left:4px solid #F0962A;border-radius:16px;padding:26px 30px;margin-top:28px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-callout h3{margin:0 0 10px !important}
html body[data-page] main#main .cs-callout p{margin:0}
html body[data-page] main#main .cs-map{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center;background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:20px;padding:32px;margin-top:28px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-map h3{margin:0 0 12px !important}
html body[data-page] main#main .cs-map-text > p{margin:0 0 18px}
html body[data-page] main#main .cs-map-fig{margin:0}
html body[data-page] main#main .cs-map-fig img{width:100%;height:auto;display:block}
html body[data-page] main#main .cs-flags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-flags li{display:flex;align-items:center;gap:9px;font:600 14px/1.3 'Nunito Sans',sans-serif;color:#0A2440;background:transparent !important;border:0 !important;padding:3px 0 !important;margin:0}
html body[data-page] main#main .cs-flags img{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(10,36,64,.12)}
@media(min-width:901px){html body[data-page] main#main:not(#zz1):not(#zz2) .cs-role-grid.cs-role-grid4{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media(max-width:900px) and (min-width:601px){html body[data-page] main#main:not(#zz1):not(#zz2) .cs-role-grid.cs-role-grid4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:900px){html body[data-page] main#main .cs-map{grid-template-columns:1fr;padding:24px;gap:22px}html body[data-page] main#main .cs-map-fig{order:-1}}
@media(max-width:700px){html body[data-page] main#main .cs-sum{grid-template-columns:1fr}html body[data-page] main#main .cs-sum-col + .cs-sum-col{border-left:0;border-top:1px solid rgba(10,36,64,.08)}html body[data-page] main#main .cs-sum-col,html body[data-page] main#main .cs-callout{padding:22px}}
/* Roller: tydligare grupprubriker */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-role h4{font:600 17px/1.3 Manrope,sans-serif !important;color:#0A2440 !important;margin:0 0 10px !important;padding-bottom:10px;border-bottom:2px solid #F0962A;display:block}
html body[data-page] main#main .nb-map{margin:28px 0 0;background:#fff;border:1px solid rgba(10,36,64,.08);border-radius:20px;padding:18px}
html body[data-page] main#main .nb-map img{width:100%;height:auto;display:block}
/* Kundcase: symmetriska bilder */
@media(min-width:901px){
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:56px !important;align-items:center !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-head > figure.cs-photo{height:380px !important;min-height:0 !important;align-self:center !important}
}
/* Kundcase: tredje rutan i första gridet över hela bredden, centrerad text */
@media(min-width:701px){
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-grid:not(.cs-grid-1) > .cs-blk:nth-child(3):last-child{grid-column:1 / -1 !important;text-align:center !important}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-grid:not(.cs-grid-1) > .cs-blk:nth-child(3):last-child p{max-width:860px;margin-left:auto !important;margin-right:auto !important}
}
/* Kontakt: telefon- och mejlikoner */
html body[data-page="contact"] main#main a[href^="tel:"],html body[data-page="contact"] main#main a[href^="mailto:"]{display:inline-flex;align-items:center;gap:9px;line-height:1.9}
html body[data-page="contact"] main#main a[href^="tel:"]::before,html body[data-page="contact"] main#main a[href^="mailto:"]::before{content:"";width:17px;height:17px;flex:none;background:#0A2440;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
html body[data-page="contact"] main#main a[href^="tel:"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
html body[data-page="contact"] main#main a[href^="mailto:"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E")}
/* Avlång ruta med bild till höger */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) .cs-grid > .cs-blk.cs-blk-wide{grid-column:1 / -1 !important;text-align:left !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:stretch}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) .cs-grid > .cs-blk.cs-blk-wide p{max-width:none !important;margin-left:0 !important;margin-right:0 !important}
html body[data-page] main#main .cs-blk-photo{margin:0;border-radius:14px;overflow:hidden;min-height:240px;position:relative}
html body[data-page] main#main .cs-blk-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4) .cs-grid > .cs-blk.cs-blk-wide{grid-template-columns:1fr;gap:20px}}
html body[data-page="contact"] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) p.ct-lines,html body[data-page="contact"] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) p.ct-lines a{font-size:15px !important;line-height:1.8 !important}
html body[data-page="contact"] main#main p.ct-lines a::before{width:15px !important;height:15px !important}
html body[data-page] main#main .cs-photo.cs-photo-credit{position:relative}
html body[data-page] main#main .cs-photo-credit figcaption{position:absolute;left:12px;bottom:12px;right:12px;width:max-content;max-width:calc(100% - 24px);background:rgba(10,36,64,.72);color:#fff;font:500 12px/1.4 'Nunito Sans',sans-serif;padding:5px 10px;border-radius:8px;z-index:2}
html body[data-page] main#main .cs-photo-credit figcaption a{color:#fff;text-decoration:underline;text-underline-offset:2px}
/* Home: orange ringen tillbaka på sin tidigare plats */
@media(min-width:901px){html body:not(#zz1):not(#zz2) section.hero .kp-badge-wrap{transform:translateY(-38px) !important}}
/* Home: världskarta och flaggor i linje */
@media(min-width:901px){
html body[data-page] main#main:not(#zz1):not(#zz2) .nb-world-grid{align-items:stretch !important;column-gap:56px !important}
html body[data-page] main#main:not(#zz1):not(#zz2) .nb-world-grid > div{display:flex;flex-direction:column}
html body[data-page] main#main:not(#zz1):not(#zz2) .nb-world-grid > div > .nb-map{flex:1;display:flex;align-items:center;justify-content:center;margin-top:24px !important}
html body[data-page] main#main:not(#zz1):not(#zz2) .nb-world-grid > div > .nb-flags{flex:1;align-content:space-between}
}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6) p.nb-flags-k{font:600 18px/1.3 Manrope,sans-serif !important;letter-spacing:0 !important;text-transform:none !important;color:#0A2440 !important;margin:0 0 18px !important;padding-top:6px}
@media(min-width:901px){
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .nb-world-grid > div:last-child{justify-content:flex-end}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .nb-world-grid > div > .nb-flags{flex:0 0 auto !important;align-content:start !important}
}
/* CTA v2 */
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-band.cta-v2{display:grid !important;grid-template-columns:auto minmax(0,1fr) !important;align-items:center !important;gap:0 !important;max-width:1100px !important;margin:0 auto !important;background:#fff !important;border:1px solid rgba(10,36,64,.45) !important;border-radius:200px !important;padding:44px 72px 44px 64px !important;box-shadow:0 24px 50px -36px rgba(10,36,64,.45) !important}
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-band.cta-v2 .cta-v2-photo{width:170px !important;height:170px !important;border-radius:50% !important;object-fit:cover;border:4px solid #fff !important;box-shadow:0 0 0 1px rgba(10,36,64,.1),0 12px 24px -12px rgba(10,36,64,.45) !important;margin:0 !important}
html body main#main .cta-v2-body{border-left:1px solid rgba(10,36,64,.14);margin-left:40px;padding-left:36px}
html body main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) .cta-v2 p.cta-v2-h{font:700 30px/1.2 Manrope,sans-serif !important;color:#0A2440 !important;margin:0 0 6px !important}
html body main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) .cta-v2 p.cta-v2-sub{font:400 16px/1.55 'Nunito Sans',sans-serif !important;color:#1d3557 !important;margin:0 0 22px !important}
html body main#main .cta-v2-row{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
html body main#main .cta-v2-info{display:flex;flex-direction:column;gap:2px;min-width:0}
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2-info b,html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2-info b a{font:700 20px/1.3 Manrope,sans-serif !important;color:#0A2440 !important;text-decoration:none !important;border:0 !important}
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2-info > span{font:400 16px/1.4 'Nunito Sans',sans-serif !important;color:#1d3557 !important;margin:2px 0 10px !important;display:block}
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2-info a.cta-phone,html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2-info a.cta-mail{display:inline-flex !important;align-items:center;gap:10px;font:500 16px/1.9 'Nunito Sans',sans-serif !important;color:#0A2440 !important;text-decoration:none !important;background:none !important;padding:0 !important}
html body main#main .cta-v2-info a.cta-phone::before,html body main#main .cta-v2-info a.cta-mail::before{content:"" !important;display:block !important;width:17px !important;height:17px !important;flex:none;background:#0A2440 !important;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;position:static !important;border:0 !important;margin:0 !important}
html body main#main .cta-v2-info a.cta-phone{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
html body main#main .cta-v2-info a.cta-mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E")}
html body main#main .cta-v2 .cta-actions{margin:0 !important}
html body main#main .cta-v2 .cta-actions .btn{box-shadow:0 12px 24px -12px rgba(240,150,42,.8)}
@media(max-width:900px){
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-band.cta-v2{grid-template-columns:1fr !important;justify-items:center;border-radius:28px !important;padding:32px 24px !important;text-align:center}
html body main#main .cta-v2-body{border-left:0;margin:20px 0 0;padding:0}
html body main#main .cta-v2-row{flex-direction:column;justify-content:center}
html body main#main .cta-v2-info{align-items:center}
html body main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7) .cta-v2 p.cta-v2-h{font-size:24px !important}
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-band.cta-v2 .cta-v2-photo{width:120px !important;height:120px !important}
}
html body main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8) .cta-v2 p.cta-v2-sub{max-width:none !important}
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2-info a.cta-phone,html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2-info a.cta-mail{line-height:1.75 !important}
html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2-info > span{margin:0 0 8px !important}
@media(min-width:901px){html body main#main:not(#zz1):not(#zz2):not(#zz3) .cta-v2 .cta-actions .btn{padding:16px 30px !important;font-size:17px !important}html body main#main .cta-v2-row{justify-content:flex-start;gap:12%}}
/* consultant testimonials (home) */
html body #page-home .ts-cons-head{margin-top:56px}
html body #page-home .ts-section .ts-track-rev{animation-direction:reverse;animation-duration:55s}
html body #page-home .ts-section .ts-track .ts-card .ts-logo .ts-avatar{width:44px;height:44px;border-radius:50%;background:#0A2440;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 15px/1 var(--font-head,Manrope),sans-serif;letter-spacing:.03em}
html body #page-home .ts-section .ts-track .ts-cons-card .ts-logo{height:44px;margin-bottom:12px}
/* consultant testimonials grid v2 */
html body #page-home .ts-cons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:8px 0 8px}
html body #page-home .ts-cons-card{margin:0;background:#fff;border-radius:16px;padding:28px 28px 26px;box-shadow:0 8px 24px rgba(10,36,64,.07);display:flex;flex-direction:column;gap:18px;position:relative}
html body #page-home .ts-cons-card::after{content:"\201C";position:absolute;top:14px;right:22px;font:700 44px/1 Georgia,serif;color:rgba(224,123,18,.35)}
html body #page-home .ts-cons-top{display:flex;align-items:center;gap:16px}
html body #page-home .ts-cons-av{width:64px;height:64px;border-radius:50%;flex:0 0 64px;background:#E6EBE9}
html body #page-home .ts-cons-card figcaption{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;border:0}
html body #page-home .ts-cons-card figcaption b{font:700 16px/1.25 var(--font-head,Manrope),sans-serif;color:#0A2440}
html body #page-home .ts-cons-card figcaption span{font-size:14px;line-height:1.35;color:#5b6b7a}
html body #page-home .ts-cons-card blockquote{margin:0;padding:0;border:0}
html body #page-home .ts-cons-card blockquote p{margin:0;font-size:16px;line-height:1.6;color:#33475b}
@media(max-width:1000px){html body #page-home .ts-cons-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){html body #page-home .ts-cons-grid{grid-template-columns:1fr;gap:16px}html body #page-home .ts-cons-card{padding:22px}}
/* ===== Mobile/tablet: lighter content (read more + show more) ===== */
.rm-btn{display:none}
@media(max-width:1023px){
 main p.rm-clamp{display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden !important}
 main p.rm-clamp.rm-open{display:block !important;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible !important}
 .rm-btn{display:inline-flex;align-items:center;gap:6px;margin:6px 0 2px;padding:0;background:none;border:0;cursor:pointer;font:600 15px/1.4 var(--font-body,inherit);color:#0A2440;text-decoration:underline;text-decoration-color:#E07B12;text-underline-offset:4px;text-decoration-thickness:2px}
 .rm-btn::after{content:"↓";color:#E07B12;text-decoration:none;display:inline-block}
 .rm-btn[aria-expanded="true"]::after{content:"↑"}
 .rm-more-wrap{text-align:center;margin-top:20px}
 .rm-more-wrap .rm-btn{display:inline-flex;padding:11px 22px;border:1px solid rgba(10,36,64,.25);border-radius:999px;background:#fff;text-decoration:none}
 .rm-hide{display:none !important}
}
@media(max-width:767px){
 /* Home – industries: compact list, no photos/descriptions */
 html body #page-home .ind-sec .ind-photo,html body #page-home .ind-sec .ind-item p{display:none !important}
 html body #page-home .ind-sec .ind-items{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important}
 html body #page-home .ind-sec .ind-item{padding:16px 14px !important;display:flex !important;flex-direction:column;gap:10px;align-items:flex-start;min-height:0 !important}
 html body #page-home .ind-sec .ind-item b{font-size:15px !important;line-height:1.3 !important}
 /* Home – scenarios: problem + link only */
 html body #page-home .nb-sc .nb-sc-how-k,html body #page-home .nb-sc .nb-sc-how{display:none !important}
 /* Home – max three case cards (link to all cases remains) */
 html body main#main:not(#zz1):not(#zz2):not(#zz3) .cases-home>article:nth-child(n+4){display:none !important}
 /* Clients – decorative photos and world maps off on mobile (country list stays) */
 body .cs-blk-photo,body .cs-map-fig{display:none !important}
 body .cs-blk.cs-blk-wide{grid-template-columns:1fr !important}
 body .cs-map{grid-template-columns:1fr !important}
}
/* Clients: Scania photo toned down */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3) .cs-photo img[src*="area-automotive"]{filter:saturate(.6) brightness(1.06) contrast(.9) !important}
@media(max-width:1023px){main p.rm-clamp.rm-silent{-webkit-line-clamp:4;line-clamp:4}}

/* Kundcase v2: snabbsammanfattning + "Läs hela caset" (2026-11-10) */
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-stats>a.cs-stat-card{background:#fff;color:#0A2440;border:1px solid rgba(10,36,64,.08);box-shadow:0 10px 30px -24px rgba(10,36,64,.35);border-radius:20px;padding:28px 30px;display:flex;flex-direction:column;gap:4px;text-decoration:none;transition:transform .2s,box-shadow .2s}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-stats>a.cs-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,36,64,.18)}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-stat-go{font-style:normal;font-size:14px;font-weight:600;color:#E2703A;margin-top:14px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-stats .cs-stat-go span{color:inherit !important;font-size:inherit;margin:0;font-weight:inherit}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) section.cs-case{scroll-margin-top:80px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-q{background:#fff;border:1px solid rgba(10,36,64,.1);border-radius:18px;padding:26px 28px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) section.bg-w .cs-q{background:#FAF7F2}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-q p{margin:0;font-size:15.5px;line-height:1.6;color:#1d3557}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-q p.cs-q-k{display:flex;align-items:center;gap:10px;font:700 17px/1.3 Manrope,sans-serif;color:#0A2440;margin-bottom:10px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-q-n{width:28px;height:28px;border-radius:50%;border:1.5px solid #F0962A;color:#F0962A;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-q3 .cs-q-n{background:#0A2440;border-color:#0A2440;color:#fff}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more{margin-top:24px}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font:600 15px/1 Manrope,sans-serif;color:#0A2440;border:1.5px solid #0A2440;border-radius:999px;padding:12px 22px;transition:background .2s,color .2s}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more>summary:hover{background:#0A2440;color:#fff}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more>summary::-webkit-details-marker{display:none}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more .m-close,html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more[open] .m-open{display:none}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more[open] .m-close{display:inline}
html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-more-body{margin-top:24px}
@media (max-width:900px){html body[data-page] main#main:not(#zz1):not(#zz2):not(#zz3):not(#zz4):not(#zz5):not(#zz6):not(#zz7):not(#zz8):not(#zz9) .cs-quick{grid-template-columns:1fr;gap:14px}}

/* Hero: bakgrunden täcker alltid hela textytan, och texten hamnar inte över bilden (2026-11-10) */
html body:not(#zz1):not(#zz2):not(#zz3) section.hero.hero-afry>.hx-photo{top:0 !important;bottom:0 !important;height:auto !important}
@media(min-width:901px) and (max-width:1440px){html body:not(#zz1):not(#zz2):not(#zz3) section.hero.hero-afry .hx-slide{max-width:min(600px,42vw) !important}html body:not(#zz1):not(#zz2):not(#zz3) section.hero.hero-afry .hx-slide .hx-usps,html body:not(#zz1):not(#zz2):not(#zz3) section.hero.hero-afry .hx-slide .hx-text{max-width:100% !important}}
@media(max-width:900px){html body:not(#zz1):not(#zz2):not(#zz3) .hxp.hxp-grid.hxp-elec{width:100% !important;left:0 !important;right:0 !important}}
@media(min-width:1000px){html body:not(#zz1):not(#zz2):not(#zz3) section.hero.hero-afry>.wrap.hero-grid{min-height:min(calc(100svh - 84px - 112px),820px) !important}}

/* ===== Cookie consent (cookie-consent.js) ===== */
.cc-banner{--cc-or:#f0962a;position:fixed;left:0;right:0;bottom:0;z-index:200;color:#fff;border-top:3px solid var(--cc-or);
  background:linear-gradient(90deg,rgba(12,32,54,.96) 0%,rgba(15,39,66,.9) 50%,rgba(15,39,66,.78) 100%),url(/img/architecture-abstract.jpg) 50% 45%/cover no-repeat,#0c2036;
  box-shadow:0 -18px 40px -20px rgba(3,7,13,.6);animation:cc-in .4s ease both;font:400 14.5px/1.55 var(--font-body)}
@keyframes cc-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
.cc-inner{max-width:var(--wrap);margin:0 auto;padding:22px 24px;display:flex;align-items:center;gap:32px}
.cc-text{flex:1;min-width:0}
.cc-title{font:700 18px/1.25 var(--font-heading);letter-spacing:-.01em;margin:0 0 6px;color:#fff}
.cc-title::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cc-or);margin-right:10px;vertical-align:middle;position:relative;top:-2px}
.cc-text p{color:rgba(255,255,255,.82);margin:0;max-width:62em}
.cc-text a{color:#fff;font-weight:600;text-decoration-color:var(--cc-or);text-underline-offset:3px}
.cc-text a:hover{color:var(--cc-or)}
.cc-actions{display:flex;gap:10px;flex:none}
.cc-btn{appearance:none;cursor:pointer;font:600 14.5px/1 var(--font-body);padding:13px 20px;border-radius:8px;border:1px solid var(--ink);text-align:center;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.cc-solid{background:#f0962a;border-color:#f0962a;color:#0b1530}
.cc-solid:hover{background:#ffb35c;border-color:#ffb35c}
.cc-ghost{background:transparent;color:var(--ink)}
.cc-ghost:hover{background:var(--soft)}
.cc-banner .cc-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.cc-banner .cc-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.cc-overlay{position:fixed;inset:0;z-index:210;background:rgba(11,21,48,.55);display:grid;place-items:center;padding:16px;animation:cc-fade .2s ease both}
@keyframes cc-fade{from{opacity:0}to{opacity:1}}
html.cc-lock{overflow:hidden}
.cc-modal{width:min(600px,100%);max-height:min(88vh,760px);display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;font:400 14.5px/1.55 var(--font-body)}
.cc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 18px;color:#fff;border-bottom:3px solid #f0962a;
  background:linear-gradient(90deg,rgba(12,32,54,.95) 0%,rgba(15,39,66,.82) 100%),url(/img/architecture-abstract.jpg) 50% 45%/cover no-repeat,#0c2036}
.cc-modal-head h2{font:700 21px/1.2 var(--font-heading);letter-spacing:-.01em;color:#fff}
.cc-x{appearance:none;border:1px solid rgba(255,255,255,.5);background:transparent;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;color:#fff;cursor:pointer;flex:none}
.cc-x:hover{background:rgba(255,255,255,.12)}
.cc-modal-body{padding:18px 24px;overflow:auto}
.cc-lead{color:var(--muted);margin-bottom:6px}
.cc-lead a{color:var(--ink);font-weight:600;text-decoration-color:#f0962a;text-underline-offset:3px}
.cc-cat{padding:16px 0;border-top:1px solid var(--line)}
.cc-cat:first-of-type{border-top:0}
.cc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}
.cc-cat h3{font:700 16px/1.3 var(--font-heading)}
.cc-cat p{color:var(--muted);font-size:14px}
.cc-always{font:500 11.5px/1 var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:#a85d08;background:rgba(240,150,42,.14);padding:7px 10px;border-radius:999px;white-space:nowrap}
.cc-switch{position:relative;display:inline-block;width:46px;height:26px;flex:none;cursor:pointer}
.cc-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.cc-switch span[aria-hidden]{position:absolute;inset:0;border-radius:999px;background:#c9cfda;transition:background .2s}
.cc-switch span[aria-hidden]::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.cc-switch input:checked+span{background:#f0962a}
.cc-switch input:checked+span::after{transform:translateX(20px)}
.cc-switch input:focus-visible+span{outline:2px solid var(--accent-2);outline-offset:3px}
.cc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cc-modal-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--line);background:var(--soft)}
.cc-footer-link{appearance:none;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}
.ft2-bottom .cc-footer-link{color:rgba(255,255,255,.65);font-size:13px}
.ft2-bottom .cc-footer-link:hover{color:#fff}
@media (max-width:900px){
  .cc-inner{flex-direction:column;align-items:stretch;gap:16px;padding:18px 18px 20px}
  .cc-actions{display:grid;grid-template-columns:1fr 1fr}
  .cc-actions .cc-solid{grid-column:1/-1;grid-row:1}
}
@media (max-width:600px){
  .cc-text p{font-size:14px}
  .cc-modal-foot{flex-direction:column-reverse}
  .cc-modal-foot .cc-btn{width:100%}
}
@media print{.cc-banner,.cc-overlay{display:none!important}}