.dpnav-toggle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.dpnav-toggle-label{display:none}.dpnav-toggle:focus-visible+.dpnav-toggle-label{outline:2px solid #33986b;outline-offset:5px}

.dpnav{position:relative;z-index:1000;background:#f6faf7;color:#17261e;border-bottom:1px solid #183c2214;font-family:Inter,Arial,sans-serif}.dpnav-inner{max-width:1450px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.dpnav a{color:inherit;text-decoration:none}.dpnav-logo{font-size:25px;font-weight:750;letter-spacing:-1.3px;white-space:nowrap}.dpnav-logo span{color:#33986b}.dpnav-toggle-label{display:none}.dpnav-links{display:flex;align-items:center;gap:34px}.dpnav-links>a,.dpnav-drop>summary{font-size:13px;font-weight:600;letter-spacing:.045em;cursor:pointer;padding:13px 0;list-style:none}.dpnav summary::-webkit-details-marker{display:none}.dpnav-drop{position:relative}.dpnav-drop>summary:after{content:'⌄';margin-left:8px;color:#33986b}.dpnav-drop:not([open])>.dpnav-sub{display:none}.dpnav-drop:hover>.dpnav-sub,.dpnav-drop:focus-within>.dpnav-sub,.dpnav-drop[open]>.dpnav-sub{display:grid}.dpnav-sub{position:absolute;top:100%;left:-22px;width:280px;padding:13px;background:#fff;border:1px solid #163d2017;border-radius:12px;box-shadow:0 18px 48px #102c201c;gap:3px}.dpnav-sub a{padding:11px 13px;font-size:14px;border-radius:6px}.dpnav-sub a:hover{background:#eaf5ed;color:#23794f}.dpnav a:focus-visible,.dpnav summary:focus-visible{outline:2px solid #33986b;outline-offset:5px}.dpnav .dpnav-cta{font-size:13px;font-weight:600;border-radius:100px;background:#17261e;color:#fff;padding:13px 20px;white-space:nowrap}.dpnav-cta span{margin-left:15px;color:#78d8a7}.dpnav-links>a:hover{color:#238458}.dpnav-drop[open]>summary{color:#238458}
@media(max-width:850px){.dpnav-inner{padding:18px 5%;flex-wrap:wrap;gap:12px}.dpnav-logo{font-size:23px}.dpnav-menu{order:3;width:100%}.dpnav-toggle-label{display:block;position:absolute;right:5%;top:20px;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.dpnav-inner>.dpnav-cta{margin-right:65px;font-size:11px;padding:10px 13px}.dpnav-toggle:not(:checked)~.dpnav-links{display:none}.dpnav-links{align-items:stretch;flex-direction:column;gap:0;padding:12px 0 4px;border-top:1px solid #183c2214}.dpnav-sub{position:static;width:100%;box-shadow:none;margin:3px 0 10px;background:#edf7f0}.dpnav-drop:hover:not([open])>.dpnav-sub{display:none}.dpnav-links>a,.dpnav-drop>summary{padding:14px 0}}


.dp-hero{--pulse:#58be8e;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5%;min-height:690px;padding:72px 6% 78px;background:#fff;color:#111}
.dp-hero *{box-sizing:border-box}.dp-hero .dp-hero-bg{position:absolute;inset:-80px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 55%,#58be8e14,transparent 53%)}
.dp-hero .dp-hero-bg:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 159px,#162d2006 160px,transparent 161px);mask-image:linear-gradient(90deg,transparent,#000)}
.dp-hero .dp-hero-content{position:relative;z-index:2;min-width:0}.dp-hero .dp-hero-title{font-size:clamp(46px,5.25vw,82px);line-height:1.01;letter-spacing:-.06em;font-weight:700;margin:0 0 26px;color:#111}.dp-hero .dp-title-gradient{display:block;background:linear-gradient(110deg,#151c18,#7d8982);background-clip:text;-webkit-background-clip:text;color:transparent}.dp-hero .dp-hero-description{font-size:17px;line-height:1.65;max-width:530px;color:#656b67;margin:0 0 32px}
.dp-hero .dp-buttons{display:flex;gap:12px;flex-wrap:wrap}.dp-hero .dp-btn{display:inline-flex;align-items:center;gap:12px;padding:9px 14px 9px 18px;border-radius:100px;background:#111;color:white;text-decoration:none;transition:transform .35s,box-shadow .35s;border:1px solid #111}.dp-hero .dp-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002}.dp-hero .dp-btn-text-wrap{position:relative;height:1.2em;line-height:1.2;overflow:hidden}.dp-hero .dp-btn-text-1,.dp-hero .dp-btn-text-2{display:block;font-size:15px;font-weight:500;transition:transform .4s cubic-bezier(.22,1,.36,1)}.dp-hero .dp-btn-text-2{position:absolute;top:0;transform:translateY(110%)}.dp-hero .dp-btn:hover .dp-btn-text-1{transform:translateY(-110%)}.dp-hero .dp-btn:hover .dp-btn-text-2{transform:translateY(0)}.dp-hero .dp-btn-icon{width:28px;height:28px;border-radius:50%;background:white;display:grid;place-items:center;transition:transform .55s}.dp-hero .dp-btn-icon svg{width:13px;height:13px;fill:none;stroke:var(--pulse);stroke-width:2.2}.dp-hero .dp-btn:hover .dp-btn-icon{transform:rotate(360deg)}
.dp-hero .dp-scene-wrap{position:relative;min-width:0;perspective:1200px;padding:18px 0}.dp-hero .dph-stage{position:relative;background:#0b100e;border:1px solid #263b30;border-radius:24px;padding:25px 25px 20px;color:#fff;box-shadow:0 35px 65px -30px #0a241849;transform:rotate(-2deg);transition:transform .65s cubic-bezier(.22,1,.36,1);isolation:isolate}.dp-hero .dph-stage:hover{transform:rotate(0)}
.dp-hero .dph-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#a9bbb0}.dp-hero .dph-sign{color:white;font-weight:700;letter-spacing:-.04em;font-size:15px}.dp-hero .dph-live{display:flex;align-items:center;gap:7px}.dp-hero .dph-live:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--pulse);box-shadow:0 0 12px #58be8e}
.dp-hero .dph-type{position:relative;font-size:clamp(52px,6.8vw,108px);line-height:.88;letter-spacing:-.075em;font-weight:700;margin:33px 0 27px;z-index:1}.dp-hero .dph-type span{color:var(--pulse);display:block;padding-left:19%}.dp-hero .dph-wave{position:absolute;right:-33px;top:53px;width:70%;height:190px;overflow:visible;z-index:-1;opacity:.75}.dp-hero .dph-wave path{fill:none;stroke:#58be8e;stroke-width:1;vector-effect:non-scaling-stroke}.dp-hero .dph-wave .dph-trace{stroke-width:2;stroke-dasharray:80 900;animation:dph-travel 7s linear infinite}.dp-hero .dph-wave .dph-base{opacity:.22}
.dp-hero .dph-screen{position:relative;overflow:hidden;border-radius:10px;background:#18241e;aspect-ratio:16/9;border:1px solid #ffffff20;box-shadow:0 12px 30px #0004}.dp-hero .dph-screen video{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s}.dp-hero .dph-screen:after{content:'';pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a;border-radius:inherit}.dp-hero .dph-pause{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:50%;width:30px;height:30px;background:#101914c9;backdrop-filter:blur(8px);color:white;font-size:11px;cursor:pointer}.dp-hero .dph-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 20px}.dp-hero .dph-project{font-size:16px;font-weight:600;letter-spacing:-.02em}.dp-hero .dph-detail{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#90a69a}.dp-hero .dph-select{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;border-top:1px solid #ffffff1c;padding-top:15px}.dp-hero .dph-select button{font-family:inherit;background:none;border:0;border-radius:4px;color:#8d9b93;padding:8px 4px;text-align:left;font-size:10px;cursor:pointer;transition:color .2s,background .2s}.dp-hero .dph-select button span{display:block;color:#4d6658;font-size:9px;margin-bottom:5px}.dp-hero .dph-select button[aria-pressed=true]{color:#fff;background:#ffffff08}.dp-hero .dph-select button[aria-pressed=true] span{color:var(--pulse)}.dp-hero .dph-select button:hover{color:var(--pulse)}.dp-hero button:focus-visible,.dp-hero a:focus-visible{outline:2px solid var(--pulse);outline-offset:4px}.dp-hero .dph-note{position:absolute;bottom:-7px;right:8px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#6a7d71}
@keyframes dph-travel{to{stroke-dashoffset:-980}}
@media(min-width:1500px){.dp-hero{gap:7%;padding-top:90px;padding-bottom:90px}.dp-hero .dph-stage{max-width:610px}}
@media(max-width:1100px){.dp-hero{gap:4%;padding:65px 5%;min-height:620px}.dp-hero .dp-hero-title{font-size:56px}.dp-hero .dph-stage{padding:20px}.dp-hero .dph-type{font-size:72px}.dp-hero .dp-hero-description{font-size:15px}.dp-hero .dph-detail{font-size:8px}}
@media(max-width:800px){.dp-hero{grid-template-columns:1fr;padding:55px 24px 65px;gap:35px}.dp-hero .dp-hero-content{max-width:640px}.dp-hero .dp-hero-title{font-size:clamp(44px,7.4vw,64px)}.dp-hero .dp-scene-wrap{width:100%;max-width:570px;margin:auto}.dp-hero .dph-type{font-size:clamp(64px,12vw,100px)}.dp-hero .dph-stage{transform:rotate(-1.5deg)}.dp-hero .dph-detail{font-size:9px}}
@media(max-width:420px){.dp-hero{padding-left:20px;padding-right:20px}.dp-hero .dp-hero-title{font-size:43px}.dp-hero .dp-btn{padding:8px 11px;gap:7px}.dp-hero .dp-btn-text-1,.dp-hero .dp-btn-text-2{font-size:12px}.dp-hero .dph-stage{padding:18px 16px}.dp-hero .dph-top{font-size:8px}.dp-hero .dph-sign{font-size:13px}.dp-hero .dph-type{margin-top:28px}.dp-hero .dph-select button{font-size:9px}.dp-hero .dph-caption{align-items:flex-start;flex-direction:column;gap:4px}.dp-hero .dph-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.dp-hero *, .dp-hero *:before,.dp-hero *:after{animation:none!important;transition:none!important}.dp-hero .dph-stage{transform:none}}
.dp-hero .dph-type{font-size:clamp(60px,5vw,78px);line-height:.88;margin:24px 0 20px}.dp-hero .dph-screen{aspect-ratio:2/1}.dp-hero .dph-wave{top:24px;height:150px}.dp-hero .dph-caption{margin:13px 0 14px}.dp-hero .dph-select{padding-top:10px}
@media(max-width:800px){.dp-hero .dph-type{font-size:72px}.dp-hero .dph-screen{aspect-ratio:16/9}}
.dp-hero .dp-buttons{margin:0;flex-direction:row;justify-content:flex-start}.dp-hero .dp-btn-text-wrap{font-size:15px}.dp-hero .dp-btn-text-1,.dp-hero .dp-btn-text-2{line-height:1.2}
@media(min-width:1500px){.dp-hero{padding-top:60px;padding-bottom:65px}}
@media(max-width:420px){.dp-hero .dp-btn-text-wrap{font-size:12px}}


.dp-hero{min-height:700px;padding:70px 6% 80px;grid-template-columns:1.1fr 1fr;gap:4%;background:#fcfefc}
.dp-hero .dp-hero-bg{inset:0;transform:none!important;background:radial-gradient(ellipse at 78% 48%,#58be8e27,transparent 48%),radial-gradient(ellipse at 95% 10%,#c1ebd41f,transparent 50%)}
.dp-hero .dp-hero-bg:after{background:none}.dp-hero .dp-hero-title{font-size:clamp(48px,5vw,78px)}.dp-hero .dp-title-gradient{background:linear-gradient(110deg,#161e19,#7b8d82);background-clip:text;-webkit-background-clip:text;color:transparent}
.dp-hero .dp-scene-wrap{position:relative;padding:0;min-width:0;width:100%;height:530px;perspective:1200px;z-index:2;margin:0;pointer-events:none}.dp-hero .dpr-sculpture{position:absolute;inset:-50px -20px -20px;transform:rotate(-13deg);animation:dpr-float 7s ease-in-out infinite}.dp-hero .dpr-ribbon{height:100%;width:100%;overflow:visible}.dp-hero .dpr-floor{position:absolute;width:45%;height:22px;bottom:-4px;left:33%;border-radius:50%;background:#245339;opacity:.08;filter:blur(15px);animation:dpr-shadow 7s ease-in-out infinite}
.dp-hero .dps-landscape{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.55}.dp-hero .dps-landscape svg{width:100%;height:100%}.dp-hero .dps-landscape path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.dp-hero .dps-line{stroke:url(#dps-signal);stroke-width:1}.dp-hero .dps-run{stroke:#58be8e;stroke-width:1.8;stroke-dasharray:100 2540;animation:dpr-flow 8s linear infinite;opacity:.5}
@keyframes dpr-float{0%,100%{transform:translateY(0) rotate(-13deg) rotateY(-7deg)}50%{transform:translateY(-19px) rotate(-9deg) rotateY(7deg)}}@keyframes dpr-shadow{50%{opacity:.045;transform:scale(.85)}}@keyframes dpr-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:-2540}}
@media(min-width:1500px){.dp-hero{padding-top:70px;padding-bottom:80px}}
@media(max-width:1100px){.dp-hero{padding:70px 5%;gap:2%}.dp-hero .dp-hero-title{font-size:55px}.dp-hero .dp-scene-wrap{height:470px}}
@media(max-width:800px){.dp-hero{grid-template-columns:1fr;padding:70px 24px 45px;gap:15px}.dp-hero .dp-hero-title{font-size:clamp(44px,7vw,60px)}.dp-hero .dp-scene-wrap{height:410px;max-width:480px;margin:auto}.dp-hero .dpr-sculpture{inset:-15px 0 -5px}.dp-hero .dps-landscape{top:25%;width:180%;left:-50%}}
@media(max-width:420px){.dp-hero{padding-left:22px;padding-right:22px}.dp-hero .dp-hero-title{font-size:43px}.dp-hero .dp-scene-wrap{height:360px}}
@media(prefers-reduced-motion:reduce){.dp-hero .dpr-sculpture,.dp-hero .dpr-floor,.dp-hero .dps-run{animation:none}}


.dp-hero{width:100%!important;max-width:none!important;justify-self:stretch;background:#f5fbf7}
.dp-hero .dp-hero-bg{background:radial-gradient(ellipse at 80% 45%,#58be8e30,transparent 60%),linear-gradient(110deg,#fbfefc 18%,#edf8f1 100%)}
.dp-hero .dps-landscape{opacity:.85}.dp-hero .dps-line{stroke-width:1.35}.dp-hero .dps-run{opacity:.8;stroke-width:2}
.dp-hero .dpr-label{position:absolute;display:flex;align-items:center;gap:9px;white-space:nowrap;padding:11px 16px;background:#ffffffd9;backdrop-filter:blur(12px);border:1px solid #ffffffd9;border-radius:10px;box-shadow:0 8px 22px #19452b12;color:#203e2d;font-size:12px;font-weight:600;letter-spacing:.025em;transform:rotate(13deg);z-index:2}
.dp-hero .dpr-label:before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:#58be8e;box-shadow:0 0 0 4px #58be8e12}
.dp-hero .dpr-label-web{left:22%;top:16%}.dp-hero .dpr-label-marketing{left:40%;top:38%}.dp-hero .dpr-label-seo{left:24%;top:59%}.dp-hero .dpr-label-geo{left:58%;top:79%}
@media(max-width:1100px){.dp-hero .dpr-label{font-size:10px;padding:10px 13px}.dp-hero .dpr-label-web{left:12%}}
@media(max-width:800px){.dp-hero .dpr-label{font-size:11px}.dp-hero .dpr-label-web{left:16%}.dp-hero .dpr-label-marketing{left:43%}.dp-hero .dpr-label-seo{left:21%}.dp-hero .dpr-label-geo{left:56%}}
@media(max-width:420px){.dp-hero .dpr-label{font-size:9px;padding:9px 11px;border-radius:8px;gap:7px}.dp-hero .dpr-label-web{left:13%}.dp-hero .dpr-label-marketing{left:40%}.dp-hero .dpr-label-geo{left:53%}}

.dp-hero .dp-hero-bg{background:radial-gradient(ellipse at 80% 45%,#9894d224,transparent 58%),linear-gradient(110deg,#fbfcfb 18%,#f0f1f5 100%)!important}.dp-hero .dpo-stage{height:530px!important;display:grid;place-items:center;position:relative;perspective:1200px;pointer-events:none}.dpo-ambient{position:absolute;inset:10% 4%;background:radial-gradient(ellipse,#ab99d92b,transparent 65%);filter:blur(25px)}.dpo-object{position:relative;width:390px;height:390px;transform-style:preserve-3d;animation:dpo-hover 6s ease-in-out infinite}.dpo-sphere{position:absolute;inset:40px;border-radius:50%;overflow:hidden;background:#252632;box-shadow:inset -24px -28px 40px #030509d9,inset 7px 7px 15px #fff4,0 25px 65px #20253845}.dpo-surface{position:absolute;inset:-25%;border-radius:50%;background:conic-gradient(from 30deg,#171e2b,#929bb3 8%,#47475e 16%,#1d2431 23%,#c0bdd5 30%,#665272 38%,#263045 43%,#aa9e95 51%,#4e5368 58%,#151e2b 63%,#a0a7bb 73%,#46465e 80%,#2a2b3f 88%,#171e2b);animation:dpo-surface 14s linear infinite;filter:blur(7px)}.dpo-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 26% 22%,#f9f2ff80,transparent 24%),radial-gradient(ellipse at 74% 34%,#c9a57f28,transparent 35%),radial-gradient(ellipse at 36% 35%,transparent 25%,#151c3160 57%,#070e1feb 85%);box-shadow:inset 2px 1px 5px #f5e8ffa6,inset -9px -9px 15px #070c1fde}.dpo-cage{position:absolute;inset:4px;transform-style:preserve-3d;animation:dpo-spin 13s linear infinite}.dpo-cage i{position:absolute;inset:0;border:2px solid #a4a8bd70;border-left-color:#e4dbea;border-right-color:#46506b;border-radius:50%;transform:rotateY(var(--turn));box-shadow:inset 2px 0 3px #ffffff50,0 0 2px #4b456f55}.dpo-orbit{position:absolute;inset:-14px;border-radius:50%;border:8px solid #292b42;border-top-color:#b9b7c8;border-left-color:#777587;box-shadow:0 3px 5px #121b3240,inset 0 2px 4px #fff9;transform-style:preserve-3d}.dpo-orbit-one{animation:dpo-ring-one 10s linear infinite}.dpo-orbit-two{inset:-5px;border-width:5px;border-left-color:#9c826d;border-top-color:#ceb09b;animation:dpo-ring-two 16s linear infinite}.dpo-corelight{position:absolute;width:12px;height:12px;border-radius:50%;background:#ddc5ae;box-shadow:0 0 14px #dfb48b90;top:34px;left:92px}.dpo-floor{position:absolute;left:23%;right:18%;height:30px;bottom:28px;border-radius:50%;background:#30384b26;filter:blur(16px);animation:dpo-shadow 6s ease-in-out infinite}@keyframes dpo-hover{0%,100%{transform:translateY(4px) rotate(-8deg)}50%{transform:translateY(-18px) rotate(-3deg)}}@keyframes dpo-surface{to{transform:rotate(360deg)}}@keyframes dpo-spin{from{transform:rotateX(-18deg) rotateY(0deg)}to{transform:rotateX(-18deg) rotateY(360deg)}}@keyframes dpo-ring-one{from{transform:rotateX(65deg) rotateY(-25deg) rotateZ(0deg)}to{transform:rotateX(65deg) rotateY(-25deg) rotateZ(360deg)}}@keyframes dpo-ring-two{from{transform:rotateY(62deg) rotateX(15deg) rotateZ(0deg)}to{transform:rotateY(62deg) rotateX(15deg) rotateZ(-360deg)}}@keyframes dpo-shadow{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(.82);opacity:.45}}@media(max-width:1100px){.dpo-object{width:330px;height:330px}.dp-hero .dpo-stage{height:450px!important}}@media(max-width:800px){.dp-hero .dpo-stage{height:390px!important;margin-top:10px}.dpo-object{width:300px;height:300px}.dpo-sphere{inset:30px}.dpo-floor{bottom:15px}}@media(max-width:420px){.dpo-object{width:270px;height:270px}.dp-hero .dpo-stage{height:350px!important}}@media(prefers-reduced-motion:reduce){.dpo-object,.dpo-surface,.dpo-cage,.dpo-orbit,.dpo-floor{animation:none!important}}

.dp-hero .dp-hero-bg{background:radial-gradient(ellipse at 80% 45%,#9894d224,transparent 58%),linear-gradient(110deg,#fbfcfb 18%,#f0f1f5 100%)!important}.dp-hero .dpo-stage{height:530px!important;display:grid;place-items:center;position:relative;perspective:1200px;pointer-events:none}.dpo-ambient{position:absolute;inset:10% 4%;background:radial-gradient(ellipse,#ab99d92b,transparent 65%);filter:blur(25px)}.dpo-object{position:relative;width:390px;height:390px;transform-style:preserve-3d;animation:dpo-hover 6s ease-in-out infinite}.dpo-sphere{position:absolute;inset:40px;border-radius:50%;overflow:hidden;background:#252632;box-shadow:inset -24px -28px 40px #030509d9,inset 7px 7px 15px #fff4,0 25px 65px #20253845}.dpo-surface{position:absolute;inset:-25%;border-radius:50%;background:conic-gradient(from 30deg,#171e2b,#929bb3 8%,#47475e 16%,#1d2431 23%,#c0bdd5 30%,#665272 38%,#263045 43%,#aa9e95 51%,#4e5368 58%,#151e2b 63%,#a0a7bb 73%,#46465e 80%,#2a2b3f 88%,#171e2b);animation:dpo-surface 14s linear infinite;filter:blur(7px)}.dpo-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 26% 22%,#f9f2ff80,transparent 24%),radial-gradient(ellipse at 74% 34%,#c9a57f28,transparent 35%),radial-gradient(ellipse at 36% 35%,transparent 25%,#151c3160 57%,#070e1feb 85%);box-shadow:inset 2px 1px 5px #f5e8ffa6,inset -9px -9px 15px #070c1fde}.dpo-cage{position:absolute;inset:4px;transform-style:preserve-3d;animation:dpo-spin 13s linear infinite}.dpo-cage i{position:absolute;inset:0;border:2px solid #a4a8bd70;border-left-color:#e4dbea;border-right-color:#46506b;border-radius:50%;transform:rotateY(var(--turn));box-shadow:inset 2px 0 3px #ffffff50,0 0 2px #4b456f55}.dpo-orbit{position:absolute;inset:-14px;border-radius:50%;border:8px solid #292b42;border-top-color:#b9b7c8;border-left-color:#777587;box-shadow:0 3px 5px #121b3240,inset 0 2px 4px #fff9;transform-style:preserve-3d}.dpo-orbit-one{animation:dpo-ring-one 10s linear infinite}.dpo-orbit-two{inset:-5px;border-width:5px;border-left-color:#9c826d;border-top-color:#ceb09b;animation:dpo-ring-two 16s linear infinite}.dpo-corelight{position:absolute;width:12px;height:12px;border-radius:50%;background:#ddc5ae;box-shadow:0 0 14px #dfb48b90;top:34px;left:92px}.dpo-floor{position:absolute;left:23%;right:18%;height:30px;bottom:28px;border-radius:50%;background:#30384b26;filter:blur(16px);animation:dpo-shadow 6s ease-in-out infinite}@keyframes dpo-hover{0%,100%{transform:translateY(4px) rotate(-8deg)}50%{transform:translateY(-18px) rotate(-3deg)}}@keyframes dpo-surface{to{transform:rotate(360deg)}}@keyframes dpo-spin{from{transform:rotateX(-18deg) rotateY(0deg)}to{transform:rotateX(-18deg) rotateY(360deg)}}@keyframes dpo-ring-one{from{transform:rotateX(65deg) rotateY(-25deg) rotateZ(0deg)}to{transform:rotateX(65deg) rotateY(-25deg) rotateZ(360deg)}}@keyframes dpo-ring-two{from{transform:rotateY(62deg) rotateX(15deg) rotateZ(0deg)}to{transform:rotateY(62deg) rotateX(15deg) rotateZ(-360deg)}}@keyframes dpo-shadow{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(.82);opacity:.45}}@media(max-width:1100px){.dpo-object{width:330px;height:330px}.dp-hero .dpo-stage{height:450px!important}}@media(max-width:800px){.dp-hero .dpo-stage{height:390px!important;margin-top:10px}.dpo-object{width:300px;height:300px}.dpo-sphere{inset:30px}.dpo-floor{bottom:15px}}@media(max-width:420px){.dpo-object{width:270px;height:270px}.dp-hero .dpo-stage{height:350px!important}}@media(prefers-reduced-motion:reduce){.dpo-object,.dpo-surface,.dpo-cage,.dpo-orbit,.dpo-floor{animation:none!important}}
.dpo-label{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:13px 17px;background:#ffffffed;border:1px solid #d7ddd8;border-radius:10px;color:#26382d;text-decoration:none;font-size:11px;font-weight:650;letter-spacing:.025em;box-shadow:0 10px 30px #25312612;backdrop-filter:blur(12px);pointer-events:auto;transition:transform .3s,box-shadow .3s}.dpo-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#58be8e;box-shadow:0 0 0 4px #58be8e15}.dpo-label span{color:#4c9b70;font-size:14px}.dpo-label:hover{transform:translateY(-4px);box-shadow:0 16px 32px #25312620}.dpo-label-web{top:16%;left:0}.dpo-label-marketing{top:34%;right:0}.dpo-label-seo{bottom:28%;left:4%}.dpo-label-geo{bottom:11%;right:5%}.dpo-label:focus-visible{outline:2px solid #398b61;outline-offset:5px}@media(max-width:1100px){.dpo-label{font-size:9px;padding:11px 13px;gap:8px}.dpo-label-web{left:-3%}.dpo-label-marketing{right:-4%}}@media(max-width:800px){.dpo-label{font-size:10px}.dpo-label-web{left:3%;top:12%}.dpo-label-marketing{right:2%;top:33%}.dpo-label-seo{left:6%;bottom:24%}.dpo-label-geo{right:3%;bottom:8%}}@media(max-width:400px){.dpo-label{font-size:8px;padding:10px 12px}.dpo-label-web{left:0}.dpo-label-marketing{right:0}.dpo-label-geo{right:0}}





.dp-process {
    position: relative;
    width: 100%;
    min-height: 900px;
    padding: 125px 6% 90px;
    box-sizing: border-box;
    background: #050706;
    color: #ffffff;
    overflow: hidden;
    isolation: isolate;
}




.dp-process-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}




.dp-process-grid {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size: 75px 75px;

    opacity: .45;

    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 18%,
        black 78%,
        transparent 100%
    );

    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 18%,
        black 78%,
        transparent 100%
    );
}




.dp-process-glow {
    position: absolute;

    width: 700px;
    height: 700px;

    left: 58%;
    top: 46%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(88,190,142,.15) 0%,
            rgba(88,190,142,.07) 26%,
            rgba(88,190,142,.025) 50%,
            transparent 72%
        );

    filter: blur(18px);

    animation:
        dpProcessGlow 9s ease-in-out infinite;
}


@keyframes dpProcessGlow {

    0%,100% {
        transform:
            translate(-50%, -50%)
            scale(1);

        opacity: .7;
    }

    50% {
        transform:
            translate(-50%, -50%)
            scale(1.13);

        opacity: 1;
    }
}




.dp-process-glow-2 {
    position: absolute;

    width: 350px;
    height: 350px;

    left: -100px;
    bottom: -120px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(88,190,142,.08),
            transparent 70%
        );

    filter: blur(30px);

    animation:
        dpProcessGlow2 12s ease-in-out infinite;
}


@keyframes dpProcessGlow2 {

    0%,100% {
        transform:
            translate3d(0,0,0);
    }

    50% {
        transform:
            translate3d(80px,-50px,0);
    }
}




.dp-process-light {
    position: absolute;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #58be8e;

    box-shadow:
        0 0 10px rgba(88,190,142,.8),
        0 0 28px rgba(88,190,142,.35);

    opacity: .65;
}


.dp-process-light-1 {
    left: 12%;
    top: 25%;

    animation:
        dpLight1 7s ease-in-out infinite;
}


.dp-process-light-2 {
    left: 45%;
    top: 17%;

    animation:
        dpLight2 9s ease-in-out infinite;
}


.dp-process-light-3 {
    right: 13%;
    top: 35%;

    animation:
        dpLight3 8s ease-in-out infinite;
}


.dp-process-light-4 {
    right: 30%;
    bottom: 17%;

    animation:
        dpLight4 10s ease-in-out infinite;
}


@keyframes dpLight1 {

    0%,100% {
        transform:
            translate3d(0,0,0);

        opacity: .35;
    }

    50% {
        transform:
            translate3d(30px,-25px,0);

        opacity: .9;
    }
}


@keyframes dpLight2 {

    0%,100% {
        transform:
            translate3d(0,0,0);

        opacity: .3;
    }

    50% {
        transform:
            translate3d(-25px,30px,0);

        opacity: 1;
    }
}


@keyframes dpLight3 {

    0%,100% {
        transform:
            translate3d(0,0,0);

        opacity: .4;
    }

    50% {
        transform:
            translate3d(-35px,-15px,0);

        opacity: .95;
    }
}


@keyframes dpLight4 {

    0%,100% {
        transform:
            translate3d(0,0,0);

        opacity: .35;
    }

    50% {
        transform:
            translate3d(25px,-25px,0);

        opacity: .9;
    }
}




.dp-process-orbit {
    position: absolute;

    width: 700px;
    height: 280px;

    right: -170px;
    top: 180px;

    border:
        1px solid
        rgba(88,190,142,.13);

    border-radius: 50%;

    transform: rotate(-24deg);

    opacity: .8;

    animation:
        dpOrbit 18s ease-in-out infinite;
}


.dp-process-orbit::before {
    content: "";

    position: absolute;

    inset: 30px 75px;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius: 50%;
}


.dp-process-orbit::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    left: 18%;
    top: 8%;

    border-radius: 50%;

    background: #58be8e;

    box-shadow:
        0 0 15px #58be8e,
        0 0 40px rgba(88,190,142,.4);
}


@keyframes dpOrbit {

    0%,100% {
        transform:
            rotate(-24deg)
            translate3d(0,0,0);
    }

    50% {
        transform:
            rotate(-18deg)
            translate3d(-15px,12px,0);
    }
}




.dp-process-inner {
    position: relative;
    z-index: 5;

    width: 100%;
    max-width: 1450px;

    margin: 0 auto;
}




.dp-process-header {
    display: grid;

    grid-template-columns:
        minmax(300px,.9fr)
        minmax(300px,1fr);

    gap: 80px;

    align-items: end;

    margin-bottom: 95px;
}


.dp-process-label {
    display: inline-flex;

    align-items: center;
    gap: 9px;

    margin-bottom: 22px;

    color: #58be8e;

    font-size: 15px;
    font-weight: 600;

    letter-spacing: .12em;
    text-transform: uppercase;
}


.dp-process-label::before {
    content: "";

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #58be8e;

    box-shadow:
        0 0 12px rgba(88,190,142,.8);
}


.dp-process-title {
    margin: 0;

    max-width: 700px;

    color: #ffffff;

    font-size:
        clamp(48px,6vw,86px);

    line-height: .96;

    letter-spacing: -.055em;

    font-weight: 700;
}


.dp-process-title span {
    color: #6e7471;
}


.dp-process-intro {
    max-width: 540px;

    margin: 0 0 5px auto;

    color: #969b98;

    font-size: 18px;

    line-height: 1.6;

    font-weight: 400;
}




.dp-process-list {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    border-top:
        1px solid
        rgba(255,255,255,.10);
}




.dp-process-list::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 72px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(88,190,142,.30) 12%,
            rgba(88,190,142,.30) 88%,
            transparent
        );

    opacity: .7;
}




.dp-process-step {
    position: relative;

    min-height: 390px;

    padding:
        36px 30px
        40px 0;

    border-right:
        1px solid
        rgba(255,255,255,.08);

    opacity: 0;

    transform:
        translateY(45px);

    transition:
        opacity .8s ease,
        transform .9s cubic-bezier(.22,1,.36,1);
}


.dp-process-step:last-child {
    border-right: none;

    padding-right: 0;
}


.dp-process-step.dp-visible {
    opacity: 1;

    transform:
        translateY(0);
}


.dp-process-step:nth-child(1) {
    transition-delay: .05s;
}


.dp-process-step:nth-child(2) {
    transition-delay: .14s;
}


.dp-process-step:nth-child(3) {
    transition-delay: .23s;
}


.dp-process-step:nth-child(4) {
    transition-delay: .32s;
}




.dp-step-top {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding-right: 30px;

    margin-bottom: 35px;
}


.dp-step-number {
    color: #5d625f;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: .08em;
}


.dp-step-line {
    position: absolute;

    right: 29px;
    top: 50%;

    width: 9px;
    height: 9px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background: #111513;

    border:
        1px solid
        rgba(88,190,142,.5);

    box-shadow:
        0 0 0 5px #050706;

    transition:
        background .5s ease,
        box-shadow .5s ease,
        transform .5s ease;
}


.dp-process-step:hover .dp-step-line {
    background: #58be8e;

    box-shadow:
        0 0 0 5px #050706,
        0 0 20px rgba(88,190,142,.65);

    transform:
        translateY(-50%)
        scale(1.2);
}




.dp-step-icon {
    width: 115px;
    height: 115px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 30px;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius: 26px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.015)
        );

    box-shadow:
        inset 0 0 30px rgba(255,255,255,.015),
        0 15px 45px rgba(0,0,0,.22);

    transition:
        transform .55s cubic-bezier(.22,1,.36,1),
        border-color .55s ease,
        box-shadow .55s ease,
        background .55s ease;
}


.dp-step-icon lord-icon {
    width: 90px !important;
    height: 90px !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1);
}


.dp-process-step:hover .dp-step-icon {
    transform:
        translateY(-7px)
        rotate(-2deg);

    border-color:
        rgba(88,190,142,.30);

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(88,190,142,.12),
            rgba(255,255,255,.025) 65%
        );

    box-shadow:
        0 20px 55px rgba(0,0,0,.3),
        0 0 35px rgba(88,190,142,.08);
}


.dp-process-step:hover
.dp-step-icon lord-icon {
    transform:
        scale(1.08);
}




.dp-step-title {
    margin: 0 0 13px;

    color: #ffffff;

    font-size: 23px;

    line-height: 1.15;

    font-weight: 650;

    letter-spacing: -.025em;
}


.dp-step-description {
    max-width: 270px;

    margin: 0;

    color: #858b88;

    font-size: 15px;

    line-height: 1.65;

    font-weight: 400;

    transition:
        color .4s ease;
}


.dp-process-step:hover
.dp-step-description {
    color: #b4b9b6;
}


.dp-step-accent {
    width: 0;
    height: 1px;

    margin-top: 25px;

    background:
        linear-gradient(
            90deg,
            #58be8e,
            transparent
        );

    transition:
        width .6s cubic-bezier(.22,1,.36,1);
}


.dp-process-step:hover
.dp-step-accent {
    width: 95px;
}




.dp-resource-cards {
    position: relative;
    z-index: 5;

    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    margin-top: 85px;
}




.dp-resource-card {
    position: relative;

    min-height: 300px;

    padding:
        48px 42px
        40px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(88,190,142,.075),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    border:
        1px solid
        rgba(255,255,255,.11);

    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 25px 70px rgba(0,0,0,.20);

    transition:
        transform .65s cubic-bezier(.22,1,.36,1),
        border-color .5s ease,
        box-shadow .65s ease;
}




.dp-resource-card::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    left: -130px;
    top: -160px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(88,190,142,.13),
            transparent 68%
        );

    filter: blur(15px);

    opacity: .65;

    transition:
        transform .8s ease,
        opacity .6s ease;
}




.dp-resource-card::after {
    content: "";

    position: absolute;

    left: 12%;
    right: 12%;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(88,190,142,.45),
            transparent
        );

    opacity: .45;

    transition:
        opacity .5s ease;
}


.dp-resource-card:hover {
    transform:
        translateY(-8px);

    border-color:
        rgba(88,190,142,.27);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 30px 80px rgba(0,0,0,.30),
        0 0 45px rgba(88,190,142,.045);
}


.dp-resource-card:hover::before {
    transform:
        translate3d(80px,60px,0)
        scale(1.15);

    opacity: .9;
}


.dp-resource-card:hover::after {
    opacity: .9;
}




.dp-resource-label {
    position: relative;
    z-index: 2;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 19px;

    color: #58be8e;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: .1em;

    text-transform: uppercase;
}


.dp-resource-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #58be8e;

    box-shadow:
        0 0 12px rgba(88,190,142,.75);
}




.dp-resource-title {
    position: relative;
    z-index: 2;

    margin: 0 0 15px;

    color: #ffffff;

    font-size:
        clamp(30px,3vw,44px);

    line-height: 1.05;

    letter-spacing: -.045em;

    font-weight: 700;
}




.dp-resource-description {
    position: relative;
    z-index: 2;

    max-width: 570px;

    margin: 0 auto 28px;

    color: #8d9490;

    font-size: 16px;

    line-height: 1.6;

    font-weight: 400;
}




.dp-resource-btn {
    position: relative;
    z-index: 3;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 8px 15px;

    background: #111111;

    border:
        1.5px solid
        rgba(255,255,255,.15);

    border-radius: 100px;

    text-decoration: none;

    overflow: hidden;

    transition:
        box-shadow .4s ease,
        border-color .4s ease,
        transform .4s cubic-bezier(.22,1,.36,1);
}


.dp-resource-btn:hover {
    border-color:
        rgba(255,255,255,.4);

    box-shadow:
        0 12px 35px rgba(0,0,0,.25);

    transform:
        translateY(-2px);
}


.dp-resource-btn-text-wrap {
    overflow: hidden;

    position: relative;

    height: 1.2em;

    line-height: 1.2;
}


.dp-resource-btn-text-1,
.dp-resource-btn-text-2 {
    display: block;

    color: #ffffff;

    font-size: 16px;

    font-weight: 500;

    white-space: nowrap;

    transition:
        transform .4s cubic-bezier(.22,1,.36,1);
}


.dp-resource-btn-text-2 {
    position: absolute;

    top: 0;
    left: 0;

    transform:
        translateY(110%);
}


.dp-resource-btn:hover
.dp-resource-btn-text-1 {
    transform:
        translateY(-110%);
}


.dp-resource-btn:hover
.dp-resource-btn-text-2 {
    transform:
        translateY(0%);
}


.dp-resource-btn-icon {
    width: 28px;
    height: 28px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #ffffff;

    border-radius: 50%;

    transition:
        transform .4s cubic-bezier(.22,1,.36,1);
}


.dp-resource-btn-icon svg {
    width: 13px;
    height: 13px;

    stroke: #58be8e;

    stroke-width: 2.2;

    fill: none;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.dp-resource-btn:hover
.dp-resource-btn-icon {
    transform:
        rotate(360deg)
        scale(1.1);
}




.dp-process-bottom {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 70px;

    padding-top: 25px;

    border-top:
        1px solid
        rgba(255,255,255,.07);
}


.dp-process-bottom-text {
    margin: 0;

    color: #555b58;

    font-size: 15px;

    line-height: 1.4;
}


.dp-process-bottom-status {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #69706d;

    font-size: 15px;
}


.dp-process-bottom-status::before {
    content: "";

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #58be8e;

    box-shadow:
        0 0 12px rgba(88,190,142,.7);

    animation:
        dpStatusPulse 2s ease-in-out infinite;
}


@keyframes dpStatusPulse {

    0%,100% {
        opacity: .5;
        transform: scale(.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}




@media (max-width:1100px) {

    .dp-process {
        padding-left: 5%;
        padding-right: 5%;
    }

    .dp-process-header {
        gap: 45px;
    }

    .dp-process-list {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .dp-process-step:nth-child(2) {
        border-right: none;
    }

    .dp-process-step:nth-child(1),
    .dp-process-step:nth-child(2) {
        border-bottom:
            1px solid
            rgba(255,255,255,.08);
    }

    .dp-process-list::before {
        display: none;
    }
}


@media (max-width:750px) {

    .dp-process {
        min-height: auto;

        padding:
            90px 24px 75px;
    }

    .dp-process-header {
        display: block;

        margin-bottom: 65px;
    }

    .dp-process-title {
        font-size:
            clamp(45px,11vw,65px);
    }

    .dp-process-intro {
        margin:
            30px 0 0;

        font-size: 17px;
    }

    .dp-process-list {
        display: block;
    }

    .dp-process-step {
        min-height: auto;

        padding:
            35px 0 45px;

        border-right: none;

        border-bottom:
            1px solid
            rgba(255,255,255,.08);
    }

    .dp-process-step:last-child {
        border-bottom: none;
    }

    .dp-step-top {
        padding-right: 0;
    }

    .dp-step-line {
        display: none;
    }

    .dp-process-orbit {
        right: -400px;
    }

    .dp-process-glow {
        left: 50%;
    }

    .dp-resource-cards {
        grid-template-columns: 1fr;

        gap: 16px;

        margin-top: 60px;
    }

    .dp-resource-card {
        min-height: 280px;

        padding:
            40px 25px;
    }

    .dp-resource-title {
        font-size: 32px;
    }

    .dp-resource-description {
        font-size: 15px;
    }

    .dp-process-bottom {
        display: block;
    }

    .dp-process-bottom-status {
        margin-top: 15px;
    }
}


@media (max-width:480px) {

    .dp-process {
        padding:
            75px 18px 65px;
    }

    .dp-process-title {
        font-size: 43px;
    }

    .dp-step-icon {
        width: 105px;
        height: 105px;
    }
}



.dp-process-header{align-items:center;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:70px;margin-bottom:75px}
.dp-process-intro{max-width:560px;margin:28px 0 0;font-size:17px}
.dp-process-media{width:min(100%,340px);aspect-ratio:17/22;justify-self:center;position:relative;overflow:hidden;border-radius:18px;background:#101713;border:1px solid #58be8e30;box-shadow:0 22px 70px #0005}
.dp-process-video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
@media(max-width:1100px){.dp-process-header{gap:40px}.dp-process-media{width:min(100%,310px)}}
@media(max-width:750px){.dp-process-header{display:grid;grid-template-columns:1fr;gap:35px}.dp-process-media{width:min(100%,320px);justify-self:center}.dp-process-intro{font-size:17px;margin-top:25px}}





.dp-marketing-section {

  --green: #58be8e;

  --black: #0b0b0b;

  position: relative;

  width: 100%;

  min-height: 780px;

  overflow: hidden;

  background: #ffffff;

  font-family:
    Inter,
    Arial,
    sans-serif;

  isolation: isolate;

}


.dp-marketing-section *,
.dp-marketing-section *::before,
.dp-marketing-section *::after {

  box-sizing: border-box;

}




.dp-bg-layer {

  position: absolute;

  inset: 0;

  overflow: hidden;

  pointer-events: none;

  z-index: 0;

}




.dp-bg-grid {

  position: absolute;

  width: 150%;

  height: 150%;

  left: -25%;

  top: -25%;

  opacity: .28;

  background-image:

    linear-gradient(
      rgba(0,0,0,.025) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(0,0,0,.025) 1px,
      transparent 1px
    );

  background-size:
    70px 70px;

  transform:
    perspective(600px)
    rotateX(58deg)
    translateY(120px);

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      black 25%,
      black 70%,
      transparent
    );

  animation:
    dpGridAnimation 24s
    linear infinite;

}


@keyframes dpGridAnimation {

  from {

    background-position:
      0 0;

  }

  to {

    background-position:
      140px 70px;

  }

}




.dp-bg-glow {

  position: absolute;

  border-radius: 50%;

  filter:
    blur(100px);

}


.dp-bg-glow-1 {

  opacity: .72;

  width: 500px;
  height: 500px;

  right: -150px;
  top: 0;

  background:
    rgba(88,190,142,.055);

  animation:
    dpGlowOne 11s
    ease-in-out infinite;

}


.dp-bg-glow-2 {

  opacity: .55;

  width: 400px;
  height: 400px;

  left: -150px;
  bottom: -120px;

  background:
    rgba(0,0,0,.025);

  animation:
    dpGlowTwo 14s
    ease-in-out infinite;

}


@keyframes dpGlowOne {

  0%,
  100% {

    transform:
      translate3d(0,0,0);

  }

  50% {

    transform:
      translate3d(
        -30px,
        25px,
        0
      );

  }

}


@keyframes dpGlowTwo {

  0%,
  100% {

    transform:
      translate3d(0,0,0);

  }

  50% {

    transform:
      translate3d(
        35px,
        -25px,
        0
      );

  }

}




.dp-bg-orbit {

  position: absolute;

  border-radius: 50%;

  border:
    1px solid
    rgba(0,0,0,.035);

}


.dp-bg-orbit-1 {

  opacity: .45;

  width: 900px;
  height: 900px;

  right: -360px;
  top: -260px;

  animation:
    dpOrbitOne 40s
    linear infinite;

}


.dp-bg-orbit-2 {

  opacity: .55;

  width: 600px;
  height: 600px;

  right: -200px;
  top: -20px;

  border-color:
    rgba(88,190,142,.07);

  animation:
    dpOrbitTwo 30s
    linear infinite;

}


@keyframes dpOrbitOne {

  to {

    transform:
      rotate(360deg);

  }

}


@keyframes dpOrbitTwo {

  from {

    transform:
      rotate(360deg);

  }

  to {

    transform:
      rotate(0deg);

  }

}




.dp-code-fragment {

  position: absolute;

  color:
    rgba(0,0,0,.04);

  font-family:
    monospace;

  font-size:
    15px;

  white-space:
    nowrap;

}


.dp-code-1 {

  left: 5%;
  top: 18%;

  animation:
    dpCodeFloat1 17s
    ease-in-out infinite;

}


.dp-code-2 {

  left: 16%;
  bottom: 15%;

  animation:
    dpCodeFloat2 21s
    ease-in-out infinite;

}


.dp-code-3 {

  right: 5%;
  top: 17%;

  animation:
    dpCodeFloat3 19s
    ease-in-out infinite;

}


.dp-code-4 {

  right: 17%;
  bottom: 11%;

  animation:
    dpCodeFloat4 16s
    ease-in-out infinite;

}


.dp-code-5 {

  left: 46%;
  top: 8%;

  animation:
    dpCodeFloat5 23s
    ease-in-out infinite;

}


@keyframes dpCodeFloat1 {

  0%,
  100% {

    transform:
      translate3d(0,0,0);

  }

  50% {

    transform:
      translate3d(
        25px,
        -14px,
        0
      );

  }

}


@keyframes dpCodeFloat2 {

  0%,
  100% {

    transform:
      translate3d(0,0,0)
      rotate(-2deg);

  }

  50% {

    transform:
      translate3d(
        -20px,
        15px,
        0
      )
      rotate(2deg);

  }

}


@keyframes dpCodeFloat3 {

  0%,
  100% {

    transform:
      translate3d(0,0,0);

  }

  50% {

    transform:
      translate3d(
        -22px,
        18px,
        0
      );

  }

}


@keyframes dpCodeFloat4 {

  0%,
  100% {

    transform:
      translate3d(0,0,0);

  }

  50% {

    transform:
      translate3d(
        22px,
        -15px,
        0
      );

  }

}


@keyframes dpCodeFloat5 {

  0%,
  100% {

    transform:
      translate3d(0,0,0);

  }

  50% {

    transform:
      translate3d(
        18px,
        20px,
        0
      );

  }

}




.dp-bg-dot {

  position:
    absolute;

  width:
    5px;

  height:
    5px;

  border-radius:
    50%;

  background:
    var(--green);

  opacity:
    .5;

  box-shadow:
    0 0 15px
    rgba(88,190,142,.5);

  opacity: .32;

}


.dp-bg-dot-1 {

  left:
    42%;

  top:
    16%;

  animation:
    dpDotFloat 5s
    ease-in-out infinite;

}


.dp-bg-dot-2 {

  right:
    9%;

  top:
    67%;

  animation:
    dpDotFloat 6s
    ease-in-out infinite
    -.7s;

}


.dp-bg-dot-3 {

  left:
    8%;

  bottom:
    24%;

  animation:
    dpDotFloat 7s
    ease-in-out infinite
    -1.5s;

}


.dp-bg-dot-4 {

  right:
    35%;

  bottom:
    8%;

  animation:
    dpDotFloat 5.5s
    ease-in-out infinite
    -2s;

}


@keyframes dpDotFloat {

  0%,
  100% {

    transform:
      translate3d(0,0,0);

    opacity:
      .25;

  }

  50% {

    transform:
      translate3d(
        0,
        -14px,
        0
      );

    opacity:
      .75;

  }

}




.dp-marketing-inner {

  position:
    relative;

  width:
    min(1400px, 92%);

  min-height:
    780px;

  margin:
    0 auto;

  display:
    grid;

  grid-template-columns:
    .82fr 1.18fr;

  align-items:
    center;

  gap:
    70px;

  z-index:
    2;

}




.dp-marketing-copy {

  position:
    relative;

  z-index:
    10;

}


.dp-eyebrow {

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  margin-bottom:
    24px;

  color:
    #737373;

  font-size:
    15px;

  font-weight:
    700;

  letter-spacing:
    .11em;

}


.dp-eyebrow-dot {

  width:
    8px;

  height:
    8px;

  border-radius:
    50%;

  background:
    var(--green);

  box-shadow:
    0 0 0 5px
    rgba(88,190,142,.09),

    0 0 15px
    rgba(88,190,142,.35);

}


.dp-marketing-copy h2 {

  max-width:
    600px;

  margin:
    0;

  color:
    #0b0b0b;

  font-size:
    clamp(
      52px,
      5.8vw,
      82px
    );

  line-height:
    .93;

  letter-spacing:
    -.06em;

  font-weight:
    800;

}


.dp-marketing-copy h2 span {

  display:
    block;

  color:
    #9d9d9d;

}


.dp-marketing-copy h2 strong {

  display:
    block;

  color:
    #0b0b0b;

}


.dp-main-description {

  max-width:
    570px;

  margin:
    32px 0 0;

  color:
    #626262;

  font-size:
    18px;

  line-height:
    1.65;

}




.dp-buttons {

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    16px;

  margin-top:
    40px;

}


.dp-button {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    12px;

  padding:
    8px 15px;

  background:
    #111111;

  border:
    1.5px solid
    rgba(255,255,255,.15);

  border-radius:
    100px;

  text-decoration:
    none;

  overflow:
    hidden;

  transition:
    transform .4s
    cubic-bezier(
      .22,1,.36,1
    ),

    box-shadow .4s ease,

    border-color .4s ease;

}


.dp-button:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 14px 35px
    rgba(0,0,0,.15);

  border-color:
    rgba(255,255,255,.4);

}


.dp-button-text {

  position:
    relative;

  height:
    1.2em;

  overflow:
    hidden;

}


.dp-button-text span {

  display:
    block;

  color:
    #ffffff;

  font-size:
    16px;

  font-weight:
    500;

  white-space:
    nowrap;

  transition:
    transform .4s
    cubic-bezier(
      .22,1,.36,1
    );

}


.dp-button-text span:nth-child(2) {

  position:
    absolute;

  left:
    0;

  top:
    0;

  transform:
    translateY(110%);

}


.dp-button:hover
.dp-button-text span:first-child {

  transform:
    translateY(-110%);

}


.dp-button:hover
.dp-button-text span:nth-child(2) {

  transform:
    translateY(0);

}


.dp-button-icon {

  width:
    28px;

  height:
    28px;

  flex-shrink:
    0;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    50%;

  background:
    #ffffff;

  transition:
    transform .4s
    cubic-bezier(
      .22,1,.36,1
    );

}


.dp-button-icon svg {

  width:
    13px;

  height:
    13px;

  fill:
    none;

  stroke:
    var(--green);

  stroke-width:
    2.2;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;

}


.dp-button:hover
.dp-button-icon {

  transform:
    rotate(360deg)
    scale(1.1);

}


.dp-button-light {

  background:
    transparent;

  border-color:
    rgba(0,0,0,.12);

}


.dp-button-light
.dp-button-text span {

  color:
    #111111;

}


.dp-button-light
.dp-button-icon {

  background:
    #111111;

}




.dp-visual-container {

  position:
    relative;

  min-height:
    670px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  perspective:
    1500px;

}


.dp-visual {

  position:
    relative;

  width:
    100%;

  max-width:
    760px;

  height:
    650px;

  transform-style:
    preserve-3d;

  will-change:
    transform;

}




.dp-browser {

  position:
    absolute;

  left:
    50%;

  top:
    50%;

  width:
    650px;

  height:
    510px;

  transform:
    translate3d(
      -50%,
      -50%,
      0
    )
    rotateX(2deg)
    rotateY(-3deg);

  border:
    1px solid
    rgba(0,0,0,.12);

  border-radius:
    20px;

  background:
    #ffffff;

  box-shadow:

    0 45px 100px
    rgba(0,0,0,.12),

    0 5px 20px
    rgba(0,0,0,.04);

  overflow:
    hidden;

  transform-style:
    preserve-3d;

  will-change:
    transform;

}




.dp-browser-bar {

  height:
    48px;

  display:
    flex;

  align-items:
    center;

  padding:
    0 16px;

  border-bottom:
    1px solid
    #ededed;

  background:
    #fafafa;

}


.dp-browser-controls {

  width:
    75px;

  display:
    flex;

  gap:
    6px;

}


.dp-browser-controls span {

  width:
    7px;

  height:
    7px;

  border-radius:
    50%;

  background:
    #d4d4d4;

}


.dp-browser-controls span:first-child {

  background:
    var(--green);

}


.dp-browser-address {

  flex:
    1;

  height:
    27px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    #e3e3e3;

  border-radius:
    7px;

  background:
    #ffffff;

  color:
    #999999;

  font-size:
    15px;

}


.dp-browser-menu {

  width:
    75px;

  display:
    flex;

  justify-content:
    flex-end;

  gap:
    4px;

}


.dp-browser-menu span {

  width:
    3px;

  height:
    3px;

  border-radius:
    50%;

  background:
    #999999;

}




.dp-website {

  height:
    428px;

  padding:
    22px 25px 0;

  background:
    #ffffff;

}


.dp-site-header {

  height:
    42px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

}


.dp-site-logo {

  width:
    130px;

}


.dp-site-logo img {

  display:
    block;

  width:
    130px;

  height:
    auto;

}


.dp-site-navigation {

  display:
    flex;

  align-items:
    center;

  gap:
    18px;

}


.dp-site-navigation span {

  color:
    #777777;

  font-size:
    15px;

}


.dp-site-navigation i {

  width:
    30px;

  height:
    30px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    50%;

  background:
    #111111;

  color:
    var(--green);

  font-style:
    normal;

  font-size:
    15px;

}




.dp-site-hero {

  display:
    grid;

  grid-template-columns:
    .92fr 1.08fr;

  gap:
    20px;

  margin-top:
    42px;

}


.dp-site-text small {

  color:
    #999999;

  font-size:
    15px;

  letter-spacing:
    .08em;

}


.dp-site-text h3 {

  max-width:
    285px;

  margin:
    13px 0 0;

  color:
    #111111;

  font-size:
    30px;

  line-height:
    1;

  letter-spacing:
    -.045em;

}


.dp-site-text h3 span {

  color:
    #999999;

}


.dp-site-text p {

  margin:
    15px 0 0;

  color:
    #999999;

  font-size:
    15px;

}


.dp-site-action {

  width:
    max-content;

  display:
    flex;

  align-items:
    center;

  gap:
    9px;

  margin-top:
    18px;

  padding:
    8px 11px 8px 14px;

  border-radius:
    100px;

  background:
    #111111;

  color:
    #ffffff;

  font-size:
    15px;

}


.dp-site-action span {

  width:
    21px;

  height:
    21px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    50%;

  background:
    #ffffff;

  color:
    var(--green);

}




.dp-mini-interface {

  position:
    relative;

  height:
    220px;

}


.dp-mini-window {

  position:
    absolute;

  top:
    0;

  right:
    5px;

  width:
    245px;

  height:
    175px;

  border:
    1px solid
    #dddddd;

  border-radius:
    12px;

  background:
    #fafafa;

  box-shadow:
    0 18px 40px
    rgba(0,0,0,.07);

  transform:
    rotate(3deg);

}


.dp-mini-top {

  height:
    25px;

  display:
    flex;

  align-items:
    center;

  gap:
    4px;

  padding:
    0 9px;

  border-bottom:
    1px solid
    #e7e7e7;

}


.dp-mini-top span {

  width:
    4px;

  height:
    4px;

  border-radius:
    50%;

  background:
    #d0d0d0;

}


.dp-mini-top span:first-child {

  background:
    var(--green);

}


.dp-mini-body {

  display:
    flex;

  height:
    calc(100% - 25px);

}


.dp-mini-sidebar {

  width:
    37px;

  padding:
    15px 8px;

  border-right:
    1px solid
    #e7e7e7;

}


.dp-mini-sidebar i {

  display:
    block;

  width:
    18px;

  height:
    3px;

  margin-bottom:
    9px;

  border-radius:
    4px;

  background:
    #d2d2d2;

}


.dp-mini-sidebar i:first-child {

  background:
    var(--green);

}


.dp-mini-content {

  flex:
    1;

  padding:
    15px;

}


.dp-mini-heading {

  width:
    78%;

  height:
    7px;

  border-radius:
    5px;

  background:
    #222222;

}


.dp-mini-heading.dp-short {

  width:
    55%;

  margin-top:
    7px;

  background:
    #bcbcbc;

}


.dp-mini-cards {

  display:
    flex;

  gap:
    7px;

  margin-top:
    20px;

}


.dp-mini-cards span {

  width:
    35px;

  height:
    52px;

  border-radius:
    5px;

  background:
    #e3e3e3;

}


.dp-mini-cards span:nth-child(2) {

  background:
    #111111;

}


.dp-mini-cards span:nth-child(3) {

  background:
    var(--green);

}


.dp-mini-circle {

  position:
    absolute;

  left:
    0;

  bottom:
    12px;

  width:
    90px;

  height:
    90px;

  border:
    1px solid
    rgba(88,190,142,.28);

  border-radius:
    50%;

}




.dp-metrics {

  display:
    grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap:
    0;

  width:
    100%;

  margin-top:
    28px;

  padding-top:
    20px;

  border-top:
    1px solid
    #ededed;

}


.dp-metric {

  min-width:
    0;

  padding:
    0 18px;

  border-right:
    1px solid
    #eeeeee;

}


.dp-metric:first-child {

  padding-left:
    0;

}


.dp-metric:last-child {

  padding-right:
    0;

  border-right:
    0;

}


.dp-metric-label {

  display:
    block;

  margin-bottom:
    8px;

  color:
    #999999;

  font-size:
    12px;

  line-height:
    1.2;

  letter-spacing:
    .04em;

}


.dp-metric-value {

  display:
    flex;

  align-items:
    baseline;

  gap:
    5px;

  white-space:
    nowrap;

}


.dp-metric-value strong {

  color:
    #111111;

  font-size:
    21px;

  line-height:
    1;

}


.dp-metric-value small {

  color:
    #999999;

  font-size:
    15px;

}


.dp-metric-accent
.dp-metric-value strong {

  color:
    var(--green);

}




.dp-browser-footer {

  height:
    34px;

  display:
    grid;

  grid-template-columns:
    auto 1fr auto;

  align-items:
    center;

  gap:
    12px;

  padding:
    0 17px;

  border-top:
    1px solid
    #ededed;

  color:
    #999999;

  font-size:
    15px;

}


.dp-footer-status {

  display:
    flex;

  align-items:
    center;

  gap:
    7px;

  white-space:
    nowrap;

}


.dp-status-dot {

  width:
    6px;

  height:
    6px;

  border-radius:
    50%;

  background:
    var(--green);

  box-shadow:
    0 0 8px
    rgba(88,190,142,.5);

}


.dp-footer-line {

  position:
    relative;

  width:
    100%;

  height:
    2px;

  overflow:
    hidden;

  background:
    #ededed;

}


.dp-footer-line span {

  position:
    absolute;

  left:
    0;

  top:
    0;

  width:
    35%;

  height:
    100%;

  background:
    var(--green);

  animation:
    dpProgressLine 3s
    ease-in-out infinite alternate;

}


@keyframes dpProgressLine {

  from {
    transform:
      translateX(0);
    width:
      25%;
  }

  to {
    transform:
      translateX(160%);
    width:
      30%;
  }

}


.dp-footer-percent {

  white-space:
    nowrap;

}




.dp-analytics-card {

  position:
    absolute;

  right:
    -15px;

  bottom:
    62px;

  width:
    195px;

  padding:
    17px;

  border:
    1px solid
    rgba(0,0,0,.1);

  border-radius:
    14px;

  background:
    rgba(255,255,255,.97);

  backdrop-filter:
    blur(14px);

  box-shadow:
    0 25px 55px
    rgba(0,0,0,.1);

  z-index:
    30;

  transform:
    translate3d(
      0,
      0,
      70px
    )
    rotate(2deg);

  animation:
    dpAnalyticsFloat
    6s
    cubic-bezier(
      .45,
      .05,
      .55,
      .95
    )
    infinite;

}


@keyframes dpAnalyticsFloat {

  0%,
  100% {

    transform:
      translate3d(
        0,
        0,
        70px
      )
      rotate(2deg);

  }

  50% {

    transform:
      translate3d(
        0,
        -8px,
        70px
      )
      rotate(1deg);

  }

}


.dp-analytics-header {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

}


.dp-analytics-header span {

  color:
    #999999;

  font-size:
    15px;

}


.dp-analytics-header strong {

  color:
    var(--green);

  font-size:
    15px;

}


.dp-analytics-chart {

  height:
    55px;

  display:
    flex;

  align-items:
    flex-end;

  gap:
    5px;

  margin-top:
    13px;

}


.dp-analytics-chart i {

  width:
    11px;

  border-radius:
    3px 3px 0 0;

  background:
    #111111;

}


.dp-analytics-chart i:nth-child(1) {
  height: 15px;
}

.dp-analytics-chart i:nth-child(2) {
  height: 23px;
}

.dp-analytics-chart i:nth-child(3) {
  height: 19px;
}

.dp-analytics-chart i:nth-child(4) {
  height: 31px;
}

.dp-analytics-chart i:nth-child(5) {
  height: 26px;
}

.dp-analytics-chart i:nth-child(6) {
  height: 39px;
}

.dp-analytics-chart i:nth-child(7) {
  height: 34px;
}

.dp-analytics-chart i:nth-child(8) {

  height:
    50px;

  background:
    var(--green);

}


.dp-analytics-footer {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  margin-top:
    10px;

}


.dp-analytics-footer span {

  color:
    #aaaaaa;

  font-size:
    15px;

}


.dp-analytics-footer b {

  width:
    6px;

  height:
    6px;

  border-radius:
    50%;

  background:
    var(--green);

}




.dp-floating-tag {

  position:
    absolute;

  display:
    flex;

  align-items:
    center;

  gap:
    8px;

  padding:
    9px 13px;

  border:
    1px solid
    rgba(0,0,0,.09);

  border-radius:
    100px;

  background:
    rgba(255,255,255,.95);

  backdrop-filter:
    blur(12px);

  box-shadow:
    0 15px 35px
    rgba(0,0,0,.07);

  color:
    #777777;

  font-size:
    15px;

  z-index:
    35;

}


.dp-tag-performance {

  left:
    -12px;

  top:
    105px;

  animation:
    dpTagFloat1
    6s
    ease-in-out
    infinite;

}


.dp-tag-seo {

  right:
    -7px;

  top:
    135px;

  animation:
    dpTagFloat2
    7s
    ease-in-out
    infinite
    -.8s;

}


.dp-tag-mobile {

  left:
    2px;

  bottom:
    105px;

  animation:
    dpTagFloat3
    6.5s
    ease-in-out
    infinite
    -1.5s;

}


.dp-tag-performance span {

  width:
    6px;

  height:
    6px;

  border-radius:
    50%;

  background:
    var(--green);

}


.dp-tag-seo strong,
.dp-tag-mobile strong {

  color:
    var(--green);

  font-size:
    15px;

}


@keyframes dpTagFloat1 {

  0%,
  100% {

    transform:
      translate3d(0,0,50px);

  }

  50% {

    transform:
      translate3d(
        5px,
        -8px,
        50px
      );

  }

}


@keyframes dpTagFloat2 {

  0%,
  100% {

    transform:
      translate3d(0,0,60px);

  }

  50% {

    transform:
      translate3d(
        -5px,
        7px,
        60px
      );

  }

}


@keyframes dpTagFloat3 {

  0%,
  100% {

    transform:
      translate3d(0,0,55px);

  }

  50% {

    transform:
      translate3d(
        4px,
        -7px,
        55px
      );

  }

}




.dp-floating-cursor {

  position:
    absolute;

  left:
    55%;

  top:
    43%;

  width:
    42px;

  height:
    42px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    rgba(88,190,142,.5);

  border-radius:
    50%;

  background:
    rgba(255,255,255,.8);

  backdrop-filter:
    blur(6px);

  pointer-events:
    none;

  z-index:
    40;

  animation:
    dpCursorFloat
    7s
    cubic-bezier(
      .45,
      .05,
      .55,
      .95
    )
    infinite;

}


.dp-floating-cursor svg {

  width:
    18px;

  height:
    18px;

  fill:
    none;

  stroke:
    var(--green);

  stroke-width:
    1.8;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;

}


@keyframes dpCursorFloat {

  0%,
  100% {

    transform:
      translate3d(
        0,
        0,
        80px
      );

  }

  30% {

    transform:
      translate3d(
        45px,
        -25px,
        80px
      );

  }

  65% {

    transform:
      translate3d(
        -25px,
        28px,
        80px
      );

  }

}




.dp-light-sweep {

  opacity: .55;

  position:
    absolute;

  top:
    -30%;

  left:
    -20%;

  width:
    1px;

  height:
    160%;

  background:
    linear-gradient(
      transparent,
      rgba(88,190,142,.16),
      transparent
    );

  transform:
    rotate(18deg);

  animation:
    dpLightSweep
    9s
    ease-in-out
    infinite;

  pointer-events:
    none;

  z-index:
    45;

}


@keyframes dpLightSweep {

  0% {

    left:
      -20%;

    opacity:
      0;

  }

  20% {

    opacity:
      1;

  }

  55% {

    opacity:
      .45;

  }

  100% {

    left:
      120%;

    opacity:
      0;

  }

}




@media (min-width:1001px) {

  .dp-browser {

    transition:
      transform
      .18s
      cubic-bezier(
        .2,
        .8,
        .2,
        1
      );

  }

}




@media (max-width:1100px) {

  .dp-marketing-inner {

    grid-template-columns:
      1fr;

    gap:
      30px;

    padding:
      90px 0 80px;

  }


  .dp-marketing-copy {

    text-align:
      center;

  }


  .dp-eyebrow {

    justify-content:
      center;

  }


  .dp-main-description {

    margin-left:
      auto;

    margin-right:
      auto;

  }


  .dp-buttons {

    justify-content:
      center;

  }

}




@media (max-width:700px) {

  .dp-marketing-inner {

    width:
      92%;

  }


  .dp-marketing-copy h2 {

    font-size:
      clamp(
        44px,
        12vw,
        62px
      );

  }


  .dp-main-description {

    font-size:
      16px;

  }


  .dp-visual-container {

    min-height:
      540px;

  }


  .dp-visual {

    height:
      540px;

    transform:
      scale(.72);

  }


  .dp-code-fragment {

    display:
      none;

  }

}




@media (max-width:480px) {

  .dp-marketing-copy h2 {

    font-size:
      42px;

  }


  .dp-main-description {

    font-size:
      15px;

  }


  .dp-buttons {

    flex-direction:
      column;

    align-items:
      center;

  }


  .dp-visual {

    transform:
      scale(.56);

  }

}




@media (prefers-reduced-motion:reduce) {

  .dp-marketing-section *,
  .dp-marketing-section *::before,
  .dp-marketing-section *::after {

    animation:
      none !important;

    transition:
      none !important;

  }

}



.dp-marketing-section .dpe-resources{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(1400px,92%);margin:0 auto;padding:0 0 88px;font-family:Inter,Arial,sans-serif}
.dp-marketing-section .dpe-resource{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:48px 40px;background:radial-gradient(ellipse at 0% 0%,#58be8e2b,transparent 60%),#0c100e;border:1px solid #314039;border-radius:28px;box-shadow:0 18px 40px #16291d0c;transition:box-shadow .5s,border-color .5s}
.dp-marketing-section .dpe-resource:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:68px 68px}
.dp-marketing-section .dpe-resource:after{content:'';position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:radial-gradient(350px circle at var(--dpe-x,50%) var(--dpe-y,0%),#58be8e17,transparent 80%);opacity:0;transition:opacity .5s}
.dp-marketing-section .dpe-resource:hover{border-color:#58be8e85;box-shadow:0 22px 50px #16291d20}
.dp-marketing-section .dpe-resource:hover:after{opacity:1}
.dp-marketing-section .dpe-label{position:relative;z-index:1;color:#58be8e;font-size:13px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:20px}
.dp-marketing-section .dpe-label:before{content:'';width:6px;height:6px;border-radius:50%;background:#58be8e;box-shadow:0 0 12px #58be8e66}
.dp-marketing-section .dpe-resource h3{position:relative;z-index:1;color:#fff;font-size:clamp(28px,2.65vw,40px);font-weight:600;letter-spacing:-.05em;line-height:1.15;margin:0 0 16px}
.dp-marketing-section .dpe-resource p{position:relative;z-index:1;color:#a3aaa6;max-width:480px;font-size:16px;line-height:1.65;margin:0 0 26px}
.dp-marketing-section .dpe-button{position:relative;z-index:2;display:inline-flex;align-items:center;gap:13px;padding:9px 13px 9px 18px;color:#fff;background:#111;border:1px solid #ffffff30;border-radius:100px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .4s,box-shadow .4s}
.dp-marketing-section .dpe-roll{position:relative;height:1.25em;line-height:1.25;overflow:hidden}
.dp-marketing-section .dpe-roll span{display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.dp-marketing-section .dpe-roll span+span{position:absolute;inset:0;transform:translateY(110%)}
.dp-marketing-section .dpe-icon{width:28px;height:28px;background:#fff;border-radius:50%;display:grid;place-items:center;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.dp-marketing-section .dpe-icon svg{width:13px;height:13px;stroke:#58be8e;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dp-marketing-section .dpe-button:hover{border-color:#58be8e;box-shadow:0 0 0 4px #58be8e15}
.dp-marketing-section .dpe-button:hover .dpe-roll span:first-child{transform:translateY(-110%)}
.dp-marketing-section .dpe-button:hover .dpe-roll span+span{transform:translateY(0)}
.dp-marketing-section .dpe-button:hover .dpe-icon{transform:rotate(360deg) scale(1.1)}
.dp-marketing-section .dpe-button:focus-visible{outline:2px solid #58be8e;outline-offset:5px}
@media(max-width:767px){.dp-marketing-section .dpe-resources{grid-template-columns:1fr;gap:18px;padding-bottom:60px}.dp-marketing-section .dpe-resource{min-height:300px;padding:36px 24px;border-radius:24px}.dp-marketing-section .dpe-resource p{font-size:15px}}


.dp-process .dp-process-title span{color:#b5bdb8}
.dp-process .dp-process-description,.dp-process .dp-step-description{color:#aeb6b1}


.dpfilm{--film-green:#58be8e;position:relative;isolation:isolate;width:100%;background:#070b09;color:#fff;overflow:hidden;padding:96px 0 48px;font-family:Inter,Arial,sans-serif}
.dpfilm,.dpfilm *{box-sizing:border-box}.dpfilm:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 60%,#58be8e16,transparent 60%),linear-gradient(115deg,transparent 22%,#ffffff03 26%,transparent 34%)}
.dpfilm-wrap{width:min(1400px,92%);margin:auto}.dpfilm-head{text-align:center;max-width:860px;margin:0 auto 48px}.dpfilm-eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.17em;font-weight:600;color:var(--film-green)}.dpfilm-eyebrow i,.dpfilm-live i{width:6px;height:6px;border-radius:50%;background:var(--film-green);box-shadow:0 0 14px #58be8e88}
.dpfilm .dpfilm-head h2{font-size:clamp(38px,4.4vw,68px);line-height:1.04;letter-spacing:-.055em;font-weight:600;color:#fff;margin:22px 0 18px}.dpfilm .dpfilm-head h2 span{color:var(--film-green)}.dpfilm .dpfilm-head p{max-width:590px;margin:0 auto 25px;color:#adb6b0;font-size:16px;line-height:1.65}
.dpfilm-button{display:inline-flex;align-items:center;gap:18px;padding:10px 12px 10px 20px;background:#141a16;border:1px solid #ffffff30;border-radius:100px;color:#fff!important;text-decoration:none;font-size:14px;font-weight:500;transition:border-color .3s,box-shadow .3s}.dpfilm-roll{height:1.3em;line-height:1.3;overflow:hidden;position:relative}.dpfilm-roll span{display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.dpfilm-roll span+span{position:absolute;inset:0;transform:translateY(110%)}.dpfilm-button i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--film-green);font-size:20px;font-style:normal;transition:transform .45s}.dpfilm-button:hover{border-color:var(--film-green);box-shadow:0 0 0 4px #58be8e13}.dpfilm-button:hover .dpfilm-roll span:first-child{transform:translateY(-110%)}.dpfilm-button:hover .dpfilm-roll span+span{transform:translateY(0)}.dpfilm-button:hover i{transform:rotate(360deg)}
.dpfilm-grid{display:grid;grid-template-columns:1fr 1.7fr 1fr;grid-template-rows:260px 260px;gap:14px;perspective:1200px}.dpfilm-card{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid #ffffff26;border-radius:24px;background:#101713;color:#fff!important;text-decoration:none;transition:border-color .35s,box-shadow .35s}.dpfilm-card video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1)}.dpfilm-card:not(.dpfilm-main):after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0005,transparent 32%,transparent 60%,#000b)}.dpfilm-card:hover{border-color:#58be8e99;box-shadow:0 16px 36px #0004}.dpfilm-card:hover video{transform:scale(1.045)}.dpfilm-category{position:absolute;left:18px;top:18px;z-index:1;border:1px solid #ffffff38;border-radius:99px;padding:7px 10px;background:#0a100d88;backdrop-filter:blur(12px);font-size:8px;letter-spacing:.12em;font-weight:600}.dpfilm-caption{position:absolute;inset:auto 18px 18px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.dpfilm-caption strong{font-size:15px;font-weight:500;letter-spacing:-.025em}.dpfilm-caption i{font-size:20px;font-style:normal;transition:transform .3s}.dpfilm-card:hover .dpfilm-caption i{transform:translate(3px,-3px)}
.dpfilm-first{grid-area:1/1}.dpfilm-apre{grid-area:2/1}.dpfilm-elysian{grid-area:1/3}.dpfilm-premium{grid-area:2/3}.dpfilm-main{grid-area:1/2/3/3;background:#08100c;box-shadow:inset 0 0 90px #58be8e0d}.dpfilm-main video{object-fit:contain;width:125%;max-width:none;height:100%;margin-left:-12.5%}.dpfilm-main-top{position:absolute;z-index:1;left:28px;right:28px;top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dpfilm-main-top>b{font-size:36px;line-height:1;letter-spacing:-.1em;color:var(--film-green)}.dpfilm-main-top>b span{font-size:12px;vertical-align:top;letter-spacing:0}.dpfilm-main-top>span{font-size:8px;letter-spacing:.14em;color:#b0c2b7}.dpfilm-main-bottom{position:absolute;z-index:1;left:28px;right:28px;bottom:28px;display:flex;justify-content:space-between;align-items:end;gap:15px}.dpfilm-main-bottom>span:first-child{font-size:clamp(22px,2.5vw,38px);font-weight:500;letter-spacing:-.04em;line-height:1.05}.dpfilm-main-bottom em{font-style:normal;color:var(--film-green)}.dpfilm-live{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:.09em;white-space:nowrap;color:#b4c1b9}.dpfilm-foot{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:23px;color:#809086;font-size:9px;letter-spacing:.1em}.dpfilm-toggle{appearance:none;border:0;background:transparent;color:#b5c1ba;font:inherit;letter-spacing:0;cursor:pointer;padding:10px}.dpfilm-toggle span{margin-left:8px;color:var(--film-green)}.dpfilm a:focus-visible,.dpfilm button:focus-visible{outline:2px solid var(--film-green);outline-offset:4px}
@media(max-width:1023px){.dpfilm-grid{grid-template-columns:1fr 1.45fr 1fr;grid-template-rows:220px 220px}.dpfilm-main-top,.dpfilm-main-bottom{left:20px;right:20px}.dpfilm-main-top>span{display:none}.dpfilm-live{display:none}.dpfilm-caption strong{font-size:13px}.dpfilm-category{font-size:7px;left:12px}.dpfilm-caption{left:12px;right:12px}}
@media(max-width:767px){.dpfilm{padding:64px 0 30px}.dpfilm-wrap{width:92%}.dpfilm-head{margin-bottom:30px}.dpfilm .dpfilm-head h2{font-size:42px}.dpfilm .dpfilm-head p{font-size:14px}.dpfilm-eyebrow{font-size:9px}.dpfilm-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto 210px 210px;gap:10px}.dpfilm-main{grid-area:1/1/2/3;aspect-ratio:1.05}.dpfilm-first{grid-area:2/1}.dpfilm-elysian{grid-area:2/2}.dpfilm-apre{grid-area:3/1}.dpfilm-premium{grid-area:3/2}.dpfilm-card{border-radius:18px}.dpfilm-caption{bottom:13px}.dpfilm-caption strong{font-size:12px}.dpfilm-caption i{font-size:17px}.dpfilm-category{font-size:6px;top:12px;padding:6px 7px}.dpfilm-main-top>b{font-size:32px}.dpfilm-main-bottom>span:first-child{font-size:30px}.dpfilm-foot{flex-wrap:wrap;justify-content:space-between;font-size:8px;gap:8px}.dpfilm-foot>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.dpfilm *{transition:none!important;animation:none!important}}
.dpfilm-main:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#08100ce6 68%,#08100c);pointer-events:none}



.dp-marketing-section .dp-visual-container{min-height:700px;min-width:0}
.dp-marketing-section .dp-visual{height:700px}
.dp-marketing-section .dp-browser{width:calc(100% - 100px);max-width:620px;height:auto;top:43%}
.dp-marketing-section .dp-browser-bar{height:40px;padding:0 14px}
.dp-marketing-section .dp-browser-address{font-size:11px;height:24px;color:#707770}
.dp-marketing-section .dp-browser-controls,.dp-marketing-section .dp-browser-menu{width:50px}
.dp-marketing-section .dp-website{height:auto;padding:18px 22px 16px}
.dp-marketing-section .dp-site-header{height:32px;gap:20px}
.dp-marketing-section .dp-site-logo,.dp-marketing-section .dp-site-logo img{width:110px;flex-shrink:0}
.dp-marketing-section .dp-site-navigation{gap:13px}
.dp-marketing-section .dp-site-navigation span{font-size:11px;white-space:nowrap;color:#646b66}
.dp-marketing-section .dp-site-navigation i{width:26px;height:26px;font-size:13px}
.dp-marketing-section .dp-site-hero{grid-template-columns:1.05fr .95fr;gap:24px;margin-top:26px;align-items:center;min-height:180px}
.dp-marketing-section .dp-site-text{min-width:0}
.dp-marketing-section .dp-site-text small{font-size:10px;letter-spacing:.055em;color:#717871}
.dp-marketing-section .dp-site-text h3{font-size:25px;line-height:1.1;margin-top:10px}
.dp-marketing-section .dp-site-text h3 span{display:block;color:#7d857f}
.dp-marketing-section .dp-site-text p{font-size:10px;line-height:1.5;margin-top:12px;color:#717871;white-space:nowrap}
.dp-marketing-section .dp-site-action{font-size:11px;margin-top:14px;padding:7px 9px 7px 12px}
.dp-marketing-section .dp-site-action span{width:18px;height:18px}
.dp-marketing-section .dp-mini-interface{height:180px;min-width:0}
.dp-marketing-section .dp-mini-window{width:100%;height:150px;right:0;top:8px;transform:rotate(2deg)}
.dp-marketing-section .dp-mini-content{min-width:0;padding:12px}
.dp-marketing-section .dp-mini-cards{gap:6px;margin-top:16px}
.dp-marketing-section .dp-mini-cards span{flex:1;min-width:0;max-width:35px;height:44px}
.dp-marketing-section .dp-mini-circle{width:54px;height:54px;left:-12px;bottom:0}
.dp-marketing-section .dp-metrics{margin-top:20px;padding-top:16px}
.dp-marketing-section .dp-metric{padding:0 14px}
.dp-marketing-section .dp-metric:first-child{padding-left:0}
.dp-marketing-section .dp-metric-label{font-size:9px;letter-spacing:.03em;margin-bottom:7px;color:#737b75}
.dp-marketing-section .dp-metric-value{gap:5px}
.dp-marketing-section .dp-metric-value strong{font-size:19px}
.dp-marketing-section .dp-metric-value small{font-size:10px;color:#717871}
.dp-marketing-section .dp-browser-footer{height:30px;font-size:9px;gap:12px;color:#737b75;padding-right:210px}
.dp-marketing-section .dp-floating-tag{font-size:10px;padding:8px 12px;animation:dpVisualBadgeFloat 6s ease-in-out infinite}
.dp-marketing-section .dp-floating-tag strong{font-size:12px}
.dp-marketing-section .dp-tag-performance{left:-12px;top:110px;bottom:auto}
.dp-marketing-section .dp-tag-seo{right:0;top:135px;bottom:auto;animation-delay:-2s}
.dp-marketing-section .dp-tag-mobile{left:-8px;bottom:185px;top:auto;animation-delay:-4s}
.dp-marketing-section .dp-analytics-card{right:8px;bottom:80px;width:218px;padding:14px 16px;transform:none;animation:dpVisualBadgeFloat 7s ease-in-out infinite}
.dp-marketing-section .dp-analytics-header{gap:18px}
.dp-marketing-section .dp-analytics-header span{font-size:10px;letter-spacing:.035em;color:#69746c}
.dp-marketing-section .dp-analytics-header strong{font-size:13px}
.dp-marketing-section .dp-analytics-chart{height:50px;margin-top:10px;gap:7px}
.dp-marketing-section .dp-analytics-chart i{flex:1;width:auto;max-width:16px}
.dp-marketing-section .dp-analytics-footer{margin-top:9px;gap:14px}
.dp-marketing-section .dp-analytics-footer span{font-size:9px;white-space:nowrap;color:#737b75}
.dp-marketing-section .dp-floating-cursor{left:auto;right:27px;top:47%;width:30px;height:30px;animation:dpVisualBadgeFloat 5s ease-in-out infinite}
.dp-marketing-section .dp-floating-cursor svg{width:14px;height:14px}
@keyframes dpVisualBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:700px){
 .dp-marketing-section .dp-visual-container{min-height:470px;height:470px}
 .dp-marketing-section .dp-visual{width:700px;min-width:700px;max-width:none;height:700px;flex-shrink:0;transform:scale(.65)}
}
@media(max-width:480px){
 .dp-marketing-section .dp-visual-container{min-height:360px;height:360px}
 .dp-marketing-section .dp-visual{transform:scale(.49)}
}
@media(max-width:360px){.dp-marketing-section .dp-visual{transform:scale(.43)}}
@media(prefers-reduced-motion:reduce){.dp-marketing-section .dp-floating-tag,.dp-marketing-section .dp-analytics-card,.dp-marketing-section .dp-floating-cursor{animation:none}}



.dp-partners-root {
  width: 100%;
  max-width: 100vw;
  min-width: 0;
  box-sizing: border-box;
  background: #0a0a0a;
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  padding: 110px 0 64px;
  overflow: clip;
  position: relative;
  text-align: left;
}

.dp-partners-root .dp-client-head {
  width: min(1380px, 92%);
  margin: auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  align-items: end;
}

.dp-partners-root .dp-eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 12px;
}

.dp-partners-root .dp-eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #58be8e;
  border-radius: 50%;
}

.dp-partners-root .dp-client-head h2 {
  font-size: clamp(48px, 6.8vw, 100px);
  line-height: .97;
  letter-spacing: -.065em;
  font-weight: 500;
  margin: 28px 0 0;
  color: #fff;
}

.dp-partners-root .dp-client-head h2 em {
  font-style: normal;
  color: #58be8e;
}

.dp-partners-root .dp-client-head p {
  max-width: 420px;
  font-size: 17px;
  line-height: 1.7;
  color: #aaa;
  margin: 0 0 8px;
}

.dp-partners-root .dp-logo-stage {
  margin: 70px 0 0;
  overflow: hidden;
  border-top: 1px solid #272727;
  border-bottom: 1px solid #272727;
}

.dp-partners-root .dp-logo-rail {
  display: flex;
  width: max-content;
  will-change: transform;
  transform: translateX(var(--rail-x, 0px));
  border-bottom: 1px solid #272727;
}

.dp-partners-root .dp-logo-rail:last-child {
  border: 0;
}

.dp-partners-root .dp-client-mark {
  width: clamp(170px, 18vw, 280px);
  height: 150px;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: #0a0a0a;
  padding: 24px;
  border-right: 1px solid #272727;
  transition: background .4s;
}

.dp-partners-root .dp-client-mark img {
  width: 160px;
  max-width: 90%;
  height: 65px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 1;
  transition: opacity .4s, transform .4s;
}

.dp-partners-root .dp-client-mark span {
  color: #999;
  font-size: 11px;
  letter-spacing: .07em;
}

.dp-partners-root .dp-client-mark:hover,
.dp-partners-root .dp-client-mark:focus-within {
  background: #171717;
}

.dp-partners-root .dp-client-mark:hover img {
  transform: scale(1.05);
}

.dp-partners-root .dp-logo-rail:focus-visible {
  outline: 2px solid #58be8e;
  outline-offset: -2px;
}

@media (max-width: 800px) {
  .dp-partners-root {
    padding: 75px 0 48px;
  }

  .dp-partners-root .dp-client-head {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .dp-partners-root .dp-client-head p {
    margin: 0;
    max-width: 100%;
  }

  .dp-partners-root .dp-logo-stage {
    margin: 40px 0 0;
  }

  .dp-partners-root .dp-client-mark {
    height: 125px;
    width: 190px;
    scroll-snap-align: start;
  }

  .dp-partners-root .dp-logo-rail {
    width: 100%;
    overflow-x: auto;
    transform: none !important;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: #58be8e #222;
  }

  .dp-partners-root .dp-logo-stage::after {
    content: "Glisează pentru a vedea toți clienții ↔";
    display: block;
    padding: 15px 4%;
    color: #aaa;
    font-size: 11px;
    letter-spacing: .05em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dp-partners-root .dp-logo-rail {
    width: 100%;
    overflow-x: auto;
    transform: none !important;
    will-change: auto;
  }

  .dp-partners-root .dp-client-mark,
  .dp-partners-root .dp-client-mark * {
    transition: none !important;
  }
}





.dpx-root{
    position:relative;
    width:100%;
    background:#050706;
    color:#fff;
    overflow:clip;
    isolation:isolate;
}




.dpx-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
}

.dpx-grid{
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.022) 1px,
            transparent 1px
        );

    background-size:80px 80px;

    opacity:.45;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 15%,
            #000 85%,
            transparent
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 15%,
            #000 85%,
            transparent
        );
}




.dpx-glow{
    position:absolute;

    width:750px;
    height:750px;

    left:62%;
    top:43%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(88,190,142,.09) 0%,
            rgba(88,190,142,.025) 42%,
            transparent 70%
        );

    pointer-events:none;
}




.dpx-header{
    position:relative;
    z-index:2;

    width:100%;
    max-width:1450px;

    margin:0 auto;

    padding:
        125px 6% 70px;

    box-sizing:border-box;

    display:flex;
    justify-content:space-between;
    align-items:flex-end;

    gap:60px;
}

.dpx-label{
    display:flex;
    align-items:center;
    gap:9px;

    margin-bottom:20px;

    color:#58be8e;

    font-size:15px;
    font-weight:600;

    letter-spacing:.12em;
    text-transform:uppercase;
}

.dpx-label:before{
    content:"";

    width:7px;
    height:7px;

    border-radius:50%;

    background:#58be8e;

    box-shadow:
        0 0 10px
        rgba(88,190,142,.55);
}

.dpx-heading{
    margin:0;

    color:#fff;

    font-size:
        clamp(50px,6vw,86px);

    line-height:.94;

    letter-spacing:-.055em;

    font-weight:700;
}

.dpx-heading span{
    color:#626864;
}

.dpx-intro{
    max-width:470px;

    margin:0 0 5px;

    color:#858b88;

    font-size:17px;

    line-height:1.65;
}




.dpx-stack{
    position:relative;
    z-index:3;

    width:100%;

    padding:
        0 6% 64px;

    box-sizing:border-box;
}




.dpx-card{

    position:sticky;

    top:100px;

    width:100%;
    max-width:1380px;

    min-height:570px;

    margin:
        0 auto 76vh;

    padding:60px;

    box-sizing:border-box;

    border:
        1px solid
        rgba(255,255,255,.11);

    border-radius:34px;

    background:
        linear-gradient(
            145deg,
            #151916 0%,
            #090b0a 100%
        );

    box-shadow:
        0 20px 60px
        rgba(0,0,0,.42);

    overflow:hidden;

    transform-origin:center 85%;

    

    transition:
        border-color .35s ease;
}




.dpx-card:before{

    content:"";

    position:absolute;

    width:460px;
    height:460px;

    right:-230px;
    top:-250px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(88,190,142,.075),
            transparent 68%
        );

    pointer-events:none;
}




.dpx-card:after{

    content:"";

    position:absolute;

    left:6%;
    right:6%;

    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.14),
            transparent
        );

    pointer-events:none;
}




.dpx-card:nth-child(1){
    z-index:1;
    transform:rotate(-2.4deg);
}

.dpx-card:nth-child(2){
    z-index:2;
    transform:rotate(1.8deg);
}

.dpx-card:nth-child(3){
    z-index:3;
    transform:rotate(-1.35deg);
}

.dpx-card:nth-child(4){
    z-index:4;
    transform:rotate(0deg);
}




.dpx-inner{

    position:relative;
    z-index:2;

    min-height:450px;

    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(420px,1.1fr);

    align-items:center;

    gap:70px;
}




.dpx-info{
    position:relative;
    z-index:5;
}

.dpx-number{

    display:block;

    margin-bottom:25px;

    color:#58be8e;

    font-size:15px;

    font-weight:600;

    letter-spacing:.12em;
}

.dpx-title{

    margin:0 0 24px;

    color:#fff;

    font-size:
        clamp(48px,5vw,78px);

    line-height:.91;

    letter-spacing:-.055em;

    font-weight:700;
}

.dpx-title span{
    display:block;
    color:#626864;
}

.dpx-description{

    max-width:540px;

    margin:0 0 30px;

    color:#8b928e;

    font-size:17px;

    line-height:1.65;
}




.dpx-button{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:8px 15px;

    background:#111;

    border:
        1.5px solid
        rgba(255,255,255,.15);

    border-radius:100px;

    text-decoration:none;

    overflow:hidden;

    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        border-color .35s ease;
}

.dpx-button:hover{

    transform:translateY(-2px);

    border-color:
        rgba(255,255,255,.35);
}

.dpx-button-text{

    position:relative;

    height:1.2em;

    overflow:hidden;
}

.dpx-button-text-1,
.dpx-button-text-2{

    display:block;

    color:#fff;

    font-size:16px;

    font-weight:500;

    white-space:nowrap;

    transition:
        transform .4s
        cubic-bezier(.22,1,.36,1);
}

.dpx-button-text-2{

    position:absolute;

    left:0;
    top:0;

    transform:
        translateY(110%);
}

.dpx-button:hover
.dpx-button-text-1{

    transform:
        translateY(-110%);
}

.dpx-button:hover
.dpx-button-text-2{

    transform:
        translateY(0);
}

.dpx-button-icon{

    width:28px;
    height:28px;

    flex-shrink:0;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#fff;

    border-radius:50%;

    transition:
        transform .4s
        cubic-bezier(.22,1,.36,1);
}

.dpx-button-icon svg{

    width:13px;
    height:13px;

    stroke:#58be8e;

    stroke-width:2.2;

    fill:none;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.dpx-button:hover
.dpx-button-icon{

    transform:
        rotate(360deg)
        scale(1.08);
}




.dpx-meta{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:28px;
}

.dpx-meta-item{

    display:flex;

    align-items:center;

    gap:7px;

    color:#59615d;

    font-size:15px;
}

.dpx-meta-item:before{

    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:#58be8e;
}




.dpx-visual{

    position:relative;

    width:100%;
    height:440px;

    display:flex;

    align-items:center;
    justify-content:center;
}




.dpx-visual-glow{

    position:absolute;

    width:390px;
    height:390px;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(88,190,142,.11),
            transparent 70%
        );
}




.dpx-browser{

    position:relative;

    width:88%;
    max-width:600px;

    height:330px;

    background:
        linear-gradient(
            145deg,
            #101411,
            #070908
        );

    border:
        1px solid
        rgba(255,255,255,.11);

    border-radius:18px;

    box-shadow:
        0 25px 60px
        rgba(0,0,0,.48);

    transform:
        perspective(1200px)
        rotateY(-7deg)
        rotateX(3deg);

    transition:
        transform .55s
        cubic-bezier(.22,1,.36,1);
}

.dpx-card:hover
.dpx-browser{

    transform:
        perspective(1200px)
        rotateY(-3deg)
        rotateX(1deg)
        translateY(-5px);
}




.dpx-browser-top{

    height:42px;

    display:flex;

    align-items:center;

    gap:7px;

    padding:0 15px;

    border-bottom:
        1px solid
        rgba(255,255,255,.07);
}

.dpx-browser-dot{

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        rgba(255,255,255,.18);
}

.dpx-browser-url{

    margin-left:10px;

    color:#505753;

    font-size:15px;

    font-family:monospace;
}




.dpx-browser-content{

    position:relative;

    height:
        calc(100% - 42px);

    padding:25px;

    overflow:hidden;
}

.dpx-browser-heading{

    width:48%;
    height:16px;

    margin-bottom:14px;

    border-radius:20px;

    background:
        rgba(255,255,255,.12);
}

.dpx-browser-subheading{

    width:31%;
    height:8px;

    margin-bottom:30px;

    border-radius:20px;

    background:
        rgba(255,255,255,.06);
}




.dpx-browser-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:12px;
}

.dpx-browser-box{

    height:75px;

    padding:13px;

    border:
        1px solid
        rgba(255,255,255,.06);

    border-radius:10px;

    background:
        rgba(255,255,255,.025);
}

.dpx-browser-box strong{

    display:block;

    margin-bottom:8px;

    color:#58be8e;

    font-size:15px;
}

.dpx-browser-box span{

    display:block;

    width:65%;
    height:7px;

    border-radius:10px;

    background:
        rgba(255,255,255,.09);
}




.dpx-chart{

    position:absolute;

    left:25px;
    right:25px;
    bottom:25px;

    height:100px;

    border:
        1px solid
        rgba(255,255,255,.06);

    border-radius:12px;

    background:
        linear-gradient(
            180deg,
            rgba(88,190,142,.04),
            rgba(88,190,142,.008)
        );

    overflow:hidden;
}

.dpx-chart svg{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;
}

.dpx-chart path{

    stroke:#58be8e;

    stroke-width:2;

    fill:none;
}




.dpx-tag{

    position:absolute;

    z-index:10;

    padding:11px 14px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:12px;

    background:#0a0d0b;

    color:#fff;

    font-size:15px;

    font-weight:600;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.3);

    transition:
        transform .35s
        cubic-bezier(.22,1,.36,1);
}

.dpx-tag:before{

    content:"";

    display:inline-block;

    width:6px;
    height:6px;

    margin-right:8px;

    border-radius:50%;

    background:#58be8e;

    box-shadow:
        0 0 8px
        rgba(88,190,142,.6);
}

.dpx-tag-a{
    left:0;
    top:12%;
}

.dpx-tag-b{
    right:1%;
    top:20%;
}

.dpx-tag-c{
    right:6%;
    bottom:8%;
}




@media(max-width:1050px){

    .dpx-header{
        display:block;
    }

    .dpx-intro{
        margin-top:30px;
    }

    .dpx-card{

        min-height:690px;

        padding:45px;
    }

    .dpx-inner{

        grid-template-columns:1fr;

        gap:35px;
    }

    .dpx-visual{
        height:350px;
    }
}


@media(max-width:750px){

    .dpx-header{

        padding:
            90px 24px 55px;
    }

    .dpx-stack{

        padding:
            0 18px 48px;
    }

    .dpx-card{

        top:70px;

        min-height:700px;

        margin-bottom:65vh;

        padding:
            35px 25px;

        border-radius:27px;
    }

    .dpx-title{

        font-size:
            clamp(44px,11vw,65px);
    }

    .dpx-description{
        font-size:16px;
    }

    .dpx-visual{
        height:300px;
    }

    .dpx-browser{

        width:100%;

        height:245px;
    }
}


@media(max-width:480px){

    .dpx-header{

        padding:
            75px 18px 45px;
    }

    .dpx-heading{
        font-size:43px;
    }

    .dpx-card{

        top:55px;

        min-height:670px;

        padding:
            30px 20px;
    }

    .dpx-visual{
        height:255px;
    }

    .dpx-browser{
        height:210px;
    }

    .dpx-tag{
        padding:9px 11px;
        font-size:15px;
    }
}



.dpx-root .dpx-stack > .dpx-card:last-child{margin-bottom:0;}





.dp4-root {
    position: relative;
    width: 100%;
    background: #fff;
    color: #111;
    overflow: hidden;
    isolation: isolate;
}




.dp4-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.dp4-grid {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.025) 1px, transparent 1px);

    background-size: 80px 80px;

    opacity: .45;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 18%,
            black 82%,
            transparent
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 18%,
            black 82%,
            transparent
        );
}




.dp4-glow {
    position: absolute;

    width: 650px;
    height: 650px;

    left: 50%;
    top: 52%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(88,190,142,.075) 0%,
            rgba(88,190,142,.025) 42%,
            transparent 70%
        );

    filter: blur(20px);
}




.dp4-header {
    position: relative;
    z-index: 2;

    max-width: 1250px;

    margin: 0 auto;

    padding:
        120px 30px 60px;

    text-align: center;
}

.dp4-label {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 20px;

    color: #58be8e;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.dp4-label::before {
    content: "";

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #58be8e;

    box-shadow:
        0 0 12px rgba(88,190,142,.65);
}

.dp4-title {
    margin: 0;

    font-size:
        clamp(48px, 6vw, 82px);

    line-height: .95;

    letter-spacing: -.055em;

    font-weight: 700;

    color: #111;
}

.dp4-title span {
    color: #888;
}

.dp4-subtitle {
    max-width: 850px;

    margin:
        25px auto 0;

    color: #777;

    font-size: 17px;

    line-height: 1.65;
}




.dp4-slider {
    position: relative;
    z-index: 3;

    display: flex;

    flex-wrap: nowrap;

    gap: 18px;

    width: 100vw;

    margin-left:
        calc(-50vw + 50%);

    padding:
        15px
        max(25px, calc(50vw - 600px))
        50px
        max(25px, calc(50vw - 600px));

    box-sizing: border-box;

    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: none;

    -ms-overflow-style: none;

    user-select: none;

    -webkit-user-select: none;

    cursor: none;

    overscroll-behavior-x: contain;
}

.dp4-slider::-webkit-scrollbar {
    display: none;
}




.dp4-card {
    position: relative;

    flex: 0 0 380px;

    width: 380px;

    min-height: 405px;

    padding: 36px;

    box-sizing: border-box;

    border-radius: 27px;

    background:
        linear-gradient(
            145deg,
            #151715 0%,
            #080a09 100%
        );

    border:
        1px solid
        rgba(255,255,255,.10);

    box-shadow:
        0 20px 45px rgba(0,0,0,.13);

    overflow: hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}




.dp4-card::before {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    top: -170px;
    right: -120px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(88,190,142,.13),
            transparent 68%
        );

    pointer-events: none;
}




.dp4-card::after {
    content: "";

    position: absolute;

    inset: 0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.014) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.014) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    pointer-events: none;
}

.dp4-card:hover {
    transform: translateY(-6px);

    border-color:
        rgba(88,190,142,.28);

    box-shadow:
        0 28px 60px rgba(0,0,0,.17);
}




.dp4-content {
    position: relative;

    z-index: 2;

    min-height: 333px;

    display: flex;

    flex-direction: column;
}




.dp4-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 40px;
}




.dp4-icon {
    width: 68px;
    height: 68px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255,255,255,.055);

    border:
        1px solid
        rgba(255,255,255,.07);

    transition:
        transform .4s ease,
        background .4s ease;
}

.dp4-card:hover .dp4-icon {
    transform:
        rotate(8deg)
        scale(1.05);

    background:
        rgba(88,190,142,.08);
}

.dp4-icon svg {
    width: 27px;
    height: 27px;

    fill: none;

    stroke: #fff;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        stroke .3s ease;
}

.dp4-card:hover .dp4-icon svg {
    stroke: #58be8e;
}




.dp4-category {
    padding:
        9px 14px;

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius: 100px;

    color: #aaa;

    font-size: 15px;

    font-weight: 500;
}




.dp4-name {
    margin: 0 0 6px;

    color: #fff;

    font-size: 18px;

    line-height: 1.2;

    font-weight: 600;
}

.dp4-role {
    margin: 0 0 28px;

    color: #777d79;

    font-size: 15px;

    line-height: 1.4;
}




.dp4-quote {
    margin: 0;

    color: #eee;

    font-size: 17px;

    line-height: 1.6;

    font-weight: 500;
}




.dp4-mark {
    position: absolute;

    right: 28px;
    bottom: 8px;

    color:
        rgba(88,190,142,.12);

    font-size: 86px;

    line-height: 1;

    font-weight: 700;
}




.dp4-bottom {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: auto;

    padding-top: 28px;
}

.dp4-line {
    width: 65px;
    height: 2px;

    border-radius: 100px;

    background:
        linear-gradient(
            90deg,
            #58be8e,
            transparent
        );
}

.dp4-result {
    color: #626965;

    font-size: 15px;

    font-weight: 500;
}




.dp4-cursor {
    position: fixed;

    left: 0;
    top: 0;

    width: 105px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    background:
        rgba(15,17,16,.88);

    border:
        1px solid
        rgba(255,255,255,.15);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

    border-radius: 999px;

    color: #fff;

    font-size: 15px;

    font-weight: 500;

    pointer-events: none;

    opacity: 0;

    z-index: 999999;

    transform:
        translate3d(-100px,-100px,0);

    transition:
        opacity .2s ease;

    will-change:
        transform;
}

.dp4-cursor-dot {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #58be8e;

    box-shadow:
        0 0 10px
        rgba(88,190,142,.75);
}




.dp4-controls {
    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    padding:
        20px 30px 115px;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    gap: 28px;
}




.dp4-progress {
    position: relative;

    flex: 1;

    height: 2px;

    background:
        rgba(0,0,0,.09);

    border-radius: 100px;

    overflow: hidden;
}

.dp4-progress-fill {
    position: absolute;

    left: 0;
    top: 0;

    width: 0;

    height: 100%;

    background: #111;

    border-radius: 100px;
}




.dp4-arrows {
    display: flex;

    gap: 9px;
}

.dp4-arrow {
    width: 46px;
    height: 46px;

    padding: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    border:
        1px solid
        rgba(0,0,0,.14);

    background: #fff;

    color: #111;

    cursor: pointer;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}

.dp4-arrow:hover {
    background: #111;

    color: #fff;

    transform:
        translateY(-2px);
}

.dp4-arrow svg {
    width: 15px;
    height: 15px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}




@media (max-width: 992px) {

    .dp4-header {
        padding:
            85px 22px 50px;
    }

    .dp4-slider {

        padding:
            15px
            20px
            45px;

        cursor: grab;

        scroll-snap-type:
            x mandatory;
    }

    .dp4-card {

        flex-basis:
            min(380px, 82vw);

        width:
            min(380px, 82vw);

        scroll-snap-align: start;
    }

    .dp4-cursor {
        display: none;
    }

    .dp4-controls {
        padding:
            20px
            20px
            85px;
    }
}


@media (max-width: 600px) {

    .dp4-title {
        font-size: 45px;
    }

    .dp4-subtitle {
        font-size: 16px;
    }

    .dp4-card {
        min-height: 390px;

        padding: 30px;
    }

    .dp4-quote {
        font-size: 16px;
    }
}
.dpj-blog{color:#fff;font-family:Inter,Arial,sans-serif;text-align:left;width:100%}
.dpj-blog *{box-sizing:border-box}
.dpj-blog .dpj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px}
.dpj-blog .dpj-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b0b0b0}
.dpj-blog .dpj-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:#58be8e}
.dpj-blog h2{font-size:clamp(42px,5.2vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:22px 0 18px;color:#fff;background:none;-webkit-text-fill-color:initial}
.dpj-blog h2 em{font-style:normal;color:#58be8e}
.dpj-blog .dpj-intro{font-size:16px;line-height:1.7;color:#999;max-width:560px;margin:0}
.dpj-blog .dpj-button{display:inline-flex;align-items:center;gap:16px;padding:10px 12px 10px 21px;border:1px solid #ffffff30;border-radius:100px;background:#111;color:white;text-decoration:none;flex-shrink:0;margin-bottom:5px;transition:border-color .4s,box-shadow .4s}
.dpj-blog .dpj-roll{position:relative;height:1.25em;line-height:1.25;overflow:hidden;font-size:15px;font-weight:500}
.dpj-blog .dpj-roll span{display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.dpj-blog .dpj-roll span+span{position:absolute;inset:0;transform:translateY(110%)}
.dpj-blog .dpj-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.dpj-blog svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dpj-blog .dpj-icon svg{color:#58be8e}
.dpj-blog .dpj-button:hover{border-color:#58be8e;box-shadow:0 0 0 4px #58be8e15}
.dpj-blog .dpj-button:hover .dpj-roll span:first-child{transform:translateY(-110%)}
.dpj-blog .dpj-button:hover .dpj-roll span+span{transform:translateY(0)}
.dpj-blog .dpj-button:hover .dpj-icon{transform:rotate(360deg) scale(1.1)}
.dpj-blog .dpj-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;border-top:1px solid #ffffff26;padding-top:32px}
.dpj-blog .dpj-card{color:#fff;text-decoration:none;display:block;position:relative}
.dpj-blog .dpj-image{overflow:hidden;border-radius:16px;background:#17231e;position:relative}
.dpj-blog .dpj-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.75;mix-blend-mode:luminosity;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s,opacity .7s}
.dpj-blog .dpj-feature .dpj-image{aspect-ratio:1.7}
.dpj-blog .dpj-feature .dpj-image img{object-position:center 45%}
.dpj-blog .dpj-feature .dpj-image:after{content:'DE CITIT';position:absolute;left:20px;top:20px;color:#fff;font-size:10px;letter-spacing:.13em;padding:8px 12px;border:1px solid #ffffff4a;background:#0005;backdrop-filter:blur(10px);border-radius:30px}
.dpj-blog .dpj-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#58be8e;margin:22px 0 12px}
.dpj-blog .dpj-meta span+span{color:#888}
.dpj-blog h3{font-size:clamp(24px,2.2vw,34px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0;color:#fff;transition:color .3s}
.dpj-blog .dpj-summary{font-size:14px;line-height:1.75;color:#999;max-width:480px;margin:16px 0 0}
.dpj-blog .dpj-read{display:inline-flex;align-items:center;gap:16px;font-size:13px;color:#ccc;margin-top:24px}
.dpj-blog .dpj-read svg{color:#58be8e;transition:transform .35s}
.dpj-blog .dpj-list{display:flex;flex-direction:column}
.dpj-blog .dpj-small{display:grid;grid-template-columns:136px 1fr 30px;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid #ffffff26;flex:1}
.dpj-blog .dpj-small:first-child{padding-top:0}
.dpj-blog .dpj-small .dpj-image{aspect-ratio:1;border-radius:12px}
.dpj-blog .dpj-small .dpj-meta{margin:0 0 14px}
.dpj-blog .dpj-small h3{font-size:clamp(20px,1.55vw,25px);line-height:1.25}
.dpj-blog .dpj-end{color:#777;transition:transform .4s,color .4s}
.dpj-blog .dpj-card:hover h3{color:#58be8e}
.dpj-blog .dpj-card:hover img{transform:scale(1.045);filter:grayscale(0);opacity:1}
.dpj-blog .dpj-card:hover .dpj-end,.dpj-blog .dpj-card:hover .dpj-read svg{transform:translate(3px,-3px);color:#58be8e}
.dpj-blog a:focus-visible{outline:2px solid #58be8e;outline-offset:7px;border-radius:8px}
@media(max-width:1000px){.dpj-blog .dpj-grid{gap:28px}.dpj-blog .dpj-small{grid-template-columns:100px 1fr 20px;gap:18px}.dpj-blog .dpj-head{gap:25px}.dpj-blog h2{font-size:52px}}
@media(max-width:767px){.dpj-blog .dpj-head{display:block;margin-bottom:32px}.dpj-blog h2{font-size:44px}.dpj-blog .dpj-button{margin-top:25px}.dpj-blog .dpj-grid{grid-template-columns:1fr;gap:32px;padding-top:24px}.dpj-blog .dpj-small{padding:22px 0;grid-template-columns:90px 1fr 18px;gap:16px}.dpj-blog .dpj-small h3{font-size:20px}.dpj-blog .dpj-small .dpj-meta{font-size:9px;margin-bottom:10px}.dpj-blog .dpj-small .dpj-meta span+span{display:none}.dpj-blog .dpj-intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){.dpj-blog *{transition:none!important}}

.dpfoot{background:#09130d;color:#b8c3bc;font-family:Inter,Arial,sans-serif;padding:65px 6% 26px}.dpfoot-inner{max-width:1350px;margin:auto}.dpfoot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px}.dpfoot h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#f1f7f3;margin:0 0 25px}.dpfoot a{display:block;color:#aebdb3;text-decoration:none;font-size:14px;line-height:1.5;margin:0 0 13px}.dpfoot a:hover{color:#76d4a3}.dpfoot p{font-size:14px;color:#aebdb3;line-height:1.7;max-width:260px}.dpfoot .dpfoot-logo{color:#fff;font-size:27px;font-weight:700;letter-spacing:-1.4px;margin-bottom:20px}.dpfoot-logo span{color:#76d4a3}.dpfoot-bottom{border-top:1px solid #fff2;margin-top:50px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}.dpfoot-bottom nav{display:flex;gap:25px}.dpfoot-bottom a{font-size:12px;margin:0}.dpfoot .dpfoot-contact{color:#76d4a3;font-size:20px;letter-spacing:-.02em}.dpfoot a:focus-visible{outline:2px solid #76d4a3;outline-offset:5px}@media(max-width:800px){.dpfoot-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.dpfoot-bottom{align-items:flex-start;flex-direction:column}.dpfoot-bottom nav{flex-wrap:wrap}}@media(max-width:450px){.dpfoot-top{grid-template-columns:1fr}.dpfoot{padding:50px 6% 25px}}
.dpp{width:100%;color:#19251f;font-family:Inter,Arial,sans-serif;background:#fafcfb}.dpp *{box-sizing:border-box}.dpp a{color:inherit}.dpp section{scroll-margin-top:30px}.dpp-wrap{max-width:1350px;margin:auto;padding:95px 6%}.dpp-hero{background:radial-gradient(ellipse at 90% 50%,#a8dfc448,transparent 62%),#f0f7f2;padding:105px 6% 100px}.dpp-hero-inner{max-width:1350px;margin:auto}.dpp-kicker{font-size:12px;letter-spacing:.14em;font-weight:650;color:#33986b;text-transform:uppercase;display:block;margin-bottom:25px}.dpp h1{font-size:clamp(43px,5.8vw,82px);line-height:1.03;letter-spacing:-.065em;font-weight:700;margin:0 0 28px;max-width:980px}.dpp h1 span,.dpp h2 span{color:#778c7e}.dpp-lead{font-size:19px;line-height:1.65;max-width:700px;color:#5d7063;margin:0}.dpp h2{font-size:clamp(34px,3.8vw,54px);line-height:1.08;letter-spacing:-.05em;margin:0 0 24px;font-weight:650}.dpp h3{font-size:25px;line-height:1.18;letter-spacing:-.03em;margin:0 0 17px}.dpp p{font-size:16px;line-height:1.75}.dpp-btn{display:inline-flex;gap:22px;align-items:center;background:#1c2c23;color:#fff!important;text-decoration:none;border-radius:100px;padding:15px 23px;font-size:14px;font-weight:600;margin-top:30px;transition:transform .25s,background .25s}.dpp-btn:hover{background:#2c8056;transform:translateY(-3px)}.dpp-btn b{color:#a8e7bf}.dpp-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dpp-dark{background:#07110c;color:#f5faf7}.dpp-dark p{color:#a3b2a9}.dpp-dark .dpp-btn{background:#bce9ce;color:#13291b!important}.dpp-dark .dpp-btn b{color:#236a42}.dpp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:45px}.dpp-card{border:1px solid #1933231a;border-radius:16px;padding:34px;background:#fff;min-width:0}.dpp-card p{color:#67766c;margin:0 0 20px}.dpp-dark .dpp-card{background:#122219;border-color:#ffffff14}.dpp-dark .dpp-card p{color:#a3b2a9}.dpp-no{font-size:12px;letter-spacing:.12em;color:#4b9d70;display:block;margin-bottom:42px}.dpp-list{margin:25px 0 0;padding:0;list-style:none}.dpp-list li{padding:15px 0;border-top:1px solid #1933231c;font-size:16px}.dpp-dark .dpp-list li{border-color:#ffffff18}.dpp-row{padding:85px 0;display:grid;grid-template-columns:.5fr 1fr 1fr;gap:50px;border-bottom:1px solid #17372124}.dpp-row:first-child{padding-top:0}.dpp-row:last-child{border-bottom:0;padding-bottom:0}.dpp-row .dpp-no{font-size:36px}.dpp-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.dpp-chips a,.dpp-chips span{padding:10px 16px;border:1px solid #1b432d26;border-radius:99px;text-decoration:none;font-size:13px}.dpp-chips a:hover{background:#e2f1e7}.dpp-video{aspect-ratio:4/5;max-height:540px;width:100%;object-fit:cover;border-radius:18px;background:#142018}.dpp-video-wide{aspect-ratio:16/10;width:100%;object-fit:cover;border-radius:13px;background:#142018}.dpp-cover{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:25px}.dpp-article{display:block;text-decoration:none;transition:transform .25s}.dpp-article:hover{transform:translateY(-6px)}.dpp-more{font-size:13px;color:#37885b;display:block;margin-top:25px}.dpp-faq details{border-top:1px solid #203c2623;padding:23px 0}.dpp-faq summary{font-size:19px;cursor:pointer;font-weight:550}.dpp-faq p{max-width:900px;color:#657469}.dpp input{display:block;width:100%;border:1px solid #c9d6cd;border-radius:8px;padding:13px;background:#fff;color:#182c20;font:inherit;margin:8px 0 20px}.dpp label{font-size:14px}.dpp-output{border-radius:12px;background:#e3f3e9;padding:24px;margin-top:25px}.dpp-output strong{font-size:30px;display:block}.dpp-visual{aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#98d5b91f,#e7f2ea);border:1px solid #16462d0f;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden}.dpp-visual:before,.dpp-visual:after{content:'';position:absolute;border:1px solid #4e9e7240;border-radius:50%;width:85%;height:45%;transform:rotate(-32deg)}.dpp-visual:after{transform:rotate(32deg)}.dpp-visual strong{font-size:clamp(70px,10vw,150px);color:#294c37;letter-spacing:-.08em}.dpp-visual small{position:absolute;bottom:21%;font-size:11px;letter-spacing:.15em;color:#4b8262}.dpp-cta{text-align:center;background:#e5f4eb}.dpp-cta .dpp-lead{margin:auto}.dpp a:focus-visible,.dpp summary:focus-visible{outline:2px solid #379063;outline-offset:5px}
.dpp{background:#fff}.dpp h1,.dpp h2,.dpp h3{color:#151817}.dpp p,.dpp-lead,.dpp-card p{color:#515954}.dpp h1 span,.dpp h2 span{color:#69716c}.dpp-hero{background:radial-gradient(ellipse at 92% 50%,#74b9920d,transparent 58%),#f7f8f7}.dpp-dark{background:#f3f4f3;color:#151817}.dpp-dark p,.dpp-dark .dpp-card p{color:#515954}.dpp-dark .dpp-card{background:#fff;border-color:#183c2220}.dpp-dark .dpp-list li{border-color:#183c2220}.dpp-dark .dpp-btn{background:#172a1f;color:white!important}.dpp-dark .dpp-btn b{color:#a8e7bf}.dpp-kicker{color:#328257}.dpp-no{color:#328257}.dpp-cta{background:#f0f2f0;border-top:1px solid #dde3df}
@media(max-width:850px){.dpp-wrap{padding:65px 6%}.dpp-hero{padding:75px 6%}.dpp-split{grid-template-columns:1fr;gap:35px}.dpp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dpp-row{grid-template-columns:50px 1fr;gap:24px;padding:55px 0}.dpp-row>div:last-child{grid-column:2}.dpp-visual{max-width:420px;width:100%;margin:auto}.dpp-video{max-width:360px;display:block;margin:auto}.dpp-lead{font-size:17px}}
@media(max-width:550px){.dpp-grid{grid-template-columns:1fr;gap:18px}.dpp-card{padding:26px}.dpp-row{grid-template-columns:1fr}.dpp-row>div:last-child{grid-column:auto}.dpp-row .dpp-no{font-size:18px;margin:0}.dpp h1{font-size:44px}.dpp-hero{padding:60px 6%}.dpp-wrap{padding:55px 6%}}

.dpsp{background:#fff;color:#151c18}.dpsp-hero{padding:88px 6% 70px;background:radial-gradient(ellipse at 84% 58%,#83b69612,transparent 56%),linear-gradient(110deg,#fff,#f5f7f5)}.dpsp-hero .dpp-split{max-width:1400px;margin:auto;grid-template-columns:1.12fr 1fr;gap:65px;min-height:470px}.dpsp-hero h1{font-size:clamp(45px,5.3vw,77px);max-width:790px}.dpsp-hero .dpp-lead{max-width:580px;font-size:18px;line-height:1.7}.dpsp-strip{border-top:1px solid #184b2920;border-bottom:1px solid #184b2920;background:#fff}.dpsp-strip>div{max-width:1400px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:24px 6%;font-size:12px;letter-spacing:.08em;color:#67736b}.dpsp-strip b{color:#2f8c5a;margin-right:13px}.dpsp-kernel{background:#f5f8f6;border:1px solid #213d2520;box-shadow:0 30px 60px #203c2413;border-radius:22px;padding:26px;transform:perspective(1100px) rotateY(-9deg) rotateX(4deg);position:relative}.dpsp-topbar{display:flex;align-items:center;gap:6px;padding-bottom:20px;font-size:11px;color:#6b7970}.dpsp-topbar i{width:6px;height:6px;border-radius:50%;background:#c4d6c9}.dpsp-topbar span{margin-left:auto}.dpsp-screen{background:#fff;border:1px solid #24482e13;border-radius:13px;padding:28px;min-height:270px}.dpsp-screen strong{display:block;font-size:37px;line-height:1.05;letter-spacing:-.045em;margin:25px 0 20px;font-weight:600}.dpsp-screen p{font-size:13px;max-width:280px}.dpsp-small{font-size:10px;letter-spacing:.1em;font-weight:600;color:#41885f}.dpsp-screen button,.dpsp-screen .dpsp-pill{border:0;background:#deefe4;padding:10px 17px;border-radius:30px;font-size:10px;display:inline-block;color:#284d37}.dpsp-bars{display:flex;align-items:flex-end;gap:12px;height:165px;padding:5px 10px}.dpsp-bars i{width:19%;background:linear-gradient(#8ed6ad,#d4eddc);border-radius:8px 8px 0 0;transform-origin:bottom;animation:dpspbar 6s ease-in-out infinite}.dpsp-bars i:nth-child(2){animation-delay:.4s}.dpsp-bars i:nth-child(3){animation-delay:.8s}.dpsp-bars i:nth-child(4){animation-delay:1.2s}.dpsp-bars i:nth-child(5){animation-delay:1.6s}@keyframes dpspbar{0%,100%{transform:scaleY(.94)}50%{transform:scaleY(1)}}.dpsp-search{border-radius:99px;border:1px solid #c8d7cd;padding:13px 18px;color:#7a877e;font-size:12px;display:flex;justify-content:space-between}.dpsp-result{padding:20px 0;border-bottom:1px solid #e3ece6}.dpsp-result span{font-size:10px;color:#74907c}.dpsp-result strong{font-size:18px;letter-spacing:-.025em;margin:8px 0;color:#273e2f}.dpsp-result p{font-size:12px;margin:0}.dpsp-float{position:absolute;right:-22px;bottom:34px;background:#fff;border:1px solid #d7e7dc;box-shadow:0 15px 40px #1c432a16;border-radius:12px;padding:16px 22px;color:#466251;font-size:11px}.dpsp-float b{display:block;font-size:19px;letter-spacing:-.04em;color:#172b1f;margin:4px 0}.dpsp-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}.dpsp-deliverable{padding:38px;border:1px solid #193e2424;border-radius:18px;background:#fff;display:grid;grid-template-columns:50px 1fr;gap:20px;transition:box-shadow .3s,transform .3s}.dpsp-deliverable:hover{transform:translateY(-4px);box-shadow:0 20px 40px #1b49250e}.dpsp-icon{height:44px;width:44px;border-radius:12px;display:grid;place-items:center;color:#408662;background:#e9f4ec;font-size:23px}.dpsp-deliverable h3{font-size:24px;margin-bottom:12px}.dpsp-deliverable p{font-size:15px;margin:0}.dpsp-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:45px}.dpsp-process>article{border-top:1px solid #1b3e272b;padding-top:25px}.dpsp-process span{font-size:12px;color:#4a8d63;display:block;margin-bottom:30px}.dpsp-process h3{font-size:23px}.dpsp-process p{font-size:15px}.dpsp-related{padding:60px 0;border-top:1px solid #1b3e272b;display:flex;align-items:center;justify-content:space-between;gap:30px}.dpsp-related h3{font-size:36px;margin:0}.dpsp-project{border-radius:18px;overflow:hidden;border:1px solid #1b3e2720}.dpsp-project img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.dpsp-project div{padding:23px 28px;display:flex;justify-content:space-between}.dpsp-project a{text-decoration:none}.dpsp-quote{font-size:clamp(27px,3vw,42px);line-height:1.25;letter-spacing:-.035em;color:#243e2d;padding-left:30px;border-left:2px solid #69c28e;max-width:850px;margin:25px 0}.dpsp-answer{border:1px solid #dbe7df;background:#f3faf5;border-radius:13px;padding:22px;margin-top:20px}.dpsp-answer b{display:block;font-size:22px;margin-bottom:15px}.dpsp-answer span{display:block;font-size:12px;line-height:1.6;color:#5b7163}
@media(max-width:850px){.dpsp-hero .dpp-split{grid-template-columns:1fr;gap:45px;min-height:0}.dpsp-kernel{max-width:500px;width:90%;margin:auto;transform:perspective(1000px) rotateY(-6deg) rotateX(3deg)}.dpsp-strip>div{flex-wrap:wrap;justify-content:center}.dpsp-process{grid-template-columns:repeat(2,minmax(0,1fr))}.dpsp-hero{padding:65px 6%}.dpsp-float{right:-10px}}
@media(max-width:550px){.dpsp-deliverables{grid-template-columns:1fr;gap:15px}.dpsp-deliverable{padding:25px;grid-template-columns:35px 1fr;gap:16px}.dpsp-icon{width:35px;height:35px}.dpsp-screen{padding:20px;min-height:220px}.dpsp-screen strong{font-size:30px}.dpsp-process{grid-template-columns:1fr}.dpsp-process span{margin-bottom:14px}.dpsp-related{display:block}.dpsp-related .dpp-btn{margin-top:20px}.dpsp-hero h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){.dpsp-bars i{animation:none}}