/* ========== GLOBAL FRONT PAGE STYLES ========== */

html {
	zoom:125%;
	background-color: #020617;  /* samme mørke som resten */
}



body.front-body {
  background-color: #020617;  /* fallback */
  background:
    radial-gradient(circle at top, #1f2937 0, #020617 55%, #020617 100%);
  color: #e5e7eb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Let links inherit color on this page; nav/footer still use their own CSS */
body.front-body a {
  text-decoration: none;
}

/* Generic container */
.sd-main {
  padding-bottom: 64px;
}

.sd-container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}

/* logo size tweak */
.sd-navbar .sd-navbar-logo {
    height: 36px;  /* was 34 */
    width: auto;
}

/* ensure no bullets, even inside collapsed menu */
.sd-navbar .navbar-nav {
    list-style: none;
    margin: 0;
    padding-left: 0;
}


/* ========== HERO ========== */

.sd-hero {
   padding-top: 60px;   /* currently ~72, try 56–60 */
    padding-bottom: 40px;
}

.sd-hero-inner {
  display: grid;
  /* text | image */
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 40px;
  align-items: center;
}


.sd-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 12px 4px 6px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: rgba(15, 23, 42, 0.85);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9ca3af;
}

.sd-hero-badge-dot {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sd-hero-badge-dot-inner {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.9);
}

.sd-hero-title {
  margin: 18px 0 10px;
  font-size: clamp(30px, 4vw, 40px);
  line-height: 1.1;
  font-weight: 700;
  max-width: 560px;
}

.sd-hero-title span {
  background-image: linear-gradient(135deg, #38bdf8, #6366f1);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sd-hero-subtitle {
  margin: 0 0 18px;
  font-size: 16px;
  color: #9ca3af;
  max-width: 520px;
}

.sd-hero-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sd-hero-list li {
  display: flex;
  align-items: center;   /* <-- midtstiller ikon og tekst */
  gap: 8px;
  margin-bottom: 8px;
}

.sd-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  width: 18px;
  height: 18px;
  flex: 0 0 18px;        /* <-- samme størrelse som ikon */
  
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  font-size: 11px;
  color: #38bdf8;
}


.sd-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 6px 0 10px;
}

.sd-hero-link {
  font-size: 13px;
  color: #9ca3af;
}

.sd-hero-link:hover {
  color: #e5e7eb;
}

.sd-hero-meta {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}

/* Buttons */

.sd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  border: 0;
  cursor: pointer;
  transition: transform 0.12s ease-out, box-shadow 0.12s ease-out,
              background 0.12s ease-out, color 0.12s ease-out;
}

.sd-btn-primary {
  background-image: linear-gradient(135deg, #38bdf8, #6366f1);
  color: #f9fafb;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.9);
}

.sd-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 1);
}

.sd-btn-ghost {
  background: transparent;
  border: 1px solid rgba(148, 163, 184, 0.5);
  color: #e5e7eb;
}

.sd-btn-ghost:hover {
  background: rgba(15, 23, 42, 0.9);
}

.sd-btn-block {
  width: 100%;
}

/* HERO mockup (right) */

.sd-hero-right {
  position: relative;
}

.sd-hero-mock {
  border-radius: 22px;
  padding: 16px;
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.24), rgba(15, 23, 42, 1));
  border: 1px solid rgba(148, 163, 184, 0.3);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
}

.sd-hero-mock-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}

.sd-hero-mock-dots {
  display: flex;
  gap: 6px;
}

.sd-hero-mock-dots span {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.7);
}

.sd-hero-mock-title {
  font-size: 12px;
  color: #9ca3af;
}

.sd-hero-mock-screen {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #020617;
  background: #020617;
}

.sd-hero-mock-screen img {
  width: 100%;
  display: block;
}

.sd-hero-mock-footer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  color: #9ca3af;
}

.sd-hero-mock-footer strong {
  display: block;
  color: #e5e7eb;
}

.sd-hero-mock-badge {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.4);
}

/* ========== ASSIST PROMO ========== */

.assist-promo {
  padding: 10px 0 40px;
}

.assist-promo-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); /* a bit more space to video */
  gap: 20px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: rgba(15, 23, 42, 0.9);
  padding: 16px 18px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.7);
}

