/*
Theme Name: Bolagsnav Teaser 1.9.60
Theme URI: https://bolagsnav.se/
Author: Bolagsnav
Description: Publikt förhandsvisningstema för Bolagsnav. Avskalat för att väcka intresse utan att exponera produktens tekniska upplägg.
Version: 1.9.60
Text Domain: bolagsnav-teaser-1922
License: Proprietary
*/


:root{
  --navy:#102A43;
  --navy-deep:#071D2F;
  --teal:#1F8A8A;
  --teal-dark:#176D6F;
  --sand:#F5F2EA;
  --paper:#F8FAFC;
  --surface:#FFFFFF;
  --ink:#17212B;
  --muted:#5B6772;
  --line:#DDE5E8;
  --green:#2F855A;
  --amber:#B7791F;
  --shadow:0 18px 45px rgba(16,42,67,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
img{max-width:100%;display:block}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{background:var(--navy-deep);color:white;border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:800;font-size:1.55rem;letter-spacing:-.03em}
.brand-mark{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px}
.brand-mark img{display:block;width:42px;height:42px;object-fit:contain;background:transparent}
.opening{font-size:.9rem;color:#7EE0DD;border-bottom:2px solid var(--teal);padding-bottom:4px}
.header-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.header-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:1px solid rgba(126,224,221,.5);border-radius:999px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:800;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.header-tab:hover,.header-tab:focus-visible{background:var(--teal-dark);border-color:#7EE0DD;transform:translateY(-1px);outline:none}

/* Starta Smart */
.ss-main{padding:42px 0 64px;background:linear-gradient(180deg,#f8fafc 0,#edf7f3 100%)}.ss-hero{max-width:900px;padding:42px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.ss-hero h1{font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.03;margin:.1em 0 .3em;color:var(--navy-deep)}.ss-hero p{font-size:1.15rem;max-width:760px}.ss-section{max-width:980px;margin:34px auto;padding:0 8px}.ss-section h2,.ss-sila h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15;color:var(--navy-deep)}.ss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ss-card{display:flex;min-height:180px;flex-direction:column;gap:10px;padding:23px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 24px rgba(16,42,67,.06);transition:transform .16s ease,border-color .16s ease}.ss-card:hover,.ss-card:focus-visible{transform:translateY(-2px);border-color:var(--teal);outline:none}.ss-card strong{font-size:1.16rem;color:var(--navy-deep)}.ss-card span{flex:1}.ss-card b{color:var(--teal-dark)}.ss-box{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.ss-sila{max-width:980px;margin:42px auto 0;padding:30px;background:#dff2eb;border:1px solid #9bcebe;border-radius:18px}.ss-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;max-width:980px;margin:36px auto 0;padding:24px 8px;border-top:1px solid var(--line)}.ss-nav>a{font-weight:800}.starta-smart-page .main-tabs{display:flex;gap:10px;align-items:center}.starta-smart-page .main-tab{color:#fff;text-decoration:none;font-weight:800;padding:8px 11px;border-radius:9px}.starta-smart-page .main-tab:hover,.starta-smart-page .main-tab.is-active{background:rgba(126,224,221,.16)}@media(max-width:720px){.ss-main{padding:24px 0 42px}.ss-hero{padding:28px 22px}.ss-grid{grid-template-columns:1fr}.ss-card{min-height:0}.starta-smart-page .header-inner{padding:12px 0;align-items:flex-start}.starta-smart-page .main-tabs{flex-wrap:wrap;justify-content:flex-end}.starta-smart-page .brand-registered-name{font-size:1.1rem}.ss-nav{align-items:stretch}.ss-nav>a{width:100%;text-align:center}.ss-nav .bnv-primary-btn{display:block}}
@media (max-width:720px){.header-inner{min-height:72px;gap:12px}.brand{font-size:1.25rem}.brand-mark,.brand-mark img{width:36px;height:36px}.brand-mark{flex-basis:36px}.header-actions{gap:10px}.opening{display:none}.header-tab{font-size:.86rem;padding:7px 12px;min-height:36px}}
@media (max-width:390px){.wrap{width:min(100% - 24px,1180px)}.brand{font-size:1.12rem;gap:8px}.header-tab{font-size:.82rem;padding:7px 10px}}

/* Bra att veta - utfällbar meny */
.info-menu{position:relative;margin:0}
.info-menu>summary{list-style:none;cursor:pointer;user-select:none}
.info-menu>summary::-webkit-details-marker{display:none}
.menu-caret{font-size:.78em;margin-left:5px;transition:transform .18s ease}
.info-menu[open] .menu-caret{transform:rotate(180deg)}
.info-menu-panel{position:absolute;z-index:1000;top:calc(100% + 10px);right:0;width:min(330px,calc(100vw - 28px));max-height:min(72vh,610px);overflow:auto;padding:9px;background:#fff;border:1px solid rgba(13,46,62,.12);border-radius:16px;box-shadow:0 18px 48px rgba(6,25,34,.22)}
.info-menu-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:10px;color:#0d2e3e;text-decoration:none;font-size:.92rem;font-weight:800}
.info-menu-item+ .info-menu-item{margin-top:2px}
.info-menu-item small{font-size:.72rem;font-weight:800;white-space:nowrap;color:#4b6e76}
.info-menu-item[href]:hover,.info-menu-item[href]:focus-visible{background:#eaf8f5;outline:none}
.info-menu-item.is-soon{cursor:default;color:#395963;background:transparent}
.info-menu-item.is-soon small{color:#7a9197;font-weight:700}
@media (max-width:720px){.info-menu-panel{position:fixed;top:76px;right:12px;left:12px;width:auto;max-height:calc(100vh - 92px)}.info-menu-item{padding:12px;font-size:.95rem}}
.hero{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 48%,#eef4f5 100%)}
.hero-media{position:absolute;right:0;top:0;width:54%;height:100%;background:
linear-gradient(90deg,#fff 0%,rgba(255,255,255,.82) 12%,rgba(255,255,255,0) 40%),
url("assets/bolagsnav-kompass.webp") center/cover no-repeat}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;align-items:center}
.hero-copy{max-width:610px;padding:76px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--teal-dark);font-size:.78rem;margin:0 0 10px}
h1,h2{font-weight:800;letter-spacing:-.035em;line-height:1.08;color:var(--navy-deep)}
h1{font-size:clamp(2.8rem,6vw,5.4rem);margin:.08em 0 .24em;max-width:760px}
h2{font-size:clamp(1.55rem,3vw,2.5rem);margin:.15em 0 .55em}
.hero-promise{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.35;color:var(--navy);margin:0 0 24px}
.hero-promise strong{color:var(--teal-dark)}
.lead{font-size:1.08rem;max-width:590px}
.soon{display:inline-flex;align-items:center;gap:10px;margin-top:12px;font-weight:800;color:var(--teal-dark);font-size:1.05rem}
.pulse{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px rgba(31,138,138,.12)}
.questions{background:var(--sand);border-top:1px solid #ebe6db;border-bottom:1px solid #ebe6db}
.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.four-grid article{padding:34px 28px;border-right:1px solid #e4ded2}
.four-grid article:first-child{padding-left:0}.four-grid article:last-child{border-right:0;padding-right:0}
.four-grid h2{font-size:1.02rem;letter-spacing:-.01em;margin:10px 0 6px}
.four-grid p{font-size:.94rem;margin:0;color:var(--muted)}
.icon{display:grid;place-items:center;width:46px;height:46px;border:1.5px solid var(--teal);border-radius:50%;color:var(--teal-dark);font-size:1.4rem}
.section{padding:76px 0}
.insight-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.preview-card{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}
.preview-card h2{font-size:1.75rem}
.metric{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf1f3}
.metric b{font-size:.9rem;background:#edf3fa;padding:7px 10px;border-radius:999px;color:var(--navy)}
.metric b.good{background:#edf8f1;color:var(--green)}
.metric b.watch{background:#fff6dd;color:var(--amber)}
.fine{font-size:.78rem;color:var(--muted);margin:18px 0 0}
.meaning p{font-size:1.08rem;color:#384653}
.flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0}
.flow span{padding:10px 14px;border:1px solid rgba(31,138,138,.25);border-radius:999px;color:var(--navy);font-weight:800;background:#f3fbfa}
.flow i{font-style:normal;color:var(--teal)}
.audience{background:#fff}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.photo-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(16,42,67,.06)}
.photo-card img{width:100%;height:220px;object-fit:cover}
.photo-card div{padding:22px}
.photo-card h2{font-size:1.25rem;margin:0 0 8px}
.photo-card p{margin:0;color:var(--muted)}
.final-section{background:var(--sand)}
.final-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center}
.return{margin-top:28px;color:var(--navy)}
.signup-card{position:relative;min-height:350px;display:flex;align-items:center;border-radius:24px;overflow:hidden;background:linear-gradient(100deg,#e8f5f3 0%,#e8f5f3 62%,#dcebea 100%);box-shadow:var(--shadow)}
.signup-card img{position:absolute;right:0;top:0;width:42%;height:100%;object-fit:cover;opacity:.72;mix-blend-mode:multiply}
.signup-content{position:relative;z-index:1;padding:38px;max-width:72%}
.signup-content h2{font-size:1.7rem}
.form-row{display:flex;margin-top:18px;box-shadow:0 8px 22px rgba(16,42,67,.10)}
input{flex:1;min-width:0;border:1px solid #ccd8dc;border-right:0;border-radius:10px 0 0 10px;padding:15px 16px;font:inherit;background:white}
button{border:0;border-radius:0 10px 10px 0;background:var(--teal-dark);color:white;padding:0 22px;font-weight:800;font:inherit;cursor:pointer}
button:hover{background:var(--navy)}
.form-note,.form-status{font-size:.78rem;color:var(--muted)}
footer{background:var(--navy-deep);color:#dbe8ef;padding:32px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.85rem}
.footer-brand{font-size:1.2rem;color:white}
footer strong{color:#69d6d2}
.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}

@media (max-width:900px){
  .hero{background:white}.hero-media{position:relative;width:100%;height:320px;background:url("assets/bolagsnav-kompass.webp") center/cover no-repeat}
  .hero-grid{display:block;min-height:0}.hero-copy{padding:50px 0}
  .four-grid,.three-grid,.insight-grid,.final-grid{grid-template-columns:1fr}
  .four-grid article,.four-grid article:first-child,.four-grid article:last-child{padding:24px 0;border-right:0;border-bottom:1px solid #e4ded2}
  .four-grid article:last-child{border-bottom:0}
  .insight-grid,.final-grid{gap:34px}
  .signup-content{max-width:100%;padding:30px}
  .signup-card img{opacity:.15;width:100%}
  .footer-inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .wrap{width:min(100% - 28px,1180px)}
  .section{padding:54px 0}
  .form-row{display:block;box-shadow:none}
  input{width:100%;border:1px solid #ccd8dc;border-radius:10px}
  button{width:100%;min-height:48px;border-radius:10px;margin-top:10px}
  .photo-card img{height:190px}
}


/* v1.4.1 form layout fix */
.signup-card{padding-right:20px}
.signup-content{width:100%;min-width:0;max-width:70%}
#interestForm{width:100%}
#interestForm .form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;width:min(100%,560px);margin-top:18px;box-shadow:none}
#interestForm input{width:100%;min-width:0;min-height:56px;border:1px solid #ccd8dc;border-radius:12px;padding:15px 16px;font:inherit;background:white}
#interestForm button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:56px;border-radius:12px;padding:0 22px;max-width:100%}
#interestForm .form-note,#interestForm .form-status{max-width:560px}
@media (max-width:1100px){
  .signup-content{max-width:74%}
  #interestForm .form-row{grid-template-columns:minmax(0,1fr) auto;width:100%}
}
@media (max-width:760px){
  .signup-content{max-width:100%}
  #interestForm .form-row{grid-template-columns:1fr}
  #interestForm button{width:100%}
}


/* v1.4.3 - hero protection and legacy signup cleanup */
.hero-grid{z-index:2}
.hero-copy{position:relative;z-index:3;display:block!important;visibility:visible!important;opacity:1!important}
.hero-copy>*{visibility:visible!important;opacity:1!important}


/* v1.4.4 – cleanup */
.hero input[type="email"]:not(#email){
  display:none !important;
}
.photo-card img{
  object-position:center center;
}




/* v1.5.0 – newsletter layout */
#interestForm .form-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:stretch;
}
#interestForm input{
  display:block;
  width:100%;
  min-width:0;
}
@media (max-width:780px){
  #interestForm .form-row{grid-template-columns:1fr}
  #interestForm button{width:100%}
}


/* v1.5.1 */
.version-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  font-size:.72rem;
  color:#b9d6df;
  white-space:nowrap;
}


/* v1.5.2 – clear separation: contact vs newsletter */
.hero-contact{
  position:absolute;
  z-index:5;
  right:7%;
  top:50%;
  transform:translateY(-50%);
  width:min(520px,44vw);
  background:#fff;
  border:1px solid #d9e4e4;
  border-radius:18px;
  box-shadow:0 16px 36px rgba(16,42,67,.12);
  padding:22px 24px;
}
.hero-contact h2{
  margin:0 0 6px;
  font-size:1.45rem;
  color:var(--navy-deep);
}
.hero-contact p{
  margin:0 0 14px;
  color:var(--muted);
  font-size:.92rem;
}
.hero-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.hero-contact-grid input{
  width:100%;
  min-width:0;
  border:1px solid #ccd8dc;
  border-radius:10px;
  padding:12px 13px;
  background:white;
  font:inherit;
}
.hero-contact-grid .full{
  grid-column:1 / -1;
}
.hero-contact button{
  width:100%;
  min-height:46px;
  border-radius:10px;
  background:var(--teal-dark);
  color:#fff;
  border:0;
  font-weight:800;
}
.hero-contact .contact-note{
  margin-top:9px;
  font-size:.75rem;
}
.hero-contact-status{
  margin-top:8px;
  font-size:.8rem;
  color:var(--teal-dark);
}
@media (max-width:980px){
  .hero-contact{
    position:relative;
    right:auto;
    top:auto;
    transform:none;
    width:auto;
    margin:0 auto 32px;
  }
}
@media (max-width:620px){
  .hero-contact-grid{grid-template-columns:1fr}
  .hero-contact-grid .full{grid-column:auto}
}


/* v1.5.4 – more space between newsletter button and plant image */
.signup-card{padding-right:22px}
.signup-card img{width:34%;opacity:.66}
.signup-content{max-width:60%;padding:34px 32px}
.signup-content .form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;width:100%}
.signup-content .form-row input{width:100%;min-width:0}
.signup-content .form-row button{white-space:nowrap;min-height:50px;padding:0 18px}
.signup-content .form-note,.signup-content .form-status{max-width:90%}
@media (max-width:1100px){
  .signup-card img{width:30%;opacity:.58}
  .signup-content{max-width:66%}
}
@media (max-width:900px){
  .signup-content{max-width:100%;padding:30px}
  .signup-card img{opacity:.15;width:100%}
}


/* v1.5.6 – lock contact form fields inside the white card */
.hero-contact{overflow:hidden}
#contactRequestForm{width:100%;max-width:100%}
#contactRequestForm .hero-contact-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
  width:100% !important;
  max-width:100% !important;
}
#contactRequestForm .hero-contact-grid input{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
#contactRequestForm #contactName{grid-column:1 !important}
#contactRequestForm #contactPhone{grid-column:2 !important}
#contactRequestForm #contactEmail{
  display:block !important;
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  border-right:1px solid #ccd8dc !important;
  border-radius:10px !important;
}
#contactRequestForm button[type="submit"]{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
@media (max-width:620px){
  #contactRequestForm .hero-contact-grid{grid-template-columns:1fr !important}
  #contactRequestForm #contactName,
  #contactRequestForm #contactPhone,
  #contactRequestForm #contactEmail,
  #contactRequestForm button[type="submit"]{grid-column:1 !important}
}

/* v1.5.7 – naturligare verksamhetsbilder och ägarfokus */
.hero-copy{padding-left:10px}
.photo-card img{object-position:center center}
.audience-intro{max-width:820px;color:var(--muted);margin:0 0 28px;font-size:1rem}
@media(max-width:600px){.hero-copy{padding-left:4px}}


/* ==========================================================
   v1.5.9 – företagare 1–50 anställda, bildspel + kontakt separat
   ========================================================== */

.hero{
  position:relative;
  min-height:auto;
  overflow:visible;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfc 100%);
}
.hero-media{display:none!important}
.hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);
  gap:54px;
  min-height:0;
  align-items:start;
  padding-top:58px;
  padding-bottom:58px;
}
.hero-copy{
  grid-column:1;
  grid-row:1;
  max-width:610px;
  padding:16px 0 0 10px;
}
.hero-side{
  grid-column:2;
  grid-row:1;
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}
.business-slider{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  max-height:400px;
  min-height:300px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--line);
  background:#dfe8ea;
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}
.business-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transition:opacity 1.15s ease-in-out;
  pointer-events:none;
}
.business-slide.active{
  opacity:1;
  pointer-events:auto;
}
.business-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.business-slide::after{
  content:"";
  position:absolute;
  inset:45% 0 0 0;
  background:linear-gradient(180deg,transparent,rgba(5,25,37,.78));
}
.business-caption{
  position:absolute;
  z-index:2;
  left:26px;
  right:72px;
  bottom:25px;
  color:#fff;
}
.business-caption .count{
  display:block;
  font-size:.8rem;
  opacity:.82;
  margin-bottom:4px;
}
.business-caption strong{
  display:block;
  font-size:1.25rem;
  line-height:1.2;
  margin-bottom:3px;
}
.business-caption span:last-child{
  font-size:.9rem;
  opacity:.92;
}
.slider-control{
  position:absolute;
  z-index:4;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  cursor:pointer;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(5,29,44,.76);
  backdrop-filter:blur(4px);
  font-size:1.55rem;
  line-height:1;
}
.slider-control:hover{background:rgba(5,29,44,.94)}
.slider-prev{left:15px}
.slider-next{right:15px}
.slider-dots{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:9px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
}
.slider-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.55);
  cursor:pointer;
  transition:transform .25s ease,background .25s ease;
}
.slider-dot.active{background:#7ee0dd;transform:scale(1.35)}

.hero-contact{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:20px 22px!important;
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(16,42,67,.09)!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
}
.hero-contact h2{font-size:1.35rem;margin:0 0 4px}
.hero-contact>p{margin:0 0 13px;color:var(--muted);font-size:.93rem}
.hero-contact-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.hero-contact-grid .full{grid-column:1/-1}
.hero-contact-grid input,
.hero-contact-grid button{
  min-height:46px!important;
}
.contact-note{margin:9px 0 0!important}

.hero-trust-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
  max-width:620px;
}
.hero-trust-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding-top:14px;
  border-top:1px solid var(--line);
  color:var(--navy);
  font-size:.84rem;
}
.hero-trust-icon{
  flex:0 0 auto;
  width:31px;height:31px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(31,138,138,.10);
  color:var(--teal-dark);
  font-weight:900;
}

.footer-consistency{
  font-variant-numeric:tabular-nums;
}

@media(max-width:1000px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .hero-copy,.hero-side{
    grid-column:1;
    grid-row:auto;
  }
  .hero-copy{max-width:760px;padding-top:0}
  .business-slider{min-height:320px}
}
@media(max-width:620px){
  .hero-grid{padding-top:36px;padding-bottom:42px}
  .hero-copy{padding-left:4px}
  .business-slider{min-height:250px;border-radius:18px}
  .business-caption{left:19px;right:58px;bottom:22px}
  .business-caption strong{font-size:1.05rem}
  .hero-contact-grid{grid-template-columns:1fr!important}
  .hero-contact-grid>*{grid-column:1!important}
  .hero-trust-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .business-slide{transition:none}
}


/* ==========================================================
   v1.6.0 – bättre synliga bilder, bredare målgrupp, mjuk fade
   ========================================================== */
.business-slider{
  aspect-ratio: 16 / 9;
  max-height: 430px;
  min-height: 320px;
  background:#dfe7eb;
}
.business-slide{
  transition: opacity 1.2s ease-in-out;
}
.business-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.business-caption{
  left:28px;
  right:28px;
  bottom:28px;
  max-width:78%;
}
.business-caption strong{
  font-size:1.34rem;
}
.business-caption span:last-child{
  display:block;
  margin-top:4px;
  font-size:.94rem;
}
.photo-card img{
  object-position:center center;
}
.signup-card img{
  width:39%;
  object-position:center center;
  opacity:.82;
  mix-blend-mode:normal;
}
.signup-content{
  max-width:68%;
}
@media(max-width:760px){
  .business-slider{min-height:260px}
  .business-caption{max-width:88%; left:18px; right:18px; bottom:20px}
  .signup-card img{width:40%}
}

/* v1.6.1 – tydligare ledarskapskänsla */
.hero-decision-line{
  display:inline-block;
  margin:4px 0 18px;
  padding:10px 14px;
  border-left:4px solid var(--teal);
  background:rgba(31,138,138,.07);
  color:var(--navy-deep);
  font-size:1.03rem;
  font-weight:800;
  border-radius:0 12px 12px 0;
}
.hero-decision-line span{color:var(--teal-dark)}
.business-caption{max-width:82%}
.business-caption strong{font-size:1.28rem}
.business-slide img{filter:saturate(.94) contrast(.98)}
.audience-intro{max-width:860px}


/* v1.6.2 – mjukare, tydligare och något mer manligt balanserat bildspel */
.hero-grid{
  grid-template-columns:minmax(0,.84fr) minmax(560px,1.16fr);
  gap:58px;
}
.business-slider{
  max-height:500px;
  min-height:360px;
  border-radius:24px;
  box-shadow:0 22px 54px rgba(16,42,67,.14);
}
.business-slide{
  opacity:0;
  transition:opacity 1.8s ease-in-out;
}
.business-slide.active{
  opacity:1;
}
.business-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.business-caption{
  left:30px;
  right:30px;
  bottom:26px;
  max-width:74%;
}
.business-caption strong{
  font-size:1.36rem;
}
.business-caption span:last-child{
  display:block;
  margin-top:4px;
  font-size:.95rem;
}
.slider-control{
  width:46px;
  height:46px;
  background:rgba(5,29,44,.62);
}
.slider-control:hover{
  background:rgba(5,29,44,.86);
}
.slider-dots{
  bottom:12px;
}
.slider-dot{
  width:8px;
  height:8px;
  background:rgba(255,255,255,.62);
}
.slider-dot.active{
  background:#9df1ee;
  transform:scale(1.45);
}
.signup-card img{
  opacity:.78;
}
@media(max-width:1000px){
  .business-slider{
    max-height:none;
    min-height:320px;
  }
}
@media(max-width:620px){
  .business-slider{
    min-height:250px;
  }
  .business-caption{
    max-width:88%;
    left:18px;
    right:18px;
    bottom:18px;
  }
}


/* ==========================================================
   v1.6.4 – större bildspel, mindre hero-font, fylligare högersida
   ========================================================== */

/* Huvudbudskapet får mer luft och mindre storlek, särskilt på smalare skärmar */
.hero-copy h1{
  font-size:clamp(2.35rem,4.7vw,4.45rem);
  line-height:1.02;
  max-width:590px;
}
.hero-promise{
  font-size:clamp(1.12rem,1.65vw,1.55rem);
  line-height:1.34;
}
.hero-copy .lead{
  font-size:1rem;
  line-height:1.55;
}
.hero-decision-line{
  font-size:.92rem;
  padding:9px 12px;
}

/* Bildspelet blir huvudobjektet på högersidan */
.hero-grid{
  grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);
  gap:62px;
}
.hero-side{
  gap:24px;
}
.business-slider{
  min-height:440px;
  max-height:560px;
  aspect-ratio:16/9;
  border-radius:26px;
  box-shadow:0 24px 60px rgba(16,42,67,.16);
}
.business-slide{
  transition:opacity 2.2s ease-in-out;
}
.business-caption{
  left:32px;
  right:32px;
  bottom:30px;
}

/* Kontakt ligger tydligt separat under bildspelet */
.hero-contact{
  margin-top:8px!important;
  padding:22px 24px!important;
}

/* Fyller tidigare tom yta utan att kännas som ännu en säljruta */
.hero-support-panel{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f4f9f9 100%);
  box-shadow:0 10px 28px rgba(16,42,67,.06);
}
.hero-support-item{
  padding:14px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(31,138,138,.12);
}
.hero-support-item strong{
  display:block;
  margin-bottom:5px;
  color:var(--navy-deep);
  font-size:.93rem;
}
.hero-support-item span{
  color:var(--muted);
  font-size:.8rem;
  line-height:1.4;
}
.hero-support-kicker{
  grid-column:1/-1;
  font-size:.75rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--teal-dark);
  margin-bottom:0;
}

/* Version + besökare i samma footer-yta */
.footer-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.footer-meta .version-tag,
.footer-meta .footer-visitor{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  font-size:.72rem;
  color:#c8e0e7;
  white-space:nowrap;
}
.footer-meta .footer-visitor strong{
  margin-left:4px;
  color:#7ee0dd;
}

/* Smalare skärmar */
@media(max-width:1180px){
  .hero-grid{
    grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
    gap:42px;
  }
  .business-slider{min-height:390px}
}
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .hero-copy h1{font-size:clamp(2.35rem,8vw,4rem)}
  .business-slider{min-height:390px}
}
@media(max-width:700px){
  .hero-copy h1{font-size:clamp(2.1rem,10vw,3.15rem)}
  .hero-promise{font-size:1.08rem}
  .business-slider{min-height:320px}
  .hero-support-panel{grid-template-columns:1fr}
  .hero-support-kicker{grid-column:1}
}
@media(max-width:520px){
  .business-slider{min-height:280px}
}


/* ==========================================================
   v1.6.5 – mindre scroll, renare footer, tydlig övre besöksräknare
   ========================================================== */

main{display:block}
.section{padding:42px 0!important}
.questions .four-grid article{padding:24px 20px!important}
.insight-grid,.three-grid,.final-grid{gap:22px!important}
.preview-card,.meaning,.signup-card{padding:22px!important}
.photo-card div{padding:15px 16px!important}
.return{margin-top:14px!important}

.hero-grid{
  grid-template-columns:minmax(0,.8fr) minmax(610px,1.2fr)!important;
  gap:42px!important;
  min-height:0!important;
  padding-top:24px!important;
  padding-bottom:20px!important;
  align-items:start!important;
}
.hero-copy{
  padding:24px 0 8px 0!important;
  max-width:560px!important;
}
.hero-copy h1{
  font-size:clamp(2.25rem,4.2vw,4.05rem)!important;
  margin:.06em 0 .18em!important;
}
.hero-promise{
  font-size:clamp(1.06rem,1.5vw,1.38rem)!important;
  margin:0 0 16px!important;
}
.hero-copy .lead{
  font-size:.97rem!important;
  line-height:1.5!important;
  margin:.62em 0!important;
}
.hero-trust-row{
  margin-top:18px!important;
  gap:10px!important;
}
.hero-trust-item{
  font-size:.79rem!important;
  padding-top:10px!important;
}
.hero-decision-line{
  margin:2px 0 14px!important;
}

.hero-side{gap:18px!important}
.business-slider{
  min-height:400px!important;
  max-height:500px!important;
}
.hero-contact{
  margin-top:2px!important;
  padding:18px 20px!important;
}
.hero-contact h2{font-size:1.22rem!important}
.hero-contact>p{margin-bottom:10px!important;font-size:.9rem!important}
.hero-contact-grid{gap:9px!important}
.hero-contact-grid input,
.hero-contact-grid button{min-height:42px!important}

.hero-support-panel{
  padding:14px!important;
  gap:10px!important;
}
.hero-support-item{
  padding:11px 12px!important;
}
.hero-support-item strong{font-size:.88rem!important}
.hero-support-item span{font-size:.77rem!important}

.footer-inner{
  min-height:64px!important;
  padding:10px 0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px 18px!important;
}
.footer-meta{
  gap:8px!important;
}
.footer-meta .version-tag,
.footer-meta .footer-visitor{
  font-size:.73rem!important;
}
.footer-visitor strong{
  color:#9df1ee!important;
}

@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-top:18px!important;
    padding-bottom:14px!important;
  }
  .business-slider{
    min-height:340px!important;
  }
}
@media(max-width:700px){
  .section{padding:34px 0!important}
  .questions .four-grid article{padding:18px 16px!important}
  .hero-copy h1{font-size:clamp(2rem,9vw,3rem)!important}
  .business-slider{min-height:280px!important}
}


/* ==========================================================
   v1.6.6 – stödpanelen närmare kontaktblocket
   ========================================================== */
.hero-side{
  gap:10px!important;
}
.hero-contact{
  margin-bottom:0!important;
}
.hero-support-panel{
  margin-top:-2px!important;
  padding-top:12px!important;
}
@media(max-width:1000px){
  .hero-side{
    gap:12px!important;
  }
  .hero-support-panel{
    margin-top:0!important;
  }
}


/* ==========================================================
   v1.6.9 – stabil korrigering efter felaktig 1.6.8
   Utgår från 1.6.6 och gör endast försiktiga layoutändringar.
   ========================================================== */

/* Hero: lite mer kompakt, men utan aggressiv städning */
.hero-grid{
  min-height:500px !important;
  align-items:start !important;
  gap:38px !important;
}
.hero-copy{
  padding:56px 0 14px !important;
}
.hero-copy h1{
  font-size:clamp(2.45rem,4.8vw,4.4rem) !important;
}
.hero-promise{
  margin:0 0 18px !important;
}
.lead{
  margin:.7em 0 !important;
}
.hero-trust-row{
  margin-top:12px !important;
  gap:14px !important;
}
.hero-side{
  gap:12px !important;
}
.business-slider{
  min-height:350px !important;
  max-height:430px !important;
}
.hero-contact{
  margin-top:0 !important;
  padding:18px 20px !important;
}

/* Lyfter upp stödpanelen utan att bryta layouten */
@media (min-width:1001px){
  .hero-support-panel{
    margin-top:-28px !important;
  }
}
.hero-support-panel{
  padding:16px !important;
  gap:10px !important;
}
.hero-support-item{
  padding:12px !important;
}

/* Minska de stora tomrummen mellan sektionerna */
.questions .four-grid article{
  padding:26px 22px !important;
}
.section{
  padding:48px 0 !important;
}
.insight-grid{
  gap:42px !important;
}
.preview-card{
  padding:26px !important;
}
.meaning p{
  font-size:1.03rem !important;
}
.flow{
  margin:18px 0 !important;
}
.three-grid{
  gap:18px !important;
}
.photo-card img{
  height:200px !important;
}
.photo-card div{
  padding:18px !important;
}
.final-grid{
  gap:38px !important;
}
.signup-card{
  min-height:315px !important;
}
.signup-content{
  padding:30px !important;
}
.return{
  margin-top:16px !important;
}

/* Tomma statusrader ska inte ta plats */
.hero-contact-status:empty,
.form-status:empty,
.contact-note:empty,
.form-note:empty{
  display:none !important;
}

@media (max-width:1000px){
  .hero-grid{
    gap:26px !important;
    min-height:0 !important;
  }
  .hero-copy{
    padding:36px 0 12px !important;
  }
  .hero-support-panel{
    margin-top:0 !important;
  }
  .section{
    padding:38px 0 !important;
  }
  .insight-grid,
  .final-grid{
    gap:24px !important;
  }
}

@media (max-width:700px){
  .questions .four-grid article{
    padding:18px 0 !important;
  }
  .section{
    padding:30px 0 !important;
  }
  .photo-card img{
    height:180px !important;
  }
}


/* v1.7.2 – besöksräknare i övre footer-rad, nedre rad bort */
.footer-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.footer-meta .version-tag,
.footer-meta .footer-visitor{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  font-size:.72rem;
  color:#c8e0e7;
  white-space:nowrap;
}
.footer-meta .footer-visitor strong{
  margin-left:4px;
  color:#7ee0dd;
}


/* ==========================================================
   1.7.9 – Förfinade behållare: kontaktkort + nyhetsbrevskort
   ========================================================== */

.hero-contact{
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,251,.98) 100%);
  border:1px solid rgba(22, 92, 108, .14);
  border-radius:22px;
  box-shadow:0 24px 54px rgba(16,42,67,.14), 0 8px 18px rgba(16,42,67,.06);
  padding:24px 24px 20px;
  backdrop-filter:blur(6px);
}
.hero-contact::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg, #159793 0%, #69d6d2 100%);
}
.hero-contact h2{
  font-size:1.5rem;
  line-height:1.18;
  margin:4px 0 8px;
}
.hero-contact p{
  font-size:.94rem;
  line-height:1.55;
  max-width:44ch;
  margin:0 0 16px;
}
.hero-contact-grid{
  gap:12px;
}
.hero-contact-grid input{
  min-height:48px;
  border:1px solid #cfdadd;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 2px 8px rgba(16,42,67,.03);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.hero-contact-grid input:focus,
.form-row input:focus{
  outline:none;
  border-color:#159793;
  box-shadow:0 0 0 4px rgba(21,151,147,.12);
}
.hero-contact button{
  min-height:50px;
  border-radius:12px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(21,151,147,.22);
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.hero-contact button:hover,
.signup-content button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(16,42,67,.16);
}
.hero-contact .contact-note{
  margin-top:10px;
  color:#61727d;
}
.hero-contact-status{
  margin-top:9px;
  padding-top:3px;
}

.signup-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(280px, .85fr);
  align-items:stretch;
  min-height:380px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(22,92,108,.10);
  background:linear-gradient(135deg, #eef8f7 0%, #e8f4f3 54%, #e3eceb 100%);
  box-shadow:0 28px 60px rgba(16,42,67,.10), 0 10px 24px rgba(16,42,67,.05);
}
.signup-card::before{
  content:"";
  position:absolute;
  left:-60px;
  top:-70px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(105,214,210,.16) 0%, rgba(105,214,210,0) 72%);
  pointer-events:none;
}
.signup-card::after{
  content:"";
  position:absolute;
  inset:auto 28px 26px 28px;
  height:1px;
  background:linear-gradient(90deg, rgba(21,151,147,.16), rgba(21,151,147,0));
  pointer-events:none;
}
.signup-card img{
  position:relative;
  width:100%;
  height:100%;
  right:auto;
  top:auto;
  object-fit:cover;
  opacity:1;
  mix-blend-mode:normal;
  filter:saturate(1.02) contrast(1.02);
}
.signup-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:1;
  max-width:none;
  padding:46px 42px 42px;
}
.signup-content h2{
  font-size:2rem;
  line-height:1.08;
  margin:0 0 14px;
  max-width:14ch;
}
.signup-content > p{
  font-size:1.02rem;
  line-height:1.6;
  max-width:34ch;
  margin:0 0 10px;
}
.signup-content form{
  margin-top:8px;
}
.form-row{
  margin-top:20px;
  display:flex;
  align-items:stretch;
  gap:12px;
  box-shadow:none;
}
.form-row input{
  min-height:56px;
  border:1px solid #ced9dd;
  border-right:1px solid #ced9dd;
  border-radius:14px;
  padding:16px 18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(16,42,67,.06);
}
.form-row button{
  min-height:56px;
  padding:0 28px;
  border-radius:14px;
  white-space:nowrap;
  box-shadow:0 12px 28px rgba(21,151,147,.22);
}
.form-note{
  max-width:40ch;
  margin-top:14px;
  line-height:1.6;
  color:#5c6d78;
}
.form-status{
  margin-top:10px;
}

