/* Start custom CSS for html, class: .elementor-element-014e1e9 *//* ================================================================
   SECTION: HERO — fully self-contained CSS (v3)
   Change from v2: the rotating stat carousel and the static
   checklist row are now ONE single autoplaying carousel (2s
   interval), each slide with its own relevant icon (not just a
   checkmark). Order: 6 trust points first, then the 4 stat badges.
   Autoplays continuously on all devices (no hover-pause, no
   reduced-motion gate) — a slim progress bar replaces per-slide dots
   since there are 10 items.
   Still includes the earlier mobile fixes: buttons wrap instead of
   overflowing on narrow screens, and no forced min-height:100vh.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ---- shared tokens & base (duplicated in every section on purpose) ---- */
#skydd-hero{
  --navy:#0F172A;--navy-deep:#0A1120;--dark:#111827;--orange:#F59E0B;
  --white:#FFFFFF;--grey-bg:#F8FAFC;--grey-line:#E2E8F0;
  --ink:#0F172A;--ink-soft:#475569;--ink-faint:#94A3B8;--graphite:#334155;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);

  font-family:var(--font-body);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;
  max-width:100%;overflow-x:hidden;
}
#skydd-hero *{box-sizing:border-box;}
#skydd-hero img,#skydd-hero svg{display:block;max-width:100%;}
#skydd-hero a{color:inherit;text-decoration:none;}
#skydd-hero h1,#skydd-hero h2,#skydd-hero h3,#skydd-hero h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#skydd-hero .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;font-weight:600;font-size:15px;
  border-radius:2px;transition:all .25s ease;
  white-space:nowrap;
  max-width:100%;
}
#skydd-hero .btn-primary{background:var(--orange);color:var(--navy-deep);}
#skydd-hero .btn-primary:hover{background:#FFC44D;transform:translateY(-2px);}
#skydd-hero .btn-ghost{border:1px solid rgba(255,255,255,0.28);color:var(--white);}
#skydd-hero .btn-ghost:hover{border-color:var(--orange);color:var(--orange);}
#skydd-hero .btn-arrow{transition:transform .25s ease;flex-shrink:0;}
#skydd-hero .btn:hover .btn-arrow{transform:translateX(4px);}

#skydd-hero .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#skydd-hero .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#skydd-hero.hero{
  position:relative;
  display:flex;align-items:center;
  background:var(--navy-deep);
  overflow:hidden;
  min-height:640px;
}
@media(min-width:900px){
  #skydd-hero.hero{min-height:92vh;}
}
#skydd-hero .hero-media{
  position:absolute;inset:0;z-index:0;
}
#skydd-hero .hero-media video, #skydd-hero .hero-banner-img{
  width:100%;height:100%;object-fit:cover;
  opacity:0.6;
}
#skydd-hero .hero-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(10,17,32,0.55) 0%, rgba(10,17,32,0.25) 40%, var(--navy-deep) 96%);
}
#skydd-hero .hero-inner{position:relative;z-index:2;width:100%;max-width:100%;}
#skydd-hero .hero-grid{
  max-width:var(--container);margin:0 auto;padding:0 var(--edge);
  display:grid;grid-template-columns:minmax(0,1fr);gap:40px;
  padding-top:56px;padding-bottom:40px;
}
#skydd-hero .hero-grid > div{min-width:0;}
#skydd-hero .hero-eyebrow{
  font-family:var(--font-mono);font-size:12px;color:var(--orange);
  letter-spacing:0.14em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;margin-bottom:22px;
  flex-wrap:wrap;
}
#skydd-hero .hero-eyebrow .dot{width:7px;height:7px;background:var(--orange);border-radius:50%;flex-shrink:0;animation:skydd-hero-pulse 2s ease-in-out infinite;}
@keyframes skydd-hero-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
#skydd-hero h1{
  font-size:clamp(30px,7.5vw,74px);
  font-weight:800;line-height:1.08;color:var(--white);
  max-width:920px;
  overflow-wrap:break-word;word-break:normal;hyphens:auto;
}
#skydd-hero h1 em{font-style:normal;color:var(--orange);}
#skydd-hero p.sub{
  margin-top:22px;font-size:clamp(15px,3.6vw,19px);color:#B8C2D6;
  max-width:600px;font-weight:400;
  overflow-wrap:break-word;
}
#skydd-hero .hero-cta-row{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;}
#skydd-hero .hero-cta-row .btn{flex:0 1 auto;}
@media(max-width:520px){
  #skydd-hero .hero-cta-row{flex-direction:column;align-items:stretch;}
  #skydd-hero .hero-cta-row .btn{
    white-space:normal;text-align:center;width:100%;flex:1 1 100%;
  }
}

