/* Hero grid 2: logo-blue chrome, white work surfaces, industry-specific views. */
.business-home .hero-demo { --hs-blue:#0070f0; --hs-deep:#0030d0; --hs-cyan:#00c0f0; --hs-ink:#163454; --hs-muted:#526b87; --hs-line:#dce8f5; padding:30px; background:radial-gradient(ellipse at 50% 55%,#0064e01c,transparent 68%),linear-gradient(155deg,#0e2340,#09172c 65%); border-color:#468acc50; box-shadow:inset 0 1px 0 #c2e5ff12,inset 0 -1px 0 #0057ed12; }
.hero-demo .demo-heading { align-items:flex-start; }
.hero-demo .demo-heading p { max-width:42ch; line-height:1.65; }
.hero-demo .industry-picker { gap:5px; margin:22px 0 0; padding:6px; border:1px solid #79b9ef1f; border-radius:12px; background:#05132955; box-shadow:inset 0 1px 4px #00000012; }
.hero-demo .industry-picker button { flex:1 0 auto; border-color:transparent; border-radius:7px; background:transparent; color:#bcd4ef; min-height:36px; padding:8px 10px; }
.hero-demo .industry-picker button[aria-pressed="true"] { background:linear-gradient(120deg,#0070f0,#0030d0); color:#fff; border-color:#61cfff; box-shadow:inset 0 1px 0 #ffffff50,0 3px 12px #0070f035; }
.hero-demo .hero-system-stage { display:grid; grid-template-columns:minmax(0,1fr); align-content:center; align-items:stretch; padding:28px 16px 44px; width:100%; max-width:644px; margin:0 auto; isolation:isolate; }
.hero-demo .hero-system-stage::before { content:''; position:absolute; inset:8% -4% 0; z-index:-3; pointer-events:none; background:radial-gradient(ellipse at 50% 58%,#0070f04a,transparent 70%); opacity:.65; transition:opacity .5s ease; }
.business-home .hero-demo .system-ghost { position:relative; grid-area:1/1; inset:auto; margin:0 4px; transform:translateY(12px) rotate(-1.1deg) scale(.985); transform-origin:50% 65%; border-radius:15px; border:1px solid #82c9ff80; background:linear-gradient(135deg,#4b9fec,#164fa1 55%,#073879); box-shadow:inset 0 1px 0 #ffffff70,0 8px 16px #00000028; opacity:1; pointer-events:none; z-index:-1; transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .45s ease,box-shadow .45s ease; }
.business-home .hero-demo .ghost-two { margin-inline:8px; transform:translateY(25px) rotate(1.4deg) scale(.96); border-color:#408fec80; background:linear-gradient(145deg,#1a60bd,#073578 65%,#052652); box-shadow:inset 0 1px 0 #b1deff50,0 18px 30px -10px #00000070; z-index:-2; }
.business-home .hero-demo .business-sim { --system-accent:var(--hs-blue); grid-area:1/1; align-self:start; transform:translateY(0); border:1px solid #b8d9ffb3; border-radius:14px; background:#f5f9ff; color:var(--hs-ink); box-shadow:0 2px 4px #00000014,0 14px 28px -12px #00000080,0 32px 64px -24px #00000080,0 0 0 1px #0070f01a; transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .4s ease; }
.business-home .hero-demo .hero-system-stage:focus-within .business-sim { border-color:#e1f5ff; box-shadow:0 0 0 1px #55baff55,0 18px 38px -12px #00000099,0 30px 64px -24px #0070f045; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .business-home .hero-demo .hero-system-stage:hover .business-sim { transform:translateY(-7px); border-color:#e1f5ff; box-shadow:0 0 0 1px #8bcfff33,0 10px 18px -8px #00000055,0 30px 50px -18px #000000aa,0 40px 80px -30px #0070f060; }
  .business-home .hero-demo .hero-system-stage:hover .ghost-one { transform:translate(-5px,11px) rotate(-1.8deg) scale(.985); border-color:#a4dcffb3; }
  .business-home .hero-demo .hero-system-stage:hover .ghost-two { transform:translate(6px,28px) rotate(2deg) scale(.96); border-color:#5faeffa6; }
  .hero-demo .hero-system-stage:hover::before { opacity:1; }
}
.hero-demo .hero-demo-bottom { margin-top:0; padding:15px 0 0; border-top:1px solid #89b6df1c; gap:8px 16px; }
.hero-demo .hero-demo-bottom a { gap:14px; }
.hero-demo .sim-chrome { min-height:34px; background:linear-gradient(110deg,#00c0f0 -35%,#0070f0 42%,#0030d0); color:#fff; border:0; padding:8px 14px; }
.hero-demo .window-dots i,.hero-demo .window-dots i:first-child { background:#fff; opacity:.7; }
.hero-demo .window-dots i:nth-child(2) { opacity:.45; }
.hero-demo .window-dots i:nth-child(3) { opacity:.25; }
.hero-demo .sim-chrome .demo-label { color:#fff; background:#ffffff1c; border-color:#ffffff50; letter-spacing:.06em; }
.hero-demo .workspace-head { padding:16px 16px 12px; background:#fff; gap:10px; }
.hero-demo .company-mark { background:linear-gradient(145deg,#00c0f0,#0070f0 55%,#0030d0); color:white; border:1px solid #6dcaff; box-shadow:0 3px 8px #0070f025,inset 0 1px 0 #ffffff88; border-radius:10px; }
.hero-demo .workspace-head strong { color:var(--hs-ink); font-size:15px; letter-spacing:-.025em; }
.business-home .hero-demo .workspace-head small { color:var(--hs-muted); font-size:10px; }
.hero-demo .workspace-avatar { background:#edf5ff; color:#005bc4; border:1px solid #c5ddf8; }
.hero-demo .workspace-modules { padding:0 16px; gap:0 15px; flex-wrap:wrap; background:#fff; }
.hero-demo .workspace-modules span,.hero-demo .workspace-modules span:first-child { white-space:nowrap; padding:9px 0 10px; border:0; border-bottom:2px solid transparent; border-radius:0; color:var(--hs-muted); background:transparent; font-size:10px; }
.hero-demo .workspace-modules span.hs-module-active { color:#005bc4; border-bottom-color:var(--hs-blue); font-weight:600; }
.hero-demo .workspace-viewbar { margin:0; padding:13px 16px 11px; color:#214465; border-top:1px solid var(--hs-line); border-bottom:0; background:transparent; font-size:11px; font-weight:600; }
.hero-demo .workspace-viewbar .hs-sample { font-size:9px; font-weight:400; color:var(--hs-muted); }
.hero-demo .workspace-board { display:flex; flex-direction:column; gap:0; padding:0 14px 12px; min-height:328px; }
.hero-demo .workspace-board>.hs-panel,.hero-demo .workspace-board>.hs-split { min-height:196px; }
.business-home .hero-demo .workspace-board>div { display:block; }
.business-home .hero-demo .workspace-board>.hs-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.hs-metrics>div { min-width:0; border:1px solid var(--hs-line); border-radius:7px; background:#fff; padding:10px; box-shadow:0 2px 3px #0049b003; }
.hs-metrics small { display:block; color:var(--hs-muted); font-size:9px; line-height:1.4; }
.hs-metrics strong { display:block; margin:5px 0; color:#0052cc; font-size:clamp(15px,1.6vw,23px); font-weight:600; letter-spacing:-.04em; line-height:1.15; }
.hs-metrics span { display:block; color:var(--hs-muted); font-size:8px; line-height:1.5; }
.hs-panel { min-width:0; overflow:hidden; border:1px solid var(--hs-line); border-radius:8px; background:#fff; }
.hs-panel>header { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:11px; border-bottom:1px solid #eaf0f8; }
.hs-panel>header strong { font-size:10px; font-weight:600; }
.hs-panel>header small { font-size:8px; color:var(--hs-muted); white-space:nowrap; }
.business-home .hero-demo .workspace-board>.hs-split { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.hs-row { display:flex; align-items:center; gap:7px; padding:11px 9px; border-bottom:1px solid #edf2f9; }
.hs-initial { display:grid; place-items:center; width:26px; height:28px; flex:0 0 26px; background:#eaf4ff; border:1px solid #cce3ff; border-radius:7px; color:#005bc4; font-size:9px; font-weight:600; }
.hs-row>div { min-width:0; flex:1; }
.hs-row strong { display:block; font-size:9px; font-weight:600; line-height:1.5; }
.hs-row small { display:block; font-size:8px; color:var(--hs-muted); line-height:1.6; }
.hs-tag { display:inline-block; padding:3px 5px; border:1px solid #c9e2ff; border-radius:4px; background:#eff7ff; color:#0057b8; font-size:8px; line-height:1.3; white-space:nowrap; }
.hs-property-art { position:relative; background:linear-gradient(130deg,#e8faff,#dceaff); height:88px; overflow:hidden; }
.hs-property-art svg { width:100%; height:100%; }
.hs-property-art>span { position:absolute; top:7px; left:8px; background:#ffffffed; border-radius:3px; padding:3px 5px; font-size:8px; color:#21507c; }
.hs-property-info { padding:10px; }
.hs-property-info strong { display:block; font-size:10px; }
.hs-property-info small { display:block; margin-top:4px; color:var(--hs-muted); font-size:8px; }
.hs-property-info b { display:block; margin-top:8px; color:#005bc4; font-size:13px; font-weight:600; }
.hs-note { padding:12px 10px; font-size:9px; color:var(--hs-muted); }
.hs-note strong { float:right; color:#005bc4; }
.hs-meter { display:block; height:4px; border-radius:4px; background:#e6f0fc; margin-top:9px; overflow:hidden; }
.hs-meter i { display:block; height:100%; background:linear-gradient(90deg,var(--hs-cyan),var(--hs-blue)); }
.hs-table { width:100%; border-collapse:collapse; font-size:10px; text-align:left; font-variant-numeric:tabular-nums; }
.hs-table th { padding:8px 11px; color:var(--hs-muted); background:#f8fbff; font-size:8px; font-weight:500; }
.hs-table td { padding:10px 11px; border-top:1px solid #edf2f9; }
.hs-table td strong { font-size:10px; font-weight:600; }
.hs-table td small { display:block; margin-top:3px; font-size:8px; color:var(--hs-muted); }
.hs-panel-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px; font-size:8px; color:var(--hs-muted); background:#f8fbff; }
.hs-panel-foot strong { color:#285681; font-size:8px; font-weight:500; }
.hs-map { height:168px; background:#e7f1fb; }
.hs-map svg { width:100%; height:100%; }
.hs-route { list-style:none; margin:0; padding:10px 10px 10px 23px; }
.hs-route li { position:relative; padding:0 0 10px 12px; border-left:1px solid #a7cefa; font-size:9px; }
.hs-route li:last-child { padding-bottom:0; }
.hs-route li:before { content:''; position:absolute; top:3px; left:-4px; width:7px; height:7px; border:1px solid #fff; border-radius:50%; background:var(--hs-blue); }
.hs-route small { display:block; font-size:8px; color:var(--hs-muted); margin-top:3px; }
.hs-schedule-head,.hs-schedule { display:grid; grid-template-columns:35px 1fr 1fr; gap:6px; padding:8px 10px; font-size:8px; }
.hs-schedule-head { color:var(--hs-muted); background:#f8fbff; }
.hs-schedule { padding-top:3px; }
.hs-schedule time { font-size:8px; padding-top:10px; color:var(--hs-muted); }
.hs-slot { padding:8px; background:#ecf5ff; border:1px solid #d4e6fa; border-left:2px solid #2498ff; border-radius:4px; font-size:9px; }
.hs-slot small { display:block; margin-top:4px; color:var(--hs-muted); font-size:8px; }
.hs-slot-free { border:1px dashed #bed4ed; background:#fff; color:var(--hs-muted); }
.hs-slot-selected { background:linear-gradient(110deg,#0070f0,#0030d0); border-color:#0070f0; color:#fff; }
.hs-slot-selected small { color:#e6f5ff; }
.hs-gantt-head { display:grid; grid-template-columns:82px repeat(4,1fr); padding:10px 12px; font-size:8px; color:var(--hs-muted); border-bottom:1px solid #edf2f9; }
.hs-gantt { display:grid; grid-template-columns:82px repeat(4,minmax(0,1fr)); grid-template-rows:repeat(3,30px); align-items:center; padding:7px 12px; row-gap:5px; background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#eaf1f9 calc(25% - 1px),#eaf1f9 25%); }
.hs-gantt>strong { grid-column:1; font-size:9px; font-weight:500; }
.hs-gantt>span { grid-column:var(--start)/span var(--span); padding:7px 5px; border:1px solid #b5d9ff; border-radius:4px; color:#005bc4; background:#e5f2ff; font-size:8px; text-align:center; }
.hs-gantt>span:first-of-type { background:linear-gradient(110deg,#0070f0,#0030d0); color:#fff; border-color:#0070f0; }
.hs-project-team { display:flex; gap:8px; align-items:center; padding:12px; border-top:1px solid #edf2f9; font-size:9px; }
.hs-project-team small { display:block; margin-top:4px; color:var(--hs-muted); font-size:8px; }
.hs-project-team>.hs-tag { margin-left:auto; }
.hs-avatars { display:flex; padding-right:3px; }
.hs-avatars i { display:grid; place-items:center; width:24px; height:24px; margin-right:-5px; border:2px solid #fff; border-radius:50%; color:#005bc4; background:#d9edff; font-size:7px; font-style:normal; }
.hs-products { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 9px; }
.hs-products>div { text-align:center; }
.hs-products strong { display:block; font-size:9px; margin-top:12px; }
.hs-products small { display:block; color:var(--hs-muted); font-size:8px; margin-top:5px; line-height:1.6; }
.hs-product { display:block; position:relative; margin:18px auto 10px; height:57px; box-shadow:4px 6px 9px #0070f018,inset 2px 0 3px #ffffff88; }
.hs-bag { width:47px; border:1px solid #64b6ff; border-radius:2px 2px 8px 8px; background:linear-gradient(120deg,#fff,#d9edff); }
.hs-bag:before { content:''; position:absolute; top:-15px; left:12px; width:21px; height:23px; border:3px solid #0070f0; border-bottom:0; border-radius:10px 10px 0 0; }
.hs-bag:after { content:'a'; position:absolute; top:15px; left:15px; color:#0070f0; font-size:22px; font-weight:600; }
.hs-bottle { width:27px; border:1px solid #2789f8; border-radius:8px 8px 6px 6px; background:linear-gradient(90deg,#0053d4,#00c0f0 40%,#0070f0 80%,#0030d0); }
.hs-bottle:before { content:''; position:absolute; top:-9px; left:5px; width:15px; height:10px; background:#0030d0; border-radius:3px 3px 0 0; }
.hs-receipt { padding:9px 10px; }
.hs-receipt>div { display:flex; justify-content:space-between; gap:8px; padding:8px 0; font-size:9px; }
.hs-receipt b { font-weight:500; font-variant-numeric:tabular-nums; }
.hs-receipt>div:nth-child(3) { color:var(--hs-muted); font-size:8px; }
.hs-receipt .hs-total { border-top:1px dashed #bad6f5; margin-top:5px; color:#005bc4; font-weight:600; font-size:12px; }
.hs-rooms { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; padding:12px 9px; }
.hs-rooms>div { text-align:center; background:#f3f8ff; border:1px solid #dae8fa; border-radius:5px; padding:13px 0; }
.hs-rooms strong { display:block; font-size:11px; font-weight:600; }
.hs-rooms small { display:block; margin-top:6px; font-size:7px; color:var(--hs-muted); }
.hs-rooms .hs-room-selected { background:linear-gradient(140deg,#0070f0,#0030d0); border-color:#0070f0; color:#fff; }
.hs-room-selected small { color:#fff; }
.hs-guest { padding:12px 10px 8px; text-align:center; }
.hs-guest .hs-initial { margin:0 auto 7px; }
.hs-guest>strong { display:block; font-size:11px; }
.hs-guest>small { display:block; margin-top:4px; font-size:8px; color:var(--hs-muted); }
.business-home .hero-demo .workspace-board>.hs-actionbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:12px; }
.hs-actionbar>span { font-size:10px; font-weight:500; }
.hs-actionbar small { display:block; margin-top:3px; color:var(--hs-muted); font-size:8px; font-weight:400; }
.hs-actionbar button { min-height:36px; border:1px solid #298dff; border-radius:6px; padding:8px 11px; background:linear-gradient(115deg,#0070f0,#0030d0); color:#fff; font:500 10px var(--nx-body); box-shadow:inset 0 1px 0 #ffffff30,0 3px 6px #0070f020; cursor:pointer; }
.hs-actionbar button:hover { filter:brightness(1.12); }
.hs-actionbar button[aria-disabled="true"] { background:#e6f2ff; color:#005bc4; border-color:#bbd9ff; cursor:default; box-shadow:none; }
.business-home .hero-demo .hs-actionbar button:focus-visible { outline:2px solid #0030d0; outline-offset:3px; }
.hero-demo .workspace-rule { margin:0 14px 14px; padding:9px 10px; background:#eaf4ff; border-color:#c7e1ff; align-items:flex-start; min-height:57px; }
.hero-demo .workspace-rule>span { color:#0070f0; }
.hero-demo .workspace-rule small { color:#42658b; font-size:8px; }
.hero-demo .workspace-rule strong { color:#194b7d; font-size:9px; line-height:1.5; font-weight:500; }
@media (max-width:1150px) and (min-width:981px) {
  .business-home .hero-demo { padding:24px; }
  .hero-demo .hero-system-stage { padding-inline:0; }
  .hero-demo .hs-row { flex-wrap:wrap; }
  .hero-demo .hs-row>.hs-tag { margin-left:33px; }
  .hs-metrics>div { padding:8px; }
}
@media (max-width:680px) {
  .business-home .hero-demo { padding:24px 16px 20px; }
  .hero-demo .industry-picker { flex-wrap:wrap; overflow:visible; margin:18px 0 0; padding:5px; gap:4px; border-radius:11px; }
  .hero-demo .industry-picker button { min-height:40px; padding:7px 8px; font-size:10px; }
  .hero-demo .hero-system-stage { padding:24px 0 34px; }
  .business-home .hero-demo .system-ghost { margin-inline:6px; transform:translateY(10px); }
  .business-home .hero-demo .ghost-two { margin-inline:12px; transform:translateY(20px); }
  .hero-demo .hero-demo-bottom { padding-top:12px; }
  .hero-demo .workspace-head { padding:13px 11px 9px; }
  .hero-demo .workspace-head strong { font-size:13px; }
  .hero-demo .workspace-modules { padding:0 11px; gap:0 12px; }
  .hero-demo .workspace-viewbar { padding:12px 10px 10px; }
  .hero-demo .workspace-board { padding:0 9px 11px; min-height:0; }
  .hero-demo .workspace-board>.hs-panel,.hero-demo .workspace-board>.hs-split { min-height:0; }
  .business-home .hero-demo .workspace-board>.hs-metrics { gap:5px; }
  .hs-metrics>div { padding:8px 6px; }
  .hs-metrics strong { font-size:17px; }
  .hs-metrics small { font-size:8px; }
  .hs-metrics span { font-size:8px; }
  .business-home .hero-demo .workspace-board>.hs-split { grid-template-columns:1fr; gap:8px; }
  .hs-panel>header strong { font-size:11px; }
  .hs-panel>header small { font-size:9px; }
  .hs-row strong,.hs-property-info strong { font-size:11px; }
  .hs-row small,.hs-property-info small { font-size:9px; }
  .hs-property-art { height:100px; }
  .hs-note { padding:10px; }
  .hs-tag { font-size:9px; }
  .hs-table td,.hs-table th { padding:10px 6px; }
  .hs-table td strong { font-size:9px; }
  .hs-map { height:155px; }
  .hs-route { display:flex; justify-content:space-between; padding:12px; gap:8px; }
  .hs-route li { font-size:9px; padding:0 0 0 8px; }
  .hs-gantt,.hs-gantt-head { grid-template-columns:65px repeat(4,minmax(0,1fr)); padding-inline:8px; }
  .hs-gantt>span { padding-inline:2px; font-size:7px; }
  .hs-project-team { flex-wrap:wrap; padding:10px 8px; }
  .hs-project-team>.hs-tag { margin-left:0; }
  .hs-products { padding-block:8px; }
  .hs-rooms>div { padding:15px 0; }
  .hs-rooms small { font-size:9px; }
  .hs-guest { text-align:left; min-height:52px; }
  .hs-guest .hs-initial { float:left; margin:0 10px 0 0; }
  .hs-actionbar { gap:6px; }
  .hs-actionbar>span { font-size:9px; }
  .hs-actionbar button { min-height:44px; padding:9px; font-size:10px; }
  .hero-demo .workspace-rule { margin:0 9px 12px; }
}

/* Desktop window proportions and bezel; the industry dashboards stay intact. */
.business-home .hero-demo .hero-system-stage { max-width:660px; padding:25px 6px 42px; }
.business-home .hero-demo .business-sim { padding:5px; border:1px solid #b5d9ffb3; border-radius:14px; background:linear-gradient(150deg,#d9edff,#6a9fd4 32%,#1d4a7c 80%,#8bb7e6); box-shadow:inset 0 1px 0 #ffffffde,0 2px 3px #0004,0 22px 40px -14px #0009,0 38px 70px -28px #0070f055; }
.hs-window-surface { overflow:hidden; border-radius:9px; background:#f5f9ff; border:1px solid #16447d80; box-shadow:0 0 0 1px #ffffff30; }
.hero-demo .sim-chrome { min-height:39px; padding:0 10px 0 9px; align-items:center; gap:9px; background:linear-gradient(115deg,#0070f0,#0030d0); border-bottom:1px solid #0043b5; }
.hs-desktop-tab { display:flex; gap:7px; align-items:center; align-self:stretch; min-width:0; margin-top:5px; padding:0 11px; border:1px solid #ffffff50; border-bottom:0; border-radius:7px 7px 0 0; background:linear-gradient(#fffffffa,#eaf4ff); color:#174b80; box-shadow:0 -1px 3px #00389815; font-size:10px; font-weight:500; }
.hs-desktop-tab img { object-fit:contain; flex:0 0 18px; }
.hs-desktop-tab>span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hs-window-ai { margin-left:auto; color:#eef8ff; font-size:8px; letter-spacing:.02em; white-space:nowrap; }
.hs-window-controls { display:flex; align-items:center; gap:13px; padding-left:7px; opacity:.8; }
.hs-window-controls i { position:relative; display:block; width:8px; height:8px; }
.hs-window-controls i:first-child { border-bottom:1px solid #fff; height:4px; }
.hs-window-controls i:nth-child(2) { border:1px solid #fff; border-radius:1px; }
.hs-window-controls i:last-child::before,.hs-window-controls i:last-child::after { content:''; position:absolute; top:3px; left:0; width:9px; height:1px; background:#fff; transform:rotate(45deg); }
.hs-window-controls i:last-child::after { transform:rotate(-45deg); }
.hero-demo .workspace-head { padding:13px 16px 10px; }
.hero-demo .workspace-modules { gap:0 13px; }
.hero-demo .workspace-modules span { padding:8px 0 9px; }
.hero-demo .workspace-viewbar { padding:11px 16px 10px; }
.hero-demo .workspace-board { min-height:306px; }
.hero-demo .workspace-board>.hs-panel,.hero-demo .workspace-board>.hs-split { min-height:184px; }
.business-home .hero-demo .workspace-board>.hs-metrics { margin-bottom:10px; }
.hero-demo .hs-metrics>div { padding:9px 10px; }
.hero-demo .hs-property-art { height:82px; }
.hero-demo .hs-panel>header { padding:10px; }
.hero-demo .workspace-rule.hs-ai-assist { display:flex; gap:10px; margin:0 14px 13px; padding:11px 12px; border:1px solid #abcfff; border-radius:8px; background:linear-gradient(110deg,#eef8ff,#eaf1ff); box-shadow:inset 0 1px 0 #fff; }
.hs-ai-mark { display:grid; place-items:center; flex:0 0 27px; width:27px; height:29px; border:1px solid #84cfff; border-radius:8px; background:linear-gradient(140deg,#00c0f0,#0070f0 55%,#0030d0); box-shadow:inset 0 1px 0 #ffffff66,0 3px 7px #0070f025; }
.hero-demo .hs-ai-mark svg { display:block; width:17px; height:17px; fill:none; stroke:#fff; stroke-width:1.45; stroke-linejoin:round; stroke-linecap:round; }
.hs-ai-content { min-width:0; flex:1; }
.hs-ai-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.hero-demo .hs-ai-heading small { color:#005bc4; font-size:10px; font-weight:600; }
.hs-ai-heading>span { color:#4e6e95; font-size:8px; }
.hero-demo .hs-ai-content>strong { color:#174776; font-size:10px; font-weight:500; margin-top:6px; line-height:1.45; }
.hs-ai-content>p { color:#47688b; font-size:9px; line-height:1.5; margin:3px 0 0; }
.hs-ai-reason { margin-top:4px; }
.hs-ai-reason summary { display:flex; align-items:center; gap:8px; width:fit-content; min-height:26px; color:#005bc4; font-size:9px; cursor:pointer; list-style:none; }
.hs-ai-reason summary::-webkit-details-marker { display:none; }
.hs-ai-reason summary>span { transition:transform .2s; }
.hs-ai-reason[open] summary>span { transform:rotate(90deg); }
.hs-ai-reason summary:focus-visible { outline:2px solid #005bc4; outline-offset:2px; border-radius:2px; }
.hs-ai-reason>p { margin:6px 0; color:#3c6086; font-size:9px; line-height:1.6; }
.hs-ai-reason .hs-ai-workflow { border-top:1px solid #bdd8f5; padding-top:7px; color:#0057b8; }
.hs-desktop-content { min-width:0; }
/* A wide desktop viewport: dashboard and assistant share the horizontal space. */
@media (min-width:681px) {
  .business-home .hero-demo { padding:25px; }
  .business-home .hero-demo .hero-system-stage { max-width:1040px; padding:26px 4px 42px; }
  .business-home .hero-demo .business-sim { aspect-ratio:16 / 10; min-height:0; height:auto; overflow:hidden; }
  .hero-demo .hs-window-surface { height:100%; display:flex; flex-direction:column; }
  .hero-demo .sim-chrome { flex:0 0 32px; min-height:32px; }
  .hero-demo .hs-desktop-content { display:grid; grid-template-columns:minmax(0,1fr) 160px; grid-template-rows:auto auto auto minmax(min-content,1fr); flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#95bdf1 #eff6ff; background:#f5f9ff; }
  .hero-demo .workspace-head { grid-column:1/-1; padding:10px 13px 8px; }
  .hero-demo .company-mark { width:29px; height:29px; flex-basis:29px; border-radius:8px; font-size:10px; }
  .hero-demo .workspace-head strong { font-size:14px; }
  .hero-demo .workspace-head small { margin-top:3px; }
  .hero-demo .workspace-modules { grid-column:1/-1; padding:0 13px; }
  .hero-demo .workspace-modules span { padding:6px 0 7px; font-size:9px; }
  .hero-demo .workspace-viewbar { grid-column:1; grid-row:3; padding:9px 11px; font-size:10px; }
  .hero-demo .workspace-board { grid-column:1; grid-row:4; min-height:0; padding:0 10px 10px; }
  .hero-demo .workspace-board>.hs-panel,.hero-demo .workspace-board>.hs-split { min-height:174px; }
  .business-home .hero-demo .workspace-board>.hs-metrics { gap:6px; margin-bottom:8px; }
  .hero-demo .hs-metrics>div { padding:7px 8px; }
  .hero-demo .hs-metrics strong { font-size:20px; margin:4px 0; }
  .hero-demo .hs-metrics small { font-size:8px; }
  .hero-demo .hs-metrics span { font-size:8px; line-height:1.35; }
  .hero-demo .hs-panel>header { padding:8px 9px; }
  .hero-demo .hs-property-art { height:70px; }
  .hero-demo .hs-property-info { padding:8px 9px; }
  .hero-demo .hs-row { padding:9px 8px; }
  .hero-demo .hs-note { padding:10px 9px; }
  .hero-demo .hs-map { height:150px; }
  .hero-demo .hs-route { padding-top:8px; }
  .hero-demo .hs-route li { padding-bottom:8px; }
  .hero-demo .hs-route li:last-child { padding-bottom:0; }
  .hero-demo .hs-table td { padding:8px 9px; }
  .hero-demo .hs-slot { padding:6px 7px; }
  .hero-demo .hs-schedule { gap:5px; padding-bottom:6px; }
  .hero-demo .hs-gantt { grid-template-rows:repeat(3,27px); }
  .hero-demo .hs-project-team { padding:10px; }
  .business-home .hero-demo .workspace-board>.hs-actionbar { padding-top:9px; }
  .hero-demo .hs-actionbar button { min-height:32px; padding:7px 10px; }
  .hero-demo .workspace-rule.hs-ai-assist { grid-column:2; grid-row:3 / 5; align-self:stretch; display:flex; flex-direction:column; gap:11px; margin:0; padding:16px 13px; border:0; border-left:1px solid #c5dbf8; border-top:1px solid #dce8f5; border-radius:0; background:linear-gradient(155deg,#eaf5ff,#edf2ff); box-shadow:inset 1px 0 0 #fff; }
  .hero-demo .hs-ai-content { flex:0 0 auto; width:100%; }
  .hero-demo .hs-ai-heading { flex-direction:column; align-items:flex-start; gap:5px; }
  .hero-demo .hs-ai-heading small { font-size:11px; }
  .hero-demo .hs-ai-heading>span { font-size:8px; }
  .hero-demo .hs-ai-content>strong { margin-top:14px; font-size:11px; line-height:1.5; }
  .hero-demo .hs-ai-content>p { margin-top:7px; font-size:9px; line-height:1.6; }
  .hero-demo .hs-ai-reason { margin-top:10px; }
  .hero-demo .hs-ai-reason summary { line-height:1.5; }
}
@media (min-width:1200px) {
  .business-home .hero-bento { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); }
  .business-home .hero-copy { padding:34px; }
  .business-home .abdh h1 { font-size:clamp(48px,4.2vw,66px); }
  .hero-copy .nx-hero-actions { gap:10px; }
  .hero-copy .nx-button { padding-inline:15px; font-size:11px; }
}
@media (min-width:961px) and (max-width:1199px) {
  .business-home .hero-bento { grid-template-columns:1fr; }
  .business-home .hero-copy { min-height:0; padding:36px; }
  .business-home .abdh h1 { max-width:15ch; font-size:64px; }
  .business-home .hero-philosophy { padding-top:28px; }
}
@media (max-width:1150px) and (min-width:981px) {
  .business-home .hero-demo .hero-system-stage { padding-inline:0; }
  .hs-window-controls { gap:9px; padding-left:0; }
  .hs-desktop-tab { padding-inline:7px; font-size:9px; }
}
@media (max-width:680px) {
  .business-home .hero-demo .hero-system-stage { padding:23px 0 34px; }
  .business-home .hero-demo .business-sim { padding:3px; border-radius:12px; }
  .hs-window-surface { border-radius:8px; }
  .hero-demo .sim-chrome { padding:0 7px; min-height:36px; gap:6px; }
  .hs-desktop-tab { padding-inline:7px; gap:5px; font-size:9px; }
  .hs-window-ai { font-size:7px; }
  .hs-window-controls { display:none; }
  .hero-demo .workspace-head { padding:13px 11px 10px; }
  .hero-demo .workspace-board { min-height:0; }
  .hero-demo .workspace-board>.hs-panel,.hero-demo .workspace-board>.hs-split { min-height:0; }
  .hero-demo .hs-metrics>div { padding:8px 6px; }
  .hero-demo .hs-property-art { height:100px; }
  .hero-demo .workspace-rule.hs-ai-assist { margin:0 9px 12px; padding:10px; gap:8px; }
  .hs-ai-heading { flex-wrap:wrap; gap:4px; }
  .hs-ai-heading>span { font-size:7px; }
  .hs-ai-reason summary { min-height:36px; }
}