/* ============================================================
   WayToChina Widgets — Digital Growth Partner page styles (ported 1:1).
   ============================================================ */
.dg{font-family:'Inter Tight',ui-sans-serif,system-ui,-apple-system,sans-serif;color:#1a1a1a;}
.dg *{box-sizing:border-box;}
.dg-hero{position:relative;background:#0b0b0f;color:#fff;text-align:center;padding:180px 24px 96px;overflow:hidden;}
.dg-hz{position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);font-family:'Noto Serif SC',serif;font-weight:900;font-size:clamp(11rem,22vw,20rem);line-height:1;color:rgba(233,51,43,.07);}
.dg-hin{position:relative;z-index:2;max-width:860px;margin:0 auto;}
.dg-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:600;line-height:1.14;letter-spacing:-.02em;margin:0 0 20px;}
.dg-hero h1 em{font-style:normal;color:#E9332B;}
.dg-hero p{color:rgba(255,255,255,.8);font-size:1.15rem;line-height:1.6;max-width:640px;margin:0 auto 32px;}
.dg-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.dg-btn{display:inline-flex;align-items:center;padding:16px 32px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;transition:.2s;}
.dg-btn-red{background:#E9332B;color:#fff;box-shadow:0 6px 18px rgba(233,51,43,.28);}
.dg-btn-red:hover{background:#c4271f;}
.dg-btn-glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.dg-btn-glass:hover{background:rgba(255,255,255,.16);}
.dg-sec{padding:76px 24px;}
.dg-surface{background:#f7f7f7;}
.dg-dark{background:radial-gradient(120% 140% at 85% -20%,rgba(233,51,43,.34) 0%,transparent 55%),linear-gradient(120deg,#0f1730 0%,#141019 55%,#241016 100%);color:#fff;}
.dg-in{max-width:1200px;margin:0 auto;}
.dg-head{max-width:680px;margin:0 auto 44px;text-align:center;}
.dg-eb{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#E9332B;margin-bottom:16px;padding:7px 16px;border-radius:999px;background:rgba(233,51,43,.07);border:1px solid rgba(233,51,43,.18);}
.dg-eb::before{content:'';width:7px;height:7px;border-radius:50%;background:#E9332B;}
.dg-head h2{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700;margin:0 0 14px;line-height:1.15;}
.dg-dark .dg-eb{color:#ff8a84;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);}
.dg-head p{color:#4b5563;font-size:1.05rem;line-height:1.6;margin:0;}
.dg-dark .dg-head p{color:rgba(255,255,255,.8);}
.dg-about{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;}
@media(max-width:860px){.dg-about{grid-template-columns:1fr;gap:36px;}}
.dg-about h2{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700;margin:14px 0 18px;line-height:1.15;}
.dg-about p{color:#4b5563;font-size:1.05rem;line-height:1.7;margin:0 0 14px;}
.dg-checks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px;}
.dg-checks li{display:flex;align-items:flex-start;gap:12px;color:#1a1a1a;font-weight:500;font-size:1rem;}
.dg-checks svg{width:22px;height:22px;flex:none;color:#16a34a;margin-top:1px;}
.dg-about-img{border-radius:24px;min-height:400px;background:radial-gradient(120% 120% at 80% 10%,rgba(233,51,43,.35),transparent 55%),linear-gradient(150deg,#0f1730,#141019 60%,#241016);position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(16,16,20,.22);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;}
.dg-about-img span{font-family:'Noto Serif SC',serif;font-weight:900;font-size:clamp(7rem,14vw,11rem);color:rgba(255,255,255,.1);line-height:1;}
.dg-g{display:grid;gap:24px;}
.dg-g3{grid-template-columns:repeat(3,1fr);}
.dg-g4{grid-template-columns:repeat(4,1fr);}
.dg-g5{grid-template-columns:repeat(5,1fr);}
@media(max-width:900px){.dg-g3,.dg-g4,.dg-g5{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.dg-g3,.dg-g4,.dg-g5{grid-template-columns:1fr;}}
.dg-card{background:#fff;border:1px solid #eaeaea;border-radius:20px;padding:32px 28px;transition:.25s;}
.dg-card:hover{box-shadow:0 20px 50px rgba(16,16,20,.13);transform:translateY(-4px);}
.dg-ci{width:54px;height:54px;border-radius:14px;background:#fdeceb;color:#E9332B;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.4rem;font-weight:800;}
.dg-ci svg{width:26px;height:26px;}
.dg-ci-green{background:#dcfce7;color:#16a34a;}
.dg-card h3{font-size:1.15rem;font-weight:700;margin:0 0 10px;}
.dg-card p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0;}
.dg-stat{text-align:center;padding:32px 20px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.dg-stat .v{font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.1;}
.dg-stat .l{color:rgba(255,255,255,.82);font-size:.92rem;margin-top:12px;padding-top:12px;}
.dg-price{background:#fff;border:1px solid #eaeaea;border-radius:22px;padding:34px 30px;position:relative;display:flex;flex-direction:column;}
.dg-price.pop{border-color:#E9332B;box-shadow:0 20px 50px rgba(233,51,43,.16);}
.dg-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#E9332B;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 14px;border-radius:999px;}
.dg-price h3{font-size:1.3rem;font-weight:700;margin:0 0 12px;}
.dg-price p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 0 24px;flex:1;}
.dg-quote{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:999px;border:1.5px solid #E9332B;color:#E9332B;background:transparent;font-weight:600;text-decoration:none;transition:.2s;}
.dg-quote:hover{background:#E9332B;color:#fff;}
.dg-price.pop .dg-quote{background:#E9332B;color:#fff;}
.dg-price.pop .dg-quote:hover{background:#c4271f;}
.dg-cta{max-width:1100px;margin:0 auto;background:#101014;border-radius:28px;padding:48px 52px;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;position:relative;overflow:hidden;}
.dg-cta::before{content:'';position:absolute;inset:auto auto -70% -6%;width:38%;aspect-ratio:1;background:radial-gradient(circle,rgba(233,51,43,.3),transparent 65%);}
.dg-cta h2{color:#fff;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;margin:0;max-width:640px;position:relative;line-height:1.25;}
.dg-cta h2 em{font-style:normal;color:#E9332B;}
.dg-cta .dg-btn{position:relative;flex:none;}