:root{--dg-ink:#052d33;--dg-deep:#073a40;--dg-teal:#0d6970;--dg-cyan:#57c7ca;--dg-paper:#f2f2ed;--dg-white:#fbfbf7;--dg-orange:#f36a21;--dg-text:#10323a;--pad:clamp(24px,6vw,92px);--content:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;letter-spacing:0;background:var(--dg-paper);color:var(--dg-text);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.dg-progress{position:fixed;z-index:80;top:0;left:0;width:100%;height:3px;background:var(--dg-orange);transform:scaleX(0);transform-origin:left;pointer-events:none}
.dg-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:34px;color:#fff;background:rgba(3,36,42,.78);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px)}.dg-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.dg-brand-mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--dg-orange);border-radius:50%;color:var(--dg-orange);font-weight:900;font-size:18px}.dg-brand>span:last-child{display:flex;flex-direction:column}.dg-brand strong{font-size:18px}.dg-brand small{font-size:10px;color:rgba(255,255,255,.64);margin-top:2px}.dg-nav{display:flex;align-items:center;gap:clamp(17px,2vw,34px);font-size:13px;font-weight:700}.dg-nav a{position:relative;padding:12px 0}.dg-nav a::after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:2px;background:var(--dg-orange);transform:scaleX(0);transform-origin:right;transition:transform .2s}.dg-nav a:hover::after{transform:scaleX(1);transform-origin:left}.menu-button{display:none;width:44px;height:44px;padding:0;border:0;background:none;color:inherit}.menu-button span{display:block;width:24px;height:2px;margin:6px auto;background:currentColor}.mobile-nav{display:none}
.dg-hero{position:relative;min-height:max(760px,100svh);display:flex;align-items:center;overflow:hidden;padding:120px var(--pad) 80px;background:var(--dg-ink);color:#fff}.dg-hero-visual{position:absolute;inset:0}.dg-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,32,38,.96) 0%,rgba(2,32,38,.78) 38%,rgba(2,32,38,.12) 76%),linear-gradient(0deg,rgba(2,30,36,.5),transparent 48%)}.dg-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.06);transform:translate3d(0,var(--hero-shift,0),0) scale(1.05);will-change:transform}.dg-hero-copy{position:relative;z-index:2;width:min(720px,58%);margin-left:max(0px,calc((100% - var(--content))/2))}.dg-kicker{margin:0 0 20px;color:var(--dg-orange);font-size:12px;font-weight:900;letter-spacing:.15em}.dg-hero h1{margin:0;font-size:clamp(64px,8vw,124px);line-height:.98}.dg-hero-lead{max-width:680px;margin:34px 0 0;color:rgba(244,252,252,.8);font-size:clamp(17px,1.45vw,21px);line-height:1.9}.dg-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.dg-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid currentColor;font-size:14px;font-weight:800;transition:.2s}.dg-button-primary{border-color:var(--dg-orange);background:var(--dg-orange);color:#fff}.dg-button-primary:hover{border-color:#fff;background:#fff;color:var(--dg-ink)}.dg-button-line{color:#fff;border-color:rgba(255,255,255,.55)}.dg-button-line:hover{background:rgba(255,255,255,.1)}.dg-hero-index{position:absolute;z-index:2;right:var(--pad);bottom:44px;display:flex;align-items:baseline;gap:10px;color:rgba(255,255,255,.45);font-size:10px;letter-spacing:.12em}.dg-hero-index strong{color:#fff;font-size:18px}
.dg-thesis{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(50px,9vw,140px);align-items:start;padding:clamp(100px,13vw,180px) var(--pad);background:var(--dg-white)}.dg-thesis>*{max-width:760px}.dg-thesis .dg-kicker{grid-column:1}.dg-thesis h2{grid-column:1/3;margin:0;font-size:clamp(48px,6.6vw,98px);line-height:1.08}.dg-thesis>p:last-child{grid-column:2;margin:0;font-size:clamp(18px,1.6vw,23px);line-height:1.9;color:#526a70}
.dg-capability{position:relative;min-height:610px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);overflow:hidden}.dg-capability-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,9vw,130px) clamp(32px,7vw,110px) clamp(72px,9vw,130px) var(--pad)}.dg-number{position:absolute;top:48px;left:var(--pad);font:700 clamp(86px,10vw,150px)/1 "Arial Narrow",Arial,sans-serif;color:rgba(5,45,51,.08)}.dg-capability h2{margin:0 0 28px;font-size:clamp(44px,5.2vw,76px);line-height:1.05}.dg-capability-copy>p:not(.dg-kicker){max-width:660px;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.88}.dg-capability ul{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 0;padding:0;list-style:none}.dg-capability li{padding:9px 13px;border:1px solid rgba(5,45,51,.2);font-size:13px}.dg-capability-visual{position:relative;min-height:610px;overflow:hidden}.dg-capability-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,currentColor 0%,transparent 24%);opacity:.08}.dg-capability-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.dg-capability-tech,.dg-capability-traffic{background:var(--dg-white);color:var(--dg-text)}.dg-capability-ai,.dg-capability-content{background:var(--dg-ink);color:#fff}.dg-capability-ai .dg-capability-copy,.dg-capability-content .dg-capability-copy{order:2;padding-left:clamp(32px,7vw,110px);padding-right:var(--pad)}.dg-capability-ai .dg-capability-visual,.dg-capability-content .dg-capability-visual{order:1}.dg-capability-ai .dg-number,.dg-capability-content .dg-number{left:clamp(32px,7vw,110px);color:rgba(255,255,255,.08)}.dg-capability-ai .dg-capability-copy>p:not(.dg-kicker),.dg-capability-content .dg-capability-copy>p:not(.dg-kicker){color:rgba(240,250,250,.78)}.dg-capability-ai li,.dg-capability-content li{border-color:rgba(255,255,255,.22)}
.dg-system{padding:clamp(100px,13vw,176px) var(--pad);background:#dfeaec}.dg-system-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:clamp(50px,9vw,130px);align-items:end}.dg-system-head .dg-kicker{grid-column:1/3}.dg-system-head h2{margin:0;font-size:clamp(48px,6.4vw,94px);line-height:1.05}.dg-system-head>p:last-child{margin:0;font-size:19px;line-height:1.85;color:#536b71}.dg-system-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:90px;border-top:1px solid rgba(5,45,51,.26);border-left:1px solid rgba(5,45,51,.26)}.dg-system-step{min-height:210px;padding:30px;border-right:1px solid rgba(5,45,51,.26);border-bottom:1px solid rgba(5,45,51,.26)}.dg-system-step span{color:var(--dg-orange);font-size:12px;font-weight:900}.dg-system-step h3{margin:42px 0 12px;font-size:26px}.dg-system-step p{margin:0;color:#587077;line-height:1.7}
.dg-organic{position:relative;min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(50px,8vw,120px);align-items:center;padding:clamp(90px,12vw,160px) var(--pad);overflow:hidden;background:var(--dg-ink);color:#fff}.dg-organic::before{content:"";position:absolute;right:-7%;top:8%;width:56%;height:84%;background:url("assets/digital-growth/organic-search-flow.png") center/cover no-repeat;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000 20%)}.dg-organic-copy,.dg-organic-chart{position:relative;z-index:2}.dg-organic h2{margin:0;font-size:clamp(50px,6.3vw,92px);line-height:1.08}.dg-organic-copy>p:not(.dg-kicker){max-width:720px;margin:30px 0 0;color:rgba(238,249,249,.78);font-size:19px;line-height:1.9}.dg-organic-path{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:44px;font-size:14px;font-weight:800}.dg-organic-path i{width:28px;height:1px;background:var(--dg-orange)}.dg-organic-chart{height:360px;border-left:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.dg-chart-line{position:absolute;inset:34px 20px 22px 28px;border-top:3px solid var(--dg-cyan);border-radius:70% 0 0 0;transform:skewY(-24deg);filter:drop-shadow(0 0 12px rgba(87,199,202,.7))}.dg-chart-note{position:absolute;right:0;top:20px;display:flex;flex-direction:column;gap:8px}.dg-chart-note span{color:rgba(255,255,255,.6);font-size:12px}
.dg-products{padding:clamp(100px,13vw,170px) var(--pad);background:var(--dg-white)}.dg-products-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:60px;align-items:end}.dg-products-head .dg-kicker{grid-column:1/3}.dg-products h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:1.08}.dg-products-head>p:last-child{margin:0;color:#5b7075;font-size:18px;line-height:1.8}.dg-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:84px;border-top:1px solid rgba(5,45,51,.25)}.dg-product-grid article{min-height:250px;padding:26px 26px 30px 0;border-right:1px solid rgba(5,45,51,.25)}.dg-product-grid article+article{padding-left:26px}.dg-product-grid article:last-child{border-right:0}.dg-product-grid span{color:var(--dg-orange);font-size:12px;font-weight:900}.dg-product-grid h3{margin:54px 0 16px;font-size:25px}.dg-product-grid p{margin:0;color:#5a7075;line-height:1.75}
.dg-cases{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(50px,10vw,160px);align-items:center;padding:clamp(100px,13vw,170px) var(--pad);background:#0b4c52;color:#fff}.dg-cases h2{margin:0;font-size:clamp(50px,6vw,88px);line-height:1.08}.dg-cases-head>p:last-child{max-width:700px;margin:30px 0 0;color:rgba(241,250,250,.75);font-size:18px;line-height:1.85}.dg-case-standard{padding:40px;border:1px solid rgba(255,255,255,.28);background:rgba(1,32,37,.22)}.dg-case-standard>span{color:var(--dg-orange);font-size:12px;font-weight:900;letter-spacing:.12em}.dg-case-standard ol{margin:30px 0 0;padding-left:22px}.dg-case-standard li{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.16);line-height:1.6}.dg-case-standard li:last-child{border-bottom:0}
.dg-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end;padding:clamp(100px,13vw,170px) var(--pad);background:var(--dg-paper)}.dg-contact h2{margin:0;font-size:clamp(50px,6.3vw,92px);line-height:1.08}.dg-contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.dg-contact-action p{margin:0;color:#5c7277;font-size:13px}.dg-footer{display:flex;justify-content:space-between;gap:30px;padding:34px var(--pad);background:#032a30;color:rgba(255,255,255,.7)}.dg-footer>div{display:flex;gap:16px;align-items:baseline}.dg-footer strong{color:#fff}.dg-footer span{font-size:12px}.dg-footer nav{display:flex;gap:28px;font-size:13px}.dg-mobile-cta{display:none}
.digital-growth-site.is-motion-ready .dg-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s,transform 1s cubic-bezier(.22,1,.36,1)}.digital-growth-site.is-motion-ready .dg-reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.dg-nav{display:none}.menu-button{display:block}.mobile-nav{position:fixed;z-index:45;top:76px;left:0;width:100%;display:grid;padding:12px var(--pad) 24px;background:rgba(3,36,42,.98);color:#fff;transform:translateY(-130%);transition:transform .2s}.mobile-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14)}body.nav-open .mobile-nav{transform:translateY(0)}.dg-hero-copy{width:min(100%,700px);margin-left:0}.dg-thesis,.dg-system-head,.dg-organic,.dg-products-head,.dg-cases,.dg-contact{grid-template-columns:1fr}.dg-thesis .dg-kicker,.dg-thesis h2,.dg-thesis>p:last-child,.dg-system-head .dg-kicker,.dg-products-head .dg-kicker{grid-column:1}.dg-capability{grid-template-columns:1fr;min-height:auto}.dg-capability-copy,.dg-capability-ai .dg-capability-copy,.dg-capability-content .dg-capability-copy{order:2;padding:84px var(--pad)}.dg-capability-visual,.dg-capability-ai .dg-capability-visual,.dg-capability-content .dg-capability-visual{order:1;min-height:430px}.dg-number,.dg-capability-ai .dg-number,.dg-capability-content .dg-number{top:26px;left:var(--pad)}.dg-system-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-organic{min-height:880px}.dg-organic::before{width:90%;right:-20%;opacity:.18}.dg-organic-chart{height:270px}.dg-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-product-grid article:nth-child(2){border-right:0}.dg-product-grid article:nth-child(3),.dg-product-grid article:nth-child(4){border-top:1px solid rgba(5,45,51,.25)}.dg-contact-action{margin-top:16px}}
@media(max-width:560px){.dg-header{height:68px;padding:0 20px}.dg-brand-mark{width:34px;height:34px}.dg-brand strong{font-size:16px}.mobile-nav{top:68px}.dg-hero{min-height:760px;padding:100px 24px 58px;align-items:flex-end}.dg-hero-visual img{object-position:68% center}.dg-hero-visual::after{background:linear-gradient(0deg,rgba(2,32,38,.97) 0 58%,rgba(2,32,38,.24) 100%)}.dg-hero-copy{width:100%}.dg-hero h1{font-size:58px}.dg-hero-lead{font-size:15px;line-height:1.75}.dg-actions{margin-top:26px}.dg-button{min-height:48px;padding:0 17px}.dg-hero-index{display:none}.dg-thesis{padding:84px 24px;gap:34px}.dg-thesis h2,.dg-system-head h2,.dg-organic h2,.dg-products h2,.dg-cases h2,.dg-contact h2{font-size:42px}.dg-thesis>p:last-child{font-size:16px}.dg-capability-visual{min-height:300px}.dg-capability-copy,.dg-capability-ai .dg-capability-copy,.dg-capability-content .dg-capability-copy{padding:76px 24px 64px}.dg-capability h2{font-size:42px}.dg-capability-copy>p:not(.dg-kicker){font-size:15px}.dg-system,.dg-organic,.dg-products,.dg-cases,.dg-contact{padding:84px 24px}.dg-system-steps{grid-template-columns:1fr;margin-top:54px}.dg-system-step{min-height:150px}.dg-system-step h3{margin-top:25px}.dg-organic{min-height:820px}.dg-organic-path i{width:12px}.dg-product-grid{grid-template-columns:1fr;margin-top:54px}.dg-product-grid article,.dg-product-grid article+article{min-height:190px;padding:26px 0;border-right:0;border-top:1px solid rgba(5,45,51,.25)}.dg-case-standard{padding:26px}.dg-contact{padding-bottom:118px}.dg-footer,.dg-footer>div,.dg-footer nav{flex-direction:column}.dg-footer{padding-bottom:88px}.dg-mobile-cta{position:fixed;z-index:42;left:18px;right:18px;bottom:14px;display:flex;align-items:center;justify-content:center;height:50px;background:var(--dg-orange);color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.24)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dg-progress{display:none}.digital-growth-site.is-motion-ready .dg-reveal{opacity:1;transform:none;transition:none}.dg-hero-visual img{transform:none!important}}