:root {
            --sv-dark: #101820;
            --sv-text: #1f2933;
            --sv-muted: #66717d;
            --sv-blue: #00adef;
            --sv-blue-dark: #0e5672;
            --sv-white: #fff;
            --sv-soft: #f7fbfd;
            --sv-card: rgba(255, 255, 255, .88);
            --sv-border: rgba(255, 255, 255, .9);
            --sv-shadow: 0 35px 100px rgba(31, 41, 51, .14);
            --sv-radius: 34px;
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

body{
    margin:0;
    font-family:"Inter",Arial,sans-serif;
    color:var(--sv-text);
    overflow-x:hidden;
    background:#fff;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;

    background:
        linear-gradient(90deg,rgba(16,24,32,.02) 1px,transparent 1px),
        linear-gradient(0deg,rgba(16,24,32,.02) 1px,transparent 1px);

    background-size:90px 90px;

    opacity:.55;

    transform:
        perspective(1400px)
        rotateX(72deg)
        translateY(140px);

    transform-origin:center bottom;

    pointer-events:none;
}

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: "Oswald", Arial, sans-serif;
            letter-spacing: -.02em;
            color: var(--sv-dark);
        }

        a {
            text-decoration: none;
        }

.sv-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999;
  padding:22px 0;
  background:transparent;
  transition:.28s ease;
}

.sv-header.scrolled{
  background:rgba(255,255,255,1);
  backdrop-filter:blur(18px);
  box-shadow:0 10px 35px rgba(31,41,51,.08);
}

        .sv-nav {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.5rem;
            max-width: 1170px;
            margin: auto;
            padding: 0 18px;
        }

        .sv-brand {
            display: flex;
            align-items: center;
            gap: .8rem;
            font-weight: 900;
        }

        .sv-brand:hover {
            color: var(--sv-dark);
        }

        .sv-brand-mark {
            width: 46px;
            height: 46px;
            border-radius: 14px;
            background: var(--sv-blue);
            color: var(--sv-dark);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 12px 30px rgba(0, 173, 239, .30);
        }

        .sv-brand-text strong {
            display: block;
            font-family: "Oswald", Arial, sans-serif;
            font-size: 1.35rem;
            line-height: 1;
        }

        .sv-brand-text span {
            display: block;
            font-size: .72rem;
            color: rgba(16, 24, 32, .62);
            letter-spacing: .16em;
            text-transform: uppercase;
            margin-top: .2rem;
        }

        .sv-menu {
            display: flex;
            align-items: center;
            gap: .35rem;
        }

        .sv-menu a {
            font-weight: 800;
            padding: .65rem .85rem;
            border-radius: 999px;
            transition: .25s ease;
            font-size: 12px;
            text-decoration: none;
        }

        .sv-menu a:hover {
            color: var(--sv-dark);
            background: rgba(16, 24, 32, .06);
        }

        .sv-nav-cta {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .85rem 1.15rem;
            border-radius: 999px;
            background: var(--sv-blue);
            font-weight: 900;
            box-shadow: 0 16px 36px rgba(0, 173, 239, .28);
            text-decoration: none;
        }

        .sv-nav-cta:hover {
            color: var(--sv-dark);
        }

.sv-brand-logo img{
  height:100px;
  width:auto;
  display:block;
}

.sv-dropdown{
  position:relative;
}

.sv-dropdown-toggle{
  display:flex;
  align-items:center;
  gap:.35rem;
}

.sv-dropdown-toggle i{
  font-size:.75rem;
}

.sv-dropdown-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:245px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.88);
  border-radius:18px;
  padding:.55rem;
  box-shadow:0 18px 45px rgba(31,41,51,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.22s ease;
}

.sv-dropdown:hover .sv-dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.sv-dropdown-menu a{
  display:block;
  padding:.75rem .85rem;
  border-radius:12px;
  white-space:nowrap;
  color:rgba(16,24,32,.82);
}

.sv-dropdown-menu a:hover{
  background:rgba(0,173,239,.12);
  color:var(--sv-dark);
}

@media(max-width:780px){
  .sv-brand-logo img{
    height:44px;
  }

  .sv-dropdown-menu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    background:rgba(16,24,32,.04);
    border:none;
    margin:.25rem 0 .55rem;
    display:block;
  }

  .sv-dropdown-menu a{
    padding:.8rem 1rem;
  }
}

