:root{
      --primary:#0B5FFF;
      --secondary:#0A1A2F;
      --accent:#FFC400;

      --white:#FFFFFF;
      --bg:#F6F8FB;
      --border:#D8E0EA;

      --text:#111827;
      --text2:#475569;

      --success:#16A34A;
      --warning:#F59E0B;
      --error:#DC2626;
    }

    *{ box-sizing:border-box; }
    html{ scroll-behavior:smooth; }
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
      color:var(--text);
      background:var(--white);
      line-height:1.5;
    }

    a{ color:inherit; text-decoration:none; }
    a:hover{ text-decoration:none; }

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

    .nav{
      position:sticky;
      top:0;
      z-index:20;
      background:var(--secondary);
      border-bottom:1px solid #0A1A2F;
    }
    .nav-inner{
      display:flex;
      align-items:center;
      gap:16px;
      padding:14px 0;
      flex-wrap:wrap;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:220px;
    }
    .brand-mark{
      width:40px;
      height:40px;
      border-radius:14px;
      background:var(--accent);
      color:var(--secondary);
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:950;
      letter-spacing:-0.3px;
      box-shadow:0 14px 34px #0A1A2F26;
      flex:0 0 auto;
    }
    .brand-text{
      display:flex;
      flex-direction:column;
      gap:2px;
    }
    .brand-text .name{
      color:var(--white);
      font-weight:950;
      letter-spacing:-0.2px;
    }
    .brand-text .tagline{
      color:#D8E0EA;
      font-size:12.5px;
      font-weight:700;
    }

    .nav-links{
      display:flex;
      align-items:center;
      gap:14px;
      flex-wrap:wrap;
      color:#D8E0EA;
      font-weight:750;
      font-size:14px;
    }
    .nav-links a{
      padding:8px 10px;
      border-radius:999px;
      border:1px solid #FFFFFF1F;
      background:#FFFFFF10;
    }
    .nav-links a:hover{
      background:#FFFFFF16;
      border-color:#FFFFFF2A;
    }

    .nav-cta{
      margin-left:auto;
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:12px 16px;
      border-radius:14px;
      font-weight:900;
      letter-spacing:-0.1px;
      border:1px solid transparent;
      cursor:pointer;
      user-select:none;
      white-space:nowrap;
      transition:transform 0.08s ease;
    }
    .btn:active{ transform:translateY(1px); }

    .btn-primary{
      background:var(--primary);
      color:var(--white);
      box-shadow:0 14px 34px #0B5FFF1F;
    }
    .btn-primary:hover{ filter:brightness(0.97); }

    .btn-accent{
      background:var(--accent);
      color:var(--secondary);
      box-shadow:0 14px 34px #FFC40026;
    }
    .btn-accent:hover{ filter:brightness(0.98); }

    .btn-outline{
      background:transparent;
      color:var(--white);
      border-color:#FFFFFF33;
    }
    .btn-outline:hover{ background:#FFFFFF12; }

    .section{
      padding:72px 0;
    }
    .section.alt{
      background:var(--bg);
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
    }

    .kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:8px 12px;
      border-radius:999px;
      background:#0B5FFF12;
      border:1px solid #0B5FFF24;
      color:var(--primary);
      font-weight:900;
      font-size:13px;
      width:fit-content;
    }

    .hero{
      background:var(--secondary);
      color:var(--white);
      padding:70px 0 56px;
      border-bottom:1px solid #0A1A2F;
    }
    .hero-inner{
      display:flex;
      gap:28px;
      align-items:center;
      flex-wrap:wrap;
    }
    .hero-copy{
      flex:1 1 520px;
      min-width:320px;
    }
    .hero-media{
      flex:0 1 460px;
      min-width:300px;
    }

    h1{
      margin:14px 0 12px;
      font-size:44px;
      line-height:1.08;
      letter-spacing:-1px;
    }
    .hero-sub{
      color:#D8E0EA;
      font-size:17px;
      max-width:720px;
      margin:0 0 18px;
    }

    .bullets{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:10px;
      max-width:640px;
    }
    .bullets li{
      display:flex;
      gap:12px;
      align-items:flex-start;
      color:var(--white);
      font-weight:750;
    }
    .dot{
      width:12px;
      height:12px;
      border-radius:6px;
      background:var(--accent);
      margin-top:6px;
      flex:0 0 auto;
      box-shadow:0 10px 22px #FFC40026;
    }

    .hero-cta{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:18px;
      align-items:center;
    }
    .hero-note{
      margin-top:14px;
      font-size:13px;
      color:#D8E0EA;
    }
    .hero-note strong{ color:var(--white); }

    .img-frame{
      border-radius:18px;
      border:1px solid #FFFFFF26;
      overflow:hidden;
      background:#FFFFFF10;
      box-shadow:0 18px 54px #00000026;
    }
    .img-frame img{
      display:block;
      width:100%;
      height:auto;
    }

    .section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      margin-bottom:24px;
    }
    .section-head h2{
      margin:0;
      font-size:34px;
      line-height:1.15;
      letter-spacing:-0.6px;
      color:var(--secondary);
    }
    .section-head p{
      margin:0;
      color:var(--text2);
      max-width:720px;
      font-weight:650;
    }

    .card-row{
      display:flex;
      gap:16px;
      flex-wrap:wrap;
      align-items:stretch;
    }
    .card{
      flex:1 1 260px;
      min-width:240px;
      background:var(--white);
      border:1px solid var(--border);
      border-radius:18px;
      padding:18px;
      box-shadow:0 14px 34px #0A1A2F0D;
    }
    .card h3{
      margin:0 0 8px;
      color:var(--secondary);
      font-size:18px;
      letter-spacing:-0.2px;
    }
    .card p{
      margin:0;
      color:var(--text2);
      font-weight:600;
    }

    .badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:950;
      letter-spacing:-0.1px;
      border:1px solid transparent;
      width:fit-content;
    }
    .badge-accent{
      background:var(--accent);
      color:var(--secondary);
      border-color:#FFC40066;
    }
    .badge-primary{
      background:var(--primary);
      color:var(--white);
      border-color:#0B5FFF66;
    }
    .badge-soft{
      background:var(--bg);
      color:var(--secondary);
      border-color:var(--border);
    }

    .table-wrap{
      background:var(--white);
      border:1px solid var(--border);
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 14px 34px #0A1A2F0D;
    }
    table{
      width:100%;
      border-collapse:collapse;
      font-size:14px;
    }
    th, td{
      padding:14px 14px;
      border-bottom:1px solid var(--border);
      vertical-align:top;
    }
    th{
      background:var(--bg);
      color:var(--secondary);
      text-align:left;
      font-size:13px;
      letter-spacing:-0.1px;
      font-weight:950;
    }
    tr:last-child td{ border-bottom:none; }

    .col-14awg{
      background:#0B5FFF0F;
    }
    .yes{
      font-weight:900;
      color:var(--success);
    }
    .no{
      font-weight:900;
      color:var(--error);
    }
    .partial{
      font-weight:900;
      color:var(--warning);
    }

    .cta-band{
      margin-top:18px;
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      align-items:center;
    }

    .steps-row{
      display:flex;
      gap:16px;
      flex-wrap:wrap;
      align-items:stretch;
    }
    .step{
      flex:1 1 250px;
      min-width:240px;
      background:var(--white);
      border:1px solid var(--border);
      border-radius:18px;
      padding:16px;
      box-shadow:0 14px 34px #0A1A2F0D;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .step-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }
    .step-num{
      width:34px;
      height:34px;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:950;
      color:var(--secondary);
      background:var(--accent);
      box-shadow:0 12px 26px #FFC40026;
      flex:0 0 auto;
    }
    .step-title{
      font-weight:950;
      color:var(--secondary);
      letter-spacing:-0.2px;
    }
    .step-text{
      margin:0;
      color:var(--text2);
      font-weight:600;
    }
    .phone-shot{
      border:1px solid var(--border);
      border-radius:16px;
      overflow:hidden;
      background:var(--bg);
    }
    .phone-shot img{
      display:block;
      width:100%;
      height:auto;
    }

    .split{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      align-items:stretch;
    }
    .split .left{
      flex:1 1 520px;
      min-width:320px;
    }
    .split .right{
      flex:0 1 440px;
      min-width:320px;
    }

    .quote{
      position:relative;
      padding-top:16px;
    }
    .quote p{
      margin:0;
      color:var(--secondary);
      font-weight:850;
      letter-spacing:-0.2px;
      font-size:16px;
    }
    .quote .who{
      margin-top:10px;
      color:var(--text2);
      font-weight:700;
      font-size:13px;
    }

    .pricing{
      display:flex;
      gap:16px;
      flex-wrap:wrap;
      align-items:stretch;
    }
    .price-card{
      flex:1 1 320px;
      min-width:280px;
      background:var(--white);
      border:1px solid var(--border);
      border-radius:20px;
      padding:18px;
      box-shadow:0 14px 34px #0A1A2F0D;
    }
    .price-card.featured{
      border-color:#0B5FFF66;
      box-shadow:0 18px 44px #0B5FFF14;
    }
    .price{
      margin:10px 0 12px;
      font-size:36px;
      line-height:1;
      letter-spacing:-0.8px;
      font-weight:950;
      color:var(--secondary);
    }
    .price small{
      font-size:14px;
      font-weight:850;
      color:var(--text2);
    }
    .price-list{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:10px;
      color:var(--text2);
      font-weight:650;
    }
    .price-list li{
      display:flex;
      gap:10px;
      align-items:flex-start;
    }
    .tick{
      width:16px;
      height:16px;
      border-radius:6px;
      background:var(--success);
      margin-top:3px;
      flex:0 0 auto;
      box-shadow:0 12px 26px #16A34A1F;
    }

    .faq{
      display:grid;
      gap:12px;
    }
    details{
      background:var(--white);
      border:1px solid var(--border);
      border-radius:18px;
      padding:14px 16px;
      box-shadow:0 14px 34px #0A1A2F0D;
    }
    summary{
      cursor:pointer;
      list-style:none;
      font-weight:950;
      color:var(--secondary);
      letter-spacing:-0.2px;
    }
    summary::-webkit-details-marker{ display:none; }
    .faq-body{
      margin-top:10px;
      color:var(--text2);
      font-weight:650;
    }

    .final-cta{
      background:var(--secondary);
      color:var(--white);
      padding:64px 0;
      border-top:1px solid #0A1A2F;
    }
    .final-inner{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
    }
    .final-inner h2{
      margin:0;
      font-size:34px;
      line-height:1.12;
      letter-spacing:-0.7px;
    }
    .final-inner p{
      margin:10px 0 0;
      color:#D8E0EA;
      font-weight:650;
      max-width:720px;
    }

    footer{
      background:var(--secondary);
      color:#D8E0EA;
      border-top:1px solid #0A1A2F;
      padding:18px 0;
      font-size:13px;
    }
    .footer-inner{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
    }
    .footer-links{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .footer-links a{
      padding:8px 10px;
      border-radius:999px;
      border:1px solid #FFFFFF1F;
      background:#FFFFFF10;
    }
    .footer-links a:hover{
      background:#FFFFFF16;
      border-color:#FFFFFF2A;
    }

.navbar-brand img {
    height: 21px;
    border-radius: 11px;
}