:root{--bg:#020d17;--panel:#061a2a;--blue:#078df5;--cyan:#22b8ff;--text:#f7fbff;--muted:#a9bac8;--line:#0c5790;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}header{height:82px;position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:8px max(20px,calc((100vw - var(--max))/2));background:rgba(1,10,18,.74);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:68px;height:68px;object-fit:contain}.menu{display:none;background:none;border:0}.menu span{display:block;width:30px;height:3px;background:white;margin:5px;border-radius:3px}nav{display:flex;gap:30px;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:1px}nav a:hover{color:var(--cyan)}.hero{height:min(100svh,900px);min-height:680px;background:url('hero-desktop-v2.png') center/cover no-repeat;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 20px 55px}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,13,23,.82) 88%,var(--bg))}.hero-actions{z-index:2;display:flex;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border-radius:7px;background:linear-gradient(135deg,#0066cf,#08a6ff);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:13px}.ghost{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.65)}.section{padding:90px 20px}.heading{max-width:var(--max);margin:0 auto 36px}.heading span,.kicker,.contact>span{color:var(--cyan);font-size:12px;letter-spacing:4px;font-weight:800}.heading h1,.about h1,.contact h1{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:10px 0 12px}.heading p{color:var(--muted);max-width:720px}.cards{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cards article{padding:25px 18px;border:1px solid rgba(15,117,190,.45);border-radius:16px;background:linear-gradient(180deg,#082239,#041521);min-height:245px}.cards b{color:var(--cyan);font-size:13px}.cards h2{font-size:17px}.cards p{color:var(--muted);font-size:14px}.gallery-section{background:#04121f}.gallery{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gallery figure{margin:0;height:330px;overflow:hidden;border-radius:13px;border:1px solid rgba(34,184,255,.2)}.gallery .wide{grid-column:span 2;height:500px}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.gallery figure:hover img{transform:scale(1.025)}.about{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:32px;border:1px solid rgba(15,117,190,.5);border-radius:22px;background:linear-gradient(145deg,#082239,#03111d)}.about p{color:var(--muted);font-size:17px;margin-bottom:26px}.about em{font-style:normal;color:var(--cyan)}.about img{width:100%;height:440px;object-fit:cover;border-radius:15px}.about .about-portrait{object-position:center 28%}.points{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:center}.points strong{display:grid;place-items:center;margin:auto;width:70px;height:70px;border:1px solid var(--blue);border-radius:50%;color:var(--cyan);font-size:26px}.points h2{font-size:16px}.points p{font-size:13px;color:var(--muted)}.contact{text-align:center;border-top:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 0,#0b3452,transparent 50%)}.contact img{display:block;width:150px;margin:0 auto 20px}.contact p{color:var(--muted);font-size:17px}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0 8px}.contact .btn{margin:0}.contact .whatsapp{background:linear-gradient(135deg,#0e8f47,#25d366)}.phone,.email{display:block;color:var(--cyan);font-weight:800;margin-top:8px}.email{font-size:14px}.coverage{margin:18px auto 0!important;font-size:14px!important;color:#8fa8ba!important}.credentials strong{width:76px;height:76px;font-size:18px}.credentials div:last-child strong{font-size:16px}footer{text-align:center;color:#8193a2;padding:30px 20px 45px;border-top:1px solid rgba(255,255,255,.06);font-size:12px}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.points{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.menu{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;flex-direction:column;background:#031421;padding:20px}nav.open{display:flex}.gallery figure,.gallery .wide{height:330px}.hero{min-height:760px}}
@media(max-width:600px){header{height:68px;padding:5px 14px}.brand img{width:58px;height:58px}nav{top:68px}.hero{height:100svh;min-height:720px;background-image:url('hero-mobile-v5.png');background-position:center top;padding-bottom:34px}.hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.btn{padding:0 12px;font-size:11px}.section{padding:64px 14px}.cards{grid-template-columns:1fr 1fr;gap:9px}.cards article{min-height:210px;padding:18px 13px}.cards h2{font-size:14px}.cards p{font-size:12px}.gallery{grid-template-columns:1fr;gap:9px}.gallery figure,.gallery .wide{grid-column:auto;height:245px}.about{padding:14px;gap:24px}.about img{height:270px}.about .about-portrait{object-position:center 24%}.about p{font-size:15px}.points{gap:25px 10px}.points h2{font-size:14px}.points p{font-size:12px}.contact img{width:120px}.contact-actions{display:grid;grid-template-columns:1fr;max-width:320px;margin:18px auto 10px}.contact-actions .btn{width:100%}}
@media(max-width:380px){.cards{grid-template-columns:1fr}.points{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr}}

/* Service pages */
.service-hero{padding:150px 20px 70px;background:radial-gradient(circle at 75% 15%,#0b3452,transparent 42%);border-bottom:1px solid rgba(255,255,255,.06)}.service-hero-inner,.service-content{max-width:var(--max);margin:auto}.service-hero .kicker{display:block}.service-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.03;margin:12px 0 18px}.service-hero p{max-width:760px;color:var(--muted);font-size:18px}.service-content{display:grid;grid-template-columns:1.5fr .7fr;gap:42px}.service-copy h2{font-size:30px;margin-top:0}.service-copy h3{font-size:21px;margin-top:34px}.service-copy p,.service-copy li{color:var(--muted);font-size:16px}.service-copy ul{padding-left:20px}.service-side{padding:25px;border:1px solid rgba(15,117,190,.45);border-radius:16px;background:linear-gradient(180deg,#082239,#041521);align-self:start}.service-side h2{margin-top:0}.service-side p{color:var(--muted)}.service-links{display:grid;gap:9px;margin-top:18px}.service-links a{padding:11px 13px;border:1px solid rgba(34,184,255,.25);border-radius:7px}.service-links a:hover{border-color:var(--cyan);color:var(--cyan)}.cards article.service-card{position:relative}.cards article.service-card>a{position:absolute;inset:0;border-radius:16px}.cards article.service-card .learn{display:inline-block;color:var(--cyan);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-top:4px}@media(max-width:800px){.service-content{grid-template-columns:1fr}.service-hero{padding:120px 14px 55px}.service-hero p{font-size:16px}}

/* Compact homepage service selector */
.home-service-menu{max-width:760px;margin:0 auto;display:grid;gap:9px}.home-service-menu a{display:flex;align-items:center;gap:15px;padding:13px 17px;border:1px solid rgba(34,184,255,.25);border-radius:9px;background:linear-gradient(180deg,#082239,#041521);font-weight:800;transition:border-color .2s,transform .2s}.home-service-menu a:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.service-icon{width:34px;text-align:center;font-size:23px;line-height:1}.service-quote{text-align:center;margin-top:25px}@media(max-width:600px){.home-service-menu{gap:8px}.home-service-menu a{padding:12px 14px}.service-icon{font-size:21px}}

/* v6 page structure */
.quick-links{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-links a{display:flex;flex-direction:column;gap:5px;padding:22px;border:1px solid rgba(34,184,255,.25);border-radius:12px;background:linear-gradient(180deg,#082239,#041521)}.quick-links a:hover{border-color:var(--cyan)}.quick-links strong{font-size:18px}.quick-links span{color:var(--muted);font-size:14px}.page-hero{padding:145px 20px 55px;background:radial-gradient(circle at 70% 0,#0b3452,transparent 48%);border-bottom:1px solid rgba(255,255,255,.06)}.page-hero>div{max-width:var(--max);margin:auto}.page-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.04;margin:10px 0}.page-hero p{color:var(--muted);max-width:760px;font-size:17px}.project-card{max-width:900px;margin:auto;padding:28px;border:1px solid rgba(34,184,255,.25);border-radius:16px;background:linear-gradient(180deg,#082239,#041521)}.project-card h2{margin-top:0}.project-card p{color:var(--muted)}@media(max-width:700px){.quick-links{grid-template-columns:1fr}.page-hero{padding:110px 14px 45px}}

/* v7 mobile hero controls: keep buttons clear of artwork/text */
@media(max-width:600px){
  .hero{height:auto;min-height:0;aspect-ratio:852/1400;padding:0;background-size:100% auto;background-position:center top;align-items:flex-end;overflow:visible;margin-bottom:82px}
  .hero-overlay{display:none}
  .hero-actions{position:absolute;left:14px;right:14px;bottom:-66px;width:auto;z-index:3}
}
@media(max-width:380px){.hero{margin-bottom:132px}.hero-actions{grid-template-columns:1fr;bottom:-116px}}

/* Contact page */
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.contact-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;text-decoration:none}
.contact-card strong{font-size:1.05rem}
.contact-card span{opacity:.86}
.contact-privacy-note{font-size:.9rem;opacity:.7}
@media(max-width:600px){.contact-grid{grid-template-columns:1fr}}

@media(max-width:600px){
  .hero{aspect-ratio:852/1342;margin-bottom:0}
  #services.section{padding-top:28px}
}
@media(max-width:380px){.hero{margin-bottom:0}}

nav a.current-page,nav a.current-page:hover{color:var(--cyan);cursor:default;pointer-events:none;border-left:3px solid var(--cyan);padding-left:10px}
.service-links a.current-page,.service-links a.current-page:hover{color:var(--cyan);border-color:var(--cyan);cursor:default;pointer-events:none;opacity:.9}
@media(min-width:901px){nav a.current-page,nav a.current-page:hover{border-left:0;border-bottom:2px solid var(--cyan);padding-left:0;padding-bottom:5px}}

/* Current-page navigation highlight: disabled + dark blue */
nav a.current-page,nav a.current-page:hover,nav a.current-page:focus{
  color:#17679b;
  cursor:default;
  pointer-events:none;
  border-left:3px solid #17679b;
  padding-left:10px;
  opacity:1;
}
.service-links a.current-page,.service-links a.current-page:hover,.service-links a.current-page:focus{
  color:#17679b;
  border-color:#17679b;
  cursor:default;
  pointer-events:none;
  opacity:1;
}
@media(min-width:901px){
  nav a.current-page,nav a.current-page:hover,nav a.current-page:focus{
    border-left:0;
    border-bottom:2px solid #17679b;
    padding-left:0;
    padding-bottom:5px;
  }
}

/* Mobile/current-page state — deliberately last and cache-busted */
nav a.current-page,
nav a.current-page:visited,
nav a.current-page:hover,
nav a.current-page:focus,
nav a[aria-current="page"],
nav a[aria-current="page"]:visited,
nav a[aria-current="page"]:hover,
nav a[aria-current="page"]:focus {
  color:#247db8 !important;
  cursor:default !important;
  pointer-events:none !important;
  opacity:1 !important;
}
@media (max-width:900px){
  nav a.current-page,
  nav a[aria-current="page"]{
    color:#247db8 !important;
    border-left:3px solid #247db8 !important;
    padding-left:10px !important;
  }
}
@media (min-width:901px){
  nav a.current-page,
  nav a[aria-current="page"]{
    color:#247db8 !important;
    border-left:0 !important;
    border-bottom:2px solid #247db8 !important;
    padding-left:0 !important;
    padding-bottom:5px !important;
  }
}
.service-links a.current-page,
.service-links a[aria-current="page"]{
  color:#247db8 !important;
  border-color:#247db8 !important;
  cursor:default !important;
  pointer-events:none !important;
  opacity:1 !important;
}

/* Semantic heading cleanup: preserve the existing visual size while using one H1 per page */
.heading h2.section-display-heading,.about h2.section-display-heading,.contact h2.section-display-heading{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:10px 0 12px}


/* Facebook icon */
.facebook-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;border-radius:50%;background:#1877F2;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:.95em;line-height:1;vertical-align:-.12em;text-transform:lowercase}
.facebook-link{display:inline-flex;align-items:center;gap:.25em}
.facebook-icon-card{width:1.45em;height:1.45em;font-size:1em;vertical-align:middle;margin-right:.25em}

/* Facebook icon: clearly recognisable blue circular badge with white f */
.facebook-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box;
  width:24px !important;
  height:24px !important;
  min-width:24px;
  border-radius:50% !important;
  background-color:#1877F2 !important;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:700 !important;
  font-size:20px !important;
  line-height:24px !important;
  text-align:center;
  text-transform:none !important;
  text-decoration:none !important;
  vertical-align:middle;
  margin-right:6px;
  overflow:hidden;
}
.facebook-icon-card{width:30px !important;height:30px !important;min-width:30px;font-size:25px !important;line-height:30px !important;margin-right:8px;}
.facebook-link{display:inline-flex;align-items:center;gap:2px;}

/* Facebook logo image — real blue circular badge, mobile-safe */
.facebook-logo-img{display:inline-block;width:24px;height:24px;min-width:24px;vertical-align:middle;margin-right:6px;object-fit:contain}
.facebook-logo-img.facebook-logo-card{width:30px;height:30px;min-width:30px;margin-right:8px}
.facebook-link{display:inline-flex;align-items:center;gap:2px}
.facebook-card strong{display:flex;align-items:center}

/* WhatsApp logo on Contact page */
.whatsapp-logo-img{display:inline-block;width:24px;height:24px;min-width:24px;vertical-align:middle;margin-right:6px;object-fit:contain}
.whatsapp-logo-img.whatsapp-logo-card{width:30px;height:30px;min-width:30px;margin-right:8px}
.contact-card strong{display:flex;align-items:center}

/* Contact card icon sizing — override generic .contact img rule */
.contact .whatsapp-logo-img.whatsapp-logo-card{
  display:inline-block !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  margin:0 8px 0 0 !important;
  object-fit:contain !important;
  flex:0 0 30px !important;
}


/* v13 clean homepage introduction */
.home-intro{background:radial-gradient(circle at 50% 0,rgba(11,52,82,.55),transparent 58%)}
.home-intro-inner{max-width:900px;margin:auto;text-align:center}
.home-intro h1{font-size:clamp(34px,5vw,60px);line-height:1.08;margin:10px auto 20px;max-width:850px}
.home-intro-lead{font-size:18px!important;color:var(--text)!important;max-width:800px!important;margin:0 auto 14px!important}
.home-intro p{color:var(--muted);max-width:780px;margin:0 auto 16px}
.home-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:34px auto 28px}
.home-highlights div{padding:20px 14px;border:1px solid rgba(34,184,255,.28);border-radius:14px;background:linear-gradient(180deg,#082239,#041521)}
.home-highlights strong{display:block;color:var(--cyan);font-size:20px;margin-bottom:3px}
.home-highlights span{color:var(--muted);font-size:13px}
.home-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:8px auto 22px}
.home-cta .whatsapp{background:linear-gradient(135deg,#0e8f47,#25d366)}
.home-menu-note{font-size:13px!important;color:#8fa8ba!important;margin-top:20px!important}
@media(max-width:600px){.home-intro{text-align:left}.home-intro-inner{text-align:left}.home-intro h1{font-size:34px}.home-intro-lead{font-size:16px!important}.home-highlights{grid-template-columns:1fr;gap:9px;margin:26px 0 22px}.home-highlights div{text-align:center;padding:16px 12px}.home-cta{display:grid;grid-template-columns:1fr;margin:8px 0 20px}.home-cta .btn{width:100%}.home-menu-note{text-align:center}}

/* v14: non-sticky site header and linked hero service icons */
.contact-symbol{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;margin-right:8px;border:1px solid #22b8ff;border-radius:50%;color:#fff;font-size:17px;line-height:1}
.contact-card strong{display:flex;align-items:center}
.hero-service-hotspots{position:absolute;z-index:5;left:24.2%;right:23.5%;top:73.5%;height:12%;display:grid;grid-template-columns:repeat(5,1fr);gap:4.5%}
.hero-service-hotspots a{display:block;border-radius:12px}
.hero-service-hotspots a:focus-visible{outline:2px solid #22b8ff;outline-offset:3px}
@media(max-width:600px){.hero-service-hotspots{left:3.5%;right:3.5%;top:57.2%;height:10.5%;gap:5%}}


/* v15 mobile homepage fix: keep site header above hero and never cover artwork */
@media (max-width:600px){
  body > header{position:relative !important;top:auto !important;left:auto !important;right:auto !important;z-index:50 !important;height:68px !important;}
  main{display:block !important;}
  .hero{
    position:relative !important;
    margin-top:0 !important;
    top:auto !important;
    transform:none !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:852/1174 !important;
    background-image:url('hero-mobile-clean.png?v=15') !important;
    background-position:center top !important;
    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
    overflow:hidden !important;
  }
  .hero-service-hotspots{
    left:3.5% !important;
    right:3.5% !important;
    top:50.5% !important;
    height:9.2% !important;
    gap:5% !important;
  }
}


/* v16 mobile hero spacing: keep the complete hero artwork below the navigation bar */
@media (max-width:600px){
  .hero{
    /* The hero artwork itself begins with the drone at the very top edge.
       Give that artwork breathing room below the real site header instead of
       letting the top of the drone appear tucked under the navigation. */
    aspect-ratio:auto !important;
    height:calc((100vw * 1174 / 852) + 48px) !important;
    min-height:0 !important;
    background-color:#03101c !important;
    background-image:url('hero-mobile-clean.png?v=16') !important;
    background-size:100% auto !important;
    background-position:center 48px !important;
    background-repeat:no-repeat !important;
  }
  .hero-service-hotspots{
    /* 48px top artwork inset + original icon position within artwork */
    top:calc(48px + (100vw * 0.696)) !important;
    height:calc(100vw * 0.127) !important;
  }
}


/* v17: mobile hero uses rebuilt artwork with the COMPLETE drone visible */
@media (max-width:600px){
  body > header{position:relative !important;height:68px !important;}
  .hero{
    margin:0 !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:852/1344 !important;
    background-image:url('hero-mobile-full-drone.png?v=17') !important;
    background-size:100% 100% !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    overflow:hidden !important;
  }
  .hero-service-hotspots{
    left:3.5% !important;
    right:3.5% !important;
    top:57.4% !important;
    height:7.2% !important;
    gap:5% !important;
  }
}


/* v19 mobile hero: real responsive image, no crop, no overflow */
.hero-mobile-image{display:none;}
@media (max-width:600px){
  body > header{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    height:68px !important;
    margin:0 !important;
    z-index:50 !important;
  }
  main{display:block !important;margin:0 !important;padding:0 !important;}
  .hero{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:0 !important;
    top:auto !important;
    transform:none !important;
    background:none !important;
    overflow:hidden !important;
  }
  .hero-mobile-image{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  .hero-overlay{display:none !important;}
  .hero-service-hotspots{
    position:absolute !important;
    left:3.5% !important;
    right:3.5% !important;
    top:57.4% !important;
    height:7.2% !important;
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    gap:5% !important;
    z-index:5 !important;
  }
}

/* v20: force the complete mobile hero image to render from its own top-left edge.
   Unique asset/style filenames also prevent old cached v19 files being reused. */
@media (max-width:600px){
  html,body{width:100% !important;max-width:100% !important;overflow-x:hidden !important;}
  body > header{position:relative !important;inset:auto !important;transform:none !important;}
  .hero{
    position:relative !important;
    width:100vw !important;
    max-width:100vw !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:none !important;
    inset:auto !important;
    transform:none !important;
  }
  .hero-mobile-image{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    object-fit:contain !important;
    object-position:top center !important;
    width:100vw !important;
    min-width:0 !important;
    max-width:100vw !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .hero-service-hotspots{
    left:3.5% !important;
    right:3.5% !important;
    top:57.4% !important;
    height:7.2% !important;
  }
}


/* v21: Current Offers page — styling mirrors the A6 package card */
.offers-hero{padding-bottom:38px}.offers-section{padding-top:52px}.offers-heading{text-align:center;max-width:780px;margin:0 auto 42px}.offers-heading h2{margin:0;color:#e7bd4b;text-transform:uppercase;letter-spacing:2px;font-size:clamp(27px,4vw,42px)}.offers-heading p{margin:8px 0 0;color:#f7fbff;font-weight:700}.offer-list{max-width:900px;margin:0 auto;display:grid;gap:28px}.offer-card{position:relative;min-height:150px;margin-left:38px;padding:26px 28px 24px 126px;background:#f7f7f3;color:#0a1b2a;border:4px solid;border-radius:15px;box-shadow:0 9px 28px rgba(0,0,0,.2)}.offer-card.bronze{border-color:#a96328}.offer-card.silver{border-color:#aeb5ba}.offer-card.gold{border-color:#d8aa00}.offer-copy h3{display:none}.offer-copy p{margin:0 0 7px;font-size:16px}.offer-copy small{display:block;margin-top:12px;font-weight:800}.bronze .offer-copy small{color:#9b5726}.silver .offer-copy small{color:#747a7e}.gold .offer-copy small{color:#9d7900}.offer-btn{margin-top:16px;min-height:42px;padding:0 18px;font-size:11px}.offer-rosette{position:absolute;z-index:3;left:-54px;top:-25px;width:132px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;transform:rotate(-12deg);filter:drop-shadow(0 5px 4px rgba(0,0,0,.32));font-weight:900}.offer-rosette:before{content:"";position:absolute;inset:0;z-index:-2;clip-path:polygon(50% 0%,58% 10%,69% 4%,74% 16%,87% 14%,88% 27%,100% 32%,92% 43%,100% 52%,90% 61%,96% 73%,83% 77%,83% 91%,69% 89%,62% 100%,51% 92%,40% 100%,33% 88%,19% 92%,17% 78%,4% 74%,10% 62%,0% 53%,9% 43%,1% 32%,13% 27%,13% 14%,26% 16%,31% 4%,42% 10%)}.offer-rosette:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;z-index:-1;background:#102437;border:3px solid rgba(255,255,255,.7)}.bronze .offer-rosette:before{background:linear-gradient(145deg,#d28743,#8f4b18)}.silver .offer-rosette:before{background:linear-gradient(145deg,#e2e6e8,#8b949a)}.gold .offer-rosette:before{background:linear-gradient(145deg,#f7c913,#b68a00)}.offer-rosette span{font-size:13px;letter-spacing:.5px}.offer-rosette strong{font-size:22px;line-height:1.05}.digital-note{max-width:900px;margin:28px auto 0;text-align:center}.digital-note strong{display:block;font-size:16px;letter-spacing:.5px}.digital-note span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.welcome-offer{max-width:900px;margin:44px auto 0;padding:32px 24px;text-align:center;border:2px solid #e7bd4b;border-radius:18px;background:linear-gradient(145deg,#09243a,#041521);box-shadow:0 12px 32px rgba(0,0,0,.22)}.welcome-kicker{color:#e7bd4b;font-size:12px;font-weight:900;letter-spacing:3px}.welcome-offer h2{font-size:clamp(30px,5vw,50px);line-height:1;margin:10px 0}.welcome-offer p{color:#d8e2e9;font-size:17px}.welcome-code{display:inline-flex;align-items:center;gap:12px;margin:8px 0 20px;padding:12px 18px;border:1px dashed #22b8ff;border-radius:9px;background:#03101c}.welcome-code span{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.welcome-code strong{font-size:21px;letter-spacing:2px;color:#22b8ff}.offers-smallprint{max-width:900px;margin:22px auto 0;color:#8193a2;text-align:center;font-size:12px}
@media(max-width:650px){.offers-section{padding-top:40px}.offer-list{gap:34px}.offer-card{margin-left:26px;padding:72px 16px 20px;min-height:0}.offer-rosette{left:-25px;top:-28px;width:116px;height:116px}.offer-rosette:after{width:76px;height:76px}.offer-rosette span{font-size:11px}.offer-rosette strong{font-size:19px}.offer-copy h3{display:block;text-align:right;margin:0 0 12px;text-transform:uppercase;font-size:15px;letter-spacing:1px}.offer-copy p{font-size:14px}.offer-btn{width:100%}.welcome-offer{padding:27px 16px}.welcome-code{display:flex;justify-content:center;max-width:260px;margin:10px auto 20px}}