/* Default hero state */

.sv-brand{
    color:#fff;
}

.sv-brand-text strong{
    color:#fff;
}

.sv-brand-text span{
    color:rgba(255,255,255,.75);
}

.sv-menu a{
    color:rgba(255,255,255,.92);
}

.sv-menu a:hover{
    color:#fff;
    background:rgba(255,255,255,.12);
}

.sv-mobile-toggle{
    color:#fff;
    background:rgba(255,255,255,.12);
}

.sv-nav-cta{
    color:#fff;
    border:2px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.08);
    box-shadow:none;
}

.sv-nav-cta:hover{
    background:#fff;
    color:var(--sv-dark);
}

/* Scrolled state */

.sv-header.scrolled .sv-brand{
    color:var(--sv-dark);
}

.sv-header.scrolled .sv-brand-text strong{
    color:var(--sv-dark);
}

.sv-header.scrolled .sv-brand-text span{
    color:rgba(16,24,32,.65);
}

.sv-header.scrolled .sv-menu a{
    color:rgba(16,24,32,.76);
}

.sv-header.scrolled .sv-menu a:hover{
    color:var(--sv-dark);
    background:rgba(16,24,32,.06);
}

.sv-header.scrolled .sv-mobile-toggle{
    color:var(--sv-dark);
    background:rgba(16,24,32,.08);
}

.sv-header.scrolled .sv-nav-cta{
    background:var(--sv-blue);
    color:var(--sv-dark);
    border:none;
    box-shadow:0 16px 36px rgba(0,173,239,.28);
}

.sv-header,
.sv-brand,
.sv-brand-text strong,
.sv-brand-text span,
.sv-menu a,
.sv-nav-cta,
.sv-mobile-toggle{
    transition:
        color .3s ease,
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

        .sv-mobile-toggle {
            display: none;
            border: none;
            width: 46px;
            height: 46px;
            border-radius: 14px;
            background: rgba(16, 24, 32, .08);
            color: var(--sv-dark);
            font-size: 1.4rem;
        }

        .sv-page-hero {
            padding: 86px 24px 54px;
        }

        .sv-hero-card {
            width: min(1180px, 100%);
            margin: auto;
            border-radius: 44px;
            background: var(--sv-card);
            border: 1px solid var(--sv-border);
            box-shadow: var(--sv-shadow);
            backdrop-filter: blur(20px);
            overflow: hidden;
        }

        .sv-hero-grid {
            display: grid;
            grid-template-columns: 1.05fr .95fr;
            align-items: stretch;
            min-height: 640px;
        }

        .sv-hero-copy {
            padding: clamp(2rem, 5vw, 5rem);
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .sv-hero-image {
            position: relative;
            min-height: 520px;
        }

        .sv-hero-image::after {
            content: "";
            position: absolute;
            inset: 28px;
            border: 1px solid rgba(255, 255, 255, .38);
            border-radius: 30px;
        }
        
    .internal-hero{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:center;
  padding:150px 24px 120px;
  overflow:hidden;
  background:#101820;
}


.internal-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr .75fr;
  gap:4rem;
  align-items:center;
}

.internal-hero-content{
  color:#fff;
}

.internal-hero-content .sv-kicker{
  color:#8bdcf8;
}

.internal-hero-content h1{
  font-size:clamp(3.8rem,6.5vw,6.8rem);
  line-height:.9;
  text-transform:uppercase;
  margin-bottom:1.5rem;
    color: #fff!important;
}

.internal-hero-content p{
  max-width:720px;
  font-size:1.2rem;
  line-height:1.8;
  color:rgba(255,255,255,.82);
}

.hero-checklist{
  list-style:none;
  padding:0;
  margin:2rem 0 0;
  display:grid;
  gap:.7rem;
}

.hero-checklist li{
  color:#fff;
  font-weight:800;
}

.hero-checklist i{
  color:var(--sv-yellow);
  margin-right:.55rem;
}

.hero-call{
  color:#fff;
  border-color:rgba(255,255,255,.5);
}

.hero-call:hover{
  background:#fff;
  color:var(--sv-dark);
}

.hero-estimate-card{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(18px);
  border-radius:34px;
  padding:2.4rem;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.hero-estimate-card h2{
  color:#fff;
  font-size:2.4rem;
  margin-bottom:1.4rem;
}

.hero-estimate-card form{
  display:grid;
  gap:1rem;
}

.hero-estimate-card .form-control,
.hero-estimate-card .form-select{
  border-radius:10px;
  background:#fff;
}

.hero-estimate-card textarea{
  min-height:110px;
}

.hero-estimate-card p{
  text-align:center;
  color:rgba(255,255,255,.65);
  font-weight:700;
  margin:0;
}
        
        .internal-hero .sv-btn-outline{
            border: 2px solid white;
            color: #fff!important;
        }

.internal-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:360px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(247,251,253,0) 0%,
    rgba(247,251,253,.25) 30%,
    rgba(247,251,253,.72) 62%,
    rgba(247,251,253,1) 100%
  );
}

