/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* =========================================================================
   DAS HOLDINGS — CORPORATE ENHANCEMENT LAYER
   Author: Build assistant | v1.0.0
   Scope: enhances the existing dm-* homepage design (palette, motion,
   spacing, responsive). Non-destructive. Remove this block to revert.
   ========================================================================= */
:root{
  --das-navy:#06111F;
  --das-navy-2:#0B1F33;
  --das-light:#F5F7FA;
  --das-ink:#111827;
  --das-text-1:#FFFFFF;
  --das-text-2:#E5E7EB;
  --das-text-3:#CBD5E1;
  --das-red:#E31E24;
  --das-cyan:#22D3EE;
  --das-border:rgba(255,255,255,.12);
  --das-glass:rgba(255,255,255,.06);
  --das-container:1280px;
  --das-radius:22px;
}

/* ---- Container rhythm ---- */
.dm-container{max-width:var(--das-container)!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;}
#dm-home .dm-sec{padding-top:clamp(56px,9vw,120px)!important;padding-bottom:clamp(56px,9vw,120px)!important;}

/* ---- Sticky header: transparent on top, navy + blur on scroll ---- */
#dm-home .dm-header{position:sticky;top:0;z-index:999;transition:background .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;}
body.das-scrolled #dm-home .dm-header{background:rgba(6,17,31,.82)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--das-border);box-shadow:0 8px 30px rgba(0,0,0,.35);}
/* Hover accent line under menu items */
#dm-home .dm-header a{position:relative;}
#dm-home .dm-header nav a::after, #dm-home .dm-header .dm-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--das-red),var(--das-cyan));transition:right .3s ease;}
#dm-home .dm-header nav a:hover::after, #dm-home .dm-header .dm-nav a:hover::after{right:0;}

/* ---- Scroll reveal (driven by das-motion JS) ---- */
.das-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1);will-change:opacity,transform;}
.das-reveal.das-in{opacity:1;transform:none;}

/* ---- Card hover polish (capabilities, fields, news, etc.) ---- */
#dm-home .dm-cap .dm-card, #dm-home [class*="dm-card"], #dm-home .dm-fields .dm-field-card, #dm-home .dm-news article, #dm-home .dm-news .dm-news-item{
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
#dm-home .dm-cap .dm-card:hover, #dm-home [class*="dm-card"]:hover, #dm-home .dm-fields .dm-field-card:hover, #dm-home .dm-news article:hover, #dm-home .dm-news .dm-news-item:hover{
  transform:translateY(-6px);
  border-color:rgba(34,211,238,.45)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.45), 0 0 0 1px rgba(34,211,238,.15);
}
/* News image zoom on hover */
#dm-home .dm-news img{transition:transform .6s ease;}
#dm-home .dm-news a:hover img, #dm-home .dm-news article:hover img{transform:scale(1.06);}

/* ---- CTA glow ---- */
#dm-home .dm-btn-primary, #dm-home a.dm-cta, #dm-home .dm-hero a[class*="primary"]{transition:transform .25s ease, box-shadow .3s ease, filter .3s ease;}
#dm-home .dm-btn-primary:hover, #dm-home a.dm-cta:hover, #dm-home .dm-hero a[class*="primary"]:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(227,30,36,.35);}

/* ---- Ecosystem node pulse ---- */
@keyframes dasPulse{0%{box-shadow:0 0 0 0 rgba(34,211,238,.45);}70%{box-shadow:0 0 0 14px rgba(34,211,238,0);}100%{box-shadow:0 0 0 0 rgba(34,211,238,0);}}
#dm-home .dm-eco .dm-node, #dm-home .dm-eco [class*="node"]{animation:dasPulse 2.8s infinite;}
#dm-home .dm-eco .dm-node:hover{filter:brightness(1.15);}

/* ---- Footer copyright cleanup (hide stray Flatsome credit if present) ---- */
.absolute-footer .copyright-footer{font-size:13px;opacity:.75;}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width:1024px){
  .dm-container{padding-left:20px!important;padding-right:20px!important;}
}
@media (max-width:768px){
  #dm-home .dm-sec{padding-top:clamp(48px,12vw,72px)!important;padding-bottom:clamp(48px,12vw,72px)!important;}
  #dm-home .dm-hero h1{font-size:clamp(2.1rem,9vw,3rem)!important;line-height:1.05!important;}
  #dm-home, #dm-home *{max-width:100%;}
  html,body{overflow-x:hidden;}
}
@media (max-width:430px){
  .dm-container{padding-left:16px!important;padding-right:16px!important;}
  #dm-home .dm-hero h1{font-size:clamp(1.9rem,11vw,2.4rem)!important;}
}

