/* ═══ EXKLUSIV MALL: Cobalt (cobalt) ═══ Inre-sid-CSS-lager + animation. Scopat [data-template="cobalt"]. Video:true. Signatur:#1F4DD8. */

html[data-template="cobalt"]{--bg:#0A1736;--bg-soft:#0C1E47;--ink:#EAF0FF;--ink-2:#C6D4F2;--muted:#9DB0DA;--line:rgba(150,180,255,.14);--line-2:rgba(150,180,255,.26);--brand-deep:var(--brand);--btn-radius:8px;--btn-pad:14px 22px;--btn-weight:700;--btn-transform:uppercase;--btn-tracking:.05em;--star:#F6C544;--co-ink:#0A1736;--co-ink-2:#0C1E47;--co-panel:#0E2350;--co-panel-2:#102A5E;--co-text:#EAF0FF;--co-muted:#9DB0DA;--co-faint:#6F84B6;--co-line:rgba(150,180,255,.14);--co-line-2:rgba(150,180,255,.26);--co-mono:ui-monospace,"SF Mono","JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace}
[data-template="cobalt"] body{background:var(--co-ink);color:var(--co-text)}
[data-template="cobalt"] h1,[data-template="cobalt"] h2,[data-template="cobalt"] h3,[data-template="cobalt"] h4{color:var(--co-text);font-family:var(--ff-heading);letter-spacing:-.025em}
[data-template="cobalt"] p{color:var(--co-muted)}
[data-template="cobalt"] a{color:inherit}
[data-template="cobalt"] .subhero{background:var(--co-ink);border-bottom:1px solid var(--co-line);background-image:repeating-linear-gradient(90deg,var(--co-line) 0,var(--co-line) 1px,transparent 1px,transparent 96px),radial-gradient(60% 80% at 8% -10%,rgba(var(--brand-rgb),.14) 0%,transparent 60%)}
[data-template="cobalt"] .subhero h1{color:var(--co-text)}
[data-template="cobalt"] .subhero__lead{color:var(--co-muted)}
[data-template="cobalt"] .subhero__crumbs,[data-template="cobalt"] .subhero__crumbs a{color:var(--co-faint);font-family:var(--co-mono);font-size:12.5px;letter-spacing:.02em}
[data-template="cobalt"] .subhero__crumbs a:hover{color:var(--brand)}
[data-template="cobalt"] .subhero__crumbs span{color:var(--co-line-2)}
[data-template="cobalt"] .subhero__answer{background:var(--co-panel);border:1px solid var(--co-line);border-left:2px solid var(--brand);border-radius:10px;color:var(--co-muted);box-shadow:0 20px 50px rgba(3,8,24,.5)}
[data-template="cobalt"] .subhero__answer-label{color:var(--brand);font-family:var(--co-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
[data-template="cobalt"] .subhero__answer-question{color:var(--co-text)}
[data-template="cobalt"] .subhero__answer p{color:var(--co-muted)}
[data-template="cobalt"] .subhero__photo,[data-template="cobalt"] .photo,[data-template="cobalt"] .hero__photo{background:var(--co-panel);border:1px solid var(--co-line);border-radius:12px}
[data-template="cobalt"] .eyebrow,[data-template="cobalt"] .section-head .eyebrow{background:rgba(var(--brand-rgb),.12);border:1px solid rgba(var(--brand-rgb),.34);color:var(--brand);font-family:var(--co-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:600;border-radius:5px}
[data-template="cobalt"] .section{background:var(--co-ink)}
[data-template="cobalt"] .section:nth-child(even){background:var(--co-ink-2)}
[data-template="cobalt"] .section-head h2{color:var(--co-text)}
[data-template="cobalt"] .section-head p{color:var(--co-muted)}
[data-template="cobalt"] .card,[data-template="cobalt"] .aside-card,[data-template="cobalt"] .area-service-card,[data-template="cobalt"] .case-card,[data-template="cobalt"] .related-link,[data-template="cobalt"] .testimonial,[data-template="cobalt"] .aside-emblems,[data-template="cobalt"] .aside-steps,[data-template="cobalt"] .contact-method{background:var(--co-panel);border:1px solid var(--co-line);border-radius:12px;color:var(--co-muted);box-shadow:0 18px 44px rgba(3,8,24,.45)}
[data-template="cobalt"] .card::after,[data-template="cobalt"] .area-service-card::after{background:linear-gradient(90deg,var(--brand) 0%,rgba(var(--brand-rgb),.4) 100%)}
[data-template="cobalt"] .card:hover,[data-template="cobalt"] .area-service-card:hover{border-color:rgba(var(--brand-rgb),.5);box-shadow:0 0 0 1px rgba(var(--brand-rgb),.28),0 24px 56px rgba(3,8,24,.6);transform:translateY(-4px)}
[data-template="cobalt"] .card h3,[data-template="cobalt"] .area-service-card__body h3,[data-template="cobalt"] .related-link h3,[data-template="cobalt"] .testimonial blockquote,[data-template="cobalt"] .contact-method__body strong{color:var(--co-text)}
[data-template="cobalt"] .card p,[data-template="cobalt"] .area-service-card__body p,[data-template="cobalt"] .related-link__body p,[data-template="cobalt"] .contact-method__body p,[data-template="cobalt"] .testimonial cite{color:var(--co-muted)}
[data-template="cobalt"] .card__image,[data-template="cobalt"] .area-service-card__media{background:var(--co-panel-2);border-bottom:1px solid var(--co-line)}
[data-template="cobalt"] .card__icon,[data-template="cobalt"] .contact-method__icon,[data-template="cobalt"] .article-tool__icon{background:rgba(var(--brand-rgb),.14);border:1px solid rgba(var(--brand-rgb),.32);color:var(--brand);border-radius:9px}
[data-template="cobalt"] .card__price,[data-template="cobalt"] .area-service-card__price{color:var(--brand);font-family:var(--co-mono);font-weight:600}
[data-template="cobalt"] .card__price small{color:var(--co-faint)}
[data-template="cobalt"] .card__link,[data-template="cobalt"] .area-service-card__cta,[data-template="cobalt"] .article-card__cta,[data-template="cobalt"] .article-featured__cta{color:var(--co-text);font-family:var(--co-mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}
[data-template="cobalt"] .card:hover .card__link,[data-template="cobalt"] .area-service-card:hover .area-service-card__cta{color:var(--brand)}
[data-template="cobalt"] .article-card,[data-template="cobalt"] .article-featured{background:var(--co-panel);border:1px solid var(--co-line);border-radius:12px;color:var(--co-muted);box-shadow:0 18px 44px rgba(3,8,24,.45)}
[data-template="cobalt"] .article-card:hover,[data-template="cobalt"] .article-featured:hover{border-color:rgba(var(--brand-rgb),.45);box-shadow:0 24px 56px rgba(3,8,24,.6);transform:translateY(-4px)}
[data-template="cobalt"] .article-card__body h3,[data-template="cobalt"] .article-featured__body h2{color:var(--co-text)}
[data-template="cobalt"] .article-card__body p,[data-template="cobalt"] .article-featured__body p,[data-template="cobalt"] .article-meta,[data-template="cobalt"] .article-card__media--icon{color:var(--co-muted)}
[data-template="cobalt"] .article-card__media,[data-template="cobalt"] .article-featured__media{background:var(--co-panel-2);border-bottom:1px solid var(--co-line)}
[data-template="cobalt"] .article-card__media--icon,[data-template="cobalt"] .article-featured__media--icon{background:linear-gradient(135deg,var(--co-panel-2),var(--co-ink-2));color:var(--brand)}
[data-template="cobalt"] .article-badge{background:var(--co-panel);color:var(--co-text);border:1px solid var(--co-line-2);font-family:var(--co-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:5px}
[data-template="cobalt"] .article-badge--onmedia{background:rgba(10,23,54,.86);color:var(--co-text);border:1px solid var(--co-line-2);backdrop-filter:blur(8px)}
[data-template="cobalt"] .article-hero,[data-template="cobalt"] .contact-hero{background:var(--co-ink);border-bottom:1px solid var(--co-line);background-image:radial-gradient(60% 80% at 90% -10%,rgba(var(--brand-rgb),.12) 0%,transparent 60%)}
[data-template="cobalt"] .article-hero__text h1,[data-template="cobalt"] .contact-hero__text h1{color:var(--co-text)}
[data-template="cobalt"] .article-hero__lead,[data-template="cobalt"] .contact-hero__lead{color:var(--co-muted)}
[data-template="cobalt"] .article-hero__tools{background:var(--co-panel);border:1px solid var(--co-line);border-radius:14px}
[data-template="cobalt"] .article-tool{color:var(--co-text)}
[data-template="cobalt"] .article-tool:hover{background:rgba(var(--brand-rgb),.10)}
[data-template="cobalt"] .article-tool strong{color:var(--co-text)}
[data-template="cobalt"] .article-tool small{color:var(--co-muted)}
[data-template="cobalt"] .article-filter{background:var(--co-ink-2);border:1px solid var(--co-line)}
[data-template="cobalt"] .article-filter__chip{color:var(--co-muted);font-family:var(--co-mono)}
[data-template="cobalt"] .article-filter__chip:hover{background:rgba(var(--brand-rgb),.10);color:var(--co-text)}
[data-template="cobalt"] .article-filter__chip.is-active{background:var(--brand);color:var(--co-on-brand);box-shadow:0 6px 18px rgba(var(--brand-rgb),.4)}
[data-template="cobalt"] .article-filter__count{background:rgba(150,180,255,.12);color:var(--co-muted)}
[data-template="cobalt"] .article-filter__chip.is-active .article-filter__count{background:rgba(255,255,255,.22);color:var(--co-on-brand)}
[data-template="cobalt"] .article-empty{background:var(--co-ink-2);color:var(--co-muted)}
[data-template="cobalt"] .faq__item{background:var(--co-panel);border:1px solid var(--co-line);border-radius:10px}
[data-template="cobalt"] .faq__q{background:transparent;color:var(--co-text);font-family:var(--ff-heading)}
[data-template="cobalt"] .faq__icon{background:rgba(var(--brand-rgb),.16);color:var(--co-accent)}
[data-template="cobalt"] .faq__a p{color:var(--co-muted)}
[data-template="cobalt"] .form-card,[data-template="cobalt"] .contact-hero__form .form-card{background:var(--co-panel);border:1px solid var(--co-line);border-radius:14px;color:var(--co-muted);box-shadow:0 30px 80px rgba(3,8,24,.55)}
[data-template="cobalt"] .form-card h2,[data-template="cobalt"] .form-pane__title{color:var(--co-text)}
[data-template="cobalt"] .form-card > p,[data-template="cobalt"] .form-pane__sub,[data-template="cobalt"] .form-step__num{color:var(--co-muted)}
[data-template="cobalt"] .field label,[data-template="cobalt"] .form-step__name{color:var(--co-text);font-family:var(--co-mono);font-size:12.5px;letter-spacing:.03em}
[data-template="cobalt"] .field input,[data-template="cobalt"] .field textarea,[data-template="cobalt"] .field select,[data-template="cobalt"] .postal-check__row input,[data-template="cobalt"] .services-search input{background:var(--co-ink);border:1px solid var(--co-line-2);border-radius:8px;color:var(--co-text)}
[data-template="cobalt"] .field input::placeholder,[data-template="cobalt"] .field textarea::placeholder,[data-template="cobalt"] .postal-check__row input::placeholder,[data-template="cobalt"] .services-search input::placeholder{color:var(--co-faint)}
[data-template="cobalt"] .field input:focus,[data-template="cobalt"] .field textarea:focus,[data-template="cobalt"] .field select:focus,[data-template="cobalt"] .postal-check__row input:focus,[data-template="cobalt"] .services-search input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2)}
[data-template="cobalt"] .field select{color:var(--co-text)}
[data-template="cobalt"] .form-step::before{background:var(--co-line-2)}
[data-template="cobalt"] .form-step.is-done::before,[data-template="cobalt"] .form-step.is-active::before{background:linear-gradient(90deg,var(--brand) 0%,rgba(var(--brand-rgb),.5) 100%)}
[data-template="cobalt"] .form-step__bubble{background:var(--co-panel-2);border:2px solid var(--co-line-2);color:var(--co-muted);font-family:var(--co-mono);border-radius:8px}
[data-template="cobalt"] .form-step.is-active .form-step__bubble{background:var(--brand);border-color:var(--brand);color:var(--co-on-brand);box-shadow:0 0 0 5px rgba(var(--brand-rgb),.18)}
[data-template="cobalt"] .form-step.is-done .form-step__bubble{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--co-on-brand)}
[data-template="cobalt"] .form-step.is-active .form-step__num,[data-template="cobalt"] .form-step.is-done .form-step__num{color:var(--co-accent)}
[data-template="cobalt"] .form-step.is-active .form-step__name{color:var(--co-text)}
[data-template="cobalt"] .file-drop{background:var(--co-ink);border:1.5px dashed var(--co-line-2);border-radius:10px;color:var(--co-muted)}
[data-template="cobalt"] .file-drop:hover,[data-template="cobalt"] .file-drop.is-drag{border-color:var(--brand);background:rgba(var(--brand-rgb),.08);color:var(--co-accent)}
[data-template="cobalt"] .file-drop__text{color:var(--co-text)}
[data-template="cobalt"] .file-list li{background:var(--co-panel-2);border:1px solid var(--co-line);color:var(--co-muted)}
[data-template="cobalt"] .postal-check{background:var(--co-panel);border:1px solid var(--co-line);border-radius:12px;box-shadow:0 20px 50px rgba(3,8,24,.5)}
[data-template="cobalt"] .postal-check__title{color:var(--co-text)}
[data-template="cobalt"] .postal-check__sub{color:var(--co-muted)}
[data-template="cobalt"] .postal-check__pin{background:rgba(var(--brand-rgb),.14);border:1px solid rgba(var(--brand-rgb),.32);color:var(--co-accent);border-radius:8px}
[data-template="cobalt"] .postal-check__row{background:var(--co-ink);border:1px solid var(--co-line-2)}
[data-template="cobalt"] .postal-check__hint{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);color:var(--co-on-brand)}
[data-template="cobalt"] .review-card,[data-template="cobalt"] .reviews-carousel__card{background:var(--co-panel);border:1px solid var(--co-line);border-radius:12px;color:var(--co-muted);box-shadow:0 18px 44px rgba(3,8,24,.45)}
[data-template="cobalt"] .review-card blockquote,[data-template="cobalt"] .reviews-carousel__card blockquote,[data-template="cobalt"] .review-card__author,[data-template="cobalt"] .case-card__body{color:var(--co-text)}
[data-template="cobalt"] .review-card__source,[data-template="cobalt"] .reviews-source-label,[data-template="cobalt"] .case-card__topic{color:var(--co-muted)}
[data-template="cobalt"] .review-card__avatar{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);color:var(--co-on-brand)}
[data-template="cobalt"] .case-card__quote{color:var(--co-accent);border-top:1px solid var(--co-line)}
[data-template="cobalt"] .reviews-source-link{color:var(--co-accent)}
[data-template="cobalt"] .trusted{background:var(--co-ink-2);border:1px solid var(--co-line)}
[data-template="cobalt"] .trusted__label{color:var(--co-muted);font-family:var(--co-mono);text-transform:uppercase;letter-spacing:.12em}
[data-template="cobalt"] .trusted__row svg{filter:brightness(0) invert(1);opacity:.62}
[data-template="cobalt"] .trusted__row a:hover svg{opacity:1}
[data-template="cobalt"] .trusted__google-rating{color:var(--co-text)}
[data-template="cobalt"] .trusted__google-score{color:var(--co-text)}
[data-template="cobalt"] .trusted__google-sub{color:var(--co-muted)}
[data-template="cobalt"] .aside-emblems img{filter:brightness(0) invert(1);opacity:.85}
[data-template="cobalt"] .aside-emblems__google-rating,[data-template="cobalt"] .aside-emblems__google-score{color:var(--co-text)}
[data-template="cobalt"] .aside-emblems__google-sub{color:var(--co-muted)}
[data-template="cobalt"] .aside-emblems a.aside-emblems__google img.google{filter:none}
[data-template="cobalt"] .aside-steps strong{color:var(--co-text)}
[data-template="cobalt"] .process__step{background:var(--co-panel);border:1px solid var(--co-line);border-radius:12px}
[data-template="cobalt"] .process__step::before{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-deep) 100%)}
[data-template="cobalt"] .process__timeline--row .process__step::before{background:linear-gradient(90deg,var(--brand) 0%,var(--brand-deep) 100%)}
[data-template="cobalt"] .process__step h3{color:var(--co-text)}
[data-template="cobalt"] .process__step p{color:var(--co-muted)}
[data-template="cobalt"] .process__check{background:rgba(var(--brand-rgb),.16);color:var(--co-accent);border:1px solid rgba(var(--brand-rgb),.4);box-shadow:0 0 0 6px rgba(var(--brand-rgb),.10)}
[data-template="cobalt"] .process__cta{background:linear-gradient(160deg,var(--co-panel-2) 0%,var(--brand-deep) 100%);border:1px solid rgba(var(--brand-rgb),.4)}
[data-template="cobalt"] .datapoint{background:var(--co-panel-2);border:1px solid var(--co-line)}
[data-template="cobalt"] .datapoint__num{color:var(--co-accent);font-family:var(--co-mono)}
[data-template="cobalt"] .datapoint__lab{color:var(--co-muted)}
[data-template="cobalt"] .stats__lab{color:var(--co-text);opacity:.85}
[data-template="cobalt"] .cta-strip{background:linear-gradient(120deg,var(--co-ink-2) 0%,var(--brand-deep) 70%,var(--brand) 130%);border:1px solid rgba(var(--brand-rgb),.4);border-radius:16px;box-shadow:0 40px 100px rgba(3,8,24,.6)}
[data-template="cobalt"] .cta-strip h2{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}
[data-template="cobalt"] .cta-strip p{color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.35)}
[data-template="cobalt"] .cta-strip .btn--primary{background:#fff;color:var(--co-ink);border-color:#fff}
[data-template="cobalt"] .cta-strip .btn--primary .btn__arrow{background:var(--co-ink);color:#fff}
[data-template="cobalt"] .cta-strip .btn--ghost{background:rgba(10,23,54,.4);color:#fff;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(0,0,0,.45)}
[data-template="cobalt"] .cta-strip .btn--ghost:hover{background:rgba(10,23,54,.6)}
[data-template="cobalt"] .btn--primary{background:var(--brand);color:var(--co-on-brand);border:1px solid var(--brand);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 22px rgba(var(--brand-rgb),.3)}
[data-template="cobalt"] .btn--primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 30px rgba(var(--brand-rgb),.45);transform:translateY(-1px)}
[data-template="cobalt"] .btn--primary .btn__arrow{background:#fff;color:var(--brand-deep)}
[data-template="cobalt"] .btn--ghost{background:rgba(150,180,255,.06);color:var(--co-text);border:1px solid var(--co-line-2)}
[data-template="cobalt"] .btn--ghost:hover{background:rgba(var(--brand-rgb),.12);border-color:rgba(var(--brand-rgb),.5)}
[data-template="cobalt"] .btn--ghost .btn__arrow{background:var(--co-text);color:var(--co-ink)}
[data-template="cobalt"] .price-table{background:var(--co-panel);color:var(--co-muted);border:1px solid var(--co-line);border-radius:12px;overflow:hidden}
[data-template="cobalt"] .price-table th{background:var(--co-panel-2);color:var(--co-text);font-family:var(--co-mono);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--co-line)}
[data-template="cobalt"] .price-table td{border-bottom:1px solid var(--co-line);color:var(--co-muted)}
[data-template="cobalt"] .price-table .num{color:var(--co-accent);font-family:var(--co-mono)}
[data-template="cobalt"] .prose p,[data-template="cobalt"] .prose li{color:var(--co-muted)}
[data-template="cobalt"] .prose h2,[data-template="cobalt"] .prose h3,[data-template="cobalt"] .prose strong{color:var(--co-text)}
[data-template="cobalt"] .prose blockquote{border-left:3px solid var(--brand);background:var(--co-panel-2);color:var(--co-text);border-radius:0 10px 10px 0}
[data-template="cobalt"] .aside-card h4{color:var(--co-text)}
[data-template="cobalt"] .sitemap-block{background:var(--co-panel);border:1px solid var(--co-line);border-radius:12px}
[data-template="cobalt"] .sitemap-block:hover{border-color:var(--co-line-2);box-shadow:0 10px 28px rgba(3,8,24,.5)}
[data-template="cobalt"] .sitemap-block h2{color:var(--co-text)}
[data-template="cobalt"] .sitemap-block__head{border-bottom:1px solid var(--co-line)}
[data-template="cobalt"] .sitemap-block__icon{background:rgba(var(--brand-rgb),.14);border:1px solid rgba(var(--brand-rgb),.3);color:var(--co-accent);border-radius:8px}
[data-template="cobalt"] .sitemap-block__count{background:var(--co-panel-2);color:var(--co-muted)}
[data-template="cobalt"] .sitemap-block__lede{color:var(--co-muted)}
[data-template="cobalt"] .sitemap-block a{color:var(--co-muted)}
[data-template="cobalt"] .sitemap-block a:hover{color:var(--co-accent)}
[data-template="cobalt"] .sitemap-block li + li a{border-top:1px solid var(--co-line)}
[data-template="cobalt"] .sitemap-geo__head h2{color:var(--co-text)}
[data-template="cobalt"] .pagination__btn{background:var(--co-panel);border:1px solid var(--co-line-2);color:var(--co-muted);font-family:var(--co-mono);border-radius:8px}
[data-template="cobalt"] .pagination__btn:hover:not(:disabled):not(.is-active){background:rgba(var(--brand-rgb),.10);color:var(--co-text);border-color:rgba(var(--brand-rgb),.4)}
[data-template="cobalt"] .pagination__btn.is-active{background:var(--brand);color:var(--co-on-brand);border-color:var(--brand);box-shadow:0 6px 16px rgba(var(--brand-rgb),.4)}
[data-template="cobalt"] .pagination__gap,[data-template="cobalt"] .pagination__status{color:var(--co-muted)}
[data-template="cobalt"] .pagination__status strong{color:var(--co-text)}
[data-template="cobalt"] .card-scroller__nav,[data-template="cobalt"] .hero-carousel__nav{background:var(--co-panel);border:1px solid var(--co-line-2);color:var(--co-text)}
[data-template="cobalt"] .card-scroller__nav:hover,[data-template="cobalt"] .hero-carousel__nav:hover{background:var(--brand);color:var(--co-on-brand)}
[data-template="cobalt"] .services-search__empty{color:var(--co-muted)}
[data-template="cobalt"] .services-search__empty a{color:var(--co-accent)}
[data-template="cobalt"] .contact-method:hover{border-color:rgba(var(--brand-rgb),.4)}
[data-template="cobalt"] .addr-ac__list{background:var(--co-panel);border:1px solid var(--co-line-2);border-radius:8px}
[data-template="cobalt"] .addr-ac__item{color:var(--co-muted)}
[data-template="cobalt"] .addr-ac__item.is-active,[data-template="cobalt"] .addr-ac__item:hover{background:rgba(var(--brand-rgb),.14);color:var(--co-text)}
[data-template="cobalt"] .about-check{background:var(--co-panel);border:1px solid var(--co-line)}
[data-template="cobalt"] .about-check__label,[data-template="cobalt"] .about-team__item h3,[data-template="cobalt"] .about-history p{color:var(--co-text)}
[data-template="cobalt"] .about-check__answer,[data-template="cobalt"] .about-team__item p{color:var(--co-muted)}
[data-template="cobalt"] .about-team__item + .about-team__item{border-top:1px solid var(--co-line)}
[data-template="cobalt"] .team-member{background:var(--co-panel);border:1px solid var(--co-line)}
[data-template="cobalt"] .team-member h4{color:var(--co-text)}
[data-template="cobalt"] .team-member p,[data-template="cobalt"] .team-member__photo{color:var(--co-muted);background:var(--co-panel-2)}
[data-template="cobalt"] .footer{background:linear-gradient(180deg,#081230 0%,#050C22 100%);border-top:1px solid var(--co-line-2)}
[data-template="cobalt"] .mobile-call-bar{background:rgba(10,23,54,.94);border-top:1px solid var(--co-line);backdrop-filter:blur(14px)}
[data-template="cobalt"] .mobile-call-bar .call{background:var(--brand);color:var(--co-on-brand)}
[data-template="cobalt"] .mobile-call-bar .quote{background:var(--co-panel);color:var(--co-text);border:1px solid var(--co-line-2)}
[data-template="cobalt"]{--co-on-brand:#FFFFFF}
@supports (color:color-contrast(black vs white)){[data-template="cobalt"]{--co-on-brand:color-contrast(var(--brand) vs #FFFFFF,#0A1736)}}
[data-template="cobalt"]{--co-accent:color-mix(in srgb,var(--brand) 62%,#EAF0FF 38%)}
[data-template="cobalt"] .eyebrow,[data-template="cobalt"] .section-head .eyebrow{color:var(--co-accent)}
[data-template="cobalt"] .card__icon,[data-template="cobalt"] .contact-method__icon,[data-template="cobalt"] .article-tool__icon,[data-template="cobalt"] .sitemap-block__icon,[data-template="cobalt"] .postal-check__pin{color:var(--co-accent)}
[data-template="cobalt"] .card__price,[data-template="cobalt"] .area-service-card__price,[data-template="cobalt"] .price-table .num,[data-template="cobalt"] .datapoint__num{color:var(--co-accent)}
[data-template="cobalt"] .card__link,[data-template="cobalt"] .article-card__cta,[data-template="cobalt"] .area-service-card__cta,[data-template="cobalt"] .article-featured__cta,[data-template="cobalt"] .reviews-source-link,[data-template="cobalt"] .services-search__empty a{color:var(--co-accent)}
[data-template="cobalt"] .subhero__answer-label{color:var(--co-accent)}

/* — Animation (cobalt) — */
@media (prefers-reduced-motion: no-preference){
  @keyframes co-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes co-rule-sweep{from{background-position:-200% 0}to{background-position:200% 0}}
  @keyframes co-ledger-drift{from{background-position:0 0}to{background-position:96px 0}}

  [data-template="cobalt"] [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
  [data-template="cobalt"] [data-reveal].in{opacity:1;transform:none}
  [data-template="cobalt"] .reveal{opacity:0}
  [data-template="cobalt"] .reveal.is-visible{animation:co-rise .6s cubic-bezier(.22,.61,.36,1) forwards}

  [data-template="cobalt"] .co-hero__grid{background-image:repeating-linear-gradient(90deg,var(--co-line) 0,var(--co-line) 1px,transparent 1px,transparent 96px);animation:co-ledger-drift 40s linear infinite}

  [data-template="cobalt"] .footer::after,[data-template="cobalt"] .co-footer::before{background:linear-gradient(90deg,transparent,rgba(var(--brand-rgb),.7),transparent);background-size:200% 100%;animation:co-rule-sweep 7s ease-in-out infinite}

  [data-template="cobalt"] .card,[data-template="cobalt"] .area-service-card,[data-template="cobalt"] .article-card,[data-template="cobalt"] .article-featured{transition:transform .3s cubic-bezier(.22,.61,.36,1),border-color .25s ease,box-shadow .3s ease}
  [data-template="cobalt"] .co-index__row{transition:background .2s ease,transform .2s ease}
  [data-template="cobalt"] .co-index__row:hover{background:rgba(var(--brand-rgb),.08);transform:translateX(3px)}
  [data-template="cobalt"] .btn--primary,[data-template="cobalt"] .btn--ghost{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
  [data-template="cobalt"] .co-nav__link::after{transition:transform .25s cubic-bezier(.22,.61,.36,1)}
  [data-template="cobalt"] .field input:focus,[data-template="cobalt"] .field textarea:focus{transition:box-shadow .2s ease,border-color .2s ease}
}


/* ═══ Cobalt — CHROME ═══ */
/* ════════════════════════════════════════════════════════════════════
   COBALT — deep-blue corporate-premium chrome. Prefix: co-
   Identity: "indexed dossier" — ledger utility-bar, split editorial hero
   med Confidence Index, tall tabular navy footer. Accent följer alltid
   kundens tema via var(--brand)/--brand-rgb/--brand-deep — aldrig hårdkodat.
   ════════════════════════════════════════════════════════════════════ */

[data-template="cobalt"] {
  /* Design tokens */
  --co-ink: #0A1736;
  --co-ink-2: #0C1E47;
  --co-panel: #0E2350;
  --co-panel-2: #102A5E;
  --co-line: rgba(150, 180, 255, 0.14);
  --co-line-strong: rgba(150, 180, 255, 0.26);
  --co-text: #EAF0FF;
  --co-muted: #9DB0DA;
  --co-faint: #6F84B6;
  --co-rail: rgba(var(--brand-rgb), 0.5);
  --co-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;

  background: var(--co-ink);
  color: var(--co-text);
}

[data-template="cobalt"] *,
[data-template="cobalt"] *::before,
[data-template="cobalt"] *::after {
  box-sizing: border-box;
}

/* Mörk canvas: ge sektioner luft under fixed header (34 + 64 = 98px) */
[data-template="cobalt"] .co-main {
  padding-top: 98px;
}

/* ─────────────────────────  HEADER  ───────────────────────── */

.co-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
  width: 100%;
}

/* TIER 1 — ledger utility bar */
.co-ledger {
  height: 34px;
  background: var(--co-ink-2);
  border-bottom: 1px solid var(--co-line);
}
.co-ledger__inner {
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.co-ledger__id {
  font-family: var(--co-mono);
  font-size: 11.5px;
  letter-spacing: 0.12em;
  color: var(--co-faint);
  white-space: nowrap;
  text-transform: uppercase;
}
.co-ledger__items {
  display: flex;
  align-items: center;
  height: 100%;
}
.co-ledger__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 100%;
  padding: 0 16px;
  font-size: 11.5px;
  letter-spacing: 0.04em;
  color: var(--co-muted);
  border-left: 1px solid var(--co-line);
  white-space: nowrap;
}
.co-ledger__item svg { color: var(--co-faint); }
.co-ledger__rating { gap: 8px; }
.co-ledger__stars {
  display: inline-flex;
  gap: 1px;
  color: var(--star, #f5b301);
  line-height: 0;
}
.co-ledger__score {
  font-family: var(--co-mono);
  font-weight: 600;
  color: var(--co-text);
}

/* TIER 2 — structural bar */
.co-bar {
  height: 64px;
  background: rgba(10, 23, 54, 0.82);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border-bottom: 1px solid var(--co-line);
}
.co-bar__inner {
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
}

.co-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.co-logo img {
  max-height: 34px;
  width: auto;
  height: auto;
}
.co-logo__name {
  font-family: var(--ff-heading, inherit);
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -0.01em;
  color: var(--co-text);
}

.co-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.co-nav__item { position: relative; }
.co-nav__link {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  position: relative;
  padding: 8px 12px;
  font-family: var(--ff-heading, inherit);
  font-size: 14.5px;
  font-weight: 600;
  color: var(--co-muted);
  text-decoration: none;
  transition: color 0.18s ease;
}
.co-nav__idx {
  font-family: var(--co-mono);
  font-size: 10px;
  font-weight: 600;
  color: var(--co-faint);
  letter-spacing: 0.05em;
  transition: color 0.18s ease;
}
.co-nav__link::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 2px;
  height: 2px;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.22s ease;
}
.co-nav__link:hover { color: var(--co-text); }
.co-nav__link:hover .co-nav__idx { color: var(--brand); }
.co-nav__link:hover::after { transform: scaleX(1); }

/* Dropdown panel */
.co-nav__panel {
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  min-width: 280px;
  background: var(--co-panel);
  border: 1px solid var(--co-line-strong);
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
  z-index: 20;
}
.co-nav__item:hover .co-nav__panel,
.co-nav__item:focus-within .co-nav__panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.co-nav__panel-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 11px 12px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.15s ease;
}
.co-nav__panel-row:hover { background: var(--co-panel-2); }
.co-nav__panel-idx {
  font-family: var(--co-mono);
  font-size: 11px;
  color: var(--brand);
  padding-top: 2px;
}
.co-nav__panel-text { display: flex; flex-direction: column; gap: 2px; }
.co-nav__panel-label {
  font-family: var(--ff-heading, inherit);
  font-size: 14px;
  font-weight: 600;
  color: var(--co-text);
}
.co-nav__panel-sub { font-size: 12.5px; color: var(--co-muted); }

/* Actions */
.co-bar__actions {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-self: end;
}
.co-bar__phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--co-mono);
  font-size: 13.5px;
  color: var(--co-muted);
  text-decoration: none;
  transition: color 0.18s ease;
}
.co-bar__phone svg { color: var(--co-faint); }
.co-bar__phone:hover { color: var(--co-text); }
.co-bar__cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 8px;
  background: var(--brand);
  color: var(--co-on-brand, #fff);
  font-family: var(--ff-heading, inherit);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  overflow: hidden;
  transition: filter 0.18s ease, transform 0.18s ease;
}
.co-bar__cta::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent);
  pointer-events: none;
}
.co-bar__cta:hover { filter: brightness(1.08); transform: translateY(-1px); }

.co-burger {
  display: none;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--co-line-strong);
  border-radius: 8px;
  background: transparent;
  color: var(--co-text);
  cursor: pointer;
}

/* Mobile drawer */
.co-drawer {
  background: var(--co-ink);
  border-bottom: 1px solid var(--co-line-strong);
  padding: 10px 24px 22px;
  max-height: calc(100vh - 98px);
  overflow-y: auto;
}
.co-drawer__nav { display: flex; flex-direction: column; }
.co-drawer__link {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 2px;
  border-bottom: 1px solid var(--co-line);
  color: var(--co-text);
  font-family: var(--ff-heading, inherit);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.co-drawer__idx {
  font-family: var(--co-mono);
  font-size: 11px;
  color: var(--brand);
}
.co-drawer__arrow { margin-left: auto; color: var(--co-faint); }
.co-drawer__foot {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
}
.co-drawer__phone {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--co-mono);
  font-size: 16px;
  font-weight: 600;
  color: var(--brand);
  text-decoration: none;
}
.co-drawer__cta {
  display: block;
  text-align: center;
  padding: 14px;
  border-radius: 8px;
  background: var(--brand);
  color: var(--co-on-brand, #fff);
  font-family: var(--ff-heading, inherit);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
}

/* ─────────────────────────  HERO  ───────────────────────── */

.co-hero {
  position: relative;
  padding: 150px 24px 96px;
  background: var(--co-ink);
  overflow: hidden;
  margin-top: -98px; /* hero börjar under fixed header men video täcker hela toppen */
}
.co-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.28;
  z-index: 0;
}
.co-hero__veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(900px 520px at 12% 0%, rgba(var(--brand-rgb), 0.20), transparent 60%),
    linear-gradient(180deg, rgba(10, 23, 54, 0.78) 30%, rgba(10, 23, 54, 0.96) 92%);
}
.co-hero__grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    repeating-linear-gradient(90deg, var(--co-line) 0, var(--co-line) 1px, transparent 1px, transparent 96px),
    linear-gradient(180deg, var(--co-ink-2), var(--co-ink));
  opacity: 0.7;
}
.co-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.55fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.co-hero__lead-col { min-width: 0; }
.co-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 6px 12px;
  border: 1px solid rgba(var(--brand-rgb), 0.4);
  border-radius: 4px;
  font-family: var(--co-mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--brand);
}
.co-hero__eyebrow-rule { color: var(--brand); opacity: 0.7; }
.co-hero__title {
  margin: 22px 0 0;
  font-family: var(--ff-heading, inherit);
  font-weight: 800;
  font-size: clamp(40px, 5.8vw, 74px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: var(--co-text);
}
.co-hero__title em {
  font-style: normal;
  color: var(--brand);
  position: relative;
}
.co-hero__title em::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.04em;
  height: 2px;
  background: rgba(var(--brand-rgb), 0.55);
}
.co-hero__title strong { font-weight: 800; color: var(--co-text); }
.co-hero__sub {
  margin: 22px 0 0;
  font-size: 19px;
  line-height: 1.55;
  color: var(--co-muted);
  max-width: 560px;
}
.co-hero__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}
.co-hero__postal { margin-top: 26px; max-width: 520px; }

.co-hero__assurance {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid var(--co-line);
}
.co-hero__assure {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.co-hero__assure-icon {
  display: inline-flex;
  color: var(--brand);
}
.co-hero__assure-fig {
  font-family: var(--co-mono);
  font-size: 16px;
  font-weight: 700;
  color: var(--co-text);
}
.co-hero__assure-lab {
  font-size: 12.5px;
  color: var(--co-faint);
  letter-spacing: 0.02em;
}

/* RIGHT — Confidence Index panel (signature) */
.co-index {
  position: relative;
  background: var(--co-panel);
  border: 1px solid var(--co-line-strong);
  border-radius: 16px;
  padding: 24px;
  overflow: hidden;
}
.co-index::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 80px;
  background: radial-gradient(120% 100% at 50% 0%, rgba(var(--brand-rgb), 0.16), transparent 70%);
  pointer-events: none;
}
.co-index__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--co-line);
}
.co-index__head-label {
  font-family: var(--co-mono);
  font-size: 12px;
  letter-spacing: 0.22em;
  color: var(--co-muted);
}
.co-index__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.2);
}
.co-index__body {
  position: relative;
  display: flex;
  flex-direction: column;
}
.co-index__row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 6px;
  border-bottom: 1px solid var(--co-line);
  border-radius: 6px;
  transition: transform 0.16s ease, background 0.16s ease;
}
.co-index__row:hover {
  transform: translateY(-2px);
  background: var(--co-panel-2);
}
.co-index__idx {
  font-family: var(--co-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--brand);
}
.co-index__label {
  font-size: 14.5px;
  color: var(--co-text);
}
.co-index__value {
  font-family: var(--co-mono);
  font-size: 13.5px;
  color: var(--co-muted);
  text-align: right;
}
.co-index__foot {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--co-line);
  color: var(--co-text);
}
.co-index__foot-stars {
  display: inline-flex;
  color: var(--star, #f5b301);
  line-height: 0;
}
.co-index__foot-stars .hero__stars { color: var(--star, #f5b301); }
.co-index__foot-score {
  font-family: var(--co-mono);
  font-size: 15px;
  font-weight: 700;
  color: var(--co-text);
}
.co-index__foot-sub {
  font-size: 12.5px;
  color: var(--co-faint);
  margin-left: auto;
}

/* ─────────────────────────  SECTIONS  ───────────────────────── */

.co-section {
  position: relative;
  background: var(--co-ink);
  padding: 88px 24px;
}
.co-section--band {
  background: var(--co-ink-2);
  border-top: 1px solid var(--co-line);
  border-bottom: 1px solid var(--co-line);
}
.co-section__head {
  max-width: 1200px;
  margin: 0 auto 44px;
}
.co-section__eyebrow {
  display: inline-block;
  font-family: var(--co-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--co-muted);
  margin-bottom: 14px;
}
.co-section__eyebrow-idx { color: var(--brand); }
.co-section__title {
  margin: 0;
  font-family: var(--ff-heading, inherit);
  font-weight: 800;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--co-text);
}
.co-section__intro {
  margin: 16px 0 0;
  font-size: 17px;
  line-height: 1.6;
  color: var(--co-muted);
  max-width: 660px;
}

/* Cards grid */
.co-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.co-grid--usp { grid-template-columns: repeat(3, 1fr); }

.co-card {
  display: flex;
  flex-direction: column;
  background: var(--co-panel);
  border: 1px solid var(--co-line);
  border-radius: 12px;
  padding: 22px;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.co-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--brand-rgb), 0.45);
  box-shadow: 0 0 0 1px rgba(var(--brand-rgb), 0.25), 0 24px 50px -24px rgba(0, 0, 0, 0.6);
}
.co-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.co-card__idx {
  font-family: var(--co-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--brand);
  letter-spacing: 0.05em;
}
.co-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--co-line-strong);
  border-radius: 10px;
  color: var(--brand);
  background: rgba(var(--brand-rgb), 0.08);
}
.co-card__media {
  margin: 0 0 16px;
  border-radius: 9px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}