.internal-hero-grid{
  position:relative;
  z-index:2;
}

.internal-hero + .sv-section{
  margin-top:-120px;
  position:relative;
  z-index:3;
}

@media(max-width:992px){
  .internal-hero{
    padding-top:130px;
  }

  .internal-hero-grid{
    grid-template-columns:1fr;
    gap:2.5rem;
  }
}

@media(max-width:700px){
  .internal-hero{
    padding:120px 18px 90px;
  }

  .internal-hero-content h1{
    font-size:3.4rem;
  }

  .hero-estimate-card{
    padding:1.5rem;
    border-radius:24px;
  }
}
        
    

        .sv-kicker {
            display: inline-flex;
            align-items: center;
            gap: .7rem;
            color: var(--sv-blue-dark);
            text-transform: uppercase;
            letter-spacing: .16em;
            font-size: .82rem;
            font-weight: 900;
            margin-bottom: 1.2rem;
        }

        .sv-kicker::before {
            content: "";
            width: 42px;
            height: 3px;
            border-radius: 999px;
            background: var(--sv-blue);
        }

        .sv-title {
            font-size: clamp(3.6rem, 7vw, 7rem);
            line-height: .88;
            text-transform: uppercase;
            margin-bottom: 1.4rem;
        }

        .sv-title span {
            color: var(--sv-blue-dark);
        }

        .sv-lead {
            font-size: clamp(1.05rem, 2vw, 1.28rem);
            color: var(--sv-muted);
            line-height: 1.8;
            max-width: 760px;
        }

        .sv-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin-top: 2rem;
        }

        .sv-btn-primary,
        .sv-btn-outline,
        .sv-btn-dark {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .55rem;
            padding: 1rem 1.35rem;
            border-radius: 999px;
            font-weight: 900;
            transition: .25s ease;
        }

        .sv-btn-primary {
            background: var(--sv-blue);
            color: var(--sv-dark);
            box-shadow: 0 16px 34px rgba(0, 173, 239, .26);
        }

        .sv-btn-primary:hover {
            color: var(--sv-dark);
            transform: translateY(-2px);
        }

        .sv-btn-outline {
            border: 2px solid rgba(16, 24, 32, .14);
            color: var(--sv-dark);
        }

        .sv-btn-outline:hover {
            background: #fff;
            color: var(--sv-dark);
            transform: translateY(-2px);
        }

        .sv-btn-dark {
            background: var(--sv-dark);
            color: #fff;
        }

        .sv-btn-dark:hover {
            color: #fff;
            transform: translateY(-2px);
        }

        .sv-trust-row {
            display: flex;
            flex-wrap: wrap;
            gap: .8rem;
            margin-top: 2rem;
        }

        .sv-trust-pill {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            padding: .65rem .85rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, .78);
            box-shadow: 0 12px 34px rgba(31, 41, 51, .08);
            font-weight: 800;
            color: var(--sv-dark);
        }

        .sv-trust-pill i {
            color: var(--sv-blue-dark);
        }

        .sv-quote-card {
            position: absolute;
            left: 34px;
            right: 34px;
            bottom: 34px;
            z-index: 3;
            background: rgba(255, 255, 255, .92);
            backdrop-filter: blur(14px);
            border-radius: 28px;
            padding: 1.5rem;
            box-shadow: 0 22px 56px rgba(31, 41, 51, .18);
        }

        .sv-quote-card h3 {
            text-transform: uppercase;
            font-size: 1.4rem;
            margin-bottom: .6rem;
        }

        .sv-quote-card p {
            color: var(--sv-muted);
            margin-bottom: 1rem;
        }

        .sv-section {
            padding: 70px 24px;
        }

        .sv-section-inner {
            width: min(1180px, 100%);
            margin: auto;
        }

        .sv-intro-grid {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 2rem;
            align-items: center;
        }

        .sv-editorial-image {
            min-height: 520px;
            border-radius: 36px;
            box-shadow: var(--sv-shadow);
        }

        .sv-copy-panel {
            background: var(--sv-card);
            border: 1px solid var(--sv-border);
            box-shadow: var(--sv-shadow);
            border-radius: 36px;
            padding: clamp(2rem, 4vw, 3.5rem);
        }

        .sv-section-title {
            font-size: clamp(2.7rem, 5vw, 5rem);
            line-height: .92;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .sv-body-copy {
            color: var(--sv-muted);
            line-height: 1.85;
            font-size: 1.05rem;
        }

        .sv-service-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem;
            margin-top: 2rem;
        }

        .sv-service-tile {
            background: rgba(255, 255, 255, .9);
            border: 1px solid rgba(255, 255, 255, .96);
            box-shadow: 0 18px 44px rgba(31, 41, 51, .10);
            border-radius: 24px;
            padding: 1.35rem;
            min-height: 160px;
            transition: .25s ease;
        }

        .sv-service-tile:hover {
            transform: translateY(-5px);
            box-shadow: 0 26px 60px rgba(31, 41, 51, .15);
        }

        .sv-service-tile i {
            font-size: 1.7rem;
            color: var(--sv-blue-dark);
            margin-bottom: .85rem;
        }

        .sv-service-tile h3 {
            text-transform: uppercase;
            font-size: 1.15rem;
            margin: 0;
        }

        .sv-split-feature {
            display: grid;
            grid-template-columns: 1.05fr .95fr;
            gap: 2rem;
            align-items: stretch;
        }

        .sv-feature-card {
            background: var(--sv-dark);
            color: #fff;
            border-radius: 36px;
            padding: clamp(2rem, 4vw, 3.5rem);
            box-shadow: 0 30px 80px rgba(31, 41, 51, .22);
        }

        .sv-feature-card h2 {
            color: #fff;
        }

        .sv-feature-card p {
            color: rgba(255, 255, 255, .72);
        }

        .sv-reason-list {
            display: grid;
            gap: .8rem;
            margin-top: 1.5rem;
        }

        .sv-reason-item {
            display: flex;
            gap: .8rem;
            align-items: flex-start;
            background: rgba(255, 255, 255, .08);
            border: 1px solid rgba(255, 255, 255, .10);
            border-radius: 18px;
            padding: 1rem;
        }

        .sv-reason-item i {
            color: var(--sv-blue);
            margin-top: .15rem;
        }

        .sv-feature-image {
            border-radius: 36px;
            box-shadow: var(--sv-shadow);
            min-height: 560px;
        }

        .sv-proof-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.1rem;
            margin-top: 2rem;
        }

        .sv-proof {
            background: rgba(255, 255, 255, .9);
            border: 1px solid rgba(255, 255, 255, .96);
            box-shadow: 0 18px 44px rgba(31, 41, 51, .10);
            border-radius: 26px;
            padding: 1.6rem;
        }

        .sv-proof strong {
            display: block;
            font-family: "Oswald";
            font-size: clamp(2.4rem, 4vw, 3.8rem);
            line-height: .9;
            color: var(--sv-dark);
            margin-bottom: .75rem;
            text-transform: uppercase;
        }

        .sv-proof span {
            display: block;
            color: var(--sv-muted);
            font-weight: 800;
        }

        .sv-cta {
            padding: 70px 24px 100px;
        }

        .sv-cta-card {
            width: min(1180px, 100%);
            margin: auto;
            border-radius: 42px;
            overflow: hidden;
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            background: var(--sv-dark);
            box-shadow: var(--sv-shadow);
        }

        .sv-cta-image {
            min-height: 520px;
            background: linear-gradient(180deg, rgba(16, 24, 32, .15), rgba(16, 24, 32, .45)), url('/assets/sv-cta.webp') center/cover no-repeat;
        }

        .sv-cta-copy {
            padding: clamp(2rem, 5vw, 4rem);
            color: #fff;
        }

        .sv-cta-copy h2 {
            color: #fff;
            font-size: clamp(3rem, 5vw, 5.4rem);
            line-height: .9;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .sv-cta-copy p {
            color: rgba(255, 255, 255, .74);
            line-height: 1.8;
            font-size: 1.05rem;
        }

        .sv-contact-mini {
            display: grid;
            gap: .9rem;
            margin-top: 1.6rem;
        }

        .sv-contact-mini a,
        .sv-contact-mini span {
            display: flex;
            align-items: center;
            gap: .75rem;
            color: #fff;
            font-weight: 800;
        }

        .sv-contact-mini i {
            color: var(--sv-blue);
        }
        
        @media(min-width:1001px){
            
            .internal-hero-content h1 {
                font-size: clamp(3.8rem, 3.5vw, 3.8rem);
            }
            .sv-section-title {
                font-size: clamp(2.7rem, 3vw, 2rem);
            }
        }

        @media(max-width:1000px) {

            .sv-hero-grid,
            .sv-intro-grid,
            .sv-split-feature,
            .sv-cta-card {
                grid-template-columns: 1fr;
            }

            .sv-service-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .sv-proof-grid {
                grid-template-columns: 1fr;
            }

            .sv-hero-image,
            .sv-editorial-image,
            .sv-feature-image,
            .sv-cta-image {
                min-height: 360px;
            }
        }

        @media(max-width:780px) {
            .sv-menu {
                position: fixed;
                top: 74px;
                left: 16px;
                right: 16px;
                display: none;
                flex-direction: column;
                align-items: stretch;
                background: rgba(255, 255, 255, .94);
                border: 1px solid rgba(16, 24, 32, .08);
                border-radius: 24px;
                padding: 1rem;
                backdrop-filter: blur(16px);
                box-shadow: 0 24px 70px rgba(31, 41, 51, .14);
            }

            .sv-menu.open {
                display: flex;
            }

            .sv-mobile-toggle {
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .sv-nav-cta {
                display: none;
            }

            .sv-page-hero {
                padding-top: 44px;
            }

            .sv-hero-grid {
                min-height: auto;
            }

            .sv-hero-copy,
            .sv-copy-panel,
            .sv-feature-card,
            .sv-cta-copy {
                padding: 2rem;
            }

            .sv-title {
                font-size: clamp(3.2rem, 14vw, 4.7rem);
            }

            .sv-section-title {
                font-size: clamp(2.7rem, 12vw, 4rem);
            }

            .sv-service-grid {
                grid-template-columns: 1fr;
            }

            .sv-actions a {
                width: 100%;
            }
        }


/* =========================================================
   HEADER / NAV SYNC WITH HOME PAGE
   Paste-safe overrides for internal pages
   ========================================================= */

:root{
  --sv-yellow:#00adef;
  --sv-yellow-dark:#0e5672;
  --sv-blue:#00adef;
  --sv-blue-dark:#0e5672;
}

/* Header shell */
.sv-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999;
  padding:22px 0;
  background:transparent;
  transition:
    background-color .3s ease,
    box-shadow .3s ease,
    backdrop-filter .3s ease,
    padding .3s ease;
}

.sv-header.scrolled{
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 10px 35px rgba(31,41,51,.08);
}

/* Nav sizing/spacing */
.sv-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  max-width:1170px;
  margin:auto;
  padding:0 18px;
}