/* ---- Respect reduced motion ---- */
@media (prefers-reduced-motion: reduce){
  .das-reveal{opacity:1!important;transform:none!important;transition:none!important;}
  #dm-home .dm-eco .dm-node, #dm-home .dm-eco [class*="node"]{animation:none!important;}
  *{scroll-behavior:auto!important;}
}


/* =========================================================================
   DAS HOLDINGS — CORPORATE ENHANCEMENT LAYER v1.1.0
   Adds: unified modern sans-serif typography, navy consistency for light
   sections, refined card glow, number-counter styles, motion polish.
   Non-destructive. Scoped to html body #dm-home. Remove this block to revert.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&display=swap');

/* ---- 1. Unify typography: one modern sans-serif everywhere ---- */
html body #dm-home, html body #dm-home *, .das-header, .das-header *, .dm-footer, .dm-footer *{
  font-family:'Be Vietnam Pro','Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
}
html body #dm-home h1,html body #dm-home h2,html body #dm-home h3,html body #dm-home .dm-h2,html body #dm-home .dm-title,
html body #dm-home [class*='-title'],html body #dm-home [class*='-h2']{
  font-weight:800 !important;letter-spacing:-.01em !important;font-style:normal !important;
}

/* ---- 2. Force navy on any light/white section (kills template feel) ---- */
html body #dm-home .dm-cap,html body #dm-home .dm-sec.dm-cap{background:var(--das-navy,#06111F) !important;}
html body #dm-home .dm-cap *{color:var(--das-text-2,#E5E7EB);}
html body #dm-home .dm-cap h2,html body #dm-home .dm-cap .dm-h2{color:#fff !important;}
html body #dm-home .dm-cap [class*='num'],html body #dm-home .dm-cap .dm-cap-num{color:rgba(34,211,238,.55) !important;}

/* ---- 3. Refined premium cards: thin border, glass, dual cyan/red glow ---- */
html body #dm-home .dm-card,html body #dm-home .dm-cap-item,html body #dm-home .dm-eco-card,html body #dm-home .dm-field-card{
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) !important;
  border:1px solid var(--das-border,rgba(255,255,255,.12)) !important;
  border-radius:var(--das-radius,22px) !important;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.55) !important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s ease,box-shadow .45s ease !important;
}
html body #dm-home .dm-card:hover,html body #dm-home .dm-cap-item:hover,html body #dm-home .dm-eco-card:hover,html body #dm-home .dm-field-card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(34,211,238,.55) !important;
  box-shadow:0 24px 48px -18px rgba(0,0,0,.7),0 0 0 1px rgba(34,211,238,.25),0 0 34px -6px rgba(34,211,238,.35) !important;
}

/* ---- 4. Buttons: clear, soft-rounded, tasteful hover glow ---- */
html body #dm-home a.dm-btn,html body #dm-home .dm-btn,html body #dm-home button.dm-btn{
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease !important;
}
html body #dm-home a.dm-btn:hover,html body #dm-home .dm-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 12px 28px -8px rgba(227,30,36,.5),0 0 20px -4px rgba(34,211,238,.35) !important;
  filter:brightness(1.05);
}

/* ---- 5. Number counter / reveal motion polish ---- */
.das-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform;}
.das-reveal.is-in{opacity:1;transform:none;}

/* ---- 6. Section breathing room ---- */
html body #dm-home .dm-sec{padding-top:clamp(60px,9vw,128px) !important;padding-bottom:clamp(60px,9vw,128px) !important;}

/* ---- 7. Responsive + reduced-motion safeguards ---- */
@media (max-width:768px){
  html body #dm-home .dm-card:hover,html body #dm-home .dm-cap-item:hover{transform:none !important;}
}
@media (prefers-reduced-motion:reduce){
  .das-reveal{transition:none !important;opacity:1 !important;transform:none !important;}
  html body #dm-home *{animation:none !important;}
}


