.app-hero{position:relative;overflow:hidden;background:#061019;padding:68px 0 28px}.app-hero>.container{position:relative}.app-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#050b12e8,#06121ca8 55%,#050c13f5),url("hero-infrastructure.png") center/cover;opacity:.9}.app-hero-heading h1{font-size:46px}.app-hero-heading .intro{font-size:17px;max-width:650px;margin-top:18px}.app-hero-heading .actions{margin-top:26px}
.app-hero-diagram{display:grid;grid-template-columns:220px 1fr 320px;align-items:center;min-height:370px;margin-top:22px;gap:0}.input-stream{display:grid;gap:10px}.input-stream>.micro-label{margin-bottom:5px}.input-stream>div{display:flex;gap:13px;align-items:center;background:#0a1c2acc;border:1px solid #518caf38;border-radius:5px;padding:13px 16px;font-size:14px}.input-stream svg{width:24px;height:24px;color:#94cde7}.input-stream small,.output-stream small{display:block;color:#819eb2;font-size:11px;margin-top:3px}
.hero-routing{position:relative;min-width:0;height:320px}.hero-routing>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1}.base-paths{stroke:#4597c34f}.moving-paths{stroke:#8cddff;stroke-width:2;stroke-dasharray:7 110;animation:app-flow 8s linear infinite;filter:drop-shadow(0 0 4px #64cfff)}.moving-paths path:nth-child(2n){stroke:var(--mint)}
.app-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(125deg,#173b53ee,#081a2aee);border:1px solid #69c3ee99;clip-path:polygon(0 12%,80% 0,100% 18%,100% 88%,20% 100%,0 82%);box-shadow:inset 0 0 35px #69c3ee22}.app-core:before{content:"";position:absolute;inset:9px;border:1px solid #88d1ff30;pointer-events:none}.app-core>.brand-mark{width:34px;height:40px}.app-core strong{font-size:17px}.app-core small{font-size:8px;color:#82b9d2}
.output-stream{display:grid;gap:13px}.output-stream>div{display:flex;align-items:flex-start;gap:14px;padding:18px;background:linear-gradient(120deg,#0d2435e8,#071420f0);border:1px solid #518caf4d;border-radius:5px}.output-stream svg{width:24px;height:24px;color:#82ceef}.output-stream strong{font-size:15px;font-weight:550;color:#b5e7fb}.output-stream em{display:block;font-style:normal;font-size:11px;line-height:1.9;color:#8faec3;margin-top:9px}.output-stream b{font-weight:400;color:#c8deea;margin-left:10px}
.app-storyline{display:flex;justify-content:center;align-items:center;gap:32px;padding-top:24px;margin-top:20px;border-top:1px solid #689eba26;color:#90b9d1;font-size:13px}.app-storyline svg{width:16px;height:16px;color:#4f8aa9}
.app-explore{background:linear-gradient(160deg,#0a1d2b,#06111a 65%);border-block:1px solid #5598b528}.app-explore .section-heading{align-items:center}.app-explore .intro{font-size:16px;margin-top:16px}.scenario-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:40px}.app-tabs{display:flex;flex-direction:column;border-right:1px solid #638aa330;align-self:start;position:sticky;top:112px}.app-tabs>button{position:relative;display:block;text-align:left;background:none;border:0;border-left:2px solid transparent;padding:21px 20px;color:#8da9bb;font-size:14px;min-height:93px}.app-tabs>button>span{display:block;font-size:13px;color:#587f96;margin-bottom:5px}.app-tabs>button>svg{position:absolute;right:16px;top:46px;width:16px;height:16px;opacity:0}.app-tabs>button[aria-selected=true]{background:linear-gradient(90deg,#25566a27,transparent);border-left-color:var(--mint);color:#e9f7ff}.app-tabs>button[aria-selected=true]>span{color:var(--mint)}.app-tabs>button[aria-selected=true]>svg{opacity:1;color:var(--mint)}.app-tabs>button:hover{color:#e6f5fa}
.case-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.case-title h3{font-size:25px;max-width:610px}.demo-label{font-size:10px;color:#839eb2;border:1px solid #6495b034;padding:3px 7px;border-radius:3px;white-space:nowrap}.case-panel>p{font-size:14px;line-height:1.9;color:#96b1c2;margin-top:14px}.case-scene{min-height:330px;margin-top:30px;display:grid;grid-template-columns:1fr 32px .85fr 32px 1.35fr;align-items:center;gap:0;position:relative}.scene-box{border:1px solid #588aab42;background:#091e2bcc;border-radius:5px;padding:17px;min-width:0;position:relative;overflow:hidden}.scene-box h4{font-size:13px;color:#bfe2f3;margin:0 0 14px;display:flex;align-items:center;gap:8px}.scene-box h4 svg{width:17px;height:17px}.scene-box p{font-size:12px;line-height:1.85;color:#9bb8ca}.scene-box .scene-caption{display:block;color:#628ea7;font-size:10px;margin-top:12px}.scene-arrow{height:1px;background:#428fb64d;position:relative}.scene-arrow:after{content:"";height:3px;width:9px;background:#83d7ff;box-shadow:0 0 7px #53bfff;position:absolute;left:0;top:-1px;animation:app-packet 2.5s linear infinite}.scene-documents{display:grid;gap:8px;margin-top:14px}.scene-documents>span{font-size:11px;padding:7px;background:#0c2c3d;border:1px solid #8ac6d230;border-radius:3px;color:#a6c9d9}.scene-documents>span:first-child{border-color:#8edac17a;color:#b7e9e2}.scene-gateway{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 8px;border:1px solid #7ac6e84d;background:linear-gradient(135deg,#15384c,#091623);border-radius:4px}.scene-gateway strong{font-size:12px;white-space:nowrap}.scene-gateway small{font-size:10px;color:#80afc7}.scene-gateway .brand-mark{width:29px;height:34px}.answer-lines{display:grid;gap:9px}.answer-lines p{animation:answer-reveal 6s ease-in-out infinite}.answer-lines p:nth-child(2){animation-delay:.45s}.answer-lines p:nth-child(3){animation-delay:.9s}.answer-lines b{color:#7fd3f2;font-weight:400}.review-note{font-size:10px;color:#d5b586;display:flex;align-items:center;gap:6px;margin-top:15px;padding-top:12px;border-top:1px solid #b4976a33}.review-note svg{width:14px;height:14px}
.scan-document:after{content:"";position:absolute;left:0;right:0;height:1px;top:20%;background:#93edff;box-shadow:0 0 12px #74ccff;animation:document-scan 4.5s ease-in-out infinite}.document-lines{display:grid;gap:10px;margin:20px 0}.document-lines span{height:5px;background:#254253}.document-lines span:nth-child(2n){width:74%;background:#76b8bd66}.extracted-fields{margin:0;font-size:11px}.extracted-fields>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #628da324}.extracted-fields dt{color:#7497aa}.extracted-fields dd{margin:0;color:#c0dae8;overflow-wrap:anywhere}
.code-sample{display:block;font-family:Consolas,monospace;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#93bed5}.code-sample del{color:#ce9191;text-decoration:none}.code-sample ins{color:#8edac1;text-decoration:none}.product-requests{display:grid;gap:8px}.product-requests span{font-size:11px;border-left:2px solid #5498b4;background:#12304266;padding:8px}.product-requests span:nth-child(2){border-color:var(--mint)}.sample-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--mint);margin-top:16px}.sample-status:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--mint)}
.case-details{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:20px 0 12px;padding-top:21px;gap:18px}.case-details>div{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#b0d1e3;border-right:1px solid var(--line);padding-right:12px}.case-details>div:last-child{border:0}.case-details svg{width:20px;height:20px;color:#7cc6e8}.case-details small{display:block;color:#7d9eb2;font-size:11px;margin-top:5px}
.scenario-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #6ecde86b;padding-top:30px;margin-top:58px}.scenario-previews>button{display:block;text-align:left;background:none;border:0;border-right:1px solid var(--line);padding:0 28px 0 0;color:inherit}.scenario-previews>button:last-child{border:0;padding-right:0}.scenario-previews>button>svg{width:23px;height:23px;color:#6cc0e3;margin-bottom:12px}.scenario-previews h3{font-size:18px;margin-bottom:5px}.scenario-previews p{font-size:12px;color:#91b1c5}.preview-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8eb8cc;margin-top:18px}.preview-link svg{width:16px;height:16px}.scenario-previews>button:hover .preview-link{color:var(--mint)}
.mini-doc,.mini-code,.mini-product{height:150px;margin-top:22px;display:flex;align-items:center;gap:14px;font-size:10px;color:#87a8bc}.mini-doc{position:relative}.mini-doc>span{position:absolute;top:4px;left:0;font-size:10px}.paper-lines{height:105px;width:40%;flex-shrink:0;background:repeating-linear-gradient(180deg,#17364a 0,#17364a 5px,transparent 5px,transparent 17px);mask-image:linear-gradient(#000,transparent)}.mini-doc b{color:#b4d5e6;font-weight:400;line-height:2}.mini-doc svg,.mini-product svg{width:15px;height:15px;color:#5799ba}.mini-code{padding:12px;background:#081521;border:1px solid var(--line);border-radius:4px;font-family:Consolas,monospace;line-height:1.85;font-size:11px}.mini-code del{color:#cb9898;text-decoration:none}.mini-code ins{color:var(--mint);text-decoration:none}.mini-product{justify-content:space-between;line-height:3}.mini-product>.brand-mark{width:26px;height:31px}
.implementation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 35px}.implementation-grid article{position:relative;border-top:1px solid #589cb655;padding-top:22px}.implementation-grid article:before{content:"";position:absolute;top:-3px;left:0;width:5px;height:5px;background:var(--blue);border-radius:50%;box-shadow:0 0 9px #67bdebaa}.implementation-grid article>span{font-size:21px;font-weight:500;color:#8ad4eb}.implementation-grid h3{font-size:19px;margin:14px 0 8px}.implementation-grid p{font-size:14px;color:#98b3c6}.implementation>.footnote{text-align:center;border-top:1px solid var(--line);padding-top:22px}
.app-offscreen *{animation-play-state:paused!important}
@keyframes app-flow{to{stroke-dashoffset:-468}}@keyframes app-packet{0%{left:0;opacity:0}25%,75%{opacity:1}100%{left:90%;opacity:0}}@keyframes answer-reveal{0%,12%{opacity:.35;transform:translateY(3px)}30%,100%{opacity:1;transform:translateY(0)}}@keyframes document-scan{0%,100%{top:20%;opacity:.2}50%{top:85%;opacity:.9}}
@media(max-width:1100px){.app-hero-diagram{grid-template-columns:190px 1fr 270px}.app-core{width:140px}.app-core strong{font-size:14px}.scenario-workspace{grid-template-columns:190px minmax(0,1fr);gap:25px}.app-tabs>button{font-size:12px;padding:18px 12px}.app-tabs>button>svg{right:8px;width:12px}.case-title h3{font-size:21px}.case-scene{grid-template-columns:1fr 20px .8fr 20px 1.2fr}.scene-box{padding:13px}.scene-gateway strong{font-size:10px}.case-details{gap:10px}.case-details>div{font-size:12px}.case-details svg{width:17px}.mini-code{font-size:9px}}
@media(max-width:900px){.app-hero-heading h1{font-size:36px}.app-hero-diagram{grid-template-columns:170px 1fr 240px}.app-core{width:120px}.app-core strong{font-size:12px}.app-core small{font-size:6px}.input-stream>div{padding:12px;font-size:12px}.input-stream small{font-size:9px}.input-stream svg{width:19px}.output-stream>div{padding:14px;gap:10px}.output-stream strong{font-size:13px}.output-stream small{font-size:10px}.output-stream svg{width:18px}.scenario-workspace{display:block}.app-tabs{position:static;display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid var(--line);margin-bottom:30px}.app-tabs>button{min-height:85px;border-left:0;border-bottom:2px solid transparent;font-size:11px}.app-tabs>button[aria-selected=true]{border-bottom-color:var(--mint)}.app-tabs>button>svg{display:none}.case-scene{min-height:300px;grid-template-columns:1fr 30px .8fr 30px 1.2fr}.scene-gateway strong{font-size:13px}.mini-product{gap:7px}.scenario-previews{gap:20px}.scenario-previews>button{padding-right:18px}.mini-code{font-size:8px}.implementation-grid{gap:24px}}
@media(max-width:620px){.app-hero{padding-top:45px}.app-hero-heading h1{font-size:34px;line-height:1.3}.app-hero-heading .intro{font-size:15px}.app-hero-heading .actions{gap:12px}.app-hero-heading .button{font-size:12px;padding:11px 15px;gap:12px}.app-hero-diagram{grid-template-columns:1fr;margin-top:35px}.input-stream{grid-template-columns:1fr 1fr;gap:8px}.input-stream>.micro-label{grid-column:1/-1}.input-stream>div{padding:12px 10px;gap:8px;min-height:65px}.input-stream small{font-size:9px}.hero-routing{height:170px;margin-block:6px}.hero-routing>svg{transform:rotate(90deg);width:170px;height:100%;left:calc(50% - 85px)}.app-core{width:133px}.app-core strong{font-size:13px}.app-core small{font-size:7px}.output-stream{grid-template-columns:1fr;gap:8px}.output-stream>div{padding:14px}.output-stream em{margin-top:6px}.app-storyline{gap:10px;justify-content:space-between;font-size:10px}.app-storyline svg{width:12px}.app-explore .section-heading{display:block}.app-explore .intro{font-size:14px}#app-motion{margin-top:15px}.app-tabs{grid-template-columns:1fr 1fr}.app-tabs>button{font-size:12px;padding:14px;min-height:82px}.case-title{gap:10px}.case-title h3{font-size:23px}.demo-label{font-size:9px}.case-panel>p{font-size:13px}.case-scene{grid-template-columns:1fr;gap:0;min-height:0;margin-top:24px}.scene-box{padding:18px}.scene-box h4{font-size:15px}.scene-box p{font-size:13px}.scene-documents{grid-template-columns:repeat(3,1fr)}.scene-documents>span{text-align:center;padding:9px 4px;font-size:11px}.scene-arrow{height:25px;width:1px;margin:auto}.scene-arrow:after{height:8px;width:2px;animation:mobile-packet 2.5s linear infinite;top:0;left:0}.scene-gateway{padding:16px;flex-direction:row;justify-content:center;gap:16px}.scene-gateway strong{font-size:15px}.scene-gateway .brand-mark{width:23px;height:28px}.scene-gateway small{font-size:10px}.case-details{gap:16px;grid-template-columns:1fr;padding-top:20px}.case-details>div{border:0;font-size:14px}.case-details small{font-size:12px}.case-details svg{width:20px;height:20px}.case-details>div>span{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:start}.case-details small{margin-top:0}.scenario-previews{grid-template-columns:1fr;gap:28px;margin-top:38px}.scenario-previews>button{border-right:0;border-bottom:1px solid var(--line);padding:0 0 26px}.scenario-previews>button:last-child{padding:0}.mini-code{font-size:12px}.mini-doc,.mini-product{max-width:360px;font-size:12px;height:130px;margin-top:16px}.scenario-previews p{font-size:13px}.preview-link{font-size:13px}.implementation-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.implementation-grid h3{font-size:20px}.implementation-grid p{font-size:14px}.implementation>.footnote{text-align:left}.app-hero .app-backdrop{background-position:70% center}.extracted-fields{font-size:12px}.case-title h3{overflow-wrap:anywhere}.scene-box .code-sample{font-size:12px}.scene-box .review-note{font-size:11px}}
@keyframes mobile-packet{0%{top:0;opacity:0}25%,75%{opacity:1}100%{top:85%;opacity:0}}
@media(prefers-reduced-motion:reduce){.answer-lines p{opacity:1;transform:none}.scan-document:after{display:none}}