/* ============ DGROW DESIGN SYSTEM (scoped) ============ */
.dg{
  --primary:#5B3DF5; --secondary:#7B61FF; --lilac:#F6F2FF;
  --white:#FFFFFF; --heading:#111111; --para:#5E5E5E; --para2:#666666;
  --border:#ECECEC; --section:#FAFAFA; --footer:#0F1225;
  --radius-card:18px; --radius-btn:10px; --maxw:1280px;
  --shadow-sm:0 4px 18px rgba(17,17,17,.05);
  --shadow-md:0 12px 34px rgba(91,61,245,.10);
  --shadow-lg:0 24px 60px rgba(91,61,245,.16);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--para); background:var(--white); line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
html{overflow-x:hidden;}
.dg{position:relative; width:100%; max-width:100%; margin:0 auto; left:auto; right:auto;}
.dg *{box-sizing:border-box; margin:0; padding:0;}
.dg h1,.dg h2,.dg h3,.dg h4{font-family:'Poppins',sans-serif; color:var(--heading); line-height:1.18; letter-spacing:-.01em;}
.dg p{color:var(--para2);}
.dg a{text-decoration:none; color:inherit;}
.dg img{max-width:100%; display:block;}
.dg .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
.dg .sec{padding:100px 0;}
.dg .eyebrow{display:inline-block; font-family:'Poppins',sans-serif; font-weight:600; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--primary); background:var(--lilac); padding:8px 16px; border-radius:100px; margin-bottom:18px;}
.dg .sec-head{text-align:center; max-width:620px; margin:0 auto 60px;}
.dg .sec-head h2{font-size:clamp(28px,3.6vw,42px); font-weight:700; margin-bottom:16px;}
.dg .sec-head p{font-size:17px;}
.dg .ph-note{color:var(--primary); font-style:italic; font-size:12.5px; margin-top:6px; opacity:.9;}