@media (max-width:1100px){
  .signup-content{
    padding:38px 34px 34px;
  }
  .signup-content h2{
    font-size:1.8rem;
  }
}

@media (max-width:900px){
  .hero-contact{
    padding:22px 20px 18px;
  }
  .signup-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .signup-card img{
    order:2;
    min-height:240px;
  }
  .signup-content{
    order:1;
    padding:34px 26px 24px;
  }
  .signup-content h2{
    max-width:none;
  }
  .signup-content > p,
  .form-note{
    max-width:none;
  }
}

@media (max-width:600px){
  .hero-contact h2{
    font-size:1.35rem;
  }
  .signup-card{
    border-radius:22px;
  }
  .signup-content{
    padding:28px 22px 20px;
  }
  .signup-content h2{
    font-size:1.55rem;
  }
  .signup-content > p{
    font-size:.98rem;
  }
  .form-row{
    gap:10px;
  }
  .form-row input,
  .form-row button,
  .hero-contact button{
    min-height:50px;
  }
}


/* ==========================================================
   1.8.1 – Förfining av nyhetsbrevsbehållaren
   ========================================================== */
.final-section .final-grid{
  align-items:center;
}

.final-section .signup-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(250px, .85fr);
  align-items:stretch;
  min-height:360px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(135deg,#eef8f7 0%,#ecf6f5 56%,#e4efee 100%);
  border:1px solid rgba(18,111,128,.10);
  box-shadow:0 28px 60px rgba(16,42,67,.10), 0 8px 20px rgba(16,42,67,.05);
}
.final-section .signup-card::before{
  content:'';
  position:absolute;
  left:-50px;
  top:-50px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(105,214,210,.18) 0%, rgba(105,214,210,0) 72%);
  pointer-events:none;
}
.final-section .signup-card img{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:1;
  mix-blend-mode:normal;
}
.final-section .signup-content{
  position:relative;
  z-index:1;
  max-width:none;
  padding:44px 40px 38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.final-section .signup-content h2{
  font-size:2rem;
  line-height:1.05;
  margin:0 0 14px;
  max-width:13ch;
}
.final-section .signup-content > p{
  margin:0 0 8px;
  font-size:1.02rem;
  line-height:1.58;
  color:var(--navy);
  max-width:34ch;
}
.final-section #interestForm{
  margin-top:10px;
}
.final-section .form-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  margin-top:18px;
  box-shadow:none;
}
.final-section .form-row input{
  min-height:56px;
  border:1px solid #cfdadd;
  border-right:1px solid #cfdadd;
  border-radius:14px;
  padding:0 18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(16,42,67,.06);
}
.final-section .form-row button{
  min-height:56px;
  border-radius:14px;
  padding:0 24px;
  white-space:nowrap;
  background:linear-gradient(135deg, var(--teal-dark) 0%, #1f8f8c 100%);
  box-shadow:0 12px 28px rgba(21,151,147,.24);
}
.final-section .form-row button:hover{
  background:var(--navy);
}
.final-section .form-note,
.final-section .form-status{
  display:block;
  margin-top:14px;
  font-size:.88rem;
  line-height:1.55;
  color:#5c6d78;
  max-width:40ch;
}

/* Gör även den mindre uppdateringsbehållaren mer sammanhållen om den visas */
.return + .signup-card,
.follow-card,
.update-card{
  border-radius:22px;
}

@media (max-width:1000px){
  .final-section .signup-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .final-section .signup-card img{
    order:2;
    min-height:240px;
  }
  .final-section .signup-content{
    order:1;
    padding:34px 28px 26px;
  }
  .final-section .signup-content h2,
  .final-section .signup-content > p,
  .final-section .form-note{
    max-width:none;
  }
}

@media (max-width:640px){
  .final-section .signup-card{
    border-radius:22px;
  }
  .final-section .signup-content{
    padding:26px 22px 20px;
  }
  .final-section .signup-content h2{
    font-size:1.6rem;
  }
  .final-section .form-row{
    grid-template-columns:1fr;
  }
  .final-section .form-row button,
  .final-section .form-row input{
    width:100%;
  }
}


/* ==========================================================
   1.8.2 – Integrerad "Vill du följa Bolagsnav?" direkt i temat
   ========================================================== */
.follow-section{
  background:linear-gradient(180deg,#f8fbfb 0%,#f4f8f8 100%);
  padding:64px 0 72px;
}
.follow-card{
  width:min(100%,980px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:34px;
  align-items:center;
  padding:34px 38px;
  border:1px solid rgba(22,92,108,.13);
  border-radius:26px;
  background:rgba(255,255,255,.97);
  box-shadow:0 24px 60px rgba(16,42,67,.09),0 8px 20px rgba(16,42,67,.04);
  position:relative;
  overflow:hidden;
}
.follow-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,#159793 0%,#69d6d2 100%);
}
.follow-copy h2{
  margin:0 0 10px;
  font-size:clamp(1.9rem,3vw,2.55rem);
  line-height:1.05;
  color:var(--navy-deep);
  max-width:13ch;
}
.follow-copy p{
  margin:0;
  max-width:34ch;
  font-size:1rem;
  line-height:1.65;
  color:var(--muted);
}
.follow-form{
  display:grid;
  gap:12px;
}
.follow-form-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:stretch;
}
.follow-form input{
  width:100%;
  min-height:54px;
  border:1px solid #cfdadd;
  border-radius:14px;
  padding:0 17px;
  background:#fff;
  font:inherit;
  box-shadow:0 8px 22px rgba(16,42,67,.05);
}
.follow-form input:focus{
  outline:none;
  border-color:#159793;
  box-shadow:0 0 0 4px rgba(21,151,147,.12);
}
.follow-form button{
  min-height:54px;
  border:0;
  border-radius:14px;
  padding:0 24px;
  background:var(--teal-dark);
  color:#fff;
  font:inherit;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(21,151,147,.20);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.follow-form button:hover{
  background:var(--navy);
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(16,42,67,.14);
}
.follow-note,
.follow-status{
  margin:0;
  font-size:.82rem;
  line-height:1.55;
  color:#64747e;
}
.follow-status{
  color:var(--teal-dark);
  font-weight:700;
}

@media(max-width:820px){
  .follow-card{
    grid-template-columns:1fr;
    gap:24px;
    padding:30px 26px;
  }
  .follow-copy h2,
  .follow-copy p{
    max-width:none;
  }
}
@media(max-width:600px){
  .follow-section{padding:48px 0 56px}
  .follow-card{
    padding:26px 20px;
    border-radius:22px;
  }
  .follow-form-row{
    grid-template-columns:1fr;
  }
  .follow-form button,
  .follow-form input{
    width:100%;
  }
}

/* ==========================================================
   1.9.58 – Företagarskolan: Starta Smart + Fortsätt Smart
   ========================================================== */
.follow-section,.bn-interest-placement{display:none!important}
.ss-hero--school{max-width:980px}
.ss-grid--doors{gap:22px}
.ss-school-door{min-height:270px;padding:30px;border:2px solid rgba(31,138,138,.28);background:linear-gradient(145deg,#fff 0%,#f1faf8 100%)}
.ss-school-door--continue{border-color:rgba(16,42,67,.22);background:linear-gradient(145deg,#fff 0%,#f3f6fb 100%)}
.ss-door-kicker{flex:0!important;color:var(--teal-dark);font-size:.74rem;font-weight:900;letter-spacing:.12em}
.ss-school-door strong{font-size:1.7rem}
.ss-school-door b{font-size:1rem}
.ss-jump{display:flex;gap:10px;flex-wrap:wrap;max-width:980px;margin:26px auto 6px}
.ss-jump a{padding:8px 13px;border:1px solid rgba(31,138,138,.26);border-radius:999px;background:#fff;color:var(--navy);font-size:.9rem;font-weight:800;text-decoration:none}
.ss-jump a:hover,.ss-jump a:focus-visible{border-color:var(--teal);background:#edf8f6;outline:none}
.ss-learning-section{max-width:980px;margin:28px auto;padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(16,42,67,.05)}
.ss-learning-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;align-items:start;margin-bottom:18px}
.ss-learning-head>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:#fff;font-size:1.2rem;font-weight:900}
.ss-learning-head h2{margin:0 0 6px;font-size:clamp(1.45rem,3vw,2rem)}
.ss-learning-head p{margin:0;color:var(--muted);font-size:1.02rem}
.ss-learning-body h3{margin:28px 0 8px;color:var(--navy-deep);font-size:1.15rem}
.ss-learning-body h3:first-child{margin-top:0}
.ss-learning-body p,.ss-learning-body li{max-width:78ch}
.ss-learning-body li+li{margin-top:7px}
.ss-action{margin:20px 0 0;padding:14px 16px;border-left:4px solid var(--teal);border-radius:0 10px 10px 0;background:#edf8f6}
.ss-table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:12px}
.ss-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;background:#fff}
.ss-table-wrap th{padding:12px 14px;background:var(--navy);color:#fff;text-align:left;font-size:.9rem}
.ss-table-wrap td{padding:13px 14px;vertical-align:top;border-top:1px solid var(--line)}
.ss-table-wrap tbody tr:nth-child(even){background:#f5faf8}
.ss-sources{max-width:980px;margin:34px auto 0;padding:26px 30px;border:1px solid var(--line);border-radius:18px;background:#fff}
.ss-sources h2{font-size:1.45rem;margin-top:0}
.ss-sources p{color:var(--muted);font-size:.93rem}
@media(max-width:720px){
  .ss-school-door{min-height:0;padding:24px}
  .ss-learning-section{margin:20px auto;padding:22px 18px}
  .ss-learning-head{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .ss-learning-head>span{width:40px;height:40px;border-radius:11px;font-size:1rem}
  .ss-jump{gap:8px;margin:20px auto 4px}
  .ss-jump a{padding:7px 10px;font-size:.84rem}
  .ss-sources{padding:22px 18px}
}


/* 1.8.7 – dölj följ-/nyhetsbrevsrutan helt och minska tomyta */
.follow-section,
.follow-card,
.follow-form,
.follow-copy,
#interestForm,
#followTitle {
  display: none !important;
}

.final-section {
  padding-bottom: 20px !important;
  margin-bottom: 0 !important;
}

.section + .section {
  margin-top: 0 !important;
}

.value-grid,
.insight-grid,
.example-section,
.preview-section {
  margin-top: 0 !important;
}


/* Kontaktformulär – tydligare trygghet och återkoppling, v1.9.1 */
.contact-assurance{
  margin-top:12px;
  padding:11px 14px;
  display:flex;
  flex-wrap:wrap;
  gap:4px 7px;
  align-items:center;
  border:1px solid rgba(18,113,119,.24);
  border-left:4px solid #14787b;
  border-radius:10px;
  background:#eef8f7;
  color:#334d57;
  font-size:.86rem;
  line-height:1.45;
}
.contact-assurance strong{
  color:#0e6267;
  font-weight:750;
}
.hero-contact-status{
  margin-top:12px !important;
  padding:13px 15px !important;
  border-radius:10px;
  font-size:.9rem !important;
  line-height:1.45;
  font-weight:650;
}
.hero-contact-status.is-success{
  color:#0d5c4d;
  background:#e7f7ef;
  border:1px solid #9dd7bd;
  box-shadow:0 6px 16px rgba(13,92,77,.08);
}
.hero-contact-status.is-error{
  color:#842d2d;
  background:#fff0f0;
  border:1px solid #e9b4b4;
}

/* Tillfälligt formulärkvitto, v1.9.2 */

.hero-contact-status{
  opacity:1;
  transform:translateY(0);
  transition:opacity .4s ease, transform .4s ease, margin .4s ease, padding .4s ease;
}
.hero-contact-status.is-hiding{
  opacity:0;
  transform:translateY(-4px);
}


/* v1.9.9 – clearer value, SILA example and method */
.bnv-explain-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bnv-section-head{max-width:780px;margin-bottom:30px}.bnv-section-head>p:last-child{font-size:1.08rem;color:#40505b;margin-bottom:0}
.bnv-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bnv-value-grid article{background:#f7fbfb;border:1px solid #dcebea;border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(16,42,67,.05)}
.bnv-value-grid strong{display:block;color:var(--navy-deep);font-size:1.12rem;margin-bottom:7px}.bnv-value-grid span{color:var(--muted)}
.bnv-sila-note{margin-top:18px;padding:16px 17px;border-left:4px solid var(--amber);background:#fff9e9;border-radius:10px;display:grid;gap:5px}
.bnv-sila-note strong{color:#7c5516}.bnv-sila-note span{color:#4d4d44;font-size:.94rem}
.bnv-method-section{background:#eef6f5}.bnv-method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}.bnv-method-grid>div:first-child p:last-child{font-size:1.05rem;color:#40505b}
.bnv-method-flow{display:grid;gap:12px}.bnv-method-flow>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid #d9e7e5;border-radius:15px;padding:16px 18px}.bnv-method-flow b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--teal-dark);color:#fff}.bnv-method-flow span{display:grid;gap:3px}.bnv-method-flow strong{color:var(--navy-deep)}.bnv-method-flow small{font-size:.9rem;color:var(--muted);line-height:1.45}
.bnv-questions-section{background:#fff}.bnv-questions-section h2{max-width:760px}.bnv-question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}.bnv-question-grid article{border:1px solid var(--line);border-radius:16px;padding:21px 22px;background:#fbfcfd}.bnv-question-grid strong{display:block;color:var(--navy-deep);margin-bottom:7px}.bnv-question-grid span{color:var(--muted);font-size:.94rem}
@media(max-width:900px){.bnv-value-grid,.bnv-method-grid,.bnv-question-grid{grid-template-columns:1fr}.bnv-method-grid{gap:28px}}

/* v1.9.9 – företagarfokus + kompaktare informationsflöde */
.hero-copy h1{font-size:clamp(2.65rem,5.2vw,4.9rem)}
.hero-promise{max-width:650px}
.bnv-recognition{padding:0}
.three-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.three-quick-grid article{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:26px 24px;border-right:1px solid #e4ded2}
.three-quick-grid article:first-child{padding-left:0}.three-quick-grid article:last-child{border-right:0;padding-right:0}
.three-quick-grid h2{font-size:1rem;line-height:1.3;letter-spacing:-.01em;margin:2px 0 5px}
.three-quick-grid p{font-size:.91rem;margin:0;color:var(--muted)}
.three-quick-grid .icon{width:42px;height:42px;font-size:.95rem;font-weight:900}
.bnv-explain-section,.bnv-method-section,.bnv-owner-section,.bnv-questions-section{padding-top:58px;padding-bottom:58px}
.bnv-owner-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bnv-owner-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.bnv-owner-grid h2{margin-bottom:.4em}.bnv-owner-grid .audience-intro{margin-bottom:0}
.bnv-owner-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bnv-owner-points span{display:grid;gap:4px;background:#f7fbfb;border:1px solid #dcebea;border-radius:14px;padding:16px;font-size:.9rem;color:var(--muted)}
.bnv-owner-points strong{color:var(--navy-deep);font-size:1rem}
.bnv-question-accordion{grid-template-columns:repeat(2,1fr)}
.bnv-question-accordion details{border:1px solid var(--line);border-radius:14px;background:#fbfcfd;overflow:hidden}
.bnv-question-accordion summary{cursor:pointer;list-style:none;padding:17px 42px 17px 18px;font-weight:800;color:var(--navy-deep);position:relative;line-height:1.35}
.bnv-question-accordion summary::-webkit-details-marker{display:none}
.bnv-question-accordion summary:after{content:'+';position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--teal-dark)}
.bnv-question-accordion details[open] summary:after{content:'–'}
.bnv-question-accordion details p{margin:0;padding:0 18px 17px;color:var(--muted);font-size:.92rem}
@media(max-width:900px){
  .three-quick-grid,.bnv-owner-grid,.bnv-owner-points,.bnv-question-accordion{grid-template-columns:1fr}
  .three-quick-grid article,.three-quick-grid article:first-child,.three-quick-grid article:last-child{padding:20px 0;border-right:0;border-bottom:1px solid #e4ded2}
  .three-quick-grid article:last-child{border-bottom:0}
  .bnv-owner-grid{gap:24px}
}


/* v1.9.19 – första lilla steget: fyller vänstersidans tomyta med trygghet, utan att röra hero-strukturen */
.hero-first-check{
  margin-top:22px;
  padding:18px 19px;
  border:1px solid #dcebea;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f5faf9 100%);
  box-shadow:0 10px 26px rgba(16,42,67,.05);
  max-width:590px;
}
.hero-first-check-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.hero-first-check-mark{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(31,138,138,.12);color:var(--teal-dark);font-weight:900}
.hero-first-check-head div{display:grid;gap:2px}
.hero-first-check-head strong{color:var(--navy-deep);font-size:1rem}
.hero-first-check-head span{color:var(--muted);font-size:.86rem}
.hero-first-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hero-first-check-grid>span{display:grid;gap:3px;padding:11px 12px;border-radius:12px;background:#fff;border:1px solid rgba(31,138,138,.12)}
.hero-first-check-grid strong{color:var(--navy-deep);font-size:.84rem}
.hero-first-check-grid small{color:var(--muted);font-size:.73rem;line-height:1.35}
@media(max-width:1000px){.hero-first-check{max-width:760px}}
@media(max-width:620px){.hero-first-check-grid{grid-template-columns:1fr}.hero-first-check{padding:16px;margin-top:18px}}


/* v1.9.20 – ett enda steg: bättre utnyttjande av desktopbredden */
@media (min-width:901px){
  .wrap{
    width:min(1720px,calc(100% - 48px));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }
}


/* v1.9.21 – responsiv FAQ-rubrik: en rad på bred desktop, naturligt bryt på mindre skärmar */
@media (min-width:1320px){
  .bnv-questions-section h2{
    max-width:none;
    white-space:nowrap;
    font-size:clamp(2rem,2.35vw,2.35rem);
    margin-bottom:.45em;
  }
  .bnv-question-grid{
    margin-top:20px;
  }
}

@media (max-width:1319px){
  .bnv-questions-section h2{
    white-space:normal;
  }
}


/* v1.9.22 – endast FAQ-ytan: kompaktare desktop utan påverkan på mobil */
@media (min-width:1320px){
  .bnv-questions-section{
    padding-top:34px !important;
    padding-bottom:36px !important;
  }
  .bnv-questions-section .eyebrow{
    margin-bottom:8px !important;
  }
  .bnv-questions-section h2{
    max-width:none !important;
    white-space:nowrap !important;
    font-size:clamp(1.95rem,2.15vw,2.22rem) !important;
    line-height:1.08 !important;
    margin:0 0 16px !important;
  }
  .bnv-question-grid{
    margin-top:0 !important;
    gap:12px 14px !important;
  }
  .bnv-question-grid details{
    margin:0 !important;
  }
}
@media (min-width:901px) and (max-width:1319px){
  .bnv-questions-section{
    padding-top:42px !important;
    padding-bottom:42px !important;
  }
  .bnv-questions-section h2{
    margin-bottom:18px !important;
  }
  .bnv-question-grid{
    margin-top:0 !important;
  }
}

/* v1.9.23 – endast två korrigeringar: verklig hero-höjd + bättre användning av slutytan */
@media (min-width:1001px){
  .hero-grid{
    min-height:0 !important;
    height:auto !important;
    padding-bottom:28px !important;
  }
  .hero-side{
    gap:12px !important;
  }
  .hero-support-panel{
    margin-top:0 !important;
  }
}

@media (min-width:1100px){
  .final-section{
    position:relative;
    overflow:hidden;
    background:
      linear-gradient(90deg, var(--sand) 0%, var(--sand) 58%, rgba(246,242,232,.90) 70%, rgba(246,242,232,.32) 100%),
      url("assets/slide-09-strategi-helhet.webp") right center / 42% 100% no-repeat;
  }
  .final-section .final-grid{
    grid-template-columns:minmax(0, .72fr) minmax(300px, 1.28fr) !important;
    min-height:260px;
  }
  .final-section .final-grid > div:first-child{
    max-width:660px;
    position:relative;
    z-index:1;
  }
}


/* ==========================================================
   v1.9.28 – TOPPEN OMBYGGD FRÅN GRUNDEN
   Ny oberoende grid. Inga gamla hero-grid/hero-side wrappers används.
   ========================================================== */
.bnh-hero{
  background:linear-gradient(180deg,#fff 0%,#f7fbfc 100%);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.bnh-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
  grid-template-areas:
    "intro slider"
    "check contact"
    "support support";
  column-gap:48px;
  row-gap:22px;
  align-items:start;
  padding-top:42px;
  padding-bottom:28px;
}
.bnh-intro{grid-area:intro;min-width:0;padding:6px 0 0}
.bnh-slider{grid-area:slider;min-width:0}
.bnh-check{grid-area:check;min-width:0}
.bnh-contact{grid-area:contact;min-width:0}
.bnh-support{grid-area:support;min-width:0}

.bnh-intro h1{
  margin:.08em 0 .24em;
  color:var(--navy-deep);
  font-size:clamp(2.55rem,4.8vw,4.7rem);
  line-height:.96;
  letter-spacing:-.045em;
}
.bnh-intro .hero-promise{
  max-width:720px;
  margin:0 0 14px;
  font-size:clamp(1.08rem,1.35vw,1.34rem);
  line-height:1.34;
}
.bnh-intro .hero-decision-line{margin:0 0 14px}
.bnh-intro .lead{max-width:760px;margin:0 0 16px}
.bnh-intro .hero-trust-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.bnh-intro .hero-trust-item{min-width:0}

.bnh-slider .business-slider{
  width:100%;
  min-height:300px;
  max-height:none;
  aspect-ratio:16/9;
  margin:0;
}
.bnh-check .hero-first-check{
  margin:0;
  max-width:none;
  height:100%;
  box-sizing:border-box;
}
.bnh-contact .hero-contact{
  margin:0;
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.bnh-support .hero-support-panel{
  margin:0;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:1.1fr repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.bnh-support .hero-support-kicker{
  grid-column:auto;
  display:flex;
  align-items:center;
  padding:14px 16px;
}
.bnh-support .hero-support-item{min-width:0}

@media(max-width:1180px){
  .bnh-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(430px,1fr);
    column-gap:28px;
  }
  .bnh-intro h1{font-size:clamp(2.35rem,5vw,3.8rem)}
  .bnh-support .hero-support-panel{grid-template-columns:1fr repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
  .bnh-hero-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "slider"
      "contact"
      "check"
      "support";
    gap:18px;
    padding-top:30px;
    padding-bottom:24px;
  }
  .bnh-intro h1{font-size:clamp(2.45rem,9vw,4rem)}
  .bnh-intro .hero-trust-row{grid-template-columns:1fr}
  .bnh-slider .business-slider{min-height:0;aspect-ratio:16/9}
  .bnh-support .hero-support-panel{grid-template-columns:1fr}
  .bnh-support .hero-support-kicker{grid-column:1}
}

@media(max-width:620px){
  .bnh-hero-grid{padding-top:22px;padding-bottom:20px;gap:14px}
  .bnh-intro h1{font-size:clamp(2.25rem,11vw,3.25rem)}
  .bnh-intro .hero-promise{font-size:1.05rem}
  .bnh-check .hero-first-check{padding:15px}
}

/* ==========================================================
   v1.9.28 – tar bort onödig tomyta före "Bolagsnav vid din sida"
   Själva hero-raderna får följa innehållets verkliga höjd.
   ========================================================== */
@media (min-width:901px){
  .bnh-hero-grid{
    grid-auto-rows:auto !important;
    row-gap:12px !important;
    align-items:start !important;
  }
  .bnh-check,
  .bnh-contact,
  .bnh-support{
    align-self:start !important;
    min-height:0 !important;
  }
  .bnh-check .hero-first-check{
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
  }
  .bnh-contact .hero-contact{
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
  }
  .bnh-support{
    margin-top:-4px !important;
  }
}


/* ==========================================================
   v1.9.28 – direkt korrigering av tomrummet före stödpanelen
   På desktop flyttas hela stödpanelen upp och layoutflödet
   kompenseras, utan att röra mobilordningen.
   ========================================================== */
@media (min-width:901px){
  .bnh-hero-grid{
    row-gap:10px !important;
    padding-bottom:18px !important;
  }
  .bnh-support{
    margin-top:-64px !important;
    margin-bottom:0 !important;
    position:relative;
    z-index:2;
  }
  .bnh-support .hero-support-panel{
    margin:0 !important;
  }
}

/* ==========================================================
   v1.9.28 – rotorsaken till tomrummet borttagen
   Äldre hero-layout lämnade transform:translateY(-50%) på
   kontaktkortet. Kortet flyttades visuellt men behöll sin plats
   i gridflödet, vilket skapade ett stort osynligt tomrum under.
   ========================================================== */
@media (min-width:901px){
  .bnh-contact .hero-contact{
    transform:none !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;
  }
  .bnh-hero-grid{
    row-gap:14px !important;
    padding-bottom:22px !important;
  }
  .bnh-support{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* ==========================================================
   v1.9.28 – kontaktkortet närmare bildspelets nederkant
   Endast desktop/tablet. Ingen transform används, så flödet
   och mobilordningen påverkas inte.
   ========================================================== */
@media (min-width:901px){
  .bnh-contact{
    margin-top:-10px !important;
  }
}


/* ==========================================================
   v1.9.29 – tätare kontaktläge + meningsfull vänsteryta
   1) Kontaktkortet ligger nästan mot slideshowens nederkant.
   2) Första-kollen fyller sin rad med konkret innehåll och
      möter kontaktkortets nederkant på desktop.
   ========================================================== */
@media (min-width:901px){
  .bnh-contact{
    margin-top:-13px !important;
  }
  .bnh-check{
    align-self:stretch !important;
    display:flex;
  }
  .bnh-check .hero-first-check{
    height:100% !important;
    min-height:100% !important;
    width:100%;
    display:flex;
    flex-direction:column;
  }
  .hero-first-check-focus{
    margin-top:auto;
  }
}
.hero-first-check-focus{
  border-top:1px solid rgba(31,138,138,.15);
  margin-top:14px;
  padding-top:13px;
}
.hero-first-check-focus>strong{
  display:block;
  color:var(--navy-deep);
  font-size:.84rem;
  margin-bottom:8px;
}
.hero-first-check-focus>div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.hero-first-check-focus span{
  display:grid;
  gap:2px;
  min-width:0;
}
.hero-first-check-focus b{
  color:var(--teal-dark);
  font-size:.76rem;
  line-height:1.25;
}
.hero-first-check-focus small{
  color:var(--muted);
  font-size:.69rem;
  line-height:1.28;
}
@media(max-width:620px){
  .hero-first-check-focus>div{grid-template-columns:1fr}
}


/* =========================================================
   v1.9.30 – integrerad plats för "Vad tänker företagare?"
   Karusellen visas endast när tillägget Bolagsnav – Tankar är aktivt.
   ========================================================= */
.bnv-thoughts-slot{
  margin:0;
}
.bnv-thoughts-slot .bn-thoughts{
  border-top:1px solid rgba(15,43,61,.08);
  border-bottom:1px solid rgba(15,43,61,.08);
}


/* ==========================================================
   v1.9.31 – FÖRSTA FÖRSÖKET: lugnare startsida + Bolagsnav Radar
   - Bildslidern ersatt av kompakt informationskarusell.
   - Upprepade varnings-/igenkänningsblock borttagna i markup.
   - Kontakt flyttad ned efter första förklaringen.
   ========================================================== */
.bnh-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr)!important;
  grid-template-areas:
    "intro radar"
    "check check"!important;
  column-gap:44px!important;
  row-gap:20px!important;
  padding-top:38px!important;
  padding-bottom:28px!important;
}
.bnh-radar{grid-area:radar;min-width:0}
.bnh-check{grid-area:check;min-width:0}
.bnh-intro .hero-promise{max-width:650px}
.bnh-intro .lead{max-width:650px;margin-bottom:0}

.radar-shell{
  position:relative;
  min-height:338px;
  padding:22px 22px 16px;
  border:1px solid #dce6e6;
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,rgba(31,138,138,.12),transparent 31%),
    linear-gradient(145deg,#ffffff 0%,#f4faf9 100%);
  box-shadow:0 18px 42px rgba(16,42,67,.09);
  overflow:hidden;
}
.radar-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(16,42,67,.09);
}
.radar-top h2{
  margin:2px 0 0;
  font-size:1.45rem;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--navy-deep);
}
.radar-kicker{
  margin:0;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  color:var(--teal-dark);
}
.radar-live{
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:999px;
  background:#e8f6f1;
  color:#176d57;
  font-size:.72rem;
  font-weight:800;
}
.radar-stage{
  position:relative;
  min-height:220px;
}
.radar-card{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  opacity:0;
  transform:translateX(10px);
  pointer-events:none;
  transition:opacity .45s ease,transform .45s ease;
  padding:18px 3px 8px;
}
.radar-card.active{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.radar-type{
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  padding:4px 8px;
  border-radius:6px;
  background:#edf4f3;
  color:var(--teal-dark);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.09em;
}
.radar-card h3{
  max-width:520px;
  margin:0 0 9px;
  color:var(--navy-deep);
  font-size:clamp(1.25rem,2vw,1.8rem);
  line-height:1.15;
  letter-spacing:-.025em;
}
.radar-card p{
  max-width:540px;
  margin:0 0 12px;
  color:var(--muted);
  line-height:1.5;
}
.radar-card > small{
  color:#66756f;
  font-size:.76rem;
}
.radar-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:5px 0 13px;
}
.radar-metrics span{
  display:flex;
  flex-direction:column;
  padding:11px 12px;
  border:1px solid #dce7e4;
  border-radius:12px;
  background:rgba(255,255,255,.78);
}
.radar-metrics b{
  color:var(--navy-deep);
  font-size:1.42rem;
  line-height:1.1;
}
.radar-metrics small{margin-top:4px;color:var(--muted)}
.radar-controls{
  display:grid;
  grid-template-columns:34px 1fr 34px;
  align-items:center;
  gap:10px;
  padding-top:8px;
}
.radar-arrow{
  width:34px;height:34px;
  border:1px solid #d5e1de;
  border-radius:50%;
  background:#fff;
  color:var(--navy-deep);
  font-size:1.35rem;
  line-height:1;
  cursor:pointer;
}
.radar-dots{
  display:flex;
  justify-content:center;
  gap:7px;
}
.radar-dot{
  width:7px;height:7px;
  padding:0;border:0;border-radius:50%;
  background:#b8c6c2;
  cursor:pointer;
}
.radar-dot.active{background:var(--teal);transform:scale(1.25)}

.bnv-contact-section{
  padding-top:30px!important;
  padding-bottom:30px!important;
  background:#f3f7f7;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.bnv-contact-wrap{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);
  gap:34px;
  align-items:center;
}
.bnv-contact-copy h2{
  margin:.1em 0 .35em;
  color:var(--navy-deep);
  font-size:clamp(1.65rem,3vw,2.45rem);
  line-height:1.08;
}
.bnv-contact-copy p:last-child{
  margin-bottom:0;
  color:var(--muted);
}
.bnv-contact-section .hero-contact{
  margin:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
}

@media(max-width:900px){
  .bnh-hero-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "intro"
      "radar"
      "check"!important;
    gap:16px!important;
  }
  .radar-shell{min-height:320px}
  .bnv-contact-wrap{grid-template-columns:1fr;gap:18px}
}
@media(max-width:620px){
  .bnh-hero-grid{padding-top:22px!important;padding-bottom:20px!important}
  .radar-shell{min-height:342px;padding:18px 16px 13px;border-radius:18px}
  .radar-stage{min-height:235px}
  .radar-top h2{font-size:1.25rem}
  .radar-live{font-size:.67rem}
  .radar-card h3{font-size:1.28rem}
  .radar-metrics{grid-template-columns:1fr 1fr}
  .bnv-contact-section{padding-top:24px!important;padding-bottom:24px!important}
}


/* v1.9.32 – Bolagsnav Radar: automatisk mix + variabel lästid */
.radar-source-link{
  width:max-content;
  max-width:100%;
  color:#176d57;
  font-size:.76rem;
  font-weight:750;
  text-decoration:none;
  border-bottom:1px solid rgba(23,109,87,.25);
}
.radar-source-link:hover,
.radar-source-link:focus{
  color:#0d5745;
  border-bottom-color:currentColor;
}
.radar-progress{
  height:3px;
  margin-top:9px;
  overflow:hidden;
  border-radius:999px;
  background:#e3ece9;
}
.radar-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:var(--teal);
  transition:width .08s linear;
}
.radar-card{
  overflow:auto;
  scrollbar-width:thin;
}
@media(max-width:620px){
  .radar-card{padding-right:2px}
}


/* ==========================================================
   v1.9.33 – Sticky snabbvägar
   Fyra tydliga ingångar som ligger kvar vid scroll.
   ========================================================== */

html{
  scroll-behavior:smooth;
}

#forsta-foretaget,
#aktuellt,
#forsta-kollen,
#kontakt{
  scroll-margin-top:118px;
}

.bnv-intent-nav{
  position:sticky;
  top:0;
  z-index:950;
  border-bottom:1px solid rgba(16,42,67,.10);
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 5px 18px rgba(16,42,67,.055);
}

.admin-bar .bnv-intent-nav{
  top:32px;
}

.bnv-intent-nav-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:54px;
  padding-top:7px;
  padding-bottom:7px;
}

.bnv-intent-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 15px;
  border:1px solid transparent;
  border-radius:999px;
  color:var(--navy-deep);
  background:transparent;
  font-size:.88rem;
  font-weight:780;
  line-height:1.05;
  text-decoration:none;
  white-space:nowrap;
  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.bnv-intent-link:hover,
.bnv-intent-link:focus-visible{
  border-color:#d5e3df;
  background:#f4f9f8;
  color:var(--teal-dark);
  outline:none;
}

.bnv-intent-link.is-active{
  border-color:rgba(31,138,138,.28);
  background:#eaf5f3;
  color:var(--teal-dark);
  box-shadow:inset 0 0 0 1px rgba(31,138,138,.04);
}

.bnv-intent-link:active{
  transform:translateY(1px);
}

@media(max-width:782px){
  .admin-bar .bnv-intent-nav{
    top:46px;
  }
}

@media(max-width:720px){
  .bnv-intent-nav{
    overflow:hidden;
  }

  .bnv-intent-nav-inner{
    justify-content:flex-start;
    gap:7px;
    min-height:50px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-left:14px;
    padding-right:14px;
  }

  .bnv-intent-nav-inner::-webkit-scrollbar{
    display:none;
  }

  .bnv-intent-link{
    flex:0 0 auto;
    min-height:35px;
    padding:7px 13px;
    font-size:.82rem;
  }

  #forsta-foretaget,
  #aktuellt,
  #forsta-kollen,
  #kontakt{
    scroll-margin-top:104px;
  }
}


/* =========================================================
   v1.9.34 – huvudflikar + Bra att veta i samma sticky rad.
   Byggd på 1.9.33 så Radar/nuvarande startsida bevaras.
   ========================================================= */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:5000!important;
  background:var(--navy-deep)!important;
  box-shadow:0 4px 15px rgba(3,20,31,.12);
}
body.admin-bar .site-header{top:32px!important}

.header-inner{
  min-height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.header-inner .brand{
  flex:0 0 auto;
}

.main-tabs{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-width:0;
}
.main-tab,
.main-tabs .header-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:7px 11px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:.84rem!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.main-tab:hover,
.main-tab:focus-visible,
.main-tabs .header-tab:hover,
.main-tabs .header-tab:focus-visible{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(126,224,221,.42)!important;
  outline:none!important;
}
.main-tab.is-active{
  background:rgba(126,224,221,.12)!important;
  border-color:rgba(126,224,221,.52)!important;
}
.main-tabs .info-menu{
  margin-left:3px!important;
}
.main-tabs .info-menu-panel{
  top:calc(100% + 10px)!important;
}

/* Den gamla separata underraden är borttagen i HTML.
   Dessa regler förhindrar även reservutrymme från äldre CSS. */
.bnv-intent-nav{display:none!important}
.opening{display:none!important}

/* Mindre tom yta i toppen utan att röra själva innehållet. */
.bnh-hero-grid{
  padding-top:22px!important;
}

/* Ankarlänkar stannar under sticky headern. */
#forsta-foretaget,
#aktuellt,
#forsta-kollen,
#kontakt{
  scroll-margin-top:78px;
}

@media(max-width:1050px){
  .header-inner{gap:10px!important}
  .main-tab,.main-tabs .header-tab{
    padding:7px 8px!important;
    font-size:.78rem!important;
  }
}

@media(max-width:820px){
  body.admin-bar .site-header{top:46px!important}
  .header-inner{
    min-height:0!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:6px 10px!important;
  }
  .brand{
    grid-column:1!important;
    grid-row:1!important;
  }
  .main-tabs{
    grid-column:1/-1!important;
    grid-row:2!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding-bottom:1px!important;
  }
  .main-tabs::-webkit-scrollbar{display:none}
  .main-tab,.main-tabs .header-tab{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:.78rem!important;
  }
  .main-tabs .info-menu-panel{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:105px!important;
    width:auto!important;
    max-height:calc(100vh - 125px)!important;
    overflow:auto!important;
  }
  body.admin-bar .main-tabs .info-menu-panel{
    top:151px!important;
    max-height:calc(100vh - 171px)!important;
  }
  #forsta-foretaget,#aktuellt,#forsta-kollen,#kontakt{
    scroll-margin-top:118px;
  }
}


/* =========================================================
   v1.9.35 – Strategiska atmosfärsbilder
   Få, tydligt integrerade bilder. Inget bildspel.
   ========================================================= */

/* 1. "Vad gör Bolagsnav?" – text + lugn bild, värdekorten under. */
.bnv-explain-top{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:38px;
  align-items:center;
  margin-bottom:28px;
}
.bnv-explain-top .bnv-section-head{
  max-width:none;
  margin-bottom:0;
}
.bnv-atmosphere-card{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:20px;
  border:1px solid #d8e4df;
  background:#edf4f1;
  box-shadow:0 14px 34px rgba(16,42,67,.08);
}
.bnv-atmosphere-card img{
  display:block;
  width:100%;
  height:250px;
  object-fit:cover;
  object-position:center;
}
.bnv-atmosphere-card figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  max-width:82%;
  padding:8px 11px;
  border-radius:10px;
  background:rgba(4,31,46,.82);
  color:#fff;
  font-size:.84rem;
  font-weight:750;
  line-height:1.3;
  backdrop-filter:blur(5px);
}

/* 2. Kontakt – bilden hör ihop med kontakttexten i stället för att flyta fritt. */
.bnv-contact-copy{
  display:flex;
  flex-direction:column;
}
.bnv-contact-image{
  margin:18px 0 0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid #d8e4df;
  background:#eaf2ef;
  box-shadow:0 10px 25px rgba(16,42,67,.06);
}
.bnv-contact-image img{
  display:block;
  width:100%;
  height:150px;
  object-fit:cover;
  object-position:center 48%;
}

/* 3. Metod – visuellt andrum mellan text och process. */
.bnv-method-image{
  margin:20px 0 0;
  overflow:hidden;
  border-radius:17px;
  border:1px solid #d4e3df;
  background:#dde9e5;
}
.bnv-method-image img{
  display:block;
  width:100%;
  height:185px;
  object-fit:cover;
  object-position:center;
}

/* 4. Slutet – den gamla "avsides" bakgrundsbilden blir en riktig del av gridet. */
@media(min-width:1100px){
  .final-section{
    background:var(--sand)!important;
  }
  .final-section .final-grid{
    grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr)!important;
    min-height:0!important;
    align-items:center;
    gap:42px;
  }
}
.bnv-final-image{
  margin:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(116,105,81,.16);
  box-shadow:0 14px 32px rgba(38,44,36,.08);
  background:#eee8da;
}
.bnv-final-image img{
  display:block;
  width:100%;
  height:230px;
  object-fit:cover;
  object-position:center;
}

/* Bilderna ska skapa rytm, inte göra sidan längre än nödvändigt. */
.bnv-explain-section,
.bnv-contact-section,
.bnv-method-section,
.final-section{
  overflow:hidden;
}

@media(max-width:900px){
  .bnv-explain-top{
    grid-template-columns:1fr;
    gap:20px;
  }
  .bnv-atmosphere-card img{height:220px}
  .bnv-contact-image img{height:190px}
  .bnv-method-image img{height:210px}
  .final-section .final-grid{
    grid-template-columns:1fr!important;
    gap:22px;
  }
  .bnv-final-image img{height:220px}
}

@media(max-width:620px){
  .bnv-atmosphere-card,
  .bnv-contact-image,
  .bnv-method-image,
  .bnv-final-image{
    border-radius:14px;
  }
  .bnv-atmosphere-card img{height:190px}
  .bnv-contact-image img{height:165px}
  .bnv-method-image img{height:180px}
  .bnv-final-image img{height:185px}
  .bnv-atmosphere-card figcaption{
    max-width:90%;
    left:10px;
    bottom:10px;
    font-size:.78rem;
  }
}


/* v1.9.36 – SILA-kortet kompaktare och mer i höjd med förklaringsspalten */
@media (min-width: 981px){
  .insight-grid{
    align-items:start !important;
    gap:48px !important;
  }
  .insight-grid .preview-card{
    padding:24px !important;
  }
  .insight-grid .preview-card h2{
    font-size:1.45rem !important;
    line-height:1.08 !important;
    margin:10px 0 16px !important;
    max-width:14ch;
  }
  .insight-grid .metric{
    padding:12px 0 !important;
  }
  .insight-grid .metric span{
    font-size:1rem;
  }
  .insight-grid .metric b{
    font-size:.84rem !important;
    padding:6px 10px !important;
  }
  .insight-grid .bnv-sila-note{
    margin-top:14px !important;
    padding:14px 15px !important;
    gap:4px !important;
  }
  .insight-grid .bnv-sila-note strong{
    font-size:1rem;
  }
  .insight-grid .bnv-sila-note span{
    font-size:.9rem !important;
    line-height:1.42 !important;
  }
  .insight-grid .fine{
    margin-top:10px !important;
    font-size:.72rem !important;
    line-height:1.35 !important;
  }
  .insight-grid .meaning h2{
    margin-bottom:14px;
  }
}

@media (min-width: 981px){
  .insight-grid .preview-card.bnv-sila-tight{padding:22px !important;}
  .insight-grid .preview-card.bnv-sila-tight h2{font-size:1.38rem !important; margin-bottom:14px !important;}
  .insight-grid .preview-card.bnv-sila-tight .metric{padding:10px 0 !important;}
  .insight-grid .preview-card.bnv-sila-tight .bnv-sila-note{margin-top:12px !important; padding:12px 14px !important;}
  .insight-grid .preview-card.bnv-sila-tight .bnv-sila-note span{font-size:.88rem !important;}
  .insight-grid .preview-card.bnv-sila-tight .fine{font-size:.7rem !important; margin-top:8px !important;}
}


/* v1.9.37 – vänster SILA-spalt ännu kompaktare + mindre luft under sektionen */
.bnv-insight-section{
  padding-bottom:30px !important;
}
.bnv-insight-section + .bnv-method-section{
  padding-top:34px !important;
}
@media (min-width: 981px){
  .bnv-insight-section .insight-grid{
    align-items:start !important;
    gap:40px !important;
  }
  .bnv-insight-section .preview-card{
    padding:20px !important;
  }
  .bnv-insight-section .preview-card .eyebrow{
    margin-bottom:8px !important;
    font-size:.8rem !important;
  }
  .bnv-insight-section .preview-card h2{
    font-size:1.28rem !important;
    line-height:1.03 !important;
    margin:6px 0 12px !important;
    max-width:13ch;
  }
  .bnv-insight-section .preview-card .metric{
    padding:8px 0 !important;
  }
  .bnv-insight-section .preview-card .metric span{
    font-size:.97rem !important;
    line-height:1.28 !important;
  }
  .bnv-insight-section .preview-card .metric b{
    font-size:.8rem !important;
    padding:5px 9px !important;
    min-width:auto !important;
  }
  .bnv-insight-section .preview-card .bnv-sila-note{
    margin-top:10px !important;
    padding:11px 12px !important;
    gap:3px !important;
  }
  .bnv-insight-section .preview-card .bnv-sila-note strong{
    font-size:.98rem !important;
  }
  .bnv-insight-section .preview-card .bnv-sila-note span{
    font-size:.84rem !important;
    line-height:1.34 !important;
  }
  .bnv-insight-section .preview-card .fine{
    margin-top:7px !important;
    font-size:.66rem !important;
    line-height:1.28 !important;
  }
  .bnv-insight-section .meaning h2{
    margin-bottom:12px !important;
  }
  .bnv-insight-section .meaning p{
    margin-bottom:14px;
  }
  .bnv-insight-section .flow{
    margin:14px 0 !important;
  }
}
@media (max-width: 980px){
  .bnv-insight-section{
    padding-bottom:34px !important;
  }
}


/* v1.9.38 – höjdlinjera SILA-exemplet och högerspalten */
@media (min-width: 981px){
  .bnv-insight-section .insight-grid{
    align-items:stretch !important;
  }
  .bnv-insight-section .preview-card,
  .bnv-insight-section .meaning{
    height:100%;
    box-sizing:border-box;
  }
  .bnv-insight-section .meaning{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding-top:20px !important;
    padding-bottom:20px !important;
  }
  .bnv-insight-section .meaning > p:nth-of-type(2){
    margin-top:auto !important;
  }
  .bnv-insight-section .meaning > p:last-of-type{
    margin-bottom:0 !important;
  }
}


/* v1.9.39 – startsidan demonstrerar Bolagsnav tydligare */
.bnv-hero-actions,.bnv-final-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.bnv-primary-btn,.bnv-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:999px;font-weight:800;text-decoration:none}
.bnv-primary-btn{background:var(--teal-dark);color:#fff;box-shadow:0 8px 20px rgba(18,113,119,.16)}
.bnv-primary-btn:hover{filter:brightness(.94);color:#fff}
.bnv-secondary-btn{background:#fff;color:var(--navy-deep);border:1px solid var(--line)}
.bnv-live-strip{background:linear-gradient(90deg,#eef8f6,#f8fbfa);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bnv-live-inner{display:grid;grid-template-columns:1.25fr repeat(4,minmax(130px,1fr));gap:12px;align-items:stretch;padding-top:18px;padding-bottom:18px}
.bnv-live-intro{display:flex;flex-direction:column;justify-content:center;padding-right:12px}
.bnv-live-intro .eyebrow{margin-bottom:5px}.bnv-live-intro strong{font-size:1.05rem}.bnv-live-intro span{font-size:.78rem;color:var(--muted);margin-top:4px}
.bnv-live-card{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:86px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--navy-deep);box-shadow:0 6px 16px rgba(16,42,67,.04)}
.bnv-live-card span{font-size:.78rem;color:var(--muted);font-weight:700}.bnv-live-card b{font-size:1.45rem;letter-spacing:-.03em}.bnv-live-card small{font-size:.7rem;color:var(--muted)}
.bnv-live-card:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(16,42,67,.07)}
.bnv-steps-section{background:#edf7f5!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bnv-steps-section h2{margin-bottom:22px}.bnv-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bnv-step-grid article{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}
.bnv-step-grid article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--teal-dark);color:#fff;font-size:.9rem}
.bnv-step-grid strong{display:block;margin-bottom:4px}.bnv-step-grid span{display:block;color:var(--muted);font-size:.86rem;line-height:1.42}
/* Kontakt kommer efter förklaringen och processen, inte mitt i berättelsen. */
.bnv-contact-section{border-top:1px solid var(--line)}
.final-section .bnv-final-actions{margin-top:22px}
@media(max-width:1050px){.bnv-live-inner{grid-template-columns:1fr 1fr 1fr}.bnv-live-intro{grid-column:1/-1}.bnv-step-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.bnv-live-inner{grid-template-columns:1fr 1fr}.bnv-live-intro{grid-column:1/-1}.bnv-step-grid{grid-template-columns:1fr}.bnv-hero-actions,.bnv-final-actions{gap:8px}.bnv-primary-btn,.bnv-secondary-btn{width:100%}}


/* v1.9.40 – verifierade värden + Brent/USD som rena marknadsreferenser */
.bnv-live-inner{grid-template-columns:1.2fr repeat(5,minmax(125px,1fr));}
.bnv-market-ref b{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:1rem;letter-spacing:0;}
.bnv-market-ref b i{font-style:normal;font-size:.72rem;color:var(--muted);font-weight:800;}
.bnv-market-ref b em{font-style:normal;font-size:1.08rem;color:var(--navy-deep);font-weight:900;}
#bnvLiveFuel{font-size:1.05rem;letter-spacing:0;}
@media(max-width:1180px){.bnv-live-inner{grid-template-columns:repeat(3,1fr)}.bnv-live-intro{grid-column:1/-1}}
@media(max-width:700px){.bnv-live-inner{grid-template-columns:1fr 1fr}.bnv-live-intro{grid-column:1/-1}}


/* v1.9.41 – korrigerad och kompakt Bolagsnav just nu */
.bnv-live-strip{
  background:linear-gradient(90deg,#eef8f6 0%,#f7fbfa 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.bnv-live-inner{
  display:grid;
  grid-template-columns:1.35fr repeat(4,minmax(142px,1fr)) 1.15fr;
  gap:12px;
  align-items:stretch;
  padding-top:16px;
  padding-bottom:16px;
}
.bnv-live-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:3px 8px 3px 0;
  min-width:0;
}
.bnv-live-intro .eyebrow{margin:0 0 5px!important;}
.bnv-live-intro strong{display:block;font-size:1rem;line-height:1.25;color:var(--navy-deep);}
.bnv-live-intro span{display:block;margin-top:4px;font-size:.72rem;line-height:1.35;color:var(--muted);}
.bnv-live-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-height:92px;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  text-decoration:none!important;
  color:var(--navy-deep)!important;
  box-shadow:0 5px 16px rgba(16,42,67,.045);
  overflow:hidden;
}
.bnv-live-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,42,67,.075);}
.bnv-live-card span{display:block;font-size:.73rem;line-height:1.2;color:var(--muted);font-weight:800;text-decoration:none!important;}
.bnv-live-card>b{display:block;font-size:1.34rem;line-height:1.08;letter-spacing:-.025em;color:var(--navy-deep);text-decoration:none!important;}
.bnv-live-card small{display:block;font-size:.64rem;line-height:1.3;color:var(--muted);text-decoration:none!important;}
#bnvLiveFuel{font-size:1rem;letter-spacing:0;}
.bnv-market-ref{gap:5px;}
.bnv-market-ref>span{margin-bottom:1px;}
.bnv-market-ref b{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:1rem;line-height:1.15;letter-spacing:0;}
.bnv-market-ref b i{font-style:normal;font-size:.68rem;color:var(--muted);font-weight:800;}
.bnv-market-ref b em{font-style:normal;font-size:1rem;color:var(--navy-deep);font-weight:900;white-space:nowrap;}
@media(max-width:1180px){
  .bnv-live-inner{grid-template-columns:repeat(3,minmax(0,1fr));}
  .bnv-live-intro{grid-column:1/-1;}
}
@media(max-width:700px){
  .bnv-live-inner{grid-template-columns:1fr 1fr;gap:9px;padding-top:14px;padding-bottom:14px;}
  .bnv-live-intro{grid-column:1/-1;}
  .bnv-live-card{min-height:88px;padding:11px 12px;}
  .bnv-market-ref{grid-column:1/-1;}
}

/* v1.9.42 – styrräntan visas alltid med två decimaler för att bevara 0,05 procentenheters precision. */

/* v1.9.43 – källstyrd presentation: fuel-prices.eu för Bensin 95, färsk Investing.com-avläsning för Brent, Riksbanken för USD/SEK. */


/* v1.9.46 – Första kollen markeras som kommande, kontakt och prenumeration skiljs tydligt åt. */
.bnv-coming-soon{
  opacity:.58;
  cursor:not-allowed!important;
  pointer-events:none;
  filter:saturate(.55);
  display:inline-flex!important;
  align-items:center;
  gap:10px;
}
.bnv-coming-soon small{
  display:inline-block;
  font-size:.68rem;
  font-weight:800;
  line-height:1;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  color:inherit;
  white-space:nowrap;
}
@media(max-width:700px){
  .bnv-coming-soon{justify-content:center;flex-wrap:wrap;}
}


/* =========================================================
   v1.9.49 – robust mobilmeny
   På mobil visas alltid en tydlig Meny-knapp.
   Huvudnavigationen öppnas under logotypen och kan inte kapas i sidled.
   ========================================================= */
.mobile-menu-toggle{
  display:none;
}

@media (max-width:820px){
  .site-header{
    overflow:visible!important;
  }

  .header-inner{
    min-height:64px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:7px 10px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  .header-inner .brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }

  .mobile-menu-toggle{
    grid-column:2!important;
    grid-row:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:42px!important;
    padding:8px 13px!important;
    border:1px solid rgba(126,224,221,.45)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:.86rem!important;
    font-weight:800!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .mobile-menu-toggle::before{
    content:"☰";
    font-size:1.1rem;
    line-height:1;
  }

  .mobile-menu-toggle[aria-expanded="true"]::before{
    content:"×";
    font-size:1.3rem;
  }

  .main-tabs{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:4px 0 1px!important;
    margin:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .main-tabs.is-open{
    display:grid!important;
  }

  .main-tab,
  .main-tabs .header-tab{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:8px 7px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.18!important;
    font-size:.78rem!important;
    border-color:rgba(126,224,221,.22)!important;
    background:rgba(255,255,255,.045)!important;
  }

  .main-tabs .info-menu{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .main-tabs .info-menu > summary{
    width:100%!important;
  }

  .main-tabs .info-menu-panel{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:128px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 148px)!important;
    overflow:auto!important;
    z-index:7000!important;
  }

  body.admin-bar .main-tabs .info-menu-panel{
    top:174px!important;
    max-height:calc(100vh - 194px)!important;
  }

  #forsta-foretaget,
  #aktuellt,
  #forsta-kollen,
  #kontakt{
    scroll-margin-top:138px!important;
  }
}

@media (max-width:430px){
  .brand{
    font-size:1.16rem!important;
  }
  .brand-mark,
  .brand-mark img{
    width:34px!important;
    height:34px!important;
  }
  .mobile-menu-toggle{
    min-height:40px!important;
    padding:7px 11px!important;
    font-size:.8rem!important;
  }
  .main-tab,
  .main-tabs .header-tab{
    font-size:.75rem!important;
    min-height:40px!important;
  }
}


/* =========================================================
   v1.9.50 – alltid synlig mobilnavigation
   Ingen extra Meny-knapp. Alla huvudval syns direkt.
   ========================================================= */
@media (max-width:820px){
  .mobile-menu-toggle{
    display:none!important;
  }

  .site-header{
    overflow:visible!important;
  }

  .header-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:8px!important;
    min-height:auto!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }

  .header-inner .brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }

  .main-tabs{
    grid-column:1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }

  .main-tab,
  .main-tabs .header-tab{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:8px 7px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.18!important;
    font-size:.78rem!important;
    border-color:rgba(126,224,221,.25)!important;
    background:rgba(255,255,255,.045)!important;
  }

  .main-tabs .info-menu{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .main-tabs .info-menu>summary{
    width:100%!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .main-tabs .info-menu-panel{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:164px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 184px)!important;
    overflow:auto!important;
    z-index:7000!important;
  }

  body.admin-bar .main-tabs .info-menu-panel{
    top:210px!important;
    max-height:calc(100vh - 230px)!important;
  }

  #forsta-foretaget,
  #aktuellt,
  #forsta-kollen,
  #kontakt{
    scroll-margin-top:178px!important;
  }
}

@media (max-width:430px){
  .main-tabs{
    gap:6px!important;
  }

  .main-tab,
  .main-tabs .header-tab{
    min-height:40px!important;
    padding:7px 5px!important;
    font-size:.74rem!important;
  }

  .main-tabs .info-menu>summary{
    min-height:40px!important;
  }
}


/* =========================================================
   v1.9.51 – Bolagsnav registrerad varumärkeslogotyp
   Bygger direkt på 1.9.50.
   Inga meny-, innehålls- eller layoutfunktioner ändras.
   ========================================================= */

.site-header{
  background:#0A2740!important;
}

/* Exakt uppladdad varumärkeslogotyp – ingen omritning. */
.brand--registered{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  line-height:1!important;
}

.brand-registered-logo{
  display:block!important;
  width:62px!important;
  height:62px!important;
  object-fit:contain!important;
  background:transparent!important;
}

.footer-brand--registered{
  display:flex!important;
  align-items:center!important;
}

.footer-registered-logo{
  display:block!important;
  width:68px!important;
  height:68px!important;
  object-fit:contain!important;
  background:transparent!important;
}

@media (max-width:820px){
  .header-inner .brand--registered{
    justify-self:start!important;
  }

  .brand-registered-logo{
    width:54px!important;
    height:54px!important;
  }
}

@media (max-width:430px){
  .brand-registered-logo{
    width:50px!important;
    height:50px!important;
  }
}


/* =========================================================
   v1.9.52 – återställer tydligt Bolagsnav-namn i headern
   Exakt varumärkeslogotyp behålls. Meny/layout från 1.9.50 lämnas orörd.
   ========================================================= */
.brand--registered{
  gap:10px!important;
}

.brand-registered-name{
  display:inline-block!important;
  color:#fff!important;
  font-size:1.35rem!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-0.02em!important;
  white-space:nowrap!important;
}

@media (max-width:820px){
  .brand--registered{
    gap:8px!important;
  }

  .brand-registered-name{
    font-size:1.18rem!important;
  }
}

@media (max-width:430px){
  .brand-registered-name{
    font-size:1.05rem!important;
  }
}


/* =========================================================
   v1.9.53 – Kontakt & företagsinformation
   Bygger direkt på 1.9.52. Ingen menyfunktion ändras.
   ========================================================= */
.bnv-company-facts{
  display:grid;
  gap:0;
  margin:20px 0 0;
  border:1px solid #d8e5e1;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

.bnv-company-facts>div{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:16px;
  padding:11px 14px;
  border-bottom:1px solid #e6efec;
}

.bnv-company-facts>div:last-child{
  border-bottom:0;
}

.bnv-company-facts dt{
  font-weight:800;
  color:#0a2740;
}

.bnv-company-facts dd{
  margin:0;
  color:#263b47;
}

.bnv-company-facts a{
  color:#087f78;
  font-weight:700;
  text-decoration:none;
}

.bnv-company-facts a:hover{
  text-decoration:underline;
}

@media(max-width:700px){
  .bnv-company-facts>div{
    grid-template-columns:1fr;
    gap:3px;
  }
}


/* =========================================================
   v1.9.54 – bolagsinfo i footer, Kontakt bort från toppmenyn
   Bygger direkt på 1.9.53.
   ========================================================= */

/* Företagsfaktarutan från 1.9.53 används inte längre i kontaktsektionen. */
.bnv-company-facts{display:none!important;}

.bnv-site-footer{
  background:#08263d!important;
  color:#dbe8ef!important;
  padding:28px 0 24px!important;
}

.bnv-footer-grid{
  display:grid!important;
  grid-template-columns:1.05fr .8fr 1.25fr .9fr!important;
  gap:30px!important;
  align-items:start!important;
  font-size:.82rem!important;
}

.bnv-footer-grid h3{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:.86rem!important;
}

.bnv-footer-brand-block p,
.bnv-footer-meta-block p{
  margin:8px 0 0!important;
  color:#c8d7df!important;
  line-height:1.45!important;
}

.bnv-footer-links{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
}

.bnv-footer-links a,
.bnv-footer-company a{
  color:#dbe8ef!important;
  text-decoration:none!important;
}

.bnv-footer-links a:hover,
.bnv-footer-company a:hover{
  color:#7ee0dd!important;
  text-decoration:underline!important;
}

.bnv-footer-company dl{
  margin:0!important;
}

.bnv-footer-company dl>div{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:8px!important;
  padding:2px 0!important;
}

.bnv-footer-company dt{
  color:#a9c2cf!important;
  font-weight:700!important;
}

.bnv-footer-company dd{
  margin:0!important;
  color:#fff!important;
}

.bnv-footer-company dd a{
  color:#7ee0dd!important;
  font-weight:700!important;
}

.bnv-footer-meta-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
}

.bnv-footer-meta-block .footer-meta{
  margin:0!important;
}

@media(max-width:900px){
  .bnv-footer-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:600px){
  .bnv-footer-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .bnv-footer-company dl>div{
    grid-template-columns:105px minmax(0,1fr)!important;
  }
}