/* ============================================================
   LifeTrack — För företag. Builds on styles.css tokens.
   ============================================================ */

.biz h1,.biz h2,.biz h3,.biz h4{font-weight:300}
.biz em{font-style:normal;color:var(--accent)}

/* ---------- HERO ---------- */
.biz-hero{position:relative;margin:1rem 1rem 0;border-radius:var(--r-xl) var(--r-xl) 0 0;
  background:linear-gradient(90deg,rgba(12,12,12,.82) 0%,rgba(12,12,12,.55) 34%,rgba(12,12,12,.12) 66%,rgba(12,12,12,0) 100%),url("images/foretag-hero.jpg") center / cover no-repeat;
  overflow:hidden;
  padding:clamp(150px,24vh,290px) 0 clamp(56px,6vw,84px)}
.biz-hero-inner{max-width:var(--maxw);margin-inline:auto;padding-inline:calc(var(--gut) - 1rem);position:relative;z-index:1;text-align:left}
.biz-fingerprint{display:none;position:absolute;bottom:clamp(-260px,-22vw,-160px);right:clamp(-200px,-14vw,-110px);
  width:clamp(420px,50vw,760px);aspect-ratio:1446/1897;opacity:.07;transform:rotate(315deg);
  background:linear-gradient(135deg,#ffffff 0%,#ffffff 70%);pointer-events:none;user-select:none;z-index:0;
  -webkit-mask:url("images/fingerprint-mark.svg") no-repeat center / contain;
  mask:url("images/fingerprint-mark.svg") no-repeat center / contain}
.biz-hero .eyebrow{margin-bottom:24px;color:var(--accent)}
.biz-hero .eyebrow::before{display:none}
.biz-hero h1{font-size:clamp(40px,6.4vw,82px);letter-spacing:-0.045em;line-height:1.0;text-wrap:balance;max-width:16ch;color:#fff}
.biz-hero p{margin-top:28px;max-width:56ch;color:#fff;
  font-size:clamp(17px,1.8vw,21px);line-height:1.55;text-wrap:pretty}
.biz-hero h1 em{color:#fff}
.biz-hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:clamp(34px,4vw,44px)}
.biz-hero-cta .btn:hover{transform:none}
.biz-hero-tel{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.82);
  font-size:15px;text-decoration:underline;text-underline-offset:3px;transition:color .2s}
.biz-hero-tel:hover{color:#fff}
.biz-hero-tel svg{flex:none}
.biz-hero-points{list-style:none;margin:clamp(22px,2.6vw,30px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,max-content);gap:13px clamp(28px,4vw,52px)}
.biz-hero-points li{display:flex;align-items:center;gap:10px;color:#fff;
  font-size:clamp(15px,1.6vw,18px);font-weight:500;letter-spacing:-0.01em}
.biz-hero-points svg{width:20px;height:20px;color:var(--accent);flex:none}
@media(max-width:520px){.biz-hero-points{grid-template-columns:max-content max-content;gap:11px 14px}
  .biz-hero-points li{font-size:14px;white-space:nowrap;gap:8px}}
.biz-hero .btn-primary{box-shadow:none;padding-inline:40px}
.biz-hero .btn-primary:hover{box-shadow:none}
.biz-hero .btn-ghost{border-color:rgba(255,255,255,.28);color:#fff}
.biz-hero .btn-ghost:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.06)}

/* generic section head */
.biz-head{max-width:46ch;margin-bottom:clamp(36px,4.4vw,56px)}
.biz-head .eyebrow{margin-bottom:18px}
.biz-head h2{font-size:clamp(30px,4.2vw,50px);letter-spacing:-0.035em;line-height:1.05;text-wrap:balance}
.biz-head p{margin-top:20px;color:var(--ink-soft);font-size:clamp(17px,1.6vw,19px);line-height:1.6;max-width:54ch}

/* ---------- VALUE BULLETS ---------- */
.biz-value{background:var(--surface)}
.biz-value .biz-head{max-width:64ch;margin-inline:auto;text-align:center}
.biz-value .biz-head p{max-width:60ch;margin-inline:auto}
.biz-value-row{list-style:none;margin:clamp(24px,3vw,34px) 0 0;padding:0;
  display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;
  gap:0;font-size:21px;color:var(--ink);font-weight:300;white-space:nowrap}
.biz-value-row li{display:flex;align-items:center}
.biz-value-row li:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:50%;
  background:var(--accent);margin:0 clamp(12px,1.4vw,22px);flex:none}
