/* ═══ EXKLUSIV MALL: Atlas — arkitektonisk/kartografisk (atlas) ═══ Inre-sid-CSS-lager + animation. Scopat [data-template="atlas"]. Video:true. Signatur:#C8542B. */

html[data-template="atlas"]{--bg:#14161A;--bg-soft:#1B1E23;--ink:#F2F4F6;--ink-2:#C2C7CE;--muted:#868D97;--line:rgba(255,255,255,.085);--line-2:rgba(255,255,255,.16);--brand-deep:var(--brand);--ff-heading:"Archivo","Anton","Oswald",system-ui,sans-serif;--ff-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--atl-mono:ui-monospace,"IBM Plex Mono","JetBrains Mono","SF Mono",Menlo,Consolas,monospace;--btn-radius:2px;--btn-pad:15px 26px;--btn-weight:700;--btn-transform:uppercase;--btn-tracking:.08em;--star:#F5C518;--atl-card:#1B1E23;--atl-card-2:#22262C;--atl-line-strong:rgba(255,255,255,.22);--atl-faint:#6B727C;--atl-on-brand:#14161A}
@supports (color: color-contrast(black vs white)){html[data-template="atlas"]{--atl-on-brand:color-contrast(var(--brand) vs #14161A, #ffffff)}}
[data-template="atlas"] body{background:#14161A;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:28px 28px;color:var(--ink-2);font-family:var(--ff-body)}
[data-template="atlas"] h1,[data-template="atlas"] h2,[data-template="atlas"] h3,[data-template="atlas"] h4{color:var(--ink);font-family:var(--ff-heading);font-weight:800;letter-spacing:-.02em;text-transform:uppercase}
[data-template="atlas"] .subhero{background:#14161A;border-bottom:1px solid var(--atl-line-strong);position:relative;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(60% 90% at 8% 0%,rgba(var(--brand-rgb),.13) 0%,transparent 62%);background-size:28px 28px,28px 28px,auto}
[data-template="atlas"] .subhero h1{color:var(--ink)}
[data-template="atlas"] .subhero__lead{color:var(--ink-2)}
[data-template="atlas"] .subhero__crumbs,[data-template="atlas"] .subhero__crumbs a{color:var(--muted);font-family:var(--atl-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
[data-template="atlas"] .subhero__crumbs a:hover{color:var(--brand)}
[data-template="atlas"] .subhero__crumbs span{color:var(--line-2)}
[data-template="atlas"] .subhero__answer{background:var(--atl-card);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:2px;color:var(--ink-2)}
[data-template="atlas"] .subhero__answer-label{color:var(--brand);font-family:var(--atl-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px}
[data-template="atlas"] .subhero__answer-question{color:var(--ink)}
[data-template="atlas"] .subhero__answer p{color:var(--ink-2)}
[data-template="atlas"] .subhero__photo,[data-template="atlas"] .photo{background:#1B1E23;border:1px solid var(--line-2);border-radius:2px}
[data-template="atlas"] .eyebrow,[data-template="atlas"] .section-head .eyebrow{background:rgba(var(--brand-rgb),.12);border:1px solid rgba(var(--brand-rgb),.4);color:var(--atl-accent);font-family:var(--atl-mono);text-transform:uppercase;letter-spacing:.12em;font-weight:600;border-radius:2px;font-size:11px}
[data-template="atlas"] .section{padding:88px 0;position:relative}
[data-template="atlas"] .section:nth-child(even){background:#16191D;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-template="atlas"] .section-head h2{color:var(--ink)}
[data-template="atlas"] .section-head p{color:var(--ink-2)}
[data-template="atlas"] .card,[data-template="atlas"] .aside-card,[data-template="atlas"] .other-services__card,[data-template="atlas"] .area-service-card,[data-template="atlas"] .case-card,[data-template="atlas"] .related-link,[data-template="atlas"] .hub-bottom__panel,[data-template="atlas"] .contact-method,[data-template="atlas"] .datapoint,[data-template="atlas"] .team-member{background:var(--atl-card);border:1px solid var(--line);border-radius:2px;color:var(--ink-2);position:relative}
[data-template="atlas"] .card::after,[data-template="atlas"] .area-service-card::after{display:none}
[data-template="atlas"] .card:hover,[data-template="atlas"] .area-service-card:hover,[data-template="atlas"] .related-link:hover{border-color:rgba(var(--brand-rgb),.5);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.28),0 18px 40px rgba(0,0,0,.45);transform:translateY(-4px)}
[data-template="atlas"] .card h3,[data-template="atlas"] .related-link h3,[data-template="atlas"] .area-service-card__body h3{color:var(--ink)}
[data-template="atlas"] .card p,[data-template="atlas"] .area-service-card__body p{color:var(--muted)}
[data-template="atlas"] .card__image,[data-template="atlas"] .area-service-card__media{background:#1B1E23;border-bottom:1px solid var(--line);border-radius:0}
[data-template="atlas"] .card__image::after{display:none}
[data-template="atlas"] .card__icon{background:rgba(var(--brand-rgb),.12);border:1px solid rgba(var(--brand-rgb),.4);color:var(--atl-accent);border-radius:2px}
[data-template="atlas"] .card__price,[data-template="atlas"] .area-service-card__price{color:var(--atl-accent);font-family:var(--atl-mono);font-weight:600}
[data-template="atlas"] .card__price small{color:var(--muted)}
[data-template="atlas"] .card__link,[data-template="atlas"] .area-service-card__cta{color:var(--ink);font-family:var(--atl-mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
[data-template="atlas"] .card:hover .card__link{color:var(--brand)}
[data-template="atlas"] .article-card,[data-template="atlas"] .article-featured{background:var(--atl-card);border:1px solid var(--line);border-radius:2px;color:var(--ink-2)}
[data-template="atlas"] .article-card:hover,[data-template="atlas"] .article-featured:hover{border-color:rgba(var(--brand-rgb),.5);transform:translateY(-3px)}
[data-template="atlas"] .article-card__body h3,[data-template="atlas"] .article-featured__body h2,[data-template="atlas"] .article-card h3,[data-template="atlas"] .article-featured h3{color:var(--ink)}
[data-template="atlas"] .article-card__body p,[data-template="atlas"] .article-featured__body p,[data-template="atlas"] .article-card p{color:var(--muted)}
[data-template="atlas"] .article-card__media,[data-template="atlas"] .article-featured__media{background:#1B1E23;border-bottom:1px solid var(--line)}
[data-template="atlas"] .article-featured__arrow{background:var(--brand);color:var(--atl-on-brand);border-radius:2px}
[data-template="atlas"] .article-badge{background:var(--brand);color:var(--atl-on-brand);font-family:var(--atl-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:2px}
[data-template="atlas"] .article-hero{background:#14161A;border-bottom:1px solid var(--atl-line-strong)}
[data-template="atlas"] .faq__item{background:var(--atl-card);border:1px solid var(--line);border-radius:2px;margin-bottom:12px}
[data-template="atlas"] .faq__q{background:var(--atl-card);color:var(--ink);font-family:var(--ff-body);font-weight:600}
[data-template="atlas"] .faq__icon{color:var(--atl-accent)}
[data-template="atlas"] .faq__a p{color:var(--ink-2)}
[data-template="atlas"] .form-card{background:var(--atl-card);border:1px solid var(--line);border-radius:3px;color:var(--ink-2)}
[data-template="atlas"] .form-card h2{color:var(--ink)}
[data-template="atlas"] .field label,[data-template="atlas"] .form-pane__title,[data-template="atlas"] .form-step__name{color:var(--ink-2);font-family:var(--atl-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
[data-template="atlas"] .field input,[data-template="atlas"] .field textarea,[data-template="atlas"] .field select,[data-template="atlas"] .postal-check__row input,[data-template="atlas"] .services-search input{background:#14161A;border:1px solid var(--line-2);border-radius:2px;color:var(--ink);font-family:var(--ff-body)}
[data-template="atlas"] .field input::placeholder,[data-template="atlas"] .field textarea::placeholder,[data-template="atlas"] .postal-check__row input::placeholder{color:var(--muted)}
[data-template="atlas"] .field input:focus,[data-template="atlas"] .field textarea:focus,[data-template="atlas"] .field select:focus,[data-template="atlas"] .postal-check__row input:focus,[data-template="atlas"] .services-search input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2)}
[data-template="atlas"] .form-step__bubble{background:#22262C;border:1px solid var(--line-2);color:var(--muted);font-family:var(--atl-mono);border-radius:2px}
[data-template="atlas"] .form-step.is-active .form-step__bubble{background:var(--brand);border-color:var(--brand);color:var(--atl-on-brand)}
[data-template="atlas"] .form-step.is-done .form-step__bubble{background:rgba(var(--brand-rgb),.2);border-color:rgba(var(--brand-rgb),.5);color:var(--atl-accent)}
[data-template="atlas"] .file-drop{background:#14161A;border:1px dashed var(--line-2);border-radius:2px;color:var(--ink-2)}
[data-template="atlas"] .file-drop:hover,[data-template="atlas"] .file-drop.is-drag{border-color:var(--brand);background:rgba(var(--brand-rgb),.07);color:var(--atl-accent)}
[data-template="atlas"] .postal-check{background:#14161A;border:1px solid var(--line);border-radius:2px;backdrop-filter:none}
[data-template="atlas"] .postal-check__title{color:var(--ink)}
[data-template="atlas"] .postal-check__sub{color:var(--muted)}
[data-template="atlas"] .postal-check__pin,[data-template="atlas"] .postal-check__hint{background:rgba(var(--brand-rgb),.14);color:var(--atl-accent);border:1px solid rgba(var(--brand-rgb),.4);border-radius:2px}
[data-template="atlas"] .review-card,[data-template="atlas"] .reviews-carousel__card{background:var(--atl-card);border:1px solid var(--line);border-radius:2px;color:var(--ink-2)}
[data-template="atlas"] .review-card blockquote,[data-template="atlas"] .review-card__author,[data-template="atlas"] .case-card__quote{color:var(--ink)}
[data-template="atlas"] .review-card__avatar{background:var(--atl-card-2);border:1px solid var(--line-2);color:var(--ink);border-radius:2px}
[data-template="atlas"] .review-card__source,[data-template="atlas"] .reviews-source-label{color:var(--muted);font-family:var(--atl-mono);text-transform:uppercase;letter-spacing:.06em}
[data-template="atlas"] .trusted{background:#16191D;border-block:1px solid var(--line)}
[data-template="atlas"] .trusted__row{flex-wrap:wrap}
[data-template="atlas"] .trusted__label{color:var(--muted);font-family:var(--atl-mono);text-transform:uppercase;letter-spacing:.14em}
[data-template="atlas"] .trusted__row svg{filter:brightness(0) invert(1);opacity:.62}
[data-template="atlas"] .trusted__google-rating{color:var(--ink)}
[data-template="atlas"] .trusted__google-score{color:#fff;font-family:var(--ff-heading);font-weight:800}
[data-template="atlas"] .trusted__google-sub{color:var(--ink-2)}
[data-template="atlas"] .trusted__google-rating .star,[data-template="atlas"] .trusted__google-rating svg{color:var(--star)}
[data-template="atlas"] .process__step{background:var(--atl-card);border:1px solid var(--line);border-left:3px solid rgba(var(--brand-rgb),.5);border-radius:2px}
[data-template="atlas"] .process__step::before{display:none}
[data-template="atlas"] .process__step h3{color:var(--ink)}
[data-template="atlas"] .process__step p{color:var(--muted)}
[data-template="atlas"] .process__check{background:rgba(var(--brand-rgb),.16);color:var(--atl-accent);border:1px solid rgba(var(--brand-rgb),.45);border-radius:2px}
[data-template="atlas"] .cta-strip{background:linear-gradient(135deg,#1B1E23 0%,#0F1115 100%);border:1px solid rgba(var(--brand-rgb),.4);border-radius:3px;position:relative;overflow:hidden;color:var(--ink)}
[data-template="atlas"] .cta-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 130% at 0% 0%,rgba(var(--brand-rgb),.2) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;pointer-events:none}
[data-template="atlas"] .cta-strip::after{display:none}
[data-template="atlas"] .cta-strip h2{color:#fff;position:relative}
[data-template="atlas"] .cta-strip p{color:var(--ink-2);position:relative}
[data-template="atlas"] .cta-strip>*{position:relative}
[data-template="atlas"] .cta-strip .btn--primary{background:var(--brand);color:var(--atl-on-brand);border-color:var(--brand)}
[data-template="atlas"] .cta-strip .btn--ghost{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.5)}
[data-template="atlas"] .btn{border-radius:2px;font-family:var(--atl-mono);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
[data-template="atlas"] .btn--primary{background:var(--brand);color:var(--atl-on-brand);border:1px solid var(--brand);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
[data-template="atlas"] .btn--primary:hover{box-shadow:0 0 0 1px var(--brand),0 14px 30px rgba(var(--brand-rgb),.35);transform:translateY(-1px)}
[data-template="atlas"] .btn--primary .btn__arrow{background:rgba(0,0,0,.18);color:var(--atl-on-brand);border-radius:2px}
[data-template="atlas"] .btn--ghost{background:rgba(255,255,255,.04);color:var(--ink);border:1px solid var(--line-2)}
[data-template="atlas"] .btn--ghost:hover{background:rgba(var(--brand-rgb),.1);border-color:rgba(var(--brand-rgb),.55);color:var(--atl-accent)}
[data-template="atlas"] .btn--ghost .btn__arrow{background:var(--line-2);color:var(--ink);border-radius:2px}
[data-template="atlas"] .price-table{color:var(--ink-2);border:1px solid var(--line);border-radius:2px;overflow:hidden}
[data-template="atlas"] .price-table th{background:#22262C;color:var(--ink);font-family:var(--atl-mono);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}
[data-template="atlas"] .price-table td{border-bottom:1px solid var(--line);color:var(--ink-2)}
[data-template="atlas"] .price-table .num{color:var(--atl-accent);font-family:var(--atl-mono)}
[data-template="atlas"] .sitemap-block{background:var(--atl-card);border:1px solid var(--line);border-radius:2px}
[data-template="atlas"] .sitemap-block:hover{border-color:rgba(var(--brand-rgb),.5)}
[data-template="atlas"] .sitemap-block h2,[data-template="atlas"] .sitemap-block h3{color:var(--ink)}
[data-template="atlas"] .sitemap-block__icon{background:rgba(var(--brand-rgb),.12);color:var(--atl-accent);border:1px solid rgba(var(--brand-rgb),.4);border-radius:2px}
[data-template="atlas"] .sitemap-block a{color:var(--ink-2)}
[data-template="atlas"] .sitemap-block a:hover{color:var(--atl-accent)}
[data-template="atlas"] .pagination__btn,[data-template="atlas"] .article-filter__chip{background:var(--atl-card);border:1px solid var(--line-2);color:var(--ink-2);font-family:var(--atl-mono);border-radius:2px;text-transform:uppercase;letter-spacing:.04em}
[data-template="atlas"] .pagination__btn:hover,[data-template="atlas"] .article-filter__chip:hover{border-color:var(--brand);color:var(--atl-accent)}
[data-template="atlas"] .pagination__btn.is-active,[data-template="atlas"] .article-filter__chip.is-active{background:var(--brand);color:var(--atl-on-brand);border-color:var(--brand)}
[data-template="atlas"] .card-scroller__nav,[data-template="atlas"] .reviews-carousel__nav,[data-template="atlas"] .hero-carousel__nav{background:var(--atl-card);border:1px solid var(--line-2);color:var(--ink);border-radius:2px;backdrop-filter:none}
[data-template="atlas"] .contact-hero{background:#14161A;border-bottom:1px solid var(--atl-line-strong)}
[data-template="atlas"] .contact-method__body,[data-template="atlas"] .contact-hero__lead{color:var(--ink-2)}
[data-template="atlas"] .contact-method__icon{background:rgba(var(--brand-rgb),.12);color:var(--atl-accent);border:1px solid rgba(var(--brand-rgb),.4);border-radius:2px}
[data-template="atlas"] .addr-ac__list{background:var(--atl-card);border:1px solid var(--line-2);border-radius:2px}
[data-template="atlas"] .addr-ac__item{color:var(--ink-2);font-family:var(--ff-body)}
[data-template="atlas"] .addr-ac__item.is-active,[data-template="atlas"] .addr-ac__item:hover{background:rgba(var(--brand-rgb),.16);color:var(--atl-accent)}
[data-template="atlas"] .mobile-call-bar{background:rgba(15,17,21,.95);border-top:1px solid var(--atl-line-strong);backdrop-filter:blur(12px)}
[data-template="atlas"] .mobile-call-bar .call{background:var(--brand);color:var(--atl-on-brand);border-radius:2px}
[data-template="atlas"] .mobile-call-bar .quote{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line-2);border-radius:2px}
[data-template="atlas"]{--atl-accent:color-mix(in srgb, var(--brand) 72%, #F2F4F6 28%)}
[data-template="atlas"] .footer{background:#0F1115;border-top:1px solid var(--atl-line-strong)}
[data-template="atlas"] .footer h4{font-family:var(--atl-mono);color:var(--atl-accent);text-transform:uppercase;letter-spacing:.12em}
[data-template="atlas"] .footer a{color:var(--ink-2)}
[data-template="atlas"] .footer a:hover{color:var(--atl-accent)}

/* — Animation (atlas) — */
@media (prefers-reduced-motion: no-preference){
  @keyframes atl-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes atl-grid-drift{from{background-position:0 0,0 0}to{background-position:28px 28px,28px 28px}}
  @keyframes atl-tick-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @keyframes atl-reg-pulse{0%,100%{opacity:.5}50%{opacity:1}}

  [data-template="atlas"] .reveal,[data-template="atlas"] [data-reveal]{opacity:0}
  [data-template="atlas"] .reveal.is-visible,[data-template="atlas"] [data-reveal].in{animation:atl-rise .6s cubic-bezier(.22,.61,.36,1) forwards}
  [data-template="atlas"] .atl-hero__grid{animation:atl-grid-drift 26s linear infinite}
  [data-template="atlas"] .atl-reg{animation:atl-reg-pulse 4.5s ease-in-out infinite}
  [data-template="atlas"] .atl-nav__link::after{transform-origin:left;transition:transform .25s cubic-bezier(.22,.61,.36,1)}
  [data-template="atlas"] .atl-nav__link:hover::after{animation:atl-tick-sweep .25s ease forwards}
  [data-template="atlas"] .card,[data-template="atlas"] .area-service-card,[data-template="atlas"] .related-link,[data-template="atlas"] .article-card,[data-template="atlas"] .process__step{transition:transform .28s cubic-bezier(.22,.61,.36,1),border-color .28s ease,box-shadow .28s ease}
  [data-template="atlas"] .btn--primary,[data-template="atlas"] .btn--ghost{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
  [data-template="atlas"] .field input:focus,[data-template="atlas"] .field textarea:focus,[data-template="atlas"] .field select:focus{transition:box-shadow .2s ease,border-color .2s ease}
}


/* ═══ Atlas — CHROME ═══ */
/* ============================================================
   ATLAS — bespoke chrome (.atl-)  arkitektonisk/kartografisk
   Accent följer alltid kundens tema via var(--brand)/...; aldrig hårdkodad.
   ============================================================ */

/* ---- Lokala chrome-tokens (faller tillbaka på innerCss/temat) ---- */
.atl-header,
.atl-hero,
.atl-footer {
  --atl-line: rgba(255, 255, 255, .085);
  --atl-line-strong: rgba(255, 255, 255, .22);
  --atl-faint: #6b727c;
  --atl-graphite: #14161a;
  --atl-graphite-2: #1b1e23;
  --atl-graphite-deep: #0f1115;
  --atl-on-brand: var(--brand-deep, #14161a);
  --atl-mono: ui-monospace, "IBM Plex Mono", "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

/* ======================= HEADER ======================= */
.atl-header {
  position: relative;
  z-index: 60;
  font-family: var(--ff-body, "Inter", system-ui, sans-serif);
}

/* RAD 1 — datum/koordinatband */
.atl-meta {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 28px;
  background: var(--atl-graphite);
  border-bottom: 1px solid var(--atl-line);
  font-family: var(--atl-mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--atl-faint);
  white-space: nowrap;
  overflow: hidden;
}
.atl-meta__coord { color: var(--atl-faint); }
.atl-meta__coord b {
  color: var(--brand);
  font-weight: 600;
}
.atl-meta__right {
  display: flex;
  align-items: center;
  gap: 18px;
}
.atl-meta__est { color: var(--atl-faint); }

/* RAD 2 — huvudrad */
.atl-bar {
  position: sticky;
  top: 0;
  z-index: 60;
  height: 76px;
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 28px;
  background: rgba(20, 22, 26, .82);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--atl-line);
}
/* full-bredd linje under sticky bar oavsett max-width */
.atl-bar-shell {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(20, 22, 26, .82);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--atl-line);
}
.atl-bar-shell .atl-bar {
  position: static;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-bottom: 0;
}

.atl-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  flex: none;
}
.atl-logo img { display: block; height: 30px; width: auto; }
.atl-logo__name {
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--ink, #f2f4f6);
  line-height: 1;
}
.atl-logo__plate {
  font-family: var(--atl-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--brand);
  border: 1px solid var(--atl-line-strong);
  border-radius: 2px;
  padding: 3px 7px;
  text-transform: uppercase;
  line-height: 1;
}

.atl-nav {
  display: flex;
  align-items: center;
  gap: 26px;
  margin: 0 auto;
}
.atl-nav__link {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-family: var(--atl-mono);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink-2, #c2c7ce);
  text-decoration: none;
  padding: 4px 0;
  transition: color .2s ease;
}
.atl-nav__idx {
  font-size: 10px;
  color: var(--brand);
  letter-spacing: .04em;
}
.atl-nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1);
}
.atl-nav__link:hover { color: #fff; }
.atl-nav__link:hover::after { transform: scaleX(1); }

.atl-bar__right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: none;
}
.atl-bar__phone {
  font-family: var(--atl-mono);
  font-size: 14px;
  color: var(--ink-2, #c2c7ce);
  text-decoration: none;
  letter-spacing: .02em;
  transition: color .2s ease;
}
.atl-bar__phone:hover { color: var(--brand); }

.atl-bar__cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--brand);
  color: var(--atl-on-brand);
  font-family: var(--atl-mono);
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-decoration: none;
  padding: 11px 20px;
  border-radius: 2px;
  border: 1px solid var(--brand);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
  transition: transform .2s ease, box-shadow .2s ease;
}
/* kartografi-tick i övre vänstra hörnet */
.atl-bar__cta::before,
.atl-bar__cta::after {
  content: "";
  position: absolute;
  background: var(--brand);
  opacity: .9;
}
.atl-bar__cta::before { top: -3px; left: -3px; width: 8px; height: 1px; }
.atl-bar__cta::after { top: -3px; left: -3px; width: 1px; height: 8px; }
.atl-bar__cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px var(--brand), 0 12px 28px rgba(var(--brand-rgb), .35);
}

.atl-burger {
  display: none;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid var(--atl-line-strong);
  border-radius: 2px;
  color: var(--ink, #f2f4f6);
  cursor: pointer;
}
.atl-burger:hover { border-color: var(--brand); color: var(--brand); }

/* DRAWER */
.atl-drawer {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: var(--atl-graphite);
  display: flex;
  flex-direction: column;
  padding: 22px 28px 32px;
  overflow-y: auto;
  background-image:
    linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
  background-size: 28px 28px, 28px 28px;
}
.atl-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.atl-drawer__nav { display: flex; flex-direction: column; }
.atl-drawer__link {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid var(--atl-line);
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: clamp(30px, 9vw, 48px);
  line-height: .98;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--ink, #f2f4f6);
  text-decoration: none;
}
.atl-drawer__idx {
  font-family: var(--atl-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--brand);
  transform: translateY(-2px);
}
.atl-drawer__link:active,
.atl-drawer__link:hover { color: var(--brand); }
.atl-drawer__foot {
  margin-top: auto;
  padding-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.atl-drawer__phone {
  font-family: var(--atl-mono);
  font-size: 16px;
  letter-spacing: .04em;
  color: var(--brand);
  text-decoration: none;
}
.atl-drawer__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--brand);
  color: var(--atl-on-brand);
  font-family: var(--atl-mono);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-decoration: none;
  padding: 15px 22px;
  border-radius: 2px;
}

/* ======================= HERO ======================= */
.atl-hero {
  position: relative;
  padding: 132px 28px 0;
  background: var(--atl-graphite);
}
.atl-hero__inner {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  border: 1px solid var(--atl-line-strong);
  background: var(--atl-graphite);
  overflow: hidden;
}

/* mm-rutnät + ursprungs-glöd */
.atl-hero__grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .09) 1px, transparent 1px),
    radial-gradient(60% 90% at 8% 0%, rgba(var(--brand-rgb), .16) 0%, transparent 62%);
  background-size: 28px 28px, 28px 28px, 140px 140px, 140px 140px, auto;
}

/* bakgrundsvideo + scrim */
.atl-hero__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .34;
  pointer-events: none;
}
.atl-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(20, 22, 26, .55) 0%, rgba(20, 22, 26, .82) 70%, var(--atl-graphite) 100%),
    linear-gradient(90deg, rgba(20, 22, 26, .9) 0%, rgba(20, 22, 26, .35) 60%);
}

/* hörn-registreringskors */
.atl-reg {
  position: absolute;
  z-index: 3;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.atl-reg::before,
.atl-reg::after {
  content: "";
  position: absolute;
  background: var(--brand);
}
.atl-reg::before { left: 0; top: 7px; width: 16px; height: 1px; }
.atl-reg::after { top: 0; left: 7px; width: 1px; height: 16px; }
.atl-reg--tl { top: -1px; left: -1px; }
.atl-reg--tr { top: -1px; right: -1px; }
.atl-reg--bl { bottom: -1px; left: -1px; }
.atl-reg--br { bottom: -1px; right: -1px; }

.atl-hero__cols {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1.55fr .85fr;
  gap: 0;
}
.atl-hero__copy {
  padding: 64px 56px 60px;
  border-right: 1px solid var(--atl-line-strong);
}
.atl-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--atl-mono);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--brand);
  border: 1px solid rgba(var(--brand-rgb), .4);
  background: rgba(var(--brand-rgb), .12);
  border-radius: 2px;
  padding: 6px 11px;
}
.atl-hero__eyebrow::before { content: "\25A6"; color: var(--brand); }
.atl-hero__title {
  margin: 22px 0 0;
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: clamp(46px, 7vw, 92px);
  line-height: .96;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #fff;
}
.atl-hero__title em {
  font-style: normal;
  color: var(--brand);
}
.atl-hero__lead {
  margin: 22px 0 0;
  max-width: 560px;
  font-size: 19px;
  line-height: 1.6;
  color: var(--ink-2, #c2c7ce);
}
.atl-hero__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}
.atl-hero__spec {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 34px;
}
.atl-hero__spec-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 2px 22px;
  border-left: 1px solid var(--atl-line-strong);
  font-family: var(--atl-mono);
}
.atl-hero__spec-item:first-child { padding-left: 0; border-left: 0; }
.atl-hero__spec-num {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  letter-spacing: .02em;
}
.atl-hero__spec-lab {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--atl-faint);
}
.atl-hero__spec-stars {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--star, #f5c518);
  font-size: 13px;
}
.atl-hero__spec-stars span { color: var(--ink-2, #c2c7ce); }

/* ritningshuvud / title block */
.atl-hero__plate {
  display: flex;
  flex-direction: column;
  background: rgba(15, 17, 21, .55);
}
.atl-hero__plate-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--atl-line-strong);
  font-family: var(--atl-mono);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--atl-faint);
}
.atl-hero__plate-head b { color: var(--brand); font-weight: 600; }
.atl-hero__cells {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.atl-hero__cell {
  padding: 16px 18px;
  border-bottom: 1px solid var(--atl-line);
  border-right: 1px solid var(--atl-line);
  font-family: var(--atl-mono);
}
.atl-hero__cell:nth-child(2n) { border-right: 0; }
.atl-hero__cell-k {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--atl-faint);
  margin-bottom: 5px;
}
.atl-hero__cell-v {
  display: block;
  font-size: 14px;
  color: var(--ink, #f2f4f6);
  word-break: break-word;
}
.atl-hero__cell-v.is-brand { color: var(--brand); }
.atl-hero__plate-postal {
  padding: 18px;
  border-top: 1px solid var(--atl-line-strong);
}

/* mätsticka under ramen */
.atl-hero__rule {
  position: relative;
  z-index: 4;
  max-width: 1320px;
  margin: 0 auto;
}
.atl-ruler {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  height: 26px;
  padding: 0 6px;
  border: 1px solid var(--atl-line-strong);
  border-top: 0;
  background:
    repeating-linear-gradient(90deg,
      var(--atl-line-strong) 0, var(--atl-line-strong) 1px,
      transparent 1px, transparent 28px);
}
.atl-ruler__coord {
  font-family: var(--atl-mono);
  font-size: 10.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--atl-faint);
  background: var(--atl-graphite);
  padding: 0 6px;
}

/* ======================= HOME-SEKTIONER ======================= */
.atl-shell { background: var(--atl-graphite); }
.atl-wrap { max-width: 1320px; margin: 0 auto; padding: 0 28px; }

.atl-rail {
  border-top: 1px solid var(--atl-line);
  border-bottom: 1px solid var(--atl-line);
  background: #16191d;
  overflow: hidden;
}
.atl-rail__track {
  display: flex;
  align-items: center;
  gap: 0;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 28px;
}
.atl-rail__item {
  padding: 16px 26px;
  font-family: var(--atl-mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--atl-faint);
  border-left: 1px solid var(--atl-line);
  white-space: nowrap;
}
.atl-rail__item:first-child { border-left: 0; padding-left: 0; }
.atl-rail__item::before {
  content: "\2197";
  color: var(--brand);
  margin-right: 8px;
}

.atl-sect {
  position: relative;
  padding: 92px 0;
  border-bottom: 1px solid var(--atl-line);
}
.atl-sect--alt { background: #16191d; }
.atl-sect__head {
  max-width: 760px;
  margin-bottom: 48px;
}
.atl-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--atl-mono);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--brand);
  border: 1px solid rgba(var(--brand-rgb), .4);
  background: rgba(var(--brand-rgb), .12);
  border-radius: 2px;
  padding: 6px 11px;
}
.atl-sect__title {
  margin: 18px 0 0;
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.02;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--ink, #f2f4f6);
}
.atl-sect__intro {
  margin: 16px 0 0;
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink-2, #c2c7ce);
}

/* tjänste-grid (kort) */
.atl-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.atl-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--atl-graphite-2);
  border: 1px solid var(--atl-line);
  border-radius: 2px;
  overflow: hidden;
  text-decoration: none;
  transition: transform .28s cubic-bezier(.22, .61, .36, 1), border-color .28s ease, box-shadow .28s ease;
}
.atl-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--brand-rgb), .5);
  box-shadow: inset 0 0 0 1px rgba(var(--brand-rgb), .28), 0 18px 40px rgba(0, 0, 0, .45);
}
.atl-card__media {
  position: relative;
  aspect-ratio: 4 / 3;
  background: #1b1e23;
  border-bottom: 1px solid var(--atl-line);
  overflow: hidden;
}
.atl-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.atl-card__num {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  font-family: var(--atl-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--brand);
  background: rgba(15, 17, 21, .8);
  border: 1px solid rgba(var(--brand-rgb), .4);
  border-radius: 2px;
  padding: 3px 7px;
}
.atl-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--brand);
}
.atl-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  padding: 22px 22px 24px;
}
.atl-card__body h3 {
  margin: 0;
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: var(--ink, #f2f4f6);
}
.atl-card__body p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--muted, #868d97);
}
.atl-card__price {
  font-family: var(--atl-mono);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--brand);
}
.atl-card__link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--atl-mono);
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ink, #f2f4f6);
}
.atl-card:hover .atl-card__link { color: var(--brand); }

/* trust-band */
.atl-trust {
  background: #16191d;
  border-top: 1px solid var(--atl-line);
  border-bottom: 1px solid var(--atl-line);
}
.atl-trust__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 30px 28px;
}