/* ---- v1.1.1 specificity patch ---- */
html body #dm-home h1, html body #dm-home h2, html body #dm-home h3,
html body #dm-home h4, html body #dm-home .dm-h2, html body #dm-home [class*='title']{
  font-family:'Be Vietnam Pro','Kanit',system-ui,sans-serif !important;
  font-style:normal !important;font-weight:800 !important;letter-spacing:-.01em !important;
}
html body #dm-home .dm-about h2, html body #dm-home .dm-cap h2,
html body #dm-home .dm-fields h2, html body #dm-home .dm-eco h2,
html body #dm-home .dm-market h2, html body #dm-home .dm-sust h2,
html body #dm-home .dm-news h2{font-family:'Be Vietnam Pro','Kanit',sans-serif !important;}
html body #dm-home .dm-cap, html body #dm-home section.dm-cap,
html body #dm-home .dm-sec.dm-cap{background:#06111F !important;}
html body #dm-home .dm-cap h2,html body #dm-home .dm-cap h3{color:#fff !important;}
html body #dm-home .dm-cap p,html body #dm-home .dm-cap span,
html body #dm-home .dm-cap li{color:#CBD5E1 !important;}


/* ============================================================
   ENHANCEMENT LAYER v1.2.0 - DAS Corporate (hero + motion + stats)
   ============================================================ */
html body #dm-home .dm-hero-visual::after{ content:none !important; display:none !important; }
html body #dm-home .dm-hero-visual{ position:relative; border-radius:18px; overflow:hidden; box-shadow:0 24px 60px -24px rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.08); }
html body #dm-home .dm-hero-visual img{ opacity:1 !important; width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
html body #dm-home .dm-hero-visual:hover img{ transform:scale(1.04); }
html body #dm-home .dm-hero-visual::before{ content:''; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:18px; background:linear-gradient(135deg, rgba(225,29,46,.10) 0%, rgba(0,0,0,0) 40%, rgba(34,211,238,.10) 100%); }
html body #dm-home .das-reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); will-change:opacity,transform; }
html body #dm-home .das-reveal.is-visible{ opacity:1 !important; transform:none !important; }
html body #dm-home .das-stagger > *{ opacity:0; transform:translateY(30px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1); }
html body #dm-home .das-stagger.is-visible > *{ opacity:1 !important; transform:none !important; }
html body #dm-home .das-stagger.is-visible > *:nth-child(1){ transition-delay:.05s; }
html body #dm-home .das-stagger.is-visible > *:nth-child(2){ transition-delay:.13s; }
html body #dm-home .das-stagger.is-visible > *:nth-child(3){ transition-delay:.21s; }
html body #dm-home .das-stagger.is-visible > *:nth-child(4){ transition-delay:.29s; }
html body #dm-home .das-stagger.is-visible > *:nth-child(5){ transition-delay:.37s; }
html body #dm-home .das-stagger.is-visible > *:nth-child(6){ transition-delay:.45s; }
html body #dm-home .dm-hero .das-hr-line{ opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
html body #dm-home .dm-hero.das-hero-in .das-hr-line{ opacity:1 !important; transform:none !important; }
html body #dm-home .das-stat-num{ font-variant-numeric:tabular-nums; }
@media (max-width:768px){
  html body #dm-home .das-reveal{ transform:translateY(16px); transition-duration:.5s; }
  html body #dm-home .das-stagger > *{ transform:translateY(16px); transition-duration:.45s; }
  html body #dm-home .dm-hero-visual:hover img{ transform:none; }
}
@media (prefers-reduced-motion:reduce){
  html body #dm-home .das-reveal,
  html body #dm-home .das-stagger > *,
  html body #dm-home .dm-hero .das-hr-line{ opacity:1 !important; transform:none !important; transition:none !important; }
  html body #dm-home .dm-hero-visual img{ transition:none !important; }
}


/* ============================================================
   ENHANCEMENT LAYER v1.3.0 - DAS Corporate (dark theme unify: msg/sust/news + final CTA + cleanup)
   ============================================================ */