.biz-stats-block{margin-top:clamp(40px,5vw,72px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.biz-value-stats{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(24px,4vw,64px);margin-top:clamp(28px,3vw,40px)}
.biz-stats-lead{text-align:center;margin:0;
  font-size:clamp(18px,2vw,24px);font-weight:300;letter-spacing:-0.02em;color:var(--ink)}
.biz-vstat{display:flex;flex-direction:column;gap:clamp(8px,1vw,14px);text-align:center;align-items:center}
.biz-vstat .v{font-family:var(--font);font-weight:400;letter-spacing:-0.1em;line-height:.88;
  font-size:120px;color:var(--accent)}
.biz-vstat .l{font-size:clamp(15px,1.7vw,20px);color:var(--ink-soft);line-height:1.3}
.biz-vstat-src{display:block;margin-top:clamp(18px,2vw,26px);font-size:12.5px;color:var(--muted);
  letter-spacing:.04em;text-transform:uppercase;text-align:center}
@media(max-width:720px){
  .biz-value-stats{grid-template-columns:1fr;gap:30px}
}

/* two-column variant */
.biz-2col-header{max-width:none;margin-bottom:clamp(24px,3vw,44px)}
.biz-2col-header .eyebrow{margin-bottom:20px}
.biz-2col-header .eyebrow::before{display:none}
.biz-2col-title{font-size:clamp(34px,5vw,60px);letter-spacing:-0.045em;line-height:1.05;
  text-wrap:balance;max-width:18ch}
.biz-compare-2col .biz-2col-grid{display:grid;grid-template-columns:1.05fr 0.95fr;
  gap:clamp(40px,6vw,96px);align-items:start}
.biz-2col-left{text-align:left;max-width:54ch}
.biz-compare-2col .biz-2col-grid--single{grid-template-columns:min(720px,100%);justify-content:center}
.biz-2col-grid--single .biz-2col-left{max-width:none}
.biz-compare-2col .biz-2col-header{text-align:center}
.biz-compare-2col .biz-2col-header .eyebrow{justify-content:center}
.biz-compare-2col .biz-2col-title{margin-inline:auto}
.biz-compare-2col .biz-2col-grid--single .biz-2col-left > p{text-align:center;max-width:60ch;margin-inline:auto}
@media(max-width:640px){
  .biz-compare-2col .biz-2col-header{text-align:left}
  .biz-compare-2col .biz-2col-header .eyebrow{justify-content:flex-start}
  .biz-compare-2col .biz-2col-title{margin-inline:0}
  .biz-compare-2col .biz-2col-grid--single .biz-2col-left > p{text-align:left;margin-inline:0}
}
.biz-2col-left .eyebrow{margin-bottom:18px}
.biz-2col-left .eyebrow::before{display:none}
.biz-2col-left h2{font-size:clamp(30px,4.2vw,50px);letter-spacing:-0.035em;line-height:1.05;text-wrap:balance}
.biz-2col-left p{margin-top:0;color:var(--ink-soft);font-size:clamp(17px,1.6vw,19px);line-height:1.6}
.biz-2col-checks{list-style:none;margin:clamp(24px,3vw,32px) 0 0;padding:0;
  display:flex;flex-direction:column;gap:14px}
.biz-2col-checks li{display:flex;gap:12px;align-items:center;font-size:clamp(15px,1.5vw,17px);
  line-height:1.35;font-weight:500;color:var(--ink)}
.biz-2col-checks .mk{display:inline-flex;flex:none;color:var(--accent)}
/* two-column comparison (Traditionell vs LifeTrack) — flat grid so each
   row is a matched pair (reaktiv↔proaktiv, …) that aligns horizontally */
.biz-vs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:clamp(24px,3vw,32px);
  border-radius:16px;overflow:hidden}
.biz-vs-head{padding:clamp(16px,1.8vw,22px) clamp(15px,1.5vw,20px) clamp(12px,1.3vw,15px);
  font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.biz-vs-head-trad{background:#f9f5f2;color:var(--muted)}
.biz-vs-head-lt{background:rgba(232,116,31,.1);color:var(--accent)}
.biz-vs-cell{display:flex;gap:9px;align-items:flex-start;
  padding:clamp(11px,1.3vw,14px) clamp(15px,1.5vw,20px);
  font-size:clamp(13.5px,1.35vw,15px);line-height:1.3;text-wrap:pretty;
  border-top:1px solid rgba(20,14,8,.06)}
.biz-vs-cell::before{flex:none;font-weight:600}
.biz-vs-cell.trad{background:#f9f5f2;color:var(--ink)}
.biz-vs-cell.trad::before{content:"\2013";color:var(--muted);font-weight:400}
.biz-vs-cell.lt{background:rgba(232,116,31,.1);color:var(--ink)}
.biz-vs-cell.lt .mbr-check{margin-top:0;background:transparent;color:var(--accent);width:19px;height:19px}
.biz-vs-cell.lt .mbr-check svg{width:19px;height:19px}
/* extra breathing room below the last row */
.biz-vs-cell:nth-last-child(-n+2){padding-bottom:clamp(20px,2.4vw,28px)}
.biz-2col-right{margin-top:310px}
.biz-2col-rtitle{margin:0 0 clamp(12px,1.5vw,18px);font-size:clamp(26px,3.2vw,40px);font-weight:300;letter-spacing:-0.03em;line-height:1.08;color:var(--ink);text-wrap:balance}
.biz-2col-pretitle{margin:0 0 clamp(12px,1.6vw,20px);font-size:clamp(16px,1.6vw,19px);font-weight:300;
  letter-spacing:normal;text-transform:none;color:var(--ink-soft);line-height:1.5;text-wrap:pretty}
.biz-2col-metrics{display:flex;flex-direction:column}
.biz-2col-metric{display:flex;align-items:baseline;gap:clamp(16px,2vw,28px);
  padding:clamp(20px,2.4vw,30px) 0}
.biz-2col-metric:not(:last-child){border-bottom:1px solid var(--line)}
.biz-2col-metric .v{font-family:var(--font);font-weight:400;letter-spacing:-0.08em;line-height:.85;
  font-size:clamp(56px,7vw,92px);color:var(--accent);flex:none;min-width:2.6ch;text-align:right}
.biz-2col-metric .l{font-size:clamp(16px,1.7vw,20px);font-weight:400;color:var(--ink-soft);line-height:1.3}
.biz-compare-2col .biz-vstat-src{text-align:left;margin-top:clamp(14px,1.6vw,20px)}
.biz-2col-outro{margin:clamp(20px,2.4vw,28px) 0 0;padding-top:clamp(18px,2vw,24px);border-top:1px solid var(--line);
  font-size:16px;line-height:1.55;color:var(--ink);text-wrap:pretty}
@media(max-width:820px){
  .biz-compare-2col .biz-2col-grid{grid-template-columns:1fr;gap:clamp(48px,13vw,72px)}
  .biz-2col-left{max-width:none}
  .biz-2col-right{margin-top:0}
}
.biz-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,44px)}
.biz-vcard{display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center}
.biz-vcard .n{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--accent);font-variant-numeric:tabular-nums}
.biz-vcard h3{font-size:clamp(18px,1.8vw,21px);letter-spacing:-0.02em;line-height:1.18}
.biz-vcard p{font-size:14.5px;color:var(--ink-soft);line-height:1.55}
@media(max-width:920px){.biz-value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.biz-value-grid{grid-template-columns:1fr}}

/* ---------- COST / ROI (editorial ledger) ---------- */
.biz-cost{background:var(--cream);margin:0 1rem;border-radius:0 0 var(--r-xl) var(--r-xl);padding-bottom:clamp(36px,4.5vw,60px)}
.biz-cost > .wrap{padding-inline:calc(var(--gut) - 1rem)}
/* answer band — the ROI/return, as a reply to the cost of ill health */
.biz-answer{margin-top:clamp(28px,3.6vw,48px);padding-top:clamp(30px,3.6vw,48px);border-top:1px solid var(--line)}
.biz-answer-head{max-width:none;margin-bottom:clamp(8px,1.2vw,16px)}
.biz-answer-head .eyebrow{margin-bottom:16px;color:var(--accent)}
.biz-answer-head .eyebrow::before{display:none}
.biz-answer-title{font-size:40px;letter-spacing:-0.04em;line-height:1.03;color:var(--ink);text-wrap:pretty}
@media(max-width:640px){ .biz-answer-title{font-size:26px} }
.biz-compare-cta{margin-top:clamp(22px,2.8vw,34px);display:flex;justify-content:center}
.biz-compare-cta .btn,.biz-compare-cta .btn:hover{transform:none;box-shadow:none}
.biz-answer-pretitle{margin-top:clamp(12px,1.4vw,18px);font-size:clamp(16px,1.6vw,19px);color:var(--ink-soft);line-height:1.5;text-wrap:pretty;max-width:52ch}
.biz-answer-metrics{display:grid;grid-template-columns:repeat(3,max-content);justify-content:start;gap:clamp(28px,3.4vw,48px);
  margin-top:clamp(20px,2.6vw,34px)}
.biz-answer-metric{display:flex;flex-direction:column;gap:8px;padding:clamp(22px,2.8vw,34px) 0}
.biz-answer-metric .v{font-family:var(--font);font-weight:400;letter-spacing:-0.06em;line-height:.85;
  font-size:clamp(48px,6.4vw,88px);color:var(--accent)}
.biz-answer-metric .l{font-size:clamp(15px,1.6vw,19px);color:var(--ink-soft);line-height:1.3}
.biz-answer-src{display:block;margin-top:clamp(12px,1.6vw,20px);font-size:12.5px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
@media(max-width:720px){.biz-answer-metrics{grid-template-columns:1fr;gap:0}
  .biz-answer-metric{padding:clamp(16px,4vw,22px) 0;border-bottom:1px solid var(--line)}
  .biz-answer-metric:last-child{border-bottom:none}}
.biz-cost-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:clamp(20px,3vw,44px);align-items:center}
.biz-cost-head{max-width:none}
.biz-cost-head .eyebrow{margin-bottom:20px}
.biz-cost-head h2{font-size:clamp(32px,4.4vw,54px);letter-spacing:-0.04em;line-height:1.03;text-wrap:balance;max-width:none}
@media(min-width:881px){ .biz-cost-head h2{white-space:nowrap} }
.biz-cost-head p{margin-top:24px;color:var(--ink-soft);font-size:clamp(17px,1.7vw,20px);line-height:1.6;max-width:46ch}

/* metrics — frosted circles, two indented rows */
.biz-metrics{position:relative;display:grid;grid-template-columns:repeat(2,max-content);
  justify-content:center;align-content:center;gap:clamp(20px,2.6vw,40px);min-height:clamp(360px,42vw,500px)}
.biz-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;border-radius:50%;aspect-ratio:1;
  width:clamp(150px,17vw,196px);padding:18px;
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
  box-shadow:0 18px 44px -20px rgba(40,24,10,.34),inset 0 1px 0 rgba(255,255,255,.6);
  animation:bizFloat 14s ease-in-out infinite;will-change:transform}