/* buttons */
.dg .btn{display:inline-flex; align-items:center; gap:8px; font-family:'Poppins',sans-serif; font-weight:600; font-size:15px; padding:14px 28px; border-radius:var(--radius-btn); cursor:pointer; border:1.5px solid transparent; transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;}
.dg .btn-primary{background:var(--primary); color:#fff; box-shadow:0 10px 24px rgba(91,61,245,.30);}
.dg .btn-primary:hover{transform:translateY(-3px); box-shadow:0 16px 32px rgba(91,61,245,.42);}
.dg .btn-outline{background:#fff; color:var(--heading); border-color:var(--border);}
.dg .btn-outline:hover{border-color:var(--primary); color:var(--primary); transform:translateY(-3px);}

/* ============ HEADER ============ */
.dg-header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.88); backdrop-filter:blur(12px); border-bottom:1px solid var(--border);}
.dg-header .bar{display:flex; align-items:center; justify-content:space-between; height:74px;}
.dg-logo{display:flex; align-items:center; gap:10px; font-family:'Poppins',sans-serif; font-weight:800; font-size:22px; color:var(--heading);}
.dg-logo .dot{width:30px; height:30px; border-radius:9px; background:linear-gradient(135deg,var(--primary),var(--secondary)); display:grid; place-items:center; color:#fff; font-size:16px;}
.dg-nav{display:flex; align-items:center; gap:34px;}
.dg-nav a{font-weight:500; font-size:15px; color:#333; position:relative; padding:4px 0;}
.dg-nav a::after{content:''; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:var(--primary); transition:width .25s ease;}
.dg-nav a:hover{color:var(--primary);} .dg-nav a:hover::after{width:100%;}
.dg-head-right{display:flex; align-items:center; gap:18px;}
.dg-search{width:40px; height:40px; border-radius:10px; border:1px solid var(--border); background:#fff; display:grid; place-items:center; color:#555; cursor:pointer; transition:.2s;}
.dg-search:hover{border-color:var(--primary); color:var(--primary);}
.dg-burger{display:none; width:42px; height:42px; border:1px solid var(--border); border-radius:10px; background:#fff; cursor:pointer; font-size:20px;}

/* ============ HERO ============ */
.dg-hero{background:linear-gradient(180deg,#fff 0%,var(--lilac) 100%); padding:70px 0 90px; position:relative;}
.dg-hero .grid{display:grid; grid-template-columns:52fr 48fr; gap:56px; align-items:center;}
.dg-hero h1{font-size:clamp(34px,4.6vw,56px); font-weight:800; line-height:1.08;}
.dg-hero h1 .hl{color:var(--primary);}
.dg-hero .lead{font-size:18px; margin:22px 0 32px; max-width:520px;}
.dg-hero .cta-row{display:flex; gap:14px; flex-wrap:wrap;}
.dg-hero-visual{position:relative;}
.dg-blob{position:absolute; inset:-8% -6% -8% -6%; background:radial-gradient(circle at 60% 40%,rgba(123,97,255,.35),rgba(91,61,245,.12) 55%,transparent 72%); filter:blur(6px); z-index:0; border-radius:40% 60% 55% 45%;}
.dg-hero-photo{position:relative; z-index:1; border-radius:24px; overflow:hidden; box-shadow:var(--shadow-lg); aspect-ratio:4/5; background:var(--lilac);}
.dg-hero-photo img{width:100%; height:100%; object-fit:cover;}
.dg-stat-card{position:absolute; z-index:2; background:#fff; border-radius:16px; padding:14px 18px; box-shadow:var(--shadow-md); display:flex; flex-direction:column; gap:2px; border:1px solid #f0edff;}
.dg-stat-card .num{font-family:'Poppins',sans-serif; font-weight:700; font-size:22px; color:var(--primary);}
.dg-stat-card .lbl{font-size:12px; color:var(--para2); font-weight:500;}
.dg-s1{top:8%; left:-6%;} .dg-s2{bottom:20%; left:-9%;} .dg-s3{bottom:6%; right:-5%;}
.dg-trust{list-style:none; display:grid; grid-template-columns:repeat(2,auto); gap:12px 28px; margin:26px 0 0; justify-content:start;}
.dg-trust li{display:flex; align-items:center; gap:9px; font-size:14.5px; font-weight:500; color:var(--heading);}
.dg-trust .ck{flex:none; width:22px; height:22px; border-radius:50%; background:var(--lilac); color:var(--primary); display:grid; place-items:center; font-size:11px;}
.dg-hero-note{font-size:13.5px; font-style:italic; color:var(--para2); margin-top:22px; padding-left:14px; border-left:3px solid var(--lilac);}
.dg-hero-cap{margin:22px auto 0; font-size:13.5px; color:var(--para2); text-align:center; max-width:380px; line-height:1.6;}
.dg-tagline{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:60px; border-top:1px solid var(--border); padding-top:36px;}
.dg-tagline span{font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(18px,2.1vw,23px); color:var(--heading); padding:4px 28px; position:relative;}
.dg-tagline span:not(:last-child)::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:22px; background:var(--border);}

/* ============ FEATURED IN ============ */
.dg-brands{padding:44px 0;}
.dg-brands .card{background:#fff; border:1px solid var(--border); border-radius:var(--radius-card); box-shadow:var(--shadow-sm); padding:30px 24px;}
.dg-brands .lab{text-align:center; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:#9a9a9a; font-weight:600; margin-bottom:22px;}
.dg-brands .logos{display:flex; align-items:center; justify-content:center; gap:clamp(24px,5vw,64px); flex-wrap:wrap;}
.dg-brands .logos span{font-family:'Poppins',sans-serif; font-weight:700; font-size:19px; color:#b6b6be; transition:color .25s ease;}
.dg-brands .logos span:hover{color:var(--primary);}

/* ============ FEATURE CARDS ============ */
.dg-feats{background:var(--section);}
.dg-feats .cards{display:grid; grid-template-columns:repeat(4,1fr); gap:26px;}
.dg-feat{background:#fff; border:1px solid var(--border); border-radius:var(--radius-card); padding:32px 26px; box-shadow:var(--shadow-sm); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.dg-feat:hover{transform:translateY(-8px); border-color:var(--primary); box-shadow:var(--shadow-md);}
.dg-feat .ico{width:60px; height:60px; border-radius:16px; background:var(--lilac); display:grid; place-items:center; color:var(--primary); margin-bottom:20px;}
.dg-feat h3{font-size:19px; font-weight:600; margin-bottom:9px;}
.dg-feat p{font-size:14.5px;}

/* ============ ARTICLES ============ */
.dg-arts .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.dg-art{background:#fff; border:1px solid var(--border); border-radius:var(--radius-card); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .25s ease, box-shadow .25s ease;}
.dg-art:hover{transform:translateY(-6px); box-shadow:var(--shadow-md);}
.dg-art .thumb{aspect-ratio:16/10; overflow:hidden; background:var(--lilac);}
.dg-art .thumb img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.dg-art:hover .thumb img{transform:scale(1.07);}
.dg-art .body{padding:22px;}
.dg-badge{display:inline-block; font-size:11.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--primary); background:var(--lilac); padding:5px 11px; border-radius:100px; margin-bottom:12px;}
.dg-art .meta{font-size:12.5px; color:#9a9a9a; margin-bottom:8px;}
.dg-art h3{font-size:18px; font-weight:600; margin-bottom:12px; line-height:1.35;}
.dg-art:hover h3{color:var(--primary);}
.dg-more{font-family:'Poppins',sans-serif; font-weight:600; font-size:14px; color:var(--primary); display:inline-flex; gap:6px; align-items:center;}
.dg-arts .center{text-align:center; margin-top:52px;}

/* ============ ABOUT ============ */
.dg-about{background:var(--section);}
.dg-about .grid{display:grid; grid-template-columns:1fr 1.1fr; gap:56px; align-items:center;}
.dg-about-photo{border-radius:var(--radius-card); overflow:hidden; box-shadow:var(--shadow-md); aspect-ratio:1/1; background:var(--lilac);}
.dg-about-photo img{width:100%; height:100%; object-fit:cover;}
.dg-about h2{font-size:clamp(28px,3.4vw,40px); font-weight:700; margin-bottom:18px;}
.dg-check{list-style:none; margin:24px 0;}
.dg-check li{display:flex; gap:12px; align-items:flex-start; margin-bottom:14px; font-size:15.5px; color:#444;}
.dg-check .ck{flex:none; width:24px; height:24px; border-radius:50%; background:var(--lilac); color:var(--primary); display:grid; place-items:center; font-size:13px; margin-top:1px;}
.dg-about-stats{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:28px;}
.dg-astat{background:#fff; border:1px solid var(--border); border-radius:14px; padding:20px; box-shadow:var(--shadow-sm);}
.dg-astat .num{font-family:'Poppins',sans-serif; font-weight:700; font-size:26px; color:var(--primary);}
.dg-astat .lbl{font-size:13px; color:var(--para2);}

/* ============ TESTIMONIALS ============ */
.dg-tests .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.dg-test{background:#fff; border:1px solid var(--border); border-radius:var(--radius-card); padding:30px; box-shadow:var(--shadow-sm);}
.dg-stars{color:#FFB800; font-size:16px; letter-spacing:2px; margin-bottom:16px;}
.dg-test p{font-size:15px; color:#444; margin-bottom:22px;}
.dg-test .who{display:flex; align-items:center; gap:12px;}
.dg-test .av{width:46px; height:46px; border-radius:50%; overflow:hidden; background:var(--lilac); flex:none;}
.dg-test .av img{width:100%; height:100%; object-fit:cover;}
.dg-test .who .n{font-family:'Poppins',sans-serif; font-weight:600; font-size:15px; color:var(--heading);}
.dg-test .who .r{font-size:12.5px; color:#9a9a9a;}

/* ============ CATEGORIES + RESOURCES ============ */
.dg-catres{background:var(--section);}
.dg-catres .grid{display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:start;}
.dg-cats{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.dg-cat{background:#fff; border:1px solid var(--border); border-radius:14px; padding:22px 18px; text-align:center; box-shadow:var(--shadow-sm); transition:transform .2s ease, border-color .2s ease;}
.dg-cat:hover{transform:translateY(-5px); border-color:var(--primary);}
.dg-cat .ico{width:48px; height:48px; border-radius:12px; display:grid; place-items:center; margin:0 auto 12px; font-size:20px;}
.dg-cat h4{font-size:15px; font-weight:600;}
.dg-cat .cnt{font-size:12px; color:#9a9a9a;}
.dg-res{background:#fff; border:1px solid var(--border); border-radius:var(--radius-card); padding:10px 26px; box-shadow:var(--shadow-sm);}
.dg-res h3{font-family:'Poppins',sans-serif; font-size:18px; font-weight:600; padding:20px 0 8px;}
.dg-res-item{display:flex; align-items:center; gap:14px; padding:16px 12px; margin:0 -12px; border-bottom:1px solid var(--border); border-radius:10px; transition:background .2s ease;}
.dg-res-item:last-child{border-bottom:none;}
.dg-res-item:hover{background:var(--lilac);}
.dg-res-item .ico{flex:none; width:42px; height:42px; border-radius:11px; background:var(--lilac); color:var(--primary); display:grid; place-items:center;}
.dg-res-item .t{font-family:'Poppins',sans-serif; font-weight:600; font-size:14.5px; color:var(--heading);}
.dg-res-item .d{font-size:12.5px; color:#9a9a9a;}
.dg-res-item .arr{margin-left:auto; color:var(--primary);}

/* ============ NEWSLETTER ============ */
.dg-news .banner{background:linear-gradient(120deg,var(--primary),var(--secondary)); border-radius:20px; padding:56px; display:grid; grid-template-columns:auto 1fr; gap:36px; align-items:center; box-shadow:var(--shadow-lg); position:relative; overflow:hidden;}
.dg-news .env{width:96px; height:96px; border-radius:22px; background:rgba(255,255,255,.16); display:grid; place-items:center; color:#fff; font-size:42px; flex:none;}
.dg-news h2{color:#fff; font-size:clamp(24px,3vw,34px); font-weight:700; margin-bottom:8px;}
.dg-news p{color:rgba(255,255,255,.9); font-size:16px; margin-bottom:22px;}
.dg-news form{display:flex; gap:12px; flex-wrap:wrap; max-width:520px;}
.dg-news input{flex:1; min-width:220px; border:none; border-radius:10px; padding:15px 18px; font-size:15px; font-family:'Inter',sans-serif;}
.dg-news .sub{background:#fff; color:var(--primary); border:none; font-family:'Poppins',sans-serif; font-weight:600; font-size:15px; padding:15px 26px; border-radius:10px; cursor:pointer; transition:transform .2s ease;}
.dg-news .sub:hover{transform:translateY(-2px);}

/* ============ FAQ ============ */
.dg-faq .grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.dg-q{background:#fff; border:1px solid var(--border); border-radius:14px; overflow:hidden; height:fit-content;}
.dg-q summary{list-style:none; cursor:pointer; padding:20px 22px; font-family:'Poppins',sans-serif; font-weight:600; font-size:15.5px; color:var(--heading); display:flex; justify-content:space-between; align-items:center; gap:16px;}
.dg-q summary::-webkit-details-marker{display:none;}
.dg-q summary .pm{flex:none; width:26px; height:26px; border-radius:8px; background:var(--lilac); color:var(--primary); display:grid; place-items:center; font-size:18px; transition:transform .25s ease;}
.dg-q[open] summary .pm{transform:rotate(45deg);}
.dg-q .a{padding:0 22px 20px; font-size:14.5px; color:var(--para2);}

/* ============ CTA ============ */
.dg-cta{background:var(--section);}
.dg-cta .card{background:#fff; border:1px solid var(--border); border-radius:24px; box-shadow:var(--shadow-md); text-align:center; padding:66px 30px;}
.dg-cta .rocket{font-size:54px; margin-bottom:18px;}
.dg-cta h2{font-size:clamp(26px,3.4vw,40px); font-weight:700; margin-bottom:14px;}
.dg-cta p{font-size:17px; max-width:520px; margin:0 auto 28px;}

/* ============ FOOTER ============ */
.dg-footer-custom{background:var(--footer); color:#fff; padding:70px 0 0;}
.dg-footer-custom .cols{display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:40px; padding-bottom:46px;}
.dg-footer-custom .logo{display:flex; align-items:center; gap:10px; font-family:'Poppins',sans-serif; font-weight:800; font-size:22px; color:#fff; margin-bottom:16px;}
.dg-footer-custom .logo .dot{width:30px; height:30px; border-radius:9px; background:linear-gradient(135deg,var(--primary),var(--secondary)); display:grid; place-items:center;}
.dg-footer-custom p{color:rgba(255,255,255,.62); font-size:14.5px; max-width:320px;}
.dg-footer-custom h4{font-family:'Poppins',sans-serif; font-size:15px; font-weight:600; color:#fff; margin-bottom:18px;}
.dg-footer-custom ul{list-style:none;}
.dg-footer-custom ul li{margin-bottom:11px;}
.dg-footer-custom ul a{color:rgba(255,255,255,.62); font-size:14.5px; transition:color .2s ease;}
.dg-footer-custom ul a:hover{color:#fff;}
.dg-footer-custom .fnews input{width:100%; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:#fff; border-radius:10px; padding:13px 15px; font-size:14px; margin-bottom:10px; font-family:'Inter',sans-serif;}
.dg-footer-custom .fnews input::placeholder{color:rgba(255,255,255,.4);}
.dg-footer-custom .fnews button{width:100%; background:var(--primary); color:#fff; border:none; border-radius:10px; padding:13px; font-family:'Poppins',sans-serif; font-weight:600; cursor:pointer; transition:background .2s ease;}
.dg-footer-custom .fnews button:hover{background:var(--secondary);}
.dg-social{display:flex; gap:10px; margin-top:18px;}
.dg-social a{width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.08); display:grid; place-items:center; color:#fff; transition:background .2s ease;}
.dg-social a:hover{border-color:transparent; background:var(--primary);}
.dg-footer-custom .bottom{border-top:1px solid rgba(255,255,255,.1); padding:22px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13.5px; color:rgba(255,255,255,.55);}
.dg-footer-custom .bottom a{color:rgba(255,255,255,.55); margin-left:20px;}
.dg-footer-custom .bottom a:hover{color:#fff;}

/* ============ ANIMATIONS ============ */
@keyframes dgFade{from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);}}
.dg.anim-ready [data-anim]{opacity:0;}
.dg [data-anim].in{animation:dgFade .7s cubic-bezier(.2,.7,.2,1) forwards;}
@media (prefers-reduced-motion:reduce){.dg [data-anim]{opacity:1 !important; animation:none !important;}}

/* ============ RESPONSIVE ============ */
@media(max-width:980px){
  .dg-hero .grid,.dg-about .grid,.dg-catres .grid,.dg-news .banner,.dg-faq .grid{grid-template-columns:1fr;}
  .dg-feats .cards{grid-template-columns:repeat(2,1fr);}
  .dg-arts .grid,.dg-tests .grid{grid-template-columns:repeat(2,1fr);}
  .dg-footer-custom .cols{grid-template-columns:1fr 1fr;}
  .dg-head-right .btn{display:none;} .dg-burger{display:block;}
  .dg-header .bar{position:relative;}
  .dg-nav{position:absolute; top:100%; left:0; right:0; background:rgba(255,255,255,.98); backdrop-filter:blur(12px); border-bottom:1px solid var(--border); flex-direction:column; align-items:stretch; gap:0; padding:6px 24px 14px; display:none; box-shadow:var(--shadow-md);}
  .dg-header.nav-open .dg-nav{display:flex;}
  .dg-nav a{padding:13px 4px; border-bottom:1px solid var(--border); font-size:16px;}
  .dg-nav a:last-child{border-bottom:none;}
  .dg-hero-visual{max-width:420px; margin:40px auto 0;}
  .dg-news .env{margin:0 auto;}
}
@media(max-width:600px){
  .dg .sec{padding:64px 0;}
  .dg-feats .cards,.dg-arts .grid,.dg-tests .grid,.dg-cats,.dg-footer-custom .cols{grid-template-columns:1fr;}
  .dg-cats{grid-template-columns:repeat(2,1fr);}
  .dg-news .banner,.dg-cta .card{padding:36px 22px;}
  .dg-s1,.dg-s2,.dg-s3{position:static; display:inline-flex; margin:8px 8px 0 0;}
  .dg-hero-visual{margin-top:26px;}
  .dg-hero .cta-row .btn{width:100%; justify-content:center;}
  .dg-trust{grid-template-columns:1fr;}
  .dg-tagline{flex-direction:column; gap:10px; border-top:none; padding-top:22px; margin-top:40px;}
  .dg-tagline span{padding:0;}
  .dg-tagline span:not(:last-child)::after{display:none;}
}
.dg-logo img{height:42px;width:auto;display:block;} .dg-footer-custom .logo img{height:38px;width:auto;display:block;filter:brightness(0) invert(1);} .dg-burger{background:var(--primary);color:#fff;border-color:var(--primary);}
.dg-nav{list-style:none;gap:28px;} .dg-nav li{position:relative;} .dg-nav .sub-menu{list-style:none;position:absolute;top:calc(100% + 12px);left:0;min-width:210px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:60;} .dg-nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);} .dg-nav .sub-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;white-space:nowrap;color:#333;} .dg-nav .sub-menu a::after{display:none;} .dg-nav .sub-menu a:hover{background:var(--lilac);color:var(--primary);} @media(max-width:980px){ .dg-nav li{width:100%;} .dg-nav>li>a{display:block;} .dg-nav li:not(:last-child)>a{border-bottom:1px solid var(--border);} .dg-nav li:last-child>a{border-bottom:none;} .dg-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;padding:0 0 4px 14px;min-width:0;} .dg-nav .sub-menu a{padding:10px 4px;border-bottom:1px solid var(--border);} }
.dg-footer-custom .bottom ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;} .dg-footer-custom .bottom ul li:first-child a{margin-left:0;}