.co-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.co-card__title {
  margin: 0 0 8px;
  font-family: var(--ff-heading, inherit);
  font-weight: 700;
  font-size: 19px;
  color: var(--co-text);
}
.co-card__body {
  margin: 0 0 14px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--co-muted);
}
.co-card__price {
  display: inline-block;
  font-family: var(--co-mono);
  font-size: 14px;
  color: var(--brand);
  margin-bottom: 14px;
}
.co-card__link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  font-family: var(--co-mono);
  font-size: 11.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--co-text);
  text-decoration: none;
}
.co-card__link-arrow { transition: transform 0.18s ease; color: var(--brand); }
.co-card:hover .co-card__link-arrow { transform: translateX(4px); }
.co-card--usp .co-card__title { font-size: 18px; }

/* Figures band — tabular columns */
.co-figures {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.co-figures__col {
  padding: 8px 28px;
  text-align: center;
  border-left: 1px solid var(--co-line);
}
.co-figures__col:first-child { border-left: none; }
.co-figures__num {
  font-family: var(--co-mono);
  font-weight: 700;
  font-size: clamp(30px, 4.4vw, 48px);
  letter-spacing: -0.02em;
  color: var(--brand);
  line-height: 1;
}
.co-figures__lab {
  margin-top: 10px;
  font-size: 13.5px;
  color: var(--co-muted);
  letter-spacing: 0.02em;
}

/* Process steps */
.co-steps {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.co-step {
  padding: 24px 22px;
  background: var(--co-panel);
  border: 1px solid var(--co-line);
  border-radius: 12px;
}
.co-step__num {
  display: inline-block;
  font-family: var(--co-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--brand);
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--co-line);
}
.co-step__title {
  margin: 0 0 8px;
  font-family: var(--ff-heading, inherit);
  font-weight: 700;
  font-size: 17px;
  color: var(--co-text);
}
.co-step__body {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--co-muted);
}