/* ---- merged trust bar: ONE autoplaying carousel, icon + text per slide ---- */
#skydd-hero .hero-trust-bar{
  margin-top:36px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.12);
  max-width:460px;
}
#skydd-hero .trust-carousel{overflow:hidden;}
#skydd-hero .trust-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);}
#skydd-hero .trust-slide{
  flex:0 0 100%;display:flex;align-items:center;gap:12px;min-height:30px;
}
#skydd-hero .ts-icon-wrap{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.35);
  display:flex;align-items:center;justify-content:center;
}
#skydd-hero .ts-icon-wrap svg{width:17px;height:17px;color:var(--orange);}
#skydd-hero .ts-text{font-size:14.5px;color:#E2E8F0;font-weight:500;}
#skydd-hero .ts-text strong{color:var(--orange);font-weight:700;}

#skydd-hero .trust-progress{
  margin-top:16px;height:2px;background:rgba(255,255,255,0.14);
  border-radius:2px;overflow:hidden;
}
#skydd-hero .trust-progress-bar{
  height:100%;width:0%;background:var(--orange);
}
#skydd-hero .trust-progress-bar.animate{
  animation:skydd-trust-progress 2s linear;
}
@keyframes skydd-trust-progress{
  0%{width:0%;}
  100%{width:100%;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0bbe17 *//* ================================================================
   SECTION: INDUSTRIES SERVED — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#skydd-industries{
  --navy:#0F172A;--orange:#F59E0B;--white:#FFFFFF;
  --grey-line:#E2E8F0;--ink-soft:#475569;--ink-faint:#94A3B8;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.55;
}
#skydd-industries *{box-sizing:border-box;}
#skydd-industries svg{display:block;max-width:100%;}
#skydd-industries h1,#skydd-industries h2,#skydd-industries h3,#skydd-industries h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

#skydd-industries .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#skydd-industries.section{padding:112px 0;}
@media(max-width:768px){#skydd-industries.section{padding:72px 0;}}

#skydd-industries .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#skydd-industries .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#skydd-industries .section-head{max-width:640px;margin-bottom:56px;}
#skydd-industries .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.14;}
#skydd-industries .section-head p{margin-top:16px;color:var(--ink-soft);font-size:17px;max-width:560px;}

#skydd-industries .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#skydd-industries .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#skydd-industries .industries-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--grey-line);border:1px solid var(--grey-line);
}
#skydd-industries .industry-cell{
  background:var(--white);
  display:flex;flex-direction:column;
  transition:.25s;
}
#skydd-industries .industry-img{height:150px;overflow:hidden;background:#E2E8F0;}
#skydd-industries .industry-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s ease;
}
#skydd-industries .industry-cell:hover .industry-img img{transform:scale(1.06);}
#skydd-industries .industry-content{padding:22px 22px 26px;display:flex;flex-direction:column;gap:10px;}
#skydd-industries .industry-cell:hover{background:var(--navy);}
#skydd-industries .industry-cell:hover .ind-icon,#skydd-industries .industry-cell:hover h4{color:var(--orange);}
#skydd-industries .industry-cell:hover p{color:#94A3B8;}
#skydd-industries .ind-icon{width:26px;height:26px;color:var(--navy);transition:.25s;}
#skydd-industries .industry-cell h4{font-size:15.5px;font-weight:600;font-family:var(--font-head);}
#skydd-industries .industry-cell p{font-size:13px;color:var(--ink-faint);transition:.25s;}
#skydd-industries .swipe-hint{display:none;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);margin-top:14px;text-align:right;}
@media(max-width:860px){#skydd-industries .industries-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){
  #skydd-industries .industries-grid{
    display:flex;grid-template-columns:none;
    overflow-x:auto;scroll-snap-type:x mandatory;
    gap:14px;background:none;border:none;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
    scrollbar-width:none;
  }
  #skydd-industries .industries-grid::-webkit-scrollbar{display:none;}
  #skydd-industries .industry-cell{
    flex:0 0 78%;scroll-snap-align:start;
    border:1px solid var(--grey-line);
  }
  #skydd-industries .swipe-hint{display:block;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a156bbf *//* ================================================================
   SECTION: ROI CALCULATOR — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#roi-calc{
  --navy:#0F172A;--navy-deep:#0A1120;--dark:#111827;--orange:#F59E0B;
  --white:#FFFFFF;--grey-line:#E2E8F0;--ink:#0F172A;--ink-soft:#475569;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:var(--ink);line-height:1.55;
}
#roi-calc *{box-sizing:border-box;}
#roi-calc h1,#roi-calc h2,#roi-calc h3,#roi-calc h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#roi-calc .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#roi-calc.section{padding:112px 0;}
@media(max-width:768px){#roi-calc.section{padding:72px 0;}}

#roi-calc .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#roi-calc .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#roi-calc .section-head{max-width:640px;margin-bottom:56px;}
#roi-calc .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.14;}
#roi-calc .section-head p{margin-top:16px;color:var(--ink-soft);font-size:17px;max-width:560px;}
#roi-calc .section-head.light h2{color:var(--white);}
#roi-calc .section-head.light p{color:#94A3B8;}

#roi-calc .btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 28px;font-weight:600;font-size:15px;
  border-radius:2px;transition:all .25s ease;white-space:nowrap;text-decoration:none;color:inherit;
}
#roi-calc .btn-primary{background:var(--orange);color:var(--navy-deep);}
#roi-calc .btn-primary:hover{background:#FFC44D;transform:translateY(-2px);}
#roi-calc .btn-arrow{transition:transform .25s ease;}
#roi-calc .btn:hover .btn-arrow{transform:translateX(4px);}

