.wd-svc{position:relative;background:linear-gradient(160deg,#12354d 0%,#0e2b3d 45%,#07151f 100%);color:#fff;padding:90px 0 80px;overflow:hidden}
.wd-svc .bg-img{opacity:.35}
.wd-svc:before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(242,116,5,.28),transparent 65%);animation:wdPulse 7s ease-in-out infinite}
@keyframes wdPulse{50%{transform:scale(1.15);opacity:.7}}
.wd-svc .container{position:relative;z-index:1}
.wd-head{max-width:640px;margin-bottom:38px}
.wd-eyebrow{display:inline-block;color:#ffb37a;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin-bottom:12px}
.wd-head h3{color:#fff;font-size:clamp(28px,4vw,42px);line-height:1.15;margin-bottom:14px}
.wd-head p{color:rgba(255,255,255,.82);font-size:17px;margin:0}
.wd-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
.wd-list{list-style:none;margin:0;padding:0;counter-reset:wd}
.wd-item{position:relative;display:flex;gap:18px;padding:20px 18px 20px 0;border-top:1px solid rgba(255,255,255,.14);transition:background .3s,padding .3s}
.wd-item:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.wd-item:before{counter-increment:wd;content:"0" counter(wd);font-weight:700;font-size:15px;line-height:1.6;color:#F27405;min-width:32px}
.wd-item:after{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:#F27405;transition:width .45s}
.wd-item:hover{background:linear-gradient(90deg,rgba(242,116,5,.10),transparent);padding-left:12px}
.wd-item:hover:after{width:100%}
.wd-item h4{color:#fff;font-size:20px;margin:0 0 6px}
.wd-item p{color:rgba(255,255,255,.76);margin:0 0 10px;font-size:15.5px;line-height:1.55}
.wd-tags{display:flex;flex-wrap:wrap;gap:6px}
.wd-tags span{font-size:12px;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.9)}
.wd-visual{position:sticky;top:110px}
.wd-visual .banner-img{position:relative;animation:wdFloat 6s ease-in-out infinite}
.wd-visual img{width:100%;height:auto}
@keyframes wdFloat{50%{transform:translateY(-10px)}}
.wd-badge{position:absolute;background:#fff;color:#0e2b3d;font-weight:700;font-size:13px;padding:8px 14px;border-radius:30px;box-shadow:0 10px 28px rgba(0,0,0,.35);display:flex;align-items:center;gap:8px}
.wd-badge i{width:8px;height:8px;border-radius:50%;background:#F27405}
.wd-b1{left:-6px;top:12%}.wd-b2{right:0;top:46%}.wd-b3{left:8%;bottom:6%}
.wd-cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.wd-cta a.wd-btn{background:#F27405;color:#fff;padding:13px 26px;border-radius:30px;font-weight:700;text-decoration:none}
.wd-cta a.wd-btn:hover{background:#d96704}
.wd-cta span{color:rgba(255,255,255,.82);font-size:14px}
@media(max-width:991px){.wd-svc{padding:60px 0}.wd-grid{grid-template-columns:1fr;gap:30px}.wd-visual{position:relative;top:0;order:-1;max-width:520px}.wd-b1{left:0}}
@media(max-width:480px){.wd-item{gap:12px}.wd-item h4{font-size:18px}.wd-badge{font-size:11px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.wd-svc:before,.wd-visual .banner-img{animation:none}}
.wd-flow{margin-top:26px;padding:22px 24px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.04)}
.wd-flow h5{color:#ffb37a;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
.wd-flow ol{list-style:none;margin:0;padding:0;position:relative}
.wd-flow ol:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:rgba(255,255,255,.16)}
.wd-flow ol:after{content:"";position:absolute;left:8px;top:8px;width:2px;height:0;background:#F27405;animation:wdLine 6s ease-in-out infinite}
@keyframes wdLine{0%{height:0}70%,100%{height:calc(100% - 16px)}}
.wd-flow li{position:relative;padding:0 0 16px 36px}
.wd-flow li:last-child{padding-bottom:0}
.wd-flow li:before{content:"";position:absolute;left:2px;top:4px;width:14px;height:14px;border-radius:50%;background:#0e2b3d;border:2px solid #F27405;z-index:1}
.wd-flow b{display:block;color:#fff;font-size:16px}
.wd-flow span{color:rgba(255,255,255,.76);font-size:14px}
@media(prefers-reduced-motion:reduce){.wd-flow ol:after{animation:none;height:calc(100% - 16px)}}
/* JS stack board (light) */
.wd-stack{position:relative;background:#f3f6fa;padding:90px 0;overflow:hidden}
.wd-stack:before{content:"</>";position:absolute;right:4%;top:20px;font:900 clamp(120px,18vw,260px)/1 monospace;color:rgba(11,21,48,.045);pointer-events:none}
.wd-stack .wd-head h3{color:#0e2b3d}.wd-stack .wd-head p{color:#4b5c67}
.wd-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #dde5ec;border-radius:18px;background:#fff;overflow:hidden;position:relative}
.wd-cell{position:relative;padding:30px 28px 28px;border-right:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0;transition:background .3s}
.wd-cell:nth-child(3n){border-right:0}.wd-cell:nth-child(n+4){border-bottom:0}
.wd-cell:hover{background:#fff6ee}
.wd-mono{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;font:800 20px/1 monospace;color:#fff;margin-bottom:18px;transition:transform .35s}
.wd-cell:hover .wd-mono{transform:rotate(-8deg) scale(1.08)}
.wd-cell h4{color:#0e2b3d;font-size:20px;margin:0 0 8px}
.wd-cell p{color:#4b5c67;font-size:15.5px;line-height:1.55;margin:0 0 14px}
.wd-cell .wd-tags span{border-color:#d3dde6;color:#35505f}
.wd-cell:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:#F27405;transition:width .4s}
.wd-cell:hover:after{width:100%}
/* values (dark) */
.wd-vals .wd-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}
.wd-val{display:flex;gap:26px;align-items:flex-start;padding:26px 0;border-top:1px solid rgba(255,255,255,.14)}
.wd-val:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.wd-val b{font-weight:800;font-size:clamp(44px,6vw,72px);line-height:.9;color:transparent;-webkit-text-stroke:1.5px #F27405;min-width:92px;transition:color .35s}
.wd-val:hover b{color:#F27405}
.wd-val h4{color:#fff;font-size:22px;margin:0 0 6px}.wd-val p{color:rgba(255,255,255,.76);margin:0;font-size:16px;line-height:1.55}
@media(max-width:991px){.wd-board{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-cell:nth-child(3n){border-right:1px solid #e4eaf0}.wd-cell:nth-child(2n){border-right:0}.wd-cell:nth-child(n+4){border-bottom:1px solid #e4eaf0}.wd-cell:nth-child(n+5){border-bottom:0}.wd-vals .wd-grid{grid-template-columns:1fr}.wd-stack{padding:60px 0}}
@media(max-width:575px){.wd-board{grid-template-columns:1fr}.wd-cell{border-right:0!important;border-bottom:1px solid #e4eaf0!important}.wd-cell:last-child{border-bottom:0!important}.wd-val{gap:16px}.wd-val b{min-width:60px}}
/* AI pages */
.wd-ai .wd-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.wd-tools{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.wd-tools h6{color:rgba(255,255,255,.68);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}
.wd-faq{background:#f3f6fa;padding:80px 0}
.wd-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:50px;align-items:start}
.wd-faq-side{position:sticky;top:110px}
.wd-faq-side h3{color:#0e2b3d;font-size:clamp(26px,3.4vw,38px);line-height:1.2;margin:0 0 14px}
.wd-faq-side p{color:#4b5c67;margin:0 0 20px}
.wd-faq .itt-faq details{border-radius:12px;border-color:#dde5ec;margin-bottom:12px}
.wd-faq .itt-faq details[open]{border-color:#F27405;border-left-width:4px}
@media(max-width:991px){.wd-ai .wd-grid{grid-template-columns:1fr}.wd-faq{padding:55px 0}.wd-faq-grid{grid-template-columns:1fr;gap:24px}.wd-faq-side{position:static}}
.ai-dir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px;margin-top:34px}
.ai-row{position:relative;display:flex;gap:20px;padding:26px 6px 26px 0;border-top:1px solid #dde5ec;text-decoration:none!important;transition:padding .3s,background .3s}
.ai-row:before{counter-increment:ai;content:counter(ai,decimal-leading-zero);font-weight:800;font-size:34px;line-height:1;min-width:58px;color:transparent;-webkit-text-stroke:1.2px #F27405;transition:color .3s}
.ai-dir{counter-reset:ai}
.ai-row:hover{padding-left:12px;background:linear-gradient(90deg,rgba(242,116,5,.08),transparent)}
.ai-row:hover:before{color:#F27405}
.ai-row h4{color:#0e2b3d;font-size:21px;margin:0 0 6px}
.ai-row p{color:#4b5c67;margin:0 0 8px;line-height:1.55;font-size:15.5px}
.ai-row span{color:#F27405;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.ai-row span:after{content:" \2192"}
@media(max-width:767px){.ai-dir{grid-template-columns:1fr}.ai-row:before{font-size:28px;min-width:46px}}
.wd-mono{background:linear-gradient(135deg,#12354d,#0e2b3d);color:#F27405;border:1px solid rgba(242,116,5,.45)}