/* Warm brand headers with contextual, browser-local demonstrations. */
.page-hero.inner-brand-hero{padding:120px 0 25px!important;background:radial-gradient(ellipse at 88% 20%,#ffe2c87a,transparent 53%),linear-gradient(115deg,#fff,#fffaf4);color:#4a3d30;text-align:left}
.inner-brand-hero:before{background:linear-gradient(90deg,#cbaa7e06 1px,transparent 1px),linear-gradient(#cbaa7e06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.8}
.inner-brand-hero:after{content:'';top:auto;bottom:-185px;left:-8%;right:-8%;width:auto;height:220px;aspect-ratio:auto;border-radius:50% 50% 0 0;background:linear-gradient(90deg,#ffad5312,#fff8ef44,#ff9b3e1c);transform:rotate(-2deg);animation:none}
.inner-brand-hero .page-orbit{display:none}
.inner-brand-hero #networkCanvas{opacity:.4}
.inner-brand-hero .inner-hero-layout{display:grid;grid-template-columns:1.06fr 1fr;gap:60px;align-items:center;padding-bottom:20px}
.inner-hero-copy{min-width:0;position:relative;z-index:3;animation:ihCopyEnter .65s both}
.inner-brand-hero .breadcrumb{font-size:13px;line-height:1.8;color:#9a9692;margin-bottom:24px}
.inner-brand-hero .breadcrumb a{color:#9a8f84}
.inner-brand-hero .breadcrumb a:hover{color:#d87917}
.inner-brand-hero .eyebrow{font-size:12px;letter-spacing:1.7px;color:#b58a5c}
.inner-brand-hero h1{font-size:clamp(28px,3.3vw,43px)!important;line-height:1.45!important;letter-spacing:-1.2px;color:#41362c;margin:15px 0 18px!important;text-wrap:balance;max-width:580px;animation:none!important}
.inner-brand-hero .inner-hero-copy p{font-size:15px!important;line-height:2!important;color:#877b6f!important;margin:0!important;max-width:550px}
.inner-brand-hero .inner-hero-copy .case-source-note{font-size:13px!important;line-height:1.9!important;color:#9a9187!important;margin:12px 0!important}
.inner-brand-hero .dp-badge{color:#ba7b35;background:#fff0dc;border:1px solid #f2dfc5;font-size:13px;padding:5px 10px}
.inner-brand-hero .dp-quote{color:#8a8077;border-color:#efc690;font-size:15px}.inner-brand-hero .dp-quote .by{color:#a59f99}
.inner-brand-hero .btn-primary{background:linear-gradient(110deg,#ffa126,#ef8416);border:1px solid #f29526;color:#fff;box-shadow:0 5px 16px #d7963620}
.inner-brand-hero .btn-primary:hover{background:#e78017}
.inner-brand-hero .btn-ghost{color:#716b63;background:#fff8;border:1px solid #deceb8}
.inner-brand-hero .about-actions{gap:12px}.inner-brand-hero .about-actions .btn{margin-top:24px}
.inner-brand-hero .subpage-motion{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e8e0d6;padding-top:17px;margin-top:12px;position:relative;z-index:3;color:#a2988c;letter-spacing:1.3px}
.inner-brand-hero .subpage-motion button{background:#fff9;border:1px solid #e2d6c7;color:#8e8171;font-size:12px;min-height:32px}
.inner-brand-hero .subpage-motion button:hover{background:#fff}
.inner-brand-hero :is(a,button):focus-visible{outline:3px solid #e0a153;outline-offset:4px}
.inner-hero-visual{position:relative;min-width:0;padding-top:118px;padding-bottom:15px;perspective:1200px}
.inner-brand-cloud{position:absolute;right:-25px;top:-35px;width:280px;height:230px;overflow:hidden;pointer-events: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%);animation:ihCloudFloat 9s ease-in-out infinite;animation-play-state:paused}
.inner-brand-cloud img{position:absolute;width:204%;max-width:none;right:0;top:50%;transform:translateY(-50%);height:auto}
.ih-console{position:relative;z-index:2;border-radius:15px;background:linear-gradient(135deg,#fffffff2,#fffaf3ed);border:1px solid #fff;box-shadow:0 20px 50px #9b826323,inset 0 1px 0 #fff;backdrop-filter:blur(16px);transform:rotateY(-4deg) rotateX(1deg);animation:ihConsoleFloat 8s ease-in-out infinite;animation-play-state:paused;overflow:hidden}
.inner-brand-hero.scene-active .ih-console,.inner-brand-hero.scene-active .inner-brand-cloud{animation-play-state:running}
.ih-console-top{display:flex;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid #efe6dc;font-size:11px;color:#a49f9a}
.ih-console-top>small{margin-left:auto;color:#ae987d;background:#fbf1e5;border:1px solid #eee0cf;border-radius:4px;padding:3px 6px;font-size:10px}
.ih-window-dots{display:flex;gap:4px}.ih-window-dots i{width:5px;height:5px;border-radius:50%;background:#efbd81}.ih-window-dots i:nth-child(2){background:#e5cfaa}.ih-window-dots i:nth-child(3){background:#c1b6a3}
.ih-console-heading{display:flex;align-items:center;gap:10px;padding:20px 18px 13px}
.ih-console-heading h2{font-size:15px;line-height:1.6;color:#5f5449;margin:0;flex:1;font-weight:650;letter-spacing:0;text-wrap:initial}
.ih-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;color:#fff;background:linear-gradient(135deg,#ffb04d,#ef9029);font-size:15px;font-weight:750;flex:none}
.ih-status-dot,.ih-foot-dot{width:5px;height:5px;background:#b1a086;border-radius:50%;flex:none}
.ih-status-dot{box-shadow:0 0 0 4px #bbab9012;animation:ihDotPulse 3s infinite;animation-play-state:paused}
.inner-brand-hero.scene-active .ih-status-dot{animation-play-state:running}
.ih-tabs{display:flex;flex-wrap:wrap;gap:5px 14px;border-bottom:1px solid #eee3d6;margin:0 18px;padding:0}
.ih-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#9c948d;font:inherit;font-size:12px;padding:9px 0 10px;line-height:1.7;cursor:pointer;min-height:36px;white-space:normal;text-align:left;flex:none}
.ih-tabs button[aria-selected=true]{color:#cb8c3d;border-color:#efb46d;font-weight:650}
.ih-panel{padding:18px;min-height:255px;box-sizing:border-box}
.ih-table-wrap{overflow:auto;border:1px solid #eee4d7;border-radius:8px;background:#fff9}
.ih-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;line-height:1.8;color:#877e75;min-width:0}
.ih-table-wrap caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ih-table-wrap thead{background:#faf3e9;color:#a08b70}
.ih-table-wrap th,.ih-table-wrap td{padding:10px 12px;border-bottom:1px solid #f1e9df;overflow-wrap:anywhere}
.ih-table-wrap tbody th{font-weight:500;color:#7c7167}.ih-table-wrap tbody tr:last-child>*{border-bottom:0}
.ih-table-wrap tbody tr{animation:ihRowEnter .45s var(--row-delay,0ms) both}
.ih-flow{list-style:none;display:flex;gap:6px;justify-content:space-between;align-items:start;margin:0 0 18px;padding:0;position:relative}
.ih-flow:before{content:'';position:absolute;top:13px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,#eadcc9,#f0bf7e,#d5cbbc);z-index:-1}
.ih-flow li{flex:1;min-width:0;text-align:center;line-height:1.6}
.ih-flow li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f9f4ec;border:1px solid #eee0cd;color:#c0ab8e;font-size:11px;margin:0 auto 7px}
.ih-flow li>b{display:block;font-size:12px;font-weight:500;color:#9c9690;overflow-wrap:anywhere}
.ih-flow .is-current>span{background:#fff0d9;color:#d59135;border-color:#edc994;box-shadow:0 0 0 4px #f8e8cf44}
.ih-flow .is-current>b{color:#ba893f}
.inner-brand-hero .ih-caption{font-size:12px!important;line-height:1.8;color:#a29583;margin:10px 0 0}
.inner-brand-hero .ih-preview-heading{font-size:14px;line-height:1.7;color:#7b7065;margin:0 0 18px}
.ih-note{padding:14px 15px;border:1px solid #f0e4d4;border-radius:8px;background:#fcf7ef99;animation:ihRowEnter .4s both}
.ih-note>span{display:block;font-size:11px;color:#b6a083;letter-spacing:.5px;margin-bottom:7px}
.ih-note h3{font-size:14px;line-height:1.7;margin:0 0 7px;color:#81756a}
.inner-brand-hero .ih-note p{font-size:13px!important;line-height:1.95!important;color:#97908a;margin:0;max-width:none}
.ih-preview-link{display:block;color:#c48e4a;font-size:12px;margin-top:14px;line-height:1.8}
.ih-console-foot{display:flex;align-items:center;gap:8px;border-top:1px solid #f0e7db;background:#fbf6ef99;color:#a9a7a3;padding:12px 17px;font-size:11px;line-height:1.7}
.ih-connection{display:flex;align-items:center;gap:0;margin:0 0 20px;min-height:76px}
.ih-connect-node{flex:1;min-width:0;border:1px solid #eadfce;border-radius:8px;background:#fffcf7;padding:10px 7px;text-align:center}
.ih-connect-node small{display:block;color:#bba17b;font-size:10px;margin-bottom:6px}.ih-connect-node b{font-size:12px;font-weight:600;color:#978e85}
.ih-connect-node.is-hub{background:#fff1dc;border-color:#eac68c}.ih-connect-node.is-hub b{color:#b5823f}
.ih-data-line{width:22px;height:2px;background:linear-gradient(90deg,#e8d9c2,#eebc79,#bfaf94,#e8d9c2);background-size:200%;animation:ihDataTravel 3s linear infinite;animation-play-state:paused;flex:none}
.inner-brand-hero.scene-active .ih-data-line{animation-play-state:running}
.ih-company-mark{display:flex;align-items:center;gap:13px;padding:0 0 20px}.ih-company-mark>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#ffbd72,#ed9a35);color:#fff;font-size:28px;font-weight:750}.ih-company-mark b{display:block;font-size:15px;color:#726559}.ih-company-mark small{display:block;font-size:11px;color:#a2a5a4;margin-top:5px}
.ih-module-list{display:grid;gap:7px;margin-bottom:14px}.ih-module-list>div{display:flex;align-items:center;gap:9px;border:1px solid #efe5d8;background:#fffaf4;border-radius:6px;padding:9px 11px;font-size:12px;color:#9a938d}.ih-module-list span{color:#c9b595;font-size:11px}.ih-module-list b{font-weight:500}.ih-module-list small{margin-left:auto;font-size:10px;color:#b1a28d}.ih-module-list .is-current{background:#fff0db;border-color:#edcd9d}.ih-module-list .is-current b{color:#b78949}
@keyframes ihCopyEnter{from{opacity:0;translate:0 12px}to{opacity:1;translate:none}}
@keyframes ihConsoleFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes ihCloudFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes ihDotPulse{50%{box-shadow:0 0 0 6px #bbab9005}}
@keyframes ihDataTravel{to{background-position:-200% 0}}
@keyframes ihRowEnter{from{opacity:0;translate:0 6px}to{opacity:1;translate:none}}
.motion-paused .inner-brand-hero *,.motion-hidden .inner-brand-hero *{animation-play-state:paused!important}
@media(max-width:1100px){.inner-brand-hero .inner-hero-layout{gap:32px}.inner-brand-hero h1{font-size:35px!important}.inner-hero-visual{padding-top:108px}.inner-brand-cloud{width:250px;height:210px;top:-30px}.ih-console-heading h2{font-size:14px}.ih-table-wrap th,.ih-table-wrap td{padding:9px}}
@media(max-width:850px){.inner-brand-hero .inner-hero-layout{grid-template-columns:1fr 1fr;gap:25px}.inner-brand-hero h1{font-size:30px!important}.inner-brand-hero .inner-hero-copy p{font-size:14px!important}.ih-console{transform:none}.ih-panel{padding:14px;min-height:250px}.ih-tabs{gap:3px 11px;margin-inline:14px}.ih-tabs button{font-size:11px}.ih-console-heading{padding:17px 14px 11px}.ih-console-heading h2{font-size:13px}.ih-console-top{padding:10px 14px;gap:7px}.ih-console-top>span{font-size:10px}.ih-flow li>b{font-size:11px}.ih-connect-node b{font-size:11px}.ih-data-line{width:13px}.ih-table-wrap table{font-size:11px}.ih-console-foot{font-size:10px;padding:10px 13px}}
@media(max-width:650px){.page-hero.inner-brand-hero{padding:107px 0 21px!important}.inner-brand-hero .inner-hero-layout{grid-template-columns:1fr;gap:8px;padding-bottom:15px}.inner-brand-hero h1{font-size:29px!important;line-height:1.5!important;max-width:550px;letter-spacing:-.7px}.inner-brand-hero .breadcrumb{font-size:12px;margin-bottom:18px}.inner-brand-hero .inner-hero-copy p{font-size:15px!important;line-height:1.95!important}.inner-brand-hero .inner-hero-copy .case-source-note{font-size:12px!important}.inner-hero-visual{padding-top:112px;max-width:480px;justify-self:center;width:100%}.inner-brand-cloud{width:280px;height:230px;top:-31px;right:-19px}.ih-console-heading h2{font-size:14px}.ih-tabs{gap:4px 14px}.ih-tabs button{font-size:12px;min-height:38px}.ih-panel{padding:17px;min-height:240px}.ih-flow li>b{font-size:12px}.ih-table-wrap table{font-size:12px}.ih-table-wrap th,.ih-table-wrap td{padding:10px}.ih-console-foot{font-size:11px;padding:12px 15px}.inner-brand-hero .subpage-motion{margin-top:3px;padding-top:14px}.inner-brand-hero .subpage-motion>span{font-size:9px;letter-spacing:.8px}.inner-brand-hero .subpage-motion button{font-size:11px;padding:6px 10px}.ih-note h3{font-size:15px}.ih-console{border-radius:13px}.ih-connect-node b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.inner-brand-hero *{animation:none!important;transition:none!important}.ih-console{transform:none}}
.ih-flow{z-index:0}
.inner-brand-hero #heroRoot .inner-hero-copy h1{font-size:clamp(28px,2.8vw,36px)!important}
@media(max-width:650px){.inner-brand-hero #heroRoot .inner-hero-copy h1{font-size:28px!important}}
/* Row entrance stays inside the preview instead of creating temporary scrollbars. */
.ih-table-wrap{overflow:hidden}