#roi-calc .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#roi-calc .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#roi-calc.calc{background:var(--dark);color:var(--white);position:relative;overflow:hidden;}
#roi-calc.calc::before{
  content:"";position:absolute;top:0;right:0;width:50%;height:100%;
  background:radial-gradient(circle at 80% 20%, rgba(245,158,11,0.12), transparent 60%);
  pointer-events:none;
}
#roi-calc .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;z-index:1;}
#roi-calc .calc-controls{display:flex;flex-direction:column;gap:34px;}
#roi-calc .calc-field label{display:flex;justify-content:space-between;font-size:13.5px;color:#94A3B8;margin-bottom:14px;font-family:var(--font-mono);}
#roi-calc .calc-field label .val{color:var(--orange);font-weight:700;}
#roi-calc input[type=range]{
  -webkit-appearance:none;width:100%;height:2px;background:#334155;border-radius:2px;outline:none;
}
#roi-calc input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:18px;height:18px;border-radius:50%;
  background:var(--orange);cursor:pointer;border:3px solid var(--dark);box-shadow:0 0 0 1px var(--orange);
}
#roi-calc input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--orange);cursor:pointer;border:3px solid var(--dark);}
#roi-calc .calc-toggle{display:flex;flex-wrap:wrap;gap:0;border:1px solid #334155;width:fit-content;max-width:100%;}
#roi-calc .calc-toggle button{padding:10px 20px;font-size:13.5px;color:#94A3B8;transition:.2s;background:none;border:none;cursor:pointer;font-family:inherit;}
#roi-calc .calc-toggle button.active{background:var(--orange);color:var(--navy-deep);font-weight:600;}
#roi-calc .calc-result{
  background:linear-gradient(160deg,#1a2436,#111827);
  border:1px solid rgba(255,255,255,0.08);
  padding:40px;
}
#roi-calc .calc-result .r-label{font-family:var(--font-mono);font-size:12px;color:#64748B;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:6px;}
#roi-calc .calc-result .r-big{font-family:var(--font-head);font-size:44px;font-weight:800;color:var(--orange);line-height:1;margin-bottom:6px;}
#roi-calc .calc-result .r-sub{font-size:13.5px;color:#94A3B8;margin-bottom:28px;}
#roi-calc .calc-result-row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(255,255,255,0.08);}
#roi-calc .calc-result-row .k{font-size:13.5px;color:#94A3B8;}
#roi-calc .calc-result-row .v{font-family:var(--font-mono);font-size:15px;color:var(--white);font-weight:700;}
#roi-calc .calc-note{font-size:12px;color:#64748B;margin-top:22px;line-height:1.6;}
#roi-calc .calc-cta{margin-top:22px;width:100%;justify-content:center;}
@media(max-width:860px){#roi-calc .calc-grid{grid-template-columns:1fr;gap:44px;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e26ac20 *//* ================================================================
   SECTION: FEATURED PROJECTS — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#projects{
  --navy:#0F172A;--orange:#F59E0B;--white:#FFFFFF;
  --ink-soft:#475569;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.55;
}
#projects *{box-sizing:border-box;}
#projects h1,#projects h2,#projects h3,#projects h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}
#projects a{color:inherit;text-decoration:none;}

#projects .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#projects.section{padding:112px 0;}
@media(max-width:768px){#projects.section{padding:72px 0;}}

#projects .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#projects .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#projects .section-head{max-width:640px;margin-bottom:56px;}
#projects .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.14;}
#projects .section-head p{margin-top:16px;color:var(--ink-soft);font-size:17px;max-width:560px;}

#projects .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#projects .reveal.in{opacity:1;transform:translateY(0);}

#projects .btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 28px;font-weight:600;font-size:15px;
  border-radius:2px;transition:all .25s ease;white-space:nowrap;
}
#projects .btn-dark{border:1px solid var(--navy);color:var(--navy);}
#projects .btn-dark:hover{background:var(--navy);color:var(--white);}
#projects .btn-arrow{transition:transform .25s ease;}
#projects .btn:hover .btn-arrow{transform:translateX(4px);}

/* ---- section-specific ---- */