/* Logo image version */
.sv-brand,
.sv-brand-logo{
  display:flex;
  align-items:center;
  gap:.8rem;
  color:#fff;
  font-weight:900;
  line-height:1;
}

.sv-brand:hover,
.sv-brand-logo:hover{
  color:#fff;
}

.sv-brand-logo img{
  height:100px;
  width:auto;
  max-width:190px;
  display:block;
  object-fit:contain;
}

/* Hide old mark/text gracefully if still present somewhere */
.sv-brand-logo .sv-brand-mark,
.sv-brand-logo .sv-brand-text{
  display:none;
}

/* Menu */
.sv-menu{
  display:flex;
  align-items:center;
  gap:.35rem;
}

.sv-menu > a,
.sv-dropdown-toggle{
  display:flex;
  align-items:center;
  gap:.35rem;
  color:rgba(255,255,255,.92);
  font-weight:800;
  padding:.65rem .85rem;
  border-radius:999px;
  transition:
    color .3s ease,
    background-color .3s ease;
}

.sv-menu > a:hover,
.sv-dropdown-toggle:hover{
  color:#fff;
  background:rgba(255,255,255,.12);
}

.sv-dropdown{
  position:relative;
}

.sv-dropdown-toggle i{
  font-size:.75rem;
  line-height:1;
}