.biz-metric .fig{font-family:var(--font);font-weight:400;letter-spacing:-0.04em;line-height:.95;
  font-size:1.4rem;color:var(--ink);white-space:nowrap}
.biz-metric .label{margin-top:6px;font-size:clamp(11px,1.1vw,13px);color:var(--ink-soft);line-height:1.25;max-width:15ch}
/* second row indented, right column dropped (diamond) */
.biz-metric:nth-child(1){animation-delay:-0.4s}
.biz-metric:nth-child(2){--by:clamp(34px,5vw,64px);animation-delay:-4.1s}
.biz-metric:nth-child(3){--bx:clamp(28px,5vw,68px);animation-delay:-8.7s}
.biz-metric:nth-child(4){--bx:clamp(28px,5vw,68px);--by:clamp(34px,5vw,64px);animation-delay:-2.8s}
.biz-ledger-src{grid-column:1/-1;justify-self:center;transform:translateX(clamp(-72px,-5vw,-28px));margin-top:clamp(8px,1.4vw,18px);font-size:12.5px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
/* desktop: stack the head, then all metrics on one single row */
@media(min-width:881px){
  .biz-cost-grid{grid-template-columns:1fr;align-items:start}
  .biz-metrics{grid-template-columns:repeat(4,max-content);justify-content:start;align-content:start;
    min-height:auto;gap:clamp(18px,2vw,32px);margin-top:clamp(10px,1.4vw,20px)}
  .biz-metric:nth-child(1),.biz-metric:nth-child(2),
  .biz-metric:nth-child(3),.biz-metric:nth-child(4){--bx:0px;--by:0px}
  .biz-metric .fig{font-size:1.7rem}
  .biz-metric .label{font-size:clamp(12px,1vw,14px);max-width:16ch}
  .biz-ledger-src{transform:none;justify-self:start;margin-top:clamp(22px,2.2vw,30px)}
}
@keyframes bizFloat{
  0%,100%{transform:translate(var(--bx,0px),var(--by,0px))}
  50%{transform:translate(var(--bx,0px),calc(var(--by,0px) - 5px))}
}
@media(prefers-reduced-motion:reduce){.biz-metric{transform:translate(var(--bx,0px),var(--by,0px))}}
@media(prefers-reduced-motion:reduce){.biz-metric{animation:none}}
@media(max-width:880px){
  .biz-cost-grid{grid-template-columns:1fr;gap:36px}
  .biz-cost-head h2{max-width:none}
}
@media(max-width:560px){
  /* keep the desktop "parallelogram" (staggered 2×2) placement on mobile,
     just scaled down so it fits a phone width */
  .biz-metrics{min-height:clamp(340px,104vw,400px);gap:12px;transform:translateX(-10px)}
  .biz-metric{width:min(42vw,168px);padding:16px}
  .biz-metric .fig{font-size:clamp(1.15rem,5.4vw,1.5rem)}
  .biz-metric .label{font-size:clamp(12px,3.2vw,14px);max-width:16ch}
  .biz-metric:nth-child(2){--by:34px}
  .biz-metric:nth-child(3){--bx:18px}
  .biz-metric:nth-child(4){--bx:18px;--by:34px}
  /* nudge the source line down so it clears the lowered circles */
  .biz-ledger-src{transform:translateX(-13px);margin-top:clamp(40px,12vw,52px)}
  /* beige background runs full-bleed to the screen edges */
  .biz-cost{margin-inline:0;border-radius:0}
  .biz-cost > .wrap{padding-inline:var(--gut)}
  /* more breathing room above/below the ROI divider on mobile */
  .biz-answer{margin-top:40px;padding-top:40px}
}

/* ---------- COMPARISON ---------- */
.biz-compare{background:var(--surface)}
.biz-compare .biz-head{max-width:64ch;margin-inline:auto;text-align:center}
.biz-compare .biz-head p{max-width:60ch;margin-inline:auto}
.biz-compare .biz-head .eyebrow{justify-content:center}
.biz-compare .biz-head .eyebrow::before{display:none}
.biz-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px)}
.biz-compare-grid--single{grid-template-columns:minmax(0,520px);justify-content:center}
.biz-head-checks{list-style:none;margin:clamp(22px,2.6vw,30px) auto 0;padding:0;max-width:none;width:max-content;
  display:grid;grid-template-columns:auto auto;gap:14px clamp(28px,3.4vw,52px);text-align:left}