/* Stats strip — real numbers from SKYDD's own materials */
#projects .work-stats{
  display:flex;flex-wrap:wrap;gap:0;
  border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;
  margin-bottom:40px;
}
#projects .work-stats > div{
  flex:1 1 160px;padding:22px 24px 22px 0;
  display:flex;flex-direction:column;gap:4px;
  border-right:1px solid #E2E8F0;
}
#projects .work-stats > div:last-child{border-right:none;}
#projects .ws-num{font-family:var(--font-head);font-size:24px;font-weight:800;color:var(--navy);}
#projects .ws-lbl{font-size:12.5px;color:var(--ink-soft);}
@media(max-width:700px){
  #projects .work-stats > div{flex:1 1 45%;border-right:none;border-bottom:1px solid #E2E8F0;padding:18px 0;}
}

#projects .gallery-label{
  font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft);
  margin-bottom:22px;letter-spacing:0.02em;
}

/* Real photo gallery */
#projects .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
#projects .work-card{
  position:relative;aspect-ratio:4/3;overflow:hidden;
  background:#E2E8F0;border-radius:2px;
}
#projects .work-card img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s ease;
}
#projects .work-card:hover img{transform:scale(1.06);}
#projects .work-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 55%);
  pointer-events:none;
}
#projects .work-caption{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding:14px 16px;font-family:var(--font-mono);font-size:11px;
  letter-spacing:0.02em;line-height:1.4;color:var(--white);
}
@media(max-width:860px){#projects .work-grid{grid-template-columns:repeat(2,1fr);}}

#projects .work-dots{display:none;}

/* Below 700px: swap the grid for a fading/appearing autoplay
   carousel — one photo visible at a time, crossfading every 3s,
   with tappable dots. Photos and captions are unchanged; only the
   layout mode + a JS-toggled 'active' class differ from desktop. */
@media(max-width:700px){
  #projects .work-grid{
    display:block;position:relative;
    aspect-ratio:4/3;overflow:hidden;border-radius:2px;background:#E2E8F0;
  }
  #projects .work-card{
    position:absolute;inset:0;aspect-ratio:auto;
    opacity:0;transition:opacity 1s ease;z-index:0;
  }
  #projects .work-card.active{opacity:1;z-index:1;}

  #projects .work-dots{
    display:flex;justify-content:center;gap:8px;margin-top:18px;
  }
  #projects .work-dots button{
    width:7px;height:7px;border-radius:50%;background:#CBD5E1;
    border:none;padding:0;cursor:pointer;transition:.25s;-webkit-tap-highlight-color:transparent;
  }
  #projects .work-dots button.active{background:var(--orange);width:20px;border-radius:4px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9404995 *//* ================================================================
   SECTION: PROCESS — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#process{
  --navy:#0F172A;--navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --grey-line:#E2E8F0;--ink-soft:#475569;--ink-faint:#94A3B8;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.55;
}
#process *{box-sizing:border-box;}
#process h1,#process h2,#process h3,#process h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

#process .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#process.section{padding:112px 0;}
@media(max-width:768px){#process.section{padding:72px 0;}}

#process .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#process .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#process .section-head{max-width:640px;margin-bottom:56px;}
#process .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.14;}

#process .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#process .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#process.process{background:#F8FAFC;}
#process .process-track{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;
}
#process .proc-step{
  position:relative;background:var(--white);
  border:1px solid var(--grey-line);overflow:hidden;
  transition:.25s;
}
#process .proc-step:hover{border-color:var(--navy);box-shadow:0 16px 32px -20px rgba(15,23,42,0.25);}
#process .proc-img{height:110px;overflow:hidden;background:#E2E8F0;}
#process .proc-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s ease;
}
#process .proc-step:hover .proc-img img{transform:scale(1.06);}
#process .proc-step .p-num{
  position:absolute;top:86px;left:16px;width:32px;height:32px;border-radius:50%;
  background:var(--white);border:1.5px solid var(--navy);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--navy);z-index:1;
  box-shadow:0 2px 6px rgba(15,23,42,0.15);
}
#process .proc-step.active .p-num{background:var(--orange);border-color:var(--orange);color:var(--navy-deep);}
#process .proc-body{padding:26px 18px 20px;}
#process .proc-step h4{font-size:14.5px;font-weight:600;margin-bottom:6px;}
#process .proc-step p{font-size:12.5px;color:var(--ink-faint);}
@media(max-width:900px){#process .process-track{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){#process .process-track{grid-template-columns:1fr;}}
#process .process-footnote{margin-top:56px;padding-top:32px;border-top:1px solid var(--grey-line);font-size:15px;color:var(--ink-soft);max-width:560px;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-594ca78 *//* ================================================================
   ABOUT PAGE — SECTION 07: THE PAYOFF (benefits marquee)
   fully self-contained CSS
   Standalone section (previously a static row inside "What We Do").
   Now a continuously auto-scrolling marquee, running on ALL devices
   (not just mobile) — pauses on hover/focus, respects
   prefers-reduced-motion for accessibility.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#benefits{
  --navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:var(--white);line-height:1.6;
}
#benefits *{box-sizing:border-box;}
#benefits svg{display:block;max-width:100%;}
#benefits h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#benefits .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#benefits.section{padding:88px 0;}
@media(max-width:768px){#benefits.section{padding:60px 0;}}

#benefits .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;}
#benefits .section-head{max-width:640px;margin:0 auto 44px;text-align:center;}
#benefits .section-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.18;}

#benefits .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#benefits .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#benefits.benefits-section{background:var(--navy-deep);}

#benefits .benefits-marquee{
  overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
#benefits .benefits-track{
  display:flex;width:max-content;gap:20px;
  animation:benefits-scroll 28s linear infinite;
  padding:0 var(--edge);
}
#benefits .benefits-marquee:hover .benefits-track,
#benefits .benefits-marquee:focus-within .benefits-track{
  animation-play-state:paused;
}
@keyframes benefits-scroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}