/* stats-band */
.atl-stats {
  border-bottom: 1px solid var(--atl-line);
  background:
    linear-gradient(135deg, var(--atl-graphite-2) 0%, var(--atl-graphite-deep) 100%);
}
.atl-stats__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1320px;
  margin: 0 auto;
}
.atl-stat {
  padding: 44px 28px;
  border-left: 1px solid var(--atl-line);
}
.atl-stat:first-child { border-left: 0; }
.atl-stat__num {
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1;
  letter-spacing: -.02em;
  color: #fff;
}
.atl-stat__lab {
  margin-top: 10px;
  font-family: var(--atl-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--atl-faint);
}

/* USP-grid */
.atl-usp {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.atl-usp__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 26px 24px;
  background: var(--atl-graphite-2);
  border: 1px solid var(--atl-line);
  border-left: 3px solid rgba(var(--brand-rgb), .5);
  border-radius: 2px;
}
.atl-usp__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  color: var(--brand);
  background: rgba(var(--brand-rgb), .12);
  border: 1px solid rgba(var(--brand-rgb), .4);
  border-radius: 2px;
}
.atl-usp__item h3 {
  margin: 0;
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: -.01em;
  color: var(--ink, #f2f4f6);
}
.atl-usp__item p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--muted, #868d97);
}

