@font-face{font-family:Poppins;src:url("assets/Poppins-Bold.ttf");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url("assets/NunitoSans-Regular.ttf");font-weight:400;font-display:swap}
#dpjd4-root{--blue:#193b68;--green:#009d93;--ink:#101b26;--paper:#f1f4f5}#dpjd4-root *{box-sizing:border-box}#dpjd4-root{scroll-behavior:smooth;scroll-padding-top:100px}#dpjd4-root{margin:0;font-family:Nunito,sans-serif;font-weight:400;font-synthesis:none;color:var(--ink);font-size:18px;line-height:1.65}#dpjd4-root h1,#dpjd4-root h2,#dpjd4-root h3,#dpjd4-root .button,#dpjd4-root .big-fact,#dpjd4-root .model{font-family:Poppins,sans-serif;font-weight:700;line-height:1.14}#dpjd4-root h1,#dpjd4-root h2,#dpjd4-root h3,#dpjd4-root p,#dpjd4-root figure{margin:0}#dpjd4-root h1{font-size:clamp(48px,5.4vw,86px);letter-spacing:-.055em}#dpjd4-root h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.045em}#dpjd4-root h3{font-size:25px;letter-spacing:-.03em}#dpjd4-root p{max-width:680px}#dpjd4-root a{color:inherit;text-decoration:none}#dpjd4-root a:focus-visible{outline:3px solid var(--green);outline-offset:6px}#dpjd4-root img{max-width:100%;display:block}#dpjd4-root span{color:inherit}#dpjd4-root h1 span,#dpjd4-root h2 span{color:var(--green)}#dpjd4-root .wrap{width:min(1280px,calc(100% - 112px));margin:auto}#dpjd4-root .eyebrow{font-size:13px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px}#dpjd4-root .lead{font-size:22px;line-height:1.5}#dpjd4-root .button{display:inline-flex;padding:19px 24px;background:var(--green);color:#fff;font-size:15px;line-height:1.4;transition:background .2s,transform .2s}#dpjd4-root .button:hover{background:#007c75;transform:translateY(-2px)}#dpjd4-root .text-link{border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-block}#dpjd4-root .actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:36px}#dpjd4-root .skip{position:fixed;top:-100px;left:10px;z-index:9;background:#fff;padding:10px}#dpjd4-root .skip:focus{top:10px}#dpjd4-root header{position:absolute;z-index:4;top:0;width:100%;padding:30px 56px;display:flex;justify-content:space-between;align-items:center;color:white}#dpjd4-root header img{width:155px;height:auto}#dpjd4-root nav{display:flex;align-items:center;gap:28px;font-size:14px}#dpjd4-root .nav-cta{border:1px solid #ffffff50;padding:10px 18px}#dpjd4-root .hero{background:#0b1929;color:white;position:relative;overflow:hidden;min-height:100svh}#dpjd4-root .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 43%,#31516a88,transparent 48%)}#dpjd4-root .hero-grid{position:relative;display:grid;grid-template-columns:1.15fr 1fr;min-height:calc(100svh - 90px);align-items:center;padding-top:130px;padding-bottom:80px;gap:20px}#dpjd4-root .hero-copy{position:relative;z-index:2}#dpjd4-root .hero-copy .lead{max-width:530px;margin-top:30px;color:#d3dee5}#dpjd4-root .hero-engine{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}#dpjd4-root .hero-engine>img{width:94%;max-height:68vh;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 30px 50px #0009);animation:entrance 1.3s ease both}#dpjd4-root .model{position:absolute;font-size:clamp(130px,19vw,290px);letter-spacing:-.08em;color:#ffffff08;top:0;left:-25px}#dpjd4-root .engine-label{font-size:12px;letter-spacing:.09em;color:#abc0ce;margin-top:24px}#dpjd4-root .hero-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:24px;padding-bottom:26px;font-size:13px;color:#afc1cf}#dpjd4-root .intro{padding:130px 0 100px}#dpjd4-root .intro>.lead{margin-top:35px;max-width:760px}#dpjd4-root .story{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}#dpjd4-root .story-image{position:relative}#dpjd4-root .story-image-inner{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#fff,transparent 65%);padding:50px}#dpjd4-root .story-image img{width:min(430px,85%);max-height:65vh;object-fit:contain;transition:transform .9s ease;filter:drop-shadow(0 30px 20px #16253522)}#dpjd4-root .story-image .eyebrow{position:absolute;top:55px;left:56px}#dpjd4-root .progress{display:flex;gap:8px;margin-top:30px}#dpjd4-root .progress i{width:35px;height:3px;background:#c9d1d6}#dpjd4-root .progress i.active{background:var(--green)}#dpjd4-root .story-count{font-size:12px;letter-spacing:.12em;margin-top:16px}#dpjd4-root .story-steps article{min-height:90svh;display:flex;flex-direction:column;justify-content:center;padding:85px 65px 85px 25px}#dpjd4-root .story-steps h2{font-size:clamp(34px,3.5vw,54px)}#dpjd4-root .story-steps p:not(.eyebrow){margin-top:26px;max-width:490px}#dpjd4-root .story-steps .button,#dpjd4-root .story-steps .text-link{align-self:flex-start;margin-top:32px}#dpjd4-root .big-fact{font-size:clamp(40px,5vw,72px);color:var(--blue)}#dpjd4-root .big-fact span{display:block;font-family:Nunito;font-weight:400;font-size:15px;line-height:1.5;margin-top:10px;color:#526170}#dpjd4-root .source-note{font-size:12px;padding-top:20px;color:#5e6b76}#dpjd4-root .source-note a{text-decoration:underline}#dpjd4-root .applications{padding:120px 0}#dpjd4-root .section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:25px 80px;align-items:end}#dpjd4-root .section-head .eyebrow{grid-column:1/-1;margin:0}#dpjd4-root .application-photo{margin-top:55px}#dpjd4-root .application-photo img{width:100%;height:470px;object-fit:cover;object-position:center 52%}#dpjd4-root .application-photo figcaption,#dpjd4-root .workshop figcaption{font-size:12px;margin-top:10px;color:#63717e}#dpjd4-root .application-list{margin-top:45px}#dpjd4-root .application-list article{display:grid;grid-template-columns:70px 1fr;gap:35px;padding:34px 0;border-top:1px solid #dce1e4}#dpjd4-root .application-list article>span{color:var(--green);font-size:14px}#dpjd4-root .application-list article>div{display:grid;grid-template-columns:1fr 1fr;gap:50px}#dpjd4-root .integration{background:#0d1b2b;color:white;padding:110px 0}#dpjd4-root .integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}#dpjd4-root .integration .lead{margin:30px 0;color:#c2d0dc}#dpjd4-root .integration-details article{padding:25px 0;border-top:1px solid #ffffff30}#dpjd4-root .integration-details p{margin-top:16px;color:#c2d0dc}#dpjd4-root .workshop{margin-top:70px}#dpjd4-root .workshop img{width:100%;height:440px;object-fit:cover}#dpjd4-root .workshop figcaption{color:#a4b5c2}#dpjd4-root .technical{padding:130px 0}#dpjd4-root .technical>div>p:last-child{margin-top:26px}#dpjd4-root .technical-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;margin-top:55px}#dpjd4-root dl{margin:0}#dpjd4-root dl div{padding:19px 0;border-bottom:1px solid #d9e1e5;display:flex;justify-content:space-between;gap:30px}#dpjd4-root dt{font-size:15px;color:#51616e}#dpjd4-root dd{margin:0;text-align:right}#dpjd4-root aside{padding:36px;background:var(--paper)}#dpjd4-root aside h3{margin-top:35px}#dpjd4-root aside p{margin-top:20px;font-size:16px}#dpjd4-root aside .button{margin-top:25px}#dpjd4-root aside .text-link{font-size:13px;margin-top:24px}#dpjd4-root .fine{font-size:12px!important;color:#64717c}#dpjd4-root .contact{background:var(--blue);color:white;padding:100px 0}#dpjd4-root .contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}#dpjd4-root .contact .lead{margin:30px 0;color:#dfebf4}#dpjd4-root .button.light{background:white;color:var(--blue)}#dpjd4-root .person{display:flex;align-items:center;gap:30px}#dpjd4-root .person img{width:200px;height:250px;object-fit:cover;object-position:center 20%}#dpjd4-root .person p{margin:12px 0;color:#cadbe9}#dpjd4-root .person a{display:block;font-size:16px;text-decoration:underline;text-underline-offset:4px}#dpjd4-root footer{display:flex;gap:30px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:40px 0}#dpjd4-root footer img{height:auto;width:130px}#dpjd4-root footer a{font-size:14px}#dpjd4-root footer small{flex-basis:100%;font-size:11px;color:#63717e}#dpjd4-root.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}#dpjd4-root.js .reveal.visible{opacity:1;transform:none}@keyframes entrance{from{opacity:0;transform:translateY(40px) scale(.93)}to{opacity:1;transform:none}}
@media (max-width:1000px){#dpjd4-root .wrap{width:calc(100% - 64px)}#dpjd4-root header{padding:25px 32px}#dpjd4-root nav{gap:16px}#dpjd4-root nav>a:not(.nav-cta){display:none}#dpjd4-root .hero-grid{grid-template-columns:1fr 1fr}#dpjd4-root .hero-copy .lead{font-size:19px}#dpjd4-root .story-steps article{padding-right:32px}#dpjd4-root .story-image-inner{padding:30px}#dpjd4-root .integration-grid,#dpjd4-root .contact-grid{gap:40px}#dpjd4-root .technical-grid{gap:30px}#dpjd4-root .person{flex-direction:column;align-items:flex-start}#dpjd4-root .person img{width:180px;height:190px}}
@media (max-width:700px){#dpjd4-root .wrap{width:calc(100% - 40px)}#dpjd4-root header{padding:20px}#dpjd4-root header img{width:120px}#dpjd4-root .hero-grid{display:flex;flex-direction:column;padding-top:130px;padding-bottom:35px;align-items:stretch;gap:40px}#dpjd4-root .hero-copy .lead{font-size:19px;margin-top:22px}#dpjd4-root h1{font-size:clamp(44px,10vw,65px)}#dpjd4-root .hero-engine>img{width:65%;max-height:390px}#dpjd4-root .model{font-size:50vw;left:15%;top:-20px}#dpjd4-root .engine-label{margin-top:10px;font-size:10px}#dpjd4-root .hero-bottom{font-size:11px;gap:20px}#dpjd4-root .hero-bottom>span{max-width:130px}#dpjd4-root .intro{padding:80px 0}#dpjd4-root .intro .lead{font-size:20px}#dpjd4-root .story{display:block}#dpjd4-root .story-image{display:none}#dpjd4-root .story-steps article{min-height:auto;padding:60px 20px;border-bottom:1px solid #d6dfe4}#dpjd4-root .story-steps article:first-child:before{content:"";display:block;width:100%;height:300px;background:url("assets/jd4.png") center/contain no-repeat;margin-bottom:45px}#dpjd4-root .story-steps h2{font-size:38px}#dpjd4-root .source-note{font-size:11px}#dpjd4-root .applications,#dpjd4-root .technical{padding:80px 0}#dpjd4-root .section-head{display:block}#dpjd4-root .section-head h2{margin:20px 0 25px}#dpjd4-root .application-photo img{height:300px}#dpjd4-root .application-list article{grid-template-columns:30px 1fr;gap:12px}#dpjd4-root .application-list article>div{display:block}#dpjd4-root .application-list p{margin-top:20px}#dpjd4-root .integration{padding:80px 0}#dpjd4-root .integration-grid,#dpjd4-root .technical-grid,#dpjd4-root .contact-grid{display:block}#dpjd4-root .integration-details{margin-top:55px}#dpjd4-root .workshop img{height:260px}#dpjd4-root .technical-grid aside{margin-top:35px}#dpjd4-root dl div{gap:20px}#dpjd4-root dd{font-size:15px}#dpjd4-root dt{font-size:13px}#dpjd4-root .contact{padding:80px 0}#dpjd4-root .person{flex-direction:row;align-items:center;margin-top:60px;gap:20px}#dpjd4-root .person img{width:115px;height:155px}#dpjd4-root .person h3{font-size:22px}#dpjd4-root .person a{font-size:13px}#dpjd4-root .person p{font-size:14px}#dpjd4-root footer{gap:22px}#dpjd4-root footer a{font-size:12px}}
@media (prefers-reduced-motion:reduce){#dpjd4-root{scroll-behavior:auto}#dpjd4-root *,#dpjd4-root *:before,#dpjd4-root *:after{animation:none!important;transition:none!important}#dpjd4-root.js .reveal{opacity:1;transform:none}#dpjd4-root .story-image img{transform:none!important}}
/* English industrial presentation, revision 2 */
#dpjd4-root .hero{min-height:110svh;background:linear-gradient(135deg,#07131f,#102c43)}#dpjd4-root .hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}#dpjd4-root .hero-grid{min-height:85svh;grid-template-columns:1.05fr 1fr;gap:0;padding-top:150px;padding-bottom:40px}#dpjd4-root .hero-engine{min-height:560px}#dpjd4-root .hero-engine>img{width:100%;max-height:72vh;transform-origin:center;will-change:transform}#dpjd4-root .hero-engine .model{font-size:clamp(190px,25vw,380px);top:-10px;left:-30px;color:#ffffff09}#dpjd4-root .hero-copy h1{font-size:clamp(54px,5.8vw,92px)}#dpjd4-root .hero-copy .lead{font-size:21px;max-width:500px}#dpjd4-root .orbit{position:absolute;border:1px solid #7797aa40;border-radius:50%;width:105%;height:70%;transform:rotate(-24deg);pointer-events:none}#dpjd4-root .orbit-one:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);left:10%;top:17%;box-shadow:0 0 18px #009d93}#dpjd4-root .orbit-two{transform:rotate(25deg);width:90%;height:86%;border-style:dashed;border-color:#7797aa22}#dpjd4-root .hero-specs{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff20;padding:28px 0}#dpjd4-root .hero-specs>div{display:flex;align-items:center;gap:25px}#dpjd4-root .hero-specs strong{font:700 42px Poppins;letter-spacing:-.04em}#dpjd4-root .hero-specs strong span{font:400 17px Nunito;margin-left:5px;color:#96aebf}#dpjd4-root .hero-specs small{font-size:12px;max-width:120px;line-height:1.5;color:#aabdc9}#dpjd4-root .hero-bottom{border:0;padding-top:5px}#dpjd4-root .intro{padding-top:140px;padding-bottom:140px}#dpjd4-root .intro h2{max-width:1050px}#dpjd4-root .story{background:#101c29;color:white;grid-template-columns:1.12fr 1fr}#dpjd4-root .story-image-inner{overflow:hidden;background:radial-gradient(ellipse at center,#3d536a60,transparent 67%)}#dpjd4-root .story-image-inner:before{content:"JD4";position:absolute;font:700 clamp(160px,24vw,380px) Poppins;letter-spacing:-.08em;color:#ffffff04;transform:rotate(-90deg);left:-135px;top:30%}#dpjd4-root .story-image .eyebrow{color:#9db1c2}#dpjd4-root .story-image img{width:min(530px,96%);max-height:72vh;transition:none;filter:drop-shadow(0 35px 28px #0007)}#dpjd4-root .story-steps article{min-height:105svh;padding-left:20px;padding-right:70px}#dpjd4-root .story-steps article .eyebrow{color:#62cbc3}#dpjd4-root .story-steps article p{color:#b6c9d7;font-size:20px}#dpjd4-root .story-steps h2{font-size:clamp(35px,3.8vw,58px)}#dpjd4-root .story-steps .big-fact{color:white;font-size:clamp(48px,6vw,86px)}#dpjd4-root .big-fact span{color:#b6c9d7!important}#dpjd4-root .story-steps .text-link{color:white}#dpjd4-root .progress i{background:#ffffff25}#dpjd4-root .stage-label{position:absolute;bottom:15%;left:56px;z-index:2;max-width:260px;transition:opacity .3s}#dpjd4-root .stage-label span{display:block;font-size:10px;letter-spacing:.16em;color:#afc5d4}#dpjd4-root .stage-label b{font:700 35px Poppins;display:block;margin-top:7px}#dpjd4-root .story-count{position:absolute;bottom:50px;left:56px;color:#abc1cf}#dpjd4-root .progress{position:absolute;bottom:52px;right:55px}#dpjd4-root .source-note{padding-bottom:20px}#dpjd4-root .statement{background:var(--blue);color:white;padding:120px 0;overflow:hidden}#dpjd4-root .statement h2{font-size:clamp(42px,6.5vw,92px);max-width:1100px}#dpjd4-root .statement h2 span{color:#66d2c9}#dpjd4-root .statement .eyebrow{color:#bad1e3}#dpjd4-root .applications{padding:130px 0;background:#f3f5f6}#dpjd4-root .section-head h2{font-size:clamp(40px,4.5vw,64px)}#dpjd4-root .application-list{margin-top:65px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}#dpjd4-root .application-list article{display:flex;flex-direction:column;align-items:flex-start;padding:35px;border-top:2px solid #ced8df;border-right:1px solid #d5dee4;min-height:350px;transition:background .3s,border-color .3s,transform .3s}#dpjd4-root .application-list article:last-child{border-right:0}#dpjd4-root .application-list article>div{display:block}#dpjd4-root .application-list h3{margin-bottom:25px}#dpjd4-root .application-list article>span{font:700 50px Poppins;color:#193b6822;margin-bottom:30px}#dpjd4-root .application-list article:hover{background:#fff;border-top-color:var(--green);transform:translateY(-8px)}#dpjd4-root .integration{padding-bottom:0;overflow:hidden}#dpjd4-root .integration-grid{padding-bottom:85px}#dpjd4-root .workshop{width:100%;margin-top:0;position:relative;overflow:hidden}#dpjd4-root .workshop img{height:65vh;min-height:420px;max-height:700px;will-change:transform;object-position:center}#dpjd4-root .workshop figcaption{position:absolute;bottom:0;left:0;width:100%;padding:40px 56px 18px;color:white;background:linear-gradient(transparent,#0009);margin:0}#dpjd4-root .contact h2{font-size:clamp(45px,5.8vw,80px)}#dpjd4-root .technical h2{font-size:clamp(42px,4.6vw,68px)}
@media (max-width:1000px){#dpjd4-root .hero-engine{min-height:450px}#dpjd4-root .hero-grid{grid-template-columns:1.1fr 1fr}#dpjd4-root .hero-copy h1{font-size:58px}#dpjd4-root .hero-specs strong{font-size:35px}#dpjd4-root .hero-specs>div{gap:12px}#dpjd4-root .story-steps article{padding-right:30px}#dpjd4-root .stage-label{left:32px}#dpjd4-root .application-list article{padding:25px}#dpjd4-root .application-list h3{font-size:22px}}
@media (max-width:700px){#dpjd4-root .hero{min-height:auto}#dpjd4-root .hero-grid{display:flex;padding-top:125px;padding-bottom:20px}#dpjd4-root .hero-copy h1{font-size:clamp(44px,11vw,70px)}#dpjd4-root .hero-engine{min-height:370px;margin-top:20px}#dpjd4-root .hero-engine>img{width:75%;max-height:400px}#dpjd4-root .hero-engine .model{font-size:55vw;left:10%;top:0}#dpjd4-root .orbit{width:80%;height:75%}#dpjd4-root .orbit-two{width:70%;height:100%}#dpjd4-root .hero-specs{gap:12px;padding:25px 0}#dpjd4-root .hero-specs>div{display:block}#dpjd4-root .hero-specs strong{font-size:28px}#dpjd4-root .hero-specs strong span{font-size:12px}#dpjd4-root .hero-specs small{display:block;font-size:10px;margin-top:8px}#dpjd4-root .intro{padding:85px 0}#dpjd4-root .story-steps article{padding:55px 20px;min-height:auto;border-color:#ffffff20}#dpjd4-root .story-steps article p{font-size:18px}#dpjd4-root .story-steps h2{font-size:38px}#dpjd4-root .statement{padding:80px 0}#dpjd4-root .applications{padding:80px 0}#dpjd4-root .application-list{display:block;margin-top:40px}#dpjd4-root .application-list article{padding:30px 15px;min-height:auto;border-right:0;gap:10px}#dpjd4-root .application-list article>span{font-size:30px;margin-bottom:12px}#dpjd4-root .application-list h3{font-size:26px;margin-bottom:15px}#dpjd4-root .integration-grid{padding-bottom:60px}#dpjd4-root .workshop img{min-height:300px;height:45vh}#dpjd4-root .workshop figcaption{padding:35px 20px 14px}#dpjd4-root .hero-specs{border-top-color:#ffffff25}#dpjd4-root .hero-bottom{padding-bottom:28px}}
/* Revision 3: product views and performance chapters */
#dpjd4-root .hero-copy h1{font-size:clamp(65px,7.5vw,115px);letter-spacing:-.065em}#dpjd4-root .hero-copy .eyebrow{max-width:470px;line-height:1.6}#dpjd4-root .brand-proof{display:flex;align-items:center;gap:50px;border-top:1px solid #d8e0e5;margin-top:50px;padding-top:30px}#dpjd4-root .brand-proof img{width:220px;height:auto}#dpjd4-root .brand-proof p{font-size:15px;color:#4e6373}#dpjd4-root .engine-lab{background:white;padding:110px 0 100px;overflow:hidden}#dpjd4-root .lab-head{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 75px;align-items:end}#dpjd4-root .lab-head>.eyebrow{grid-column:1/-1}#dpjd4-root .lab-head>p:last-child{max-width:470px}#dpjd4-root .lab-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center;margin-top:60px}#dpjd4-root .viewer{min-width:0}#dpjd4-root .viewer-canvas{position:relative;overflow:hidden;background:white;aspect-ratio:1.35;cursor:grab;touch-action:pan-y;outline-offset:-3px}#dpjd4-root .viewer-canvas.dragging{cursor:grabbing}#dpjd4-root .viewer-canvas>img{width:100%;height:100%;object-fit:contain;transform:scale(1.6);pointer-events:none;user-select:none;transition:transform .6s ease}#dpjd4-root .viewer-canvas.zoomed>img{transform:scale(2.5)}#dpjd4-root .viewer-stamp{position:absolute;top:15px;left:15px;font-size:10px;letter-spacing:.12em;color:#6a7a85}#dpjd4-root .zoom-button{position:absolute;bottom:15px;right:15px;border:1px solid #c8d5dc;background:white;padding:9px 15px;font:400 13px Nunito;color:var(--blue);cursor:pointer}#dpjd4-root .view-controls{display:flex;gap:20px;align-items:center;justify-content:center;padding:20px;border-top:1px solid #d6e0e6}#dpjd4-root .view-controls>button{border:1px solid #c9d7df;background:white;color:var(--blue);width:44px;height:44px;font:400 22px Nunito;cursor:pointer}#dpjd4-root .view-label{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;font-size:11px;letter-spacing:.06em;text-transform:uppercase}#dpjd4-root .view-label input{width:100%;accent-color:var(--green);cursor:pointer}#dpjd4-root .view-caption{text-align:center;font-size:12px;color:#526676}#dpjd4-root .lab-details>.eyebrow{margin-bottom:18px}#dpjd4-root .detail-button{width:100%;display:grid;grid-template-columns:30px 1fr;gap:8px 18px;border:0;border-top:1px solid #d8e1e7;background:white;text-align:left;padding:22px 16px;cursor:pointer;color:var(--ink);font-family:Nunito;font-size:16px;transition:background .2s,border-color .2s}#dpjd4-root .detail-button>span{font-size:11px;color:var(--green);padding-top:4px;grid-row:1/3}#dpjd4-root .detail-button b{font:700 18px Poppins;line-height:1.4}#dpjd4-root .detail-button small{font:400 14px Nunito;line-height:1.6;color:#657787}#dpjd4-root .detail-button.active{background:#f2f6f7;border-top-color:var(--green)}#dpjd4-root .detail-button:hover{background:#f6f8f9}#dpjd4-root .lab-details .fine{margin-top:20px}#dpjd4-root .numbers-stage{background:#071a2b;color:white}#dpjd4-root .numbers-pin{padding:90px 0}#dpjd4-root .numbers-pin>.wrap{position:relative}#dpjd4-root .number-slide{padding:50px 0}#dpjd4-root .mega-number{font:700 clamp(90px,17vw,235px)/1 Poppins;letter-spacing:-.065em}#dpjd4-root .mega-unit{font:400 clamp(35px,5vw,70px) Nunito;margin-left:15px;color:#54ccc1}#dpjd4-root .number-slide h2{font-size:clamp(30px,3.5vw,50px);margin-top:30px;max-width:980px}#dpjd4-root .number-slide h2 span{color:#54ccc1}#dpjd4-root .number-slide p{font-size:16px;color:#adc4d5;max-width:600px;margin-top:24px}#dpjd4-root .numbers-track{display:none}#dpjd4-root.js .numbers-stage{height:320svh}#dpjd4-root.js .numbers-pin{position:sticky;top:0;height:100svh;overflow:hidden;padding-top:45px}#dpjd4-root.js .numbers-pin>.wrap{height:100%;padding-bottom:55px}#dpjd4-root.js .number-slide{position:absolute;top:45px;left:0;width:100%;height:calc(100% - 100px);display:flex;flex-wrap:wrap;align-content:center;align-items:baseline;opacity:0;visibility:hidden;transform:translateY(40px) scale(.9);transition:opacity .4s,transform .4s,visibility .4s;pointer-events:none}#dpjd4-root.js .number-slide.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}#dpjd4-root.js .number-slide h2,#dpjd4-root.js .number-slide p{flex-basis:100%}#dpjd4-root.js .numbers-track{position:absolute;display:block;bottom:25px;width:100%;height:2px;background:#ffffff20}#dpjd4-root .numbers-track i{display:block;height:100%;width:0;background:var(--green)}#dpjd4-root .application-list{gap:25px}#dpjd4-root .application-list article{padding:0 0 30px;border:0;overflow:hidden}#dpjd4-root .application-list article:last-child{border:0}#dpjd4-root .application-visual{width:100%;height:380px;overflow:hidden;background:white;margin-bottom:22px}#dpjd4-root .application-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1s}#dpjd4-root .application-list article:hover .application-visual img{transform:scale(1.06)}#dpjd4-root .application-list article>span,#dpjd4-root .application-list article>div{padding:0 18px}#dpjd4-root .application-list article>span{font-size:30px;margin-bottom:18px}#dpjd4-root .application-list article p{font-size:16px}#dpjd4-root .application-list article h3{font-size:24px}#dpjd4-root .engine-application img{object-fit:contain;transform:scale(1.8)}#dpjd4-root .application-list article:hover .engine-application img{transform:scale(1.95)}#dpjd4-root .application-note{font-size:11px;color:#60717e;margin-top:25px;max-width:100%}#dpjd4-root .person img{height:290px;width:210px;object-position:center 18%}#dpjd4-root .story-steps .big-fact{transform-origin:left center}#dpjd4-root.js .story-steps article.focused .big-fact{animation:fact-in .6s ease both}@keyframes fact-in{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@media (max-width:1000px){#dpjd4-root .lab-grid{gap:30px;grid-template-columns:1.3fr 1fr}#dpjd4-root .application-visual{height:300px}#dpjd4-root .application-list{gap:15px}#dpjd4-root .application-list article h3{font-size:21px}#dpjd4-root .lab-head{gap:30px}#dpjd4-root .person img{width:185px;height:260px}#dpjd4-root .mega-number{font-size:18vw}}
@media (max-width:700px){#dpjd4-root .hero-copy h1{font-size:clamp(61px,14vw,96px)}#dpjd4-root .brand-proof{flex-direction:column;align-items:flex-start;gap:25px}#dpjd4-root .brand-proof img{width:190px}#dpjd4-root .engine-lab{padding:80px 0}#dpjd4-root .lab-head,#dpjd4-root .lab-grid{display:block}#dpjd4-root .lab-head>p:last-child{margin-top:25px}#dpjd4-root .lab-grid{margin-top:35px}#dpjd4-root .lab-details{margin-top:45px}#dpjd4-root .viewer-canvas{aspect-ratio:1.15}#dpjd4-root .viewer-canvas>img{transform:scale(1.85)}#dpjd4-root .viewer-canvas.zoomed>img{transform:scale(2.8)}#dpjd4-root .detail-button{padding:19px 10px}#dpjd4-root .detail-button b{font-size:17px}#dpjd4-root.js .numbers-stage{height:auto}#dpjd4-root.js .numbers-pin{position:static;height:auto;padding:65px 0}#dpjd4-root.js .numbers-pin>.wrap{height:auto;padding-bottom:0}#dpjd4-root.js .number-slide{position:static;height:auto;padding:35px 0 55px;opacity:1;visibility:visible;transform:none;pointer-events:auto;display:block}#dpjd4-root .number-slide h2{font-size:32px}#dpjd4-root .mega-number{font-size:clamp(75px,22vw,125px)}#dpjd4-root .mega-unit{font-size:35px;margin-left:8px}#dpjd4-root.js .numbers-track{display:none}#dpjd4-root .application-list{display:block}#dpjd4-root .application-list article{margin-top:45px;padding-bottom:20px}#dpjd4-root .application-visual{height:370px}#dpjd4-root .application-list article>div,#dpjd4-root .application-list article>span{padding:0 0}#dpjd4-root .application-list article h3{font-size:27px}#dpjd4-root .person img{width:120px;height:180px}#dpjd4-root .numbers-pin>.wrap>.eyebrow{font-size:11px}}
@media (prefers-reduced-motion:reduce){#dpjd4-root.js .numbers-stage{height:auto}#dpjd4-root.js .numbers-pin{position:static;height:auto;padding:80px 0}#dpjd4-root.js .numbers-pin>.wrap{height:auto}#dpjd4-root.js .number-slide{position:static;opacity:1;visibility:visible;transform:none;height:auto;display:block;padding:40px 0}#dpjd4-root.js .numbers-track{display:none}#dpjd4-root .application-list article:hover{transform:none}#dpjd4-root .viewer-canvas>img{transition:none}}

@media (max-width:700px){#dpjd4-root .mega-number{font-size:clamp(62px,20vw,110px)}}
@media (prefers-reduced-motion:reduce){#dpjd4-root .mega-number{transform:none!important}}
/* Stable engine, orbital depth and performance chapters. */
#dpjd4-root .hero-engine{isolation:isolate;perspective:1100px}#dpjd4-root .hero-engine>img{animation:engine-reveal 1.25s cubic-bezier(.2,.7,.2,1) backwards;transition:none;transform-origin:50% 60%;z-index:2}#dpjd4-root .orbital-system{position:absolute;inset:0;perspective:900px;pointer-events:none;z-index:1;transform-style:preserve-3d}#dpjd4-root .orbital-system .orbit{width:115%;height:auto;aspect-ratio:1;left:-7.5%;top:2%;border:1px solid #66dbd68a;transform-style:preserve-3d;box-shadow:0 0 22px #36ccc315,inset 0 0 22px #36ccc310}#dpjd4-root .orbital-system .orbit:before{display:none}#dpjd4-root .orbital-system .orbit-one{animation:orbit-primary 14s linear infinite}#dpjd4-root .orbital-system .orbit-two{width:108%;left:-4%;border-style:solid;border-color:#9ac3d742;animation:orbit-secondary 22s linear infinite reverse}#dpjd4-root .orbital-system .orbit-three{width:125%;left:-12.5%;border-color:#66dbd625;animation:orbit-tertiary 30s linear infinite}#dpjd4-root .orbit i{position:absolute;width:8px;height:8px;background:#a8fff5;border-radius:50%;top:0;left:50%;box-shadow:0 0 12px #6effef,0 0 35px #37cbbd}#dpjd4-root .orbit-two i{width:5px;height:5px;background:#abcbe0}#dpjd4-root .engine-halo{position:absolute;inset:8% -8%;border-radius:50%;background:radial-gradient(ellipse,#24bdad22,transparent 65%);animation:halo-energy 5s ease-in-out infinite}#dpjd4-root .hero:before{animation:halo-energy 6s ease-in-out infinite}#dpjd4-root .hero-engine:after{content:"";position:absolute;bottom:8%;left:18%;width:65%;height:6%;background:#02091066;filter:blur(20px);border-radius:50%}#dpjd4-root .hero-copy h1{font-size:clamp(62px,6.7vw,110px)}#dpjd4-root .hero-specs strong{font-size:clamp(50px,5.5vw,82px);color:white}#dpjd4-root .hero-specs>div{position:relative;padding:12px 0 18px}#dpjd4-root .hero-specs>div:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#49d9c9,transparent);transition:width 1.4s ease}#dpjd4-root .hero-specs>div.metric-live:after{width:90%}#dpjd4-root .hero-specs small{font-size:13px}#dpjd4-root .story-image img{transition:transform .2s linear;transform-origin:center center}#dpjd4-root .story-image-inner:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:calc(var(--story-progress,0)*100%);background:#54ddd0;box-shadow:0 0 25px #54ddd0}#dpjd4-root .stage-label b{font-size:clamp(46px,6vw,88px)!important;color:#66e1d3}#dpjd4-root .story-steps .big-fact{font-size:clamp(65px,7.5vw,115px);letter-spacing:-.06em;line-height:1}#dpjd4-root .story-steps .big-fact span{letter-spacing:0;margin-top:20px}#dpjd4-root.js .numbers-stage{height:500svh}#dpjd4-root .numbers-pin{background:radial-gradient(ellipse at 80% 50%,#16485b,transparent 60%),#071522}#dpjd4-root .numbers-pin:before{content:"";position:absolute;width:min(70vw,1000px);aspect-ratio:1;border:1px solid #43d7c325;border-radius:50%;right:-25%;top:10%;box-shadow:0 0 0 90px #43d7c308,0 0 0 180px #43d7c305;pointer-events:none}#dpjd4-root .mega-number{font-size:clamp(120px,20vw,290px);letter-spacing:-.07em;color:#fff;font-variant-numeric:tabular-nums;line-height:.95;text-shadow:0 0 80px #3bcaad30}#dpjd4-root .mega-unit{color:#60dfd0}#dpjd4-root.js .number-slide{transition:opacity .55s,transform .7s cubic-bezier(.2,.8,.2,1),visibility .55s;transform:translateY(70px);top:25px;height:calc(100% - 130px)}#dpjd4-root .number-slide h2{margin-top:25px}#dpjd4-root .numbers-navigation{display:flex;gap:10px;position:absolute;bottom:50px;left:0;right:0;z-index:2}#dpjd4-root .numbers-navigation button{border:1px solid #ffffff25;background:transparent;color:#9fb6c7;font:400 12px Nunito;padding:12px 17px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}#dpjd4-root .numbers-navigation button.active{background:#009d9328;color:#82f5e7;border-color:#4edac1}#dpjd4-root .numbers-navigation button:hover{color:white;border-color:white}#dpjd4-root .numbers-navigation button:focus-visible{outline:2px solid white;outline-offset:3px}#dpjd4-root .view-ghost{position:absolute;inset:0;z-index:1}#dpjd4-root .viewer-stamp,#dpjd4-root .zoom-button{z-index:3}#dpjd4-root .technical dl div{position:relative;transition:background .7s,padding .7s}#dpjd4-root .technical dl div.metric-live{background:linear-gradient(90deg,#009d9309,transparent);padding-left:16px}#dpjd4-root .technical dd{font-family:Poppins;font-weight:700;font-size:21px;color:var(--blue)}#dpjd4-root .statement{overflow:hidden}#dpjd4-root .statement h2{font-size:clamp(45px,6vw,90px)}
@keyframes engine-reveal{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes orbit-primary{from{transform:rotateZ(-22deg) rotateX(66deg) rotateZ(0)}to{transform:rotateZ(-22deg) rotateX(66deg) rotateZ(360deg)}}
@keyframes orbit-secondary{from{transform:rotateZ(35deg) rotateX(72deg) rotateZ(0)}to{transform:rotateZ(35deg) rotateX(72deg) rotateZ(360deg)}}
@keyframes orbit-tertiary{from{transform:rotateZ(-55deg) rotateX(74deg) rotateZ(0)}to{transform:rotateZ(-55deg) rotateX(74deg) rotateZ(360deg)}}
@keyframes halo-energy{0%,100%{opacity:.55}50%{opacity:1}}
@media (max-width:1000px){#dpjd4-root .hero-specs>div{gap:15px}#dpjd4-root .hero-specs strong{font-size:54px}#dpjd4-root .hero-specs small{font-size:11px}#dpjd4-root .numbers-navigation button{padding:10px 12px}#dpjd4-root .mega-number{font-size:21vw}}
@media (max-width:700px){#dpjd4-root .hero-copy h1{font-size:clamp(60px,14vw,90px)}#dpjd4-root .hero-engine{min-height:360px}#dpjd4-root .orbital-system{inset:0 8%}#dpjd4-root .hero-specs strong{font-size:38px}#dpjd4-root .hero-specs>div{display:block}#dpjd4-root .hero-specs small{display:block;margin-top:8px}#dpjd4-root .hero-specs strong span{font-size:13px}#dpjd4-root .story-steps .big-fact{font-size:80px}#dpjd4-root.js .numbers-stage{height:auto}#dpjd4-root.js .number-slide{position:static;height:auto;transform:none;padding:35px 0 65px}#dpjd4-root .mega-number{font-size:clamp(62px,20vw,125px)}#dpjd4-root .numbers-navigation{display:none}#dpjd4-root .numbers-pin:before{display:none}#dpjd4-root .technical dd{font-size:16px}#dpjd4-root .technical dl div.metric-live{padding-left:8px}#dpjd4-root .numbers-pin{overflow:hidden}#dpjd4-root .number-slide h2{font-size:32px}}
@media (prefers-reduced-motion:reduce){#dpjd4-root .hero-engine>img,#dpjd4-root .story-image img{transform:none!important}#dpjd4-root .orbit-one{transform:rotateZ(-22deg) rotateX(66deg)!important}#dpjd4-root .orbit-two{transform:rotateZ(35deg) rotateX(72deg)!important}#dpjd4-root .orbit-three{transform:rotateZ(-55deg) rotateX(74deg)!important}#dpjd4-root.js .numbers-stage{height:auto}#dpjd4-root.js .number-slide{position:static;height:auto;transform:none;padding:45px 0}#dpjd4-root .numbers-navigation{display:none}#dpjd4-root .numbers-pin:before{display:none}}

/* Reserve a separate metric area beneath the engine. */
#dpjd4-root .story-image-inner{padding:85px 45px 250px}#dpjd4-root .story-image img{width:min(410px,78%);max-height:calc(100svh - 340px);object-fit:contain}#dpjd4-root .stage-label{bottom:105px;left:45px;right:45px;max-width:none;padding-top:18px;border-top:1px solid #b7d5df30;min-height:110px}#dpjd4-root .stage-label span{font-size:11px;letter-spacing:.12em}#dpjd4-root .stage-label b{font-size:clamp(40px,5vw,72px)!important;line-height:1.1;letter-spacing:-.035em;margin-top:12px;overflow-wrap:normal}#dpjd4-root .stage-label[data-kind="text"] b{font-size:clamp(25px,2.7vw,39px)!important;letter-spacing:-.02em;max-width:400px}#dpjd4-root .story-count{left:45px;bottom:42px}#dpjd4-root .progress{right:45px;bottom:45px}#dpjd4-root .statement-copy{font-size:22px;color:#d1e3ed;margin-top:40px;max-width:760px;line-height:1.55}#dpjd4-root .statement h2{max-width:1200px;font-size:clamp(43px,5.8vw,84px)}
@media (max-width:1000px) and (min-width:701px){#dpjd4-root .story-image-inner{padding-left:30px;padding-right:30px}#dpjd4-root .stage-label{left:30px;right:30px}#dpjd4-root .stage-label b{font-size:50px!important}#dpjd4-root .stage-label[data-kind="text"] b{font-size:29px!important}#dpjd4-root .story-count{left:30px}#dpjd4-root .progress{right:30px}}
@media (max-width:700px){#dpjd4-root .statement-copy{font-size:19px;margin-top:28px}}
/* John Deere product accents. Yellow verified against JDPS guide, page 10. */
#dpjd4-root{--jd-yellow:#ffde00}
#dpjd4-root .hero-engine .model{color:transparent;-webkit-text-stroke:1.5px var(--jd-yellow);font-family:Poppins,sans-serif;font-weight:700;opacity:.55;letter-spacing:-.055em;line-height:1;top:-5px;left:-15px;z-index:0;text-shadow:none;pointer-events:none}
#dpjd4-root .orbital-system .orbit{border-color:var(--jd-yellow);box-shadow:0 0 22px #ffde0012,inset 0 0 22px #ffde0010}
#dpjd4-root .orbital-system .orbit-one{opacity:.7}#dpjd4-root .orbital-system .orbit-two{border-color:var(--jd-yellow);opacity:.3}#dpjd4-root .orbital-system .orbit-three{border-color:var(--jd-yellow);opacity:.2}
#dpjd4-root .orbit i,#dpjd4-root .orbit-two i{background:var(--jd-yellow);box-shadow:0 0 12px #ffde00,0 0 35px #ffde0070}
#dpjd4-root .engine-halo{background:radial-gradient(ellipse,#ffde0012,transparent 65%)}
#dpjd4-root .hero-engine .engine-label{color:#d2dce3;border-left:2px solid var(--jd-yellow);padding-left:12px;position:relative;z-index:3}
@supports  not (-webkit-text-stroke:1px black){#dpjd4-root .hero-engine .model{color:#ffde0026}}
@media (max-width:700px){#dpjd4-root .hero-engine .model{font-size:47vw;left:12%;top:-8px;-webkit-text-stroke:1px var(--jd-yellow);opacity:.45}#dpjd4-root .hero-engine .engine-label{font-size:9px}}

/* Horizontal performance fly-through over a fixed engine. */
#dpjd4-root .hero-engine .model{-webkit-text-stroke:clamp(2.5px,.28vw,4.5px) var(--jd-yellow);opacity:.85}
#dpjd4-root .numbers-engine{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);height:72svh;width:auto;max-width:75vw;object-fit:contain;filter:drop-shadow(0 25px 45px #0009);opacity:.8;pointer-events:none;z-index:0}
#dpjd4-root .numbers-pin>.wrap{position:relative;z-index:1}#dpjd4-root.js .number-slide{transform:none;transition:opacity .22s,visibility .22s;display:block;top:65px;height:calc(100% - 180px)}
#dpjd4-root .flying-metric{display:flex;align-items:baseline;gap:18px;white-space:nowrap;position:absolute;left:50%;top:40%;width:max-content;margin-left:-40%;will-change:transform;pointer-events:none;z-index:2}
#dpjd4-root .flying-metric .mega-number{font-size:clamp(145px,24vw,330px);color:transparent;-webkit-text-stroke:clamp(2.5px,.25vw,4px) var(--jd-yellow);text-shadow:none;letter-spacing:-.055em;transform:none!important}
#dpjd4-root .flying-metric .mega-unit{font-size:clamp(50px,7vw,95px);color:var(--jd-yellow);margin:0;text-shadow:0 3px 18px #000}
#dpjd4-root.js .number-slide h2{position:absolute;bottom:0;left:0;max-width:580px;font-size:clamp(27px,3vw,43px);margin:0;line-height:1.1;text-shadow:0 2px 16px #071522}
#dpjd4-root.js .number-slide p{position:absolute;bottom:0;right:0;width:32%;font-size:14px;line-height:1.5;margin:0;padding:15px;background:#071522c9;border-left:2px solid var(--jd-yellow)}
@media (max-width:1000px) and (min-width:701px){#dpjd4-root.js .number-slide h2{max-width:55%;font-size:30px}#dpjd4-root.js .number-slide p{width:38%;font-size:12px}#dpjd4-root .flying-metric{margin-left:-43%}#dpjd4-root .flying-metric .mega-number{font-size:25vw}#dpjd4-root .numbers-engine{height:65svh}}
@media (max-width:700px){#dpjd4-root .hero-engine .model{-webkit-text-stroke:2.5px var(--jd-yellow);opacity:.8}#dpjd4-root .numbers-engine{position:static;transform:none;width:65%;height:300px;max-width:none;margin:0 auto 30px;display:block}#dpjd4-root.js .number-slide{position:static;height:auto;padding:25px 0 55px}#dpjd4-root .flying-metric{position:static;margin:0;transform:none!important;gap:10px;will-change:auto;width:auto}#dpjd4-root .flying-metric .mega-number{font-size:clamp(62px,20vw,110px);-webkit-text-stroke:2px var(--jd-yellow)}#dpjd4-root .flying-metric .mega-unit{font-size:35px}#dpjd4-root.js .number-slide h2,#dpjd4-root.js .number-slide p{position:static;max-width:none;width:auto}#dpjd4-root.js .number-slide h2{font-size:32px;margin-top:25px}#dpjd4-root.js .number-slide p{font-size:14px;margin-top:22px}#dpjd4-root .numbers-pin{padding-top:50px!important}}
@media (prefers-reduced-motion:reduce){#dpjd4-root .numbers-engine{display:none}#dpjd4-root .flying-metric{position:static;transform:none!important;margin:0;will-change:auto}#dpjd4-root .flying-metric .mega-number{font-size:clamp(62px,15vw,200px)}#dpjd4-root.js .number-slide h2,#dpjd4-root.js .number-slide p{position:static;width:auto;max-width:none;margin-top:25px}#dpjd4-root.js .number-slide{position:static;height:auto}#dpjd4-root.js .number-slide p{max-width:650px}}
#dpjd4-root:not(.js) .numbers-engine{display:none}#dpjd4-root:not(.js) .flying-metric{position:static;margin:0;transform:none}
@media (min-width:701px) and (prefers-reduced-motion:no-preference){#dpjd4-root .flying-metric{top:24%}#dpjd4-root .flying-metric .mega-number{font-size:clamp(120px,min(24vw,30svh),330px)}}
/* Connected Support: a full industrial uptime module. */
#dpjd4-root .connected-support{position:relative;background:#091726;color:#fff;padding:125px 0 90px;overflow:hidden}#dpjd4-root .connected-support:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 30%,#193b6870,transparent 50%)}#dpjd4-root .connected-support>.wrap{position:relative}#dpjd4-root .connected-heading{max-width:1120px}#dpjd4-root .connected-heading .eyebrow{color:#d6e3ec}#dpjd4-root .connected-heading h2{font-size:clamp(52px,7.5vw,112px);line-height:1.04;letter-spacing:-.055em}#dpjd4-root .connected-heading h2 span{color:var(--jd-yellow)}#dpjd4-root .connected-heading .lead{max-width:830px;margin-top:36px;font-size:24px;color:#cadce7}#dpjd4-root .connected-media-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:65px;align-items:center;margin-top:65px}#dpjd4-root .connected-player{position:relative;aspect-ratio:16/9;background:#050c14;overflow:hidden;border:1px solid #ffffff25}#dpjd4-root .connected-player>img{height:100%;width:100%;object-fit:cover;transition:transform .8s}#dpjd4-root .connected-player:has(button):after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#05111fe8,transparent 65%)}#dpjd4-root .connected-player:hover>img{transform:scale(1.035)}#dpjd4-root .connected-player button{position:absolute;bottom:25px;left:25px;right:25px;z-index:2;display:flex;gap:20px;align-items:center;padding:0;text-align:left;color:white;border:0;background:none;cursor:pointer;font:700 17px Poppins;line-height:1.4}#dpjd4-root .connected-player button:focus-visible{outline:2px solid var(--jd-yellow);outline-offset:8px}#dpjd4-root .play-disc{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--jd-yellow);color:#091726;font-size:24px;padding-left:3px;box-shadow:0 0 0 9px #ffde0020;transition:box-shadow .3s}#dpjd4-root .connected-player button:hover .play-disc{box-shadow:0 0 0 15px #ffde0020}#dpjd4-root .connected-player small{display:block;font:400 12px Nunito;color:#cbdbe7;margin-top:5px}#dpjd4-root .connected-player iframe{border:0;width:100%;height:100%;display:block}#dpjd4-root .connected-film figcaption{font-size:11px;color:#9cb3c4;margin-top:12px}#dpjd4-root .connected-video-link{display:inline-block;font-size:13px;margin-top:12px;border-bottom:1px solid #91acbe;color:#d5e6f2}#dpjd4-root .connected-value .eyebrow{color:var(--jd-yellow);font-size:11px}#dpjd4-root .connected-value h3{font-size:clamp(30px,3.2vw,46px);line-height:1.12}#dpjd4-root .connected-value>p:not(.eyebrow){font-size:17px;color:#c0d2de;margin-top:25px;line-height:1.65}#dpjd4-root .connected-benefit{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}#dpjd4-root .connected-benefit span{border:1px solid #ffffff25;padding:7px 10px;font-size:11px;color:#bdd2e1}#dpjd4-root .connected-process{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:90px;padding-top:45px}#dpjd4-root .support-signal{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff20;overflow:hidden}#dpjd4-root .support-signal i{display:block;position:absolute;width:20%;height:100%;background:linear-gradient(90deg,transparent,var(--jd-yellow),transparent);animation:connected-signal 4s linear infinite}#dpjd4-root .support-number{display:block;font:700 44px Poppins;color:transparent;-webkit-text-stroke:1.5px var(--jd-yellow);line-height:1;margin-bottom:28px}#dpjd4-root .connected-process h3{font-size:29px;line-height:1.2}#dpjd4-root .connected-process article>p{color:#b4cbdc;font-size:16px;margin-top:22px}#dpjd4-root .connected-project{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #ffffff20;border-left:4px solid var(--jd-yellow);background:#193b682b;margin-top:80px;padding:36px}#dpjd4-root .connected-project .eyebrow{font-size:10px;color:#d1e2ed;margin-bottom:15px}#dpjd4-root .connected-project h3{font-size:32px}#dpjd4-root .connected-project p:not(.eyebrow){font-size:16px;color:#b6cfdf;margin-top:18px;max-width:610px}#dpjd4-root .connected-project .button{flex-shrink:0;max-width:280px}#dpjd4-root .connected-fine{font-size:11px;color:#91a9bb;margin-top:25px;max-width:950px}#dpjd4-root .connected-fine a{text-decoration:underline;text-underline-offset:3px}@keyframes connected-signal{from{transform:translateX(-100%)}to{transform:translateX(600%)}}
@media (max-width:1000px){#dpjd4-root .connected-media-grid{gap:35px;grid-template-columns:1.35fr 1fr}#dpjd4-root .connected-value h3{font-size:31px}#dpjd4-root .connected-value>p:not(.eyebrow){font-size:15px}#dpjd4-root .connected-process{gap:25px}#dpjd4-root .connected-process h3{font-size:24px}#dpjd4-root .connected-project{padding:25px}#dpjd4-root .connected-project .button{max-width:230px;font-size:13px}}
@media (max-width:700px){#dpjd4-root .connected-support{padding:80px 0 60px}#dpjd4-root .connected-heading h2{font-size:clamp(47px,11vw,75px)}#dpjd4-root .connected-heading .lead{font-size:20px;margin-top:28px}#dpjd4-root .connected-media-grid{display:block;margin-top:40px}#dpjd4-root .connected-value{margin-top:45px}#dpjd4-root .connected-value h3{font-size:34px}#dpjd4-root .connected-value>p:not(.eyebrow){font-size:17px}#dpjd4-root .connected-player button{left:18px;right:18px;bottom:18px;font-size:13px;gap:15px}#dpjd4-root .play-disc{width:44px;height:44px;font-size:18px}#dpjd4-root .connected-player small{font-size:10px}#dpjd4-root .connected-process{display:block;margin-top:50px;padding-top:20px}#dpjd4-root .connected-process article{padding:30px 0;border-bottom:1px solid #ffffff20}#dpjd4-root .support-number{margin-bottom:18px;font-size:38px}#dpjd4-root .connected-process h3{font-size:28px}#dpjd4-root .connected-project{display:block;margin-top:45px;padding:25px}#dpjd4-root .connected-project h3{font-size:28px}#dpjd4-root .connected-project .button{max-width:none;margin-top:28px}#dpjd4-root .connected-fine{font-size:11px}}
@media (prefers-reduced-motion:reduce){#dpjd4-root .connected-player:hover>img{transform:none}#dpjd4-root .support-signal i{animation:none;width:100%;background:var(--jd-yellow);opacity:.35}}

/* Unified benefit sequence. One metric, one explanation, one product view. */
#dpjd4-root .hero{min-height:100svh}#dpjd4-root .hero-grid{min-height:calc(100svh - 80px)}
#dpjd4-root .feature-story{position:relative;background:#fff;color:var(--blue)}
#dpjd4-root .feature-top{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:38px;padding-bottom:28px;border-top:1px solid #d6e0e6;border-bottom:1px solid #d6e0e6}
#dpjd4-root .feature-top .eyebrow{margin:0;font-size:11px;letter-spacing:.12em}
#dpjd4-root .feature-top>a{font-size:13px;white-space:nowrap;border-bottom:1px solid #aabac7}
#dpjd4-root .feature-panels{position:relative}
#dpjd4-root .feature-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:75px 0;border-bottom:1px solid #d6e0e6}
#dpjd4-root .feature-copy{position:relative;z-index:2;min-width:0}
#dpjd4-root .feature-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#657889;margin-bottom:24px}
#dpjd4-root .feature-title{font-size:inherit;letter-spacing:-.035em;margin:0;line-height:1.08}
#dpjd4-root .feature-metric{display:flex;align-items:baseline;gap:10px;font:700 clamp(78px,9vw,138px)/1 Poppins;color:var(--blue);letter-spacing:-.065em;white-space:nowrap;transform:translateX(var(--chapter-x,0));will-change:transform}
#dpjd4-root .feature-metric small{font:700 clamp(32px,3.2vw,48px)/1 Poppins;letter-spacing:-.04em;color:var(--green)}
#dpjd4-root .feature-title .feature-caption{display:block;font:700 clamp(23px,2.05vw,30px)/1.25 Poppins;color:var(--blue);margin-top:14px;letter-spacing:-.035em}
#dpjd4-root .feature-copy>h3{font-size:clamp(25px,2.3vw,34px);line-height:1.18;letter-spacing:-.035em;margin-top:36px;color:var(--ink)}
#dpjd4-root .feature-copy>p:not(.feature-kicker){font-size:18px;line-height:1.6;color:#4a6172;max-width:475px;margin-top:23px}
#dpjd4-root .feature-copy>.text-link{margin-top:24px;font-size:14px;color:var(--blue)}
#dpjd4-root .feature-title-words{font:700 clamp(38px,4vw,59px)/1.1 Poppins;letter-spacing:-.055em;color:var(--blue)}
#dpjd4-root .feature-title-words>span{color:var(--green)}
#dpjd4-root .feature-copy>.feature-subhead{font:700 23px/1.35 Poppins!important;color:var(--blue)!important;margin-top:26px!important}
#dpjd4-root .mounting-options{border-left:4px solid var(--jd-yellow);padding-left:20px;margin-top:28px;max-width:460px}
#dpjd4-root .mounting-options>span{display:block;font:700 clamp(19px,1.8vw,26px)/1.4 Poppins;color:var(--blue);letter-spacing:-.02em}
#dpjd4-root .mounting-options>small{display:block;font:400 18px/1.6 Nunito;color:#526b7c;margin-top:5px}
#dpjd4-root .feature-visual{position:relative;align-self:stretch;min-width:0;min-height:410px;overflow:hidden;background:#fff}
#dpjd4-root .feature-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transform:scale(1);transition:transform .85s cubic-bezier(.2,.7,.2,1)}
#dpjd4-root .feature-visual-detail>img{transform:scale(1.23);object-position:50% 44%}
#dpjd4-root .feature-visual>figcaption{position:absolute;left:12px;right:12px;bottom:5px;text-align:center;font-size:9px;letter-spacing:.09em;color:#71828e;line-height:1.5;background:#ffffffd9;padding:5px}
#dpjd4-root .feature-controls{display:none}
#dpjd4-root .feature-navigation{display:flex;justify-content:space-between;gap:8px;width:100%}
#dpjd4-root .feature-navigation button{font:400 13px/1.4 Nunito;color:#577085;background:none;border:0;border-bottom:2px solid transparent;padding:14px 18px;cursor:pointer;white-space:nowrap;transition:color .25s,background .25s}
#dpjd4-root .feature-navigation button.is-active{font-family:Poppins;font-weight:700;color:var(--blue);border-bottom-color:var(--jd-yellow);background:#f1f4f5}
#dpjd4-root .feature-navigation button:hover{color:var(--blue);background:#f6f8f9}
#dpjd4-root .feature-navigation button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#dpjd4-root .feature-progress{height:2px;background:#dfe6eb;margin-top:18px;width:100%;overflow:hidden}
#dpjd4-root .feature-progress>i{display:block;height:100%;width:0;background:var(--blue)}
#dpjd4-root .driven-application{position:relative;background:#142f50;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:25px!important;border-bottom:5px solid var(--jd-yellow)}
#dpjd4-root .driven-caption{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c0d1df}
#dpjd4-root .driven-types{font:700 clamp(26px,2.55vw,38px)/1.13 Poppins;letter-spacing:-.04em;position:relative;z-index:1}
#dpjd4-root .driven-footer{font-size:11px;letter-spacing:.06em;color:#b3c6d7;border-top:1px solid #ffffff35;padding-top:12px;width:100%}
#dpjd4-root .drive-mark{position:absolute;right:-38px;top:40px;width:170px;height:100px;display:flex;align-items:center;gap:12px;opacity:.25;transform:rotate(-24deg)}
#dpjd4-root .drive-mark:before,#dpjd4-root .drive-mark:after{content:"";height:2px;background:var(--jd-yellow);flex:1}
#dpjd4-root .drive-mark i{width:12px;height:70px;border:2px solid var(--jd-yellow);transform:skewY(-20deg)}
@media (min-width:1100px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
 #dpjd4-root.js .feature-story{height:550svh}
 #dpjd4-root.js .feature-pin{position:sticky;top:0;height:100svh;overflow:hidden}
 #dpjd4-root.js .feature-top{height:90px;padding-top:24px;padding-bottom:24px}
 #dpjd4-root.js .feature-panels{height:calc(100svh - 195px)}
 #dpjd4-root.js .feature-panel{position:absolute;inset:0;padding:25px 0;border:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility .4s}
 #dpjd4-root.js .feature-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}
 #dpjd4-root.js .feature-visual{min-height:0}
 #dpjd4-root.js .feature-controls{height:105px;display:flex;flex-direction:column;justify-content:center}
 #dpjd4-root.js .feature-copy{transform:translateX(0)}
 #dpjd4-root.js .feature-panel:not(.is-active) .feature-visual>img{transform:scale(.94)}
 #dpjd4-root.js .feature-panel.is-active .feature-visual-detail>img{transform:scale(1.23)}
}
@media (max-width:1099px),(max-height:739px){
 #dpjd4-root .feature-panel{gap:20px;padding:60px 0}
 #dpjd4-root .feature-metric{font-size:clamp(70px,9vw,110px)}
 #dpjd4-root .feature-title-words{font-size:clamp(38px,4.5vw,52px)}
 #dpjd4-root .feature-copy>p:not(.feature-kicker){font-size:17px}
}
@media (max-width:700px){
 #dpjd4-root .feature-top{padding-top:26px;padding-bottom:24px;display:block}
 #dpjd4-root .feature-top>a{display:inline-block;margin-top:15px;font-size:12px}
 #dpjd4-root .feature-panel{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:55px 0 30px}
 #dpjd4-root .feature-kicker{font-size:10px;margin-bottom:20px}
 #dpjd4-root .feature-metric{font-size:clamp(74px,18vw,115px);gap:10px;will-change:auto}
 #dpjd4-root .feature-metric small{font-size:32px}
 #dpjd4-root .feature-title .feature-caption{font-size:23px;margin-top:12px}
 #dpjd4-root .feature-title-words{font-size:clamp(39px,9.4vw,58px)}
 #dpjd4-root .feature-copy>h3{font-size:29px;margin-top:30px}
 #dpjd4-root .feature-copy>p:not(.feature-kicker){font-size:18px;margin-top:22px}
 #dpjd4-root .feature-visual{min-height:310px;height:85vw;max-height:410px}
 #dpjd4-root .feature-visual>img{object-fit:contain;transform:scale(1.5)}
 #dpjd4-root .feature-visual-detail>img{transform:scale(1.72)}
 #dpjd4-root .feature-visual>figcaption{font-size:8px;left:0;right:0}
 #dpjd4-root .mounting-options>span{font-size:22px}
 #dpjd4-root .driven-types{font-size:clamp(30px,8.5vw,46px)}
 #dpjd4-root .driven-application{padding:28px!important}
}
@media (prefers-reduced-motion:reduce){#dpjd4-root .feature-metric{transform:none!important;will-change:auto}#dpjd4-root .feature-visual>img{transition:none}}
/* Additional manufacturer application stories. All selectors scoped to this section. */
#dpjd4-root .jd4-stories{padding:105px 0 85px;background:var(--paper);color:var(--ink)}
#dpjd4-root .jd4-stories-heading{margin-bottom:48px}
#dpjd4-root .jd4-stories-heading h2{font-size:clamp(48px,6.8vw,96px);line-height:1.02;color:var(--blue)}
#dpjd4-root .jd4-stories-heading .eyebrow{color:#4a6172}
#dpjd4-root .jd4-case{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px 48px;align-items:center}
#dpjd4-root .jd4-case-hero img,#dpjd4-root .jd4-case-details img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#dpjd4-root .jd4-case figcaption{font-size:12px;line-height:1.5;color:#526572;margin-top:10px}
#dpjd4-root .jd4-case-copy .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:20px;color:#526572}
#dpjd4-root .jd4-case-copy h3{font-size:clamp(28px,3vw,42px);color:var(--blue)}
#dpjd4-root .jd4-case-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;margin-top:22px}
#dpjd4-root .jd4-case-copy>.jd4-case-status{font-size:14px!important;color:#526572;border-left:3px solid var(--green);padding-left:16px}
#dpjd4-root .jd4-stories .text-link{font-size:14px;color:var(--blue);margin-top:24px;line-height:1.5}
#dpjd4-root .jd4-case-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#dpjd4-root .jd4-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:64px;padding-top:48px;border-top:1px solid #cbd6dc}
#dpjd4-root .jd4-story-card{background:#fff;min-width:0}
#dpjd4-root .jd4-story-card>img{width:100%;height:auto;aspect-ratio:610/326;object-fit:cover}
#dpjd4-root .jd4-story-card>div{padding:30px 32px 34px}
#dpjd4-root .jd4-story-card .eyebrow{font-size:11px;color:#526572;margin-bottom:18px;letter-spacing:.09em}
#dpjd4-root .jd4-story-card h3{font-size:clamp(24px,2.3vw,31px);color:var(--blue)}
#dpjd4-root .jd4-story-card p:not(.eyebrow){font-size:17px;margin-top:20px;line-height:1.6}
#dpjd4-root .jd4-story-card .jd4-photo-note{font-size:12px!important;color:#526572}
#dpjd4-root .jd4-stories-credit{font-size:12px;color:#526572;max-width:none;margin-top:28px}
@media (max-width:1000px){#dpjd4-root .jd4-case{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}#dpjd4-root .jd4-case-copy h3{font-size:29px}#dpjd4-root .jd4-case-copy>p:not(.eyebrow){font-size:16px}#dpjd4-root .jd4-story-grid{gap:24px}#dpjd4-root .jd4-story-card>div{padding:25px}}
@media (max-width:700px){#dpjd4-root .jd4-stories{padding:75px 0 60px}#dpjd4-root .jd4-stories-heading{margin-bottom:35px}#dpjd4-root .jd4-case{display:flex;flex-direction:column;align-items:stretch;gap:28px}#dpjd4-root .jd4-case-copy h3{font-size:34px}#dpjd4-root .jd4-case-copy>p:not(.eyebrow){font-size:18px}#dpjd4-root .jd4-case-details{grid-template-columns:1fr;gap:24px;margin-top:6px}#dpjd4-root .jd4-story-grid{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:35px}#dpjd4-root .jd4-story-card>div{padding:25px}#dpjd4-root .jd4-stories-credit{line-height:1.6}}
/* Two industrial contacts, with the original contact content retained. */
#dpjd4-root .contact-people{display:grid;gap:36px;align-content:start;min-width:0}
#dpjd4-root .contact-people .person{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;margin:0}
#dpjd4-root .contact-people .person img{width:150px;height:205px;object-fit:cover;object-position:center 18%}
#dpjd4-root .contact-people .person h3{font-size:25px}
#dpjd4-root .contact-people .person p{font-size:16px}
#dpjd4-root .contact-people .person a{overflow-wrap:anywhere}
@media (max-width:1000px) and (min-width:701px){#dpjd4-root .contact-grid{display:block}#dpjd4-root .contact-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:50px}#dpjd4-root .contact-people .person{display:flex;flex-direction:column;align-items:flex-start;gap:24px}#dpjd4-root .contact-people .person img{width:185px;height:245px}}
@media (max-width:700px){#dpjd4-root .contact-people{margin-top:50px;gap:32px}#dpjd4-root .contact-people .person{grid-template-columns:120px minmax(0,1fr);gap:20px}#dpjd4-root .contact-people .person img{width:120px;height:180px}#dpjd4-root .contact-people .person h3{font-size:22px}#dpjd4-root .contact-people .person p{font-size:14px}#dpjd4-root .contact-people .person a{font-size:13px}}
@media (max-width:380px){#dpjd4-root .contact-people .person{grid-template-columns:100px minmax(0,1fr);gap:16px}#dpjd4-root .contact-people .person img{width:100px;height:155px}}
/* Full photographic portraits, side by side. Joke effects use one section flag. */
#dpjd4-root .contact .contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:64px;align-items:start}
#dpjd4-root .contact .contact-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:0;padding-top:60px}
#dpjd4-root .contact .contact-people .person{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin:0;min-width:0}
#dpjd4-root .contact-portrait{position:relative;isolation:isolate;perspective:900px;--halo-top:12%;--halo-x:52%}
#dpjd4-root .contact-portrait-andreas{--halo-top:15%;--halo-x:50%}
#dpjd4-root .contact .contact-people .contact-portrait>img{width:100%;height:auto;aspect-ratio:1365/2048;object-fit:contain;object-position:center;display:block}
#dpjd4-root .contact .contact-people .person h3{font-size:clamp(22px,2vw,28px);line-height:1.2}
#dpjd4-root .contact .contact-people .person p{font-size:15px;margin:12px 0}
#dpjd4-root .contact .contact-people .person a{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
#dpjd4-root .saint-halo{display:none;position:absolute;z-index:2;left:var(--halo-x);top:var(--halo-top);width:58%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(83deg);transform-style:preserve-3d;pointer-events:none}
#dpjd4-root .contact[data-contact-joke="true"] .saint-halo{display:block}
#dpjd4-root .saint-halo-ring{position:absolute;inset:0;border:3px solid var(--jd-yellow);border-radius:50%;box-shadow:0 0 7px #fff5a7,0 0 20px #ffde0099,inset 0 0 12px #ffde0066;animation:saint-orbit 6s linear infinite;transform-style:preserve-3d}
#dpjd4-root .saint-halo-ring:after{content:"";position:absolute;inset:5px;border:1px solid #fff9bb99;border-radius:50%}
#dpjd4-root .saint-halo-ring i{position:absolute;width:10px;height:10px;top:-5px;left:50%;background:#fff9c3;border-radius:50%;box-shadow:0 0 14px #fff,0 0 28px var(--jd-yellow)}
#dpjd4-root .saint-halo-ring i+i{top:auto;bottom:-4px;left:50%;width:7px;height:7px;background:var(--jd-yellow)}
#dpjd4-root .contact-portrait-andreas .saint-halo-ring{animation-direction:reverse;animation-duration:7s}
@keyframes saint-orbit{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}
@media (max-width:1100px){#dpjd4-root .contact .contact-grid{display:block}#dpjd4-root .contact .contact-people{margin-top:45px;max-width:820px;gap:36px}#dpjd4-root .contact .contact-people .person h3{font-size:28px}}
@media (max-width:700px){#dpjd4-root .contact .contact-people{gap:18px;margin-top:35px;padding-top:25px}#dpjd4-root .contact .contact-people .person{gap:20px}#dpjd4-root .contact .contact-people .person h3{font-size:clamp(19px,4.7vw,28px);min-height:2.4em}#dpjd4-root .contact .contact-people .person p{font-size:13px;line-height:1.5;min-height:3em;margin:8px 0}#dpjd4-root .contact .contact-people .person a{font-size:12px;line-height:1.8}#dpjd4-root .saint-halo-ring{border-width:2px}#dpjd4-root .saint-halo-ring i{width:8px;height:8px;top:-4px}}
@media (prefers-reduced-motion:reduce){#dpjd4-root .saint-halo-ring{animation:none!important}}
/* Rear orbit, registered head overlay, front orbit: real occlusion without altering photos. */
#dpjd4-root .contact-portrait{perspective:none;--head-outline:polygon(35.5% 16%,36.5% 9%,38% 5.5%,42% 3%,48% 1.7%,55% 2%,61% 3.5%,65% 6%,66.5% 10%,66.5% 15%,68% 19%,66% 23%,62% 27%,57% 30%,50% 31%,44% 29%,39% 25%,36% 21%)}
#dpjd4-root .contact-portrait-andreas{--head-outline:polygon(30% 23%,33% 16%,36% 12%,40% 9%,46% 7%,53% 6.8%,59% 8.5%,64% 12%,67% 17%,70% 24%,72% 32%,70% 39%,63% 44%,50% 42%,36% 43%,28% 39%,27% 30%)}
#dpjd4-root .contact .contact-people .contact-portrait>.portrait-occluder{display:none;position:absolute;inset:0;z-index:3;clip-path:var(--head-outline);pointer-events:none}
#dpjd4-root .contact[data-contact-joke="true"] .contact-people .contact-portrait>.portrait-occluder{display:block}
#dpjd4-root .saint-halo-front{z-index:4;clip-path:inset(50% -25% -25% -25%)}

/* WordPress integration: styles remain inside the JD4 widget. */
body.dpjd4-canvas{margin:0}
#dpjd4-root{position:relative;width:100%;overflow-x:clip;text-align:left}
#dpjd4-root [id]{scroll-margin-top:30px}
#dpjd4-root button{font-synthesis:none;text-transform:none;letter-spacing:normal;box-shadow:none}
#dpjd4-root button:disabled{cursor:default}
#dpjd4-root>header{left:0}
#dpjd4-root:not(:has(.hero))>header{position:relative;background:#0b1929}
#dpjd4-root:not(:has(>header)) .hero-grid{padding-top:70px}
#dpjd4-root header:not(:has(>a)){justify-content:flex-end}
#dpjd4-root .hero-grid:not(:has(.hero-engine)){grid-template-columns:1fr}
#dpjd4-root .hero-grid:not(:has(.hero-copy)){grid-template-columns:1fr}
#dpjd4-root .hero-grid:not(:has(.hero-copy)) .hero-engine{max-width:720px;width:100%;margin:auto}
#dpjd4-root .feature-panel:not(:has(.feature-visual)){grid-template-columns:1fr}
#dpjd4-root .feature-panel:not(:has(.feature-copy)){grid-template-columns:1fr}
#dpjd4-root .feature-panel:not(:has(.feature-visual)) .feature-copy>p{max-width:760px}
#dpjd4-root .brand-proof:not(:has(img)){display:block}
#dpjd4-root .lab-grid:not(:has(.viewer)),#dpjd4-root .lab-grid:not(:has(.lab-details)){grid-template-columns:1fr}
#dpjd4-root .integration-grid:has(>:only-child),#dpjd4-root .technical-grid:has(>:only-child),#dpjd4-root .connected-media-grid:has(>:only-child),#dpjd4-root .contact-grid:has(>:only-child){grid-template-columns:1fr}
#dpjd4-root .contact-people:has(>.person:only-child){grid-template-columns:minmax(0,380px)}
#dpjd4-root .jd4-story-grid:has(>:only-child),#dpjd4-root .jd4-case-details:has(>:only-child){grid-template-columns:1fr}
#dpjd4-root .connected-process{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#dpjd4-root .feature-story.jd4-flow{height:auto}
#dpjd4-root .feature-story.jd4-flow .feature-pin{position:relative;height:auto;overflow:visible}
#dpjd4-root .feature-story.jd4-flow .feature-panels{height:auto}
#dpjd4-root .feature-story.jd4-flow .feature-panel{position:relative;inset:auto;opacity:1;visibility:visible;pointer-events:auto;padding:60px 0}
#dpjd4-root .feature-story.jd4-flow .feature-visual{min-height:410px}
#dpjd4-root .feature-story.jd4-flow .feature-controls{display:none}
#dpjd4-root.jd4-editor .reveal{opacity:1;transform:none}
#dpjd4-root.jd4-editor *,#dpjd4-root.jd4-editor *:before,#dpjd4-root.jd4-editor *:after{animation:none!important;transition:none!important}
@media(min-width:1100px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
 #dpjd4-root.js .feature-story:not(.jd4-flow){height:var(--jd4-story-height,550svh)}
 #dpjd4-root.js .feature-story:not(:has(.feature-controls)) .feature-panels{height:calc(100svh - 90px)}
 #dpjd4-root.js .feature-story:not(:has(.feature-top)) .feature-panels{height:calc(100svh - 105px)}
 #dpjd4-root.js .feature-story:not(:has(.feature-top)):not(:has(.feature-controls)) .feature-panels{height:100svh}
}
@media(min-width:701px){#dpjd4-root .application-list:has(>article:only-child){grid-template-columns:1fr}#dpjd4-root .application-list:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){#dpjd4-root:not(:has(>header)) .hero-grid{padding-top:55px}#dpjd4-root .feature-story.jd4-flow .feature-visual{min-height:310px}}