.biz-head-checks li{display:flex;gap:11px;align-items:center;justify-content:flex-start;white-space:nowrap;
  font-size:clamp(15px,1.5vw,17px);line-height:1.35;font-weight:500;color:var(--ink)}
.biz-head-checks .mk{display:inline-flex;flex:none;color:var(--accent)}
@media(max-width:600px){.biz-head-checks{grid-template-columns:auto;width:auto}.biz-head-checks li{white-space:normal}}
.biz-col{border-radius:var(--r-lg);padding:clamp(28px,3vw,40px)}
.biz-col h3{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.biz-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.biz-col li{display:flex;gap:13px;align-items:flex-start;font-size:clamp(15px,1.5vw,17px);line-height:1.4}
.biz-col li svg{flex:none;margin-top:2px}
.biz-col--old{background:var(--cream-2)}
.biz-col--old h3{color:var(--muted)}
.biz-col--old li{color:var(--ink-soft)}
.biz-col--old .mk{color:var(--muted)}
.biz-col--lt{background:var(--ink);color:#fff}
.biz-col--lt h3{color:var(--accent)}
.biz-col--lt .mk{color:var(--accent)}
.biz-compare-foot{margin-top:clamp(28px,3vw,38px);max-width:70ch;color:var(--ink-soft);
  font-size:clamp(16px,1.6vw,18.5px);line-height:1.6}
@media(max-width:760px){.biz-compare-grid{grid-template-columns:1fr}}

/* ---------- WHAT'S INCLUDED ---------- */
.biz-scan .biz-value-row{justify-content:flex-start}
.biz-head h2.biz-scan-title{font-size:70px;white-space:nowrap}
.biz-scan{background:var(--cream);margin:1rem;border-radius:var(--r-xl);overflow:hidden}
.biz-scan .hswipe-head{display:none}
.biz-scan .hswipe{margin-top:clamp(8px,1vw,16px)}
.biz-scan .biz-outcomes{margin-top:clamp(40px,5vw,68px)}
.biz-scan-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.biz-scan-item{background:var(--surface);padding:clamp(22px,2.4vw,30px);display:flex;gap:14px;align-items:flex-start}
.biz-scan-item .ico{width:40px;height:40px;flex:none;border-radius:11px;background:var(--accent-tint);
  color:var(--accent-deep);display:flex;align-items:center;justify-content:center}
.biz-scan-item .ico svg{width:21px;height:21px}
.biz-scan-item h4{font-size:16px;letter-spacing:-0.015em;line-height:1.2;margin-bottom:6px}
.biz-scan-item p{font-size:13.5px;color:var(--ink-soft);line-height:1.5}
@media(max-width:860px){.biz-scan-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.biz-scan-list{grid-template-columns:1fr}}

/* ---------- HR REPORT ---------- */
.biz-report{background:var(--surface)}
.biz-report-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,5vw,80px);align-items:center}
.biz-report-media{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--ink);
  aspect-ratio:4/5;box-shadow:var(--shadow-lg);isolation:isolate}