#benefits .benefit-card{
  flex:0 0 280px;
  display:flex;flex-direction:column;align-items:flex-start;gap:14px;
  padding:26px 24px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;
  background:rgba(255,255,255,0.02);
}
#benefits .benefit-icon-wrap{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.35);
  display:flex;align-items:center;justify-content:center;
}
#benefits .benefit-icon-wrap svg{width:19px;height:19px;color:var(--orange);}
#benefits .benefit-card strong{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--white);line-height:1.3;}
#benefits .benefit-card p{font-size:13px;color:#94A3B8;margin:0;}

@media (prefers-reduced-motion: reduce){
  #benefits .benefits-track{animation:none;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-249c573 *//* ================================================================
   SECTION: PROBLEM → ADVANTAGE → EXECUTION — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#why{
  --navy:#0F172A;--navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --grey-bg:#F8FAFC;--grey-line:#E2E8F0;--ink-soft:#475569;--ink-faint:#94A3B8;--graphite:#334155;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.55;
}
#why *{box-sizing:border-box;}
#why svg{display:block;max-width:100%;}
#why h1,#why h2,#why h3,#why h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

#why .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#why.section{padding:112px 0;}
@media(max-width:768px){#why.section{padding:72px 0;}}

#why .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#why .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#why .section-head{max-width:640px;margin-bottom:56px;}
#why .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.14;}
#why .section-head p{margin-top:16px;color:var(--ink-soft);font-size:17px;max-width:560px;}

#why .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#why .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#why .proof-stats{display:flex;gap:40px;margin-bottom:48px;flex-wrap:wrap;}
#why .proof-stats div{display:flex;align-items:baseline;gap:8px;}
#why .ps-num{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--orange);}
#why .ps-lbl{font-size:13px;color:var(--ink-soft);}
#why .journey-rows{display:flex;flex-direction:column;gap:2px;background:var(--grey-line);border:1px solid var(--grey-line);}
#why .journey-row{
  display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch;
}
#why .jr-problem,#why .jr-solution{background:var(--white);padding:30px 32px;display:flex;flex-direction:column;justify-content:center;}
#why .jr-problem{background:var(--navy-deep);}
#why .jr-tag{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:12px;display:block;}
#why .jr-tag-problem{color:#F87171;}
#why .jr-tag-solution{color:var(--orange);}
#why .jr-problem h3{color:var(--white);font-size:17px;font-weight:600;margin-bottom:8px;line-height:1.3;}
#why .jr-problem p{color:#94A3B8;font-size:13.5px;}
#why .jr-solution{border-left:3px solid var(--orange);}
#why .jr-solution h3{font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.3;color:var(--navy);}
#why .jr-solution p{font-size:13.5px;color:var(--ink-soft);}
#why .jr-arrow{
  background:var(--grey-bg);display:flex;align-items:center;justify-content:center;
  color:var(--orange);
}
#why .jr-arrow svg{width:22px;height:22px;}
@media(max-width:820px){
  #why .journey-row{grid-template-columns:1fr;}
  #why .jr-arrow{width:100%;height:34px;}
  #why .jr-arrow svg{transform:rotate(90deg);transition:.3s;}
  #why .jr-solution{border-left:none;border-top:3px solid var(--orange);}
  #why .jr-problem{cursor:pointer;-webkit-tap-highlight-color:transparent;}
  #why .jr-tap-hint{
    display:block;margin-top:14px;font-family:var(--font-mono);font-size:11px;
    color:var(--orange);letter-spacing:0.04em;
    animation:why-tap-pulse 1.8s ease-in-out infinite;
  }
  #why .jr-solution{
    max-height:0;opacity:0;overflow:hidden;
    padding-top:0 !important;padding-bottom:0 !important;
    transition:max-height .55s ease, opacity .4s ease, padding .55s ease;
  }
  #why .journey-row.revealed .jr-solution{
    max-height:400px;opacity:1;
    padding-top:30px !important;padding-bottom:30px !important;
  }
  #why .journey-row.revealed .jr-tap-hint{display:none;}
  #why .journey-row.revealed .jr-arrow svg{color:var(--orange);transform:rotate(90deg) scale(1.15);}
}
#why .jr-tap-hint{display:none;}
@keyframes why-tap-pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
#why .journey-divider{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin:48px 0 40px;color:var(--ink-faint);
}
#why .journey-divider svg{width:20px;height:20px;color:var(--orange);}
#why .journey-divider span{font-family:var(--font-mono);font-size:12.5px;text-transform:uppercase;letter-spacing:0.08em;}

