body.elementor-page-44:not(.elementor-motion-effects-element-type-background), body.elementor-page-44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-b81d0af *//* ================================================================
   SOLUTIONS PAGE — SECTION 01: HERO — 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-solutions-hero{
  --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);line-height:1.6;
}
#skydd-solutions-hero *{box-sizing:border-box;}
#skydd-solutions-hero img{display:block;max-width:100%;}
#skydd-solutions-hero a{color:inherit;text-decoration:none;}
#skydd-solutions-hero h1{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--white);}

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

#skydd-solutions-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%;font-family:var(--font-body);}
#skydd-solutions-hero .btn-primary{background:var(--orange);color:var(--navy-deep);}
#skydd-solutions-hero .btn-primary:hover{background:#FFC44D;transform:translateY(-2px);}
#skydd-solutions-hero .btn-ghost{border:1px solid rgba(255,255,255,0.28);color:var(--white);}
#skydd-solutions-hero .btn-ghost:hover{border-color:var(--orange);color:var(--orange);}
#skydd-solutions-hero .btn-arrow{transition:transform .25s ease;flex-shrink:0;}
#skydd-solutions-hero .btn:hover .btn-arrow{transform:translateX(4px);}

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

/* ---- section-specific ---- */
#skydd-solutions-hero.solutions-hero{position:relative;display:flex;align-items:center;background:var(--navy-deep);overflow:hidden;min-height:600px;}
@media(min-width:900px){#skydd-solutions-hero.solutions-hero{min-height:86vh;}}
#skydd-solutions-hero .hero-media{position:absolute;inset:0;z-index:0;}
#skydd-solutions-hero .hero-media img{width:100%;height:100%;object-fit:cover;}
#skydd-solutions-hero .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,17,32,0.62) 0%, rgba(10,17,32,0.42) 40%, var(--navy-deep) 96%);}
#skydd-solutions-hero .hero-inner{position:relative;z-index:2;width:100%;}
#skydd-solutions-hero .hero-grid{max-width:var(--container);margin:0 auto;padding:0 var(--edge);padding-top:56px;padding-bottom:40px;}
#skydd-solutions-hero .hero-eyebrow{font-family:var(--font-mono);font-size:12px;color:var(--orange);letter-spacing:0.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:22px;}
#skydd-solutions-hero .hero-eyebrow .dot{width:7px;height:7px;background:var(--orange);border-radius:50%;animation:skydd-hero-pulse 2s ease-in-out infinite;}
@keyframes skydd-hero-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
#skydd-solutions-hero h1{font-size:clamp(32px,5.6vw,58px);font-weight:800;line-height:1.1;max-width:780px;}
#skydd-solutions-hero .hero-body{margin-top:22px;font-size:clamp(15px,1.6vw,18px);color:#B8C2D6;max-width:600px;}
#skydd-solutions-hero .hero-cta-row{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}
@media(max-width:480px){
  #skydd-solutions-hero .hero-cta-row{flex-direction:column;align-items:stretch;}
  #skydd-solutions-hero .hero-cta-row .btn{white-space:normal;text-align:center;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-175b7ce *//* ================================================================
   SOLUTIONS PAGE — SECTION 02: THE SOLUTION PRINCIPLE — self-contained
   ================================================================ */

@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-solution-principle{
  --navy:#0F172A;--navy-deep:#0A1120;--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.6;
}
#skydd-solution-principle *{box-sizing:border-box;}
#skydd-solution-principle svg{display:block;max-width:100%;}
#skydd-solution-principle a{color:inherit;text-decoration:none;}
#skydd-solution-principle h2,#skydd-solution-principle h3,#skydd-solution-principle h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

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

#skydd-solution-principle .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:16px;}
#skydd-solution-principle .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}

#skydd-solution-principle .accent{color:var(--orange);}
#skydd-solution-principle .link-arrow{font-size:13.5px;font-weight:600;color:var(--orange);display:inline-flex;align-items:center;gap:6px;}
#skydd-solution-principle .link-arrow:hover{text-decoration:underline;}

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

#skydd-solution-principle .icon-ring{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--orange);background:rgba(245,158,11,0.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#skydd-solution-principle .icon-ring svg{width:22px;height:22px;color:var(--orange);}

#skydd-solution-principle .ph{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg, rgba(15,23,42,0.04) 0px, rgba(15,23,42,0.04) 1px, transparent 1px, transparent 14px),linear-gradient(160deg,#F1F5F9,#E2E8F0 70%);display:flex;align-items:flex-end;}
#skydd-solution-principle .ph-label{padding:14px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.03em;line-height:1.5;width:100%;color:#475569;background:linear-gradient(to top, rgba(255,255,255,0.75), transparent);}

/* ---- section-specific ---- */
#skydd-solution-principle.principle-section{background:var(--white);background-image:radial-gradient(var(--grey-line) 1px, transparent 1px);background-size:26px 26px;background-position:-10px -10px;}
#skydd-solution-principle .principle-top{display:grid;grid-template-columns:1.15fr 0.85fr;gap:60px;align-items:center;margin-bottom:64px;}
#skydd-solution-principle .principle-copy h2{font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.18;margin-bottom:20px;}
#skydd-solution-principle .principle-copy > p{color:var(--ink-soft);font-size:16px;max-width:480px;}
#skydd-solution-principle .principle-art{position:relative;}
#skydd-solution-principle .principle-media{height:280px;overflow:hidden;}
#skydd-solution-principle .principle-media img{width:100%;height:100%;object-fit:cover;display:block;}
#skydd-solution-principle .art-tag{position:absolute;top:-14px;right:-8px;background:var(--white);border:1px solid var(--grey-line);padding:10px 14px;font-size:12px;color:var(--ink-soft);line-height:1.4;box-shadow:0 8px 20px -8px rgba(15,23,42,0.15);}
#skydd-solution-principle .art-tag-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:6px;}
@media(max-width:900px){
  #skydd-solution-principle .principle-top{grid-template-columns:1fr;gap:32px;}
  #skydd-solution-principle .principle-art{order:-1;}
}

#skydd-solution-principle .factor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--grey-line);border-top:1px solid var(--grey-line);border-bottom:1px solid var(--grey-line);margin-bottom:36px;}
#skydd-solution-principle .factor-card{background:var(--white);padding:26px 18px;}
#skydd-solution-principle .factor-card .fc-num{font-family:var(--font-mono);font-size:11px;color:var(--orange);margin-bottom:14px;}
#skydd-solution-principle .factor-card .icon-ring{margin-bottom:16px;}
#skydd-solution-principle .factor-card h4{font-size:14.5px;font-weight:700;margin-bottom:8px;}
#skydd-solution-principle .factor-card p{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:0;}
@media(max-width:940px){#skydd-solution-principle .factor-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){#skydd-solution-principle .factor-grid{grid-template-columns:repeat(2,1fr);}}

#skydd-solution-principle .principle-callout{background:var(--navy-deep);color:var(--white);padding:36px 40px;display:flex;align-items:center;gap:28px;position:relative;overflow:hidden;}
#skydd-solution-principle .principle-callout::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);background-size:16px 16px;pointer-events:none;}
#skydd-solution-principle .callout-icon-wrap{position:relative;width:64px;height:64px;flex-shrink:0;}
#skydd-solution-principle .callout-icon-wrap::before,#skydd-solution-principle .callout-icon-wrap::after{content:"";position:absolute;width:14px;height:14px;}
#skydd-solution-principle .callout-icon-wrap::before{top:-4px;left:-4px;border-top:2px solid var(--orange);border-left:2px solid var(--orange);}
#skydd-solution-principle .callout-icon-wrap::after{bottom:-4px;right:-4px;border-bottom:2px solid var(--orange);border-right:2px solid var(--orange);}
#skydd-solution-principle .callout-icon{width:100%;height:100%;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;}
#skydd-solution-principle .callout-icon svg{width:26px;height:26px;color:var(--navy-deep);}
#skydd-solution-principle .callout-divider{width:1px;align-self:stretch;background:rgba(255,255,255,0.15);flex-shrink:0;}
#skydd-solution-principle .callout-body{flex:1;position:relative;z-index:1;}
#skydd-solution-principle .callout-body h3{color:var(--white);font-size:19px;font-weight:700;margin-bottom:8px;}
#skydd-solution-principle .callout-body p{color:#94A3B8;font-size:13.5px;max-width:520px;margin:0;}
#skydd-solution-principle .callout-link{flex-shrink:0;position:relative;z-index:1;white-space:nowrap;}
@media(max-width:860px){
  #skydd-solution-principle .principle-callout{flex-direction:column;align-items:flex-start;gap:18px;}
  #skydd-solution-principle .callout-divider{display:none;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6e86a5 *//* ================================================================
   SOLUTIONS PAGE — SECTION 03: THE SKYDD SOLUTION SYSTEM — self-contained
   v3 — simplified: text-left + 2x2 card grid (desktop/tablet),
        stacked icon-left cards (mobile). No hub / connector lines.
   ================================================================ */

@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-solution-system{
  --navy:#0F172A;--navy-deep:#0A1120;--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.6;
}
#skydd-solution-system *{box-sizing:border-box;}
#skydd-solution-system svg{display:block;max-width:100%;}
#skydd-solution-system h2,#skydd-solution-system h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

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

#skydd-solution-system .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:16px;}
#skydd-solution-system .accent{color:var(--orange);}

#skydd-solution-system .section-head h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.18;}
#skydd-solution-system .section-head p{margin-top:14px;color:var(--ink-soft);font-size:15.5px;}

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

#skydd-solution-system .icon-ring{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--orange);background:rgba(245,158,11,0.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#skydd-solution-system .icon-ring svg{width:24px;height:24px;color:var(--orange);}

/* ---- section background ---- */
#skydd-solution-system.system-section{background:var(--white);}

/* ---- overall layout: text-left / cards-right ---- */
#skydd-solution-system .system-layout{
  display:grid;
  grid-template-columns:0.85fr 1.3fr;
  grid-template-rows:auto auto;
  column-gap:56px;row-gap:28px;
  grid-template-areas:
    "head cards"
    "callout cards";
  align-items:start;
}
#skydd-solution-system .system-head{grid-area:head;}
#skydd-solution-system .system-cards{grid-area:cards;}
#skydd-solution-system .system-callout-wrap{grid-area:callout;}

/* ---- 2x2 card grid (desktop/tablet) ---- */
#skydd-solution-system .system-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
#skydd-solution-system .sys-card{background:var(--navy-deep);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:28px 26px;color:var(--white);}
#skydd-solution-system .sys-card .icon-ring{margin-bottom:16px;}
#skydd-solution-system .sys-num{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--orange);margin-bottom:8px;}
#skydd-solution-system .sys-tag{display:none;font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;color:var(--orange);text-transform:uppercase;margin-bottom:6px;}
#skydd-solution-system .sys-card h3{color:var(--white);font-size:18px;font-weight:700;margin-bottom:8px;}
#skydd-solution-system .sys-card p{color:#94A3B8;font-size:13px;margin:0;}
#skydd-solution-system .sys-arrow{display:inline-block;margin-top:16px;color:var(--orange);font-size:16px;font-weight:700;}

/* ---- compact "one partner" callout (left column, desktop/tablet) ---- */
#skydd-solution-system .system-callout{background:var(--navy-deep);border-radius:14px;padding:26px 24px;color:var(--white);}
#skydd-solution-system .callout-icon-wrap{position:relative;width:48px;height:48px;flex-shrink:0;margin-bottom:16px;}
#skydd-solution-system .callout-icon-wrap::before,#skydd-solution-system .callout-icon-wrap::after{content:"";position:absolute;width:12px;height:12px;}
#skydd-solution-system .callout-icon-wrap::before{top:-4px;left:-4px;border-top:2px solid var(--orange);border-left:2px solid var(--orange);}
#skydd-solution-system .callout-icon-wrap::after{bottom:-4px;right:-4px;border-bottom:2px solid var(--orange);border-right:2px solid var(--orange);}
#skydd-solution-system .callout-icon{width:100%;height:100%;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;}
#skydd-solution-system .callout-icon svg{width:22px;height:22px;color:var(--navy-deep);}
#skydd-solution-system .system-callout h3{color:var(--white);font-size:17px;font-weight:800;margin-bottom:8px;line-height:1.3;}
#skydd-solution-system .system-callout p{color:#94A3B8;font-size:13px;margin:0;}

/* ---- tablet: keep 2-col layout, narrow the gap slightly ---- */
@media(max-width:1000px){
  #skydd-solution-system .system-layout{column-gap:36px;}
}

/* ---- mobile: single column, head → cards → callout, cards become horizontal rows ---- */
@media(max-width:760px){
  #skydd-solution-system .system-layout{
    display:block;
  }
  #skydd-solution-system .system-head{margin-bottom:32px;}
  #skydd-solution-system .system-cards{display:block;margin-bottom:20px;}
  #skydd-solution-system .sys-card{
    display:flex;align-items:center;gap:16px;
    padding:18px 36px 18px 18px;margin-bottom:14px;
    position:relative;border-radius:12px;
  }
  #skydd-solution-system .sys-card .icon-ring{width:54px;height:54px;margin-bottom:0;}
  #skydd-solution-system .sys-card .icon-ring svg{width:22px;height:22px;}
  #skydd-solution-system .sys-card-body{flex:1;min-width:0;}
  #skydd-solution-system .sys-num{display:none;}
  #skydd-solution-system .sys-tag{display:block;}
  #skydd-solution-system .sys-card h3{font-size:16.5px;margin-bottom:4px;}
  #skydd-solution-system .sys-card p{font-size:12.5px;}
  #skydd-solution-system .sys-arrow{display:none;}
  #skydd-solution-system .sys-card::after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:translateY(-50%) rotate(45deg);}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-428d11e *//* ================================================================
   SOLUTIONS PAGE — SECTION 04: ROOFTOP SOLAR — self-contained
   ================================================================ */

@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-rooftop-solar{
  --navy:#0F172A;--orange:#F59E0B;--white:#FFFFFF;
  --grey-line:#E2E8F0;--ink:#0F172A;--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:var(--ink);line-height:1.6;
}
#skydd-rooftop-solar *{box-sizing:border-box;}
#skydd-rooftop-solar a{color:inherit;text-decoration:none;}
#skydd-rooftop-solar h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

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

#skydd-rooftop-solar .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:16px;}
#skydd-rooftop-solar .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#skydd-rooftop-solar .link-arrow{font-size:13.5px;font-weight:600;color:var(--orange);display:inline-flex;align-items:center;gap:6px;}
#skydd-rooftop-solar .link-arrow:hover{text-decoration:underline;}

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

#skydd-rooftop-solar .ph{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg, rgba(15,23,42,0.05) 0px, rgba(15,23,42,0.05) 1px, transparent 1px, transparent 14px),linear-gradient(160deg,#E2E8F0,#CBD5E1 65%,#94A3B8);display:flex;align-items:flex-end;color:#334155;}
#skydd-rooftop-solar .ph-label{padding:14px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.03em;line-height:1.5;width:100%;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);color:#E2E8F0;}

/* ---- section-specific ---- */
#skydd-rooftop-solar .rooftop-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
#skydd-rooftop-solar .rooftop-layout .ph{height:100%;min-height:380px;}
#skydd-rooftop-solar .rooftop-copy h2{font-size:clamp(24px,3.2vw,36px);font-weight:700;line-height:1.2;margin-bottom:16px;}
#skydd-rooftop-solar .rooftop-copy > p{color:var(--ink-soft);font-size:15.5px;margin-bottom:28px;}
#skydd-rooftop-solar .rooftop-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;}
#skydd-rooftop-solar .rooftop-group h5{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:0.08em;color:var(--orange);margin:0 0 12px;}
#skydd-rooftop-solar .rooftop-group ul{list-style:none;margin:0;padding:0;}
#skydd-rooftop-solar .rooftop-group ul li{font-size:14px;color:var(--ink-soft);padding:7px 0;border-top:1px solid var(--grey-line);}
#skydd-rooftop-solar .rooftop-group ul li:first-child{border-top:none;}
#skydd-rooftop-solar .rooftop-footnote{font-size:12.5px;color:var(--ink-faint);margin-top:24px;}
@media(max-width:860px){
  #skydd-rooftop-solar .rooftop-layout{grid-template-columns:1fr;gap:32px;}
  #skydd-rooftop-solar .rooftop-layout .ph{min-height:260px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dfbe162 *//* ================================================================
   SOLUTIONS PAGE — SECTION 05: LARGE-SCALE SOLAR — self-contained
   ================================================================ */

@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-largescale-solar{
  --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);line-height:1.6;
}
#skydd-largescale-solar *{box-sizing:border-box;}
#skydd-largescale-solar h2,#skydd-largescale-solar h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--white);}

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

#skydd-largescale-solar .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:16px;}
#skydd-largescale-solar .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}

#skydd-largescale-solar .section-head{max-width:700px;margin-bottom:44px;}
#skydd-largescale-solar .section-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;}
#skydd-largescale-solar .section-head p{margin-top:14px;color:#94A3B8;font-size:16px;}

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

/* ---- section-specific ---- */
#skydd-largescale-solar.largescale-section{background:var(--navy-deep);color:var(--white);}
#skydd-largescale-solar .largescale-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);margin-top:8px;}
#skydd-largescale-solar .ls-card{background:var(--navy-deep);padding:26px 22px;}
#skydd-largescale-solar .ls-card .ls-num{font-family:var(--font-mono);font-size:11px;color:var(--orange);margin-bottom:12px;}
#skydd-largescale-solar .ls-card h4{font-size:15.5px;font-weight:700;margin-bottom:8px;}
#skydd-largescale-solar .ls-card p{font-size:12.5px;color:#94A3B8;margin:0;}
@media(max-width:860px){#skydd-largescale-solar .largescale-list{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){
  #skydd-largescale-solar .largescale-list{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;-webkit-overflow-scrolling:touch;}
  #skydd-largescale-solar .largescale-list::-webkit-scrollbar{display:none;}
  #skydd-largescale-solar .ls-card{flex:0 0 78%;scroll-snap-align:start;border-right:1px solid rgba(255,255,255,0.1);}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dc6246 *//* ================================================================
   SOLUTIONS PAGE — SECTION 06: ENERGY STORAGE — self-contained
   ================================================================ */

@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-energy-storage{
  --navy:#0F172A;--navy-deep:#0A1120;--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.6;
}
#skydd-energy-storage *{box-sizing:border-box;}
#skydd-energy-storage svg{display:block;max-width:100%;}
#skydd-energy-storage h2,#skydd-energy-storage h4,#skydd-energy-storage h5{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

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

#skydd-energy-storage .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:16px;}
#skydd-energy-storage .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#skydd-energy-storage .accent{color:var(--orange);}

#skydd-energy-storage .section-head{max-width:700px;margin-bottom:44px;}
#skydd-energy-storage .section-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;}
#skydd-energy-storage .section-head p{margin-top:14px;color:var(--ink-soft);font-size:16px;}

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

#skydd-energy-storage .icon-ring{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--orange);background:rgba(245,158,11,0.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#skydd-energy-storage .icon-ring svg{width:22px;height:22px;color:var(--orange);}

#skydd-energy-storage .ph{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 14px),linear-gradient(160deg,#1E293B,#0F172A 60%,#0A1120);display:flex;align-items:flex-end;color:#CBD5E1;}
#skydd-energy-storage .ph-label{padding:14px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.03em;line-height:1.5;width:100%;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);color:#E2E8F0;}

/* ---- section-specific ---- */
#skydd-energy-storage .storage-top{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;margin-bottom:60px;}
#skydd-energy-storage .storage-copy h2{font-size:clamp(24px,3.2vw,36px);font-weight:700;line-height:1.2;margin-bottom:16px;}
#skydd-energy-storage .storage-copy > p{color:var(--ink-soft);font-size:15.5px;margin:0;}
#skydd-energy-storage .storage-media{height:320px;}
@media(max-width:900px){
  #skydd-energy-storage .storage-top{grid-template-columns:1fr;gap:30px;}
  #skydd-energy-storage .storage-media{order:-1;height:240px;}
}

#skydd-energy-storage .storage-flow-diagram{display:flex;justify-content:space-between;gap:16px;position:relative;margin-bottom:56px;}
#skydd-energy-storage .storage-node{flex:1;text-align:center;position:relative;}
#skydd-energy-storage .storage-node .sn-num{font-family:var(--font-mono);font-size:11px;color:var(--orange);margin-bottom:14px;}
#skydd-energy-storage .storage-node .icon-ring{margin:0 auto 16px;}
#skydd-energy-storage .storage-node h4{font-size:16px;font-weight:700;margin-bottom:8px;}
#skydd-energy-storage .storage-node p{font-size:12.5px;color:var(--ink-soft);max-width:180px;margin:0 auto;}
#skydd-energy-storage .storage-node:not(:last-child)::after{content:"";position:absolute;top:66px;left:calc(50% + 46px);right:calc(-50% + 46px);border-top:1.5px dashed var(--grey-line);}
#skydd-energy-storage .storage-node:not(:last-child)::before{content:"▸";position:absolute;top:60px;right:calc(-50% + 40px);color:var(--orange);font-size:13px;z-index:2;}
@media(max-width:900px){
  #skydd-energy-storage .storage-flow-diagram{flex-direction:column;position:relative;padding-left:58px;gap:0;margin-bottom:44px;}
  #skydd-energy-storage .storage-flow-diagram::before{content:"";position:absolute;left:20px;top:8px;bottom:8px;width:1px;background:rgba(15,23,42,0.15);}
  #skydd-energy-storage .storage-node{flex:none;display:grid;grid-template-columns:52px 1fr;column-gap:14px;text-align:left;padding:12px 26px 12px 0;margin:0;position:relative;}
  #skydd-energy-storage .storage-flow-diagram .storage-node .icon-ring{grid-column:1;grid-row:1 / span 3;align-self:center;margin:0;}
  #skydd-energy-storage .storage-node .sn-num{grid-column:2;margin-bottom:2px;}
  #skydd-energy-storage .storage-node h4{grid-column:2;margin-bottom:3px;font-size:15px;}
  #skydd-energy-storage .storage-node p{grid-column:2;max-width:none;margin:0;text-align:left;font-size:12px;}
  #skydd-energy-storage .storage-flow-diagram .storage-node::before{content:"";position:absolute;left:-38px;top:24px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--white);z-index:2;}
  #skydd-energy-storage .storage-flow-diagram .storage-node::after{content:"";position:absolute;right:2px;top:24px;width:8px;height:8px;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:rotate(45deg);}
}
@media(max-width:420px){
  #skydd-energy-storage .storage-flow-diagram{padding-left:50px;}
  #skydd-energy-storage .storage-flow-diagram::before{left:16px;}
  #skydd-energy-storage .storage-flow-diagram .storage-node::before{left:-34px;}
  #skydd-energy-storage .storage-node .icon-ring{width:44px;height:44px;}
  #skydd-energy-storage .storage-node .icon-ring svg{width:19px;height:19px;}
}

#skydd-energy-storage .storage-bottom{background-color:rgba(15,23,42,0.08);display:grid;grid-template-columns:1fr 1fr;gap:1px;}
#skydd-energy-storage .storage-bottom-col{background:var(--navy-deep);padding:36px 38px;}
#skydd-energy-storage .storage-needs h5{font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--orange);margin:0 0 20px;}
#skydd-energy-storage .storage-needs ul{list-style:none;margin:0;padding:0;}
#skydd-energy-storage .storage-needs ul li{display:flex;align-items:center;gap:10px;font-size:14px;color:#E2E8F0;padding:8px 0;}
#skydd-energy-storage .storage-needs ul li svg{width:16px;height:16px;color:var(--orange);flex-shrink:0;}
#skydd-energy-storage .storage-performance{display:flex;flex-direction:column;justify-content:center;}
#skydd-energy-storage .storage-performance .icon-ring{margin-bottom:16px;}
#skydd-energy-storage .storage-performance h4{color:var(--white);font-size:18px;font-weight:800;margin-bottom:10px;}
#skydd-energy-storage .storage-performance p{color:#94A3B8;font-size:13.5px;margin:0;}
@media(max-width:760px){#skydd-energy-storage .storage-bottom{grid-template-columns:1fr;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bd6ad9 *//* ================================================================
   SOLUTIONS PAGE — SECTION 07: INTEGRATED ENERGY SYSTEMS — self-contained
   ================================================================ */

@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-integrated-systems{
  --navy:#0F172A;--navy-deep:#0A1120;--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.6;
}
#skydd-integrated-systems *{box-sizing:border-box;}
#skydd-integrated-systems svg{display:block;max-width:100%;}
#skydd-integrated-systems h2,#skydd-integrated-systems h3,#skydd-integrated-systems h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

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

#skydd-integrated-systems .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:16px;}
#skydd-integrated-systems .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#skydd-integrated-systems .accent{color:var(--orange);}

#skydd-integrated-systems .icon-ring{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--orange);background:rgba(245,158,11,0.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#skydd-integrated-systems .icon-ring svg{width:22px;height:22px;color:var(--orange);}

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

#skydd-integrated-systems .ph{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 14px),linear-gradient(160deg,#1E293B,#0F172A 60%,#0A1120);display:flex;align-items:flex-end;color:#CBD5E1;}
#skydd-integrated-systems .ph-label{padding:14px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.03em;line-height:1.5;width:100%;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);color:#E2E8F0;}

/* ---- section-specific ---- */
#skydd-integrated-systems .integrate-hero{position:relative;background:var(--navy-deep);color:var(--white);overflow:hidden;padding:88px 0 68px;}
#skydd-integrated-systems .integrate-hero .ph{position:absolute;inset:0;height:100%;opacity:0.4;}
#skydd-integrated-systems .integrate-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg, rgba(10,17,32,0.92) 20%, rgba(10,17,32,0.55) 70%);}
#skydd-integrated-systems .integrate-hero-inner{position:relative;z-index:2;max-width:600px;}
#skydd-integrated-systems .integrate-hero-inner .eyebrow{margin-bottom:18px;}
#skydd-integrated-systems .integrate-hero-inner h2{color:var(--white);font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:18px;}
#skydd-integrated-systems .integrate-hero-inner > p{color:#B8C2D6;font-size:16px;max-width:460px;margin:0;}
#skydd-integrated-systems .integrate-hero-divider{width:40px;height:1px;background:var(--orange);margin:24px 0;}
#skydd-integrated-systems .integrate-hero-tag{font-size:15px;font-weight:600;color:#E2E8F0;line-height:1.5;margin:0;}

#skydd-integrated-systems .integrate-pillars-section{background:var(--white);}
#skydd-integrated-systems .pillars-label{text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);margin:0 0 40px;display:flex;align-items:center;justify-content:center;gap:14px;}
#skydd-integrated-systems .pillars-label::before,#skydd-integrated-systems .pillars-label::after{content:"";width:26px;height:1px;background:var(--orange);}
#skydd-integrated-systems .pillars-row{display:flex;align-items:stretch;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:36px;}
#skydd-integrated-systems .pillar-card{flex:1 1 250px;max-width:280px;border:1px solid var(--grey-line);padding:32px 26px;text-align:center;background:var(--white);}
#skydd-integrated-systems .pillar-card .icon-ring{margin:0 auto 18px;}
#skydd-integrated-systems .pillar-card h4{font-size:15.5px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:10px;}
#skydd-integrated-systems .pillar-card p{font-size:13px;color:var(--ink-soft);margin:0;}
#skydd-integrated-systems .pillar-connector{align-self:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:var(--navy-deep);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex:0 0 auto;}
#skydd-integrated-systems .pillars-arrow-down{display:flex;justify-content:center;margin-bottom:-1px;}
#skydd-integrated-systems .pillars-arrow-down .pillar-connector svg{width:16px;height:16px;}

#skydd-integrated-systems .one-system-box{background:var(--navy-deep);color:var(--white);padding:44px 36px;text-align:center;}
#skydd-integrated-systems .one-system-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);margin:0 0 10px;}
#skydd-integrated-systems .one-system-box h3{color:var(--white);font-size:clamp(20px,2.6vw,28px);font-weight:800;margin-bottom:34px;}
#skydd-integrated-systems .one-system-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}
#skydd-integrated-systems .one-system-item{display:flex;flex-direction:column;align-items:center;gap:12px;}
#skydd-integrated-systems .one-system-item svg{width:26px;height:26px;color:var(--orange);}
#skydd-integrated-systems .one-system-item span{font-size:12px;color:#CBD5E1;line-height:1.4;}
@media(max-width:900px){
  #skydd-integrated-systems .pillars-row{flex-direction:column;align-items:stretch;gap:14px;}
  #skydd-integrated-systems .pillar-card{flex:none;max-width:none;width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:20px 22px;}
  #skydd-integrated-systems .pillar-card .icon-ring{margin:0;flex-shrink:0;}
  #skydd-integrated-systems .pillar-card h4{margin-bottom:4px;}
  #skydd-integrated-systems .pillar-connector{transform:none;margin:-2px auto;width:30px;height:30px;font-size:16px;}
  #skydd-integrated-systems .one-system-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:560px){#skydd-integrated-systems .one-system-grid{grid-template-columns:repeat(2,1fr);}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60e5528 *//* ================================================================
   SOLUTIONS PAGE — SECTION 08: SOLAR EPC — self-contained
   ================================================================ */

@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-solar-epc{
  --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);line-height:1.6;
}
#skydd-solar-epc *{box-sizing:border-box;}
#skydd-solar-epc h2,#skydd-solar-epc h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--white);}

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

#skydd-solar-epc .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:16px;}
#skydd-solar-epc .eyebrow.center{justify-content:center;}
#skydd-solar-epc .eyebrow.center::before{display:none;}

#skydd-solar-epc .section-head{max-width:700px;margin-bottom:44px;}
#skydd-solar-epc .section-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;}
#skydd-solar-epc .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}

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

/* ---- section-specific ---- */
#skydd-solar-epc.epc-section{background:var(--navy-deep);color:var(--white);position:relative;overflow:hidden;}
#skydd-solar-epc.epc-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%, rgba(245,158,11,0.09), transparent 50%);pointer-events:none;}
#skydd-solar-epc .wrap{position:relative;z-index:1;}
#skydd-solar-epc .epc-flow-label{text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--orange);margin-bottom:48px;}
#skydd-solar-epc .timeline{position:relative;max-width:100%;}
#skydd-solar-epc .timeline-track{display:flex;align-items:flex-start;position:relative;}
#skydd-solar-epc .timeline-track::before{content:"";position:absolute;top:24px;left:calc(100%/14);right:calc(100%/14);height:1px;background:rgba(255,255,255,0.14);z-index:0;}
#skydd-solar-epc .tl-step{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;position:relative;z-index:1;}
#skydd-solar-epc .tl-num{position:relative;margin:0 auto 16px;width:44px;height:44px;border-radius:50%;background:var(--navy-deep);border:1.5px solid var(--orange);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--orange);flex-shrink:0;}
#skydd-solar-epc .tl-content h3{font-size:14.5px;font-weight:700;margin-bottom:6px;color:var(--white);}
#skydd-solar-epc .tl-content p{font-size:11.5px;color:#94A3B8;margin:0;}
#skydd-solar-epc .epc-closing{text-align:center;margin-top:52px;font-family:var(--font-head);font-weight:700;font-size:18px;color:var(--white);}
@media(max-width:900px){
  #skydd-solar-epc .timeline-track{display:block;}
  #skydd-solar-epc .timeline-track::before{top:8px;bottom:8px;left:21px;right:auto;height:auto;width:1px;}
  #skydd-solar-epc .tl-step{flex:none;display:block;text-align:left;padding:0 0 26px 58px;position:relative;}
  #skydd-solar-epc .tl-step:last-child{padding-bottom:0;}
  #skydd-solar-epc .tl-num{position:absolute;left:0;top:0;margin:0;width:42px;height:42px;}
  #skydd-solar-epc .tl-content{padding-top:6px;text-align:left;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b45970a *//* ================================================================
   SOLUTIONS PAGE — SECTION 09: ENGINEERED FOR BUSINESS OUTCOMES — self-contained
   ================================================================ */

@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-business-outcomes{
  --navy:#0F172A;--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.6;
}
#skydd-business-outcomes *{box-sizing:border-box;}
#skydd-business-outcomes h2,#skydd-business-outcomes h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

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

#skydd-business-outcomes .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:16px;}
#skydd-business-outcomes .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}

#skydd-business-outcomes .section-head{max-width:700px;margin-bottom:44px;}
#skydd-business-outcomes .section-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;}
#skydd-business-outcomes .section-head p{margin-top:14px;color:var(--ink-soft);font-size:16px;}

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

#skydd-business-outcomes .icon-ring{display:none;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--orange);background:rgba(245,158,11,0.07);align-items:center;justify-content:center;flex-shrink:0;}
#skydd-business-outcomes .icon-ring svg{width:20px;height:20px;color:var(--orange);}

/* ---- section-specific ---- */
#skydd-business-outcomes .outcomes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--grey-line);border:1px solid var(--grey-line);}
#skydd-business-outcomes .outcome-card{background:var(--white);padding:30px 22px;}
#skydd-business-outcomes .outcome-tag{font-family:var(--font-mono);font-size:11px;color:var(--orange);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:14px;}
#skydd-business-outcomes .outcome-card h4{font-size:15px;font-weight:700;margin-bottom:8px;}
#skydd-business-outcomes .outcome-card p{font-size:12.5px;color:var(--ink-soft);margin:0;}
@media(max-width:980px){#skydd-business-outcomes .outcomes-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:700px){
  #skydd-business-outcomes .outcomes-grid{grid-template-columns:1fr;background:none;border:none;gap:0;position:relative;padding-left:58px;}
  #skydd-business-outcomes .outcomes-grid::before{content:"";position:absolute;left:20px;top:8px;bottom:8px;width:1px;background:var(--grey-line);}
  #skydd-business-outcomes .outcome-card{display:flex;align-items:center;gap:16px;padding:14px 26px 14px 0;border:none;position:relative;}
  #skydd-business-outcomes .icon-ring{display:flex;}
  #skydd-business-outcomes .outcome-card-body{flex:1;min-width:0;}
  #skydd-business-outcomes .outcome-tag{margin-bottom:3px;}
  #skydd-business-outcomes .outcome-card h4{margin-bottom:3px;}
  #skydd-business-outcomes .outcome-card::before{content:"";position:absolute;left:-38px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--white);z-index:2;}
  #skydd-business-outcomes .outcome-card::after{content:"";position:absolute;right:2px;top:50%;width:8px;height:8px;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:translateY(-50%) rotate(45deg);}
}
@media(max-width:420px){
  #skydd-business-outcomes .outcomes-grid{padding-left:50px;}
  #skydd-business-outcomes .outcomes-grid::before{left:16px;}
  #skydd-business-outcomes .outcome-card::before{left:-34px;}
  #skydd-business-outcomes .icon-ring{width:40px;height:40px;}
  #skydd-business-outcomes .icon-ring svg{width:17px;height:17px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-661d543 *//* ================================================================
   SOLUTIONS PAGE — SECTION 10: WHICH SOLUTION FITS — self-contained
   ================================================================ */

@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-solution-fit{
  --navy:#0F172A;--orange:#F59E0B;--white:#FFFFFF;--grey-bg:#F8FAFC;
  --grey-line:#E2E8F0;--ink:#0F172A;--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:var(--ink);line-height:1.6;
}
#skydd-solution-fit *{box-sizing:border-box;}
#skydd-solution-fit h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

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

#skydd-solution-fit .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:16px;}
#skydd-solution-fit .eyebrow.center{justify-content:center;}
#skydd-solution-fit .eyebrow.center::before{display:none;}

#skydd-solution-fit .section-head{max-width:700px;margin-bottom:44px;}
#skydd-solution-fit .section-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;}
#skydd-solution-fit .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}

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

/* ---- section-specific ---- */
#skydd-solution-fit.fit-section{background:var(--grey-bg);}
#skydd-solution-fit .fit-table{width:100%;border-collapse:collapse;max-width:900px;margin:0 auto;background:var(--white);}
#skydd-solution-fit .fit-table th{text-align:left;font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink-faint);padding:16px 20px;border-bottom:2px solid var(--navy);}
#skydd-solution-fit .fit-table td{padding:18px 20px;border-bottom:1px solid var(--grey-line);font-size:14.5px;}
#skydd-solution-fit .fit-table td:first-child{font-weight:600;color:var(--navy);}
#skydd-solution-fit .fit-table td:last-child{color:var(--orange);font-weight:600;}
#skydd-solution-fit .fit-table tr:hover td{background:var(--grey-bg);}
@media(max-width:640px){
  #skydd-solution-fit .fit-table thead{display:none;}
  #skydd-solution-fit .fit-table, #skydd-solution-fit .fit-table tbody, #skydd-solution-fit .fit-table tr, #skydd-solution-fit .fit-table td{display:block;width:100%;}
  #skydd-solution-fit .fit-table tr{border:1px solid var(--grey-line);margin-bottom:10px;padding:16px 18px;background:var(--white);}
  #skydd-solution-fit .fit-table td{border:none;padding:4px 0;}
  #skydd-solution-fit .fit-table td:first-child::before{content:"Requirement: ";font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);text-transform:uppercase;display:block;margin-bottom:2px;}
  #skydd-solution-fit .fit-table td:last-child::before{content:"Solution: ";font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);text-transform:uppercase;display:block;margin-bottom:2px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ddb6ab *//* ================================================================
   SOLUTIONS PAGE — SECTION 11: FINAL CTA — self-contained
   ================================================================ */

@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-final-cta{
  --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.6;
}
#skydd-final-cta *{box-sizing:border-box;}
#skydd-final-cta a{color:inherit;text-decoration:none;}
#skydd-final-cta h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--white);}

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

#skydd-final-cta .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%;font-family:var(--font-body);}
#skydd-final-cta .btn-primary{background:var(--orange);color:var(--navy-deep);}
#skydd-final-cta .btn-primary:hover{background:#FFC44D;transform:translateY(-2px);}
#skydd-final-cta .btn-ghost{border:1px solid rgba(255,255,255,0.28);color:var(--white);}
#skydd-final-cta .btn-ghost:hover{border-color:var(--orange);color:var(--orange);}
#skydd-final-cta .btn-arrow{transition:transform .25s ease;flex-shrink:0;}
#skydd-final-cta .btn:hover .btn-arrow{transform:translateX(4px);}

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

#skydd-final-cta .ph{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 14px),linear-gradient(160deg,#1E293B,#0F172A 60%,#0A1120);display:flex;align-items:flex-end;color:#CBD5E1;}
#skydd-final-cta .ph-label{padding:14px 16px;font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:0.03em;line-height:1.5;width:100%;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);color:#E2E8F0;}

/* ---- section-specific ---- */
#skydd-final-cta.final-cta{position:relative;background:var(--navy-deep);color:var(--white);overflow:hidden;}
#skydd-final-cta .ph{position:absolute;inset:0;height:100%;opacity:0.25;}
#skydd-final-cta.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%);}
#skydd-final-cta .final-cta-inner{position:relative;z-index:2;text-align:center;max-width:640px;margin:0 auto;}
#skydd-final-cta .final-cta-inner h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:18px;}
#skydd-final-cta .final-cta-inner p{color:#B8C2D6;font-size:16px;margin-bottom:36px;}
#skydd-final-cta .final-cta-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}/* End custom CSS */