:root{
  --bg:#05070a;--bg2:#090c11;--panel:#0d1118;--panel2:#11161e;--text:#f6f7fa;--muted:#989da7;
  --line:rgba(255,255,255,.11);--violet:#9c6cff;--violet2:#6f49db;--gold:#e5b75e;--graphite:#242a33;
  --shell:min(1440px,calc(100vw - 64px));--header:82px;--ease:cubic-bezier(.22,.61,.36,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:"Montserrat",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.biz-shell{width:var(--shell);margin-inline:auto}.business-page{background:radial-gradient(circle at 75% 0,rgba(80,50,140,.13),transparent 28%),var(--bg)}
.biz-header{position:fixed;inset:0 0 auto;z-index:80;height:var(--header);display:flex;align-items:center;background:linear-gradient(180deg,rgba(5,7,10,.88),rgba(5,7,10,.42),transparent);backdrop-filter:blur(10px);transition:.35s var(--ease)}.biz-header.compact{height:66px;background:rgba(5,7,10,.84);border-bottom:1px solid rgba(255,255,255,.07)}.biz-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;height:100%}.biz-nav-left,.biz-nav-right{display:flex;align-items:center;gap:28px;font-size:13px;color:#c9cbd1}.biz-nav-right{justify-content:flex-end}.biz-nav a{position:relative}.biz-nav a:hover{color:#fff}.biz-nav-left a.active{color:#fff}.biz-nav-left a.active:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:linear-gradient(90deg,var(--violet),#c7a6ff)}.biz-brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:650;letter-spacing:-.03em}.biz-brand-mark{width:30px;height:30px;display:block;background:currentColor;mask:url('../brand/qawwak-isotype.svg') center/contain no-repeat;-webkit-mask:url('../brand/qawwak-isotype.svg') center/contain no-repeat}.biz-lang{display:flex;gap:10px;color:#747a84;font-size:11px}.biz-lang b{color:#fff}.biz-nav-cta{padding:12px 18px!important;border-radius:999px;background:linear-gradient(135deg,#b37bff,#6843d6);color:#fff!important;font-weight:650;box-shadow:0 10px 36px rgba(111,73,219,.25)}.biz-menu{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:none;color:#fff;position:relative}.biz-menu:before,.biz-menu:after,.biz-menu i{content:"";position:absolute;left:12px;right:12px;height:1px;background:currentColor;transition:.25s}.biz-menu:before{top:13px}.biz-menu i{top:20px}.biz-menu:after{top:27px}.biz-menu.open:before{transform:translateY(7px) rotate(45deg)}.biz-menu.open i{opacity:0}.biz-menu.open:after{transform:translateY(-7px) rotate(-45deg)}.biz-mobile-menu{position:fixed;z-index:75;inset:0;background:rgba(5,7,10,.97);padding:110px 28px 40px;display:flex;flex-direction:column;gap:24px;font-size:28px;transform:translateY(-110%);opacity:0;transition:.45s var(--ease)}.biz-mobile-menu.open{transform:none;opacity:1}.biz-mobile-menu .biz-nav-cta{font-size:16px;text-align:center;margin-top:auto}
.biz-hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 0 80px}.biz-hero-grid{position:absolute;inset:48% -10% -25%;background-image:linear-gradient(rgba(156,108,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(156,108,255,.12) 1px,transparent 1px);background-size:70px 70px;transform:perspective(800px) rotateX(65deg);transform-origin:top;mask-image:linear-gradient(to bottom,transparent,#000 20%,transparent 92%);animation:gridFlow 12s linear infinite}.biz-hero-glow{position:absolute;width:900px;height:900px;right:-170px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(111,73,219,.16),transparent 62%);filter:blur(15px)}@keyframes gridFlow{to{background-position:0 140px,140px 0}}.biz-hero-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;position:relative;z-index:2}.biz-hero-copy{max-width:670px}.biz-eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#bda6ed;font-weight:700}.biz-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(156,108,255,.2);border-radius:999px;background:rgba(156,108,255,.05)}.biz-eyebrow i{width:6px;height:6px;border-radius:50%;background:#ae7dff;box-shadow:0 0 15px #ae7dff}.biz-hero h1{font-size:clamp(58px,6.4vw,106px);line-height:.94;letter-spacing:-.065em;margin:28px 0 28px;font-weight:570}.biz-hero h1 span,.biz-evo-copy h2 em,.benefits-head h2 em,.workflow-copy h2 em,.network-copy h2 em,.final-inner h2 em{font-style:normal;background:linear-gradient(90deg,#a36eff,#7c59d7 45%,#d8c2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.biz-hero-copy>p{font-size:19px;line-height:1.7;color:#b3b6bf;max-width:610px}.biz-actions{display:flex;gap:14px;margin:34px 0}.biz-btn{min-height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:.3s}.biz-btn.primary{background:linear-gradient(135deg,#b27bff,#6a44d8);box-shadow:0 18px 50px rgba(112,74,216,.25)}.biz-btn.primary:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(112,74,216,.36)}.biz-btn.secondary{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.02)}.biz-btn.secondary:hover{background:rgba(255,255,255,.06)}.biz-hero-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:35px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.biz-hero-benefits span{font-size:11px;line-height:1.35;color:#a3a7b0;padding-left:18px;position:relative}.biz-hero-benefits span:before{content:"";position:absolute;left:0;top:2px;width:10px;height:10px;border:1px solid #a978ff;border-radius:3px;transform:rotate(45deg)}
.biz-product-stage{position:relative;min-height:620px;perspective:1400px;transform-style:preserve-3d}.biz-orbit{position:absolute;border:1px solid rgba(156,108,255,.14);border-radius:50%;inset:9% 2% 4% 15%;transform:rotate(-10deg);animation:orbitPulse 6s ease-in-out infinite}.orbit-two{inset:18% 10% 10% 24%;transform:rotate(15deg);animation-delay:-3s}@keyframes orbitPulse{50%{opacity:.35;transform:rotate(8deg) scale(1.03)}}.biz-laptop{position:absolute;width:78%;right:8%;top:10%;transform:rotateY(-8deg) rotateX(1deg) rotateZ(-1.5deg);transform-style:preserve-3d;filter:drop-shadow(0 45px 55px rgba(0,0,0,.6));transition:transform .2s}.biz-laptop-screen{aspect-ratio:16/10;border:2px solid #363a43;border-radius:22px 22px 12px 12px;background:#080b10;padding:9px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.dash-rail{width:58px;background:#090c12;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:21px;padding:20px 0}.mini-logo{width:22px;height:22px;background:#fff;mask:url('../brand/qawwak-isotype.svg') center/contain no-repeat;-webkit-mask:url('../brand/qawwak-isotype.svg') center/contain no-repeat}.dash-rail i{width:18px;height:18px;border:1px solid rgba(255,255,255,.16);border-radius:6px}.dash-rail i.on{border-color:#996aff;background:rgba(153,106,255,.2);box-shadow:0 0 17px rgba(153,106,255,.45)}.dash-main{flex:1;padding:22px 24px;background:radial-gradient(circle at 70% 0,rgba(94,47,170,.16),transparent 40%),#0a0d13}.dash-top{display:flex;justify-content:space-between;font-size:11px;color:#b7bac3}.dash-top b{color:#9d70f4}.dash-top em{font-style:normal;color:#62c58d;font-size:8px;letter-spacing:.15em}.dash-balance{display:flex;flex-direction:column;margin-top:24px}.dash-balance small,.biz-phone-screen>small{color:#838894;font-size:9px;text-transform:uppercase}.dash-balance strong{font-size:30px;margin:4px 0}.dash-balance sup{font-size:10px;color:#a2a6b0;font-weight:500}.dash-balance span{font-size:9px;color:#626875}.dash-accounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.dash-accounts article{border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border-radius:10px;padding:12px}.dash-accounts small{display:block;color:#9d70f4;font-size:8px}.dash-accounts b{font-size:9px}.dash-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.dash-chart,.dash-feed{height:130px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.015);padding:12px}.dash-chart{display:flex;align-items:flex-end;gap:7px}.dash-chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#9d70f4,#342052);height:var(--h,40%);animation:bar 3s ease-in-out infinite alternate}.dash-chart span:nth-child(1){--h:26%}.dash-chart span:nth-child(2){--h:46%;animation-delay:-.5s}.dash-chart span:nth-child(3){--h:38%;animation-delay:-1s}.dash-chart span:nth-child(4){--h:68%;animation-delay:-1.5s}.dash-chart span:nth-child(5){--h:58%;animation-delay:-2s}.dash-chart span:nth-child(6){--h:84%;animation-delay:-2.5s}.dash-chart span:nth-child(7){--h:72%;animation-delay:-3s}@keyframes bar{to{height:calc(var(--h) + 12%)}}.dash-feed{display:flex;flex-direction:column;justify-content:space-around}.dash-feed i{font-style:normal;font-size:8px;color:#969ba5;display:flex;justify-content:space-between;gap:8px}.dash-feed b{color:#d2d4da;font-weight:500}.biz-laptop-base{height:18px;margin:-1px -6% 0;background:linear-gradient(#3b3e45,#13161b 55%,#060708);clip-path:polygon(7% 0,93% 0,100% 80%,78% 100%,22% 100%,0 80%);border-radius:0 0 18px 18px}.biz-phone{position:absolute;width:29%;right:0;top:26%;z-index:4;transform:rotateY(-9deg) rotateZ(2deg);filter:drop-shadow(0 35px 35px rgba(0,0,0,.7))}.biz-phone:before{content:"";position:absolute;inset:0;border:2px solid #555b64;border-radius:38px;z-index:2;pointer-events:none}.biz-phone-screen{aspect-ratio:9/19.2;border-radius:38px;background:radial-gradient(circle at 75% 10%,rgba(124,79,217,.3),transparent 33%),#080b11;padding:22px 18px;border:8px solid #11141a;overflow:hidden}.phone-head{display:flex;justify-content:space-between;font-size:8px;margin-bottom:30px}.phone-head b{color:#a578ff}.phone-head i{width:7px;height:7px;border-radius:50%;background:#77d29a}.biz-phone-screen strong{font-size:23px;display:inline-block;margin:6px 0}.biz-phone-screen sup{font-size:10px}.biz-phone-screen>em{font-size:9px;font-style:normal;color:#8d929c}.phone-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:20px 0}.phone-shortcuts i{font-size:6px;font-style:normal;text-align:center;padding:9px 2px;border-radius:9px;background:rgba(255,255,255,.04)}.phone-card{height:104px;border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:14px;background:radial-gradient(circle at 80% 20%,rgba(143,96,230,.3),transparent 40%),linear-gradient(135deg,#171924,#0c0f15);display:flex;flex-direction:column}.phone-card small{font-size:6px;color:#9a9fa9}.phone-card b{margin-top:6px;font-size:11px}.phone-card span{margin-top:auto;font-size:8px}.phone-rows{display:flex;flex-direction:column;margin-top:13px}.phone-rows span{font-size:7px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between}.phone-rows b{font-weight:500}.biz-float{position:absolute;z-index:5;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(14,18,25,.72);backdrop-filter:blur(16px);box-shadow:0 20px 45px rgba(0,0,0,.34);animation:float 4s ease-in-out infinite}.biz-float small{display:block;font-size:7px;color:#8c919a;letter-spacing:.13em}.biz-float b{display:block;font-size:19px;margin:4px 0}.biz-float span{font-size:8px;color:#9ea3ad}.float-a{left:9%;bottom:16%}.float-b{right:9%;top:13%;animation-delay:-2s}@keyframes float{50%{transform:translateY(-10px)}}.biz-scroll-cue{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#6f747e}.biz-scroll-cue i{display:block;width:1px;height:34px;background:linear-gradient(#9d70f4,transparent);animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform:translateY(6px)}}
.biz-evolution-intro{padding:130px 0 110px;background:#080b10;border-top:1px solid rgba(255,255,255,.06)}.intro-grid{display:grid;grid-template-columns:1fr .78fr;gap:120px;align-items:end}.intro-grid h2,.benefits-head h2,.workflow-copy h2,.network-copy h2,.final-inner h2{font-size:clamp(46px,5.4vw,82px);line-height:.98;letter-spacing:-.055em;margin:18px 0 0;font-weight:520}.intro-grid p,.benefits-head p,.workflow-copy p,.network-copy p,.final-inner p{color:#9ba0aa;font-size:17px;line-height:1.7;margin:0}
.biz-evolution{height:660vh;position:relative;background:#05070a}.biz-evolution-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.biz-evolution-progress{position:absolute;z-index:20;right:4vw;top:50%;transform:translateY(-50%);display:grid;grid-template-rows:auto 180px auto;justify-items:center;gap:10px;font-size:10px;color:#777d87}.biz-evolution-progress span{width:1px;background:#323740;position:relative}.biz-evolution-progress i{position:absolute;left:0;top:0;width:1px;height:var(--progress,0%);background:linear-gradient(#a875ff,#e1b55d);box-shadow:0 0 10px rgba(168,117,255,.7)}.biz-evo-scene{position:absolute;inset:0;opacity:var(--scene-opacity,0);transform:scale(var(--scene-scale,1.03));transition:opacity .12s linear;overflow:hidden;pointer-events:none}.biz-evo-scene picture{position:absolute;inset:0;opacity:0}.biz-evo-scene picture img{width:100%;height:100%;object-fit:cover}.biz-evo-shards{position:absolute;inset:6vh 2vw 6vh;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;perspective:1800px}.biz-evo-shard{position:relative;overflow:hidden;border-radius:4px;background-image:var(--scene);background-size:600% 100%;background-position:calc(var(--i) * 20%) center;transform:translate3d(var(--x,0),var(--y,0),var(--z,0)) rotateY(var(--ry,0deg));opacity:var(--shard-opacity,1);box-shadow:0 0 0 1px rgba(255,255,255,.05),0 28px 55px rgba(0,0,0,.34);will-change:transform}.biz-evo-shard:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 20%,transparent 80%,rgba(0,0,0,.3));mix-blend-mode:screen}.biz-evo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.92) 0%,rgba(3,5,8,.72) 28%,rgba(3,5,8,.18) 58%,rgba(3,5,8,.18)),linear-gradient(0deg,rgba(3,5,8,.85),transparent 34%,rgba(3,5,8,.35));z-index:2}.biz-evo-copy{position:absolute;z-index:4;left:max(5vw,calc((100vw - 1440px)/2 + 20px));top:50%;transform:translateY(calc(-50% + var(--copy-y,0px)));max-width:620px;opacity:var(--copy-opacity,0);filter:blur(var(--copy-blur,0));will-change:transform,opacity}.biz-evo-copy>span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#b58afc}.biz-evo-copy h2{font-size:clamp(54px,6vw,96px);line-height:.93;letter-spacing:-.065em;margin:20px 0 24px;font-weight:500}.biz-evo-copy p{font-size:18px;line-height:1.65;color:#b1b5be;max-width:550px}.biz-evo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.biz-evo-tags b{font-size:9px;letter-spacing:.12em;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(9,12,17,.45);backdrop-filter:blur(12px)}
.biz-benefits{padding:150px 0;background:linear-gradient(#090c11,#07090d)}.benefits-head{max-width:930px;margin-bottom:72px}.benefits-head p{max-width:680px;margin-top:25px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-card{min-height:340px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));position:relative;overflow:hidden;transition:.45s var(--ease);transform:translateY(0)}.benefit-card:before{content:"";position:absolute;inset:auto -20% -45% 35%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(143,96,230,.16),transparent 66%);opacity:0;transition:.45s}.benefit-card:hover{transform:translateY(-8px);border-color:rgba(157,112,244,.35);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016))}.benefit-card:hover:before{opacity:1}.benefit-card>span{position:absolute;right:24px;top:24px;font-size:11px;color:#575d67}.benefit-card h3{font-size:25px;margin:34px 0 12px;letter-spacing:-.03em}.benefit-card p{color:#989da7;line-height:1.55;font-size:14px}.benefit-card small{position:absolute;left:28px;bottom:26px;font-size:8px;letter-spacing:.11em;color:#9b70ed}.benefit-icon{width:52px;height:52px;position:relative;color:#a776ff}.benefit-icon:before,.benefit-icon:after{content:"";position:absolute;inset:7px;border:1.5px solid currentColor}.globe-icon:before{border-radius:50%}.globe-icon:after{inset:7px 18px;border-radius:50%}.arrows-icon:before{border-width:1.5px 0 0;top:14px;transform:skewX(-35deg)}.arrows-icon:after{border-width:0 0 1.5px;bottom:12px;transform:skewX(-35deg)}.chart-icon:before{border-width:0 0 1.5px 1.5px}.chart-icon:after{clip-path:polygon(0 80%,25% 55%,45% 65%,70% 20%,100% 0,100% 8%,72% 30%,47% 76%,26% 65%,4% 88%);background:currentColor;border:0}.card-icon:before{border-radius:8px;inset:12px 5px}.card-icon:after{height:5px;inset:21px 6px auto;border:0;background:currentColor}.cube-icon:before{transform:rotate(30deg) skew(-10deg);inset:10px}.cube-icon:after{transform:rotate(-30deg) skew(10deg);inset:10px}.shield-icon:before{clip-path:polygon(50% 0,90% 16%,82% 72%,50% 100%,18% 72%,10% 16%);border-radius:10px}.shield-icon:after{inset:18px;background:currentColor;clip-path:polygon(0 50%,35% 85%,100% 10%,90% 0,35% 65%,10% 40%);border:0}.api-icon:before{border:0;border-left:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:skewX(-18deg);inset:10px 13px}.api-icon:after{border:0;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);left:22px;top:20px}.evidence-icon:before{border-radius:50%;inset:8px}.evidence-icon:after{inset:18px;background:currentColor;border:0;clip-path:polygon(0 50%,35% 85%,100% 10%,90% 0,35% 65%,10% 40%)}
.biz-workflow{padding:160px 0;background:#05070a;border-top:1px solid rgba(255,255,255,.06)}.workflow-shell{display:grid;grid-template-columns:.68fr 1.32fr;gap:80px;align-items:center}.workflow-copy p{margin-top:25px}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border-top:1px solid rgba(255,255,255,.1)}.workflow-steps button{border:0;border-top:2px solid transparent;margin-top:-1px;background:none;color:#777d88;text-align:left;padding:15px 6px;cursor:pointer}.workflow-steps button.active{border-color:#a776ff;color:#fff}.workflow-steps b{font-size:9px;display:block;color:#9b70ed}.workflow-steps span{font-size:12px}.workflow-stage{min-height:650px;position:relative;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(99,64,168,.14),transparent 50%),linear-gradient(145deg,#0c1017,#080a0e);overflow:hidden}.workflow-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 75%)}.flow-vector{position:absolute;inset:5%;width:90%;height:90%}.flow-node circle{fill:#0a0e14;stroke:rgba(255,255,255,.14);stroke-width:1.5}.flow-node text{fill:#a7abb4;text-anchor:middle;font-size:11px;letter-spacing:.08em}.flow-card{position:absolute;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(13,17,24,.78);backdrop-filter:blur(18px);box-shadow:0 22px 50px rgba(0,0,0,.28);transition:.45s var(--ease)}.flow-card small{display:block;font-size:8px;color:#8f949e;letter-spacing:.12em}.flow-card b{display:block;font-size:18px;margin:6px 0}.flow-card span{font-size:10px;color:#8f949e}.flow-card-a{left:4%;top:12%}.flow-card-b{left:39%;bottom:8%}.flow-card-c{right:4%;top:12%}.workflow-stage[data-active="1"] .flow-card-b,.workflow-stage[data-active="2"] .flow-card-c{border-color:rgba(168,117,255,.4);transform:translateY(-6px)}
.biz-network{padding:160px 0 130px;background:radial-gradient(circle at 70% 55%,rgba(115,70,180,.11),transparent 32%),#080a0e}.network-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:60px;align-items:center}.network-copy p{margin-top:24px}.network-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px;color:#b0b4bc}.network-copy li{font-size:13px;padding-left:24px;position:relative}.network-copy li:before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#a877ff,#e2b75d);box-shadow:0 0 14px rgba(168,119,255,.5)}.network-visual{min-height:720px;position:relative}.network-sphere{position:absolute;width:min(690px,82%);aspect-ratio:1;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);overflow:hidden;cursor:grab;box-shadow:inset -80px -30px 110px rgba(0,0,0,.88),inset 30px 10px 70px rgba(255,255,255,.05),0 0 0 1px rgba(255,255,255,.09),0 50px 110px rgba(0,0,0,.5)}.network-sphere:active{cursor:grabbing}.sphere-texture{position:absolute;inset:-2%;border-radius:50%;background:#0c1015 url('../vector/globe-texture.svg') repeat-x center/auto 100%;transform:translateX(var(--globe-x,0px)) scale(1.03);filter:grayscale(1) contrast(1.45) brightness(.72) sepia(.28);will-change:transform}.sphere-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at 38% 38%,transparent 28%,rgba(0,0,0,.7) 78%,#000 100%)}.sphere-glow{position:absolute;inset:-15%;background:radial-gradient(circle,rgba(226,183,93,.12),transparent 53%);mix-blend-mode:screen}.network-arcs{position:absolute;inset:0;width:100%;height:100%}.network-arcs path{fill:none;stroke:#e4b65d;stroke-width:2;stroke-dasharray:7 11;opacity:.72;animation:dash 10s linear infinite;filter:drop-shadow(0 0 4px rgba(228,182,93,.8))}.network-arcs circle{fill:#f4cd78;filter:drop-shadow(0 0 8px #f4cd78)}@keyframes dash{to{stroke-dashoffset:-180}}.network-label{position:absolute;font-size:11px;padding:7px 10px;border:1px solid rgba(226,183,93,.25);border-radius:9px;background:rgba(8,10,14,.72);backdrop-filter:blur(10px)}.network-label small{display:block;color:#e3b85f}.network-label.hub{left:50%;top:48%;transform:translate(-50%,-50%);font-size:15px}.network-label.london{left:22%;top:23%}.network-label.ny{left:6%;top:46%}.network-label.singapore{right:5%;top:52%}.network-label.tokyo{right:15%;top:22%}.network-label.sydney{right:7%;bottom:16%}.network-metrics{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.network-metrics span{padding:16px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:#838994}.network-metrics b{display:block;font-size:24px;color:#caa9ff;margin-bottom:4px}.biz-final{padding:80px 0 120px;background:#080a0e}.final-inner{border:1px solid rgba(255,255,255,.1);border-radius:34px;padding:60px;background:radial-gradient(circle at 90% 10%,rgba(125,75,208,.2),transparent 34%),linear-gradient(135deg,#11151d,#090c11);display:flex;justify-content:space-between;align-items:end;gap:40px}.final-inner p{max-width:680px;margin-top:22px}.final-actions{display:flex;gap:12px;flex-shrink:0}.biz-footer{border-top:1px solid rgba(255,255,255,.08);padding:48px 0 60px;background:#05070a}.biz-footer .biz-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}.biz-footer p{color:#777d87;text-align:center}.biz-footer div div{display:flex;gap:22px;color:#999ea8;font-size:12px}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].in{opacity:1;transform:none}
@media (max-width:1180px){:root{--shell:min(100% - 40px,1100px)}.biz-nav-left,.biz-nav-right>a:not(.biz-nav-cta),.biz-lang{display:none}.biz-menu{display:block}.biz-hero-inner{grid-template-columns:1fr}.biz-hero-copy{padding-top:50px;max-width:800px}.biz-product-stage{min-height:570px}.biz-hero-benefits{grid-template-columns:repeat(5,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}.workflow-shell,.network-grid{grid-template-columns:1fr}.workflow-copy,.network-copy{max-width:850px}.network-visual{min-height:760px}.final-inner{align-items:flex-start;flex-direction:column}.biz-footer .biz-shell{grid-template-columns:1fr;justify-items:center}.biz-footer div div{flex-wrap:wrap;justify-content:center}}
@media (max-width:760px){:root{--shell:calc(100vw - 32px);--header:68px}.biz-header{height:68px}.biz-nav{grid-template-columns:1fr auto}.biz-brand{justify-self:start}.biz-nav-left{display:none}.biz-nav-right{gap:10px}.biz-nav-cta{display:none!important}.biz-hero{padding:100px 0 45px;min-height:auto}.biz-hero-inner{gap:0}.biz-hero-copy{padding:0}.biz-hero h1{font-size:clamp(48px,14vw,66px);margin-top:22px}.biz-hero-copy>p{font-size:16px}.biz-actions{flex-direction:column;align-items:stretch}.biz-hero-benefits{grid-template-columns:repeat(2,1fr);gap:14px}.biz-hero-benefits span:last-child{grid-column:1/-1}.biz-product-stage{min-height:410px;margin-top:30px}.biz-laptop{width:93%;right:3%;top:6%;transform:rotateY(-5deg) scale(.92)}.dash-main{padding:14px}.dash-rail{width:38px;gap:13px;padding:14px 0}.dash-accounts{gap:4px}.dash-accounts article{padding:7px}.dash-lower{grid-template-columns:1fr}.dash-feed{display:none}.dash-chart{height:90px}.biz-phone{width:34%;right:-2%;top:31%}.biz-phone-screen{padding:13px 10px;border-width:5px;border-radius:25px}.biz-phone:before{border-radius:25px}.phone-card{height:74px;padding:9px}.phone-rows{display:none}.biz-float{display:none}.biz-scroll-cue{display:none}.biz-evolution-intro{padding:90px 0 70px}.intro-grid{grid-template-columns:1fr;gap:28px}.intro-grid h2,.benefits-head h2,.workflow-copy h2,.network-copy h2,.final-inner h2{font-size:clamp(44px,13vw,62px)}.intro-grid p,.benefits-head p,.workflow-copy p,.network-copy p,.final-inner p{font-size:15px}.biz-evolution{height:600vh}.biz-evolution-progress{right:17px;grid-template-rows:auto 110px auto}.biz-evo-shards{display:none}.biz-evo-scene picture{opacity:1}.biz-evo-scene picture:after{content:"";position:absolute;inset:0}.biz-evo-scene picture img{object-position:center}.biz-evo-overlay{background:linear-gradient(0deg,rgba(3,5,8,.96) 0%,rgba(3,5,8,.72) 35%,rgba(3,5,8,.12) 69%,rgba(3,5,8,.3))}.biz-evo-copy{left:22px;right:44px;top:auto;bottom:9vh;transform:translateY(var(--copy-y,0));max-width:none}.biz-evo-copy h2{font-size:clamp(46px,13.5vw,64px);margin:13px 0 16px}.biz-evo-copy p{font-size:14px;line-height:1.55}.biz-evo-tags{gap:6px;margin-top:18px}.biz-evo-tags b{font-size:7px;padding:8px 9px}.biz-benefits{padding:100px 0}.benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:300px}.biz-workflow{padding:100px 0}.workflow-shell{gap:45px}.workflow-steps{grid-template-columns:repeat(2,1fr)}.workflow-stage{min-height:520px;border-radius:24px}.flow-vector{inset:12% 2%;width:96%;height:76%}.flow-node text{font-size:9px}.flow-card{padding:11px 12px}.flow-card small{font-size:6px}.flow-card b{font-size:13px}.flow-card span{font-size:8px}.flow-card-a{left:3%;top:6%}.flow-card-b{left:28%;bottom:5%}.flow-card-c{right:3%;top:6%}.biz-network{padding:100px 0 80px}.network-grid{gap:40px}.network-visual{min-height:560px}.network-sphere{width:104%;max-width:none}.network-label{font-size:8px;padding:5px 7px}.network-label.hub{font-size:11px}.network-label.ny{left:-2%}.network-label.singapore{right:-2%}.network-metrics{grid-template-columns:repeat(2,1fr)}.network-metrics span{padding:10px}.network-metrics b{font-size:19px}.biz-final{padding:55px 0 90px}.final-inner{padding:32px 24px;border-radius:24px}.final-actions{width:100%;flex-direction:column}.biz-footer div div{gap:14px}.biz-footer p{font-size:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.biz-hero-grid{display:none}}

/* =========================================================
   V13 BUSINESS EXPERIENCE — editorial hero, robust imagery,
   traceable workflow and true vector globe rotation.
   ========================================================= */

.business-page{
  --graphite-0:#090b0e;
  --graphite-1:#0d1014;
  --graphite-2:#14181e;
  --graphite-3:#20252d;
  background:
    radial-gradient(circle at 50% -18%,rgba(255,255,255,.05),transparent 34%),
    var(--graphite-0);
}

.biz-hero{
  min-height:100svh;
  padding:calc(var(--header) + 70px) 0 92px;
  align-items:center;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 25%),
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.035),transparent 36%),
    linear-gradient(180deg,#12151a 0%,#0d1014 64%,#090b0e 100%);
}
.biz-hero:after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:min(860px,76vw);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}
.biz-hero-word{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-54%);
  font-size:clamp(150px,24vw,430px);
  line-height:.72;
  letter-spacing:-.085em;
  font-weight:700;
  color:rgba(255,255,255,.022);
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}
.biz-hero-haze{
  position:absolute;
  width:min(980px,82vw);aspect-ratio:1;
  left:50%;top:50%;transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(119,86,180,.09),transparent 62%);
  filter:blur(18px);
  pointer-events:none;
}
.biz-hero-center{
  position:relative;z-index:2;
  max-width:1120px;
  text-align:center;
  display:flex;flex-direction:column;align-items:center;
}
.biz-hero-center .biz-eyebrow{
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.09);
  color:#bfc3ca;
}
.biz-hero-center .biz-eyebrow i{
  background:#9da2aa;
  box-shadow:0 0 15px rgba(255,255,255,.4);
}
.biz-hero h1{
  max-width:1080px;
  font-size:clamp(72px,8.8vw,150px);
  line-height:.88;
  margin:34px auto 30px;
  letter-spacing:-.075em;
  font-weight:540;
}
.biz-hero h1 span{
  background:linear-gradient(90deg,#aeb2b9 0%,#7f858e 48%,#d0d3d8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.biz-hero-center>p{
  max-width:830px;
  margin:0;
  color:#aeb3bc;
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.62;
}
.biz-hero-center .biz-actions{justify-content:center;margin:34px 0 0}
.biz-hero-center .biz-btn.primary{
  background:#f4f5f7;color:#0b0d10;
  box-shadow:0 18px 55px rgba(0,0,0,.32);
}
.biz-hero-center .biz-btn.primary:hover{box-shadow:0 22px 65px rgba(0,0,0,.45)}
.biz-hero-proof{
  width:min(980px,100%);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin-top:58px;
  border-top:1px solid rgba(255,255,255,.085);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.biz-hero-proof span{
  min-height:58px;
  display:flex;align-items:center;justify-content:center;
  padding:12px 16px;
  color:#8e949e;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-right:1px solid rgba(255,255,255,.055);
}
.biz-hero-proof span:last-child{border-right:0}

.biz-product{
  padding:150px 0 115px;
  background:
    radial-gradient(circle at 76% 43%,rgba(111,73,219,.12),transparent 30%),
    linear-gradient(180deg,#090b0e,#0c0f14 76%,#080b10);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.biz-product-layout{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:72px;
  align-items:center;
}
.biz-product-copy{max-width:540px}
.biz-product-copy h2{
  font-size:clamp(52px,5.5vw,86px);
  line-height:.95;
  letter-spacing:-.058em;
  font-weight:520;
  margin:18px 0 28px;
}
.biz-product-copy h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#a36eff,#7c59d7 45%,#d8c2ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.biz-product-copy>p{font-size:17px;line-height:1.72;color:#9fa4ae;margin:0}
.biz-product-stats{
  margin-top:38px;
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.08);
}
.biz-product-stats span{padding:18px 12px 0 0;color:#7f858f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.biz-product-stats b{display:block;font-size:25px;color:#eef0f3;letter-spacing:-.035em;margin-bottom:4px}
.biz-product .biz-product-stage{min-height:640px}

/* The desktop journey uses actual HTML images inside clipped panels.
   The picture remains the no-JS fallback and the mobile source. */
.biz-evo-scene picture{opacity:1;z-index:0}
.js-ready .biz-evo-scene picture{opacity:0}
.biz-evo-shards{
  inset:4.5vh 1.7vw 4.5vh;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:9px;
  z-index:1;
}
.biz-evo-shard{
  position:relative;
  overflow:hidden;
  border-radius:5px;
  background:#090b0e;
  transform:translate3d(var(--x,0),var(--y,0),var(--z,0)) rotateY(var(--ry,0deg));
  opacity:var(--shard-opacity,1);
  box-shadow:0 0 0 1px rgba(255,255,255,.045),0 30px 65px rgba(0,0,0,.42);
  will-change:transform,opacity;
}
.biz-evo-shard img{
  position:absolute;
  top:0;bottom:0;
  left:calc(var(--i) * -100%);
  width:700%;height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  display:block;
  pointer-events:none;
  user-select:none;
}
.biz-evo-shard:after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035),transparent 18%,transparent 82%,rgba(0,0,0,.24)),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 40%);
  mix-blend-mode:screen;
}
.biz-evo-overlay{z-index:2}
.biz-evo-copy{z-index:4}

/* Operational traceability: one continuous path through every node. */
.workflow-stage{
  min-height:690px;
  background:
    radial-gradient(circle at 50% 44%,rgba(111,73,219,.12),transparent 43%),
    linear-gradient(145deg,#0e1218,#080a0e);
}
.flow-vector{inset:4% 4% 17%;width:92%;height:79%}
.flow-path-base,
.flow-path-active{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.flow-path-base{stroke:#343a43;stroke-width:3.5;opacity:.82}
.flow-path-active{
  stroke:url(#flowLine);
  stroke-width:4;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  filter:drop-shadow(0 0 7px rgba(194,160,238,.38));
}
.flow-packet{will-change:transform}
.flow-node{transition:opacity .45s var(--ease),filter .45s var(--ease)}
.flow-node>circle:first-child{fill:#0b0f15;stroke:rgba(255,255,255,.15);stroke-width:1.5}
.flow-node .node-pulse{fill:none;stroke:rgba(181,145,232,.15);stroke-width:1;opacity:0;transform-origin:center;animation:nodePulse 2.4s ease-out infinite}
.flow-node.active{filter:drop-shadow(0 0 12px rgba(182,148,231,.4))}
.flow-node.active>circle:first-child{stroke:#bd9de8;stroke-width:2}
.flow-node.active .node-pulse{opacity:1}
@keyframes nodePulse{0%{transform:scale(.84);opacity:.55}100%{transform:scale(1.18);opacity:0}}
.flow-card{opacity:.28;transform:translateY(8px) scale(.98)}
.flow-card.active{opacity:1;transform:translateY(-8px) scale(1);border-color:rgba(190,159,232,.42)}
.flow-card-a{left:3.5%;top:7%}
.flow-card-b{left:29%;bottom:12%}
.flow-card-c{right:29%;top:7%}
.flow-card-d{right:3.5%;bottom:12%}
.flow-state-panel{
  position:absolute;
  left:50%;bottom:24px;
  transform:translateX(-50%);
  width:min(540px,72%);
  padding:17px 20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(8,11,15,.86);
  backdrop-filter:blur(18px);
  text-align:center;
  z-index:4;
}
.flow-state-panel small{display:block;font-size:8px;color:#b58bdc;letter-spacing:.15em}
.flow-state-panel b{display:block;font-size:18px;margin:5px 0;color:#eef0f3}
.flow-state-panel p{margin:0;color:#8e949e;font-size:11px;line-height:1.48}

/* True globe: canvas projects vector geography onto a sphere. */
.biz-network{
  background:
    radial-gradient(circle at 71% 46%,rgba(218,174,91,.075),transparent 30%),
    linear-gradient(180deg,#080a0e,#0b0d11 74%,#080a0e);
}
.network-grid{grid-template-columns:.56fr 1.44fr;gap:56px}
.network-visual{min-height:790px;position:relative}
.globe-frame{
  position:absolute;
  width:min(720px,80%);
  aspect-ratio:1;
  left:52%;top:43%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  filter:drop-shadow(0 48px 85px rgba(0,0,0,.5));
}
.globe-frame:active{cursor:grabbing}
.globe-frame canvas{width:100%;height:100%;display:block;border-radius:50%}
.globe-rim{
  position:absolute;inset:0;border-radius:50%;pointer-events:none;
  box-shadow:
    inset -90px -26px 120px rgba(0,0,0,.74),
    inset 26px 8px 58px rgba(255,255,255,.045),
    0 0 0 1px rgba(255,255,255,.08),
    0 0 72px rgba(221,176,85,.045);
}
.globe-instruction{
  position:absolute;left:50%;bottom:-44px;transform:translateX(-50%);
  display:flex;align-items:center;gap:9px;
  font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#707680;
  white-space:nowrap;
}
.globe-instruction i{width:28px;height:1px;background:linear-gradient(90deg,#62666d,#d9ad55)}
.network-live-card{
  position:absolute;right:0;top:9%;width:250px;
  padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;
  background:rgba(12,15,20,.84);backdrop-filter:blur(18px);
  box-shadow:0 24px 55px rgba(0,0,0,.26);
}
.network-live-card>small{font-size:8px;color:#8b919b;letter-spacing:.14em}
.network-live-card>div{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:13px 0 16px}
.network-live-card b,.network-live-card strong{font-size:14px}.network-live-card strong{text-align:right;color:#f0c46c}.network-live-card>div span{color:#666d77}
.network-live-card dl{margin:0;display:grid;gap:9px}.network-live-card dl div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.055);padding-top:9px}.network-live-card dt{font-size:9px;color:#777e88}.network-live-card dd{margin:0;font-size:10px;color:#b5bac2}.network-live-card dd.active{color:#6fd095}
.network-destinations{
  position:absolute;left:0;right:0;bottom:92px;
  display:flex;justify-content:center;flex-wrap:wrap;gap:7px;
  z-index:5;
}
.network-destinations button{
  border:1px solid rgba(255,255,255,.09);
  background:rgba(9,12,16,.76);
  color:#858b95;
  padding:9px 12px;border-radius:999px;
  font-size:10px;cursor:pointer;
  transition:.28s var(--ease);
}
.network-destinations button:hover,
.network-destinations button.active{
  color:#f3f4f6;
  border-color:rgba(226,183,93,.48);
  background:rgba(226,183,93,.08);
  box-shadow:0 0 25px rgba(226,183,93,.08);
}
.network-metrics{bottom:0}

@media (max-width:1180px){
  .biz-hero{padding-top:calc(var(--header) + 58px)}
  .biz-hero h1{font-size:clamp(70px,11vw,120px)}
  .biz-product-layout{grid-template-columns:1fr;gap:48px}
  .biz-product-copy{max-width:820px}
  .biz-product .biz-product-stage{min-height:650px}
  .network-grid{grid-template-columns:1fr}
  .network-visual{min-height:820px}
  .globe-frame{left:50%;width:min(680px,76%)}
  .network-live-card{right:4%}
}

@media (max-width:760px){
  .biz-hero{
    min-height:100svh;
    padding:calc(var(--header) + 48px) 0 82px;
  }
  .biz-hero-word{font-size:38vw;top:46%}
  .biz-hero-center{max-width:none}
  .biz-hero h1{font-size:clamp(54px,15.4vw,76px);line-height:.9;margin:27px 0 24px}
  .biz-hero-center>p{font-size:15px;line-height:1.58}
  .biz-hero-center .biz-actions{width:100%;flex-direction:column}
  .biz-hero-proof{grid-template-columns:repeat(2,1fr);margin-top:38px}
  .biz-hero-proof span{min-height:50px;font-size:8px;padding:10px 8px}
  .biz-hero-proof span:nth-child(2n){border-right:0}
  .biz-hero-proof span:last-child{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.055)}

  .biz-product{padding:92px 0 78px}
  .biz-product-layout{gap:28px}
  .biz-product-copy h2{font-size:clamp(46px,13vw,62px)}
  .biz-product-copy>p{font-size:15px}
  .biz-product-stats span{font-size:8px}.biz-product-stats b{font-size:20px}
  .biz-product .biz-product-stage{min-height:410px;margin-top:12px}

  .js-ready .biz-evo-scene picture{opacity:1!important}
  .biz-evo-shards{display:none!important}
  .biz-evo-scene picture img{width:100%;height:100%;object-fit:cover;object-position:center}
  .biz-evolution{height:620vh}

  .workflow-stage{min-height:650px}
  .flow-vector{inset:12px 2% auto;width:96%;height:330px}
  .flow-node text{display:none}
  .flow-node>circle:first-child{r:44px}
  .flow-node .node-pulse{r:52px}
  .flow-card{display:none}
  .flow-state-panel{bottom:24px;width:calc(100% - 28px);padding:17px 16px}
  .flow-state-panel b{font-size:17px}.flow-state-panel p{font-size:11px}

  .network-visual{min-height:720px}
  .globe-frame{width:116%;left:50%;top:35%}
  .network-live-card{top:auto;right:auto;left:50%;bottom:164px;transform:translateX(-50%);width:min(310px,92%)}
  .network-destinations{bottom:72px;gap:5px}
  .network-destinations button{padding:7px 9px;font-size:8px}
  .network-metrics{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:420px){
  .biz-hero h1{font-size:15vw}
  .biz-product .biz-product-stage{min-height:365px}
  .biz-laptop{width:98%;right:1%}
  .biz-phone{width:36%;right:-3%}
  .network-visual{min-height:740px}
  .globe-frame{width:124%;top:33%}
}
.biz-product-stage{transform:translate3d(0,var(--scroll-shift,0),0)}
.biz-evo-scene.image-fallback picture{opacity:1!important}
.biz-evo-scene.image-fallback .biz-evo-shards{display:none!important}
html,body{overflow-x:clip}
@media (max-width:760px){
  .network-visual{overflow:hidden}
  .biz-product-stage{overflow:hidden}
  .biz-phone-screen strong{font-size:19px}
}

/* =========================================================
   V14 — CINEMATIC BUSINESS COMMAND CENTER
   The operating environment is a scroll-driven control room,
   not a conventional feature grid.
   ========================================================= */

.biz-command{
  position:relative;
  background:
    radial-gradient(circle at 50% 38%,rgba(229,183,94,.055),transparent 30%),
    linear-gradient(180deg,#07090c 0%,#0a0d11 54%,#06080b 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  isolation:isolate;
}
.biz-command:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 58% 44%,#000 0,transparent 72%);
}
.biz-command-scroll{height:500vh;position:relative}
.biz-command-sticky{
  position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;
  padding:calc(var(--header) + 22px) 0 24px;
  display:flex;flex-direction:column;
}
.command-heading{
  position:relative;z-index:5;
  display:grid;grid-template-columns:1.08fr .72fr;gap:64px;align-items:end;
  margin-bottom:24px;
}
.command-heading h2{
  margin:12px 0 0;font-size:clamp(46px,5vw,76px);line-height:.94;
  letter-spacing:-.058em;font-weight:520;
}
.command-heading h2 em{
  font-style:normal;background:linear-gradient(90deg,#f0f1f3,#aeb3bb 48%,#e3bb6e);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.command-heading p{margin:0;color:#9298a2;font-size:15px;line-height:1.68;max-width:620px}

.command-shell{
  position:relative;z-index:4;flex:1;min-height:0;
  display:grid;grid-template-columns:168px minmax(0,1fr) 245px;gap:22px;
}
.command-nav{
  align-self:stretch;display:grid;grid-template-rows:repeat(4,1fr);gap:8px;
}
.command-nav button{
  position:relative;overflow:hidden;text-align:left;color:#8c929c;cursor:pointer;
  border:1px solid rgba(255,255,255,.075);border-radius:18px;padding:17px 15px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  transition:.45s var(--ease);
}
.command-nav button:before{
  content:"";position:absolute;inset:0;opacity:0;
  background:radial-gradient(circle at 0 50%,rgba(229,183,94,.16),transparent 65%);
  transition:.45s var(--ease);
}
.command-nav button.active{color:#fff;border-color:rgba(229,183,94,.34);transform:translateX(7px)}
.command-nav button.active:before{opacity:1}
.command-nav b,.command-nav span,.command-nav small{position:relative;z-index:2;display:block}
.command-nav b{font-size:9px;color:#d5aa5b;letter-spacing:.12em;margin-bottom:8px}
.command-nav span{font-size:16px;font-weight:600;letter-spacing:-.02em}
.command-nav small{margin-top:6px;font-size:8px;line-height:1.45;color:#737a84;text-transform:uppercase;letter-spacing:.08em}

.command-visual{
  --tilt-x:0deg;--tilt-y:0deg;
  position:relative;min-width:0;height:100%;min-height:480px;overflow:hidden;
  border:1px solid rgba(255,255,255,.09);border-radius:32px;
  background:
    radial-gradient(circle at 50% 51%,rgba(228,182,91,.08),transparent 22%),
    radial-gradient(circle at 50% 48%,rgba(115,82,171,.08),transparent 50%),
    linear-gradient(155deg,#10141a 0%,#080b10 58%,#05070a 100%);
  box-shadow:0 45px 110px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035);
  transform:perspective(1500px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style:preserve-3d;transition:transform .22s ease-out;
}
.command-visual:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.035),transparent 17%,transparent 76%,rgba(229,183,94,.035)),
    radial-gradient(circle at 50% 52%,transparent 0 31%,rgba(255,255,255,.025) 31.2% 31.5%,transparent 31.8%);
  mix-blend-mode:screen;z-index:2;
}
#commandCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.92}
.command-horizon{
  position:absolute;left:-10%;right:-10%;bottom:-31%;height:54%;z-index:1;
  background:
    linear-gradient(rgba(229,183,94,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(229,183,94,.06) 1px,transparent 1px);
  background-size:55px 55px;transform:perspective(540px) rotateX(64deg);
  transform-origin:top;mask-image:linear-gradient(#000,transparent 88%);opacity:.52;
}

.command-core{
  position:absolute;left:50%;top:49%;width:265px;aspect-ratio:1;z-index:4;
  transform:translate(-50%,-50%) translateZ(70px);transform-style:preserve-3d;
}
.core-disc{
  position:absolute;inset:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-radius:50%;background:
    radial-gradient(circle at 36% 28%,rgba(255,255,255,.22),transparent 17%),
    radial-gradient(circle,#272d35 0,#11151a 58%,#05070a 100%);
  border:1px solid rgba(241,201,124,.62);
  box-shadow:0 0 0 9px rgba(229,183,94,.025),0 0 55px rgba(229,183,94,.15),inset 0 0 28px rgba(0,0,0,.8);
}
.core-disc:before,.core-disc:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(229,183,94,.24)}
.core-disc:before{inset:-22%}.core-disc:after{inset:-45%;border-style:dashed;animation:commandSpin 22s linear infinite}
.core-disc b{font-size:29px;letter-spacing:-.06em;font-weight:600}
.core-disc small{font-size:6px;letter-spacing:.2em;color:#cba55d;margin-top:5px}
.core-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.08);animation:commandSpin 18s linear infinite}
.core-orbit:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:50%;left:-4px;background:#efc570;box-shadow:0 0 18px #e5b75e}
.core-orbit.orbit-b{inset:10%;transform:rotateX(66deg) rotateZ(26deg);animation-duration:12s;animation-direction:reverse;border-color:rgba(229,183,94,.18)}
.core-orbit.orbit-c{inset:-15%;transform:rotateY(67deg) rotateZ(-24deg);animation-duration:27s;border-color:rgba(159,128,205,.13)}
@keyframes commandSpin{to{transform:rotate(360deg)}}

.command-module{
  position:absolute;z-index:6;width:132px;min-height:62px;padding:10px 12px 10px 38px;
  text-align:left;color:#9aa0aa;background:rgba(10,13,18,.68);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.09);border-radius:14px;cursor:pointer;
  box-shadow:0 15px 35px rgba(0,0,0,.26);transition:.45s var(--ease);
}
.command-module i{position:absolute;left:12px;top:17px;width:14px;height:14px;border:1px solid currentColor;border-radius:50%}
.command-module i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:currentColor;opacity:.65}
.command-module b,.command-module small{display:block}.command-module b{font-size:11px;color:#e6e8eb}.command-module small{font-size:7px;color:#747b85;margin-top:3px;text-transform:uppercase;letter-spacing:.06em}
.command-module:after{
  content:"";position:absolute;height:1px;width:var(--wire,88px);top:50%;
  background:linear-gradient(90deg,rgba(229,183,94,.55),transparent);opacity:.32;
}
.command-module.active{border-color:rgba(229,183,94,.48);color:#f0c977;transform:translateY(-5px);box-shadow:0 20px 42px rgba(0,0,0,.38),0 0 28px rgba(229,183,94,.07)}
.command-module.active:after{opacity:1;box-shadow:0 0 8px rgba(229,183,94,.35)}
.module-accounts{left:4%;top:12%}.module-accounts:after,.module-cards:after,.module-roles:after,.module-evidence:after{left:100%;transform-origin:left}
.module-payments{right:4%;top:12%}.module-payments:after,.module-fx:after,.module-assets:after,.module-api:after{right:100%;transform:rotate(180deg);transform-origin:right}
.module-fx{right:2%;top:40%}.module-cards{left:2%;top:40%}
.module-roles{left:4%;bottom:11%}.module-assets{right:4%;bottom:11%}
.module-evidence{left:23%;bottom:2%;--wire:48px}.module-evidence:after{transform:rotate(-42deg)}
.module-api{right:23%;bottom:2%;--wire:48px}.module-api:after{transform:rotate(42deg)}

.command-panels{position:absolute;inset:14% 18% 12%;z-index:7;pointer-events:none;perspective:1200px}
.command-panel{
  position:absolute;inset:0;padding:18px 20px;border-radius:22px;
  border:1px solid rgba(255,255,255,.11);background:rgba(7,10,14,.88);backdrop-filter:blur(28px);
  opacity:0;transform:translate3d(0,38px,-110px) rotateX(7deg) scale(.94);filter:blur(9px);
  transition:opacity .65s var(--ease),transform .75s var(--ease),filter .6s var(--ease);
  box-shadow:0 32px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.045);
}
.command-panel.active{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);filter:none;pointer-events:auto}
.command-panel header{display:flex;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.075);font-size:8px;letter-spacing:.15em;color:#d6d9dd}
.command-panel header em{font-style:normal;color:#70c891}
.liquidity-total{padding:18px 0 12px}.liquidity-total small{display:block;font-size:7px;color:#7f8792;letter-spacing:.14em}.liquidity-total strong{display:block;font-size:clamp(24px,2.3vw,39px);letter-spacing:-.055em;margin:5px 0}.liquidity-total sup{font-size:9px;color:#8e949d;letter-spacing:0}.liquidity-total p{font-size:8px;color:#686f79;margin:0}.liquidity-currencies{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.liquidity-currencies span{padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.018)}.liquidity-currencies i,.liquidity-currencies b,.liquidity-currencies em{display:block;font-style:normal}.liquidity-currencies i{font-size:7px;color:#d7b467}.liquidity-currencies b{font-size:11px;margin:4px 0}.liquidity-currencies em{font-size:6px;color:#686f79}.liquidity-wave{height:66px;display:flex;align-items:end;gap:5px;margin-top:12px}.liquidity-wave i{flex:1;height:var(--wave,30%);background:linear-gradient(180deg,#e4b963,rgba(151,113,191,.14));border-radius:5px 5px 0 0;animation:commandWave 2.8s ease-in-out infinite alternate}.liquidity-wave i:nth-child(1){--wave:26%}.liquidity-wave i:nth-child(2){--wave:52%;animation-delay:-.4s}.liquidity-wave i:nth-child(3){--wave:38%;animation-delay:-.8s}.liquidity-wave i:nth-child(4){--wave:74%;animation-delay:-1.2s}.liquidity-wave i:nth-child(5){--wave:61%;animation-delay:-1.6s}.liquidity-wave i:nth-child(6){--wave:88%;animation-delay:-2s}.liquidity-wave i:nth-child(7){--wave:66%;animation-delay:-2.4s}.liquidity-wave i:nth-child(8){--wave:96%;animation-delay:-2.8s}.liquidity-wave i:nth-child(9){--wave:80%;animation-delay:-3.2s}@keyframes commandWave{to{height:calc(var(--wave) + 8%)}}
.movement-route{display:grid;grid-template-columns:1fr 82px 1fr;align-items:center;gap:12px;margin-top:22px}.movement-route>div{padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:13px}.movement-route small,.movement-route b,.movement-route strong{display:block}.movement-route small{font-size:6px;color:#7d8490;letter-spacing:.14em}.movement-route b{font-size:10px;margin:7px 0}.movement-route strong{font-size:17px;color:#f0c671}.movement-beam{height:1px;background:rgba(255,255,255,.1);position:relative}.movement-beam:before,.movement-beam:after{content:"";position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#e5b75e;transform:translateY(-50%);box-shadow:0 0 14px #e5b75e}.movement-beam:before{left:0}.movement-beam:after{right:0}.movement-beam span{position:absolute;width:12px;height:12px;border-radius:50%;top:50%;left:0;transform:translateY(-50%);background:#fff0ca;box-shadow:0 0 19px #e5b75e;animation:beamTravel 2.4s linear infinite}@keyframes beamTravel{to{left:calc(100% - 12px)}}.movement-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.movement-quotes span{padding:12px 10px;border:1px solid rgba(255,255,255,.07);border-radius:11px}.movement-quotes span.selected{border-color:rgba(229,183,94,.4);background:rgba(229,183,94,.045)}.movement-quotes small,.movement-quotes b,.movement-quotes em{display:block;font-style:normal}.movement-quotes small{font-size:5px;color:#777f89}.movement-quotes b{font-size:14px;margin:4px 0}.movement-quotes em{font-size:6px;color:#6d747e}
.governance-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:18px;align-items:center;height:calc(100% - 35px)}.governance-ring{width:150px;aspect-ratio:1;margin:auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(229,183,94,.35);position:relative}.governance-ring:before,.governance-ring:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.1);animation:commandSpin 16s linear infinite}.governance-ring:before{inset:12%}.governance-ring:after{inset:-12%;animation-direction:reverse}.governance-ring i{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle,#f0c977 0 5%,rgba(229,183,94,.16) 6% 100%);box-shadow:0 0 32px rgba(229,183,94,.16)}.governance-ring b,.governance-ring small{position:relative;z-index:2}.governance-ring b{font-size:25px}.governance-ring small{font-size:6px;color:#90969f;text-transform:uppercase;letter-spacing:.1em}.governance-grid ul{list-style:none;padding:0;margin:0}.governance-grid li{display:grid;grid-template-columns:.55fr 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:8px}.governance-grid li span{color:#737b85}.governance-grid li b{font-weight:600}.governance-grid li em{font-style:normal;color:#72c995}
.intelligence-score{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:20px 0}.intelligence-score small,.intelligence-score b,.intelligence-score em{display:block;font-style:normal}.intelligence-score small{font-size:6px;color:#7c8490;letter-spacing:.12em}.intelligence-score b{font-size:42px;line-height:1;margin-top:5px}.intelligence-score em{font-size:8px;color:#6c747e}.intelligence-score>i{height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.intelligence-score>i span{display:block;width:var(--score);height:100%;background:linear-gradient(90deg,#8d6db5,#e4b65d);box-shadow:0 0 16px rgba(229,183,94,.25)}.intelligence-events{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.intelligence-events span{display:grid;grid-template-columns:25px 1fr;gap:3px 9px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px}.intelligence-events i{grid-row:1/3;font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(229,183,94,.28);font-size:6px;color:#d9b264}.intelligence-events b{font-size:9px}.intelligence-events em{font-size:6px;color:#707883;font-style:normal}

.command-insight{
  align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px 6px 18px 8px;
}
.command-insight>span{font-size:8px;letter-spacing:.15em;color:#d8b264}
.command-insight h3{font-size:28px;line-height:1.02;letter-spacing:-.045em;font-weight:520;margin:13px 0 14px}
.command-insight p{font-size:11px;color:#838a94;line-height:1.62;margin:0}
.command-insight dl{margin:auto 0 0;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.08)}
.command-insight dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.065);font-size:9px}.command-insight dt{color:#6e7680}.command-insight dd{margin:0;color:#d8dadd}
.command-progress{position:relative;z-index:5;display:flex;align-items:center;gap:16px;margin-top:17px}.command-progress span{flex:1;height:1px;background:rgba(255,255,255,.08)}.command-progress i{display:block;width:var(--command-progress,0%);height:100%;background:linear-gradient(90deg,#5d626a,#e4b65d);box-shadow:0 0 9px rgba(229,183,94,.25)}.command-progress b{font-size:9px;letter-spacing:.1em;color:#777e87}

/* 4K image masters remain proportionally cropped and never stretched. */
.biz-evo-shard img,.biz-evo-scene picture img{image-rendering:auto;object-fit:cover;object-position:center;transform:translateZ(0);backface-visibility:hidden}
.biz-evo-scene:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,9,.82) 0%,rgba(4,6,9,.3) 37%,transparent 67%),linear-gradient(0deg,rgba(3,5,8,.76),transparent 42%)}
.biz-evo-copy{z-index:5}

@media (max-width:1180px){
  .biz-command-sticky{min-height:760px}
  .command-heading{grid-template-columns:1fr .8fr;gap:34px}
  .command-shell{grid-template-columns:145px minmax(0,1fr);padding-right:0}
  .command-insight{position:absolute;right:18px;bottom:18px;width:220px;padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(6,9,13,.82);backdrop-filter:blur(18px);z-index:12}
  .command-insight dl{display:none}
  .command-panels{inset:15% 17% 13%}
  .command-module{width:112px;padding-left:32px}.command-module small{display:none}
  .module-evidence{left:20%}.module-api{right:20%}
}

@media (max-width:760px){
  .biz-command-scroll{height:auto}
  .biz-command-sticky{position:relative;height:auto;min-height:0;padding:92px 0 86px;overflow:visible}
  .command-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
  .command-heading h2{font-size:clamp(45px,13vw,62px)}
  .command-heading p{font-size:14px}
  .command-shell{display:block}
  .command-nav{grid-template-columns:repeat(2,1fr);grid-template-rows:none;gap:8px;margin-bottom:14px}
  .command-nav button{min-height:91px;padding:13px 12px}
  .command-nav button.active{transform:none}
  .command-nav small{font-size:6px}
  .command-visual{height:auto;min-height:790px;border-radius:24px;transform:none!important}
  .command-horizon{bottom:-10%;height:32%}
  .command-core{top:155px;width:190px}
  .command-module{width:86px;min-height:48px;padding:8px 7px 8px 27px;border-radius:11px}
  .command-module i{left:8px;top:13px;width:11px;height:11px}
  .command-module b{font-size:8px}.command-module small{display:none}.command-module:after{display:none}
  .module-accounts{left:5%;top:42px}.module-payments{right:5%;top:42px}.module-fx{right:3%;top:153px}.module-cards{left:3%;top:153px}.module-roles{left:5%;top:262px}.module-assets{right:5%;top:262px}.module-evidence{left:23%;top:314px;bottom:auto}.module-api{right:23%;top:314px;bottom:auto}
  .command-panels{inset:385px 12px 14px;min-height:376px}
  .command-panel{padding:15px;border-radius:17px}
  .command-panel header{font-size:6px}
  .liquidity-total strong{font-size:26px}.liquidity-currencies{grid-template-columns:repeat(2,1fr)}.liquidity-wave{height:45px}
  .movement-route{grid-template-columns:1fr;gap:8px}.movement-beam{height:30px;width:1px;margin:auto}.movement-beam span{left:50%;top:0;transform:translateX(-50%);animation:beamTravelMobile 2.2s linear infinite}@keyframes beamTravelMobile{to{top:calc(100% - 12px)}}.movement-beam:before,.movement-beam:after{left:50%;top:auto;transform:translateX(-50%)}.movement-beam:before{top:0}.movement-beam:after{bottom:0}.movement-quotes{grid-template-columns:1fr 1fr}.movement-quotes span:last-child{display:none}
  .governance-grid{grid-template-columns:1fr;height:auto}.governance-ring{width:110px}.governance-grid li{font-size:7px}.governance-grid li em{display:none}
  .intelligence-score b{font-size:34px}.intelligence-events{grid-template-columns:1fr}
  .command-insight{position:relative;right:auto;bottom:auto;width:auto;margin-top:14px;padding:20px;border-radius:18px}.command-insight dl{display:grid;grid-template-columns:1fr 1fr}.command-insight dl div{display:block}.command-insight dd{margin-top:5px}
  .command-progress{display:none}
  .biz-evo-scene:after{background:linear-gradient(0deg,rgba(3,5,8,.96) 0%,rgba(3,5,8,.72) 37%,rgba(3,5,8,.08) 70%,rgba(3,5,8,.2))}
}

@media (prefers-reduced-motion:reduce){
  .command-core *,.command-panel *,.command-horizon{animation:none!important}
  .biz-command-scroll{height:auto}.biz-command-sticky{position:relative;height:auto}
}


/* V15 — cinematic business continuity, full-image blur transitions and globe entrance */
.biz-evo-shards{display:none!important}
.biz-evo-scene picture,.js-ready .biz-evo-scene picture{opacity:1!important;z-index:0}
.biz-evo-scene picture img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(var(--scene-image-scale,1.055));
  filter:blur(var(--scene-blur,0px)) saturate(.94) contrast(1.08) brightness(.86);
  transition:none;will-change:transform,filter;
}
.biz-evo-scene{
  transform:none!important;
  opacity:var(--scene-opacity,0);
  transition:opacity .06s linear;
}
.biz-evo-scene:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 70% 45%,transparent 0 25%,rgba(2,4,7,.18) 62%,rgba(2,4,7,.62) 100%);
}
.biz-evo-scene:after{
  background:linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.66) 30%,rgba(3,5,8,.12) 62%,rgba(3,5,8,.24)),linear-gradient(0deg,rgba(3,5,8,.82),transparent 42%)!important;
}
.biz-evo-copy{filter:blur(var(--copy-blur,0px));}

.country-roadmap{margin-top:32px;padding:22px 22px 20px;border:1px solid rgba(226,183,93,.2);border-radius:20px;background:linear-gradient(145deg,rgba(226,183,93,.07),rgba(255,255,255,.018));}
.country-roadmap small{display:block;font-size:9px;letter-spacing:.16em;color:#d7ad58;margin-bottom:10px}
.country-roadmap strong{display:block;font-size:20px;letter-spacing:-.025em;margin-bottom:9px}
.country-roadmap p{font-size:12px;line-height:1.6;margin:0;color:#8f959f}

.biz-network{overflow:hidden}
.network-visual{
  opacity:0;transform:translate3d(22vw,0,0) scale(.965);
  transition:opacity 1.05s cubic-bezier(.2,.75,.2,1),transform 1.2s cubic-bezier(.16,1,.3,1);
  will-change:transform,opacity;
  padding-bottom:132px;
}
.biz-network.network-entered .network-visual{opacity:1;transform:translate3d(0,0,0) scale(1)}
.globe-instruction{bottom:19%!important;z-index:8;white-space:nowrap}
.network-metrics{bottom:0!important;z-index:9;background:linear-gradient(180deg,rgba(8,10,14,0),rgba(8,10,14,.94) 34%);padding-top:34px}
.network-live-card{z-index:10}
.network-destinations{z-index:10}

@media(max-width:760px){
  .biz-evo-scene picture img{transform:scale(var(--scene-image-scale,1.035));filter:blur(var(--scene-blur,0px)) saturate(.92) contrast(1.04) brightness(.82)}
  .biz-evo-scene:after{background:linear-gradient(0deg,rgba(3,5,8,.97) 0%,rgba(3,5,8,.72) 36%,rgba(3,5,8,.08) 70%,rgba(3,5,8,.24))!important}
  .network-visual{transform:translate3d(28vw,0,0) scale(.96);padding-bottom:156px;min-height:650px}
  .globe-instruction{bottom:27%!important;font-size:9px}
  .network-metrics{padding-top:28px;gap:4px}
  .network-metrics span{min-height:62px}
  .country-roadmap{margin-top:24px}
}

@media(prefers-reduced-motion:reduce){
  .network-visual{opacity:1;transform:none;transition:none}
  .biz-evo-scene picture img{filter:none!important;transform:none!important}
}


/* ========================================================================
   V17 — natural scroll + full-frame cinematic crossfade for Business
   ======================================================================== */
html{
  scroll-snap-type:none!important;
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
}
main>section,.snap-section,.biz-evo-scene{
  scroll-snap-align:none!important;
  scroll-snap-stop:normal!important;
}

.biz-evolution{
  position:relative!important;
  height:660svh!important;
  min-height:0!important;
  background:#05070a;
  isolation:isolate;
}
.biz-evolution-sticky{
  position:sticky;
  top:0;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background:#05070a;
}
.biz-evolution-progress{
  position:absolute!important;
  z-index:45!important;
  right:max(25px,3.2vw)!important;
  left:auto!important;
  top:50%!important;
  float:none!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  grid-template-rows:auto 180px auto!important;
  justify-items:center;
  gap:11px;
  pointer-events:none;
  color:rgba(255,255,255,.45);
}
.biz-evolution-progress b,.biz-evolution-progress em{
  font-size:10px;
  font-style:normal;
  letter-spacing:.12em;
  font-weight:650;
}
.biz-evolution-progress span{
  width:1px;
  height:180px;
  background:rgba(255,255,255,.14);
  position:relative;
  overflow:hidden;
}
.biz-evolution-progress i{
  position:absolute;
  inset:0 auto auto 0;
  width:1px;
  height:var(--progress,0%);
  background:linear-gradient(180deg,#5d626a 0%,#d6d9df 48%,#e2b75f 100%);
  box-shadow:0 0 14px rgba(226,183,95,.35);
}
.biz-evo-scene{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden;
  display:block!important;
  opacity:var(--scene-opacity,0)!important;
  transform:scale(var(--scene-scale,1.035))!important;
  pointer-events:none!important;
  isolation:isolate;
  background:#07090d;
  will-change:opacity,transform;
}
.biz-evo-scene.active{pointer-events:auto!important}
.biz-evo-scene picture{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  opacity:1!important;
  display:block!important;
  overflow:hidden;
}
.biz-evo-scene picture img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(var(--scene-image-scale,1.035)) translateZ(0)!important;
  filter:blur(var(--scene-blur,0px)) saturate(.96) contrast(1.05) brightness(.8)!important;
  will-change:transform,filter;
}
.biz-evo-shards,.biz-evo-overlay{display:none!important}
.biz-evo-scene::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 48%,transparent 0 26%,rgba(3,5,8,.12) 58%,rgba(3,5,8,.52) 100%),
    linear-gradient(180deg,rgba(3,5,8,.12),transparent 27%,transparent 70%,rgba(3,5,8,.48));
}
.biz-evo-scene::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,5,8,.97) 0%,rgba(3,5,8,.84) 23%,rgba(3,5,8,.38) 47%,rgba(3,5,8,.08) 70%,rgba(3,5,8,.2) 100%),
    linear-gradient(0deg,rgba(3,5,8,.72),transparent 42%);
}
.biz-evo-copy{
  position:absolute!important;
  z-index:5!important;
  left:max(5vw,calc((100vw - 1440px)/2 + 20px))!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:min(46vw,720px)!important;
  max-width:720px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  opacity:var(--copy-opacity,0)!important;
  transform:translate3d(0,calc(-50% + var(--copy-y,0px)),0)!important;
  filter:blur(var(--copy-blur,0px))!important;
  will-change:transform,opacity,filter;
}
.biz-evo-copy>span{
  display:flex;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.58)!important;
}
.biz-evo-copy>span::before{
  content:"";
  width:44px;
  height:1px;
  background:linear-gradient(90deg,#666c75,#e2b75f);
  box-shadow:0 0 16px rgba(226,183,95,.22);
}
.biz-evo-copy h2{
  max-width:780px;
  font-size:clamp(56px,6vw,104px)!important;
  line-height:.92!important;
  letter-spacing:-.066em!important;
  margin:22px 0 25px!important;
  text-wrap:balance;
}
.biz-evo-copy h2 em{
  background:linear-gradient(90deg,#f5f6f8 0%,#a9adb5 58%,#d3a958 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
.biz-evo-copy p{
  max-width:590px!important;
  color:rgba(239,241,245,.68)!important;
  font-size:clamp(16px,1.18vw,20px)!important;
  line-height:1.65!important;
}
.biz-evo-tags b{
  border-color:rgba(255,255,255,.15)!important;
  background:rgba(7,9,13,.46)!important;
  color:rgba(255,255,255,.68)!important;
}
.biz-evo-next{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:11px;
  color:rgba(255,255,255,.42);
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  white-space:nowrap;
}
.biz-evo-next::before{
  content:"";
  width:20px;
  height:32px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
}
.biz-evo-next::after{
  content:"";
  position:absolute;
  left:9px;
  top:7px;
  width:2px;
  height:7px;
  border-radius:2px;
  background:#fff;
  animation:evoWheel 1.8s var(--ease) infinite;
}
@keyframes evoWheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}80%,100%{opacity:0;transform:translateY(10px)}}
.biz-evo-next.final::before,.biz-evo-next.final::after{display:none}

@media (max-width:760px){
  .biz-evolution{height:610dvh!important}
  .biz-evolution-sticky{height:100dvh;min-height:0}
  .biz-evolution-progress{display:none!important}
  .biz-evo-scene picture img{
    object-position:center;
    transform:scale(var(--scene-image-scale,1.025))!important;
    filter:blur(var(--scene-blur,0px)) saturate(.96) contrast(1.03) brightness(.82)!important;
  }
  .biz-evo-scene::before{
    background:linear-gradient(180deg,rgba(3,5,8,.06) 0%,rgba(3,5,8,.05) 43%,rgba(3,5,8,.78) 72%,#030508 100%);
  }
  .biz-evo-scene::after{
    background:linear-gradient(180deg,rgba(3,5,8,.08) 0%,rgba(3,5,8,.07) 50%,rgba(3,5,8,.74) 72%,#030508 100%)!important;
  }
  .biz-evo-copy{
    left:18px!important;
    right:40px!important;
    top:auto!important;
    bottom:9dvh!important;
    width:auto!important;
    max-width:none!important;
    transform:translate3d(0,var(--copy-y,0px),0)!important;
  }
  .biz-evo-copy h2{
    font-size:clamp(43px,12.8vw,62px)!important;
    line-height:.92!important;
    margin:14px 0 16px!important;
  }
  .biz-evo-copy p{
    font-size:13.5px!important;
    line-height:1.55!important;
    max-width:100%!important;
  }
  .biz-evo-tags{display:none!important}
  .biz-evo-next{bottom:12px;font-size:6px}
  .biz-evo-next::before{width:17px;height:27px}
  .biz-evo-next::after{left:7.5px;top:6px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .biz-evolution{height:auto!important}
  .biz-evolution-sticky{position:relative;height:auto;min-height:0;overflow:visible}
  .biz-evo-scene{position:relative!important;height:auto!important;min-height:82svh!important;opacity:1!important;transform:none!important}
  .biz-evo-scene picture img{filter:none!important;transform:none!important}
  .biz-evo-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:var(--shell)!important;margin-inline:auto!important;padding:36svh 0 60px!important;transform:none!important;filter:none!important;opacity:1!important}
  .biz-evo-next{display:none}
}

/* V18 — user-supplied portrait art direction */
@media (max-width:760px){
  .biz-evo-scene picture img{
    object-position:var(--mobile-pos,50% 50%)!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* ========================================================================
   V22 — mobile command separation, operational intelligence, network dock
   ======================================================================== */
.flow-mobile-architecture{display:none}

@media(max-width:760px){
  /* One operating environment: reserve a real visual zone and a separate
     dashboard zone. Nothing floats over the live liquidity panel. */
  .command-visual{
    min-height:0!important;
    height:auto!important;
    padding:304px 12px 12px!important;
    display:block;
    overflow:hidden;
  }
  .command-core{top:150px!important;width:188px!important}
  #commandCanvas{height:304px!important;bottom:auto!important}
  .command-horizon{top:146px!important;bottom:auto!important;height:150px!important}
  .command-module{display:none!important}
  .command-panels{
    position:relative!important;
    inset:auto!important;
    min-height:410px!important;
    width:100%!important;
  }
  .command-panel{padding:17px 16px!important}
  .command-panel header{font-size:6px!important;letter-spacing:.12em!important}
  .liquidity-total{padding:15px 0 11px!important}
  .liquidity-total strong{font-size:25px!important}
  .liquidity-currencies{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .liquidity-currencies span{min-width:0!important}
  .command-insight{margin-top:16px!important}

  /* Operational intelligence becomes a native mobile control sequence. */
  .workflow-stage{
    min-height:830px!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 78% 12%,rgba(228,182,93,.10),transparent 28%),
      radial-gradient(circle at 18% 62%,rgba(130,92,210,.12),transparent 32%),
      linear-gradient(165deg,#10141b,#07090e 62%,#05070a)!important;
  }
  .flow-vector,.flow-card{display:none!important}
  .flow-mobile-architecture{display:block;position:absolute;inset:24px 18px 172px;z-index:4}
  .flow-mobile-spine{position:absolute;left:27px;top:34px;bottom:188px;width:2px;background:rgba(255,255,255,.08);overflow:hidden;border-radius:99px}
  .flow-mobile-spine i{position:absolute;left:0;top:0;width:100%;height:var(--flow-mobile-progress,0%);background:linear-gradient(180deg,#8b6cb5,#e3b65d);box-shadow:0 0 18px rgba(226,183,93,.5);transition:height .65s var(--ease)}
  .flow-mobile-spine b{position:absolute;left:50%;top:var(--flow-mobile-progress,0%);width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);background:#f0c873;box-shadow:0 0 0 7px rgba(240,200,115,.08),0 0 22px rgba(240,200,115,.65);transition:top .65s var(--ease)}
  .flow-mobile-nodes{display:grid;gap:12px;position:relative;z-index:2}
  .flow-mobile-node{position:relative;min-height:88px;margin-left:0;padding:15px 12px 14px 60px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;opacity:.43;transform:translateX(0);transition:opacity .45s ease,border-color .45s ease,background .45s ease,transform .45s var(--ease)}
  .flow-mobile-node>span{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:#090c11;color:#808792;font-size:9px;transition:.4s ease}
  .flow-mobile-node div{min-width:0}.flow-mobile-node small,.flow-mobile-node b,.flow-mobile-node em{display:block}.flow-mobile-node small{font-size:7px;letter-spacing:.16em;color:#8b929c}.flow-mobile-node b{font-size:13px;margin:5px 0 4px;color:#f0f2f4}.flow-mobile-node em{font-size:8px;font-style:normal;color:#727a85}.flow-mobile-node>i{font-style:normal;font-size:8px;color:#8a929c;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 8px;white-space:nowrap}
  .flow-mobile-node.passed{opacity:.72}.flow-mobile-node.active{opacity:1;border-color:rgba(228,182,93,.42);background:linear-gradient(145deg,rgba(228,182,93,.085),rgba(255,255,255,.018));transform:translateX(4px);box-shadow:0 18px 44px rgba(0,0,0,.22)}
  .flow-mobile-node.active>span{border-color:#e3b65d;color:#f2ca77;box-shadow:0 0 0 6px rgba(228,182,93,.055),0 0 20px rgba(228,182,93,.28)}
  .flow-mobile-node.active>i{color:#f2ca77;border-color:rgba(228,182,93,.32);background:rgba(228,182,93,.07)}
  .flow-mobile-receipt{margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(7,10,14,.82);padding:15px 16px;box-shadow:0 22px 52px rgba(0,0,0,.26)}
  .flow-mobile-receipt>span{display:block;font-size:7px;letter-spacing:.16em;color:#d4aa62;margin-bottom:11px}
  .flow-mobile-receipt dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .flow-mobile-receipt dl div{padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.018);min-width:0}
  .flow-mobile-receipt dt{font-size:7px;color:#727a85}.flow-mobile-receipt dd{margin:4px 0 0;font-size:10px;color:#eef0f2;overflow-wrap:anywhere}
  .flow-state-panel{left:14px!important;right:14px!important;bottom:18px!important;width:auto!important;text-align:left!important}

  /* Globe: four independent rows — sphere, live status, destinations, metrics. */
  .network-visual{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-rows:minmax(390px,58svh) auto auto auto!important;
    gap:14px!important;
    transform:translate3d(20vw,0,0) scale(.97);
  }
  .globe-frame{
    position:relative!important;
    grid-row:1!important;
    left:auto!important;top:auto!important;
    transform:none!important;
    width:min(118vw,520px)!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
  }
  .globe-instruction{bottom:4px!important;font-size:8px!important;background:rgba(6,8,12,.72);padding:7px 10px;border:1px solid rgba(255,255,255,.07);border-radius:999px}
  .network-live-card{
    position:relative!important;
    grid-row:2!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    border-radius:20px!important;
  }
  .network-destinations{
    position:relative!important;
    grid-row:3!important;
    inset:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    padding:4px 1px 10px!important;
    gap:7px!important;
    scroll-snap-type:x proximity;
  }
  .network-destinations::-webkit-scrollbar{display:none}
  .network-destinations button{flex:0 0 auto!important;padding:9px 12px!important;font-size:9px!important;scroll-snap-align:start}
  .network-metrics{
    position:relative!important;
    grid-row:4!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    padding:10px 0 0!important;
    background:none!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  .network-metrics span{min-height:76px!important;padding:15px 10px!important;border-top:0!important;border-right:1px solid rgba(255,255,255,.07)!important}
  .network-metrics span:nth-child(2n){border-right:0!important}
  .network-metrics span:nth-child(n+3){border-top:1px solid rgba(255,255,255,.07)!important}
  .network-metrics b{font-size:24px!important;line-height:1!important;margin-bottom:7px!important}
}

/* =========================================================
   V23 — responsive architecture reset
   Keeps every interactive system in its own flow row.
   ========================================================= */
@media (max-width: 980px){
  .network-grid{grid-template-columns:1fr!important;gap:42px!important}
  .network-copy{max-width:760px}
  .network-visual{width:100%;min-width:0}
}

@media (max-width: 760px){
  /* One operating environment — visual core and data panel never overlap. */
  .biz-command-sticky{padding:88px 0 72px!important;min-height:0!important;height:auto!important}
  .command-heading{margin-bottom:24px!important}
  .command-nav{
    display:flex!important;overflow-x:auto!important;gap:8px!important;margin:0 -18px 16px!important;
    padding:0 18px 8px!important;scroll-snap-type:x mandatory;scrollbar-width:none
  }
  .command-nav::-webkit-scrollbar{display:none}
  .command-nav button{flex:0 0 148px!important;min-height:88px!important;scroll-snap-align:start}
  .command-visual{
    display:grid!important;grid-template-rows:300px auto!important;min-height:0!important;height:auto!important;
    padding:0!important;overflow:hidden!important;border-radius:24px!important
  }
  #commandCanvas{position:absolute!important;inset:0 0 auto!important;height:300px!important;width:100%!important}
  .command-horizon{position:absolute!important;top:150px!important;bottom:auto!important;height:150px!important}
  .command-core{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    grid-row:1!important;align-self:center!important;justify-self:center!important;width:178px!important;margin:0!important;z-index:4!important
  }
  .command-module{display:none!important}
  .command-panels{
    position:relative!important;inset:auto!important;grid-row:2!important;min-height:390px!important;
    margin:0 12px 12px!important;z-index:6!important
  }
  .command-panel{position:absolute!important;inset:0!important;padding:17px 15px!important;border-radius:18px!important;overflow:hidden!important}
  .liquidity-total{padding:14px 0 10px!important}.liquidity-total strong{font-size:24px!important;white-space:normal!important}.liquidity-total sup{font-size:8px!important}
  .liquidity-currencies{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.liquidity-currencies span{min-width:0!important;padding:10px!important}
  .movement-route{grid-template-columns:1fr!important;gap:12px!important}.movement-beam{width:100%!important;height:1px!important}.movement-quotes{grid-template-columns:1fr!important;gap:7px!important}
  .governance-grid{grid-template-columns:1fr!important;height:auto!important}.governance-ring{width:104px!important}.governance-grid li{grid-template-columns:.45fr 1fr auto!important;font-size:7px!important}
  .intelligence-events{grid-template-columns:1fr!important;gap:5px!important}
  .command-insight{position:relative!important;inset:auto!important;width:auto!important;margin:14px 0 0!important;padding:20px!important;border-radius:18px!important}
  .command-progress{display:none!important}

  /* Operational intelligence — dedicated vertical architecture. */
  .workflow-shell{display:block!important}
  .workflow-copy{margin-bottom:30px!important}
  .workflow-steps{display:flex!important;overflow-x:auto!important;gap:7px!important;margin:24px -18px 0!important;padding:0 18px 8px!important;scrollbar-width:none}
  .workflow-steps::-webkit-scrollbar{display:none}
  .workflow-steps button{flex:0 0 112px!important;min-height:64px!important}
  .workflow-stage{min-height:0!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}
  .flow-vector,.flow-card,.flow-state-panel{display:none!important}
  .flow-mobile-architecture{display:block!important;position:relative!important;inset:auto!important;min-height:0!important;padding:0!important}
  .flow-mobile-nodes{display:grid!important;gap:8px!important}
  .flow-mobile-receipt{position:relative!important;inset:auto!important;margin-top:12px!important;padding:18px!important;border-radius:18px!important}
  .flow-mobile-spine{left:25px!important;top:30px!important;bottom:155px!important}

  /* Global network — sphere, live state, destinations and metrics are four rows. */
  .biz-network{overflow:hidden!important;padding-bottom:84px!important}
  .network-grid{display:block!important}
  .network-copy{margin-bottom:36px!important}
  .network-visual{
    position:relative!important;display:grid!important;grid-template-rows:auto auto auto auto!important;gap:12px!important;
    min-height:0!important;height:auto!important;padding:0!important;overflow:visible!important;transform:none!important;opacity:1!important
  }
  .globe-frame{
    position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;
    min-height:0!important;border-radius:24px!important;overflow:hidden!important;grid-row:1!important
  }
  #businessGlobeCanvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .globe-instruction{left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;font-size:8px!important;white-space:nowrap!important}
  .network-live-card{
    position:relative!important;inset:auto!important;width:100%!important;grid-row:2!important;margin:0!important;
    padding:17px!important;border-radius:18px!important;transform:none!important
  }
  .network-destinations{
    position:relative!important;inset:auto!important;grid-row:3!important;display:flex!important;justify-content:flex-start!important;
    overflow-x:auto!important;gap:7px!important;padding:2px 0 8px!important;margin:0!important;scroll-snap-type:x mandatory;scrollbar-width:none
  }
  .network-destinations::-webkit-scrollbar{display:none}
  .network-destinations button{flex:0 0 auto!important;scroll-snap-align:start!important;padding:9px 12px!important;font-size:9px!important}
  .network-metrics{
    position:relative!important;inset:auto!important;grid-row:4!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;overflow:hidden!important;background:rgba(255,255,255,.015)!important
  }
  .network-metrics span{min-width:0!important;min-height:82px!important;padding:16px 12px!important;border:0!important;border-right:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
  .network-metrics span:nth-child(2n){border-right:0!important}.network-metrics span:nth-child(n+3){border-bottom:0!important}
  .network-metrics b{display:block!important;font-size:24px!important;line-height:1!important;margin-bottom:7px!important}
}

@media (max-width: 420px){
  .command-visual{grid-template-rows:280px auto!important}.command-core{width:158px!important}.command-panels{min-height:405px!important}
  .globe-frame{aspect-ratio:1/1.06!important}.network-metrics span{min-height:86px!important}.network-metrics b{font-size:22px!important}
}

/* ========================================================================
   V24 — centred business globe on mobile and isolated network rows
   ======================================================================== */
@media(max-width:760px){
  .network-visual{justify-items:stretch!important}
  .globe-frame{
    width:min(100%,440px)!important;aspect-ratio:1!important;justify-self:center!important;align-self:center!important;
    margin-inline:auto!important;left:auto!important;right:auto!important;transform:none!important
  }
  #businessGlobeCanvas{display:block!important;margin:auto!important}
  .network-live-card,.network-destinations,.network-metrics{width:100%!important;justify-self:stretch!important}
}
@media(max-width:420px){.globe-frame{width:min(100%,390px)!important;aspect-ratio:1!important}}

/* V24 tablet globe: disable the desktop entrance offset once the layout stacks. */
@media(max-width:1180px){
  .network-visual{width:100%!important;transform:none!important;opacity:1!important}
  .globe-frame{left:50%!important;margin-inline:0!important}
}
@media(max-width:760px){.globe-frame{left:auto!important;right:auto!important;margin-inline:auto!important;transform:none!important}}

/* ========================================================================
   V25 — mobile Operational Intelligence driven by natural page scroll
   ======================================================================== */
@media (max-width:760px){
  .biz-workflow{
    position:relative!important;
    height:420svh!important;
    min-height:420svh!important;
    padding:0!important;
    overflow:visible!important;
  }
  .workflow-shell{
    position:sticky!important;
    top:0!important;
    min-height:100svh!important;
    height:100svh!important;
    padding:calc(var(--header) + 12px) 0 14px!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-content:start!important;
    gap:12px!important;
    overflow:hidden!important;
  }
  .workflow-copy{margin:0!important;min-width:0!important}
  .workflow-copy .section-kicker{font-size:8px!important;letter-spacing:.16em!important}
  .workflow-copy h2{font-size:clamp(34px,10.5vw,46px)!important;line-height:.96!important;margin:9px 0 10px!important}
  .workflow-copy>p{
    font-size:12px!important;line-height:1.45!important;margin:0!important;max-width:36rem!important;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
  }
  .workflow-steps{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    overflow:visible!important;gap:5px!important;margin:14px 0 0!important;padding:0!important
  }
  .workflow-steps button{
    min-width:0!important;min-height:48px!important;padding:8px 7px!important;margin:0!important;
    border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important;
    background:rgba(255,255,255,.018)!important;text-align:left!important;transition:.35s var(--ease)!important
  }
  .workflow-steps button.active{
    border-color:rgba(228,182,93,.42)!important;background:linear-gradient(145deg,rgba(228,182,93,.1),rgba(255,255,255,.018))!important;
    box-shadow:0 12px 32px rgba(0,0,0,.18)!important
  }
  .workflow-steps b{font-size:7px!important}.workflow-steps span{font-size:9px!important;white-space:nowrap!important}

  .workflow-stage{
    position:relative!important;min-height:0!important;height:100%!important;padding:0!important;
    border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;
    background:radial-gradient(circle at 52% 18%,rgba(174,119,255,.12),transparent 42%),linear-gradient(155deg,#0c1016,#07090d)!important;
    overflow:hidden!important
  }
  .workflow-stage:before{display:block!important}
  .flow-vector,.flow-card,.flow-state-panel{display:none!important}
  .flow-mobile-architecture{
    display:block!important;position:absolute!important;inset:0!important;min-height:0!important;height:100%!important;padding:0!important;z-index:4!important
  }
  .flow-mobile-spine{
    position:absolute!important;left:18px!important;right:18px!important;top:18px!important;bottom:auto!important;
    width:auto!important;height:2px!important;background:rgba(255,255,255,.08)!important;border-radius:99px!important;overflow:visible!important
  }
  .flow-mobile-spine i{
    left:0!important;top:0!important;width:var(--flow-mobile-progress,0%)!important;height:100%!important;
    background:linear-gradient(90deg,#9472c9,#e3b65d)!important;transition:width .65s var(--ease)!important
  }
  .flow-mobile-spine b{
    left:var(--flow-mobile-progress,0%)!important;top:50%!important;width:10px!important;height:10px!important;
    transform:translate(-50%,-50%)!important;transition:left .65s var(--ease)!important
  }
  .flow-mobile-nodes{
    display:block!important;position:absolute!important;left:14px!important;right:14px!important;top:38px!important;height:118px!important
  }
  .flow-mobile-node{
    position:absolute!important;inset:0!important;min-height:0!important;margin:0!important;padding:18px 14px 16px 66px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
    opacity:0!important;pointer-events:none!important;transform:translateY(18px) scale(.965)!important;
    border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important;
    transition:opacity .42s ease,transform .58s var(--ease),border-color .42s ease,background .42s ease!important
  }
  .flow-mobile-node.active{
    opacity:1!important;pointer-events:auto!important;transform:none!important;border-color:rgba(228,182,93,.42)!important;
    background:linear-gradient(145deg,rgba(228,182,93,.09),rgba(255,255,255,.018))!important;
    box-shadow:0 24px 54px rgba(0,0,0,.28)!important
  }
  .flow-mobile-node.passed:not(.active){opacity:0!important}
  .flow-mobile-node>span{left:13px!important;width:42px!important;height:42px!important}
  .flow-mobile-node small{font-size:7px!important}.flow-mobile-node b{font-size:15px!important}.flow-mobile-node em{font-size:9px!important}
  .flow-mobile-node>i{font-size:8px!important;padding:6px 8px!important}
  .flow-mobile-receipt{
    position:absolute!important;left:14px!important;right:14px!important;top:170px!important;bottom:14px!important;
    margin:0!important;padding:15px!important;border-radius:18px!important;overflow:hidden!important;
    background:linear-gradient(160deg,rgba(12,16,22,.96),rgba(7,10,14,.9))!important
  }
  .flow-mobile-receipt>span{font-size:7px!important;margin-bottom:10px!important}
  .flow-mobile-receipt dl{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .flow-mobile-receipt dl div{padding:9px!important}.flow-mobile-receipt dt{font-size:7px!important}.flow-mobile-receipt dd{font-size:10px!important}
}

@media (max-width:420px){
  .biz-workflow{height:440svh!important;min-height:440svh!important}
  .workflow-shell{padding-top:calc(var(--header) + 8px)!important}
  .workflow-copy h2{font-size:clamp(31px,9.8vw,40px)!important}
  .workflow-copy>p{-webkit-line-clamp:2}
  .workflow-steps{margin-top:10px!important}
  .workflow-steps button{min-height:43px!important;padding:7px 5px!important}
  .workflow-steps span{font-size:8px!important}
  .flow-mobile-nodes{top:35px!important;height:112px!important}
  .flow-mobile-receipt{top:160px!important;padding:13px!important}
}

@media (max-width:760px) and (orientation:landscape){
  .biz-workflow{height:420svh!important;min-height:420svh!important}
  .workflow-shell{grid-template-columns:.78fr 1.22fr!important;grid-template-rows:1fr!important;gap:16px!important;padding:calc(var(--header) + 5px) 0 10px!important}
  .workflow-copy{align-self:center!important}.workflow-copy h2{font-size:31px!important}.workflow-copy>p{-webkit-line-clamp:3}
  .workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .workflow-stage{height:calc(100svh - var(--header) - 16px)!important;align-self:center!important}
}

@media (prefers-reduced-motion:reduce){
  .biz-workflow{height:auto!important;min-height:auto!important;padding:90px 0!important}
  .workflow-shell{position:relative!important;height:auto!important;min-height:auto!important;padding:0!important;overflow:visible!important}
  .workflow-stage{min-height:430px!important;height:auto!important}
}

/* V25 — unified six-section mobile navigation */
.biz-mobile-menu a.active,.biz-mobile-menu a[aria-current="page"]{color:#f0c873}
@media(max-width:1180px){
  .biz-mobile-menu{overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(34px,env(safe-area-inset-bottom))}
  .biz-mobile-menu a{flex:0 0 auto}
}

/* V29 integrated app access */
.biz-mobile-menu a.app-login{margin-top:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:13px 18px;font-size:16px;text-align:center}
.biz-mobile-menu a.app-open{margin-top:0;border-radius:999px;padding:15px 18px;font-size:16px;text-align:center;background:linear-gradient(135deg,#b37bff,#6843d6);color:#fff}

/* ========================================================================
   QAWWAK V30 — BUSINESS MOBILE RESPONSIVE REBUILD
   Keeps all command states visible and preserves complete operating copy.
   ======================================================================== */
@media (max-width:760px){
  .command-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 14px!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .command-nav button{
    width:auto!important;
    min-width:0!important;
    min-height:64px!important;
    flex:none!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    justify-items:center!important;
    gap:5px!important;
    margin:0!important;
    padding:8px 3px!important;
    border-radius:12px!important;
    text-align:center!important;
    transform:none!important;
  }
  .command-nav button.active{transform:none!important}
  .command-nav b{
    margin:0!important;
    font-size:7px!important;
    line-height:1!important;
  }
  .command-nav span{
    min-width:0;
    max-width:100%;
    font-size:8.5px!important;
    line-height:1.1!important;
    overflow-wrap:anywhere;
  }
  .command-nav small{display:none!important}

  .workflow-copy>p{
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    text-overflow:clip!important;
  }
}

@media (max-width:420px){
  .command-nav button{min-height:58px!important;padding-inline:2px!important}
  .command-nav span{font-size:8px!important}
  .workflow-copy>p{-webkit-line-clamp:unset!important}
}

@media (max-width:760px){html{scrollbar-gutter:auto!important}}