.assist-promo-text p {
  margin: 0 0 10px;
  font-size: 14px;
  color: #e5e7eb;
}

.assist-promo-text a {
  color: #38bdf8;
}

.assist-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 1);
  border: 1px solid rgba(148, 163, 184, 0.45);
  font-size: 13px;
  color: #e5e7eb;
}

.assist-download-btn:hover {
  background: rgba(30, 64, 175, 0.7);
}

.assist-download-icon {
  font-size: 15px;
}

.assist-video {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(30, 64, 175, 0.7);
  background: #020617;
}

.assist-promo-text p {
    margin-bottom: 12px;
}
.assist-video-el {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ========== SECTION / FEATURES ========== */

.sd-section {
  padding: 56px 0;
}

.sd-section-header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 32px;
}

.sd-section-header h2 {
  margin: 0 0 8px;
  font-size: 26px;
}

.sd-section-header p {
  margin: 0;
  font-size: 15px;
  color: #9ca3af;
}

.sd-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.sd-feature-card {
  background: rgba(15, 23, 42, 0.95);
  border-radius: 18px;
  padding: 16px 16px 18px;
  min-height: 280px; /* adjust to your taste */
  border: 1px solid rgba(30, 64, 175, 0.45);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
}

.sd-feature-card img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;   /* space below image */
    max-width: 100%;
    height: auto;
}

.sd-feature-image {
  border-radius: 14px;
  margin-bottom: 10px;
  width: 50%;
  text-align:center;
  object-fit: cover;
}

.sd-feature-card h3 {
  margin: 0 0 6px;
  font-size: 17px;
}

.sd-feature-card p {
  margin: 0 0 10px;
  font-size: 14px;
  color: #9ca3af;
  margin-bottom: 12px;
}

.sd-feature-link {
  margin-top: auto;
  font-size: 13px;
  color: #93c5fd;
}

/* ========== DEMO SECTION ========== */

.sd-demo {
  padding-top: 0;
}

.sd-demo-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 28px;
  background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.3), #020617);
  border-radius: 24px;
  padding: 26px 24px;
  border: 1px solid rgba(59, 130, 246, 0.45);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
}

.sd-demo-text h2 {
  margin: 0 0 10px;
  font-size: 24px;
  margin-bottom: 8px;
}

.sd-demo-text p {
  margin: 0 0 12px;
  font-size: 15px;
  color: #e5e7eb;
  margin-bottom: 16px;
}


.sd-demo-text ul {
  margin: 0;
  padding-left: 18px;
  font-size: 15px;
  color: #e5e7f5; /* slightly brighter than current */
}

.sd-demo-form {
  background: rgba(15, 23, 42, 0.98);
  border-radius: 18px;
  padding: 16px 16px 18px;
  border: 1px solid rgba(148, 163, 184, 0.5);
}

.sd-demo-form h3 {
  margin: 0 0 12px;
  font-size: 18px;
}

.sd-demo-form label {
  font-size: 13px;
}

.sd-demo-form sup {
  color: #f97316;
}

/* Dark inputs using existing .form-control class */

.sd-demo-form .form-control {
  background: #020617;
  border: 1px solid rgba(75, 85, 99, 0.9);
  color: #e5e7eb;
}

.sd-demo-form .form-control:focus {
  background: #020617;
  border-color: #60a5fa;
  color: #f9fafb;
  box-shadow: 0 0 0 0.18rem rgba(37, 99, 235, 0.45);
}

/* ========== RESPONSIVE ========== */