/* Trust band wrapper */
.co-trust { padding: 40px 24px; }
.co-trust__inner { max-width: 1200px; margin: 0 auto; }

/* Shared-component wrappers stay readable on navy */
.co-reviews,
.co-areas {
  max-width: 1200px;
  margin: 0 auto;
}

/* Light-text overrides så delade (default-ljusa) komponenter funkar på navy */
[data-template="cobalt"] .co-section .eyebrow { color: var(--brand); }
[data-template="cobalt"] .co-section h2,
[data-template="cobalt"] .co-section h3,
[data-template="cobalt"] .co-faq h2,
[data-template="cobalt"] .co-faq h3 { color: var(--co-text); }
[data-template="cobalt"] .co-section p,
[data-template="cobalt"] .co-faq p { color: var(--co-muted); }

[data-template="cobalt"] .co-faq .faq__item {
  border-color: var(--co-line);
}
[data-template="cobalt"] .co-faq .faq__q { color: var(--co-text); }
[data-template="cobalt"] .co-faq .faq__a,
[data-template="cobalt"] .co-faq .faq__a * { color: var(--co-muted); }
[data-template="cobalt"] .co-faq .faq__icon { color: var(--brand); }

/* CtaStrip på navy */
[data-template="cobalt"] .cta-strip {
  background: var(--co-panel);
  border: 1px solid var(--co-line-strong);
}
[data-template="cobalt"] .cta-strip h2 { color: var(--co-text); }
[data-template="cobalt"] .cta-strip p { color: var(--co-muted); }