/* Hassle-free execution cards */
#why .hassle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
#why .hassle-card{background:var(--white);border:1px solid var(--grey-line);border-top:3px solid var(--orange);padding:32px 28px;}
#why .hassle-tag{font-family:var(--font-mono);font-size:11px;color:var(--orange);text-transform:uppercase;letter-spacing:0.08em;}
#why .hassle-card h3{font-size:19px;font-weight:700;margin:14px 0 12px;line-height:1.25;}
#why .hassle-card p{font-size:14px;color:var(--ink-soft);margin-bottom:18px;}
#why .hassle-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;}
#why .hassle-card ul li{
  font-size:13.5px;color:var(--graphite);position:relative;padding-left:18px;line-height:1.4;
}
#why .hassle-card ul li::before{content:"";position:absolute;left:0;top:6px;width:7px;height:1.5px;background:var(--orange);}

/* Compact tab .elementor-256 .elementor-element.elementor-element-249c573 — hidden on desktop, all 3 cards already sit
   side by side there so no .elementor-256 .elementor-element.elementor-element-249c573 is needed. */
#why .hassle-tabs{display:none;}

@media(max-width:940px){
  /* All three execution cards visible in one frame on mobile:
     a compact 3-across icon+label tab row up top (always fully
     visible together), with only the tapped card's full detail
     shown below it — instead of stacking 3 full cards vertically. */
  #why .hassle-tabs{
    display:flex;gap:8px;
  }
  #why .hassle-tab{
    flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;
    padding:14px 6px;background:var(--white);border:1px solid var(--grey-line);
    border-bottom:3px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  #why .hassle-tab.active{border-bottom-color:var(--orange);background:#FFF8EC;}
  #why .hassle-tab-icon{
    width:32px;height:32px;border-radius:50%;flex-shrink:0;
    background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.35);
    display:flex;align-items:center;justify-content:center;
  }
  #why .hassle-tab-icon svg{width:16px;height:16px;color:var(--orange);}
  #why .hassle-tab-label{
    font-size:10.5px;font-weight:700;line-height:1.25;text-align:center;color:var(--navy);
  }

  #why .hassle-grid{display:block;margin-top:14px;}
  #why .hassle-card{display:none;padding:24px 20px;}
  #why .hassle-card.active{display:block;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4847b6b *//* ================================================================
   SECTION: LOCAL MARKET EXPERTISE — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#skydd-local-market{
  --orange:#F59E0B;--graphite:#334155;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);
}
#skydd-local-market *{box-sizing:border-box;}
#skydd-local-market h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#skydd-local-market .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}

#skydd-local-market .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}

#skydd-local-market.local-strip{background:var(--graphite);padding:44px 0;}
#skydd-local-market .local-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;}
#skydd-local-market .local-copy{max-width:460px;}
#skydd-local-market .local-copy .eyebrow{color:var(--orange);margin-bottom:10px;}
#skydd-local-market .local-copy h3{color:var(--white);font-size:20px;font-weight:700;margin-bottom:8px;}
#skydd-local-market .local-copy p{color:#CBD5E1;font-size:13.5px;}
#skydd-local-market .local-chips{display:flex;flex-wrap:wrap;gap:10px;max-width:440px;}
#skydd-local-market .local-chips span{
  font-family:var(--font-mono);font-size:12px;color:#E2E8F0;
  border:1px solid rgba(255,255,255,0.25);padding:8px 14px;border-radius:20px;
}
#skydd-local-market .local-chips span.chip-reg{color:var(--orange);border-color:rgba(245,158,11,0.5);}
@media(max-width:720px){#skydd-local-market .local-strip-inner{flex-direction:column;align-items:flex-start;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-848a96d *//* ================================================================
   SECTION: FOUNDING INDUSTRIAL PARTNERS — fully self-contained CSS
   Replaces the old Testimonials/Google-Reviews section. SKYDD has no
   published Google reviews yet, so rather than an empty or thin
   review widget, this turns "no industrial track record yet" into a
   direct, honest exclusivity pitch — backed by the real 30+/100%
   stats instead of invented quotes.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#founding-partners{
  --navy:#0F172A;--orange:#F59E0B;--white:#FFFFFF;
  --grey-line:#E2E8F0;--ink-soft:#475569;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.55;
}
#founding-partners *{box-sizing:border-box;}
#founding-partners svg{display:block;max-width:100%;}
#founding-partners h1,#founding-partners h2,#founding-partners h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}
#founding-partners a{color:inherit;text-decoration:none;}