@media (max-width: 991px) {
 
  .sd-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sd-demo-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .sd-hero {
    padding-top: 56px;
  }
  .sd-hero-inner {
    gap: 28px;
  }
  .sd-hero-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .assist-promo-inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .sd-feature-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ========== NAVBAR (dark, Assist-style) ========== */

.sd-nav-wrapper {
  z-index: 1020;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: linear-gradient(to bottom,
              rgba(5, 8, 20, 0.96),
              rgba(5, 8, 20, 0.92));
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.sd-navbar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.sd-navbar .sd-navbar-logo {
  height: 36px;
  width: auto;
}

/* Links */

.sd-navbar .nav-link {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px;
  color: #9ca3af;
  position: relative;
}

.sd-navbar .nav-link:hover,
.sd-navbar .nav-item.active > .nav-link {
  color: #e5e7eb;
}

.sd-navbar .nav-link::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(135deg, #38bdf8, #6366f1);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.15s ease-out;
}

.sd-navbar .nav-link:hover::after,
.sd-navbar .nav-item.active > .nav-link::after {
  transform: scaleX(1);
}

/* Toggler */

.sd-navbar .navbar-toggler {
  border-color: rgba(148, 163, 184, 0.5);
}

.sd-navbar .navbar-toggler-icon {
  /* keep default Bootstrap icon, just make it brighter */
  filter: brightness(1.3);
}

/* Kontakt-oss button (desktop) */

.sd-nav-contact-btn {
  border: 0;
  border-radius: 999px;
  padding: 7px 16px;
  font-size: 14px;
  font-weight: 500;
  background-image: linear-gradient(135deg, #38bdf8, #6366f1);
  color: #f9fafb;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.9);
  cursor: pointer;
}

.sd-nav-contact-btn:hover {
  opacity: 0.95;
}

/* Dropdown */

.sd-nav-dropdown {
  margin-top: 10px;
  padding: 10px 12px 14px;
  border-radius: 18px;
  background: #020617;
  border: 1px solid rgba(148, 163, 184, 0.35);
  min-width: 260px;
  max-width: 340px;
}

.sd-nav-dropdown-title {
  font-size: 18px;
  margin: 0 0 10px;
  color: #e5e7eb;
}

.sd-nav-dropdown label {
  font-size: 12px;
}

.sd-nav-dropdown .form-control {
  background: #020617;
  border: 1px solid rgba(75, 85, 99, 0.9);
  color: #e5e7eb;
}

.sd-nav-dropdown .form-control:focus {
  background: #020617;
  border-color: #60a5fa;
  color: #f9fafb;
  box-shadow: 0 0 0 0.18rem rgba(37, 99, 235, 0.45);
}

/* External links (Blogg / Support) */

.sd-navbar .nav-link.external {
  color: #93c5fd;
}

.sd-navbar .nav-link.external:hover {
  color: #bfdbfe;
}

/* Mobile tweaks */

@media (max-width: 767.98px) {
  .sd-navbar .navbar-nav {
    align-items: flex-start !important;
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .sd-navbar .nav-link::after {
    display: none; /* underline on hover not needed in collapsed menu */
  }

  .sd-nav-contact-btn {
    margin-top: 4px;
  }
 .sd-navbar .navbar-nav .nav-item {
    margin-bottom: 2px;
  }
}
/* =======================
   DARK FOOTER
   ======================= */

.sd-footer {
  padding: 50px 0 30px;
  background: linear-gradient(to bottom, #050814, #0b1220 60%, #050814);
  border-top: 1px solid rgba(148, 163, 184, 0.2);
  color: #e5e7eb;
  margin-top: 80px;
}

.sd-footer-grid {
  display: grid;
  grid-template-columns: 1.2fr 1.2fr 0.8fr;
  gap: 40px;
}

.sd-footer-col h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
}

.sd-footer-small {
  margin-bottom: 16px;
  color: #9ca3af;
  font-size: 14px;
}

/* List */
.sd-footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sd-footer-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 14px;
  color: #cbd5e1;
  line-height: 1.4;
}

.sd-footer-list li i {
  font-size: 16px;
  color: #38bdf8;
  margin-top: 2px;
}

/* Footer links */
.sd-footer-list a {
  color: #93c5fd;
  text-decoration: none;
}

.sd-footer-list a:hover {
  color: #bfdbfe;
  text-decoration: underline;
}

/* Map styling */
.sd-footer-map-img {
  width: 100%;
  max-width: 180px;
  opacity: 0.9;
  filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.25));
}

/* Bottom bar */
.sd-footer-bottom {
  text-align: center;
  padding: 18px 0 10px;
  margin-top: 20px;
  font-size: 13px;
  color: #9ca3af;
  background: #050814;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
}

/* Responsive */
@media (max-width: 768px) {
  .sd-footer-grid {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .sd-footer-map-img {
    margin: 0 auto;
  }
}


/* ===== Products page layout ===== */

.prodBackground {
  padding: 64px 0 24px;
  background: radial-gradient(circle at top, #111827 0, #020617 60%, #020617 100%);
}

.prodheader {
  font-size: 26px;
  font-weight: 600;
  color: #e5e7eb;
}

.sd-products-main {
  padding: 32px 0 0;
}

.sd-products-container {
  background: transparent;
}

.sd-products-row {
  margin-top: 0;
  padding-top: 0;
}

.produkter-content {
  background: linear-gradient(to bottom, rgba(15, 23, 42, 0.98), #020617);
  border-radius: 32px;
  padding: 24px 18px 40px;
  max-width: 1120px;
  margin: 0 auto 40px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

/* product sections: remove old white backgrounds and use subtle borders */

.product-section,
.product-section2 {
  background: transparent;
  border-radius: 18px;
  padding: 24px 18px;
  margin-bottom: 16px;
}

.product-section {
  border: 1px solid rgba(37, 99, 235, 0.45);
}

.product-section2 {
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.product-text {
  color: #e5e7eb;
}

.product-list li {
  color: #cbd5f5;
}

.check-icon {
  color: #38bdf8;
  margin-right: 4px;
}

/* mobile header text color */
.produkter-nav-mobile-header .produkter-nav-mobile-title,
.produkter-nav-mobile-header .produkter-nav-mobile-subtitle {
  color: #e5e7eb;
}

/* make images responsive */
.product-image,
.product-image2 {
  max-width: 100%;
  height: auto;
}

/* side-nav (if you later show it) */
.produkter-nav {
  background: transparent;
}


/* --- OM OSS SECTION --- */

.sd-about {
    background: transparent;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.sd-about-card {
    background: #0b1124; /* Dark Assist-style card */
    border-radius: 24px;
    padding: 3rem;
    max-width: 900px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.65);
    border: 1px solid rgba(110,140,255,0.18);
}

.sd-about-title {
    font-size: 2.2rem;
    font-weight: 700;
    background-image: linear-gradient(135deg, #38bdf8, #6366f1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 22px rgba(56,189,248,0.28);
}



.sd-about-text {
    font-size: 15px;
    line-height: 1.65;
    color: #d6ddf5;
}


.sd-stars-svg {
    font-size: 1.25rem;
    font-weight: 700;
    background: linear-gradient(90deg, #4f8bff, #8aa6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 3px;
}


.assist-section {
    background: radial-gradient(circle at top, #111827 0, #020617 55%, #020617 100%);
    color: #e5edff;
}

.assist-title {
    font-size: 2.1rem;
    font-weight: 700;
}

.assist-lead {
    font-size: 1.1rem;
    opacity: 0.95;
}

.assist-body {
    opacity: 0.9;
}

.assist-features li {
    margin-bottom: 0.4rem;
    font-size: 1.0rem;
    opacity: 0.92;
}

.assist-cta-primary {
    padding: 12px 28px;
    font-size: 1.05rem;
}

.assist-cta-secondary {
    padding: 12px 24px;
    font-size: 1.05rem;
}

/* VIDEO-CONTAINER */

.assist-video-wrapper {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.assist-video {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.9);
    background: #020617;
}

.assist-video-el {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* Litt ekstra polishing på små skjermer */
@media (max-width: 991.98px) {
    .assist-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .assist-title {
        text-align: center;
    }

    .assist-lead,
    .assist-body {
        text-align: left;
    }

    .assist-cta-primary,
    .assist-cta-secondary {
        width: 100%;
        margin-bottom: 0.6rem;
    }

    .assist-cta-primary {
        margin-right: 0;
    }
}



/* Ensure header layout is consistent */
.sd-navbar .navbar-brand {
    margin-right: auto;             /* keeps logo on the left */
}


/* Make the inner navbar container flex so auto-margins work */
.sd-navbar .sd-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Logo on the left, toggler + menu on the right */
.sd-navbar .navbar-brand {
    margin-right: auto;
}

/* Push the hamburger to the far right on mobile */
.sd-navbar .navbar-toggler {
    margin-left: auto;
}

@media (max-width: 767.98px) {
  /* make the collapsed menu align to the right edge */
  .sd-navbar .navbar-nav {
    align-items: flex-end !important;   /* instead of flex-start */
    text-align: right;
    width: 100%;
  }

  .sd-navbar .navbar-nav .nav-item {
    width: 100%;                        /* let each link take full row */
  }

  .sd-navbar .nav-link {
    width: 100%;
    padding-right: 0;                   /* tighter to the right */
  }
}

/* Make Assist section body text match the rest of the site's muted grey */
.assist-body,
.assist-description,
.assist-section p {
    color: #cbd5e1 !important;   /* or #d6ddf5 for slightly brighter */
    line-height: 1.6;
}

/* Match Assist text to main site paragraph size */
.assist-section p,
.assist-section li,
.assist-body {
    font-size: 14px !important;
}

/* Optional: keep the lead paragraph slightly larger */
.assist-lead {
    font-size: 15px !important;   /* or remove this rule entirely */
}

/* Gradient blue title text for Assist section */
.assist-title-gradient,
.assist-section .assist-title span {
    background-image: linear-gradient(135deg, #38bdf8, #6366f1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.sd-hero-right {
  margin-bottom: 20px;     /* small gap under the image */
}


.sd-hero-assist {
  font-size: 1.05rem;
  opacity: 0.9;
}

/* IMAGE ON THE RIGHT */
.sd-hero-image {
  flex: 1 1 500px;
  text-align: right;
}

.sd-hero-img {
  width: 100%;
  max-width: 680px;
  border-radius: 14px;
  box-shadow: 0 0 40px rgba(0,0,0,0.4);
}

/* MOBILE */
@media (max-width: 900px) {
  .sd-hero-inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .sd-hero-right {
    order: -1;
    margin-bottom: 20px;
  }
  .sd-hero-img {
    max-width: 95%;
  }
}
@media (max-width: 640px) {
  .sd-hero-inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .sd-hero-right {
    order: -1;
    margin-bottom: 20px;
  }
}

.sd-badge-new {
  display: inline-block;
  padding: 3px 10px;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #38bdf8, #6366f1);
  border-radius: 999px;
  letter-spacing: 0.5px;
}

.sd-badge-new-pulse {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 650;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, #38bdf8, #6366f1);
  box-shadow: 0 0 12px rgba(99, 102, 241, 0.6);
  animation: sdPulse 2.2s infinite ease-in-out;
}

@keyframes sdPulse {
  0% {
    box-shadow: 0 0 0px rgba(99, 102, 241, 0.45);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 18px rgba(99, 102, 241, 0.9);
    transform: scale(1.06);
  }
  100% {
    box-shadow: 0 0 0px rgba(99, 102, 241, 0.45);
    transform: scale(1);
  }
}

.footer-border-bottom .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* eller center */
}

.norway-image-box {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


@media (min-width: 992px) {
    .norway-image-box {
        flex: 1 1 100%;      /* tving kartet til egen rad */
        justify-content: center;
        margin-top: 40px;
    }
}


.sd-footer-map {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sd-footer-map-img {
  width: 100%;
  max-width: 180px;
  height: auto;
}


.demo-image-wrapper {
  margin-top: 18px;
  text-align: center;
}

.demo-image {
  max-width: 240px; /* eller 200–260px avhengig av smak */
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.95;
}

.sd-why {
  padding-top: 32px;
  padding-bottom: 48px;
}

.sd-why-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.sd-why-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #e5e7f5;
}

.sd-why-badge {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  background-image: linear-gradient(135deg, #38bdf8, #6366f1);
  color: #f9fafb;
  flex-shrink: 0;
}


.sd-news-pill {
  animation: sdNewsPulse 2.4s ease-in-out infinite;
}

@keyframes sdNewsPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.5); }
  50%      { box-shadow: 0 0 0 6px rgba(56, 189, 248, 0); }
}


.sd-nav-docs {
  color: #93c5fd !important;
  border: 1px solid rgba(148,163,184,0.35);
  border-radius: 12px;
  padding: 6px 12px !important;
}

.sd-nav-docs:hover {
  background: rgba(56,189,248,0.15);
  color: #e5e7eb !important;
}


.sd-docs-ghost {
  border-color: rgba(94,133,255,0.7);
  color: #93c5fd;
}

.sd-docs-ghost:hover {
  background: rgba(37,99,235,0.4);
  color: #fff;
}

.sd-docs-highlight {
  padding: 40px 0;
}

.sd-docs-box {
  background: radial-gradient(circle at top left, rgba(59,130,246,0.25), #020617);
  border: 1px solid rgba(148,163,184,0.35);
  border-radius: 24px;
  padding: 26px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 30px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.7);
}

.sd-docs-title {
  font-size: 24px;
  margin-bottom: 10px;
  background-image: linear-gradient(135deg,#38bdf8,#6366f1);
  -webkit-background-clip: text;
  color: transparent;
}

.sd-docs-text {
  font-size: 15px;
  color: #cbd5e1;
  margin-bottom: 16px;
}

.sd-docs-btn {
  font-size: 15px;
  padding: 10px 22px;
}

.sd-docs-img {
  width: 50%;
  border-radius: 14px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


@media (max-width: 900px) {
  .sd-docs-box {
    grid-template-columns: 1fr;
    text-align: center;
  }
}


/* BLOG SECTION */
.sd-blog {
  padding-top: 0;
}

.sd-blog-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 28px;
  background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.28), #020617);
  border-radius: 24px;
  padding: 26px 24px;
  border: 1px solid rgba(96, 165, 250, 0.5);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85);
}

.sd-blog-text h2 {
  margin: 0 0 10px;
  font-size: 24px;
}

.sd-blog-text p {
  margin: 0 0 10px;
  font-size: 14px;
  color: #e5e7eb;
}

.sd-blog-btn {
  margin-top: 6px;
}

/* Bildet bruker samme klasse som dokumentasjon */
.sd-docs-img {
  width: 60%;
  max-width: 260px;
  border-radius: 14px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Responsivt */
@media (max-width: 991px) {
  .sd-blog-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}


.sd-testimonial {
  padding: 72px 0;
  background: #020617; /* samme mørke som resten */
  text-align: center;
}

.sd-testimonial-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.sd-testimonial-text {
  max-width: 800px;
  margin: 0 auto 1.5rem;
  font-style: italic;
  line-height: 1.7;
}


@media (max-width: 768px) {
  .assist-cta-primary {
    display: none !important;
  }
}


/* --- Container --- */
.sd-xmas-offer {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 28px 20px 34px;
  color: #fff;
  background: linear-gradient(135deg, #8b0000, #b30000);
  border-bottom: 2px solid rgba(255, 215, 100, 0.35);
  font-family: "Inter", sans-serif;
}

/* --- Snølag --- */
.snow-layer {
  pointer-events: none;
  position: absolute;
  inset: 0;

  /* PURE WHITE snowflakes (no transparency in the dots) */
  background-image: radial-gradient(circle, #ffffff 0, #ffffff 1.5px, transparent 2.5px);

  background-size: 40px 80px;  /* Adjust density */
  opacity: 0.35;               /* Controls overall subtlety */
  animation: snowfall 45s linear infinite;
}


@keyframes snowfall {
  0%   { background-position: 0 -200px; }
  100% { background-position: 0 400px; }
}


/* --- Content --- */
.sd-xmas-inner {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: 0 auto;
}

.sd-xmas-title {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #ffd27f; /* gullaktig */
  text-shadow: 0 0 8px rgba(255, 220, 150, 0.5);
}

.sd-xmas-text {
  font-size: 1rem;
  line-height: 1.45;
  opacity: 0.95;
}

.sd-xmas-expire {
  display: inline-block;
  margin-top: 6px;
  font-size: 0.85rem;
  color: #ffe6b0;
}

/* --- CTA button --- */
.sd-xmas-btn {
  display: inline-block;
  margin-top: 16px;
  padding: 12px 28px;
  background: #ffd27f;
  color: #700000;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 10px;
  transition: 0.2s ease;
  box-shadow: 0 0 10px rgba(255, 210, 120, 0.6);
}

.sd-xmas-btn:hover {
  background: #ffe9b8;
  box-shadow: 0 0 16px rgba(255, 230, 160, 0.8);
  transform: translateY(-2px);
}