.sos-dron-all-wrap {
    margin:0;
    background:#f1f1f1;
    color:#14202c;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    word-break: keep-all;
  }
  .sos-dron-all-wrap a{color:inherit; text-decoration:none;}
  .sos-dron-all-wrap img{max-width:100%; display:block;}
  .sos-dron-all-wrap .sd-wrap{max-width:1180px; margin:0 auto; padding:0 28px;}

  .sd-tag{
    display:inline-flex; align-items:center; gap:8px;
    font-size:12.5px; font-weight:700; letter-spacing:0.06em;
    color:#007bff;
    background:rgba(0,123,255,0.08);
    border:1px solid rgba(0,123,255,0.3);
    padding:5px 12px; border-radius:5px;
  }
  .sd-tag i{font-size:11px;}
  .sd-tag.sd-tag-light{color:#bcd6f2; background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.22);}

  /* pinned-card corkboard motif */
  .sd-pin{position:relative;}
  .sd-pin::before{
    content:""; position:absolute; top:-8px; left:50%; transform:translateX(-50%);
    width:14px; height:14px; border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #ff8a6b, #0056b3 75%);
    box-shadow:0 3px 6px rgba(0,0,0,0.35);
    z-index:3;
  }

  .sd-reveal{opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease;}
  .sd-reveal.in{opacity:1; transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){ .sd-reveal{opacity:1; transform:none; transition:none;} }

  /* ===== HERO ===== */
  .sd-hero{
    background:#f1f1f1;
    padding:70px 0 100px;
  }
  .sd-hero-grid{
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:60px;
    align-items:center;
  }
  .sd-hero-eyebrow{
    font-size:17px; 
    color:#5b6472; 
    font-weight:600;
    letter-spacing: 1.2px;
  }
  .sd-hero h1{
    font-weight:700;
    font-size:clamp(38px, 5.4vw, 60px);
    line-height:1.2;
    letter-spacing: 0.02em;
    color:#14202c;
    margin-bottom:22px;
  }
  .sd-hero h1 span{color:#007bff;}
  .sd-hero-lead{
    font-size:18px; color:#5b6472; margin-bottom:34px; max-width:480px;
  }
  .sd-cta-row { margin-bottom:46px;}
  .sd-btn {
    padding:15px 26px;
    border-radius:9px;
    font-weight:700;
    font-size:18px;
    border:1.5px solid transparent; cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  }
  .sd-btn-primary {
    background:#007bff;
    color:#fff;
    box-shadow:0 10px 26px -8px rgba(0,123,255,0.55);
    width: 50%;
    text-align: center;
    display: block;
  }
  .sd-btn-primary:hover {
    background:#0056b3; 
    transform:translateY(-2px);
  }
  .sd-btn-primary i { margin-right: 5px ;}
  
  .sd-stat-strip{
    display:flex; flex-wrap:wrap; gap:0;
    border-top:1px solid rgba(20,32,44,0.12);
    padding-top:22px;
  }
  .sd-stat-strip div{
    flex:1; min-width:150px;
    padding-right:20px;
    font-size:14.5px; font-weight:600; color:#14202c;
  }
  .sd-stat-strip div span{
    display:block;
    font-size:11px;
    color:#4a7fb3; 
    letter-spacing:0.04em;
    margin-bottom:6px;
  }

  .sd-radar-wrap{
    position:relative;
    display:flex; justify-content:center;
  }
  .sd-radar-panel{
    position:relative;
    width:100%; max-width:420px; aspect-ratio:1/1;
    border-radius:20px;
    background:radial-gradient(ellipse at 70% 20%, #123a66 0%, #0b2038 60%, #081527 100%);
    transform:rotate(-2.4deg);
    box-shadow:0 30px 60px -20px rgba(11,32,56,0.45);
    overflow:hidden;
  }
  .sd-radar-ring{
    position:absolute; border:1px solid rgba(74,127,179,0.35);
    border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%);
  }
  .sd-radar-ring.r1{width:22%; height:22%;}
  .sd-radar-ring.r2{width:44%; height:44%;}
  .sd-radar-ring.r3{width:66%; height:66%;}
  .sd-radar-ring.r4{width:88%; height:88%;}
  .sd-radar-sweep{
    position:absolute; top:50%; left:50%; width:66%; height:66%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:conic-gradient(from 0deg, rgba(0,123,255,0.55), rgba(0,123,255,0) 30%);
    animation:sd-spin 5.5s linear infinite;
  }
  .sd-radar-dot{position:absolute; width:7px; height:7px; border-radius:50%; background:#5b9bd5; box-shadow:0 0 10px 2px rgba(91,155,213,0.7); animation:sd-blink 1.8s ease-in-out infinite;}
  @keyframes sd-spin{ to{ transform:translate(-50%,-50%) rotate(360deg); } }
  @keyframes sd-blink{ 0%,100%{opacity:1; transform:scale(1);} 50%{opacity:0.25; transform:scale(0.7);} }
  @media (prefers-reduced-motion: reduce){ .sd-radar-sweep, .sd-radar-dot{animation:none;} }

  .sd-radar-caption{
    position:absolute; left:20px; bottom:18px; right:20px;
    color:#dbe7f6;
  }
  .sd-radar-caption .sd-coord{
    font-size:12px; 
    color:#8fb6dc; 
    margin-bottom:4px;
  }
  .sd-radar-caption .sd-status{
    display:flex; align-items:center; gap:7px;
    font-size:14px; font-weight:700; color:#fff;
  }
  .sd-radar-caption .sd-status i{color:#5b9bd5; font-size:8px;}

  .sd-coord-tag{
    margin-top:18px;
    text-align:center;
    font-size:12px;
    color:#5b6472;
  }

  @media (max-width:920px){
    .sd-hero-grid{grid-template-columns:1fr; gap:44px;}
    .sd-radar-wrap{order:-1;}
    .sd-radar-panel{max-width:320px; transform:rotate(0);}
  }

  /* ===== SECTION HEAD ===== */
  .sd-section{padding:96px 0;}
  .sd-section-head-inner {
    max-width: 760px;
    margin: 0 auto;
  }
  .sd-section-head h2{
    font-size:clamp(26px,3.4vw,36px); 
    color:#0b2038; 
    margin:14px 0;
  }
  .sd-section-desc{color:#5b6472; font-size:16.5px;}

  /* ===== WHY DRONE — bento ===== */
  .sd-bento{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .sd-bento-feature{
    grid-column:1 / -1;
    background:linear-gradient(120deg, #123a66, #0b2038);
    color:#fff;
    border-radius:18px;
    padding:38px;
    display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:center;
  }
  .sd-bento-feature .sd-bf-icon{
    width:64px; height:64px; border-radius:16px;
    background:rgba(0,123,255,0.18); border:1px solid rgba(0,123,255,0.4);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .sd-bento-feature .sd-bf-icon i{font-size:26px; color:#5b9bd5;}
  .sd-bento-feature h3{font-size:22px; margin-bottom:8px;}
  .sd-bento-feature p{font-size:15.5px; color:#b9c6d8; margin:0;}
  .sd-bento-card{
    background:#ffffff; border:1px solid rgba(20,32,44,0.12); border-radius:16px;
    padding:26px; transition:transform .2s ease, border-color .2s ease;
  }
  .sd-bento-card:hover{transform:translateY(-5px); border-color:#007bff;}
  .sd-bento-card i{font-size:20px; color:#4a7fb3; margin-bottom:16px; display:block;}
  .sd-bento-card h3{font-size:16.5px; margin-bottom:8px;}
  .sd-bento-card p{font-size:14px; color:#5b6472; margin:0; line-height:1.6;}
  @media (max-width:820px){ .sd-bento{grid-template-columns:1fr 1fr;} .sd-bento-feature{grid-template-columns:1fr;} }
  @media (max-width:560px){ .sd-bento{grid-template-columns:1fr;} }

  /* ===== LICENSE — id card + spec sheet ===== */
  .sd-section.sd-deep{background:#0b2038; color:#fff;}
  .sd-section.sd-deep .sd-section-desc{color:#a9b8ca;}

  .sd-idcard{
    display:grid; 
    grid-template-columns:350px 1fr; 
    gap:0;
    background:linear-gradient(155deg, #123a66, #0b2038);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:18px; overflow:hidden;
    max-width:760px; 
    margin:0 auto 30px;
  }
  .sd-idcard-photo{
    position:relative;
    background:rgba(255,255,255,0.04);
  }
  .sd-idcard-photo img{
    width:100%; 
    height:100%; 
    object-fit:fill; 
    min-height:260px;
  }
  .sd-idcard-photo .sd-tag{
    position:absolute; top:14px; left:14px;
  }
  .sd-idcard-body{padding:32px 30px; display:flex; flex-direction:column; justify-content:center;}
  .sd-idcard-label{
    font-size:11px;
    letter-spacing:0.1em;
    color:#7fa8d1;
    text-transform:uppercase;
    margin-bottom:10px;
  }
  .sd-idcard-name{font-size:27px; font-weight:700; margin-bottom:18px; color:#fff;}
  .sd-idcard-row{
    display:flex; align-items:center; gap:10px;
    font-size:15px; color:#c7d3e0; padding:9px 0;
    border-top:1px solid rgba(255,255,255,0.09);
  }
  .sd-idcard-row:first-of-type{border-top:none;}
  .sd-idcard-row i{color:#5b9bd5; width:16px; font-size:14px;}
  .sd-idcard-row a:hover{color:#5b9bd5;}

  .sd-license-note{
    display:flex; gap:14px; align-items:baseline;
    background:rgba(255,255,255,0.04); border:1px dashed rgba(255,255,255,0.16);
    border-radius:14px; padding:22px 24px; max-width:760px; margin:0 auto 56px;
  }
  .sd-license-note i{color:#007bff; font-size:19px; margin-top:2px;}
  .sd-license-note p{font-size:15.5px; color:#c7d3e0; margin:0;}

  .sd-spec-label{
    font-size:12px;
    letter-spacing:0.08em;
    color:#7fa8d1;
    text-transform:uppercase;
    margin-bottom:16px;
  }
  .sd-spec-table{
    border-top:1px solid rgba(255,255,255,0.14);
  }
  .sd-spec-row{
    display:grid; grid-template-columns:90px 130px 1fr;
    gap:20px; align-items:center;
    padding:20px 4px;
    border-bottom:1px solid rgba(255,255,255,0.09);
  }
  .sd-spec-row .sd-spec-num{
    font-weight:700;
    font-size:26px;
    color:#fff;
  }
  .sd-spec-row .sd-spec-tag{
    font-size:12.5px; font-weight:700; color:#007bff;
    background:rgba(0,123,255,0.12); border:1px solid rgba(0,123,255,0.35);
    padding:4px 12px; border-radius:999px; width:fit-content;
  }
  .sd-spec-row .sd-spec-range{
    font-size:13px;
    color:#5b9bd5;
    margin-top:6px;
    display:block;
  }
  .sd-spec-row p{font-size:15px; color:#c7d3e0; margin:0;}
  @media (max-width:700px){
    .sd-idcard{grid-template-columns:1fr;}
    .sd-idcard-photo img{min-height:200px;}
    .sd-spec-row{grid-template-columns:1fr; gap:6px;}
  }

  /* ===== SERVICE — mission log timeline ===== */
  .sd-timeline{position:relative; max-width:920px; margin:0 auto;}
  .sd-timeline::before{
    content:""; position:absolute; left:54px; top:6px; bottom:6px; width:1.5px;
    background:linear-gradient(rgba(20,32,44,0.12), rgba(20,32,44,0.12) 90%, transparent);
  }
  .sd-timeline-item{
    position:relative; display:grid; grid-template-columns:108px 1fr; gap:26px;
    padding-bottom:64px;
  }
  .sd-timeline-item:last-child{padding-bottom:0;}
  .sd-timeline-marker{
    display:flex; flex-direction:column; align-items:center; padding-top:4px;
  }
  .sd-timeline-dot{
    width:14px; height:14px; border-radius:50%;
    background:#ffffff; border:2.5px solid #007bff;
    box-shadow:0 0 0 5px #f1f1f1;
    z-index:1;
  }
  .sd-timeline-body{
    background:#ffffff;
    border:1px solid rgba(20,32,44,0.12);
    border-radius:16px;
    padding:28px 30px;
    display:grid; 
    grid-template-columns:180px 1fr; 
    gap:26px;
    align-items: center;
  }
  .sd-timeline-media{
    aspect-ratio:1/1; border-radius:12px; overflow:hidden;
    background:repeating-linear-gradient(135deg, rgba(0,123,255,0.03), rgba(0,123,255,0.03) 10px, rgba(0,123,255,0.06) 10px, rgba(0,123,255,0.06) 20px);
    border:1.5px dashed rgba(0,123,255,0.3);
    display:flex; align-items:center; justify-content:center;
  }
  .sd-timeline-media img{width:100%; height:100%; object-fit:fill;}
  .sd-timeline-media.sd-has-img{border:none; background:none;}
  .sd-timeline-text h3{
    display:flex; 
    align-items:center;
    gap:10px;
    font-size:20px;
    margin:0;
    color:#14202c;
  }
  .sd-timeline-text h3 i{color:#007bff; font-size:17px;}
  .sd-timeline-text p{
    font-size:15px;
    color:#5b6472;
    margin:0 0 14px;
  }
  .sd-timeline-points{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px;}
  .sd-timeline-points li{
    display:flex;
    gap:9px;
    align-items: center;
    font-size:15px; 
    color:#14202c;
  }
  .sd-timeline-points i{color:#4a7fb3; font-size:12px; margin-top:4px;}
  @media (max-width:760px){
    .sd-timeline::before{left:20px;}
    .sd-timeline-item{grid-template-columns:40px 1fr; gap:14px;}
    .sd-timeline-num{display:none;}
    .sd-timeline-body{grid-template-columns:1fr; padding:22px;}
    .sd-timeline-media{max-width:160px;}
  }

  /* ===== CTA ===== */
  .sd-cta-section{
    background:linear-gradient(120deg, #007bff 0%, #0056b3 65%, #003d82 100%);
    color:#fff; padding:100px 0; position:relative; overflow:hidden;
  }
  .sd-cta-section::after{
    content:""; position:absolute; inset:0;
    background:repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 22px);
  }
  .sd-cta-inner{position:relative; z-index:2; text-align:center; margin:0 auto;}
  .sd-cta-inner h2{font-size:clamp(28px,4vw,42px); margin:16px 0 16px; color:#fff;}
  .sd-cta-inner > p {
    font-size:17.5px;
    color:rgba(255,255,255,0.9);
    margin: 40px auto 0;
  }
  .sd-branch-contact-grid{
    display:grid; 
    grid-template-columns:repeat(4,1fr); 
    gap:16px;
    max-width:900px; 
    margin: 40px auto 0;
  }
  .sd-contact-text {text-align: left; font-size: 16px;}
  .sd-contact-add {font-size: 13px;}
  .sd-branch-contact-grid .sd-contact-item{
    background:rgba(8,21,42,0.92); 
    border:1px solid rgba(255,255,255,0.16);
    border-radius:14px; 
    padding:20px 16px;
    flex-direction:column; 
    align-items:flex-start; 
    gap:12px;
    transition:border-color .15s ease, transform .15s ease;
  }
  .sd-branch-contact-grid .sd-contact-item:hover{border-color:#5b9bd5; transform:translateY(-3px);}
  @media (max-width:760px){ .sd-branch-contact-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:460px){ .sd-branch-contact-grid{grid-template-columns:1fr;} }


  .sd-contact-item{display:flex; align-items:center; gap:15px;}
  .sd-contact-icon{
    width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,0.08); flex-shrink:0;
  }
  .sd-contact-icon i{font-size:19px; color:#5b9bd5;}
  .sd-contact-label{color:#a9b8ca; letter-spacing:0.04em; font-weight:700;}
  .sd-contact-value{font-weight:700; color:#fff; margin-top:3px;}
  .sd-contact-value:hover{color:#5b9bd5;}
  @media (max-width:600px){ .sd-contact-card{grid-template-columns:1fr;} }