.biz-report-media image-slot{position:absolute;inset:0;width:100%;height:100%;display:block}
.biz-report-copy .eyebrow{margin-bottom:18px}
.biz-report-copy h2{font-size:clamp(30px,4.2vw,50px);letter-spacing:-0.035em;line-height:1.05;text-wrap:balance}
.biz-report-copy > p{margin-top:20px;color:var(--ink-soft);font-size:clamp(17px,1.6vw,19px);line-height:1.6;max-width:50ch}
.biz-report-list{list-style:none;margin:clamp(26px,3vw,34px) 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.biz-report-list li{display:flex;gap:12px;align-items:flex-start;font-size:clamp(15px,1.5vw,17px);line-height:1.4;color:var(--ink)}
.biz-report-list li .mk{flex:none;margin-top:2px;color:var(--accent);display:inline-flex}
.biz-report-cta{margin-top:clamp(30px,3.4vw,40px)}
@media(max-width:820px){.biz-report-grid{grid-template-columns:1fr}}

.biz-outcomes{display:flex;flex-direction:column;gap:clamp(28px,3.4vw,44px);margin-top:clamp(18px,2vw,26px)}
.biz-out-label{display:block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin-bottom:clamp(16px,1.8vw,22px)}
.biz-out-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(14px,1.6vw,22px) clamp(20px,2.4vw,36px)}
.biz-out-grid li{display:flex;gap:12px;align-items:center;font-size:clamp(15px,1.5vw,17px);
  line-height:1.35;font-weight:500;color:var(--ink)}
