/* ZopiTech / Digital Twins landing. Scoped independently from site.css. */
.page-digital-twins{background:#fff}
.page-digital-twins .dt-hero,.page-digital-twins .dt-catalog,.page-digital-twins .dt-benefits,.page-digital-twins .dt-process,.page-digital-twins .dt-cta{overflow:hidden}
.dt-hero{background:radial-gradient(ellipse at 88% 19%,rgba(164,138,255,.22),transparent 37%),linear-gradient(145deg,#f5f2ff 0%,#fff 54%,#f4fbff 100%);padding:130px 0 102px;position:relative}
.dt-hero:before{content:"";width:520px;height:520px;border:1px solid #dcd4fa;border-radius:50%;position:absolute;top:-280px;right:-220px;opacity:.65;pointer-events:none}
.dt-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:6%;position:relative;z-index:1}
.dt-eyebrow,.dt-section-eyebrow,.dt-sector,.dt-cta__eyebrow{letter-spacing:2.2px;font-weight:850;font-size:12px;color:#6d49d6;text-transform:uppercase}
.dt-eyebrow{display:inline-flex;align-items:center;gap:10px}.dt-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#6e50dd;box-shadow:0 0 0 5px #7654e319}
.dt-hero h1{font-size:clamp(46px,5vw,79px);font-weight:820;letter-spacing:-3.4px;line-height:1.07;margin:24px 0 22px;max-width:690px;color:#202545}
.dt-hero h1 span,.dt-section-heading h2 span,.dt-process__heading h2 span{color:#744bdc}
.dt-hero__lead{font-size:18px;line-height:1.83;max-width:600px;color:#637089}
.dt-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:33px 0 35px}
.dt-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:16px 23px;border-radius:12px;font-size:14px;font-weight:760;text-decoration:none;min-height:52px;transition:transform .18s,box-shadow .18s,color .18s}
.dt-btn:hover,.dt-card-link:hover{transform:translateY(-2px)}
.dt-btn svg,.dt-card-link svg{width:18px;height:18px;stroke:currentColor;fill:none}
.dt-btn--primary{background:#6945ce;color:white;box-shadow:0 12px 25px #7759d335}.dt-btn--primary:hover{color:#fff;box-shadow:0 16px 35px #7759d34d}
.dt-btn--outline{color:#53488a;border:1px solid #cec5e9;background:rgba(255,255,255,.68)}.dt-btn--outline:hover{color:#5434b4}
.dt-hero__proof{display:flex;gap:23px;flex-wrap:wrap}.dt-hero__proof span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:740;color:#808ca1}.dt-hero__proof svg{width:16px;height:16px;fill:none;stroke:#7451d3}
.dt-hero__art{position:relative;min-width:0}.dt-visual{padding:0;background:white;border:1px solid #e7e4fa;border-radius:19px;box-shadow:0 32px 100px rgba(77,64,131,.16),0 8px 26px rgba(61,66,116,.08);transform:rotate(1.5deg);overflow:hidden;transition:transform .4s}
.dt-visual:hover{transform:rotate(0)}
.dt-visual__top{height:42px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e9e7f5;color:#5a6080;font-size:10px;letter-spacing:1px;font-weight:850;padding:0 17px}
.dt-visual__top strong{background:#e5dfff;color:#6345cd;padding:5px 9px;border-radius:5px;font-size:10px}.dt-visual__lights{display:flex;gap:5px}.dt-visual__lights i{width:7px;height:7px;border-radius:50%;background:#cec9e5}.dt-visual__lights i:first-child{background:#f0aaaa}.dt-visual__lights i:nth-child(2){background:#efcf8d}.dt-visual__lights i:last-child{background:#98d4bf}
.dt-visual img{display:block;width:100%;height:auto;aspect-ratio:14/9;object-fit:cover;background:#e9f1ee}
.dt-visual__tag{display:flex;align-items:center;gap:7px;padding:12px 19px;background:#fdfcff;border-top:1px solid #edeafa;color:#767e9a;font-size:11px;font-weight:750}
.dt-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#25bf87;box-shadow:0 0 0 4px #d4f5e7;flex:none}
.dt-art-note{position:absolute;right:-22px;bottom:-25px;padding:16px 19px;display:flex;align-items:center;gap:12px;font-size:12px;color:#4b5c68;background:#fff;box-shadow:0 13px 39px #2431551f;border:1px solid #e9e9f6;border-radius:12px;font-weight:800;z-index:2}
.dt-catalog{padding:102px 0 98px;background:#fff}.dt-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}
.dt-section-heading h2,.dt-process__heading h2{color:#212849;font-weight:825;font-size:clamp(34px,3.5vw,52px);line-height:1.16;letter-spacing:-1.8px;margin:14px 0 0}
.dt-section-heading p,.dt-process__heading p{font-size:15px;line-height:1.85;color:#758097;max-width:455px}
.dt-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dt-experience-card,.dt-coming-card{border:1px solid #e8e5f3;border-radius:20px;overflow:hidden;background:white;box-shadow:0 16px 50px #293d6410;transition:transform .2s,box-shadow .2s;min-width:0}
.dt-experience-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px #293d6424}
.dt-experience-card__media{position:relative;background:linear-gradient(125deg,#e8f4ef,#edebff);min-height:230px;overflow:hidden}
.dt-experience-card__media img{width:100%;height:clamp(230px,25vw,320px);object-fit:cover;display:block;transition:transform .4s}.dt-experience-card:hover .dt-experience-card__media img{transform:scale(1.03)}
.dt-experience-card__placeholder{height:250px;display:grid;place-items:center}.dt-experience-card__placeholder svg{width:76px;height:76px;fill:none;stroke:#8671ca}
.dt-media-mark{position:absolute;top:19px;right:19px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:850;color:#6146b2;background:#fffe;border:1px solid #e9e4ff;border-radius:8px;box-shadow:0 3px 14px #352e671c}.dt-media-mark svg{width:17px;height:17px;fill:none;stroke:currentColor}
.dt-experience-card__body{padding:31px 34px 26px}.dt-sector{font-size:10px;letter-spacing:1.5px}
.dt-experience-card h3,.dt-coming-card h3{font-size:27px;line-height:1.3;letter-spacing:-.65px;color:#263050;font-weight:820;margin:14px 0}.dt-experience-card p,.dt-coming-card p{color:#75819a;font-size:14px;line-height:1.8;min-height:70px}
.dt-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eceaf3;margin-top:23px;padding-top:20px;gap:15px}
.dt-card-link{color:#6745c7;font-size:14px;font-weight:820;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:transform .2s}
.dt-card-unavailable{color:#8994a6;font-size:13px;font-weight:760}.dt-card-marker{font-size:25px;font-weight:400;color:#c2bbdf}
.dt-coming-card{background:radial-gradient(circle at 82% 14%,#ffffff13,transparent 43%),linear-gradient(143deg,#322358,#5d3ca4);padding:49px 36px;display:flex;flex-direction:column;align-items:start;justify-content:center;box-shadow:none}
.dt-coming-card__icon{width:69px;height:69px;background:#ffffff23;border:1px solid #ffffff3c;border-radius:18px;display:grid;place-items:center;margin-bottom:26px}.dt-coming-card__icon svg{width:33px;height:33px;stroke:#e9e0ff;fill:none}
.dt-coming-card .dt-sector{color:#d3c6ff}.dt-coming-card h3{color:white;font-size:clamp(24px,2.9vw,36px);max-width:390px}.dt-coming-card p{color:#ded5f0;max-width:410px;min-height:0;margin-bottom:27px}.dt-coming-card .dt-card-link{color:white;border-bottom:1px solid #ffffff5c;padding-bottom:8px}
.dt-demo-disclosure{margin:22px 5px 0;font-size:12px;color:#9198a9;line-height:1.65}
.dt-benefits{padding:105px 0;background:linear-gradient(180deg,#f8f7fd,#fdfcff)}
.dt-section-heading--center{display:block;text-align:center;margin:0 auto 42px;max-width:780px}.dt-section-heading--center p{max-width:720px;margin:16px auto 0}
.dt-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dt-benefit{background:white;border:1px solid #eae7f4;border-radius:17px;padding:34px 30px;box-shadow:0 7px 22px #403d7410}
.dt-benefit__icon{width:61px;height:61px;border-radius:15px;display:grid;place-items:center;background:#eee9ff;color:#6a4cc4;margin-bottom:23px}.dt-benefit__icon svg{width:29px;height:29px;fill:none;stroke:currentColor}
.dt-benefit h3{font-size:20px;font-weight:810;color:#283250;margin:0 0 13px}.dt-benefit p{font-size:14px;color:#7c879d;line-height:1.85;margin:0}
.dt-process{padding:112px 0}.dt-process__layout{display:grid;grid-template-columns:.8fr 1fr;gap:13%;align-items:start}.dt-process__heading{position:sticky;top:140px}.dt-process__heading p{margin-top:22px}
.dt-process__steps{display:flex;flex-direction:column;gap:13px}.dt-step{display:grid;grid-template-columns:66px 1fr;gap:15px;border:1px solid #ebe8f6;background:#fff;border-radius:13px;padding:26px 22px;box-shadow:0 6px 23px #242f5210}
.dt-step>span{font-weight:900;color:#7654d2;font-size:27px}.dt-step h3{color:#27304e;font-size:19px;margin:0 0 10px}.dt-step p{color:#78839a;font-size:14px;line-height:1.7;margin:0}
.dt-cta{padding:20px 0 95px}.dt-cta__box{display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:23px;padding:59px 65px;background:radial-gradient(circle at 88% 32%,#927be3 0%,transparent 35%),linear-gradient(125deg,#34245a,#5a3ba4);color:white;box-shadow:0 24px 54px #44357536}
.dt-cta__eyebrow{color:#d1c3fd}.dt-cta h2{font-weight:790;font-size:clamp(28px,3vw,44px);line-height:1.26;max-width:690px;margin:12px 0 14px;letter-spacing:-.9px}.dt-cta h2 span{color:#e7d9ff}.dt-cta p{color:#e1d9f4;font-size:14px;line-height:1.75;max-width:680px}
.dt-btn--white{background:white;color:#5237a0;box-shadow:0 9px 22px #251e492c;white-space:nowrap}.dt-btn--white:hover{color:#5237a0}
.dt-empty-state{padding:50px;border:1px solid #e9e4fa;border-radius:16px}.dt-empty-state h3{color:#2c3152;font-size:22px}.dt-empty-state p{color:#808aa4;margin-top:8px}
@media(max-width:1100px){.dt-hero{padding:105px 0 75px}.dt-hero__inner{gap:4%}.dt-hero h1{font-size:clamp(40px,4.9vw,62px)}.dt-art-note{right:0}.dt-cta__box{padding:46px}}
@media(max-width:790px){.dt-hero__inner,.dt-process__layout{grid-template-columns:1fr}.dt-hero{padding:95px 0 80px}.dt-hero__art{max-width:660px;margin:20px auto 0}.dt-hero h1{letter-spacing:-2px}.dt-section-heading{display:block}.dt-section-heading p{margin-top:17px}.dt-benefit-grid{grid-template-columns:1fr}.dt-experience-grid{grid-template-columns:1fr}.dt-process__heading{position:static}.dt-process__steps{margin-top:30px}.dt-cta__box{display:block}.dt-cta__box .dt-btn{margin-top:23px}}
@media(max-width:490px){.dt-hero h1{font-size:43px}.dt-hero__lead{font-size:16px}.dt-art-note{position:static;margin-top:15px}.dt-actions{align-items:stretch}.dt-actions .dt-btn{width:100%}.dt-hero__proof{gap:14px}.dt-catalog,.dt-benefits,.dt-process{padding:74px 0}.dt-experience-card__body{padding:25px 22px}.dt-coming-card{padding:37px 25px}.dt-cta__box{padding:36px 26px}.dt-section-heading h2,.dt-process__heading h2{font-size:37px}.dt-step{grid-template-columns:48px 1fr;padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.dt-visual,.dt-experience-card,.dt-experience-card__media img,.dt-btn,.dt-card-link{transition:none;transform:none!important}}