/* process-steg */
.atl-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.atl-step {
  position: relative;
  padding: 26px 22px;
  background: var(--atl-graphite-2);
  border: 1px solid var(--atl-line);
  border-left: 3px solid rgba(var(--brand-rgb), .5);
  border-radius: 2px;
}
.atl-step__num {
  font-family: var(--atl-mono);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--brand);
}
.atl-step h3 {
  margin: 12px 0 8px;
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--ink, #f2f4f6);
}
.atl-step p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--muted, #868d97);
}

/* ======================= FOOTER ======================= */
.atl-footer {
  position: relative;
  background: var(--atl-graphite-deep);
  border-top: 1px solid var(--atl-line-strong);
  color: var(--ink-2, #c2c7ce);
  font-family: var(--ff-body, "Inter", system-ui, sans-serif);
  overflow: hidden;
}
.atl-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brand), transparent);
}
.atl-footer__grid-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .5;
  background-image:
    linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);
  background-size: 28px 28px, 28px 28px;
}
.atl-footer__inner {
  position: relative;
  z-index: 1;
  max-width: 1320px;
  margin: 0 auto;
  padding: 64px 28px 40px;
}
.atl-footer__top {
  display: grid;
  grid-template-columns: 1.4fr .9fr;
  gap: 40px;
  align-items: end;
  padding-bottom: 44px;
  border-bottom: 1px solid var(--atl-line);
}
.atl-footer__mark {
  margin: 0;
  font-family: var(--ff-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: clamp(44px, 9vw, 120px);
  line-height: .9;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px var(--atl-line-strong);
}
.atl-footer__contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: var(--atl-mono);
  font-size: 13px;
  line-height: 1.6;
  color: var(--ink-2, #c2c7ce);
}
.atl-footer__contact-link {
  color: var(--ink, #f2f4f6);
  text-decoration: none;
  transition: color .2s ease;
}
.atl-footer__contact-link:hover { color: var(--brand); }

.atl-footer__legend {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  padding: 44px 0;
  border-bottom: 1px solid var(--atl-line);
}
.atl-footer__col {
  padding: 0 26px;
  border-left: 1px solid var(--atl-line);
}
.atl-footer__col:first-child { padding-left: 0; border-left: 0; }
.atl-footer__h {
  margin: 0 0 16px;
  font-family: var(--atl-mono);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--brand);
}
.atl-footer__col a {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 0;
  font-size: 14px;
  color: var(--ink-2, #c2c7ce);
  text-decoration: none;
  transition: color .2s ease;
}
.atl-footer__col a::before {
  content: "\2510";
  font-family: var(--atl-mono);
  font-size: 11px;
  color: var(--brand);
}
.atl-footer__col a:hover { color: #fff; }

.atl-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding-top: 24px;
  font-family: var(--atl-mono);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--atl-faint);
}
.atl-footer__coord { color: var(--brand); }
.atl-footer__meta {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
.atl-footer__meta a {
  color: var(--atl-faint);
  text-decoration: none;
  transition: color .2s ease;
}
.atl-footer__meta a:hover { color: var(--ink, #f2f4f6); }

/* ======================= RESPONSIVT ======================= */
@media (max-width: 1040px) {
  .atl-nav { display: none; }
  .atl-burger { display: inline-flex; }
}
@media (max-width: 900px) {
  .atl-hero__cols { grid-template-columns: 1fr; }
  .atl-hero__copy { border-right: 0; border-bottom: 1px solid var(--atl-line-strong); padding: 48px 28px 44px; }
  .atl-cards,
  .atl-usp { grid-template-columns: repeat(2, 1fr); }
  .atl-stats__inner { grid-template-columns: repeat(2, 1fr); }
  .atl-stat:nth-child(-n+2) { border-top: 0; }
  .atl-stat:nth-child(2n+1) { border-left: 0; }
  .atl-steps { grid-template-columns: repeat(2, 1fr); }
  .atl-footer__top { grid-template-columns: 1fr; gap: 28px; align-items: start; }
}
@media (max-width: 760px) {
  .atl-meta { display: none; }
  .atl-bar__phone { display: none; }
  .atl-hero { padding-top: 108px; }
  .atl-footer__legend { grid-template-columns: repeat(2, 1fr); row-gap: 32px; }
  .atl-footer__col:nth-child(2) { padding-right: 0; }
  .atl-footer__col:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 560px) {
  .atl-hero__copy { padding: 40px 22px 38px; }
  .atl-cards,
  .atl-usp,
  .atl-steps { grid-template-columns: 1fr; }
  .atl-footer__legend { grid-template-columns: 1fr; row-gap: 28px; }
  .atl-footer__col { padding: 0; border-left: 0; }
  .atl-footer__mark { font-size: 18vw; }
}


/* ═══ QA-FIXAR (atlas) ═══ */
/* [hög] html[data-template="atlas"] --atl-on-brand (rad 3-4, .b */
/* Robust automatisk svart/vit text pa brand-yta, oberoende av color-contrast()-stod. Modern lab-baserad lasbarhetsvakt med saker fallback. */
html[data-template="atlas"]{--atl-on-brand:#14161A}
@supports (color: oklch(from white l c h)){
  html[data-template="atlas"]{
    /* om brand ar morkt (L < .6) -> vit text, annars mork text */
    --atl-on-brand:oklch(from var(--brand) clamp(0,(.6 - l) * 1000,1) 0 0 / 1);
  }
}
@supports (color: contrast-color(red)){
  html[data-template="atlas"]{--atl-on-brand:contrast-color(var(--brand))}
}
/* [medel] html[data-template="atlas"] --atl-accent (rad 117) anva */
/* Garantera att accentfargen pa mork botten aldrig blir for mork: lyft alltid mot ljust och satt ett minsta-ljus-golv. */
html[data-template="atlas"]{--atl-accent:color-mix(in srgb, var(--brand) 60%, #F2F4F6 40%)}
@supports (color: oklch(from white l c h)){
  html[data-template="atlas"]{--atl-accent:oklch(from color-mix(in srgb, var(--brand) 62%, #F2F4F6 38%) max(l,.72) c h)}
}
/* [låg] html[data-template="atlas"] .trusted__row svg */
/* Lat Googles farglogga behalla sina farger; tvinga bara monokrom-vitt pa ovriga partnerloggor. */
html[data-template="atlas"] .trusted__row img[src*="google" i],
html[data-template="atlas"] .trusted__row svg[data-brand="google"]{filter:none;opacity:1}