.biz-out-ico{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--accent)}
.biz-out-ico svg{width:20px;height:20px}
@media(max-width:760px){.biz-out-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.biz-out-grid{grid-template-columns:1fr}}

/* ---------- EMPLOYEE EXPERIENCE ---------- */
.biz-emp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);
  gap:clamp(32px,5vw,72px);align-items:stretch}
.biz-emp .biz-emp-inner{max-width:640px;align-self:center}
.biz-emp-media{order:-1;display:flex}
.biz-emp-media image-slot{display:block;width:100%;height:100%;min-height:360px;
  border-radius:var(--r-xl);overflow:hidden;background:var(--cream-2)}
@media(max-width:820px){
  .biz-emp-grid{grid-template-columns:1fr;gap:clamp(28px,6vw,40px)}
  .biz-emp-media image-slot{height:auto;min-height:0;aspect-ratio:16/10}
  .biz-emp-media{order:0}
}
.biz-emp-title{font-size:clamp(30px,4.4vw,54px);letter-spacing:-0.035em;line-height:1.06;color:var(--ink);text-wrap:balance}
.biz-emp-title em{color:var(--ink)}
.biz-emp-body{margin-top:clamp(20px,2.4vw,30px);font-size:clamp(17px,1.7vw,20px);line-height:1.6;color:var(--ink-soft);max-width:62ch;text-wrap:pretty}
.biz-emp-points{list-style:none;margin:clamp(20px,2.4vw,28px) 0 0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:62ch}
.biz-emp-points li{display:flex;align-items:flex-start;gap:12px;font-size:clamp(15.5px,1.6vw,18px);line-height:1.5;color:var(--ink);text-wrap:pretty}
.biz-emp-points .mbr-check{flex:none;margin-top:1px}

/* ---------- SIMPLE PROCESS ---------- */
.biz-simple{padding-top:clamp(24px,3vw,44px)}
.biz-simple .biz-simple-inner{max-width:960px;margin-inline:0}
.biz-simple-lead{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(17px,1.8vw,21px);line-height:1.55;color:var(--ink-soft);text-wrap:pretty}
.biz-simple-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);
  margin-top:clamp(28px,3.4vw,44px)}