/* ─────────────────────────  FOOTER  ───────────────────────── */

.co-footer {
  position: relative;
  background: var(--co-ink-2);
  border-top: 1px solid var(--co-line-strong);
  margin-top: 80px;
}
.co-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--brand), transparent);
  opacity: 0.6;
}
.co-footer__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 76px 24px 36px;
}
.co-footer__top {
  display: grid;
  grid-template-columns: 1.3fr 2fr;
  gap: 56px;
}
.co-footer__name {
  font-family: var(--ff-heading, inherit);
  font-weight: 800;
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: -0.02em;
  color: var(--co-text);
}
.co-footer__ref {
  margin-top: 10px;
  font-family: var(--co-mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--co-faint);
}
.co-footer__tagline {
  margin: 18px 0 0;
  max-width: 380px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--co-muted);
}
.co-footer__contact {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 24px;
}
.co-footer__addr {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--co-muted);
}
.co-footer__link-strong {
  font-family: var(--co-mono);
  font-size: 14px;
  color: var(--co-text);
  text-decoration: none;
  transition: color 0.16s ease;
}
.co-footer__link-strong:hover { color: var(--brand); }

.co-footer__cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.co-footer__col-head {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin: 0 0 16px;
  font-family: var(--co-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--co-muted);
}
.co-footer__col-idx { color: var(--brand); }
.co-footer__col-list { list-style: none; margin: 0; padding: 0; }
.co-footer__col-list li { margin-bottom: 11px; }
.co-footer__col-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14.5px;
  color: var(--co-muted);
  text-decoration: none;
  transition: color 0.16s ease;
}
.co-footer__col-arrow {
  color: transparent;
  transition: color 0.16s ease, transform 0.16s ease;
}
.co-footer__col-link:hover { color: var(--co-text); }
.co-footer__col-link:hover .co-footer__col-arrow { color: var(--brand); transform: translateX(2px); }

