/* The entry scene only. Shared public styles and subsequent sections stay untouched. */
.bd-hero {
    --hero-ease: cubic-bezier(.16,1,.3,1);
    position: relative; isolation: isolate; overflow: clip;
    color: #fff; background: #17212d; padding: 0;
}
.bd-hero *, .bd-hero *::before, .bd-hero *::after {box-sizing:border-box}
.bd-hero__world {position:absolute;inset:0 0 auto;height:790px;z-index:-2;overflow:hidden;mask-image:linear-gradient(#000 78%,transparent)}
.bd-hero__world picture {position:absolute;right:0;display:block;width:75%;height:100%;transform:translate3d(calc(var(--pointer-x,0) * -9px),calc(var(--scene-scroll,0) * 65px),0) scale(1.025)}
.bd-hero__world img {width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.bd-hero__shade {position:absolute;inset:0;background:linear-gradient(90deg,#17212d 24%,#17212ddc 37%,#17212d38 60%,#17212d18 85%),linear-gradient(0deg,#17212d 1%,#17212d00 65%),linear-gradient(180deg,#17212d30,#17212d00 25%)}
.bd-hero__light {position:absolute;inset:15% -20% -30% 30%;opacity:.2;background:radial-gradient(ellipse,#34bed52b,transparent 62%);transform:translate3d(calc(var(--pointer-x,0) * 24px),0,0);pointer-events:none}
.bd-hero .bd-hero__inner {max-width:1360px;padding-top:58px;position:relative}
.bd-hero__copy {position:relative;z-index:3;max-width:660px}
.bd-hero__eyebrow {display:flex;align-items:center;gap:10px;color:#d4e5e7;font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 26px}
.bd-hero__eyebrow>span {width:6px;height:6px;flex:none;border-radius:50%;background:#78dfeb;box-shadow:0 0 0 5px #34bed514}
.bd-hero h1 {font-size:clamp(52px,5.65vw,84px);line-height:1.015;letter-spacing:-3.8px;font-weight:800;margin:0 0 26px;max-width:none}
.bd-hero__title-line {display:block;overflow:hidden;padding:0 5px 7px 0;margin-bottom:-7px}
.bd-hero__title-line>span {display:block}
.bd-hero__title-line:last-child>span {color:#83e3ec}
.bd-hero__lead {font-size:17px;line-height:1.8;color:#d0dadd;max-width:495px;margin:0 0 28px;text-wrap:pretty}
.bd-hero__actions {display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.bd-hero .bd-hero__cta {position:relative;overflow:hidden;min-height:56px;padding:7px 8px 7px 22px;border:1px solid #acf0f3;border-radius:9px;background:#b5f0f1;color:#17212d;font-size:13px;font-weight:800;gap:18px;box-shadow:0 8px 32px #34bed515;transition:transform .25s,background .25s,box-shadow .25s}
.bd-hero__cta>span {display:grid;place-items:center;width:36px;height:36px;border-radius:5px;background:#17212d12;transition:background .25s}
.bd-hero__cta::after {content:'';position:absolute;inset:-70% auto -70% -50%;width:35%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:rotate(20deg);pointer-events:none}
.bd-hero .bd-hero__cta:hover {background:#d0f9f9;transform:translateY(-3px);box-shadow:0 12px 35px #34bed531}
.bd-hero__cta:hover>span {background:#17212d20}
.bd-hero__discover {display:inline-flex;gap:12px;align-items:center;color:#fff;font-size:13px;font-weight:700;text-decoration:none;padding:14px 0;border-bottom:1px solid #ffffff40;transition:border-color .2s}
.bd-hero__discover .icon {transition:transform .25s}
.bd-hero__discover:hover {border-color:#83e3ec;color:#83e3ec}
.bd-hero__discover:hover .icon {transform:translateX(4px)}
.bd-hero a:focus-visible,.bd-hero button:focus-visible {outline:3px solid #83e3ec;outline-offset:5px}

/* The digital desk spans the scene, instead of occupying a second column. */
.bd-hero__stage {position:relative;margin:14px -5px 0;height:420px;perspective:1800px;z-index:2}
.bd-hero__connections {position:absolute;inset:-65px 0 0;pointer-events:none;opacity:.65}
.bd-hero__connections svg {width:100%;height:100%;overflow:visible}
.bd-hero__connections path {fill:none;stroke:#7de2eb;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:0}
.bd-hero__connections circle {fill:#7de2eb}
.bd-hero__console-depth {position:absolute;left:19%;right:4%;top:54px;transform:translate3d(calc(var(--pointer-x,0) * 10px),calc(var(--pointer-y,0) * 6px - var(--scene-scroll,0) * 20px),0);transition:transform .6s var(--hero-ease)}
.bd-hero__console {border:1px solid #ffffff70;border-radius:14px;background:#f5f7f5;color:#17212d;box-shadow:0 30px 65px #07151d70,0 0 0 6px #ffffff05;--desk-rest:rotateX(8deg) rotateY(-7deg) rotateZ(-2deg);transform:var(--desk-rest);transform-origin:50% 50%;overflow:hidden}
.bd-hero__console-top {display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #dee5e4;background:#fff;font-size:11px}
.bd-hero__console-brand {display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:-.3px}
.bd-hero__console-brand .desk-mark {width:23px;height:23px}
.bd-hero__company {margin-left:auto;color:#65727a}
.bd-hero__console-top .avatar {width:26px;height:26px;min-width:26px;font-size:10px}
.bd-hero__console-body {display:flex}
.bd-hero__rail {display:flex;width:52px;flex-shrink:0;align-items:center;gap:12px;flex-direction:column;padding:14px 9px;background:#fff;border-right:1px solid #e5eae7;color:#82959c}
.bd-hero__rail>.icon {width:16px;height:16px}
.bd-hero__rail .is-current {padding:7px;background:#e7f6f6;color:#087e90;border-radius:6px;display:flex}
.bd-hero__rail .is-current .icon {width:16px;height:16px}
.bd-hero__overview {flex:1;min-width:0;padding:22px}
.bd-hero__greeting {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.bd-hero__greeting>div>span {font-size:10px;color:#61717b;text-transform:uppercase;letter-spacing:1px}
.bd-hero__greeting h2 {font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:4px 0 0}
.bd-hero__workspace {font-size:11px;color:#61717b}
.bd-hero__metrics {display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:12px;align-items:stretch}
.bd-hero .stat-card {padding:17px 14px;border-radius:9px;box-shadow:none;min-width:0;margin:0}
.bd-hero .stat-top {font-size:11px;gap:5px;line-height:1.4}
.bd-hero .stat-top .icon {width:14px;height:14px}
.bd-hero .stat-value {font-size:clamp(16px,1.6vw,23px);letter-spacing:-.7px;white-space:nowrap;margin-top:18px}
.bd-hero__mini-chart {padding:12px 14px;border-radius:9px;background:#fff;border:1px solid #dee5e4;min-width:0}
.bd-hero__mini-chart>span {font-size:10px;color:#52646f;display:block}
.bd-hero__mini-chart svg {display:block;width:100%;height:56px;margin-top:6px;overflow:visible}
.bd-hero__mini-chart>div {display:flex;justify-content:space-between;font-size:9px;color:#61717b}
.bd-hero__console-bottom {display:flex;justify-content:space-between;gap:12px;margin-top:17px;font-size:10px;color:#61717b}
.bd-hero__console-bottom>span {display:flex;align-items:center;gap:6px}
.bd-hero__console-bottom i {height:5px;width:5px;background:#188a69;border-radius:50%}
.bd-hero__sales-depth {position:absolute;left:2%;top:50px;z-index:3;transform:translate3d(calc(var(--pointer-x,0) * -14px),calc(var(--pointer-y,0) * -10px),0);transition:transform .6s var(--hero-ease)}
.bd-hero__float {background:#ffffff;color:#17212d;box-shadow:0 20px 55px #07151d60;border:1px solid #e8f0ed;border-radius:12px}
.bd-hero__sales {width:226px;padding:20px;transform:rotate(-5deg)}
.bd-hero__float-icon {width:31px;height:31px;display:grid;place-items:center;background:#e9f6f7;color:#087e90;border-radius:8px;margin-bottom:12px}
.bd-hero__sales p {font-size:12px;color:#61717b;margin:0 0 4px}
.bd-hero__sales>strong {display:block;font-size:28px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.bd-hero__sales>strong small {font-size:12px;font-weight:400;letter-spacing:0}
.bd-hero__float-meta {display:block;font-size:10px;color:#61717b;margin:6px 0 15px}
.bd-hero__sales .badge {font-size:10px}
.bd-hero__team-depth {position:absolute;right:1%;top:28px;z-index:4;transform:translate3d(calc(var(--pointer-x,0) * -16px),calc(var(--pointer-y,0) * -8px),0);transition:transform .6s var(--hero-ease)}
.bd-hero__team {display:flex;gap:12px;align-items:center;padding:16px 20px;transform:rotate(3deg);background:#f7fbf8}
.bd-hero__team-check {width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#def1e7;color:#176849}
.bd-hero__team p {font-size:10px;color:#61717b;margin:0 0 3px}
.bd-hero__team strong {display:block;font-size:12px}
.bd-hero__team div>span {font-size:10px;color:#176849}
.bd-hero__stage figcaption {position:absolute;bottom:0;right:5%;font-size:10px;color:#a6bbc3;letter-spacing:.15px}
.bd-hero__bridge {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 28px}
.bd-hero__story {display:flex;align-items:center;gap:20px;margin:0;font-size:12px;letter-spacing:.2px;color:#cfdee2}
.bd-hero__story>span {display:flex;align-items:center;gap:9px;white-space:nowrap}
.bd-hero__story small {font-size:9px;color:#80abb6;letter-spacing:1px}
.bd-hero__story i {width:64px;height:1px;background:linear-gradient(90deg,#ffffff15,#6bbbc68c);position:relative}
.bd-hero__story i::after {content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #6bbbc68c;border-right:1px solid #6bbbc68c;transform:rotate(45deg)}
.bd-hero__story .desk-mark {width:21px;height:21px;color:#fff}
.bd-hero .motion-toggle {flex-shrink:0;border-color:#ffffff30;color:#c5d6db;font-size:10px;white-space:nowrap}
.bd-hero__strip {display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 0 30px;border-top:1px solid #ffffff16;font-size:10px;letter-spacing:.2px;color:#afc3cc}
.bd-hero__strip>span {display:flex;align-items:center;gap:7px}
.bd-hero__strip>span::before {content:'';height:3px;width:3px;background:#62ceda;border-radius:50%}

/* A finite opening sequence, then pointer/scroll depth. All content is visible without JS. */
.motion-ready:not(.motion-reduced) .bd-hero__world img {animation:bd-hero-camera 2.8s var(--hero-ease) both}
.motion-ready:not(.motion-reduced) .bd-hero__title-line>span {animation:bd-hero-title 1.1s var(--hero-ease) both}
.motion-ready:not(.motion-reduced) .bd-hero__title-line:last-child>span {animation-delay:.16s}
.motion-ready:not(.motion-reduced) .bd-hero__eyebrow,.motion-ready:not(.motion-reduced) .bd-hero__lead,.motion-ready:not(.motion-reduced) .bd-hero__actions {animation:bd-hero-enter 1s var(--hero-ease) both}
.motion-ready:not(.motion-reduced) .bd-hero__lead {animation-delay:.25s}
.motion-ready:not(.motion-reduced) .bd-hero__actions {animation-delay:.38s}
.motion-ready:not(.motion-reduced) .bd-hero__console {animation:bd-hero-desk 1.65s .3s var(--hero-ease) both}
.motion-ready:not(.motion-reduced) .bd-hero__sales {animation:bd-hero-sales 1.4s .65s var(--hero-ease) both}
.motion-ready:not(.motion-reduced) .bd-hero__team {animation:bd-hero-team 1.3s 1s var(--hero-ease) both}
.motion-ready:not(.motion-reduced) .bd-hero__connections path {animation:bd-hero-line 2s .5s var(--hero-ease) both}
.motion-ready:not(.motion-reduced) .bd-hero__chart-line {stroke-dasharray:1;animation:bd-hero-line 1.6s 1.25s var(--hero-ease) both}
.motion-ready:not(.motion-reduced) .bd-hero__cta::after {animation:bd-hero-glint 1.4s 1.8s ease both}
@keyframes bd-hero-camera {from{transform:scale(1.08);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}
@keyframes bd-hero-title {from{transform:translateY(108%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}
@keyframes bd-hero-enter {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes bd-hero-desk {from{opacity:0;transform:translateY(90px) rotateX(24deg) rotateY(-14deg) rotateZ(-4deg)}to{opacity:1;transform:var(--desk-rest)}}
@keyframes bd-hero-sales {from{opacity:0;transform:translate(35px,75px) rotate(2deg)}to{opacity:1;transform:translate(0,0) rotate(-5deg)}}
@keyframes bd-hero-team {from{opacity:0;transform:translate(-25px,30px) rotate(-2deg)}to{opacity:1;transform:translate(0,0) rotate(3deg)}}
@keyframes bd-hero-line {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes bd-hero-glint {from{left:-50%}to{left:150%}}

@media(min-width:1600px){.bd-hero__world{height:890px}.bd-hero .bd-hero__inner{padding-top:100px}.bd-hero__stage{margin-top:36px;height:440px}.bd-hero__console-depth{top:65px}}
@media(min-width:1101px) and (max-height:850px){
    .bd-hero .bd-hero__inner{padding-top:40px}
    .bd-hero h1{font-size:64px;letter-spacing:-3px;margin-bottom:20px}
    .bd-hero__eyebrow{margin-bottom:22px}
    .bd-hero__lead{font-size:16px;line-height:1.65;margin-bottom:22px}
    .bd-hero__stage{margin-top:0}
}
@media(max-width:1100px){
    .bd-hero .bd-hero__inner{padding-top:64px}.bd-hero h1{font-size:64px;letter-spacing:-3px}.bd-hero__copy{max-width:535px}.bd-hero__lead{max-width:435px;font-size:16px}
    .bd-hero__world{height:740px}.bd-hero__world img{object-position:58% 45%}.bd-hero__shade{background:linear-gradient(90deg,#17212df5,#17212dab 38%,#17212d10 80%),linear-gradient(0deg,#17212d,transparent 65%)}
    .bd-hero__stage{margin-top:35px;height:420px}.bd-hero__console-depth{left:17%;right:1%}.bd-hero__sales{width:190px;padding:17px}.bd-hero__sales-depth{left:0;top:68px}.bd-hero__team-depth{right:0;top:-12px}.bd-hero__team{padding:12px 16px}
    .bd-hero__overview{padding:16px}.bd-hero__metrics{gap:9px}.bd-hero .stat-card{padding:13px 10px}.bd-hero .stat-value{font-size:17px}.bd-hero__workspace{display:none}.bd-hero__rail{width:40px}.bd-hero__console-bottom>span:last-child{display:none}.bd-hero__mini-chart{padding:10px}.bd-hero__mini-chart>span{font-size:9px}
    .bd-hero__story{gap:12px;font-size:11px}.bd-hero__story i{width:30px}.bd-hero__strip{justify-content:flex-start;gap:15px 24px}
}
@media(max-width:900px){
    .bd-hero__world picture{width:100%}
    .bd-hero .bd-hero__inner{padding-top:40px}.bd-hero__world{height:720px}.bd-hero__world img{object-position:67% 40%;opacity:.75}.bd-hero__shade{background:linear-gradient(90deg,#17212de6,#17212dbb 45%,#17212d15),linear-gradient(0deg,#17212d,transparent 65%)}
    .bd-hero__eyebrow{font-size:9px;letter-spacing:1.25px;max-width:330px;margin-bottom:24px}.bd-hero h1{font-size:clamp(45px,7.6vw,62px);letter-spacing:-2.6px}.bd-hero__copy{max-width:500px}.bd-hero__lead{font-size:15px;max-width:380px;line-height:1.75}.bd-hero__actions{gap:20px}.bd-hero .bd-hero__cta{font-size:12px;padding-left:15px;gap:8px}.bd-hero__discover{font-size:12px}
    .bd-hero__stage{height:410px;margin-top:40px;margin-inline:0}.bd-hero__console-depth{left:0;right:0;top:125px}.bd-hero__console{--desk-rest:rotateX(4deg) rotateY(-3deg) rotateZ(-1deg);transform:var(--desk-rest)}
    .bd-hero__sales-depth{left:0;top:0}.bd-hero__sales{width:210px;padding:12px 15px;transform:rotate(-3deg);display:grid;grid-template-columns:1fr auto;gap:3px 10px}.bd-hero__float-icon{display:none}.bd-hero__sales p{font-size:10px;grid-column:1/-1}.bd-hero__sales>strong{font-size:22px}.bd-hero__sales>strong small{font-size:10px}.bd-hero__sales .badge{grid-column:2;grid-row:2;align-self:center;font-size:9px}.bd-hero__float-meta{font-size:9px;grid-column:1/-1;margin:2px 0}
    .bd-hero__team-depth{top:14px;right:0}.bd-hero__team{padding:11px;gap:8px}.bd-hero__team p{font-size:9px}.bd-hero__team strong{font-size:10px}.bd-hero__team-check{width:26px;height:26px}.bd-hero__team-check .icon{width:15px;height:15px}.bd-hero__team div>span{font-size:9px}
    .bd-hero__rail{display:none}.bd-hero__overview{padding:15px}.bd-hero__greeting{margin-bottom:12px}.bd-hero__greeting h2{font-size:21px}.bd-hero__greeting>div>span{font-size:9px}.bd-hero__metrics{grid-template-columns:1fr 1fr}.bd-hero__mini-chart{display:none}.bd-hero .stat-value{font-size:19px;margin-top:12px}.bd-hero .stat-top{font-size:10px}.bd-hero__console-bottom{margin-top:12px}.bd-hero__console-top{padding:10px 15px}.bd-hero__company{font-size:9px}.bd-hero__stage figcaption{left:0;right:0;text-align:center;font-size:9px;bottom:0}
    .bd-hero__bridge{padding:20px 0;flex-wrap:wrap;justify-content:center;gap:18px}.bd-hero__story{font-size:10px;gap:12px}.bd-hero__story i{width:25px}.bd-hero__story small{display:none}.bd-hero__story>span{gap:7px}.bd-hero__story .desk-mark{width:18px;height:18px}.bd-hero__strip{justify-content:center;font-size:9px;gap:13px 20px;padding:20px 0 25px}
}
@media(max-width:480px){
    .bd-hero__world{top:0;height:750px}.bd-hero__world picture{transform:none}.bd-hero__world img{object-fit:cover;width:100%;height:430px;object-position:66% 20%;opacity:1}.bd-hero__shade{background:linear-gradient(0deg,#17212d 43%,#17212d20 100%),linear-gradient(90deg,#17212d80,transparent)}
    .bd-hero .bd-hero__inner{padding-top:155px}.bd-hero__eyebrow{font-size:8px;letter-spacing:1px;max-width:none;margin-bottom:20px}.bd-hero h1{font-size:clamp(38px,10.8vw,51px);letter-spacing:-2px;margin-bottom:20px}.bd-hero__lead{font-size:14px;line-height:1.7;max-width:350px;margin-bottom:23px}.bd-hero__actions{gap:15px;align-items:stretch;flex-direction:column}.bd-hero .bd-hero__cta{justify-content:space-between;font-size:13px;min-height:52px}.bd-hero__discover{align-self:center;padding:7px 0 10px;gap:15px}
    .bd-hero__stage{margin-top:28px;height:356px}.bd-hero__console-depth{top:106px;left:-4px;right:-4px}.bd-hero__console{--desk-rest:none;transform:none;border-radius:10px}.bd-hero__overview{padding:12px}.bd-hero__console-brand{font-size:12px}.bd-hero__console-top{padding:9px 12px;gap:7px}.bd-hero__console-brand .desk-mark{width:19px;height:19px}.bd-hero__console-top .avatar{display:none}.bd-hero__company{font-size:8px}.bd-hero__greeting h2{font-size:20px}.bd-hero__greeting>div>span{font-size:8px}.bd-hero__metrics{gap:7px}.bd-hero .stat-card{padding:12px 10px}.bd-hero .stat-value{font-size:17px}.bd-hero .stat-top{font-size:9px}.bd-hero .stat-top .icon{display:none}.bd-hero__console-bottom{font-size:9px;margin-top:12px}.bd-hero__sales-depth{top:4px;left:0}.bd-hero__sales{width:196px}.bd-hero__team-depth{top:49px;right:-3px}.bd-hero__team{padding:10px 13px}.bd-hero__team strong{font-size:10px}.bd-hero__connections{display:none}.bd-hero__stage figcaption{font-size:8px;bottom:7px}
    .bd-hero__story{font-size:9px;gap:7px}.bd-hero__story i{width:16px}.bd-hero__story .desk-mark{display:none}.bd-hero__bridge{padding-top:5px;gap:20px}.bd-hero__strip{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;font-size:8px}
}
@media(max-width:480px){
    .bd-hero__sales-depth,.bd-hero__team-depth{width:calc(50% - 6px)}
    .bd-hero__sales{width:100%;min-height:105px;grid-template-columns:1fr;padding:12px}
    .bd-hero__sales>strong{font-size:20px}
    .bd-hero__sales .badge{grid-column:1;grid-row:auto;justify-self:start;font-size:8px;padding-inline:6px}
    .bd-hero__float-meta{display:none}
    .bd-hero__team-depth{top:5px;right:0}
    .bd-hero__team{display:block;min-height:105px;padding:12px}
    .bd-hero__team-check{display:none}
    .bd-hero__team p{font-size:9px}
    .bd-hero__team strong{font-size:11px;line-height:1.4;margin:4px 0}
    .bd-hero__console-depth{top:124px}
    .bd-hero__stage{height:390px}
}
@media(min-width:901px) and (max-width:1100px){
    .bd-hero__shade{background:linear-gradient(90deg,#17212d 24%,#17212de6 37%,#17212d60 58%,#17212d18 85%),linear-gradient(0deg,#17212d,transparent 65%)}
}
@media(max-width:360px){.bd-hero .stat-value{font-size:14px;letter-spacing:-.3px}.bd-hero__sales>strong{font-size:18px}.bd-hero__company{font-size:7px}}
/* Disable both cinematic entrance and input-driven depth, including the manual control. */
.motion-reduced .bd-hero *, .motion-reduced .bd-hero *::before, .motion-reduced .bd-hero *::after {animation:none!important;transition:none!important}
.motion-reduced .bd-hero__world picture,.motion-reduced .bd-hero__console-depth,.motion-reduced .bd-hero__sales-depth,.motion-reduced .bd-hero__team-depth,.motion-reduced .bd-hero__light {transform:none!important}
@media(prefers-reduced-motion:reduce){
    .bd-hero *, .bd-hero *::before, .bd-hero *::after{animation:none!important;transition:none!important}
    .bd-hero__world picture,.bd-hero__console-depth,.bd-hero__sales-depth,.bd-hero__team-depth,.bd-hero__light{transform:none!important}
}