html body [class*="das3d"]{ display:none !important; }
html body #dm-home .dm-msg{ background:#06111F !important; }
html body #dm-home .dm-msg, html body #dm-home .dm-msg *{ color:#E5E7EB; }
html body #dm-home .dm-msg h2, html body #dm-home .dm-msg h3, html body #dm-home .dm-msg .dm-eyebrow{ color:#FFFFFF !important; }
html body #dm-home .dm-msg-card{ background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:18px; box-shadow:0 20px 50px -28px rgba(0,0,0,.7); backdrop-filter:blur(6px); }
html body #dm-home .dm-msg-card p, html body #dm-home .dm-msg-card span, html body #dm-home .dm-msg-card li{ color:#CBD5E1 !important; }
html body #dm-home .dm-sust{ background:#081827 !important; }
html body #dm-home .dm-sust-bg{ opacity:.25; }
html body #dm-home .dm-sust, html body #dm-home .dm-sust *{ color:#E5E7EB; }
html body #dm-home .dm-sust h2, html body #dm-home .dm-sust h3, html body #dm-home .dm-sust .dm-eyebrow{ color:#FFFFFF !important; }
html body #dm-home .dm-sust-lead{ color:#CBD5E1 !important; }
html body #dm-home .dm-sust-card{ background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:16px; transition:transform .4s ease, border-color .4s ease, box-shadow .4s ease; }
html body #dm-home .dm-sust-card:hover{ transform:translateY(-4px); border-color:rgba(34,211,238,.45) !important; box-shadow:0 18px 40px -20px rgba(34,211,238,.30); }
html body #dm-home .dm-sust-tx, html body #dm-home .dm-sust-card p, html body #dm-home .dm-sust-card span{ color:#CBD5E1 !important; }
html body #dm-home .dm-sust-ic{ color:#22D3EE !important; }
html body #dm-home .dm-news{ background:#06111F !important; }
html body #dm-home .dm-news, html body #dm-home .dm-news *{ color:#E5E7EB; }
html body #dm-home .dm-news h2, html body #dm-home .dm-news h3, html body #dm-home .dm-news h4, html body #dm-home .dm-news .dm-eyebrow{ color:#FFFFFF !important; }
html body #dm-home .dm-news-card{ background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:16px; overflow:hidden; transition:transform .45s ease, border-color .45s ease, box-shadow .45s ease; }
html body #dm-home .dm-news-card:hover{ transform:translateY(-5px); border-color:rgba(225,29,46,.45) !important; box-shadow:0 20px 45px -22px rgba(225,29,46,.30); }
html body #dm-home .dm-news-card p, html body #dm-home .dm-news-card span, html body #dm-home .dm-news-card .dm-news-meta, html body #dm-home .dm-news-card time{ color:#CBD5E1 !important; }
html body #dm-home .dm-news-card a{ color:#22D3EE !important; }
html body #dm-home .dm-news-card img{ transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html body #dm-home .dm-news-card:hover img{ transform:scale(1.06); }
html body #dm-home .dm-career{ position:relative; background:radial-gradient(120% 140% at 50% 0%, #0B1A2E 0%, #06111F 60%) !important; overflow:hidden; }
html body #dm-home .dm-career::before{ content:''; position:absolute; left:8%; top:10%; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle, rgba(225,29,46,.22), rgba(225,29,46,0) 70%); filter:blur(20px); pointer-events:none; z-index:0; }
html body #dm-home .dm-career::after{ content:''; position:absolute; right:6%; bottom:8%; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle, rgba(34,211,238,.20), rgba(34,211,238,0) 70%); filter:blur(22px); pointer-events:none; z-index:0; }
html body #dm-home .dm-career .dm-container{ position:relative; z-index:1; }
html body #dm-home .dm-btn-primary{ transition:transform .3s ease, box-shadow .3s ease, filter .3s ease; }
html body #dm-home .dm-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 12px 30px -8px rgba(225,29,46,.55); filter:brightness(1.06); }


/* ===== ENHANCEMENT LAYER v1.3.1 - DAS: dm-eco section -> navy dark ===== */
html body #dm-home .dm-eco{ background:#081827 !important; }
html body #dm-home .dm-eco-bg{ opacity:.22; }
html body #dm-home .dm-eco, html body #dm-home .dm-eco *{ color:#E5E7EB; }
html body #dm-home .dm-eco h2, html body #dm-home .dm-eco h3, html body #dm-home .dm-eco h4, html body #dm-home .dm-eco .dm-eyebrow, html body #dm-home .dm-eco .dm-sec-title{ color:#FFFFFF !important; }
html body #dm-home .dm-eco-card{ background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:16px; overflow:hidden; transition:transform .45s ease, border-color .45s ease, box-shadow .45s ease; }
html body #dm-home .dm-eco-card:hover{ transform:translateY(-5px); border-color:rgba(34,211,238,.45) !important; box-shadow:0 20px 45px -22px rgba(34,211,238,.30); }
html body #dm-home .dm-eco-card p, html body #dm-home .dm-eco-card span, html body #dm-home .dm-eco-card li{ color:#CBD5E1 !important; }
html body #dm-home .dm-eco-card a{ color:#22D3EE !important; }
html body #dm-home .dm-eco-card img{ transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html body #dm-home .dm-eco-card:hover img{ transform:scale(1.06); }