.co-footer__bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 22px;
  margin-top: 56px;
  padding-top: 26px;
  border-top: 1px solid var(--co-line);
}
.co-footer__copy {
  font-family: var(--co-mono);
  font-size: 12.5px;
  color: var(--co-faint);
}
.co-footer__tag {
  font-family: var(--co-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--co-muted);
  padding: 4px 10px;
  border: 1px solid var(--co-line);
  border-radius: 4px;
}
.co-footer__policy {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin-left: auto;
}
.co-footer__policy-link {
  font-size: 13px;
  color: var(--co-faint);
  text-decoration: none;
  transition: color 0.16s ease;
}
.co-footer__policy-link:hover { color: var(--co-muted); }

/* ─────────────────────────  RESPONSIVE  ───────────────────────── */

@media (max-width: 1100px) {
  .co-grid,
  .co-grid--usp { grid-template-columns: repeat(2, 1fr); }
  .co-steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 980px) {
  .co-nav { display: none; }
  .co-ledger__items .co-ledger__item:not(.co-ledger__rating) { display: none; }
  .co-burger { display: inline-flex; }
  .co-bar__inner { grid-template-columns: auto 1fr; }

  .co-hero__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .co-index { order: 2; }

  .co-footer__top { grid-template-columns: 1fr; gap: 40px; }
  .co-figures { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2, 1fr); gap: 22px 0; }
  .co-figures__col:nth-child(odd) { border-left: none; }
}