#founding-partners .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#founding-partners.section{padding:112px 0;}
@media(max-width:768px){#founding-partners.section{padding:72px 0;}}

#founding-partners .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#founding-partners .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#founding-partners .section-head{max-width:680px;margin:0 auto 48px;text-align:center;}
#founding-partners .section-head .eyebrow{justify-content:center;}
#founding-partners .section-head .eyebrow::before{display:none;}
#founding-partners .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.16;}
#founding-partners .section-head p{margin-top:16px;color:var(--ink-soft);font-size:17px;}

#founding-partners .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#founding-partners .reveal.in{opacity:1;transform:translateY(0);}

/* ---- benefit cards ---- */
#founding-partners .fp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;}
#founding-partners .fp-card{
  background:var(--white);border:1px solid var(--grey-line);border-top:3px solid var(--orange);
  padding:26px 22px;
}
#founding-partners .fp-icon{
  width:38px;height:38px;border-radius:50%;
  background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.35);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
#founding-partners .fp-icon svg{width:19px;height:19px;color:var(--orange);}
#founding-partners .fp-card h3{font-size:15px;font-weight:700;margin-bottom:8px;line-height:1.3;}
#founding-partners .fp-card p{font-size:13px;color:var(--ink-soft);}
@media(max-width:940px){#founding-partners .fp-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){#founding-partners .fp-grid{grid-template-columns:1fr;}}

/* ---- CTA block ---- */
#founding-partners .fp-cta{
  text-align:center;padding-top:8px;
}
#founding-partners .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 32px;font-weight:600;font-size:15px;
  border-radius:2px;transition:all .25s ease;white-space:nowrap;
}
#founding-partners .btn-primary{background:var(--orange);color:var(--navy);}
#founding-partners .btn-primary:hover{background:#FFC44D;transform:translateY(-2px);}
#founding-partners .btn-arrow{transition:transform .25s ease;}
#founding-partners .btn:hover .btn-arrow{transform:translateX(4px);}
#founding-partners .fp-note{margin-top:16px;font-size:13px;color:var(--ink-soft);}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9677228 *//* ================================================================
   SECTION: TECHNOLOGY PARTNERS (marquee) — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#skydd-partners{
  --orange:#F59E0B;--dark:#111827;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);line-height:1.55;
}
#skydd-partners *{box-sizing:border-box;}
#skydd-partners h1,#skydd-partners h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#skydd-partners .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#skydd-partners.section{padding:112px 0;}
@media(max-width:768px){#skydd-partners.section{padding:72px 0;}}

#skydd-partners .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#skydd-partners .section-head{max-width:640px;margin-bottom:56px;}
#skydd-partners .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.14;}
#skydd-partners .section-head.light h2{color:var(--white);}

#skydd-partners .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#skydd-partners .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#skydd-partners.partners{background:var(--dark);color:var(--white);}
#skydd-partners .partners-marquee{
  overflow:hidden;position:relative;margin-top:36px;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
#skydd-partners .partners-track{
  display:flex;width:max-content;gap:20px;
  animation:skydd-partners-scroll 40s linear infinite;
  padding:0 var(--edge);
}
#skydd-partners .partners-marquee:hover .partners-track{animation-play-state:paused;}
@keyframes skydd-partners-scroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
#skydd-partners .partner-logo-card{flex:0 0 170px;}
#skydd-partners .partner-logo-box{
  height:96px;
  background:var(--white);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  padding:16px 20px;
  transition:transform .25s ease, box-shadow .25s ease;
}
#skydd-partners .partner-logo-box:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px -10px rgba(0,0,0,0.5);
}
#skydd-partners .partner-logo-box img{
  max-width:100%;max-height:100%;
  width:auto;height:auto;
  object-fit:contain;
  display:block;
}
@media (prefers-reduced-motion: reduce){
  #skydd-partners .partners-track{animation:none;}
}
#skydd-partners .partners-note{margin-top:28px;font-size:13.5px;color:#64748B;max-width:520px;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ff6530 *//* ================================================================
   SECTION: SOLUTIONS — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#solutions{
  --navy:#0F172A;--orange:#F59E0B;--grey-line:#E2E8F0;--ink-soft:#475569;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.55;
}
#solutions *{box-sizing:border-box;}
#solutions h1,#solutions h2,#solutions h3,#solutions h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}
#solutions a{color:inherit;text-decoration:none;}