.sv-dropdown-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:245px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.88);
  border-radius:18px;
  padding:.55rem;
  box-shadow:0 18px 45px rgba(31,41,51,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease;
  z-index:10000;
}

.sv-dropdown:hover .sv-dropdown-menu,
.sv-dropdown:focus-within .sv-dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.sv-dropdown-menu a{
  display:block;
  padding:.75rem .85rem;
  border-radius:12px;
  white-space:nowrap;
  color:rgba(16,24,32,.82);
  font-weight:800;
  line-height:1.25;
}

.sv-dropdown-menu a:hover{
  background:rgba(0,173,239,.12);
  color:var(--sv-dark);
}

/* CTA button */
.sv-nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.85rem 1.15rem;
  border-radius:999px;
  color:#fff;
  border:2px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);
  font-weight:900;
  box-shadow:none;
  transition:
    color .3s ease,
    background-color .3s ease,
    border-color .3s ease,
    box-shadow .3s ease,
    transform .25s ease;
}

.sv-nav-cta:hover{
  background:#fff;
  color:var(--sv-dark);
}

/* Mobile toggle */
.sv-mobile-toggle{
  display:none;
  border:none;
  width:46px;
  height:46px;
  border-radius:14px;
  color:#fff;
  background:rgba(255,255,255,.12);
  font-size:1.4rem;
  transition:
    color .3s ease,
    background-color .3s ease;
}

