/* Homepage brand hero. The original supplied image is framed with CSS; text remains HTML. */
.brand-hero{position:relative;isolation:isolate;overflow:hidden;padding:135px 0 0;background:radial-gradient(ellipse at 88% 22%,#ffe5d080,transparent 52%),linear-gradient(120deg,#fff,#fffbf7 75%);color:#362f28}
.brand-hero:before{content:'';position:absolute;inset:auto -8% -180px -8%;height:230px;border-radius:50% 50% 0 0;background:linear-gradient(90deg,#ffae5b18,#fff2df44,#ff9e461f);transform:rotate(-3deg);z-index:-1;pointer-events:none}
.brand-hero-glow{position:absolute;right:3%;top:12%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffb3591c,transparent 68%);z-index:-1;animation:brandGlow 9s ease-in-out infinite alternate;pointer-events:none}
.brand-hero-layout{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:38px;padding-bottom:45px}
.brand-hero-copy{position:relative;z-index:2;padding:20px 0 10px;min-width:0}
.brand-eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2px;font-size:13px;font-weight:650;color:#7d746b;margin-bottom:28px}
.brand-eyebrow>span{width:7px;height:7px;background:#ff8b17;border-radius:50%;box-shadow:0 0 0 5px #ff8b1712}
.brand-hero h1{font-size:clamp(35px,3.8vw,52px);font-weight:800;line-height:1.4;letter-spacing:-1.6px;margin:0;animation:brandEnter .65s both}
.brand-hero h1>span{color:#f47c09;position:relative;display:inline-block}
.brand-hero h1>span:after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:9px;border-top:3px solid #ff9b36;border-radius:50%;transform:rotate(-1deg);opacity:.65}
.brand-hero-intro{font-size:16px;line-height:2;color:#777069;margin:29px 0 26px;max-width:560px;animation:brandEnter .65s .1s both}
.brand-hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:37px;animation:brandEnter .65s .18s both}
.brand-hero .brand-primary{background:linear-gradient(110deg,#ff9e19,#f57d08);color:#fff;border:1px solid #f88a10;box-shadow:0 7px 20px #ed8a1424;gap:20px}
.brand-hero .brand-primary:hover{background:#e87808;box-shadow:0 9px 25px #ed8a1430}
.brand-hero .brand-secondary{background:#fff9;color:#55483c;border:1px solid #e3deda;gap:20px;box-shadow:none}
.brand-hero .brand-secondary:hover{border-color:#f2b574;background:#fff}
.brand-capabilities{display:grid;grid-template-columns:repeat(4,1fr);max-width:565px;gap:15px;padding-top:25px;border-top:1px solid #e8e4df}
.brand-capabilities>a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;color:#594f46;line-height:1.5;white-space:nowrap}
.brand-cap-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(130deg,#fff3e5,#ffead5);color:#ef850f;border:1px solid #ffe6cb;transition:transform .2s,background .2s}
.brand-cap-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.brand-ai-icon{font-weight:800;font-size:20px;letter-spacing:-1px}
.brand-capabilities>a:hover{color:#dd7106}.brand-capabilities>a:hover .brand-cap-icon{transform:translateY(-3px);background:#ffe5c7}
.brand-hero-art{position:relative;aspect-ratio:1/1.05;min-width:0;overflow:hidden;border-radius:30px;background:#fff8f2;box-shadow:0 25px 60px #be7e3010;border:1px solid #fff;animation:brandArtEnter .85s .08s both}
.brand-hero-art img{position:absolute;width:204%;height:auto;max-width:none;right:0;top:50%;transform:translateY(-50%);display:block;user-select:none;pointer-events:none}
.brand-art-caption{position:absolute;top:23px;left:25px;color:#a9896b;font-size:10px;letter-spacing:2px}
.brand-hero-floor{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e8e0d7;padding-top:18px;padding-bottom:21px;position:relative;z-index:2;font-size:13px;color:#98918b}
.brand-hero-floor>a{display:flex;align-items:center;gap:22px;color:#766d64;font-size:13px}.brand-hero-floor>a>span{color:#ec8b27;font-size:19px}
.brand-hero-floor button{padding:7px 12px;border:1px solid #e3d5c5;background:#fff9;color:#8c7965;border-radius:30px;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}
.brand-hero :is(a,button):focus-visible{outline:3px solid #dc851d;outline-offset:5px}
@keyframes brandEnter{from{opacity:0;translate:0 15px}to{opacity:1;translate:none}}
@keyframes brandArtEnter{from{opacity:0;translate:16px 0}to{opacity:1;translate:none}}
@keyframes brandGlow{to{transform:translate(-6%,8%) scale(1.12)}}
.motion-paused .brand-hero *{animation:none!important;transition:none!important}
@media(max-width:1100px){.brand-hero{padding-top:115px}.brand-hero-layout{gap:25px}.brand-hero h1{font-size:40px}.brand-hero-intro{font-size:15px}.brand-eyebrow{font-size:12px;letter-spacing:1.4px}.brand-capabilities{gap:10px}}
@media(max-width:900px){.brand-hero-layout{grid-template-columns:1.05fr 1fr;gap:20px}.brand-hero h1{font-size:34px;letter-spacing:-1px}.brand-hero-art{aspect-ratio:1/1.2}.brand-hero-copy{padding:0}.brand-hero-actions{gap:9px;margin-bottom:25px}.brand-hero .btn{font-size:13px;padding:11px 15px}.brand-capabilities>a{font-size:12px}.brand-cap-icon{width:37px;height:37px}.brand-hero-floor>span{display:none}.brand-art-caption{font-size:9px;left:20px;letter-spacing:1px}}
@media(max-width:650px){.brand-hero{padding-top:106px}.brand-hero-layout{grid-template-columns:1fr;gap:28px;padding-bottom:25px}.brand-eyebrow{margin-bottom:22px}.brand-hero h1{font-size:clamp(29px,7.7vw,43px);line-height:1.42;letter-spacing:-1px}.brand-hero-intro{font-size:15px;line-height:1.95;margin-top:25px;margin-bottom:22px}.brand-hero-actions{margin-bottom:26px;gap:12px}.brand-hero .btn{font-size:14px;padding:12px 18px}.brand-capabilities{padding-top:20px;gap:10px;max-width:none}.brand-capabilities>a{font-size:13px;align-items:center;gap:9px}.brand-cap-icon{width:40px;height:40px}.brand-hero-art{aspect-ratio:1.2/1;border-radius:22px;max-width:480px;width:100%;justify-self:center}.brand-hero-art img{top:50%}.brand-art-caption{font-size:9px;top:17px;left:18px}.brand-hero-floor{padding-top:16px;padding-bottom:18px;gap:12px}.brand-hero-floor>a{font-size:13px;gap:16px}.brand-hero-floor button{font-size:11px}.brand-hero-glow{width:90%;right:-15%;top:38%}}
@media(prefers-reduced-motion:reduce){.brand-hero *{animation:none!important;transition:none!important}.brand-capabilities>a:hover .brand-cap-icon{transform:none}}

/* Restore the floating, interactive workspace within the warm brand composition. */
.brand-hero>#networkCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.55;pointer-events:none}
.brand-motion-scene{position:relative;min-width:0;padding-top:150px;padding-bottom:33px;perspective:1200px}
.brand-cloud-badge{position:absolute;right:3px;top:0;width:235px;height:180px;overflow:hidden;border-radius:23px;background:#fff8f0;box-shadow:0 12px 35px #d9954214;border:1px solid #fff;animation:brandCloudFloat 8s ease-in-out infinite}
.brand-cloud-badge img{position:absolute;width:204%;max-width:none;height:auto;right:0;top:50%;transform:translateY(-50%);pointer-events:none}
.brand-dashboard{position:relative;z-index:2;background:linear-gradient(135deg,#503924,#402d1b);border:1px solid #ceb59e4a;color:#fff;box-shadow:0 25px 50px #4e372226,inset 0 1px 1px #ffffff12;transform:rotateY(-6deg) rotateX(2deg);animation:consoleFloat 7s ease-in-out infinite;animation-play-state:var(--motion-state,running)}
.brand-dashboard:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ffd39f88,transparent)}
.brand-dashboard .preview-top{border-color:#f2ceac1c;color:#fcf3eb;padding:20px}
.brand-dashboard .preview-symbol{background:linear-gradient(135deg,#ffa533,#eb7f15);color:#fff}
.brand-dashboard .demo-pill{background:#382717;color:#c9b5a3;border:1px solid #be9d7e33;font-size:11px}
.brand-dashboard .preview-tabs{border-color:#cdad8f25;margin-inline:20px;gap:22px}
.brand-dashboard .preview-tabs button{color:#c7b4a2;font-size:13px;min-height:40px}
.brand-dashboard .preview-tabs button[aria-selected=true]{color:#ffd3a1;border-color:#ffb45e}
.brand-dashboard .preview-tabs button:focus-visible{outline:2px solid #ffbd72;outline-offset:3px}
.brand-dashboard #dashboardPanel{padding:18px 20px 28px;min-height:270px}
.brand-dashboard .dash-metric{background:#e3c09f0b;border:1px solid #efc59e1a;padding:13px 11px}
.brand-dashboard .dash-metric span{color:#cab8a7;font-size:12px}
.brand-dashboard .dash-metric b{color:#fefaf6;font-size:27px}
.brand-dashboard .dash-metric small{color:#ceb284;font-size:11px}
.brand-dashboard .dash-chart-head{color:#f7eee5;font-size:13px;margin-top:20px}
.brand-dashboard .dash-chart-head span{color:#c1ad9b;font-size:12px}
.brand-dashboard .dash-bars{border-color:#bf9e8033;background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#dab18b10 25px);gap:13px;height:90px}
.brand-dashboard .dash-bar{background:linear-gradient(#ffc17b,#d47e3133);box-shadow:0 0 15px #f4a34f0a;animation:barIn .65s both;transform-origin:bottom;animation-play-state:var(--motion-state,running)}
.brand-dashboard .dash-bar:last-child{background:linear-gradient(#e5d0ad,#bf95504a)}
.brand-dashboard .dash-bar:nth-child(2){animation-delay:.04s}.brand-dashboard .dash-bar:nth-child(3){animation-delay:.08s}.brand-dashboard .dash-bar:nth-child(4){animation-delay:.12s}.brand-dashboard .dash-bar:nth-child(5){animation-delay:.16s}.brand-dashboard .dash-bar:nth-child(6){animation-delay:.2s}.brand-dashboard .dash-bar:nth-child(7){animation-delay:.24s}
.brand-dashboard .dash-bar span{color:#c2ae9b}
.brand-dashboard .preview-bottom{background:#2b1d1044;border-color:#dab18b25;color:#d1bdab;font-size:12px;padding:14px 20px}
.brand-dashboard .status-dot{background:#ceb68e;box-shadow:0 0 8px #ceb68e22}
.brand-motion-scene .brand-flow-label{top:126px;left:-18px;right:auto;z-index:4;padding:12px 15px;border-color:#d4b79b33;font-size:11px;box-shadow:0 12px 28px #533c2620}
.brand-flow-label>span{color:#d9cabc}
.brand-motion-scene .brand-data-label{left:-22px;bottom:8px;z-index:4;padding:12px 16px;font-size:12px;border-color:#d4b79b33;box-shadow:0 12px 28px #533c2620}
.brand-data-label .signal-bars{color:#ffc378}.brand-data-label b{color:#d8c09a;font-size:22px}.brand-data-label small{color:#c6b5a5;font-size:10px}
@keyframes brandCloudFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:1100px){.brand-motion-scene{padding-top:135px}.brand-cloud-badge{width:205px;height:160px}.brand-motion-scene .brand-flow-label{top:115px;left:-8px}.brand-dashboard .preview-top{padding:17px 15px;font-size:13px}.brand-dashboard .preview-tabs{margin-inline:15px;gap:17px}.brand-dashboard #dashboardPanel{padding-inline:15px}.brand-dashboard .dash-chart-head{flex-wrap:wrap;gap:6px}}
@media(max-width:900px){.brand-motion-scene{padding-top:125px}.brand-cloud-badge{width:180px;height:145px}.brand-motion-scene .brand-flow-label{top:105px;font-size:10px;gap:6px;padding:10px}.brand-flow-label>span{display:none}.brand-dashboard{transform:rotateY(-3deg)}.brand-dashboard .preview-top{padding:16px 12px;font-size:12px}.brand-dashboard .demo-pill{font-size:10px;padding:4px}.brand-dashboard .preview-tabs{gap:14px;margin-inline:12px}.brand-dashboard .preview-tabs button{font-size:12px}.brand-dashboard #dashboardPanel{padding:15px 12px 27px;min-height:250px}.brand-dashboard .dash-metric{padding:10px 7px}.brand-dashboard .dash-metric span{font-size:11px}.brand-dashboard .dash-metric b{font-size:23px}.brand-dashboard .dash-metric small{font-size:10px}.brand-dashboard .preview-bottom{padding:12px;font-size:10px}.brand-motion-scene .brand-data-label{left:-7px;font-size:11px;padding:10px 13px}.brand-dashboard .dash-bars{gap:10px}}
@media(max-width:650px){.brand-motion-scene{padding:125px 0 30px;width:100%;max-width:480px;justify-self:center}.brand-cloud-badge{width:190px;height:150px;right:1px}.brand-motion-scene .brand-flow-label{top:108px;left:3px;padding:11px 13px;font-size:10px}.brand-dashboard{transform:none;border-radius:14px}.brand-dashboard .preview-top{padding:18px 15px;font-size:13px}.brand-dashboard .preview-tabs{margin-inline:15px;gap:20px}.brand-dashboard .preview-tabs button{font-size:13px}.brand-dashboard #dashboardPanel{padding:16px 15px 29px;min-height:262px}.brand-dashboard .dash-metric{padding:12px 9px}.brand-dashboard .dash-metric span{font-size:11px}.brand-dashboard .dash-metric b{font-size:25px}.brand-dashboard .dash-chart-head{font-size:12px}.brand-dashboard .dash-chart-head span{font-size:11px}.brand-dashboard .preview-bottom{padding:13px 15px;font-size:10px}.brand-motion-scene .brand-data-label{left:8px;bottom:5px;padding:11px 14px}.brand-data-label b{font-size:20px}.brand-data-label .signal-bars{font-size:21px}}
@media(prefers-reduced-motion:reduce){.brand-dashboard{transform:none}.brand-motion-scene *{animation:none!important;transition:none!important}}

/* Blend the brand illustration and workspace into a single light composition. */
.brand-hero-layout{gap:44px}
.brand-motion-scene{padding-top:182px;padding-bottom:33px}
.brand-cloud-badge{right:-28px;top:-34px;width:360px;height:290px;border:0;border-radius:0;background:transparent;box-shadow:none;mask-image:radial-gradient(ellipse 72% 73% at 58% 46%,#000 38%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 72% 73% at 58% 46%,#000 38%,transparent 78%)}
.brand-cloud-badge img{width:204%}
.brand-dashboard{background:linear-gradient(140deg,#ffffffed,#fffaf4ed);border-color:#fff;box-shadow:0 25px 65px #9d80611c,0 3px 15px #bba48b0c,inset 0 1px 0 #fff;backdrop-filter:blur(18px);color:#493c30;transform:rotateY(-4deg) rotateX(1deg)}
.brand-dashboard:before{background:linear-gradient(90deg,transparent,#ffc88899,transparent)}
.brand-dashboard .preview-top{border-color:#eee5da;color:#504438}
.brand-dashboard .preview-symbol{box-shadow:0 3px 8px #ed9a3020}
.brand-dashboard .demo-pill{background:#fbf2e8;color:#a38260;border:1px solid #f1dfc9}
.brand-dashboard .preview-tabs{border-color:#e9dfd3}
.brand-dashboard .preview-tabs button{color:#988e85}
.brand-dashboard .preview-tabs button[aria-selected=true]{color:#d87c1d;border-color:#f4a34b}
.brand-dashboard .dash-metric{background:linear-gradient(125deg,#fff,#fdf6ed);border-color:#f0e5d8;box-shadow:0 2px 5px #af947709}
.brand-dashboard .dash-metric span{color:#948b82}.brand-dashboard .dash-metric b{color:#544639}.brand-dashboard .dash-metric small{color:#917a56}
.brand-dashboard .dash-chart-head{color:#64574b}.brand-dashboard .dash-chart-head span{color:#a59f99}
.brand-dashboard .dash-bars{border-color:#e6dfd5;background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#bba68b14 25px)}
.brand-dashboard .dash-bar{background:linear-gradient(#ffbd70,#ffd9aa99);box-shadow:none}.brand-dashboard .dash-bar:last-child{background:linear-gradient(#c6b395,#e0d7c8)}
.brand-dashboard .dash-bar span{color:#aaa49e}
.brand-dashboard .preview-bottom{background:#faf5edaa;border-color:#eee5da;color:#9d948b}
.brand-dashboard .status-dot{background:#a99473;box-shadow:0 0 0 3px #a994730e}
.brand-motion-scene .brand-flow-label,.brand-motion-scene .brand-data-label{background:linear-gradient(125deg,#fffffff5,#fff7edf0);border:1px solid #fff;box-shadow:0 9px 26px #a88a681c;color:#857b72;backdrop-filter:blur(14px)}
.brand-motion-scene .brand-flow-label{top:158px;left:-13px}.brand-flow-label>span{color:#afa9a3}.brand-flow-label i{background:#ae9d82;box-shadow:0 0 0 3px #ae9d8211}
.brand-data-label .signal-bars{color:#edaa56}.brand-data-label b{color:#ab9a80}.brand-data-label small{color:#aba49e}
@media(max-width:1100px){.brand-hero-layout{gap:28px}.brand-motion-scene{padding-top:165px}.brand-cloud-badge{width:320px;height:260px;top:-32px;right:-25px}.brand-motion-scene .brand-flow-label{top:143px;left:-8px}}
@media(max-width:900px){.brand-hero-layout{gap:22px}.brand-motion-scene{padding-top:145px}.brand-cloud-badge{width:270px;height:230px;top:-25px;right:-20px}.brand-motion-scene .brand-flow-label{top:126px}.brand-dashboard{transform:rotateY(-2deg)}}
@media(max-width:650px){.brand-hero-layout{gap:10px}.brand-motion-scene{padding-top:154px;padding-bottom:30px}.brand-cloud-badge{width:310px;height:255px;right:-20px;top:-32px}.brand-motion-scene .brand-flow-label{top:134px;left:3px}.brand-dashboard{transform:none}.brand-dashboard .dash-metric{background:#fffbf5}.brand-motion-scene .brand-data-label{bottom:5px}}
@media(prefers-reduced-motion:reduce){.brand-dashboard{transform:none}}
.brand-dashboard .preview-tabs button{color:#8a7f75}.brand-dashboard .dash-chart-head span,.brand-dashboard .dash-bar span{color:#91887f}.brand-flow-label>span{color:#988e86}

/* Larger, staggered movement for the homepage brand scene. */
.brand-motion-scene{--cloud-rise:-26px;--panel-rise:-22px;--label-rise:-30px;--label-drift:5px}
.brand-cloud-badge{animation-name:brandCloudLift;animation-duration:7s}
.brand-dashboard{animation-name:brandPanelLift;animation-duration:7.5s}
.brand-motion-scene .brand-flow-label{animation-name:brandLabelLift;animation-duration:6.5s}
.brand-motion-scene .brand-data-label{animation-name:brandLabelLift;animation-duration:8s;animation-delay:-2s}
@keyframes brandCloudLift{0%,100%{translate:0 0}50%{translate:0 var(--cloud-rise)}}
@keyframes brandPanelLift{0%,100%{translate:0 0}50%{translate:0 var(--panel-rise)}}
@keyframes brandLabelLift{0%,100%{translate:0 0}50%{translate:var(--label-drift) var(--label-rise)}}
@media(max-width:650px){.brand-motion-scene{--cloud-rise:-18px;--panel-rise:-14px;--label-rise:-20px;--label-drift:2px}}

/* Keep the moving status badge clear of the console heading. */
.brand-motion-scene .brand-flow-label{top:102px}
@media(max-width:1100px){.brand-motion-scene .brand-flow-label{top:87px}}
@media(max-width:900px){.brand-motion-scene .brand-flow-label{top:70px}}
@media(max-width:650px){.brand-motion-scene .brand-flow-label{top:78px}}