:root{
    --navy:#04293A;
    --teal:#0B4F6C;
    --sky:#1E7EA1;
    --amber:#E8871E;
    --amber-dark:#C96E10;
    --bg:#F7F9FB;
    --text:#1B2430;
    --muted:#5B6B79;
    --line:#E3E9ED;
  }
  *{scroll-behavior:smooth;}
  body{
    font-family:'Inter',sans-serif;
    color:var(--text);
    background:var(--bg);
  }
  h1,h2,h3,h4,.brand-font{
    font-family:'Sora',sans-serif;
  }
  a{text-decoration:none;}
  .text-teal{color:var(--teal);}
  .text-amber{color:var(--amber);}
  .bg-navy{background-color:var(--navy);}
  .bg-teal{background-color:var(--teal);}
  .bg-soft{background-color:#EFF4F7;}

  .topbar{
    background:var(--navy);
    color:#CBD9E1;
    font-size:.85rem;
  }
  .topbar a{color:#CBD9E1;}
  .topbar a:hover{color:var(--amber);}

  .navbar{
    background:#FFFFFF;
    box-shadow:0 2px 12px rgba(4,41,58,.06);
  }
  .navbar-brand{
    font-family:'Sora',sans-serif;
    font-weight:800;
    color:var(--navy);
    font-size:1.35rem;
    letter-spacing:-.02em;
  }
  .navbar-brand img{max-width:360px}
  @media only screen and (max-width:767px){
	  .navbar-brand img{max-width:260px}
  }
  .navbar-brand .dot{color:var(--amber);}
  .nav-link{
    font-weight:600;
    color:var(--navy) !important;
    margin:0 .5rem;
  }
  .nav-link:hover{color:var(--sky) !important;}
  .btn-amber{
    background:var(--amber);
    border-color:var(--amber);
    color:#fff;
    font-weight:700;
  }
  .btn-amber:hover{
    background:var(--amber-dark);
    border-color:var(--amber-dark);
    color:#fff;
  }

  .hero{
    background:linear-gradient(135deg,var(--navy) 0%,var(--teal) 70%);
    position:relative;
    overflow:hidden;
    color:#fff;
  }
  .hero::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0px, rgba(255,255,255,.035) 1px, transparent 1px, transparent 4px);
    pointer-events:none;
  }
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    background:rgba(255,255,255,.12);
    color:#DDEBF3;
    padding:.35rem .9rem;
    border-radius:50px;
    font-size:.8rem;
    font-weight:600;
    letter-spacing:.03em;
  }
  .hero h1{
    font-weight:800;
    letter-spacing:-.02em;
    line-height:1.1;
  }
  .hero .lead{
    color:#CBE0EA;
  }

  .tv-mock{
    position:relative;
    width:100%;
    max-width:420px;
    margin-inline:auto;
  }
  .tv-mock .screen{
    background:linear-gradient(160deg,#12617f 0%, var(--sky) 45%, var(--amber) 130%);
    border-radius:14px;
    aspect-ratio:16/10;
    position:relative;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(4,41,58,.45);
    border:10px solid var(--navy);
  }
  .tv-mock .screen::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:repeating-linear-gradient(180deg, rgba(255,255,255,.09) 0px, rgba(255,255,255,.09) 2px, transparent 2px, transparent 6px);
    animation:scan 6s linear infinite;
  }
  @keyframes scan{
    0%{transform:translateY(0);}
    100%{transform:translateY(24px);}
  }
  .tv-mock .stand{
    width:70px;height:16px;background:var(--navy);margin:0 auto;border-radius:0 0 6px 6px;
  }
  .tv-mock .base{
    width:150px;height:8px;background:var(--navy);margin:0 auto;border-radius:6px;opacity:.85;
  }
  .float-badge{
    position:absolute;
    background:#fff;
    color:var(--navy);
    border-radius:12px;
    padding:.6rem .9rem;
    font-size:.8rem;
    font-weight:700;
    box-shadow:0 10px 25px rgba(4,41,58,.25);
    display:flex;
    align-items:center;
    gap:.5rem;
  }
  .float-badge.b1{top:-10px; left:-10px;}
  .float-badge.b2{bottom:30px; right:-25px;}
  @media (max-width:767px){
    .float-badge{display:none;}
  }

  .section-eyebrow{
    color:var(--amber);
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.8rem;
  }
  section{scroll-margin-top:90px;}

  .service-card{
    border:1px solid var(--line);
    border-radius:16px;
    padding:1.75rem 1.5rem;
    height:100%;
    background:#fff;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(4,41,58,.1);
    border-color:transparent;
  }
  .service-icon{
    width:54px;height:54px;
    border-radius:12px;
    background:#EFF4F7;
    color:var(--teal);
    display:flex;align-items:center;justify-content:center;
    font-size:1.5rem;
    margin-bottom:1rem;
  }
  .service-card:hover .service-icon{
    background:var(--amber);
    color:#fff;
  }

  .badge-pill{
    border:1px solid var(--line);
    background:#fff;
    color:var(--navy);
    font-weight:600;
    padding:.5rem 1.1rem;
    border-radius:50px;
    font-size:.9rem;
    display:inline-block;
    margin:.25rem;
  }

  .why-item{
    display:flex;
    gap:1rem;
    align-items:flex-start;
    padding:1rem 0;
    border-bottom:1px solid var(--line);
  }
  .why-item:last-child{border-bottom:none;}
  .why-icon{
    flex:0 0 auto;
    width:42px;height:42px;
    border-radius:10px;
    background:var(--navy);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
  }

  .price-table th{
    background:var(--navy);
    color:#fff;
    font-weight:600;
    border:none;
  }
  .price-table td{
    vertical-align:middle;
  }

  .area-chip{
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px;
    padding:.6rem .8rem;
    text-align:center;
    font-weight:600;
    font-size:.9rem;
    color:var(--navy);
  }

  .contact-card{
    background:#fff;
    border-radius:18px;
    border:1px solid var(--line);
    padding:2rem;
  }
  .contact-row{
    display:flex;
    gap:1rem;
    align-items:flex-start;
    margin-bottom:1.4rem;
  }
  .contact-icon{
    width:46px;height:46px;
    border-radius:12px;
    background:var(--navy);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;
  }

  .big-contact-block{
    background:var(--bg);
    border:1px solid var(--line);
    border-radius:14px;
    padding:1.75rem;
    height:100%;
    display:flex;
    flex-direction:column;
  }
  .big-contact-label{
    font-family:'Sora',sans-serif;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--amber);
    margin-bottom:.75rem;
  }
  .big-contact-value{
    font-family:'Sora',sans-serif;
    font-weight:800;
    line-height:1.15;
    display:block;
    word-break:break-word;
  }
  .big-contact-value.phone{
    font-size:2.4rem;
    color:var(--navy);
  }
  .big-contact-value.phone:hover{color:var(--amber);}
  .big-contact-value.email{
    font-size:1.5rem;
    color:var(--navy);
  }
  .big-contact-value.email:hover{color:var(--teal);}
  .whatsapp-link{
    color:#25D366 !important;
    font-weight:700;
    font-size:.95rem;
    margin-top:auto;
    padding-top:1rem;
  }
  .whatsapp-link:hover{color:#1fb457 !important;}
  @media (max-width:767px){
    .big-contact-value.phone{font-size:1.9rem;}
    .big-contact-value.email{font-size:1.2rem;}
  }

  footer{
    background:var(--navy);
    color:#B9CBD5;
  }
  footer a{color:#DCE8EE;}
  footer a:hover{color:var(--amber);}
  footer h6{
    color:#fff;
    font-family:'Sora',sans-serif;
    font-weight:700;
  }
  .disclaimer-box{
    background:rgba(255,255,255,.05);
    border-radius:10px;
    padding:1rem 1.25rem;
    font-size:.82rem;
    color:#A9BBC6;
  }

  .whatsapp-fab{
    position:fixed;
    bottom:22px;
    right:22px;
    width:58px;height:58px;
    background:#25D366;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;
    font-size:1.6rem;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    z-index:1050;
  }
  .whatsapp-fab:hover{color:#fff; transform:scale(1.06);}