@media (max-width: 640px) {
  .co-bar__cta { display: none; }
  .co-bar__phone span { display: none; }
  .co-hero { padding: 130px 18px 72px; }
  .co-section { padding: 64px 18px; }
  .co-grid,
  .co-grid--usp,
  .co-steps { grid-template-columns: 1fr; }
  .co-footer__cols { grid-template-columns: repeat(2, 1fr); gap: 26px; }
  .co-figures { grid-template-columns: 1fr; }
  .co-figures__col { border-left: none; border-top: 1px solid var(--co-line); padding: 18px; }
  .co-figures__col:first-child { border-top: none; }
  .co-footer__bottom { flex-direction: column; align-items: flex-start; }
  .co-footer__policy { margin-left: 0; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  [data-template="cobalt"] * { transition: none !important; animation: none !important; }
  .co-hero__video { display: none; }
}


/* ═══ QA-FIXAR (cobalt) ═══ */
/* [hög] html[data-template="cobalt"] .btn--primary, html[data-t */
/* Robust on-brand-farg utan color-contrast(): valj svart/vit via perceptuell ljushet pa --brand. Funkar i alla browsers. */html[data-template="cobalt"]{--co-on-brand:hsl(from var(--brand) 0 0% calc((clamp(0,(0.5 - (0.2126*var(--brand-r,0) + 0.7152*var(--brand-g,0) + 0.0722*var(--brand-b,0))),1)) * 100%)));}@supports not (color: hsl(from white h s l)){html[data-template="cobalt"]{--co-on-brand:#0A1736;}html[data-template="cobalt"] .btn--primary,html[data-template="cobalt"] .co-bar__cta,html[data-template="cobalt"] .co-drawer__cta,html[data-template="cobalt"] .mobile-call-bar .call,html[data-template="cobalt"] .article-filter__chip.is-active,html[data-template="cobalt"] .pagination__btn.is-active,html[data-template="cobalt"] .form-step.is-active .form-step__bubble,html[data-template="cobalt"] .review-card__avatar,html[data-template="cobalt"] .postal-check__hint{color:var(--co-on-brand);text-shadow:0 1px 1px rgba(0,0,0,.28);}}
/* [medel] html[data-template="cobalt"] .trusted__row img */
html[data-template="cobalt"] .trusted__row img{filter:brightness(0) invert(1);opacity:.78;transition:opacity .2s ease;}html[data-template="cobalt"] .trusted__row a:hover img{opacity:1;}/* Google-loggan (a.trusted__google) ska behalla sina farger */html[data-template="cobalt"] .trusted__row a.trusted__google img{filter:none;opacity:1;}
/* [låg] html[data-template="cobalt"] .subhero__crumbs, html[dat */
html[data-template="cobalt"]{--co-faint:#8497C4;}/* hojer ljushet sa #6F84B6-anvandningarna nar >=4.5:1 mot --co-ink utan att tappa den dampade ledger-kanslan */

/* ═══ ANIMATIONS-FINPUTSNING (cobalt) — 3 loopande (infinite) animationer — vid gransen, inte over. Men 2 av dem animera ═══ */
@media (prefers-reduced-motion: no-preference){
  /* Pulsen pa 9px-pricken: behall den subtila opacity-andningen men ta bort box-shadow-loopen (animering av icke-transform/opacity = repaint-tungt, lagst varde). */
  html[data-template="cobalt"] .co-index__dot,
  html[data-template="cobalt"] .co-ledger__dot{
    animation:co-index-pulse-soft 3.2s ease-in-out infinite;
    box-shadow:0 0 0 4px rgba(var(--brand-rgb),.2);
  }
  @keyframes co-index-pulse-soft{0%,100%{opacity:1}50%{opacity:.6}}
}
@media (prefers-reduced-motion: reduce){
  html[data-template="cobalt"] .co-index__dot,
  html[data-template="cobalt"] .co-ledger__dot,
  html[data-template="cobalt"] .co-hero__grid,
  html[data-template="cobalt"] .footer::after,
  html[data-template="cobalt"] .co-footer::before{
    animation:none !important;background-position:0 0 !important;
  }
}