/* Scrolled state */
.sv-header.scrolled .sv-brand,
.sv-header.scrolled .sv-brand-logo{
  color:var(--sv-dark);
}

.sv-header.scrolled .sv-brand:hover,
.sv-header.scrolled .sv-brand-logo:hover{
  color:var(--sv-dark);
}

.sv-header.scrolled .sv-menu > a,
.sv-header.scrolled .sv-dropdown-toggle{
  color:rgba(16,24,32,.76);
}

.sv-header.scrolled .sv-menu > a:hover,
.sv-header.scrolled .sv-dropdown-toggle:hover{
  color:var(--sv-dark);
  background:rgba(16,24,32,.06);
}

.sv-header.scrolled .sv-mobile-toggle{
  color:var(--sv-dark);
  background:rgba(16,24,32,.08);
}

.sv-header.scrolled .sv-nav-cta{
  background:var(--sv-blue);
  color:var(--sv-dark);
  border-color:transparent;
  box-shadow:0 16px 36px rgba(0,173,239,.28);
}

/* Mobile nav */
@media(max-width:780px){
  .sv-header{
    padding:14px 0;
  }

  .sv-brand-logo img{
    height:44px;
    max-width:160px;
  }

  .sv-menu{
    position:fixed;
    top:74px;
    left:16px;
    right:16px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:.15rem;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(16,24,32,.08);
    border-radius:24px;
    padding:1rem;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 24px 70px rgba(31,41,51,.14);
  }

  .sv-menu.open{
    display:flex;
  }

  .sv-menu > a,
  .sv-dropdown-toggle{
    width:100%;
    justify-content:space-between;
    color:rgba(16,24,32,.82);
    padding:1rem;
  }

  .sv-menu > a:hover,
  .sv-dropdown-toggle:hover{
    color:var(--sv-dark);
    background:rgba(16,24,32,.06);
  }

  .sv-mobile-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .sv-nav-cta{
    display:none;
  }

  .sv-dropdown-menu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    min-width:0;
    box-shadow:none;
    background:rgba(16,24,32,.04);
    border:none;
    margin:.25rem 0 .55rem;
    display:block;
  }

  .sv-dropdown-menu a{
    padding:.8rem 1rem;
    color:rgba(16,24,32,.78);
  }
}