.biz-simple-mid{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.biz-checklist{list-style:none;margin:clamp(12px,1.4vw,16px) 0 0;padding:0;border-top:1px solid var(--line)}
.biz-checklist li{display:flex;align-items:center;gap:12px;padding:clamp(12px,1.4vw,15px) 0;
  border-bottom:1px solid var(--line);font-size:clamp(15px,1.6vw,18px);color:var(--ink);line-height:1.35}
.biz-checklist .mbr-check{flex:none}
.biz-simple-outro{margin-top:clamp(26px,3.2vw,38px);font-size:clamp(17px,1.8vw,21px);color:var(--ink);text-wrap:pretty}
@media(max-width:720px){.biz-simple-cols{grid-template-columns:1fr;gap:clamp(24px,6vw,36px)}}

/* ---------- PRICING ---------- */
.biz-price{max-width:560px;margin-inline:auto;background:var(--cream-2);border-radius:var(--r-xl);
  padding:clamp(36px,4.4vw,56px);text-align:center}
.biz-price .amt{font-family:var(--font);font-size:clamp(44px,6vw,72px);font-weight:300;letter-spacing:-0.04em;line-height:1}
.biz-price .per{margin-top:12px;color:var(--ink-soft);font-size:15.5px}
.biz-price ul{list-style:none;margin:clamp(28px,3vw,38px) 0 0;padding:clamp(28px,3vw,38px) 0 0;
  border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px;text-align:left;max-width:380px;margin-inline:auto}
.biz-price li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.4;color:var(--ink)}
.biz-price li svg{flex:none;margin-top:2px;color:var(--accent)}
.biz-price .fine{margin-top:24px;font-size:13.5px;color:var(--muted)}
.biz-addons{margin-top:clamp(30px,3.4vw,42px);text-align:center}
.biz-scan .biz-addons{text-align:left;display:flex;align-items:center;gap:clamp(14px,2vw,26px);flex-wrap:wrap}
.biz-scan .biz-addons .lbl{flex:none}
.biz-scan .biz-addons-row{justify-content:flex-start;margin-top:0;flex:1 1 0;min-width:0}
@media(max-width:640px){
  /* stack: label on its own row, then all service chips on the next row */
  .biz-scan .biz-addons{flex-direction:column;align-items:flex-start;gap:12px}
  .biz-scan .biz-addons-row{flex:1 1 auto;width:100%;margin-top:0;gap:8px}
  /* tighter chips so the four fit on two rows instead of three */
  .biz-scan .biz-chip{padding:6px 11px;font-size:12px}
}
.biz-addons .lbl{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.biz-addons-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
.biz-chip{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);
  padding:9px 18px;font-size:14px;color:var(--ink)}

/* pricing rebuilt on the membership (LifeScan) design */
.biz-pricing{margin-bottom:1rem;
  background:#0c0c0c}
.mbr-side{display:flex;flex-direction:column;gap:clamp(24px,3vw,32px)}
.biz-pricing .biz-addons{text-align:left}
.biz-pricing .biz-addons .lbl{color:rgba(255,255,255,.6)}
.biz-pricing .biz-addons-row{justify-content:flex-start}
.biz-pricing .biz-addons-center{text-align:center;margin-top:0}
.biz-pricing .biz-addons-center .biz-addons-row{justify-content:center}
.biz-pricing .biz-chip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff}
.mbr-fine{margin-top:clamp(22px,2.6vw,28px);font-size:13.5px;color:var(--muted);line-height:1.5}

/* ---------- CTA ---------- */
.biz-cta{margin:0 1rem 1rem;background:var(--ink);border-radius:var(--r-xl);overflow:hidden;
  position:relative;text-align:center;padding:clamp(56px,7vw,96px) var(--gut)}
.biz-cta-inner{max-width:680px;margin-inline:auto;position:relative;z-index:1}
.biz-cta h2{color:#fff;font-size:clamp(30px,4.2vw,52px);letter-spacing:-0.035em;line-height:1.05;text-wrap:balance}
.biz-cta p{margin:20px auto 0;max-width:46ch;color:rgba(255,255,255,.74);font-size:clamp(16px,1.6vw,19px);line-height:1.55}
.biz-pricing .mbr-groups{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px)}
.biz-pricing .mbr-group + .mbr-group{padding-top:0;border-top:none}
.biz-pricing .mbr-list-head{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.biz-pricing .biz-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(28px,3.4vw,40px)}
.biz-pricing .mbr-inner{grid-template-columns:1fr;gap:clamp(32px,4vw,52px)}
.biz-pricing .mbr-copy{text-align:center;max-width:none}
.biz-pricing .mbr-copy .eyebrow{justify-content:center}
.biz-pricing .mbr-copy h2{max-width:none;margin-inline:auto}
.biz-pricing .mbr-card{max-width:1000px;width:100%;margin-inline:auto}
.biz-pricing .mbr-groups{margin-top:clamp(6px,1vw,12px)}
@media(max-width:560px){
  .biz-pricing .mbr-groups{grid-template-columns:1fr}
  .biz-pricing .mbr-group + .mbr-group{margin-top:clamp(20px,6vw,32px)}
}
.biz-pricing .biz-cta-row .btn-primary{box-shadow:none;padding-inline:40px}
.biz-pricing .biz-cta-row .btn-primary:hover{box-shadow:none}
.biz-pricing .biz-cta-row .btn:hover{transform:none}
.biz-pricing .biz-cta-row .btn-ghost{color:#fff;border-color:rgba(255,255,255,.28)}
.biz-pricing .biz-cta-row .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06);color:#fff}
.biz-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(32px,3.6vw,44px)}
.biz-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.28)}
.biz-cta .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06);color:#fff}
.biz-cta-fp{position:absolute;top:-120px;left:-100px;width:clamp(360px,40vw,560px);aspect-ratio:1446/1897;
  opacity:.06;transform:rotate(20deg);background:#fff;pointer-events:none;z-index:0;
  -webkit-mask:url("images/fingerprint-mark.svg") no-repeat center / contain;
  mask:url("images/fingerprint-mark.svg") no-repeat center / contain}

