.ds-hero-3d .hero3d-section{padding:0;margin:0;width:100%;height:200svh;position:relative}.hero3d-stage{position:sticky;top:90px;height:calc(100svh - 90px);min-height:660px;overflow:clip;isolation:isolate;background:#edf3ef}.hero3d-shell{height:100%;display:flex;align-items:center;position:relative;z-index:3;pointer-events:none}.hero3d-copy{width:48%;max-width:580px;padding-bottom:50px!important;pointer-events:auto}.hero3d-copy h1{font-size:clamp(64px,6.8vw,100px);line-height:.99;letter-spacing:-.065em;margin-bottom:25px}.hero3d-copy .hero-description{font-size:15px;max-width:365px;line-height:1.8}.hero3d-copy .hero-actions{gap:24px;margin-top:26px}.hero3d-copy .hero-actions .button{font-size:13px;gap:26px}.hero3d-copy .hero-actions .text-link{font-size:12px;gap:16px}.hero3d-copy .eyebrow{font-size:9px;margin-bottom:23px}.hero3d-version{font-size:7px;letter-spacing:.13em;display:flex;align-items:center;gap:20px;margin-bottom:32px;color:#688e80!important}.hero3d-version>span{font-size:8px;letter-spacing:0;color:#567a6d}.hero3d-scroll-hint{display:flex;align-items:center;gap:13px;font-size:7px;font-weight:600;letter-spacing:.11em;color:#608f7f;margin-top:32px}.hero3d-scroll-hint small{display:block;font-size:10px;color:#799e90;letter-spacing:0;font-weight:400;margin-top:5px}.scroll-mouse{display:block;width:20px;height:30px;border:1px solid #93b6a7;border-radius:12px;position:relative}.scroll-mouse>i{display:block;width:2px;height:6px;background:#50967a;border-radius:2px;position:absolute;top:6px;left:8px}.hero3d-visual{position:absolute;inset:0 -3% 0 40%;z-index:2;pointer-events:auto;touch-action:pan-y}.hero3d-canvas{position:absolute;inset:0;opacity:0;transition:opacity .7s}.is-webgl-ready .hero3d-canvas{opacity:1}.hero3d-canvas canvas{display:block;width:100%;height:100%}.hero3d-aurora{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 45%,#86cebb4f,transparent 50%),radial-gradient(ellipse at 90% 10%,#7ebaca20,transparent 50%);z-index:0;pointer-events:none}.hero3d-grid{position:absolute;inset:0;background-image:linear-gradient(#7ca4941f 1px,transparent 1px),linear-gradient(90deg,#7ca4941f 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse at 70% 50%,#000 10%,transparent 65%);z-index:0;pointer-events:none}.hero3d-coordinate{position:absolute;font-size:7px;letter-spacing:.18em;color:#628b7b;pointer-events:none}.coordinate-a{top:10%;left:25%}.coordinate-b{bottom:15%;right:16%;font-size:6px}.hero3d-object-label{position:absolute;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.03em;padding:7px 11px;color:#356a58;border:1px solid #b1cec380;background:#eff9f0ac;border-radius:30px;backdrop-filter:blur(12px);pointer-events:none;white-space:nowrap}.hero3d-object-label .status-dot{height:4px;width:4px}.label-presence{left:6%;top:28%}.label-logs{right:10%;top:25%}.label-location{right:13%;bottom:26%}.hero3d-object-label>span:not(.status-dot){font-size:14px}.hero3d-bottom{position:absolute;bottom:30px;left:0;right:0;z-index:4;display:flex;align-items:center;gap:35px;pointer-events:none}.hero3d-phase{display:flex;align-items:center;gap:12px;font-size:10px;color:#527f6d;pointer-events:auto;min-width:310px}.phase-number{font-family:var(--display);font-size:15px;color:#136d59}.phase-name{min-width:130px}.phase-track{width:80px;height:2px;background:#aac6b9;overflow:hidden}.phase-track>i{display:block;width:33.3%;height:100%;background:#23896c;transform-origin:left}.hero3d-motion{border:1px solid #a8c6b9;background:transparent;color:#567f70;font-size:9px;padding:8px 12px;border-radius:5px;display:flex;align-items:center;gap:7px;pointer-events:auto}.hero3d-motion:hover{background:#d4e9dc}.hero3d-caption{margin-left:auto;font-size:6px;letter-spacing:.1em;color:#6b9282}.hero3d-fallback{position:absolute;inset:0;display:grid;place-items:center;perspective:800px}.is-webgl-ready .hero3d-fallback{display:none}.fallback-shield{width:200px;height:235px;background:linear-gradient(140deg,#56dab8,#116f90 65%,#0a415b);clip-path:polygon(50% 0,100% 18%,90% 68%,75% 85%,50% 100%,25% 85%,10% 68%,0 18%);display:grid;place-items:center;color:#d6fff3;font-size:100px;transform:rotateY(-25deg) rotateZ(-8deg);box-shadow:20px 10px 30px #001d3444}.fallback-orbit{position:absolute;width:370px;height:370px;border:1px solid #75a99f;border-radius:50%;transform:rotateX(60deg) rotateZ(-30deg)}.fallback-ring{position:absolute;left:12%;bottom:20%;height:95px;width:95px;border:18px solid #319eaf;border-radius:50%;box-shadow:10px 15px 0 #176c7f;transform:rotateY(30deg) rotateX(25deg)}.fallback-cube{position:absolute;right:12%;top:20%;width:75px;height:75px;border-radius:12px;background:linear-gradient(135deg,#78efd0,#229b90);transform:rotateY(-25deg) rotateZ(18deg);box-shadow:12px 8px 0 #176e74}
html[data-ds-theme=dark] .hero3d-stage{background:#061d2a}html[data-ds-theme=dark] .hero3d-aurora{background:radial-gradient(ellipse at 73% 45%,#168f7a30,transparent 52%),radial-gradient(ellipse at 95% 0%,#185e8c2b,transparent 50%)}html[data-ds-theme=dark] .hero3d-grid{background-image:linear-gradient(#3477791c 1px,transparent 1px),linear-gradient(90deg,#3477791c 1px,transparent 1px)}html[data-ds-theme=dark] .hero3d-coordinate{color:#83b4ac}html[data-ds-theme=dark] .hero3d-version{color:#9bc7b8!important}html[data-ds-theme=dark] .hero3d-version>span{color:#82b3a8}html[data-ds-theme=dark] .hero3d-scroll-hint{color:#a2c8bb}html[data-ds-theme=dark] .hero3d-scroll-hint small{color:#7aa99d}html[data-ds-theme=dark] .scroll-mouse{border-color:#5c8a80}html[data-ds-theme=dark] .scroll-mouse>i{background:#4cceac}html[data-ds-theme=dark] .hero3d-object-label{background:#163f45a3;border-color:#468d7f6b;color:#bfebdb}html[data-ds-theme=dark] .hero3d-phase{color:#a6ccbc}html[data-ds-theme=dark] .phase-number{color:#66ddba}html[data-ds-theme=dark] .phase-track{background:#254f52}html[data-ds-theme=dark] .phase-track>i{background:#62dbb6}html[data-ds-theme=dark] .hero3d-motion{border-color:#42746b;color:#a5cbbd}html[data-ds-theme=dark] .hero3d-motion:hover{background:#214d50}html[data-ds-theme=dark] .hero3d-caption{color:#82afa1}
@media(min-width:1500px){.hero3d-copy h1{font-size:112px}.hero3d-stage{min-height:760px}.hero3d-copy{padding-bottom:65px!important}}
@media(max-width:1100px){.hero3d-copy h1{font-size:78px}.hero3d-copy .hero-actions{gap:20px}.hero3d-copy .hero-actions .button{padding:13px 18px;gap:18px}.hero3d-copy .hero-actions .text-link{font-size:11px}.hero3d-visual{left:42%;right:-7%}.hero3d-object-label{font-size:7px}.hero3d-caption{max-width:130px;text-align:right;font-size:6px}.hero3d-bottom{gap:20px}.hero3d-phase{min-width:280px}}
@media(max-width:950px){.ds-hero-3d .hero3d-section{height:175svh}.hero3d-copy h1{font-size:67px}.hero3d-stage{min-height:640px}.hero3d-copy{width:48%}.hero3d-version{display:block;line-height:2}.hero3d-version>span{display:block}.hero3d-coordinate{font-size:6px}.label-presence{left:10%;top:24%}.label-logs{right:12%;top:29%}.hero3d-phase{min-width:235px}.phase-track{width:55px}.hero3d-caption{max-width:none}}
@media(max-width:650px){.ds-hero-3d .hero3d-section{height:auto}.hero3d-stage{position:relative;top:auto;height:auto;min-height:0;padding:32px 0 95px}.hero3d-shell{height:auto;display:block}.hero3d-copy{width:100%;max-width:none;padding-bottom:0!important}.hero3d-copy h1{font-size:clamp(58px,15vw,85px);line-height:1.02;margin-bottom:23px}.hero3d-copy h1 br:nth-child(2){display:none}.hero3d-copy .eyebrow{font-size:7px;margin-bottom:20px}.hero3d-version{display:flex;justify-content:space-between;gap:10px;font-size:6px;margin-bottom:25px}.hero3d-version>span{font-size:7px;display:inline}.hero3d-copy .hero-description{font-size:14px;max-width:100%}.hero3d-copy .hero-actions{gap:23px;margin-block:24px 0}.hero3d-copy .hero-actions .button{font-size:12px;gap:23px;padding:13px 18px}.hero3d-copy .hero-actions .text-link{font-size:11px;gap:10px}.hero3d-scroll-hint{margin-top:25px;font-size:6px;gap:10px}.hero3d-scroll-hint small{font-size:9px}.scroll-mouse{width:17px;height:25px}.scroll-mouse>i{left:7px;top:5px;height:5px}.hero3d-visual{position:relative;inset:auto;width:100%;height:420px;margin-top:-15px;z-index:1}.hero3d-coordinate.coordinate-a{top:9%;left:17%;font-size:5px}.coordinate-b{bottom:8%;right:10%;font-size:5px}.hero3d-object-label{padding:5px 9px;font-size:6px;gap:6px}.label-presence{top:24%;left:6%}.label-logs{top:23%;right:9%}.label-location{right:8%;bottom:23%}.hero3d-bottom{bottom:20px;gap:18px;flex-wrap:wrap;justify-content:space-between}.hero3d-phase{font-size:9px;min-width:0;gap:9px;flex:1}.phase-number{font-size:13px}.phase-name{min-width:0}.phase-track{width:40px}.hero3d-motion{font-size:8px;padding:9px;min-height:36px}.hero3d-caption{font-size:5px;margin:0;width:100%;text-align:left}.hero3d-aurora{background:radial-gradient(ellipse at 50% 70%,#65c2a34f,transparent 60%)}.fallback-shield{width:150px;height:180px;font-size:75px}.fallback-orbit{height:260px;width:260px}.fallback-ring{width:65px;height:65px;border-width:12px;bottom:20%}.fallback-cube{height:55px;width:55px;top:20%}html[data-ds-theme=dark] .hero3d-aurora{background:radial-gradient(ellipse at 50% 70%,#168f7a3a,transparent 55%)}}
@media(max-width:370px){.hero3d-copy h1{font-size:57px}.hero3d-copy .hero-actions{gap:18px}.hero3d-copy .hero-actions .button{font-size:11px;gap:14px;padding:12px 15px}.hero3d-copy .hero-actions .text-link{font-size:10px}.hero3d-visual{height:350px;margin-top:0}.hero3d-motion{font-size:7px;padding:8px}.phase-track{width:25px}.hero3d-phase{font-size:8px;gap:7px}.hero3d-copy .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){.ds-hero-3d .hero3d-section{height:auto}.hero3d-stage{position:relative;top:auto;height:calc(100svh - 90px);min-height:760px}.hero3d-motion,.hero3d-scroll-hint{display:none}.hero3d-canvas{transition:none}@media(max-width:650px){.hero3d-stage{height:auto;min-height:0}}}
@media(min-width:651px) and (max-height:800px){.hero3d-stage{min-height:570px}.hero3d-copy{padding-bottom:35px!important}.hero3d-copy h1{font-size:clamp(58px,6.2vw,82px)}.hero3d-version{margin-bottom:23px}.hero3d-copy .eyebrow{margin-bottom:18px}.hero3d-copy .hero-actions{margin-top:20px}.hero3d-scroll-hint{margin-top:20px}.hero3d-bottom{bottom:20px}}
.label-camera{left:13%;bottom:20%}
@media(max-width:650px){.label-camera{left:7%;bottom:20%}}