#solutions .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#solutions.section{padding:112px 0;}
@media(max-width:768px){#solutions.section{padding:72px 0;}}

#solutions .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#solutions .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#solutions .section-head{max-width:640px;margin-bottom:56px;}
#solutions .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.14;}
#solutions .section-head p{margin-top:16px;color:var(--ink-soft);font-size:17px;max-width:560px;}

#solutions .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#solutions .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#solutions .solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
#solutions .solution-card{border:1px solid var(--grey-line);padding:0;overflow:hidden;transition:.3s;background:#fff;}
#solutions .solution-card:hover{border-color:var(--navy);box-shadow:0 20px 40px -20px rgba(15,23,42,0.25);}
#solutions .solution-img{height:170px;overflow:hidden;background:#E2E8F0;}
#solutions .solution-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s ease;
}
#solutions .solution-card:hover .solution-img img{transform:scale(1.06);}
#solutions .solution-body{padding:26px 24px;}
#solutions .solution-body h4{font-size:17px;font-weight:600;margin-bottom:10px;}
#solutions .solution-body p{font-size:13.5px;color:var(--ink-soft);margin-bottom:16px;}
#solutions .solution-link{font-size:13px;font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:6px;}
#solutions .solution-link:hover{color:var(--orange);}
@media(max-width:940px){#solutions .solutions-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){#solutions .solutions-grid{grid-template-columns:1fr;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-daf0616 *//* ================================================================
   SECTION: FAQ — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#faq{
  --navy:#0F172A;--orange:#F59E0B;--grey-line:#E2E8F0;--ink-soft:#475569;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.55;
}
#faq *{box-sizing:border-box;}
#faq h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

#faq .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#faq.section{padding:112px 0;}
@media(max-width:768px){#faq.section{padding:72px 0;}}

#faq .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
#faq .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#faq .section-head{max-width:640px;margin-bottom:56px;}
#faq .section-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.14;}

#faq .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#faq .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#faq .faq-list{max-width:820px;border-top:1px solid var(--grey-line);}
#faq .faq-item{border-bottom:1px solid var(--grey-line);}
#faq .faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;
  padding:26px 4px;text-align:left;font-size:16.5px;font-weight:600;color:var(--navy);
  background:none;border:none;cursor:pointer;font-family:inherit;
}
#faq .faq-q .plus{font-family:var(--font-mono);font-size:20px;color:var(--orange);transition:transform .3s;flex-shrink:0;margin-left:20px;}
#faq .faq-item.open .plus{transform:rotate(45deg);}
#faq .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
#faq .faq-a p{padding:0 4px 26px;font-size:14.5px;color:var(--ink-soft);max-width:680px;margin:0;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a523885 *//* ================================================================
   SECTION: FINAL CTA — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#contact{
  --navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);line-height:1.55;
}
#contact *{box-sizing:border-box;}
#contact h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}
#contact a{color:inherit;text-decoration:none;}

#contact .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#contact.section{padding:112px 0;}
@media(max-width:768px){#contact.section{padding:72px 0;}}

#contact .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#contact .reveal.in{opacity:1;transform:translateY(0);}

#contact .btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 28px;font-weight:600;font-size:15px;
  border-radius:2px;transition:all .25s ease;white-space:nowrap;
}
#contact .btn-primary{background:var(--orange);color:var(--navy-deep);}
#contact .btn-primary:hover{background:#FFC44D;transform:translateY(-2px);}
#contact .btn-ghost{border:1px solid rgba(255,255,255,0.28);color:var(--white);}
#contact .btn-ghost:hover{border-color:var(--orange);color:var(--orange);}
#contact .btn-arrow{transition:transform .25s ease;}
#contact .btn:hover .btn-arrow{transform:translateX(4px);}

/* placeholder image block */
#contact .ph{position:relative;overflow:hidden;display:flex;align-items:flex-end;}
#contact .ph-label{padding:16px 18px;font-family:var(--font-mono, monospace);font-size:11.5px;letter-spacing:0.03em;line-height:1.5;width:100%;}

/* ---- section-specific ---- */
#contact.final-cta{position:relative;background:var(--navy-deep);color:var(--white);overflow:hidden;}
#contact .ph{position:absolute;inset:0;height:100%;opacity:0.35;}
#contact.final-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, var(--navy-deep) 0%, rgba(10,17,32,0.6) 50%, var(--navy-deep) 100%);}
#contact .final-cta-inner{position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto;}
#contact .final-cta-inner h2{color:var(--white);font-size:clamp(30px,4vw,48px);font-weight:800;margin-bottom:20px;}
#contact .final-cta-inner p{color:#B8C2D6;font-size:17px;margin-bottom:40px;}
#contact .final-cta-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}/* End custom CSS */