/* ---------- mobile polish ---------- */
@media(max-width:820px){
  .biz-2col-right{margin-top:2rem}
}
@media(max-width:640px){
  /* flush against the sticky nav, no rounded top; fills one full mobile view
     (nav is 72px, so the hero + nav together equal 100dvh) with content bottom-aligned */
  .biz-hero{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;
    /* keep his face on the right side of the phone screen */
    background-position:68% center;
    min-height:calc(100dvh - 72px);
    display:flex;flex-direction:column;justify-content:flex-end;
    padding-top:clamp(96px,26vw,150px);padding-bottom:clamp(40px,11vw,64px)}
  /* darken the photo a touch on mobile so the white text reads clearly */
  .biz-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:rgba(12,12,12,.3)}
  /* consistent inner side padding (matches the LifeScan hero .wrap gutter) */
  .biz-hero-inner{padding-inline:var(--gut)}
  /* tighten the gap between heading and body copy */
  .biz-hero p{margin-top:16px}
  /* both CTAs on a single row */
  .biz-hero-cta{flex-wrap:nowrap;gap:10px}
  .biz-hero-cta .btn{padding-inline:20px;white-space:nowrap;min-width:0}
  /* close the gap between the LifeScan section and the pricing section below */
  .biz-scan{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
  /* pricing section joins flush to the scan section above and the footer below */
  .biz-pricing{margin-bottom:0;border-radius:0}
  /* slightly larger pricing headline */
  .biz-pricing .mbr-copy h2{font-size:clamp(34px,9vw,44px)}
  /* larger price figure */
  .biz-pricing .mbr-amount{font-size:clamp(48px,13vw,58px)}
}
@media(max-width:600px){
  .biz-head h2.biz-scan-title{font-size:clamp(30px,8.5vw,44px);white-space:normal}
  .biz-value-row{flex-wrap:wrap;white-space:normal;justify-content:center;font-size:clamp(16px,4.6vw,19px);row-gap:4px}
  .biz-scan .biz-head{text-align:left}
  .biz-scan .biz-value-row{justify-content:flex-start}
  .biz-value-row li:not(:last-child)::after{margin:0 10px}
  /* break the pretitle evenly across two lines */
  .biz-2col-pretitle{text-wrap:balance;max-width:28ch}
  /* right-align the whole metrics column */
  .biz-compare-2col .biz-2col-right{text-align:right}
  .biz-compare-2col .biz-2col-pretitle{margin-left:auto}
  .biz-compare-2col .biz-2col-metric{justify-content:flex-end}
  .biz-compare-2col .biz-2col-metric .l{text-align:right}
  .biz-compare-2col .biz-vstat-src{text-align:right}
}

/* ---------- Booking close section (mirrors kontakt page's "Boka introsamtal") ---------- */
.sup-close{margin:0 1rem 1rem;background:var(--cream-2);border-radius:var(--r-xl);overflow:hidden;text-align:center;padding-bottom:1rem}
.sup-close-inner{max-width:880px;margin-inline:auto}
.sup-close-inner h2{max-width:46ch;margin-inline:auto}
.sup-close h2{font-size:clamp(26px,3.6vw,42px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;font-weight:300;margin-bottom:clamp(20px,2.5vw,30px)}
.sup-close-usps{list-style:none;margin:0 auto clamp(34px,4.5vw,56px);padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px clamp(22px,3vw,40px)}
.sup-close-usps li{display:flex;align-items:center;gap:12px;font-size:clamp(14px,1.5vw,16px);color:var(--ink);line-height:1.3;text-align:left}
.sup-intro-check{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(232,116,31,.16);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}
.sup-intro-check svg{width:15px;height:15px}
.sup-close-form .calendly-inline-widget{width:100%;max-width:600px;margin-inline:auto;height:1050px}
@media(min-width:980px){ .sup-close-inner{max-width:1080px} .sup-close-usps{flex-wrap:nowrap;gap:clamp(24px,3vw,40px)} .sup-close-usps li{white-space:nowrap} }
@media(max-width:680px){ .sup-close{text-align:left;margin:0;border-radius:0} .sup-close-inner h2{margin-inline:0} .sup-close-usps{flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;margin-inline:0} .sup-close h2{font-size:clamp(30px,7.6vw,38px)} .sup-close-form .calendly-inline-widget{height:1040px} }
