@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;padding:0}
.pg{font-family:'Poppins',sans-serif;background:#f1f1f2}
.nav{position:sticky;top:0;z-index:1000;background:#0e2841;display:flex;align-items:center;justify-content:center;padding:0 28px;height:52px}
.logo{display:flex;align-items:center;position:absolute;left:28px;top:50%;transform:translateY(-50%)}
.logo a{display:flex;align-items:center;line-height:0}
.logo img{height:26px;width:auto;display:block}
.navl{display:flex;gap:22px;align-items:center}
.navl a{position:relative;color:rgba(255,255,255,0.6);font-size:11px;text-decoration:none;font-family:'Poppins',sans-serif;padding-bottom:4px;transition:color .25s ease}
.navl a::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:#27a8dd;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.navl a:hover{color:#fff}
.navl a:hover::after{transform:scaleX(1)}
/* Språk-toggle (på mørk nav) — med glidende markør */
.nlang-toggle{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;background:rgba(255,255,255,0.06);border:1px solid rgba(39,168,221,0.35);border-radius:999px;padding:2px}
.nlang-thumb{position:absolute;top:2px;left:2px;height:calc(100% - 4px);width:calc(50% - 2px);background:#27a8dd;border-radius:999px;transition:transform .28s cubic-bezier(.4,0,.2,1)}
.nlang-toggle.is-en .nlang-thumb{transform:translateX(100%)}
.nlang-opt{position:relative;z-index:1;border:none;background:transparent;color:rgba(255,255,255,0.6);font-size:10px;font-weight:600;font-family:'Poppins',sans-serif;padding:4px 12px;border-radius:999px;cursor:pointer;line-height:1;transition:color .22s ease}
.nlang-opt.is-active{color:#fff}
.nlang-opt:not(.is-active):hover{color:#fff}
.ncta{background:#27a8dd;color:#fff;font-size:11px;font-weight:600;padding:8px 18px;border:none;cursor:pointer;font-family:'Poppins',sans-serif}
/* Active nav-lenke — IKKE i bruk (lokasjon vises via breadcrumb) */
.navl a.active{color:#27a8dd}
.navl a.active::after{transform:scaleX(1)}
/* HERO */
.hero{position:relative;height:460px;overflow:hidden;display:flex;align-items:flex-end}
.hero-bg{position:absolute;inset:0;background:#0a1e30}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:0.55}
/* hero carousel */
.hero-carousel{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease}
.hero-slide.is-active{opacity:1}
.hero-dots{position:absolute;left:36px;bottom:18px;z-index:3;display:flex;gap:8px}
.hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;padding:0;cursor:pointer;transition:background .3s}
.hero-dot.is-active{background:#27a8dd}
.hero-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,30,0.97) 0%,rgba(6,18,30,0.9) 35%,rgba(6,18,30,0.55) 70%,rgba(6,18,30,0.1) 100%)}
.hero-content{position:relative;z-index:2;padding:0 36px 74px;max-width:540px}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.eline{width:28px;height:2px;background:#27a8dd}
.etxt{color:#27a8dd;font-size:10px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;font-family:'Poppins',sans-serif}
.h1{color:#fff;font-size:34px;font-weight:600;line-height:1.1;margin-bottom:8px;font-family:'Poppins',sans-serif}
.h1 span{color:#27a8dd}
.htag{color:rgba(255,255,255,0.35);font-size:9px;font-weight:600;letter-spacing:0.16em;margin-bottom:16px;font-family:'Poppins',sans-serif}
.hsub{color:rgba(255,255,255,0.65);font-size:12px;line-height:1.7;margin-bottom:26px;font-family:'Poppins',sans-serif}
.hbtns{display:flex;gap:10px}
.bp{background:#27a8dd;color:#fff;font-size:11px;font-weight:600;padding:11px 22px;border:none;cursor:pointer;font-family:'Poppins',sans-serif}
.bs{background:transparent;color:rgba(255,255,255,0.8);font-size:11px;padding:11px 22px;border:1px solid rgba(255,255,255,0.3);cursor:pointer;font-family:'Poppins',sans-serif}
/* hero button hover motion */
/* secondary outline button keeps its subtle lift */
.bs{transition:background .2s ease,color .2s ease,border-color .2s ease}
.bs:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.6);color:#fff}
/* primary blue buttons — hover empties to outlined + glow */
.bp,.ncta,.cta-btn{
  border:1px solid transparent;
  transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.bp:hover,.ncta:hover,.cta-btn:hover{
  background:transparent;
  border-color:#27a8dd;
  color:#27a8dd;
  box-shadow:0 0 10px rgba(39,168,221,0.45);
}
.hero-stats{position:absolute;bottom:0;right:0;z-index:2;display:flex}
.hstat{height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(8,18,30,0.92);padding:0 18px;border-left:1px solid rgba(255,255,255,0.1);text-align:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.hstat-n{color:#27a8dd;font-size:17px;font-weight:600;font-family:'Poppins',sans-serif}
.hstat-l{color:rgba(255,255,255,0.72);font-size:9px;line-height:1.4;font-family:'Poppins',sans-serif;max-width:96px}
.blight{background:#000;height:2px;position:relative}
.blight::after{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:rgba(39,168,221,0.5)}
/* SERVICES */
.sec{padding:38px 28px;background:#f1f1f2}
.sec-hd{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}
.seyebrow{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sline{width:22px;height:2px;background:#27a8dd}
.sey{font-size:9px;font-weight:600;letter-spacing:0.12em;color:#999;text-transform:uppercase;font-family:'Poppins',sans-serif}
.stitle{font-size:19px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif}
.ssub{font-size:11px;color:#888;line-height:1.6;font-family:'Poppins',sans-serif;max-width:520px;margin-top:4px}
.srlink{font-size:11px;font-weight:600;color:#27a8dd;font-family:'Poppins',sans-serif;margin-top:34px}
.svcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:transparent}
.svc{background:#fff;border:0.5px solid #e4e4e6;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.svc:hover{transform:translateY(-4px);box-shadow:0 20px 42px -28px rgba(14,40,65,0.5)}
/* Core Shape crop: rounded top-left + bottom-right (the S flow) */
.svc-img{position:relative;height:150px;overflow:hidden;margin:14px 14px 0;border-radius:26px 0 26px 0}
.svc-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.78);transition:filter .4s,transform .4s}
.svc:hover .svc-img img{filter:brightness(0.92);transform:scale(1.04)}
.svc-img::after{content:'';position:absolute;inset:0;border-radius:26px 0 26px 0;background:linear-gradient(to top,rgba(14,40,65,0.55),transparent 55%);pointer-events:none}
/* Build/Protect/Extend badge on image */
.svc-tag{position:absolute;bottom:10px;left:10px;z-index:2;font-size:9px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;padding:4px 10px;color:#fff;font-family:'Poppins',sans-serif}
.tag-b{background:rgba(110,118,130,0.95)}
.tag-p{background:rgba(39,168,221,0.92)}
.tag-e{background:rgba(144,202,65,0.92)}
.svc-body{padding:18px;flex:1;display:flex;flex-direction:column}
/* Title Line device, color-coded */
.svc-line{width:24px;height:2px;margin-bottom:11px}
.svc-line-b{background:#6e7682}
.svc-line-p{background:#27a8dd}
.svc-line-e{background:#90ca41}
.svc-title{font-size:14px;font-weight:600;color:#0e2841;margin-bottom:7px;font-family:'Poppins',sans-serif;line-height:1.3}
.svc-desc{font-size:10.5px;color:#666;line-height:1.65;font-family:'Poppins',sans-serif;flex:1}
.svc-ft{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:0.5px solid #eee}
.svc-certs{font-size:9px;color:#aaa;font-family:'Poppins',sans-serif;letter-spacing:0.02em}
.svc-arr{color:#27a8dd;font-size:14px;transition:transform .25s ease}
.svc:hover .svc-arr{transform:translateX(4px)}
/* CASES */
.cases{background:#0e2841;padding:36px 28px}
.ceyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.cline{width:22px;height:2px;background:#27a8dd}
.cey{font-size:9px;font-weight:600;letter-spacing:0.12em;color:#27a8dd;text-transform:uppercase;font-family:'Poppins',sans-serif}
.ctitle{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px;font-family:'Poppins',sans-serif}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case{background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.09);overflow:hidden}
.case-img{position:relative;height:130px;overflow:hidden;margin:14px 14px 0;border-radius:24px 0 24px 0}
.case-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.72);transition:filter .4s,transform .4s}
.case:hover .case-img img{filter:brightness(0.9);transform:scale(1.04)}
.case-img::after{content:'';position:absolute;inset:0;border-radius:24px 0 24px 0;background:linear-gradient(to top,rgba(6,18,30,0.5),transparent 55%);pointer-events:none}
.case-body{padding:14px}
.case-seg{font-size:8px;font-weight:600;letter-spacing:0.1em;color:#27a8dd;text-transform:uppercase;margin-bottom:4px;font-family:'Poppins',sans-serif}
.case-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:5px;font-family:'Poppins',sans-serif;line-height:1.3}
.case-desc{font-size:10px;color:rgba(255,255,255,0.5);line-height:1.5;font-family:'Poppins',sans-serif}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.kpi{background:rgba(255,255,255,0.05);padding:9px 10px}
.kpi-val{font-size:15px;font-weight:600;color:#27a8dd;font-family:'Poppins',sans-serif;line-height:1}
.kpi-label{font-size:8px;color:rgba(255,255,255,0.4);font-family:'Poppins',sans-serif;line-height:1.4;margin-top:3px}
/* Homepage Referanseprosjekter — align KPI boxes across cards */
.cases .case{display:flex;flex-direction:column}
.cases .case-body{display:flex;flex-direction:column;flex:1}
.cases .case-desc{flex:1}
.cases .kpis{margin-top:auto}
/* SEGMENTS */
.segs{background:#fff;padding:36px 28px}
.segs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}
.seg{border:0.5px solid #e8e8e8;overflow:hidden;background:#f9f9f9;cursor:pointer}
.seg-img{position:relative;height:192px;overflow:hidden;margin:12px 12px 0;border-radius:18px 0 18px 0}
.seg-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.82) saturate(0.9);transition:filter .4s,transform .4s}
.seg:hover .seg-img img{filter:brightness(1) saturate(1);transform:scale(1.04)}
.seg-img::after{content:'';position:absolute;inset:0;border-radius:18px 0 18px 0;background:linear-gradient(to top,rgba(14,40,65,0.28),transparent 60%);pointer-events:none}
.seg-body{padding:12px}
.seg-acc{width:18px;height:2px;background:#27a8dd;margin-bottom:8px}
.seg-label{font-size:11px;font-weight:600;color:#0e2841;line-height:1.35;font-family:'Poppins',sans-serif}
.seg-desc{font-size:9px;color:#999;font-family:'Poppins',sans-serif;margin-top:4px;line-height:1.5}
.seg-link{font-size:9px;color:#27a8dd;font-weight:600;font-family:'Poppins',sans-serif;margin-top:8px;display:block}
/* COMPANIES */
.cos{background:#f1f1f2;padding:36px 28px}
.co-intro{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:20px}
.co-stats{display:flex;gap:20px}
.co-stat-n{font-size:18px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif}
.co-stat-l{font-size:9px;color:#999;font-family:'Poppins',sans-serif}
.cogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.co{background:#fff;border:0.5px solid #e0e0e0;overflow:hidden;border-left:3px solid #0e2841;display:flex;flex-direction:column}
.co-img{height:70px;overflow:hidden}
.co-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.65) saturate(0.5)}
.co-body{padding:12px 14px;display:flex;gap:10px;align-items:flex-start}
.co-icon{width:28px;height:28px;background:#0e2841;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.co-icon span{color:#27a8dd;font-size:10px;font-weight:700;font-family:'Poppins',sans-serif}
.co-name{font-size:11px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif}
.co-desc{font-size:10px;color:#777;line-height:1.4;font-family:'Poppins',sans-serif;margin-top:1px}
.co-loc{font-size:9px;color:#27a8dd;font-weight:600;font-family:'Poppins',sans-serif;margin-top:3px}
/* LOGOS */
.logos{background:#0e2841;padding:26px 28px}
.logos-label{font-size:9px;font-weight:600;letter-spacing:0.12em;color:rgba(255,255,255,0.3);text-align:center;margin-bottom:14px;text-transform:uppercase;font-family:'Poppins',sans-serif}
.lpills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.lpill{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.1);padding:6px 14px;font-size:10px;color:rgba(255,255,255,0.55);font-weight:600;font-family:'Poppins',sans-serif}
/* CTA BAND */
.cta-band{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-height:none}
.cta-img{position:relative;overflow:hidden}
.cta-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.5);display:block}
.cta-content{background:#0e2841;padding:36px 32px;display:flex;flex-direction:column;justify-content:center}
.cta-line{width:22px;height:2px;background:#27a8dd;margin-bottom:12px}
.cta-title{color:#fff;font-size:17px;font-weight:600;margin-bottom:8px;font-family:'Poppins',sans-serif;line-height:1.25}
.cta-sub{color:rgba(255,255,255,0.55);font-size:11px;margin-bottom:5px;font-family:'Poppins',sans-serif;line-height:1.6}
.cta-note{color:rgba(255,255,255,0.25);font-size:9px;margin-bottom:20px;font-family:'Poppins',sans-serif}
.cta-form{display:flex;gap:8px}
.cta-input{flex:1;background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.15);color:#fff;font-size:11px;padding:10px 14px;font-family:'Poppins',sans-serif;outline:none}
.cta-input::placeholder{color:rgba(255,255,255,0.28)}
.cta-btn{background:#27a8dd;color:#fff;font-size:11px;font-weight:600;padding:10px 18px;border:1px solid transparent;cursor:pointer;font-family:'Poppins',sans-serif;white-space:nowrap}
/* FOOTER */
.foot{background:#000}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:34px 28px 26px;border-bottom:0.5px solid rgba(255,255,255,0.06)}
.foot-logo{margin-bottom:8px}
.foot-logo a{display:inline-flex;line-height:0}
.foot-logo img{height:24px;width:auto;display:block}
.foot-tagline{color:#27a8dd;font-size:9px;font-weight:600;letter-spacing:0.1em;font-family:'Poppins',sans-serif;margin-bottom:14px}
.foot-address{color:rgba(255,255,255,0.25);font-size:10px;font-family:'Poppins',sans-serif;line-height:1.8}
.foot-address a{color:#27a8dd;text-decoration:none;font-size:10px}
.foot-col{padding-left:20px}
.foot-col-title{color:rgba(255,255,255,0.28);font-size:9px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;font-family:'Poppins',sans-serif;margin-bottom:12px;padding-bottom:8px;border-bottom:0.5px solid rgba(255,255,255,0.06)}
.foot-col a{display:block;color:rgba(255,255,255,0.45);font-size:10px;text-decoration:none;font-family:'Poppins',sans-serif;margin-bottom:7px}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;background:rgba(255,255,255,0.02)}
.foot-copy{color:rgba(255,255,255,0.5);font-size:9px;font-family:'Poppins',sans-serif}
.foot-legal{display:flex;gap:18px;align-items:center}
.foot-legal a{color:rgba(255,255,255,0.6);font-size:9px;text-decoration:none;font-family:'Poppins',sans-serif;transition:color .2s ease}
.foot-legal a:hover{color:#27a8dd}
.foot-lang{background:rgba(39,168,221,0.12);color:#27a8dd;font-size:9px;font-weight:600;padding:3px 10px;font-family:'Poppins',sans-serif}
/* Brukt i HTML, manglet i CSS */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* COMPANIES — big image cards, content overlaid (3 per row) */
.cogrid2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.co2{position:relative;height:230px;overflow:hidden;border-radius:30px 0 30px 0;border:0.5px solid #e0e0e0;background:#0e2841;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}
.co2:hover{transform:translateY(-4px);box-shadow:0 24px 48px -30px rgba(14,40,65,.6)}
.co2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62);transition:filter .4s,transform .4s}
.co2:hover img{filter:brightness(.72);transform:scale(1.04)}
.co2-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,18,30,.92) 0%,rgba(8,18,30,.55) 38%,transparent 70%);pointer-events:none}
.co2-content{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;display:flex;gap:12px;align-items:flex-start;z-index:2}
.co2-icon{width:34px;height:34px;background:#0e2841;border:1px solid rgba(39,168,221,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.co2-icon span{color:#27a8dd;font-size:12px;font-weight:700;font-family:'Poppins',sans-serif}
.co2-name{font-size:15px;font-weight:600;color:#fff;line-height:1.1;font-family:'Poppins',sans-serif}
.co2-desc{font-size:10.5px;color:rgba(255,255,255,.7);line-height:1.5;margin-top:3px;font-family:'Poppins',sans-serif}
.co2-loc{font-size:9px;color:#27a8dd;font-weight:600;margin-top:5px;letter-spacing:.02em;font-family:'Poppins',sans-serif}
/* LINKEDIN FOLLOW BANNER */
.liband{background:#fff;padding:30px 28px;border-top:0.5px solid #e4e4e6;border-bottom:0.5px solid #e4e4e6}
.li-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.li-left{display:flex;align-items:center;gap:18px}
.li-ic{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(39,168,221,0.08);border:1px solid rgba(39,168,221,0.3);border-radius:14px 0 14px 0}
.li-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.li-line{width:22px;height:2px;background:#27a8dd}
.li-ey{font-size:9px;font-weight:600;letter-spacing:.12em;color:#999;text-transform:uppercase;font-family:'Poppins',sans-serif}
.li-title{font-size:16px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif;line-height:1.25}
.li-sub{font-size:11px;color:#777;font-family:'Poppins',sans-serif;margin-top:4px}
.li-btn{flex-shrink:0;background:#27a8dd;color:#fff;border:1px solid transparent;box-sizing:border-box;padding:13px 24px;font-size:12px;font-weight:700;font-family:'Poppins',sans-serif;text-decoration:none;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.li-btn:hover{background:transparent;border-color:#27a8dd;color:#27a8dd;box-shadow:0 0 10px rgba(39,168,221,0.45)}
/* ========================================================= */
/* FULL-WIDTH FIX — match Pangea's full-stretch layout       */
/* ========================================================= */
.theme-content-area,
.theme-content-container,
.theme-content-area-inner,
.zpcontent-container,
.page-container,
.zpcontainer-fluid,
.zpcont-full-stretch{
    max-width:100% !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
/* ========================================================= */
/* NO GAPS BETWEEN SECTIONS                                  */
/* ========================================================= */
.zpsection,
.zprow,
.zprow-container,
.zprow-container-fluid,
.zpelem-col,
.zpelement,
.zpelem-codesnippet,
.zpsnippet-container{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
/* ============================================================ */
/* REFERANSER-SIDE — blå header + lyst prosjektfelt             */
/* ============================================================ */
/* Breadcrumb (samme stil som segmentsidene) */
.refpage .crumb{background:#071828;height:34px;padding:0 28px;display:flex;align-items:center;gap:6px}
.refpage .crumb a{color:rgba(255,255,255,0.35);font-size:9px;text-decoration:none;font-family:'Poppins',sans-serif}
.refpage .crumb-sep{color:rgba(255,255,255,0.2);font-size:9px}
.refpage .crumb-current{color:#27a8dd;font-size:9px;font-weight:600;font-family:'Poppins',sans-serif}
/* Bånd-bakgrunner */
.refpage .ref-head{background:#0e2841;padding:46px 28px 40px}
.refpage .ref-projects{background:#f1f1f2;padding:34px 28px}
.refpage .ref-head .ctitle{margin-bottom:8px}
/* Undertittel (på blå header) */
.refpage .ref-sub{font-size:11px;color:rgba(255,255,255,0.55);line-height:1.7;max-width:620px;margin:0;font-family:'Poppins',sans-serif}
/* Filter-piller */
.refpage .ref-filter{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.refpage .ref-pill{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.16);color:rgba(255,255,255,0.6);font-size:10px;font-weight:600;letter-spacing:0.02em;padding:7px 15px;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .22s ease,color .22s ease,border-color .22s ease}
.refpage .ref-pill:hover{color:#fff;border-color:rgba(39,168,221,0.5)}
.refpage .ref-pill.is-active{background:#27a8dd;border-color:#27a8dd;color:#fff}
/* Hvite kort på lyst felt */
.refpage .cgrid{grid-template-columns:repeat(3,1fr);gap:20px}
.refpage .case{background:#fff;border:0.5px solid #e4e4e6;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.refpage .case:hover{transform:translateY(-4px);box-shadow:0 20px 42px -28px rgba(14,40,65,0.5)}
.refpage .case[hidden]{display:none}
.refpage .case-body{display:flex;flex-direction:column;flex:1}
.refpage .case-title{color:#0e2841}
.refpage .case-desc{color:#666;flex:1}
/* KPI-fliser — lyse */
.refpage .kpi{background:#f5f7f9;border:0.5px solid #e8edf1}
.refpage .kpi-label{color:#8a949c}
.refpage .kpis{margin-top:auto}
/* Kort-footer */
.refpage .case-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:0.5px solid #eee}
.refpage .ref-read{font-size:10px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif}
.refpage .ref-arr{color:#27a8dd;font-size:14px;transition:transform .25s ease}
.refpage .case:hover .ref-arr{transform:translateX(4px)}
/* "Utkast"-merke */
.refpage .ref-draft{position:absolute;top:9px;right:9px;z-index:2;font-size:7px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:3px 8px;color:#0e2841;background:#ffd84d;border-radius:2px;font-family:'Poppins',sans-serif}
/* Tom-tilstand — på lyst felt */
.refpage .ref-empty{padding:36px 0 4px;text-align:center}
.refpage .ref-empty p{font-size:12px;color:#888;font-family:'Poppins',sans-serif}
.refpage .ref-empty a{color:#27a8dd;font-weight:600;text-decoration:none}
/* Filter-animasjon (stagger inn ved valg) */
@keyframes refRise{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
.refpage .case.ref-anim{animation:refRise .45s cubic-bezier(.22,.61,.36,1) both}
/* Nav dropdown (Segmenter) */
.navdrop{position:relative;display:flex;align-items:center}
.navdrop-trigger{position:relative;color:rgba(255,255,255,0.6);font-size:11px;text-decoration:none;font-family:'Poppins',sans-serif;padding-bottom:4px;cursor:pointer;transition:color .25s ease;display:inline-flex;align-items:center;gap:4px}
.navdrop-trigger:hover{color:#fff}
.navdrop-caret{font-size:8px;transition:transform .25s ease}
.navdrop:hover .navdrop-caret{transform:rotate(180deg)}
.navdrop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);min-width:210px;background:#0e2841;border:0.5px solid rgba(39,168,221,0.25);border-top:2px solid #27a8dd;padding:6px;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:1100;box-shadow:0 18px 40px -22px rgba(0,0,0,0.7)}
.navdrop:hover .navdrop-menu,
.navdrop:focus-within .navdrop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.navdrop-menu a{color:rgba(255,255,255,0.7);font-size:10.5px;text-decoration:none;font-family:'Poppins',sans-serif;padding:8px 12px;border-radius:2px;transition:background .18s ease,color .18s ease;white-space:nowrap}
.navdrop-menu a:hover{background:rgba(39,168,221,0.12);color:#fff}
/* Ingen hover-effekt på Segmenter-triggeren (den har dropdown i stedet) */
.navdrop-trigger,
.navdrop-trigger:hover{color:rgba(255,255,255,0.6)}
.navdrop-trigger::after{display:none}
/* ============================================================ */
/* SEGMENT-SIDE (f.eks. Maritim) — alt scopet under .segpage    */
/* tilpasset forsidens struktur/layout/design                   */
/* ============================================================ */
.segpage{font-family:'Poppins',sans-serif;background:#f1f1f2}
.segpage *{box-sizing:border-box}
/* Breadcrumb */
.segpage .crumb{background:#071828;height:34px;padding:0 28px;display:flex;align-items:center;gap:6px}
.segpage .crumb a{color:rgba(255,255,255,0.35);font-size:9px;text-decoration:none;font-family:'Poppins',sans-serif}
.segpage .crumb-sep{color:rgba(255,255,255,0.2);font-size:9px}
.segpage .crumb-current{color:#27a8dd;font-size:9px;font-weight:600;font-family:'Poppins',sans-serif}
/* Hero — samme sizing/justering som forsiden */
.segpage .hero{position:relative;height:calc(460px - 34px);overflow:hidden;display:flex;align-items:flex-end}
.segpage .hero-bg{position:absolute;inset:0;background:#0a1e30}
.segpage .hero-bg img{width:100%;height:100%;object-fit:cover;opacity:0.55}
.segpage .hero-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,30,0.95) 0%,rgba(6,18,30,0.8) 28%,rgba(6,18,30,0.28) 60%,rgba(6,18,30,0) 100%)}
.segpage .hero-content{position:relative;z-index:2;padding:0 36px 74px;max-width:540px}
.segpage .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.segpage .eline{width:28px;height:2px;background:#27a8dd}
.segpage .etxt{color:#27a8dd;font-size:10px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;font-family:'Poppins',sans-serif}
.segpage .h1{color:#fff;font-size:34px;font-weight:600;line-height:1.1;margin-bottom:8px;font-family:'Poppins',sans-serif}
.segpage .h1 span{color:#27a8dd}
.segpage .hsub{color:rgba(255,255,255,0.65);font-size:12px;line-height:1.7;margin-bottom:26px;font-family:'Poppins',sans-serif;max-width:500px}
.segpage .hbtns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.segpage .bp{background:#27a8dd;color:#fff;font-size:11px;font-weight:600;padding:11px 22px;border:1px solid transparent;cursor:pointer;font-family:'Poppins',sans-serif;width:auto;flex:0 0 auto;white-space:nowrap}
.segpage .bs{background:transparent;color:rgba(255,255,255,0.8);font-size:11px;padding:11px 22px;border:1px solid rgba(255,255,255,0.3);cursor:pointer;font-family:'Poppins',sans-serif;width:auto;flex:0 0 auto;white-space:nowrap}
/* knapp-hover som forsiden */
.segpage .bp,.segpage .cta-btn,.segpage .ramme-btn{transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.segpage .bp:hover,.segpage .cta-btn:hover{background:transparent;border-color:#27a8dd;color:#27a8dd;box-shadow:0 0 10px rgba(39,168,221,0.45)}
.segpage .bs{transition:background .2s ease,color .2s ease,border-color .2s ease}
.segpage .bs:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.6);color:#fff}
/* hero karusell (segment) */
.segpage .hero-carousel{position:absolute;inset:0;overflow:hidden;z-index:0}
.segpage .hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease}
.segpage .hero-slide.is-active{opacity:1}
.segpage .hero-dots{position:absolute;left:36px;bottom:18px;z-index:3;display:flex;gap:8px}
.segpage .hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;padding:0;cursor:pointer;transition:background .3s}
.segpage .hero-dot.is-active{background:#27a8dd}
.segpage .hero-certs{position:absolute;bottom:0;right:0;z-index:2;display:flex}
.segpage .hcert{width:140px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(8,18,30,0.92);padding:0 18px;border-left:1px solid rgba(255,255,255,0.1);text-align:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.segpage .hcert-val{color:#27a8dd;font-size:14px;font-weight:600;font-family:'Poppins',sans-serif;white-space:nowrap}
.segpage .hcert-label{color:rgba(255,255,255,0.72);font-size:9px;line-height:1.4;font-family:'Poppins',sans-serif;margin-top:2px;max-width:96px}
.segpage .blight{background:#000;height:2px;position:relative}
.segpage .blight::after{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:rgba(39,168,221,0.5)}
/* Diff-strip — tynn aksentstrek (2px, som forsiden) */
.segpage .diff-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:0.5px solid #eee}
.segpage .diff{padding:24px 28px;border-right:0.5px solid #eee;display:flex;flex-direction:column}
.segpage .diff:last-child{border-right:none}
.segpage .diff-accent{width:24px;height:2px;background:#27a8dd;margin-bottom:14px}
.segpage .diff-num{font-size:28px;font-weight:700;color:#0e2841;font-family:'Poppins',sans-serif;line-height:1;margin-bottom:6px}
.segpage .diff-num sub{font-size:14px;font-weight:600;color:#27a8dd}
.segpage .diff-label{font-size:12px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif;margin-bottom:5px}
.segpage .diff-desc{font-size:10px;color:#888;font-family:'Poppins',sans-serif;line-height:1.55}
/* Intro — navy posisjon-panel + lyse sertifikat-fliser (28px margin som forsiden) */
.segpage .intro{display:grid;grid-template-columns:1fr 1fr;background:#f1f1f2;gap:0}
.segpage .intro-left{padding:40px 28px;background:#0e2841}
.segpage .intro-left .sey{color:#27a8dd}
.segpage .intro-left .stitle{color:#fff;font-size:19px;line-height:1.3}
.segpage .intro-left .sbody{color:rgba(255,255,255,0.6);font-size:11px;line-height:1.8}
.segpage .intro-right{padding:40px 28px;background:#fff}
.segpage .seyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.segpage .sline{width:20px;height:2px;background:#27a8dd}
.segpage .sey{font-size:9px;font-weight:600;letter-spacing:0.12em;color:#999;text-transform:uppercase;font-family:'Poppins',sans-serif}
.segpage .stitle{font-size:16px;font-weight:600;color:#0e2841;margin-bottom:10px;font-family:'Poppins',sans-serif}
.segpage .sbody{font-size:11px;color:#555;line-height:1.75;font-family:'Poppins',sans-serif}
.segpage .certs-list{margin-top:14px;display:grid;grid-template-columns:1fr;gap:8px}
.segpage .cert-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f9f9f9;border:0.5px solid #ececec;border-left:2px solid #27a8dd;transition:transform .25s ease,box-shadow .25s ease}
.segpage .cert-item:hover{transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(14,40,65,0.5)}
.segpage .cert-dot{display:none}
.segpage .cert-name{font-size:10.5px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif}
.segpage .cert-desc{font-size:9px;color:#999;font-family:'Poppins',sans-serif;margin-top:2px}
/* Tjenester — kort i forside-stil med Build/Protect/Extend-farger */
.segpage .tjenester{padding:38px 28px;background:#f1f1f2}
.segpage .t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.segpage .tj{background:#fff;border:0.5px solid #e4e4e6;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.segpage .tj:hover{transform:translateY(-4px);box-shadow:0 20px 42px -28px rgba(14,40,65,0.5)}
.segpage .tj-accent{display:none}
.segpage .tj-body{padding:18px;flex:1;display:flex;flex-direction:column}
/* fargekodet tittel-strek — Build=grå, Protect=blå, Extend=grønn (som forsiden) */
.segpage .tj-body::before{content:'';display:block;width:24px;height:2px;background:#27a8dd;margin-bottom:11px}
.segpage .tj.is-build .tj-body::before{background:#6e7682}
.segpage .tj.is-protect .tj-body::before{background:#27a8dd}
.segpage .tj.is-extend .tj-body::before{background:#90ca41}
.segpage .tj-seg{font-size:9px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:6px;font-family:'Poppins',sans-serif;color:#27a8dd}
.segpage .tj.is-build .tj-seg{color:#6e7682}
.segpage .tj.is-protect .tj-seg{color:#27a8dd}
.segpage .tj.is-extend .tj-seg{color:#90ca41}
.segpage .tj-title{font-size:14px;font-weight:600;color:#0e2841;margin-bottom:7px;font-family:'Poppins',sans-serif;line-height:1.3}
.segpage .tj-desc{font-size:10.5px;color:#666;line-height:1.65;font-family:'Poppins',sans-serif;flex:1}
.segpage .tj-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px;padding-top:12px;border-top:0.5px solid #eee}
.segpage .tj-tag{font-size:8.5px;color:#aaa;border:0.5px solid #e4e4e6;padding:3px 8px;font-family:'Poppins',sans-serif}
/* Selskaper */
.segpage .selskaper{background:#0e2841;padding:28px}
.segpage .s-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.segpage .sco{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.1);padding:14px;display:flex;flex-direction:column;gap:6px}
.segpage .sco-icon{width:28px;height:28px;background:#27a8dd;display:flex;align-items:center;justify-content:center}
.segpage .sco-icon span{color:#fff;font-size:10px;font-weight:700;font-family:'Poppins',sans-serif}
.segpage .sco-name{font-size:11px;font-weight:600;color:#fff;font-family:'Poppins',sans-serif}
.segpage .sco-role{font-size:9px;color:rgba(255,255,255,0.45);font-family:'Poppins',sans-serif;line-height:1.4}
/* Hvordan vi jobber — kort (uten forbindelseslinje) */
.segpage .slik{background:#f1f1f2;padding:38px 28px}
.segpage .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.segpage .step{position:relative;background:#fff;border:0.5px solid #e4e4e6;padding:22px 20px;transition:transform .3s ease,box-shadow .3s ease}
.segpage .step:hover{transform:translateY(-4px);box-shadow:0 20px 42px -28px rgba(14,40,65,0.5)}
.segpage .step-num{width:48px;height:48px;background:#0e2841;border:1px solid rgba(39,168,221,0.4);display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:14px 0 14px 0}
.segpage .step-num span{color:#27a8dd;font-size:16px;font-weight:700;font-family:'Poppins',sans-serif}
.segpage .step-title{font-size:14px;font-weight:600;color:#0e2841;margin-bottom:6px;font-family:'Poppins',sans-serif}
.segpage .step-desc{font-size:10.5px;color:#666;line-height:1.65;font-family:'Poppins',sans-serif}
.segpage .step-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.segpage .step-tag{font-size:8.5px;color:#27a8dd;border:0.5px solid rgba(39,168,221,0.3);padding:3px 8px;font-family:'Poppins',sans-serif;background:rgba(39,168,221,0.05)}
/* Rammeavtale-stripe */
.segpage .ramme{background:#f9f9f9;padding:20px 28px;border-top:0.5px solid #eee;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.segpage .ramme-title{font-size:12px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif;margin-bottom:3px}
.segpage .ramme-desc{font-size:10px;color:#666;font-family:'Poppins',sans-serif;line-height:1.6}
.segpage .ramme-btn{background:#0e2841;color:#fff;font-size:10px;font-weight:600;padding:10px 18px;border:1px solid transparent;cursor:pointer;font-family:'Poppins',sans-serif;white-space:nowrap}
.segpage .ramme-btn:hover{background:transparent;border-color:#27a8dd;color:#27a8dd;box-shadow:0 0 10px rgba(39,168,221,0.45)}
/* Cases */
.segpage .cases{background:#f1f1f2;padding:36px 28px}
.segpage .c-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.segpage .case{background:#fff;border:0.5px solid #e0e0e0;overflow:hidden}
.segpage .case-img{height:100px;overflow:hidden}
.segpage .case-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.65)}
.segpage .case-body{padding:14px}
.segpage .case-seg{font-size:8px;font-weight:600;letter-spacing:0.1em;color:#27a8dd;text-transform:uppercase;margin-bottom:3px;font-family:'Poppins',sans-serif}
.segpage .case-title{font-size:12px;font-weight:600;color:#0e2841;margin-bottom:4px;font-family:'Poppins',sans-serif}
.segpage .case-desc{font-size:10px;color:#666;line-height:1.5;font-family:'Poppins',sans-serif}
.segpage .kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.segpage .kpi{background:#f9f9f9;padding:8px;border:0.5px solid #eee}
.segpage .kpi-val{font-size:14px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif}
.segpage .kpi-label{font-size:8px;color:#999;font-family:'Poppins',sans-serif;margin-top:2px;line-height:1.3}
/* CTA band — bilde fyller hele kolonnen (som forsiden) */
.segpage .cta-band{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-height:none}
.segpage .cta-img{position:relative;overflow:hidden}
.segpage .cta-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.5);display:block}
.segpage .cta-content{background:#0e2841;padding:44px 32px 64px;display:flex;flex-direction:column;justify-content:center}
.segpage .cta-line{width:22px;height:2px;background:#27a8dd;margin-bottom:12px}
.segpage .cta-title{color:#fff;font-size:17px;font-weight:600;margin-bottom:8px;font-family:'Poppins',sans-serif;line-height:1.25}
.segpage .cta-sub{color:rgba(255,255,255,0.55);font-size:11px;margin-bottom:16px;font-family:'Poppins',sans-serif;line-height:1.6}
.segpage .cta-contacts{display:flex;flex-direction:column;gap:10px}
.segpage .cta-contact-role{color:rgba(255,255,255,0.4);font-size:9px;font-family:'Poppins',sans-serif}
.segpage .cta-contact-name{color:#fff;font-size:12px;font-weight:600;font-family:'Poppins',sans-serif}
.segpage .cta-contact-info{color:#7fd3f5;font-size:10px;font-family:'Poppins',sans-serif;margin-top:1px}
.segpage .cta-contact-info a{color:#7fd3f5}
.segpage .cta-btn-row{margin-top:16px}
/* ============================================================ */
/* KONTAKT-SIDE — CSS-TILLEGG                                   */
/* Lim inn på slutten av _master_css.css (css.docx).            */
/* Dekker de 3 NYE seksjonstypene som ikke finnes fra før:      */
/*   1) kontaktkort-linjer (gjenbruker .tjenester/.t-grid/.tj)  */
/*   2) lokasjoner-grid                                         */
/*   3) OPEX-skjema i CTA-båndet                                */
/* Alt scopet under .segpage. Resten av siden bruker            */
/* eksisterende klasser: .crumb .hero .diff-strip .seyebrow     */
/* .stitle .cta-band osv. Samme tokens: navy #0e2841,           */
/* cyan #27a8dd, off-white #f1f1f2, Poppins, 0.5px-kanter.      */
/* ============================================================ */
/* ---- 1) Kontaktkort — kontaktlinjer i bunnen av .tj-kortet ---- */
.segpage .kc-div{width:24px;height:2px;background:#27a8dd;margin:13px 0 12px}
.segpage .kc-contact{display:flex;flex-direction:column;gap:4px;min-height:34px}
.segpage .kc-phone{font-size:11px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif}
.segpage .kc-phone a{color:#0e2841;text-decoration:none}
.segpage .kc-email{font-size:10.5px;color:#27a8dd;font-family:'Poppins',sans-serif;word-break:break-word}
.segpage .kc-email a{color:#27a8dd;text-decoration:none}
.segpage .kc-email a:hover{text-decoration:underline}
.segpage .kc-pending{font-size:9.5px;color:#999;font-style:italic;font-family:'Poppins',sans-serif}
/* ---- 2) Lokasjoner ---- */
.segpage .lokasjoner{background:#fff;padding:38px 28px;border-top:0.5px solid #e4e4e6}
.segpage .lok-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.segpage .lok{background:#f9f9f9;border:0.5px solid #ececec;border-top:3px solid #0e2841;padding:18px 16px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.segpage .lok:hover{transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(14,40,65,0.5)}
.segpage .lok-badge{font-size:9px;font-weight:600;letter-spacing:0.1em;color:#27a8dd;text-transform:uppercase;margin-bottom:8px;font-family:'Poppins',sans-serif}
.segpage .lok-name{font-size:14px;font-weight:600;color:#0e2841;margin-bottom:4px;font-family:'Poppins',sans-serif}
.segpage .lok-addr{font-size:11px;color:#666;line-height:1.6;margin-bottom:10px;font-family:'Poppins',sans-serif}
.segpage .lok-cos{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}
.segpage .lok-co{font-size:10px;color:#888;display:flex;align-items:center;gap:6px;font-family:'Poppins',sans-serif}
.segpage .lok-co::before{content:'';width:5px;height:5px;background:#27a8dd;flex-shrink:0}
.segpage .lok-phone{font-size:11px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif;margin-top:auto}
.segpage .lok-phone a{color:#0e2841;text-decoration:none}
.segpage .lok-email{font-size:10px;color:#27a8dd;font-family:'Poppins',sans-serif}
.segpage .lok-email a{color:#27a8dd;text-decoration:none}
/* ---- 3) OPEX-skjema (i navy CTA-båndet, høyre kolonne) ---- */
/* MERK: koble til Zoho sitt skjema-element for reell innsending. */
.segpage .opexform{background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.1);padding:26px}
.segpage .of-row{margin-bottom:12px}
.segpage .of-label{font-size:9px;font-weight:600;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;font-family:'Poppins',sans-serif}
.segpage .of-input{width:100%;background:rgba(255,255,255,0.06);border:0.5px solid rgba(255,255,255,0.12);color:#fff;font-size:11px;font-family:'Poppins',sans-serif;padding:10px 13px;outline:none}
.segpage .of-input::placeholder{color:rgba(255,255,255,0.25)}
.segpage .of-input:focus{border-color:rgba(39,168,221,0.4)}
.segpage textarea.of-input{resize:vertical;min-height:78px}
.segpage .of-submit{background:#27a8dd;color:#fff;font-size:11px;font-weight:600;padding:12px 26px;border:1px solid transparent;cursor:pointer;font-family:'Poppins',sans-serif;width:100%;margin-top:2px;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.segpage .of-submit:hover{background:transparent;border-color:#27a8dd;color:#27a8dd;box-shadow:0 0 10px rgba(39,168,221,0.45)}
.segpage .of-note{font-size:9px;color:rgba(255,255,255,0.25);text-align:center;margin-top:10px;font-family:'Poppins',sans-serif}
/* ---- CTA-bånd: la skjema-kolonnen styre høyden (uten bilde) ---- */
.segpage .cta-band.cta-form-band{grid-template-columns:1fr 1fr;align-items:stretch}
.segpage .cta-band.cta-form-band .cta-content{padding:44px 32px}
.segpage .cta-formcol{background:#0e2841;padding:36px 32px;display:flex;flex-direction:column;justify-content:center}
.segpage .opex-tag{display:inline-block;font-size:9px;font-weight:600;background:rgba(39,168,221,0.1);color:#27a8dd;padding:4px 12px;margin-top:14px;border:0.5px solid rgba(39,168,221,0.2);font-family:'Poppins',sans-serif;letter-spacing:0.04em}
/* ============================================================ */
/* REFERANSER — CSS-TILLEGG                                     */
/* Lim inn på slutten av _master_css.css (etter .refpage-blokka).*/
/* Dekker de to NYE seksjonstypene: nøkkeltall-stripe + VA-tabell.*/
/* Kundestripa bruker eksisterende .logos / .lpills / .lpill.    */
/* Bruker samme tokens som resten: navy #0e2841, cyan #27a8dd,   */
/* mørk #071828, off-white #f1f1f2, Poppins, 0.5px-kanter.       */
/* ============================================================ */
/* ---- Nøkkeltall-stripe (under blå header) ---- */
.refpage .ref-stats{background:#071828;display:grid;grid-template-columns:repeat(4,1fr);border-top:0.5px solid rgba(255,255,255,0.06)}
.refpage .ref-stat{padding:22px 24px;border-right:0.5px solid rgba(255,255,255,0.06)}
.refpage .ref-stat:last-child{border-right:none}
.refpage .ref-stat-val{font-size:26px;font-weight:700;color:#27a8dd;line-height:1;margin-bottom:6px;font-family:'Poppins',sans-serif}
.refpage .ref-stat-label{font-size:10px;color:rgba(255,255,255,0.42);line-height:1.45;font-family:'Poppins',sans-serif}
/* ---- Kommunal VA-tabell (lyst felt) ---- */
.refpage .ref-va{background:#fff;padding:34px 28px;border-top:0.5px solid #e4e4e6}
.refpage .ref-va .cey{color:#27a8dd}
.refpage .ref-va .ctitle{color:#0e2841;margin-bottom:6px}
.refpage .ref-va-note{font-size:11px;color:#888;margin:0 0 18px;font-family:'Poppins',sans-serif}
.refpage .va-table{width:100%;border-collapse:collapse}
.refpage .va-table th{background:#0e2841;color:#fff;font-size:9px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:11px 14px;text-align:left;font-family:'Poppins',sans-serif}
.refpage .va-table td{padding:11px 14px;font-size:10.5px;color:#666;border-bottom:0.5px solid #eee;line-height:1.5;font-family:'Poppins',sans-serif;vertical-align:top}
.refpage .va-table tr:last-child td{border-bottom:none}
.refpage .va-table tbody tr:hover td{background:#f7f9fb}
.refpage .va-table td strong{color:#0e2841;font-weight:600}
.refpage .va-sub{display:block;font-size:9px;color:#9aa3ab;margin-top:2px}
.refpage .va-badge{display:inline-block;font-size:9px;font-weight:600;color:#27a8dd;background:rgba(39,168,221,0.08);border:0.5px solid rgba(39,168,221,0.22);padding:2px 8px;white-space:nowrap;font-family:'Poppins',sans-serif}
/* ============================================================ */
/* REFERANSER — filter-piller på lyst felt (LAGT TIL)          */
/* ============================================================ */
.refpage .ref-projects .ref-filter{margin:0 0 22px}
.refpage .ref-projects .ref-pill{background:#fff;border:0.5px solid #d9dee3;color:#5a6b7a}
.refpage .ref-projects .ref-pill:hover{color:#0e2841;border-color:rgba(39,168,221,0.6)}
.refpage .ref-projects .ref-pill.is-active{background:#27a8dd;border-color:#27a8dd;color:#fff}
/* ============================================================ */
/* BE OM OPEX-MØTE / REQUEST OPEX MEETING — CSS-TILLEGG          */
/* (ADAPTED-versjonen). Lim inn på slutten av css.docx.          */
/* Egen landingsside-layout (todelt skjerm): navy "pitch" +      */
/* hvitt skjema + svart nøkkeltall-stripe. Alt scopet under      */
/* .opexpage. Samme tokens som resten: navy #0e2841,             */
/* cyan #27a8dd, off-white #f1f1f2, Poppins, 0.5px-kanter.       */
/* MERK: koble skjemaet til Zoho sitt skjema-element for         */
/* reell innsending.                                             */
/* ============================================================ */
.opexpage{font-family:'Poppins',sans-serif;background:#f1f1f2;color:#0e2841}
.opexpage *{box-sizing:border-box}
.opexpage a{text-decoration:none;color:inherit}
/* Breadcrumb (samme som segment-/referansesidene) */
.opexpage .crumb{background:#071828;height:34px;padding:0 28px;display:flex;align-items:center;gap:6px}
.opexpage .crumb a{color:rgba(255,255,255,0.35);font-size:9px}
.opexpage .crumb a:hover{color:rgba(255,255,255,0.65)}
.opexpage .crumb-sep{color:rgba(255,255,255,0.2);font-size:9px}
.opexpage .crumb-current{color:#27a8dd;font-size:9px;font-weight:600}
/* Todelt hovedlayout — naturlig høyde (flyter med header/footer) */
.opexpage .opex-main{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
/* Venstre — pitch (navy) */
.opexpage .pitch{background:#0e2841;padding:48px 40px 48px 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.opexpage .pitch-top{position:relative;z-index:1}
.opexpage .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.opexpage .eyebrow-line{width:28px;height:2px;background:#27a8dd}
.opexpage .eyebrow-text{color:#27a8dd;font-size:10px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase}
.opexpage .pitch h1{color:#fff;font-size:34px;font-weight:600;line-height:1.1;margin-bottom:14px;font-family:'Poppins',sans-serif}
.opexpage .pitch h1 span{color:#27a8dd}
.opexpage .pitch-sub{color:rgba(255,255,255,0.6);font-size:13px;line-height:1.8;max-width:600px;margin-bottom:32px}
/* Hva du kan forvente */
.opexpage .expect{display:flex;flex-direction:column;margin-bottom:36px;max-width:760px}
.opexpage .expect-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:0.5px solid rgba(255,255,255,0.07)}
.opexpage .expect-item:first-child{padding-top:0}
.opexpage .expect-item:last-child{border-bottom:none}
.opexpage .expect-num{width:40px;height:40px;background:rgba(39,168,221,0.12);border:1px solid rgba(39,168,221,0.25);border-radius:14px 0 14px 0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.opexpage .expect-num span{color:#27a8dd;font-size:12px;font-weight:700}
.opexpage .expect-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:3px}
.opexpage .expect-desc{font-size:11px;color:rgba(255,255,255,0.45);line-height:1.55;max-width:600px}
/* Direkte kontakter */
.opexpage .pitch-contacts{position:relative;z-index:1}
.opexpage .pitch-contacts-title{font-size:9px;font-weight:600;letter-spacing:0.12em;color:rgba(255,255,255,0.28);text-transform:uppercase;margin-bottom:12px}
.opexpage .contact-pills{display:flex;flex-direction:column;gap:8px}
.opexpage .contact-pill{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.opexpage .pill-seg{font-size:9px;color:#27a8dd;font-weight:600;width:150px;flex-shrink:0;letter-spacing:0.05em}
.opexpage .pill-name{font-size:11px;color:rgba(255,255,255,0.6)}
.opexpage .pill-sep{color:rgba(255,255,255,0.15);font-size:11px}
.opexpage .pill-phone{font-size:11px;color:#27a8dd}
.opexpage .pill-phone a{color:#27a8dd}
/* Høyre — skjema (hvit) */
.opexpage .form-side{background:#fff;padding:48px 28px 48px 40px;display:flex;flex-direction:column;justify-content:center}
.opexpage .form-header{margin-bottom:28px}
.opexpage .form-header h2{font-size:22px;font-weight:600;color:#0e2841;margin-bottom:6px;font-family:'Poppins',sans-serif}
.opexpage .form-header p{font-size:12px;color:#888}
.opexpage .form-note-strip{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:26px;padding-bottom:26px;border-bottom:0.5px solid #e0e0e0}
.opexpage .fn{display:flex;align-items:center;gap:7px}
.opexpage .fn-dot{width:6px;height:6px;background:#27a8dd;flex-shrink:0}
.opexpage .fn-text{font-size:11px;color:#888}
.opexpage .form-row{margin-bottom:16px}
.opexpage .form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opexpage .form-label{font-size:10px;font-weight:600;color:#0e2841;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}
.opexpage .form-input{width:100%;background:#f1f1f2;border:0.5px solid #e0e0e0;color:#0e2841;font-size:12px;font-family:'Poppins',sans-serif;padding:11px 14px;outline:none;transition:border-color .2s ease,background .2s ease}
.opexpage .form-input:focus{border-color:#27a8dd;background:#fff}
.opexpage .form-input::placeholder{color:#888}
.opexpage textarea.form-input{resize:vertical;min-height:100px}
.opexpage select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}
/* Send-knapp — sidens primærstil (cyan, hover tømmes til outline + glød) */
.opexpage .form-submit{background:#27a8dd;color:#fff;font-size:12px;font-weight:600;padding:13px 32px;border:1px solid transparent;cursor:pointer;font-family:'Poppins',sans-serif;width:100%;margin-top:8px;letter-spacing:0.03em;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.opexpage .form-submit:hover{background:transparent;border-color:#27a8dd;color:#27a8dd;box-shadow:0 0 10px rgba(39,168,221,0.45)}
.opexpage .form-footer-note{font-size:10px;color:#888;text-align:center;margin-top:12px}
/* Nederst — nøkkeltall-stripe (svart) */
.opexpage .bottom-strip{background:#e9ebee;display:grid;grid-template-columns:repeat(4,1fr);border-top:0.5px solid #dadce0}
.opexpage .bs-item{padding:20px 28px;border-right:0.5px solid #dadce0;display:flex;align-items:center;gap:12px}
.opexpage .bs-item:last-child{border-right:none}
.opexpage .bs-val{font-size:18px;font-weight:700;color:#0e2841}
.opexpage .bs-label{font-size:10px;color:#6e7682;line-height:1.4}
/* Responsiv: stable den todelte skjermen på smale skjermer */
@media (max-width:860px){
  .opexpage .opex-main{grid-template-columns:1fr}
  .opexpage .bottom-strip{grid-template-columns:repeat(2,1fr)}
  .opexpage .pill-seg{width:auto}
  .opexpage .pitch,.opexpage .form-side{padding-left:28px;padding-right:28px}
}
/* ============================================================ */
/* SERTIFISERINGER — CSS-TILLEGG                                */
/* Lim inn på slutten av _master_css.css.                       */
/* Alt scopet under .certpage. Samme tokens/look som .refpage    */
/* og .segpage: navy #0e2841, cyan #27a8dd, mørk #071828,        */
/* off-white #f1f1f2, Poppins, 0.5px-kanter.                     */
/* CTA-bandet bruker eksisterende .cta-band / .cta-form-klasser. */
/* ============================================================ */
.certpage{font-family:'Poppins',sans-serif;background:#f1f1f2}
.certpage *{box-sizing:border-box}
/* Breadcrumb (samme stil som segment-/referansesidene) */
.certpage .crumb{background:#071828;height:34px;padding:0 28px;display:flex;align-items:center;gap:6px}
.certpage .crumb a{color:rgba(255,255,255,0.35);font-size:9px;text-decoration:none;font-family:'Poppins',sans-serif}
.certpage .crumb a:hover{color:rgba(255,255,255,0.65)}
.certpage .crumb-sep{color:rgba(255,255,255,0.2);font-size:9px}
.certpage .crumb-current{color:#27a8dd;font-size:9px;font-weight:600;font-family:'Poppins',sans-serif}
/* Header = bilde-hero, bruker de EKSISTERENDE klassene (.hero/.hero-bg/.hero-ov/
   .hero-content/.eyebrow/.eline/.etxt/.h1/.hsub/.hero-stats/.hstat) — ingen ny CSS.
   Samme hero som segment-/referansesidene. */
/* Seksjonsbånd */
.certpage .cert-section{background:#f1f1f2;padding:34px 28px}
.certpage .matrix-section{background:#fff;padding:34px 28px;border-top:0.5px solid #e4e4e6}
.certpage .fagbrev{background:#0e2841;padding:34px 28px}
/* Mørke titler på lyse bånd, hvite på blått */
.certpage .cert-section .ctitle,.certpage .matrix-section .ctitle{color:#0e2841;margin-bottom:6px}
.certpage .fagbrev .ctitle{color:#fff;margin-bottom:6px}
.certpage .fagbrev .cey{color:rgba(255,255,255,0.45)}
.certpage .sec-note{font-size:11px;color:#888;margin:0;font-family:'Poppins',sans-serif}
.certpage .fagbrev .sec-note{color:rgba(255,255,255,0.45)}
/* Sertifikat-grid + kort */
.certpage .cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.certpage .cert-card{background:#fff;border:0.5px solid #e4e4e6;padding:20px;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.certpage .cert-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px -28px rgba(14,40,65,0.5)}
.certpage .cert-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.certpage .cert-name{font-size:14px;font-weight:600;color:#0e2841;line-height:1.25;font-family:'Poppins',sans-serif}
.certpage .cert-badge{font-size:8px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:3px 9px;border:0.5px solid;white-space:nowrap;margin-top:2px;font-family:'Poppins',sans-serif}
.certpage .cert-badge.offshore{color:#27a8dd;border-color:rgba(39,168,221,0.3);background:rgba(39,168,221,0.06)}
.certpage .cert-badge.quality{color:#2c7a3a;border-color:rgba(44,122,58,0.3);background:rgba(44,122,58,0.06)}
.certpage .cert-badge.maritime{color:#8b4513;border-color:rgba(139,69,19,0.3);background:rgba(139,69,19,0.06)}
.certpage .cert-badge.steel{color:#555;border-color:rgba(85,85,85,0.3);background:rgba(85,85,85,0.06)}
.certpage .cert-badge.aqua{color:#1a7a5e;border-color:rgba(26,122,94,0.3);background:rgba(26,122,94,0.06)}
.certpage .cert-divider{width:28px;height:2px;background:#27a8dd;margin-bottom:10px}
.certpage .cert-desc{font-size:10.5px;color:#666;line-height:1.6;flex:1;font-family:'Poppins',sans-serif}
.certpage .cert-holders{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
.certpage .cert-holder{font-size:9px;color:#8a949c;border:0.5px solid #e4e4e6;padding:2px 8px;background:#f5f7f9;font-family:'Poppins',sans-serif}
.certpage .cert-detail{font-size:9.5px;color:#9aa3ab;margin-top:8px;padding-top:8px;border-top:0.5px solid #eee;font-style:italic;line-height:1.5;font-family:'Poppins',sans-serif}
/* Matrise */
.certpage .matrix-wrap{overflow-x:auto;margin-top:18px}
.certpage .matrix{width:100%;border-collapse:collapse;min-width:680px}
.certpage .matrix th{background:#0e2841;color:#fff;font-size:9px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:11px 12px;text-align:left;white-space:nowrap;font-family:'Poppins',sans-serif}
.certpage .matrix th:first-child{min-width:190px}
.certpage .matrix td{padding:10px 12px;font-size:10.5px;color:#666;border-bottom:0.5px solid #eee;vertical-align:middle;font-family:'Poppins',sans-serif}
.certpage .matrix tr:last-child td{border-bottom:none}
.certpage .matrix tbody tr:hover td{background:#f7f9fb}
.certpage .matrix td:first-child{font-weight:600;color:#0e2841;font-size:11px}
.certpage .check{color:#27a8dd;font-size:13px;font-weight:700}
.certpage .pending-dot{color:#9aa3ab;font-size:10px;font-style:italic}
.certpage .dash{color:#cfd6dc;font-size:15px}
/* Fagbrev-kort (på blått) */
.certpage .fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.certpage .fb{background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.09);padding:18px}
.certpage .fb-co{font-size:8px;font-weight:600;letter-spacing:0.1em;color:#27a8dd;text-transform:uppercase;margin-bottom:6px;font-family:'Poppins',sans-serif}
.certpage .fb-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:10px;font-family:'Poppins',sans-serif}
.certpage .fb-list{display:flex;flex-direction:column;gap:6px}
.certpage .fb-item{font-size:10px;color:rgba(255,255,255,0.5);display:flex;align-items:flex-start;gap:7px;line-height:1.45;font-family:'Poppins',sans-serif}
.certpage .fb-item::before{content:'';width:5px;height:5px;background:#27a8dd;flex-shrink:0;margin-top:5px}
/* ============================================================ */
/* BÆREKRAFT / SUSTAINABILITY — CSS-TILLEGG (.barekraftpage)     */
/* Lim inn på slutten av master-CSS. Hero + CTA bruker            */
/* EKSISTERENDE klasser (.hero/.hero-* og base .cta-band).        */
/* Tokens: navy #0e2841, cyan #27a8dd, grønn #2c7a3a, off-white   */
/* #f1f1f2, Poppins, 0.5px-kanter. Brand-hjørne 14px 0 14px 0.    */
/* ============================================================ */
.barekraftpage{font-family:'Poppins',sans-serif;background:#f1f1f2;color:#0e2841}
.barekraftpage *{box-sizing:border-box}
.barekraftpage a{text-decoration:none;color:inherit}
/* Breadcrumb */
.barekraftpage .crumb{background:#071828;height:34px;padding:0 28px;display:flex;align-items:center;gap:6px}
.barekraftpage .crumb a{color:rgba(255,255,255,0.35);font-size:9px}
.barekraftpage .crumb a:hover{color:rgba(255,255,255,0.65)}
.barekraftpage .crumb-sep{color:rgba(255,255,255,0.2);font-size:9px}
.barekraftpage .crumb-current{color:#27a8dd;font-size:9px;font-weight:600}
/* Seksjonstittel (gjenbruker .ceyebrow/.cline/.cey + .ctitle) */
.barekraftpage .ctitle{font-size:18px;font-weight:600;color:#0e2841;margin-bottom:6px}
/* Nøkkeltall-stripe (lys, 5 kolonner — som segmentenes diff-strip) */
.barekraftpage .tall-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:0.5px solid #e4e4e6;border-bottom:0.5px solid #e4e4e6}
.barekraftpage .tall{padding:22px 18px;border-right:0.5px solid #eee}
.barekraftpage .tall:last-child{border-right:none}
.barekraftpage .tall-val{font-size:24px;font-weight:700;color:#0e2841;line-height:1;margin-bottom:6px}
.barekraftpage .tall-label{font-size:9.5px;color:#6e7682;line-height:1.4}
/* Intro (todelt) */
.barekraftpage .intro{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.barekraftpage .intro-left{padding:34px 28px;border-right:0.5px solid #e4e4e6}
.barekraftpage .intro-right{padding:34px 28px;background:#f9f9f9}
.barekraftpage .intro-left p{font-size:11.5px;color:#666;line-height:1.85}
.barekraftpage .intro-left p+p{margin-top:14px}
.barekraftpage .intro-left strong,.barekraftpage .intro-li strong{color:#0e2841}
.barekraftpage .claim{background:rgba(44,122,58,0.06);border-left:3px solid #2c7a3a;padding:14px 16px;margin-top:20px}
.barekraftpage .claim-text{font-size:12.5px;font-weight:600;color:#2c7a3a;line-height:1.45}
.barekraftpage .intro-list{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.barekraftpage .intro-li{display:flex;align-items:flex-start;gap:10px}
.barekraftpage .intro-dot{width:7px;height:7px;background:#27a8dd;flex-shrink:0;margin-top:4px}
.barekraftpage .intro-li div{font-size:11px;color:#666;line-height:1.65}
/* Argumenter (6 kort) */
.barekraftpage .args{background:#f1f1f2;padding:34px 28px}
.barekraftpage .args-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.barekraftpage .arg{background:#fff;border:0.5px solid #e4e4e6;padding:22px;display:flex;flex-direction:column}
.barekraftpage .arg-icon{width:40px;height:40px;background:#0e2841;border-radius:14px 0 14px 0;display:flex;align-items:center;justify-content:center;margin-bottom:14px;flex-shrink:0}
.barekraftpage .arg-icon span{font-size:16px}
.barekraftpage .arg-val{font-size:20px;font-weight:700;color:#27a8dd;margin-bottom:4px}
.barekraftpage .arg-title{font-size:12.5px;font-weight:600;color:#0e2841;margin-bottom:8px;line-height:1.3}
.barekraftpage .arg-desc{font-size:10.5px;color:#666;line-height:1.65;flex:1}
.barekraftpage .arg-examples{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.barekraftpage .arg-ex{font-size:9px;color:#8a949c;border:0.5px solid #e4e4e6;padding:2px 8px;background:#f5f7f9}
/* Rehabilitering vs. utskifting */
.barekraftpage .rehab{background:#fff;padding:34px 28px;border-top:0.5px solid #e4e4e6}
.barekraftpage .rehab-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.barekraftpage .rehab p{font-size:11.5px;color:#666;line-height:1.8}
.barekraftpage .rehab p+p{margin-top:12px}
.barekraftpage .compare{display:flex;flex-direction:column;gap:10px}
.barekraftpage .compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center}
.barekraftpage .compare-label{font-size:11px;font-weight:600;color:#0e2841}
.barekraftpage .compare-head-old{text-align:center;font-size:10px;font-weight:600;color:#888;padding:8px}
.barekraftpage .compare-head-new{text-align:center;font-size:10px;font-weight:600;color:#2c7a3a;padding:8px}
.barekraftpage .compare-old{background:#f9f9f9;border:0.5px solid #e4e4e6;padding:10px 12px;text-align:center}
.barekraftpage .compare-old-val{font-size:13px;font-weight:700;color:#c0392b}
.barekraftpage .compare-old-label{font-size:9px;color:#888;margin-top:2px}
.barekraftpage .compare-new{background:rgba(44,122,58,0.06);border:0.5px solid rgba(44,122,58,0.2);padding:10px 12px;text-align:center}
.barekraftpage .compare-new-val{font-size:13px;font-weight:700;color:#2c7a3a}
.barekraftpage .compare-new-label{font-size:9px;color:#888;margin-top:2px}
/* Sirkulær (blått) */
.barekraftpage .sirkulaer{background:#0e2841;padding:34px 28px}
.barekraftpage .sirkulaer .cey{color:rgba(255,255,255,0.45)}
.barekraftpage .sirkulaer .ctitle{color:#fff;font-size:20px;margin-bottom:12px;line-height:1.25}
.barekraftpage .sir-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.barekraftpage .sirkulaer p{font-size:11.5px;color:rgba(255,255,255,0.55);line-height:1.8}
.barekraftpage .sirkulaer p+p{margin-top:12px}
.barekraftpage .sir-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.barekraftpage .sir-kpi{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.1);padding:18px}
.barekraftpage .sir-val{font-size:20px;font-weight:700;color:#27a8dd}
.barekraftpage .sir-label{font-size:10px;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}
/* Åpenhetsloven-bånd */
.barekraftpage .aapenhetslov{background:#f1f1f2;padding:34px 28px;border-top:0.5px solid #e4e4e6}
.barekraftpage .ap-inner{display:flex;align-items:flex-start;gap:20px}
.barekraftpage .ap-icon{width:48px;height:48px;background:#0e2841;border-radius:14px 0 14px 0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.barekraftpage .ap-icon span{color:#27a8dd;font-size:18px;font-weight:700}
.barekraftpage .ap-title{font-size:14px;font-weight:600;color:#0e2841;margin-bottom:6px}
.barekraftpage .ap-desc{font-size:11.5px;color:#666;line-height:1.7}
.barekraftpage .ap-link{font-size:11px;color:#27a8dd;margin-top:8px;display:inline-block}
/* CTA — CEO-kontaktvariant (base .cta-band gir navy innhold + bilde) */
.barekraftpage .cta-role{color:rgba(255,255,255,0.4);font-size:9px;text-transform:uppercase;letter-spacing:0.08em}
.barekraftpage .cta-name{color:#fff;font-size:13px;font-weight:600;margin-top:3px}
.barekraftpage .cta-info{margin-top:2px}
.barekraftpage .cta-info a{color:#27a8dd;font-size:11px}
/* Fjern den blå streken (.blight) under alle hero-seksjoner (site-wide) */
.blight,.segpage .blight,.refpage .blight{display:none}
/* ============================================================ */
/* TJENESTE-SIDER (Build / Protect / Extend / Fleet) — TILLEGG   */
/* Disse sidene bygges som .segpage og gjenbruker ALLE eksisterende */
/* segment-klasser. ENESTE nye seksjon er "Materialer" (navy).    */
/* Lim inn på slutten av master-CSS.                              */
/* ============================================================ */
.segpage .materialer{background:#0e2841;padding:38px 28px}
.segpage .materialer .sey{color:rgba(255,255,255,0.45)}
.segpage .materialer .stitle{color:#fff}
.segpage .materialer .msub{font-size:11px;color:rgba(255,255,255,0.5);line-height:1.7;font-family:'Poppins',sans-serif;margin-top:4px}
.segpage .mat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.segpage .mat{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.1);padding:18px}
.segpage .mat-name{font-size:15px;font-weight:700;color:#27a8dd;margin-bottom:8px;font-family:'Poppins',sans-serif}
.segpage .mat-apps{font-size:10.5px;color:rgba(255,255,255,0.5);line-height:1.6;font-family:'Poppins',sans-serif}
.segpage .mat-badge{font-size:8.5px;color:#27a8dd;border:0.5px solid rgba(39,168,221,0.3);padding:3px 9px;margin-top:12px;display:inline-block;font-family:'Poppins',sans-serif}
/* ============================================================ */
/* FEATURE-SEKSJON (narrativ + KPI-grid, todelt) — brukt på      */
/* Protect (Oxiblast = navy, HMS = lys). Gjenbrukbar.            */
/* ============================================================ */
.segpage .feature{padding:48px 28px}
.segpage .feature.feat-navy{background:#0e2841}
.segpage .feature.feat-light{background:#fff;border-top:0.5px solid #e0e0e0}
.segpage .feat-navy .sey{color:rgba(255,255,255,0.45)}
.segpage .feat-navy .stitle{color:#fff}
.segpage .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:22px}
.segpage .feat-h{font-size:19px;font-weight:600;line-height:1.3;margin-bottom:12px;font-family:'Poppins',sans-serif;color:#0e2841}
.segpage .feat-navy .feat-h{color:#fff}
.segpage .feat-p{font-size:12px;line-height:1.8;font-family:'Poppins',sans-serif;color:#555}
.segpage .feat-navy .feat-p{color:rgba(255,255,255,0.55)}
.segpage .feat-p+.feat-p{margin-top:12px}
.segpage .feat-tag{display:inline-block;font-size:10px;font-weight:600;background:rgba(39,168,221,0.12);color:#27a8dd;padding:4px 12px;margin-top:14px;border:0.5px solid rgba(39,168,221,0.25);font-family:'Poppins',sans-serif}
.segpage .kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.segpage .kc{padding:18px;border:0.5px solid #e0e0e0;background:#f9f9f9}
.segpage .feat-navy .kc{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1)}
.segpage .kc-val{font-size:24px;font-weight:700;color:#0e2841;font-family:'Poppins',sans-serif;line-height:1}
.segpage .feat-navy .kc-val{color:#27a8dd}
.segpage .kc-label{font-size:10px;margin-top:5px;line-height:1.4;font-family:'Poppins',sans-serif;color:#888}
.segpage .feat-navy .kc-label{color:rgba(255,255,255,0.45)}
/* ============================================================ */
/* AVTALEINNHOLD (navy 2-kol: sjekkliste + resultatboks) — brukt */
/* på Fleet Life Extension. Gjenbrukbar.                         */
/* ============================================================ */
.segpage .avtale{background:#0e2841;padding:48px 28px}
.segpage .avtale .sey{color:rgba(255,255,255,0.45)}
.segpage .avtale .stitle{color:#fff}
.segpage .av-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:22px;align-items:start}
.segpage .av-list{display:flex;flex-direction:column;gap:10px}
.segpage .av-item{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.1);padding:16px 20px;display:flex;align-items:flex-start;gap:12px}
.segpage .av-icon{color:#27a8dd;font-size:14px;font-weight:700;flex-shrink:0;margin-top:1px;font-family:'Poppins',sans-serif}
.segpage .av-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:3px;font-family:'Poppins',sans-serif}
.segpage .av-desc{font-size:10px;color:rgba(255,255,255,0.45);line-height:1.55;font-family:'Poppins',sans-serif}
.segpage .av-result{background:rgba(39,168,221,0.08);border:0.5px solid rgba(39,168,221,0.2);padding:24px}
.segpage .av-result-title{font-size:14px;font-weight:600;color:#27a8dd;margin-bottom:16px;font-family:'Poppins',sans-serif}
.segpage .av-result-items{display:flex;flex-direction:column;gap:8px}
.segpage .av-result-item{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:rgba(255,255,255,0.65);line-height:1.5;font-family:'Poppins',sans-serif}
.segpage .av-result-dot{width:6px;height:6px;background:#27a8dd;flex-shrink:0;margin-top:5px}
/* ============================================================ */
/* SELSKAPSSIDER (Pipeliner / Odda Plast / Herde Kompositt /     */
/* KB Stålindustri / OP Industriservice / Odda Service) — TILLEGG */
/* Sidene bygges som .segpage og gjenbruker ALLE eksisterende     */
/* segment/tjeneste-klasser (hero, diff-strip, intro, tjenester,  */
/* .feature, .materialer, .cases, cta). ENESTE nye seksjoner:     */
/* Kunder, Konsern-kobling og en liten Lokasjon-boks.            */
/* Lim inn på slutten av master-CSS (etter services-tillegget).   */
/* ============================================================ */
/* LOKASJON-BOKS (i intro-right under cert-list) */
.segpage .loc-box{margin-top:18px;padding:14px 16px;background:#f1f1f2;border:0.5px solid #e0e0e0}
.segpage .loc-title{font-size:10px;font-weight:600;color:#0e2841;margin-bottom:4px;font-family:'Poppins',sans-serif}
.segpage .loc-text{font-size:11px;color:#555;line-height:1.6;font-family:'Poppins',sans-serif}
.segpage .loc-text a{color:#27a8dd;text-decoration:none}
/* KUNDER (lys seksjon med pill-liste) */
.segpage .kunder{background:#f1f1f2;padding:36px 28px;border-top:0.5px solid #e0e0e0}
.segpage .kunde-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.segpage .kunde{background:#fff;border:0.5px solid #e0e0e0;padding:6px 14px;font-size:11px;color:#555;font-family:'Poppins',sans-serif}
/* KONSERN-KOBLING (todelt: narrativ + selskapslenker) */
.segpage .konsern{background:#fff;padding:44px 28px;border-top:0.5px solid #e0e0e0}
.segpage .konsern-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.segpage .konsern .stitle{margin-top:2px}
.segpage .konsern p{font-size:12px;color:#555;line-height:1.8;font-family:'Poppins',sans-serif;margin-top:6px}
.segpage .co-links{display:flex;flex-direction:column;gap:8px}
.segpage .co-link{background:#f1f1f2;border:0.5px solid #e0e0e0;border-left:3px solid #0e2841;padding:12px 16px;display:flex;align-items:center;gap:12px}
.segpage .co-link-icon{width:26px;height:26px;background:#0e2841;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.segpage .co-link-icon span{color:#27a8dd;font-size:9px;font-weight:700;font-family:'Poppins',sans-serif}
.segpage .co-link-name{font-size:11px;font-weight:600;color:#0e2841;font-family:'Poppins',sans-serif}
.segpage .co-link-role{font-size:10px;color:#888;margin-top:1px;line-height:1.45;font-family:'Poppins',sans-serif}
/* MARKEDER (navy 3-kol segment-grid) — brukt på Odda Plast */
.segpage .markeder{background:#0e2841;padding:48px 28px}
.segpage .markeder .sey{color:rgba(255,255,255,0.45)}
.segpage .markeder .stitle{color:#fff}
.segpage .mkt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.segpage .mkt{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.1);padding:18px}
.segpage .mkt-label{font-size:9px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#27a8dd;margin-bottom:8px;font-family:'Poppins',sans-serif}
.segpage .mkt-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:6px;font-family:'Poppins',sans-serif}
.segpage .mkt-desc{font-size:10.5px;color:rgba(255,255,255,0.5);line-height:1.6;font-family:'Poppins',sans-serif}
.segs .slead,
.cos .slead{
  font-family:'Poppins',sans-serif !important;
  font-weight:300 !important;
  font-size:1.125rem !important;
  line-height:1.5 !important;
  color:#0E2841 !important;
  margin:8px 0 28px !important;
  max-width:60ch;
}

/* ============================================================ */
/* QHSE — CSS-TILLEGG                                            */
/* Lim inn på slutten av master-CSS (etter .barekraftpage-blokken).*/
/* Alt scopet under .qhsepage. Samme tokens/look som .certpage/  */
/* .barekraftpage: navy #0e2841, cyan #27a8dd, mørk #071828,     */
/* off-white #f1f1f2, Poppins, 0.5px-kanter, core-shape           */
/* radius 14px 0 14px 0 på ikon-flisene.                          */
/* Header = EKSISTERENDE hero-klasser (.hero/.hero-bg/.hero-ov/   */
/* .hero-content/.eyebrow/.eline/.etxt/.h1/.hsub/.hero-stats/      */
/* .hstat) — ingen ny CSS. Seksjonstitler bruker EKSISTERENDE      */
/* .ceyebrow/.cline/.cey + .ctitle (+ .sec-note). CTA-bandet       */
/* bruker eksisterende .cta-band + .cta-role/.cta-name/.cta-info  */
/* (samme "navngitt kontakt"-variant som .barekraftpage brukte).  */
/* ============================================================ */

.qhsepage{font-family:'Poppins',sans-serif;background:#f1f1f2;color:#0e2841}
.qhsepage *{box-sizing:border-box}
.qhsepage a{text-decoration:none;color:inherit}

/* Breadcrumb (samme stil som de andre standalone-sidene) */
.qhsepage .crumb{background:#071828;height:34px;padding:0 28px;display:flex;align-items:center;gap:6px}
.qhsepage .crumb a{color:rgba(255,255,255,0.35);font-size:9px;font-family:'Poppins',sans-serif}
.qhsepage .crumb a:hover{color:rgba(255,255,255,0.65)}
.qhsepage .crumb-sep{color:rgba(255,255,255,0.2);font-size:9px}
.qhsepage .crumb-current{color:#27a8dd;font-size:9px;font-weight:600;font-family:'Poppins',sans-serif}

/* ---- Intro-split (tekst + kontaktkort), samme mønster som .barekraftpage .intro ---- */
.qhsepage .intro{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.qhsepage .intro-left{padding:34px 28px;border-right:0.5px solid #e4e4e6}
.qhsepage .intro-right{padding:34px 28px;background:#f9f9f9}
.qhsepage .intro-left .ctitle,.qhsepage .intro-right .ctitle{color:#0e2841}
.qhsepage .intro-left p{font-size:11.5px;color:#666;line-height:1.85}
.qhsepage .intro-left p+p{margin-top:14px}
.qhsepage .contact-card{background:#f1f1f2;border:0.5px solid #e4e4e6;border-left:3px solid #27a8dd;padding:16px}
.qhsepage .contact-lbl{font-size:9px;font-weight:600;letter-spacing:0.1em;color:#27a8dd;text-transform:uppercase;margin-bottom:8px;font-family:'Poppins',sans-serif}
.qhsepage .contact-name{font-size:12px;font-weight:600;color:#0e2841;margin-bottom:4px;font-family:'Poppins',sans-serif}
.qhsepage .contact-role{font-size:11px;color:#666;font-family:'Poppins',sans-serif}
.qhsepage .contact-email{font-size:11px;color:#27a8dd;margin-top:6px;font-family:'Poppins',sans-serif}

/* ---- Fire pilarer (Q/H/M/S) ---- */
.qhsepage .pillars{background:#f1f1f2;padding:34px 28px}
.qhsepage .pillars .ctitle{color:#0e2841}
.qhsepage .pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e4e4e6;margin-top:20px}
.qhsepage .pillar{background:#fff;padding:24px;display:flex;gap:16px;align-items:flex-start}
.qhsepage .pillar-icon{width:40px;height:40px;background:#0e2841;border-radius:14px 0 14px 0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qhsepage .pillar-icon span{color:#27a8dd;font-size:16px;font-weight:700;font-family:'Poppins',sans-serif}
.qhsepage .pillar-title{font-size:13px;font-weight:600;color:#0e2841;margin-bottom:6px;font-family:'Poppins',sans-serif}
.qhsepage .pillar-desc{font-size:10.5px;color:#666;line-height:1.7}
.qhsepage .pillar-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.qhsepage .pillar-tag{font-size:9px;color:#8a949c;border:0.5px solid #e4e4e6;padding:2px 8px;background:#f5f7f9;font-family:'Poppins',sans-serif}

/* ---- Sertifiseringer-oppsummering (navy, samme kort-stil som .fb) ---- */
.qhsepage .serts{background:#0e2841;padding:34px 28px}
.qhsepage .serts .cey{color:rgba(255,255,255,0.45)}
.qhsepage .serts .ctitle{color:#fff}
.qhsepage .serts .sec-note{color:rgba(255,255,255,0.45)}
.qhsepage .serts .sec-note a{color:#27a8dd}
.qhsepage .serts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.qhsepage .sert{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.1);padding:18px}
.qhsepage .sert-name{font-size:13px;font-weight:700;color:#27a8dd;margin-bottom:6px;font-family:'Poppins',sans-serif}
.qhsepage .sert-desc{font-size:10.5px;color:rgba(255,255,255,0.45);line-height:1.6}
.qhsepage .sert-badge{font-size:8.5px;color:#27a8dd;border:0.5px solid rgba(39,168,221,0.25);padding:3px 9px;margin-top:10px;display:inline-block;font-family:'Poppins',sans-serif}

/* ---- HMS i praksis (hvit, cyan topp-kant) ---- */
.qhsepage .hms{background:#fff;padding:34px 28px;border-top:0.5px solid #e4e4e6}
.qhsepage .hms .ctitle{color:#0e2841}
.qhsepage .hms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.qhsepage .tiltak{background:#f1f1f2;border:0.5px solid #e4e4e6;border-top:3px solid #27a8dd;padding:18px}
.qhsepage .tiltak-title{font-size:12px;font-weight:600;color:#0e2841;margin-bottom:6px;font-family:'Poppins',sans-serif}
.qhsepage .tiltak-desc{font-size:10.5px;color:#666;line-height:1.65}

/* ---- Godkjente opplæringsbedrifter (lys variant av .fb-*) ---- */
.qhsepage .got{background:#f1f1f2;padding:34px 28px;border-top:0.5px solid #e4e4e6}
.qhsepage .got .ctitle{color:#0e2841}
.qhsepage .fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.qhsepage .fb{background:#fff;border:0.5px solid #e4e4e6;padding:18px}
.qhsepage .fb-co{font-size:8px;font-weight:600;letter-spacing:0.1em;color:#27a8dd;text-transform:uppercase;margin-bottom:6px;font-family:'Poppins',sans-serif}
.qhsepage .fb-title{font-size:12px;font-weight:600;color:#0e2841;margin-bottom:10px;font-family:'Poppins',sans-serif}
.qhsepage .fb-list{display:flex;flex-direction:column;gap:6px}
.qhsepage .fb-item{font-size:10px;color:#666;display:flex;align-items:flex-start;gap:7px;line-height:1.45;font-family:'Poppins',sans-serif}
.qhsepage .fb-item::before{content:'';width:5px;height:5px;background:#27a8dd;flex-shrink:0;margin-top:5px}

/* ---- Åpenhetsloven (identisk mønster som .barekraftpage .aapenhetslov) ---- */
.qhsepage .aapenhetslov{background:#fff;padding:34px 28px;border-top:0.5px solid #e4e4e6}
.qhsepage .ap-inner{display:flex;align-items:flex-start;gap:20px;max-width:820px}
.qhsepage .ap-icon{width:48px;height:48px;background:#0e2841;border-radius:14px 0 14px 0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qhsepage .ap-icon span{color:#27a8dd;font-size:18px;font-weight:700}
.qhsepage .ap-title{font-size:14px;font-weight:600;color:#0e2841;margin-bottom:6px;font-family:'Poppins',sans-serif}
.qhsepage .ap-desc{font-size:11.5px;color:#666;line-height:1.7}
.qhsepage .ap-link{font-size:11px;color:#27a8dd;margin-top:8px;display:inline-block}

/* ---- CTA — navngitt kontakt-variant (samme klasser som .barekraftpage brukte) ---- */
.qhsepage .cta-contacts{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.qhsepage .cta-role{color:rgba(255,255,255,0.4);font-size:9px;text-transform:uppercase;letter-spacing:0.08em;font-family:'Poppins',sans-serif}
.qhsepage .cta-name{color:#fff;font-size:13px;font-weight:600;margin-top:3px;font-family:'Poppins',sans-serif}
.qhsepage .cta-info{margin-top:2px}
.qhsepage .cta-info a{color:#27a8dd;font-size:11px}
.qhsepage .cta-note{font-size:9.5px;color:rgba(255,255,255,0.28);margin-top:14px;line-height:1.6;padding-top:14px;border-top:0.5px solid rgba(255,255,255,0.08);font-family:'Poppins',sans-serif}
/* Dokumentasjons-panel i CTA-bandets bilde-kolonne (ingen bilde levert — se merknad) */
.qhsepage .doc-panel{background:#0a1e30;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:center}
.qhsepage .doc-lbl{font-size:10px;font-weight:600;letter-spacing:0.1em;color:#27a8dd;text-transform:uppercase;margin-bottom:16px;font-family:'Poppins',sans-serif}
.qhsepage .doc-list{display:flex;flex-direction:column;gap:10px}
.qhsepage .doc-item{display:flex;align-items:center;gap:10px}
.qhsepage .doc-dot{width:6px;height:6px;background:#27a8dd;flex-shrink:0}
.qhsepage .doc-item span{font-size:11px;color:rgba(255,255,255,0.6);font-family:'Poppins',sans-serif}