:root{--bg-ink:#050d16;--bg-panel:#0a1c29;--bg-line:#173e54;--bg-cyan:#55dcff;--bg-green:#62e6a6;--bg-copy:#a9c1d0;--bg-white:#eef7ff;--bg-gold:#ffd36b}.business-go-page{overflow:hidden;background:var(--bg-ink);color:var(--bg-white);font-family:Arial,sans-serif}.business-go-page *{box-sizing:border-box}.business-go-page a{text-decoration:none}.bg-hero{position:relative;isolation:isolate;min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);align-items:center;gap:clamp(36px,6vw,100px);padding:80px clamp(20px,6vw,90px) 90px;background:radial-gradient(circle at 80% 34%,#0c55794d,transparent 34%),linear-gradient(135deg,#06101c,#071725 70%,#082232)}.bg-hero-glow{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#53dfff0b 1px,transparent 1px),linear-gradient(90deg,#53dfff0b 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 75%,transparent)}.bg-kicker{color:var(--bg-cyan);font-size:11px;font-weight:800;letter-spacing:.16em}.bg-kicker>span{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--bg-green);box-shadow:0 0 16px var(--bg-green)}.bg-hero h1{margin:20px 0 24px;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.055em}.bg-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--bg-green),var(--bg-cyan),#9990ff);background-clip:text;-webkit-background-clip:text;color:transparent}.bg-lead{max-width:720px;color:#bdd0dc;font-size:17px;line-height:1.75}.bg-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.bg-primary,.bg-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 18px;border-radius:9px;font-weight:800}.bg-primary{background:linear-gradient(100deg,var(--bg-green),#51dded);color:#04151c}.bg-secondary{border:1px solid #2a5a74;color:#dcf5ff;background:#0a213080}.bg-actions a:hover,.bg-final a:hover{transform:translateY(-2px)}.bg-proof{display:flex;flex-wrap:wrap;gap:28px;padding-top:26px;border-top:1px solid #1b3b50;color:#91aebe;font-size:12px}.bg-proof span{display:grid;gap:3px}.bg-proof b{color:#eaf7ff;font-size:24px}.bg-command{position:relative;min-width:0;padding:16px;border:1px solid #25607b;border-radius:28px;background:linear-gradient(145deg,#0a2d42,#0b1838);box-shadow:0 35px 90px #0007,inset 0 0 70px #1e74a51c}.bg-command-bar{display:flex;align-items:center;gap:7px;padding:12px;border:1px solid #28627e;border-radius:10px;background:#03111d}.bg-command-bar i{width:7px;height:7px;border-radius:50%;background:#ff6f7e}.bg-command-bar i:nth-child(2){background:#ffd36b}.bg-command-bar i:nth-child(3){background:#62e6a6}.bg-command-bar code{margin-left:9px;color:#67dcf7;font-size:11px}.bg-command-bar b{margin-left:auto;color:#62e6a6;font-size:10px}.bg-orbit{position:relative;height:410px;display:grid;place-items:center}.bg-ring{position:absolute;border:1px solid #4fccee38;border-radius:50%;animation:bg-spin 24s linear infinite}.ring-one{width:360px;height:250px}.ring-two{width:275px;height:190px;animation-direction:reverse;animation-duration:17s}.ring-three{width:190px;height:130px;animation-duration:12s}.bg-core{position:relative;z-index:2;width:135px;height:135px;display:grid;place-content:center;text-align:center;border:1px solid #8ee8ff;border-radius:50%;background:radial-gradient(circle at 35% 28%,#61e7d3,#399bdd 55%,#5d55da);box-shadow:0 0 55px #42dfff55}.bg-core small,.bg-core span{font-size:9px;letter-spacing:.13em}.bg-core strong{font-size:36px;line-height:1}.bg-node{position:absolute;z-index:3;padding:8px 12px;border:1px solid #33708e;border-radius:99px;background:#071b28;color:#d9eff9;font-size:11px;font-weight:800;box-shadow:0 8px 20px #0004;animation:bg-float 4s ease-in-out infinite}.bg-node i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--bg-green)}.node-order{top:40px;left:12%}.node-billing{top:62px;right:8%;animation-delay:-.6s}.node-stock{top:47%;left:2%;animation-delay:-1.2s}.node-purchase{top:51%;right:0;animation-delay:-1.8s}.node-ledger{bottom:37px;left:14%;animation-delay:-2.4s}.node-dispatch{right:11%;bottom:25px;animation-delay:-3s}.bg-packet{position:absolute;z-index:1;width:6px;height:6px;border-radius:50%;background:var(--bg-green);box-shadow:0 0 12px var(--bg-green);animation:bg-packet 5s linear infinite}.packet-1{top:22%;left:20%}.packet-2{top:34%;right:18%;animation-delay:-1s}.packet-3{bottom:28%;left:12%;animation-delay:-2s}.packet-4{bottom:18%;right:21%;animation-delay:-3s}.packet-5{top:48%;left:36%;animation-delay:-4s}.packet-6{top:61%;right:38%;animation-delay:-2.5s}.bg-live-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bg-live-cards div{padding:11px;border:1px solid #204a61;border-radius:9px;background:#061826}.bg-live-cards span,.bg-live-cards small{display:block;color:#6ca8bf;font-size:8px;letter-spacing:.1em}.bg-live-cards b{display:block;margin:5px 0;color:#e7f5ff;font-size:14px}.bg-live-cards small{color:var(--bg-green)}.bg-problem,.bg-capabilities,.bg-flow,.bg-personas,.bg-control-room,.bg-trust,.bg-documents,.bg-final{padding:95px clamp(20px,6vw,90px)}.bg-problem{background:linear-gradient(110deg,#135dde,#4338b8);color:#fff}.bg-problem h2,.bg-capabilities h2,.bg-flow h2,.bg-personas h2,.bg-control-room h2,.bg-trust h2,.bg-documents h2,.bg-final h2{margin:14px 0 28px;font-size:clamp(34px,4.6vw,66px);line-height:1.04;letter-spacing:-.045em}.bg-problem h2{max-width:1100px}.bg-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:1000px;border-top:1px solid #ffffff45;padding-top:28px}.bg-problem-grid p{margin:0;color:#d7e3ff;line-height:1.75}.bg-capabilities{background:#f4f8fb;color:#10283a}.bg-capabilities>header{display:flex;justify-content:space-between;align-items:end;gap:50px}.bg-capabilities>header>p{max-width:420px;color:#5e7280;line-height:1.7}.bg-capabilities h2{max-width:820px}.bg-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;border:1px solid #d5e2e8;background:#d5e2e8}.bg-module-grid article{position:relative;min-height:315px;padding:32px;background:#fff}.bg-module-number{position:absolute;top:24px;right:24px;color:#9bb0ba;font-weight:800}.bg-module-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eaf7f4;color:#087d64}.bg-module-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bg-module-grid small{display:block;margin-top:38px;color:#087d64;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.bg-module-grid h3{font-size:23px;margin:9px 0 12px}.bg-module-grid p{color:#617582;line-height:1.65}.bg-flow{background:#06131f}.bg-flow>header{max-width:850px}.bg-flow>header>p:last-child{max-width:660px;color:var(--bg-copy);line-height:1.7}.bg-flow-track{display:flex;gap:12px;overflow-x:auto;margin-top:45px;padding-bottom:20px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#2c708e #091722}.bg-flow-track article{position:relative;flex:0 0 250px;min-height:215px;padding:24px;border:1px solid var(--bg-line);border-radius:16px;background:#0a2030;scroll-snap-align:start}.bg-flow-track article>span{color:var(--bg-green);font-size:28px;font-weight:900}.bg-flow-track h3{margin:30px 0 10px;font-size:21px}.bg-flow-track p{margin:0;color:var(--bg-copy);font-size:13px;line-height:1.6}.bg-flow-track article>i{position:absolute;top:50%;right:-12px;z-index:2;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--bg-green);color:#062017;font-style:normal}.bg-personas{background:#eef4f7;color:#112a3a}.bg-personas>header{max-width:900px}.bg-persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bg-persona-grid article{padding:30px;border-top:4px solid #2779e7;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 10px 35px #102a3b0b}.bg-persona-grid span{color:#2779e7;font-weight:900}.bg-persona-grid h3{margin:42px 0 12px;font-size:24px}.bg-persona-grid p{color:#607582;line-height:1.7}.bg-control-room{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,100px);align-items:center;background:#07131e}.bg-control-copy p{color:var(--bg-copy);line-height:1.7}.bg-control-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 0;padding:0;list-style:none}.bg-control-copy li{position:relative;padding-left:20px;color:#c3d7e2}.bg-control-copy li:before{content:'✓';position:absolute;left:0;color:var(--bg-green)}.bg-dashboard{padding:16px;border:1px solid #28536b;border-radius:20px;background:#0a2030;box-shadow:0 35px 70px #0005;transform:perspective(1000px) rotateY(-3deg)}.bg-dashboard-top{display:flex;justify-content:space-between;padding:8px 5px 18px;color:#6ccfe7;font-size:10px;letter-spacing:.1em}.bg-dashboard-top b{color:#b8cfda}.bg-dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.bg-dashboard-metrics div{padding:14px;border:1px solid #244b60;border-radius:10px;background:#071926}.bg-dashboard-metrics small,.bg-dashboard-metrics em{display:block;color:#82a7ba;font-size:9px;font-style:normal}.bg-dashboard-metrics b{display:block;margin:8px 0;color:#eff8ff;font-size:22px}.bg-dashboard-metrics em{color:var(--bg-green)}.bg-chart{margin-top:9px;padding:16px;border:1px solid #244b60;border-radius:10px;background:#071926}.bg-chart>span{color:#72bad1;font-size:9px}.bg-bars{height:145px;display:flex;align-items:end;gap:8px;margin-top:15px}.bg-bars i{flex:1;height:var(--height);min-width:5px;border-radius:4px 4px 0 0;background:linear-gradient(#62e6a6,#2689d5);animation:bg-bars 1.4s ease both;transform-origin:bottom}.bg-dashboard-feed{display:grid;gap:7px;margin-top:9px}.bg-dashboard-feed span{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #20455a;border-radius:8px;color:#a9c3d1;font-size:10px}.bg-dashboard-feed i{width:7px;height:7px;border-radius:50%;background:var(--bg-green)}.bg-dashboard-feed b{margin-left:auto;color:#638fa6}.bg-trust{background:#0a1a27}.bg-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bg-trust-grid article{padding:25px;border:1px solid #20475d;border-radius:14px;background:#0b2232}.bg-trust-grid article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#133c4f;color:var(--bg-green);font-size:20px}.bg-trust-grid h3{margin:28px 0 10px}.bg-trust-grid p{margin:0;color:var(--bg-copy);font-size:13px;line-height:1.65}.bg-documents{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;background:#f2f6f8;color:#112a3b}.bg-documents>div:first-child p:last-child{color:#607684;line-height:1.75}.bg-paper-stack{position:relative;height:360px}.bg-paper-stack span{position:absolute;inset:20px 50px 40px 20px;display:grid;place-content:center;padding:30px;border:1px solid #c7d8e0;background:#fff;box-shadow:0 18px 40px #193b4a1a;color:#17638d;font-size:25px;font-weight:900;letter-spacing:.08em}.bg-paper-stack span:nth-child(2){transform:rotate(6deg) translate(25px,12px);color:#128564}.bg-paper-stack span:nth-child(3){transform:rotate(-6deg) translate(-15px,20px);color:#574cca}.bg-paper-stack small{display:block;margin-top:10px;color:#768c98;font-size:9px}.bg-final{position:relative;display:grid;place-items:center;min-height:520px;text-align:center;background:radial-gradient(circle at 50% 30%,#143b59,#07131f 60%)}.bg-final>div{max-width:900px}.bg-final p:not(.bg-kicker){max-width:640px;margin:0 auto 30px;color:var(--bg-copy);line-height:1.75}.bg-final .bg-primary{display:inline-flex}.bg-primary,.bg-secondary,.bg-module-grid article,.bg-persona-grid article,.bg-trust-grid article{transition:transform .25s,border-color .25s,box-shadow .25s}.bg-module-grid article:hover,.bg-persona-grid article:hover,.bg-trust-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 38px #0002}.business-go-page [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.business-go-page [data-reveal].is-visible{opacity:1;transform:none}@keyframes bg-spin{to{transform:rotate(360deg)}}@keyframes bg-float{50%{transform:translateY(-8px)}}@keyframes bg-packet{0%{transform:scale(.3);opacity:0}40%{opacity:1}100%{transform:translate(65px,-45px) scale(1.1);opacity:0}}@keyframes bg-bars{from{transform:scaleY(0)}}@media(max-width:1050px){.bg-hero{grid-template-columns:1fr}.bg-command{max-width:720px;width:100%;margin:auto}.bg-module-grid{grid-template-columns:repeat(2,1fr)}.bg-control-room{grid-template-columns:1fr}.bg-dashboard{max-width:760px;transform:none}.bg-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.bg-hero{padding-top:58px}.bg-hero h1{font-size:clamp(43px,14vw,65px)}.bg-command{padding:10px;border-radius:19px}.bg-command-bar code{font-size:9px}.bg-orbit{height:340px}.ring-one{width:300px;height:210px}.ring-two{width:225px;height:158px}.bg-node{font-size:9px;padding:6px 8px}.bg-live-cards{grid-template-columns:1fr}.bg-live-cards div:nth-child(n+2){display:none}.bg-problem,.bg-capabilities,.bg-flow,.bg-personas,.bg-control-room,.bg-trust,.bg-documents,.bg-final{padding:68px 20px}.bg-problem-grid,.bg-capabilities>header,.bg-documents{grid-template-columns:1fr}.bg-capabilities>header{display:grid}.bg-module-grid{grid-template-columns:1fr}.bg-persona-grid,.bg-trust-grid{grid-template-columns:1fr}.bg-control-copy ul{grid-template-columns:1fr}.bg-documents{gap:20px}.bg-paper-stack{height:300px}.bg-proof{gap:18px}.bg-dashboard-metrics{grid-template-columns:1fr 1fr}.bg-dashboard-metrics div:last-child{display:none}}@media(max-width:430px){.bg-actions{display:grid}.bg-proof{display:grid;grid-template-columns:repeat(3,1fr)}.bg-proof b{font-size:20px}.bg-command{margin-inline:-8px}.bg-orbit{height:310px}.ring-one{width:265px;height:185px}.node-stock,.node-purchase{display:none}.bg-core{width:115px;height:115px}.bg-paper-stack span{inset:20px 15px 40px}}
@media(prefers-reduced-motion:reduce){.bg-ring,.bg-node,.bg-packet,.bg-bars i{animation:none!important}.business-go-page [data-reveal]{opacity:1;transform:none;transition:none}.bg-primary,.bg-secondary,.bg-module-grid article,.bg-persona-grid article,.bg-trust-grid article{transition:none}}
@media(max-width:1150px){.bg-hero{grid-template-columns:1fr}.bg-command{max-width:720px;width:100%;margin:auto}.bg-module-grid{grid-template-columns:repeat(2,1fr)}.bg-control-room{grid-template-columns:1fr}.bg-dashboard{max-width:760px;transform:none}.bg-trust-grid{grid-template-columns:repeat(2,1fr)}}
/* Expanded product, customer, admin and module presentations. */
.bg-special,.bg-role-experience,.bg-app-modules{padding:95px clamp(20px,6vw,90px)}
.bg-special{background:#07131e;color:var(--bg-white)}
.bg-special>header,.bg-app-modules>header{display:flex;justify-content:space-between;align-items:end;gap:48px}
.bg-special>header>div,.bg-app-modules>header>div{max-width:850px}
.bg-special>header>p,.bg-app-modules>header>p{max-width:430px;margin:0;color:var(--bg-copy);line-height:1.7}
.bg-special h2,.bg-role-experience h2,.bg-app-modules h2{margin:14px 0 0;font-size:clamp(34px,4.6vw,66px);line-height:1.04;letter-spacing:-.045em}
.bg-special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px}
.bg-special-grid article{position:relative;min-height:330px;padding:30px;border:1px solid #22516b;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#0b2638,#0a1928)}
.bg-special-grid article:after{content:"";position:absolute;width:210px;height:210px;right:-70px;bottom:-90px;border-radius:50%;background:var(--feature-glow);filter:blur(8px);opacity:.2}
.bg-special-grid .feature-camera{--feature:#5ee7ff;--feature-glow:#36ccff}
.bg-special-grid .feature-thermal{--feature:#62e6a6;--feature-glow:#42e398}
.bg-special-grid .feature-slip{--feature:#ffd36b;--feature-glow:#ffb93c}
.bg-special-grid .feature-ai{--feature:#b39cff;--feature-glow:#735fff}
.bg-special-grid article>span{position:absolute;top:25px;right:27px;color:#66899d;font-size:28px;font-weight:900}
.bg-special-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--feature) 42%,transparent);border-radius:15px;background:#071723;color:var(--feature)}
.bg-special-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bg-special-grid small{display:block;margin-top:32px;color:var(--feature);font-size:10px;font-weight:800;letter-spacing:.15em}
.bg-special-grid h3{max-width:480px;margin:8px 0 12px;font-size:27px;line-height:1.2}
.bg-special-grid p{max-width:570px;margin:0;color:#afc6d3;line-height:1.7}
.bg-special-grid article>b{position:relative;z-index:1;display:inline-block;margin-top:23px;padding:7px 10px;border-radius:6px;background:#061722;color:var(--feature);font-size:10px;letter-spacing:.08em}
.bg-role-experience{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,7vw,110px);align-items:start}
.bg-customer-experience{background:linear-gradient(135deg,#edf8f7,#eaf1fb);color:#112a3a}
.bg-admin-experience{background:radial-gradient(circle at 10% 20%,#17405b66,transparent 32%),#06121e;color:var(--bg-white)}
.bg-role-heading{position:sticky;top:175px}
.bg-role-heading>span{display:inline-block;margin-bottom:28px;padding:8px 11px;border-radius:5px;background:#dceeea;color:#08775f;font-size:10px;font-weight:900;letter-spacing:.12em}
.bg-admin-experience .bg-role-heading>span{background:#14334a;color:#6ee7ff}
.bg-role-heading>p:last-child{color:#607681;line-height:1.75}
.bg-admin-experience .bg-role-heading>p:last-child{color:var(--bg-copy)}
.bg-role-cards{display:grid;gap:12px}
.bg-role-cards article{display:grid;grid-template-columns:55px minmax(0,1fr);gap:0 20px;padding:25px;border:1px solid #cddfe3;border-radius:15px;background:#fff;box-shadow:0 8px 28px #1838490a}
.bg-role-cards article>b{grid-row:1/3;color:#14836a;font-size:25px}
.bg-role-cards h3{margin:0 0 8px;font-size:20px}
.bg-role-cards p{margin:0;color:#607681;line-height:1.65}
.bg-admin-experience .bg-role-cards article{border-color:#21465c;background:linear-gradient(140deg,#0a2030,#0b293b);box-shadow:none}
.bg-admin-experience .bg-role-cards article>b{color:var(--bg-cyan)}
.bg-admin-experience .bg-role-cards p{color:#a9c1d0}
.bg-app-modules{background:#081724;color:var(--bg-white)}
.bg-app-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:50px}
.bg-app-module-grid article{--module-a:#164d6b;--module-b:#0b2638;position:relative;min-height:360px;padding:32px;border:1px solid #ffffff25;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--module-a),var(--module-b));box-shadow:0 16px 35px #0002}
.bg-app-module-grid article:before{content:"";position:absolute;inset:auto -80px -110px auto;width:260px;height:260px;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}
.bg-app-module-grid .module-tone-2{--module-a:#493d87;--module-b:#1a2145}.bg-app-module-grid .module-tone-3{--module-a:#17644f;--module-b:#0b302e}.bg-app-module-grid .module-tone-4{--module-a:#76532a;--module-b:#342719}.bg-app-module-grid .module-tone-5{--module-a:#6a324a;--module-b:#321b2d}.bg-app-module-grid .module-tone-6{--module-a:#245687;--module-b:#132b53}
.bg-app-module-grid article>span{color:#ffffff9c;font-size:12px;font-weight:900;letter-spacing:.14em}
.bg-app-module-grid h3{max-width:440px;margin:14px 0 25px;font-size:28px;line-height:1.2}
.bg-app-module-grid ul{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:11px 20px;margin:0;padding:0;list-style:none}
.bg-app-module-grid li{position:relative;padding-left:16px;color:#e1edf4;font-size:13px;line-height:1.45}
.bg-app-module-grid li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#7cf3c0}
.bg-app-module-grid article>b{position:absolute;right:25px;bottom:22px;color:#ffffffa6;font-size:9px;letter-spacing:.14em}
@media(max-width:900px){.bg-role-experience{grid-template-columns:1fr}.bg-role-heading{position:static}.bg-special>header,.bg-app-modules>header{display:grid}.bg-special-grid,.bg-app-module-grid{grid-template-columns:1fr}}
@media(max-width:600px){.bg-special,.bg-role-experience,.bg-app-modules{padding:68px 20px}.bg-special-grid article{min-height:0;padding:24px}.bg-role-cards article{grid-template-columns:40px minmax(0,1fr);padding:20px}.bg-app-module-grid article{min-height:0;padding:25px}.bg-app-module-grid ul{grid-template-columns:1fr}.bg-app-module-grid article>b{position:relative;display:block;right:auto;bottom:auto;margin-top:25px}}

/* VyapaarGo product identity and client brochure. */
.bg-product-logo{display:inline-flex;width:min(290px,70vw);margin-bottom:28px;padding:8px 14px;border:1px solid #29617b;border-radius:14px;background:#fff;box-shadow:0 16px 45px #0005}
.bg-product-logo img{display:block;width:100%;height:74px;object-fit:contain}
.bg-brochure{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1fr);align-items:center;gap:clamp(42px,7vw,110px);padding:95px clamp(20px,6vw,90px);background:radial-gradient(circle at 12% 50%,#1b669044,transparent 38%),linear-gradient(135deg,#07131f,#0a2031);color:var(--bg-white)}
.bg-brochure-art{position:relative;padding:24px;border:1px solid #2a5c75;border-radius:26px;background:linear-gradient(145deg,#0b2c40,#0b1830);box-shadow:0 28px 70px #0006}
.bg-brochure-art:before{content:"OFFICIAL PRODUCT BROCHURE";position:absolute;z-index:2;top:14px;left:14px;padding:7px 10px;border-radius:7px;background:#071825;color:#69e7ff;font-size:9px;font-weight:900;letter-spacing:.12em}
.bg-brochure-art img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:16px;background:#fff}
.bg-brochure-copy h2{margin:14px 0 22px;font-size:clamp(36px,4.8vw,68px);line-height:1.02;letter-spacing:-.045em}
.bg-brochure-copy>p:not(.bg-kicker){max-width:680px;color:#abc3d1;line-height:1.75}
.bg-brochure-points{display:grid;gap:10px;margin:26px 0 30px;color:#dff4fc;font-size:13px}
.bg-brochure-points span{display:flex;align-items:center;gap:9px}.bg-brochure-points span::first-letter{color:var(--bg-green)}
.bg-download-button{min-width:220px}
.bg-download-count{display:block;margin-top:15px;color:#7e9bab;font-size:11px}.bg-download-count b{color:var(--bg-green);font-size:13px}
@media(max-width:900px){.bg-brochure{grid-template-columns:1fr}.bg-brochure-art{max-width:560px}}
@media(max-width:600px){.bg-product-logo{width:min(245px,75vw);margin-bottom:22px}.bg-product-logo img{height:60px}.bg-brochure{padding:68px 20px}.bg-brochure-art{padding:14px;border-radius:18px}.bg-brochure-art img{border-radius:11px}}

/* Dynamic public product interface showcase. */
.bg-showcase{padding:95px clamp(20px,6vw,90px);background:radial-gradient(circle at 88% 15%,#234b9140,transparent 35%),#06131f;color:var(--bg-white)}
.bg-showcase>header{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:46px}
.bg-showcase>header>div{max-width:820px}.bg-showcase>header>p{max-width:460px;margin:0;color:var(--bg-copy);line-height:1.7}
.bg-showcase h2{margin:14px 0 0;font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.05em}
.bg-showcase-stage{position:relative;max-width:1480px;margin:auto;border:1px solid #28617d;border-radius:24px;overflow:hidden;background:#071b29;box-shadow:0 35px 85px #0007}
.bg-showcase-browser{height:52px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid #285872;background:#04121c;color:#6acfe8;font-size:10px;letter-spacing:.08em}
.bg-showcase-browser>span{width:8px;height:8px;border-radius:50%;background:#ff7080}.bg-showcase-browser>span:nth-child(2){background:#ffd36b}.bg-showcase-browser>span:nth-child(3){background:#62e6a6}
.bg-showcase-browser b{margin-left:10px;font-weight:700}.bg-showcase-browser em{margin-left:auto;color:var(--bg-green);font-size:9px;font-style:normal;font-weight:900}
.bg-showcase-track{position:relative;height:clamp(555px,57vw,850px)}
.bg-showcase-slide{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;opacity:0;visibility:hidden;transform:translateX(24px) scale(.992);transition:opacity .55s ease,transform .55s ease,visibility .55s;pointer-events:none}
.bg-showcase-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.bg-showcase-slide>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#eef3f8}
.bg-showcase-caption{display:grid;grid-template-columns:auto minmax(180px,.65fr) minmax(280px,1.35fr);align-items:center;gap:18px;padding:22px 85px 22px 28px;border-top:1px solid #285872;background:linear-gradient(110deg,#0b2739,#0b1930)}
.bg-showcase-caption>span{padding:7px 9px;border-radius:6px;background:#14394d;color:#67e8ff;font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.bg-showcase-caption h3{margin:0;font-size:23px}.bg-showcase-caption p{margin:0;color:#a9c0ce;font-size:13px;line-height:1.6}
.bg-showcase-arrow{position:absolute;z-index:4;top:50%;width:48px;height:48px;display:grid;place-items:center;border:1px solid #4d829c;border-radius:50%;background:#071825dd;color:#fff;font-size:32px;line-height:1;box-shadow:0 8px 30px #0006;cursor:pointer;transition:transform .2s,background .2s}
.bg-showcase-arrow:hover,.bg-showcase-arrow:focus-visible{background:#11678a;transform:scale(1.06)}.bg-showcase-prev{left:18px}.bg-showcase-next{right:18px}
.bg-showcase-position{position:absolute;z-index:4;right:24px;bottom:24px;display:flex;align-items:baseline;gap:4px;color:#789bae}.bg-showcase-position b{color:var(--bg-green);font-size:20px}.bg-showcase-position span{font-size:10px}
.bg-showcase-thumbs{display:flex;gap:12px;max-width:1480px;margin:18px auto 0;padding:2px 2px 14px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#317697 #081824}
.bg-showcase-thumbs button{flex:0 0 190px;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:11px;padding:8px;border:1px solid #21475c;border-radius:11px;background:#0a2030;color:#b5cad5;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.bg-showcase-thumbs button:hover,.bg-showcase-thumbs button.is-active{border-color:#58def7;background:#103148;transform:translateY(-2px)}
.bg-showcase-thumbs button.is-active{color:#fff;box-shadow:0 0 0 1px #58def733}.bg-showcase-thumbs img{width:62px;height:42px;object-fit:cover;border-radius:6px;background:#fff}.bg-showcase-thumbs span{font-size:10px;font-weight:800;line-height:1.3}
@media(max-width:900px){.bg-showcase>header{display:grid}.bg-showcase-track{height:clamp(470px,73vw,680px)}.bg-showcase-caption{grid-template-columns:1fr;padding:17px 72px 18px 20px;gap:7px}.bg-showcase-caption p{font-size:12px}.bg-showcase-position{right:18px;bottom:18px}}
@media(max-width:600px){.bg-showcase{padding:68px 20px}.bg-showcase-stage{border-radius:16px}.bg-showcase-browser{height:43px;padding-inline:12px}.bg-showcase-browser b{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-showcase-track{height:460px}.bg-showcase-slide{grid-template-rows:minmax(0,1fr) 185px}.bg-showcase-caption{padding:16px 18px 43px}.bg-showcase-caption h3{font-size:20px}.bg-showcase-arrow{top:43%;width:40px;height:40px}.bg-showcase-prev{left:9px}.bg-showcase-next{right:9px}.bg-showcase-position{right:16px;bottom:14px}.bg-showcase-thumbs button{flex-basis:160px;grid-template-columns:52px 1fr}.bg-showcase-thumbs img{width:52px;height:38px}}
@media(prefers-reduced-motion:reduce){.bg-showcase-slide,.bg-showcase-arrow,.bg-showcase-thumbs button{transition:none}}

/* Laptop interface tour. */
.bg-device-showcase{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:clamp(34px,4vw,68px);align-items:center;max-width:1480px;margin:auto;padding:24px 0 10px}
.bg-laptop-wrap{position:relative;min-width:0;padding:12px 46px 20px}
.bg-laptop{position:relative;isolation:isolate;filter:drop-shadow(0 34px 30px #0009)}
.bg-laptop-lid{position:relative;z-index:3;aspect-ratio:16/9.75;padding:18px 18px 22px;border:1px solid #43505c;border-radius:20px 20px 8px 8px;background:linear-gradient(145deg,#18222b 0%,#020406 48%,#111a22 100%);box-shadow:inset 0 0 0 2px #000,inset 0 0 20px #ffffff12,0 4px 0 #000;transform:perspective(1400px) rotateX(-1.2deg);transform-origin:bottom}
.bg-laptop-camera{position:absolute;z-index:5;top:7px;left:50%;width:5px;height:5px;border:1px solid #36576a;border-radius:50%;background:#071016;box-shadow:0 0 5px #40cbff66}
.bg-laptop-screen{height:100%;overflow:hidden;border:1px solid #193746;border-radius:8px;background:#eef3f8;box-shadow:0 0 0 1px #000,0 0 28px #2fbff52c}
.bg-laptop-screen .bg-showcase-browser{height:36px;padding:0 12px;border-color:#18394a;background:#06131d;font-size:8px}
.bg-laptop-screen .bg-showcase-browser>span{width:6px;height:6px}
.bg-laptop-screen .bg-showcase-browser b{margin-left:6px}.bg-laptop-screen .bg-showcase-browser em{font-size:7px}
.bg-laptop-screen .bg-showcase-track{height:calc(100% - 36px);background:#f1f5f9}
.bg-laptop-screen .bg-showcase-slide{display:block;transform:translateX(18px) scale(.995)}
.bg-laptop-screen .bg-showcase-slide.is-active{transform:none}
.bg-laptop-screen .bg-showcase-slide>img{object-fit:contain;background:#f4f7fb}
.bg-laptop-base{position:relative;z-index:2;width:112%;height:clamp(54px,6.4vw,96px);margin:-2px -6% 0;overflow:hidden;clip-path:polygon(5.3% 0,94.7% 0,100% 85%,97% 100%,3% 100%,0 85%);border-top:2px solid #54616b;background:linear-gradient(180deg,#252f38 0%,#0b1015 28%,#020406 82%,#172029 100%);box-shadow:inset 0 5px 10px #ffffff12}
.bg-laptop-keyboard{position:absolute;top:10%;left:14%;width:72%;height:54%;opacity:.82;transform:perspective(550px) rotateX(52deg);transform-origin:top;background:repeating-linear-gradient(90deg,#0000 0 3.1%,#3f4a53 3.1% 3.55%),repeating-linear-gradient(0deg,#151c22 0 19%,#4b5660 19% 22%);border:1px solid #49535c;border-radius:3px;box-shadow:inset 0 0 14px #000}
.bg-laptop-trackpad{position:absolute;left:40%;bottom:4%;width:20%;height:25%;border:1px solid #46515b;border-radius:3px;background:linear-gradient(145deg,#1d252c,#090d11)}
.bg-laptop-lip{position:relative;z-index:1;width:116%;height:13px;margin:-8px -8% 0;border-radius:0 0 50% 50%;background:linear-gradient(#2f3a43,#030507 65%);box-shadow:0 8px 10px #0008}
.bg-laptop-wrap:after{content:"";position:absolute;z-index:0;left:10%;right:10%;bottom:4px;height:28px;border-radius:50%;background:#25b8f744;filter:blur(26px)}
.bg-showcase-arrow{top:43%;width:44px;height:44px;font-size:28px;background:#0b2638ed}.bg-laptop-wrap .bg-showcase-prev{left:0}.bg-laptop-wrap .bg-showcase-next{right:0}
.bg-showcase-details{position:relative;min-height:315px;padding:30px;border:1px solid #24536b;border-radius:22px;background:linear-gradient(145deg,#0b2a3e,#081725);box-shadow:0 22px 55px #0004}
.bg-showcase-eyebrow{margin:0 0 25px;color:#5ce8ff;font-size:10px;font-weight:900;letter-spacing:.16em}
.bg-showcase-copy-stack{position:relative;min-height:175px}
.bg-showcase-copy{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease,visibility .45s}
.bg-showcase-copy.is-active{opacity:1;visibility:visible;transform:none}
.bg-showcase-copy>span{display:inline-flex;padding:7px 9px;border-radius:6px;background:#153d52;color:#6ce9ff;font-size:9px;font-weight:900;letter-spacing:.12em}
.bg-showcase-copy h3{margin:16px 0 12px;font-size:clamp(24px,2.2vw,35px);line-height:1.08;letter-spacing:-.03em}
.bg-showcase-copy p{margin:0;color:#aac3d1;font-size:13px;line-height:1.7}
.bg-showcase-details .bg-showcase-position{position:static;margin-top:24px;padding-top:18px;border-top:1px solid #22495e}.bg-showcase-details .bg-showcase-position b{font-size:28px}.bg-showcase-details .bg-showcase-position span{font-size:11px}
.bg-showcase-hint{margin:14px 0 0;color:#7192a4;font-size:10px}.bg-showcase-hint i{margin-right:5px;color:#5de8ff;font-style:normal}
.bg-showcase-thumbs{margin-top:28px}
@media(max-width:1100px){.bg-device-showcase{grid-template-columns:1fr}.bg-showcase-details{min-height:270px}.bg-showcase-copy-stack{min-height:135px}.bg-showcase-details{max-width:760px;margin:auto}.bg-laptop-wrap{max-width:980px;width:100%;margin:auto}}
@media(max-width:700px){.bg-laptop-wrap{padding:8px 34px 14px}.bg-laptop-lid{padding:12px 12px 16px;border-radius:14px 14px 6px 6px}.bg-laptop-camera{top:4px}.bg-laptop-screen .bg-showcase-browser{height:28px;padding-inline:8px}.bg-laptop-screen .bg-showcase-browser b{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-laptop-screen .bg-showcase-track{height:calc(100% - 28px)}.bg-laptop-base{height:50px}.bg-laptop-lip{height:9px;margin-top:-6px}.bg-showcase-arrow{top:39%;width:36px;height:36px;font-size:23px}.bg-showcase-details{min-height:310px;padding:24px}.bg-showcase-copy-stack{min-height:170px}.bg-showcase-thumbs{margin-top:20px}}
@media(max-width:440px){.bg-laptop-wrap{padding-inline:26px}.bg-laptop-lid{padding:9px 9px 12px}.bg-laptop-screen .bg-showcase-browser{height:23px}.bg-laptop-screen .bg-showcase-browser span,.bg-laptop-screen .bg-showcase-browser em{display:none}.bg-laptop-screen .bg-showcase-track{height:calc(100% - 23px)}.bg-laptop-base{height:38px}.bg-laptop-keyboard{top:5%}.bg-showcase-arrow{width:32px;height:32px}.bg-laptop-wrap .bg-showcase-prev{left:-2px}.bg-laptop-wrap .bg-showcase-next{right:-2px}.bg-showcase-details{min-height:340px}.bg-showcase-copy-stack{min-height:205px}}
@media(prefers-reduced-motion:reduce){.bg-showcase-copy{transition:none}}