.page-hero{position:relative;overflow:hidden;padding:180px 5vw 45px;min-height:850px;background:#030509}.page-hero-copy{position:relative;z-index:1}.page-hero h1{font-size:clamp(66px,8.2vw,138px);line-height:1.02;margin:35px 0}.page-hero h1 em{font-style:normal;color:#b7beff}.lead{font-size:clamp(20px,2vw,28px);line-height:1.5;max-width:850px;margin:35px 0}.muted{color:#a4aec1}.button-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:35px}.action{width:fit-content}.outline{border:1px solid #ffffff66;background:#ffffff05}.blue{background:var(--blue);color:white}.hero-index{position:relative;display:flex;gap:45px;border-top:1px solid #ffffff30;padding-top:25px;margin-top:65px;font-size:14px;color:#c7cff0}.paper{background:#edf0f5;color:#10131b}.paper .eyebrow{color:#626e86}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:65px}.choice-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d9dee9;border-radius:12px;padding:45px;transition:transform .25s,box-shadow .25s}.choice-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #14265712}.choice-card h3{font-size:clamp(30px,3.7vw,58px);line-height:1.06;margin:40px 0 20px}.choice-card p{font-size:18px;line-height:1.6;color:#606d82;max-width:500px}.card-link{margin-top:auto;padding-top:35px;font-size:16px;color:#4d5bff}.product-title{font-size:clamp(64px,10vw,160px);line-height:1;margin:0 0 60px}.product-title>span{color:var(--blue)}.product-split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.product-split h3{font-size:clamp(28px,3vw,48px);line-height:1.13;margin:0 0 25px}.product-split .lead{font-size:21px;margin:25px 0 30px}.product-split p:not([class]){font-size:18px;line-height:1.6}.status-badge{border:1px solid #ffffff30;border-radius:7px;padding:9px 12px;color:#b5c0ff!important}.step-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:80px}.step-selector button{display:flex;gap:22px;text-align:left;background:#121725;color:#9ca9c1;padding:24px;border:1px solid #283248;border-radius:10px;font-size:16px;transition:background .25s}.step-selector button.selected{color:white;background:#4d5bff;border-color:#4d5bff}.step-detail{font-size:20px;line-height:1.5;min-height:60px;max-width:850px}.byonder-art{transition:transform .5s}.byonder-art[data-phase="1"] .prompt{background:#4d5bff30;border-color:#7d87ff}.byonder-art[data-phase="2"] .app-surface{box-shadow:0 0 60px #4d5bff40}.delivery-panel{border-radius:12px;background:#111623;color:white;padding:25px 35px}.delivery-panel>div{padding:26px 0;border-bottom:1px solid #ffffff20}.delivery-panel>div:last-child{border:0}.delivery-panel span{display:block;font-size:12px;letter-spacing:.08em;color:#9aa8c7;margin-bottom:14px}.delivery-panel strong{font-size:clamp(28px,3vw,46px);font-weight:600;line-height:1.12}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.three-columns article{border-top:1px solid #77839b55;padding-top:30px}.three-columns article>span{color:#7d87ff;font-size:14px}.three-columns h3{font-size:clamp(24px,2.5vw,40px);line-height:1.15;margin:25px 0}.three-columns p{font-size:18px;line-height:1.6;color:#9ba7bd}.paper .three-columns p{color:#606d82}.integration{margin-top:60px}.system-flow{display:flex;flex-direction:column;align-items:center;gap:12px}.system-flow span,.system-flow strong{border:1px solid #6878a055;border-radius:12px;padding:25px;width:85%;text-align:center;font-size:24px}.system-flow strong{background:var(--blue);font-size:38px}.system-flow i{font-style:normal;color:#7d87ff;animation:signal 2s infinite alternate}@keyframes signal{to{transform:translateY(5px);opacity:.4}}.timeline{margin-top:70px}.timeline article{display:grid;grid-template-columns:1fr 3fr;gap:35px;border-top:1px solid #c6cfdd;padding:35px 0}.timeline article>span{color:#4d5bff;font-size:14px;padding-top:10px}.timeline h3{font-size:clamp(28px,3vw,46px);margin:0 0 20px}.timeline p{font-size:20px;line-height:1.5;color:#606d82;max-width:800px;margin:0}.project-example{display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;align-items:center;margin-top:65px}.project-example img{display:block;width:100%;border-radius:12px}.project-example h3{font-size:36px;margin:0 0 25px}.project-example p{font-size:18px;line-height:1.6;color:#606d82}.conditions .display{margin-bottom:65px}.conditions details{border-top:1px solid #354157;padding:25px 0}.conditions summary{display:flex;justify-content:space-between;gap:30px;cursor:pointer;list-style:none;font-size:clamp(24px,3vw,42px)}.conditions summary::-webkit-details-marker{display:none}.conditions details[open] summary span{transform:rotate(45deg)}.conditions details p{font-size:20px;line-height:1.6;color:#a5b0c4;max-width:750px}.inner-page .small-note{font-size:12px;line-height:1.5}.inner-page .contact .lead{color:#e0e4ff}.inner-page .hdk-render{min-width:0}.nav a[aria-current=page]{color:#a8b1ff}
@media(max-width:800px){.page-hero{padding:145px 24px 35px;min-height:760px}.page-hero h1{font-size:clamp(48px,10vw,80px)}.page-hero .lead br{display:none}.hero-index{gap:22px;font-size:12px;flex-wrap:wrap}.choice-grid,.product-split,.project-example{grid-template-columns:1fr;gap:40px}.choice-card{padding:28px}.choice-card h3{font-size:36px}.product-title{font-size:64px;margin-bottom:35px}.product-split h3{font-size:32px}.product-split .lead{font-size:19px}.step-selector{grid-template-columns:1fr;margin-top:50px}.step-selector button{padding:20px}.step-detail{font-size:18px;min-height:100px}.three-columns{grid-template-columns:1fr;gap:25px;margin-top:45px}.three-columns h3{font-size:29px}.three-columns h3 br{display:none}.timeline article{grid-template-columns:1fr;gap:18px}.timeline h3{font-size:30px}.timeline p{font-size:18px}.project-example h3{font-size:30px}.conditions summary{font-size:24px}.inner-page .hdk-stack{margin-top:45px}.button-row .action{width:100%}.nav nav{gap:16px;font-size:12px}.nav img{width:90px;height:auto}.nav{gap:20px;padding:16px}.inner-page .contact .display{font-size:48px}}
@media(prefers-reduced-motion:reduce){.system-flow i{animation:none}.choice-card:hover{transform:none}}
/* Viewport-led heroes and interactive product scenes */
.page-hero{min-height:100svh;padding:clamp(110px,15svh,160px) 5vw 30px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.page-hero h1{font-size:clamp(46px,min(7.6vw,11svh),126px);margin:20px 0;line-height:1.02}.page-hero .lead{font-size:clamp(18px,2.8svh,25px);margin:22px 0}.page-hero .button-row{margin-top:22px}.hero-index{margin-top:10px;padding-top:18px}.page-hero .eyebrow{margin:0}.byonder-scroll{height:230svh;position:relative}.byonder-stage{position:sticky;top:0;height:100svh;min-height:710px;padding:110px 5vw 30px;overflow:hidden}.byonder-stage .section-kicker{margin-bottom:18px}.byonder-stage .product-title{font-size:clamp(54px,7vw,95px);margin-bottom:24px}.byonder-stage .product-split{gap:5vw;align-items:start}.byonder-stage .product-split h3{font-size:30px}.byonder-stage .product-split .lead{font-size:17px;margin:18px 0}.byonder-stage .byonder-art{max-width:480px;justify-self:end}.byonder-stage .step-selector{margin-top:24px}.byonder-stage .step-selector button{padding:16px 20px}.byonder-stage .step-detail{font-size:16px;min-height:48px;margin:14px 0 4px}.byonder-stage .small-note{margin:10px 0}.byonder-art .app-surface{transition:transform .7s,box-shadow .7s;transform:perspective(1000px) rotateY(-10deg) rotateX(8deg)}.byonder-art[data-phase="1"] .app-surface{transform:perspective(1000px) rotateY(4deg) rotateX(3deg)}.byonder-art[data-phase="2"] .app-surface{transform:perspective(1000px) rotateY(0deg) rotateX(0deg);box-shadow:0 30px 60px #4d5bff40}.byonder-art .app-card{transition:transform .7s}.byonder-art[data-phase="0"] .app-card{transform:translateX(8px)}.byonder-art[data-phase="2"] .app-card{transform:translateX(0);border-color:#7d87ff}
.integration-lab{background:radial-gradient(ellipse at 50% 55%,#252d6540,transparent 65%),#0c101c;border:1px solid #374361;border-radius:14px;padding:24px;color:white;min-width:0;box-shadow:0 30px 70px #02061625;perspective:1100px}.lab-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.07em;color:#8e9bc0}.lab-status{color:#aeb7ff}.lab-space{height:310px;position:relative;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s;transform-style:preserve-3d}.lab-node{position:absolute;width:42%;padding:18px;border:1px solid #677ca366;border-radius:10px;background:linear-gradient(140deg,#344566bb,#152034ee);box-shadow:0 12px 0 #080d1899,0 20px 40px #0005;transform:rotateY(-14deg) rotateX(12deg);transition:transform .5s,box-shadow .5s}.lab-node small{font-size:9px;letter-spacing:.1em;color:#b0beda}.lab-node strong{display:block;font-size:20px;margin:12px 0;font-weight:500}.node-input{top:30px;left:0}.node-output{bottom:15px;right:0;transform:rotateY(14deg) rotateX(12deg)}.lab-core{position:absolute;left:30%;top:100px;width:40%;background:linear-gradient(145deg,#7d87ff,#4d5bff 60%,#2934ad);border:1px solid #a0a9ff;border-radius:12px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 12px 0 #27319d,0 28px 50px #4d5bff44;transform:translateZ(45px);z-index:2}.lab-core>span{font-size:12px;letter-spacing:.1em}.lab-core small{font-size:8px;color:#e3e6ff}.lab-core img{width:85px}.lab-connector{position:absolute;left:18%;top:130px;width:42%;height:2px;transform:rotate(27deg);background:linear-gradient(90deg,#526ba433,#7d87ff)}.connector-out{left:47%;top:222px;transform:rotate(27deg)}.lab-connector i{position:absolute;width:5px;height:5px;border-radius:50%;background:#c9cfff;top:-2px;box-shadow:0 0 12px #929cff;animation:packet 2.4s linear infinite}.lab-connector i:nth-child(2){animation-delay:-.8s}.lab-connector i:nth-child(3){animation-delay:-1.6s}@keyframes packet{from{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.data-lines,.result-bars{display:flex;gap:5px}.data-lines i{height:4px;width:25%;background:#91a7d7;border-radius:3px}.result-bars{align-items:end;height:22px}.result-bars i{height:9px;width:20%;background:#7d87ff;border-radius:2px;transition:height .5s}.result-bars i:nth-child(2){height:16px}.result-bars i:nth-child(3){height:22px}.integration-lab[data-mode="1"] .result-bars i:first-child{height:20px}.integration-lab[data-mode="2"] .result-bars i:nth-child(2){height:7px}.integration-lab[data-mode="1"] .node-input{transform:rotateY(-4deg) rotateX(6deg) translateY(-6px)}.integration-lab[data-mode="2"] .node-output{transform:rotateY(0deg) rotateX(0deg) translateY(-8px);box-shadow:0 12px 0 #080d18,0 0 35px #4d5bff33}.lab-controls{display:flex;gap:5px;margin-top:18px}.lab-controls button{flex:1;background:#192238;border:1px solid #3a4867;padding:12px 6px;border-radius:7px;font-size:12px;color:#a5b4d1;transition:background .25s}.lab-controls button[aria-pressed=true]{background:#4d5bff;color:white;border-color:#7d87ff}.lab-caption{font-size:15px!important;line-height:1.5!important;min-height:46px;margin:16px 0 8px;color:#c0cae0}.lab-note{font-size:10px;color:#7f8caa}.integration{grid-template-columns:.85fr 1.15fr}.timeline{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;align-items:start}.timeline-visual{position:sticky;top:150px;height:420px;display:grid;place-items:center;perspective:1000px}.timeline-disc{height:290px;width:290px;border-radius:28px;background:linear-gradient(145deg,#737fff,#4d5bff 60%,#263198);box-shadow:0 18px 0 #202b93,0 40px 60px #4d5bff40;transform:rotateX(14deg) rotateY(-17deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;gap:15px;transition:transform .7s}.phase-number{font-size:100px;line-height:1;font-weight:600}.phase-label{font-size:16px}.timeline-orbit{position:absolute;inset:15px;border:1px solid #4d5bff44;border-radius:50%;transform:rotateX(55deg);pointer-events:none}.timeline-meter{position:absolute;bottom:0;left:15%;right:15%;height:3px;background:#ccd3e6}.timeline-meter i{display:block;height:100%;background:#4d5bff;width:25%;transition:width .5s}.timeline-steps article{display:block;min-height:330px;opacity:.4;transition:opacity .4s}.timeline-steps article.active{opacity:1}.timeline-steps article>span{display:block;margin-bottom:20px}.timeline-steps article h3{font-size:36px}.timeline-steps article p{font-size:18px}.three-columns article{transition:transform .3s,background .3s}.three-columns article:hover{transform:translateY(-5px)}
@media(max-width:800px){.page-hero{padding:110px 24px 24px;gap:20px;min-height:100svh}.page-hero h1{font-size:clamp(38px,min(10vw,8svh),76px)}.page-hero .lead{font-size:18px;margin:20px 0}.hero-index{gap:16px}.byonder-scroll{height:auto}.byonder-stage{position:relative;height:auto;min-height:0;padding:80px 24px;overflow:visible}.byonder-stage .product-split{gap:30px}.byonder-stage .step-selector{grid-template-columns:repeat(3,1fr);position:sticky;top:90px;z-index:5;background:#090b11;padding:8px 0}.byonder-stage .step-selector button{font-size:11px;padding:12px 6px;gap:8px;flex-direction:column}.byonder-stage .step-detail{font-size:17px;min-height:105px}.integration{grid-template-columns:1fr}.integration-lab{padding:18px;width:100%}.lab-node strong{font-size:16px}.lab-space{height:300px}.timeline{grid-template-columns:1fr;gap:40px}.timeline-visual{height:260px;top:85px;z-index:2;background:#edf0f5}.timeline-disc{width:180px;height:180px;border-radius:18px;gap:9px}.timeline-disc img{width:75px}.phase-number{font-size:64px}.phase-label{font-size:12px}.timeline-steps article{min-height:330px}.timeline-steps article h3{font-size:29px}.timeline-orbit{inset:25px}.byonder-stage .byonder-art{justify-self:center}}
@media(max-height:650px) and (min-width:801px){.page-hero{padding-top:100px}.page-hero h1{font-size:9svh;margin:14px 0}.page-hero .lead{font-size:17px;margin:14px 0}.page-hero .button-row{margin-top:14px}.hero-index{padding-top:12px}.byonder-scroll{height:auto}.byonder-stage{height:auto;position:relative}}
@media(prefers-reduced-motion:reduce){.byonder-scroll{height:auto}.byonder-stage{height:auto;position:relative}.lab-connector i{animation:none}.lab-space,.lab-node,.lab-core,.byonder-art .app-surface,.timeline-disc{transform:none!important}.timeline-steps article{opacity:1}.timeline-visual{position:relative;top:auto}}
@media(min-width:801px) and (min-height:651px){.byonder-stage .product-title{font-size:56px;margin-bottom:16px}.byonder-stage .section-kicker{margin-bottom:12px}.byonder-stage .byonder-art{zoom:.62;max-width:650px}.byonder-stage .product-split h3{font-size:26px;margin-bottom:16px}.byonder-stage .product-split .lead{font-size:16px;line-height:1.45;margin:14px 0}.byonder-stage .step-selector{margin-top:16px}.byonder-stage .step-detail{min-height:38px}.byonder-stage .product-split{align-items:start}.byonder-stage{padding-bottom:15px}}
.lab-space{height:350px}.lab-core{width:34%;left:33%;top:105px;padding:20px 10px}.node-input{top:12px}.node-output{bottom:0}.connector-out{top:238px}.lab-core img{filter:brightness(0) invert(1)}
@media(max-width:800px){.lab-space{height:350px}.lab-core{width:38%;left:31%;top:115px}.lab-node{width:46%;padding:14px}.lab-core small{font-size:7px}}
/* Composite the diagram as ordered planes to prevent 3D intersections. */
.lab-space{transform-style:flat;isolation:isolate}.lab-node{z-index:1;backface-visibility:hidden}.lab-connector{z-index:0}.lab-core{z-index:3;transform:none;isolation:isolate;backface-visibility:hidden}.conditions details{overflow:hidden}.conditions summary span{transition:transform .35s ease}.conditions details p{margin-bottom:0;padding-bottom:8px}
@media(prefers-reduced-motion:reduce){.conditions summary span{transition:none}}