/* Current hero: live Adapt input -> intelligence -> outcome mechanism,
   adapted to ServiceIQ's charcoal palette and contractor workflows. */
.automation-hero .hero-camera{padding-top:clamp(56px,6vw,88px);padding-bottom:56px}
.automation-hero .hero-copy{max-width:900px}
.automation-stage{position:relative;width:calc(100% - 48px);max-width:1300px;height:clamp(480px,44vw,600px);margin:clamp(64px,7vw,104px) auto 0;overflow:hidden}
.automation-stage .hero-media,.automation-stage .hero-media-inner{position:absolute;inset:0;height:100%;width:100%;background:transparent}
.intelligence-flow{--flow-ink:#eeeee8;--flow-muted:#b0b5ab;display:block;width:100%;height:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-intro-running .automation-stage{visibility:hidden}
.flow-fallback{position:absolute;inset:20%;margin:0;text-align:center;line-height:1.8;color:#c7cbc3}
.flow-fallback[hidden]{display:none}
.intelligence-wheel-section{padding:80px 0 64px;overflow:hidden}
.wheel-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}
.wheel-section-heading h2{font-size:clamp(34px,4.2vw,56px);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin:0}
.wheel-section-heading>p{max-width:330px;font-size:14px;line-height:1.8;color:#6c7068;margin:0 0 2px}
.wheel-stage{position:relative;width:100%;max-width:1200px;aspect-ratio:1;margin:28px auto 0;will-change:transform}
.wheel-stage>svg,.wheel-modal-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wheel-ring{fill:none;stroke:#dce0d8;stroke-width:1}
.wheel-record{font-size:13px;fill:#6f766c;font-family:inherit}
.wheel-wedge{opacity:.075;stroke:#f8f9f5;stroke-width:5;transition:opacity .35s}
.wheel-spoke{fill:none;stroke-width:1.3;opacity:.5;transition:opacity .35s}
.wheel-link{fill:none;stroke-width:1;opacity:.4;transition:opacity .35s}
.wheel-hub,.wheel-leaf{cursor:pointer;transition:opacity .35s}
.wheel-hub-dot{fill:#f5f6f1;stroke-width:2}
.wheel-module-label{font-size:22px;font-weight:500;letter-spacing:-.02em}
.wheel-leaf text{font-size:13px;letter-spacing:-.005em;fill:#363c35}
.wheel-center circle{fill:#20221e}
.wheel-center text{font-size:23px;fill:#f6f7f2;letter-spacing:-.04em}
.wheel-hub:focus-visible{outline:none}.wheel-hub:focus-visible .wheel-hub-dot,.wheel-hub:hover .wheel-hub-dot{stroke-width:5}
.wheel-leaf:hover text{font-weight:700}
.wheel-stage .is-dim,.wheel-modal-map .is-dim{opacity:.09}
.wheel-modal-map .is-kin{opacity:.28}
.wheel-spoke.is-active,.wheel-link.is-active{opacity:1;stroke-width:2.4}
.wheel-hub.is-active .wheel-hub-dot{fill:var(--wheel-active-color);stroke-width:5;filter:drop-shadow(0 0 7px var(--wheel-active-color))}
.wheel-leaf.is-active circle{filter:drop-shadow(0 0 4px var(--wheel-active-color))}
.wheel-hub.is-active .wheel-module-label,.wheel-leaf.is-active text{font-weight:600}
.wheel-current{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:.07 .93;pointer-events:none;display:none}
[data-cycle-running="true"] .wheel-current.is-active{display:block;animation:wheel-current-travel 1.8s linear infinite;filter:drop-shadow(0 0 5px var(--wheel-active-color))}
@keyframes wheel-current-travel{from{stroke-dashoffset:.1}to{stroke-dashoffset:-.9}}
.wheel-mobile-nav button[data-active="true"]{border-color:var(--wheel-accent);box-shadow:inset 0 0 0 1px var(--wheel-accent);color:#303a2d}
.wheel-instruction strong{display:block;color:#434c3e;font-weight:500;min-height:1.5em;margin-bottom:7px}
.wheel-instruction{font-size:11px;text-align:center;color:#7d8378;margin:0 0 32px}
.wheel-cases{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.wheel-cases::-webkit-scrollbar{display:none}
.wheel-case{flex:0 0 calc((100% - 32px)/3);min-width:0;padding:24px 0 22px;border:0;border-top:1px solid #d5d9cf;background:transparent;text-align:left;display:flex;flex-direction:column;gap:14px;font:inherit;cursor:pointer;scroll-snap-align:start}
.wheel-case strong{font-size:19px;font-weight:400;letter-spacing:-.035em}
.wheel-case>span{font-size:12px;color:#74796f;line-height:1.7;min-height:61px;max-width:29ch}
.wheel-case small{font-size:10px;margin-top:auto;color:#414a3d}
.wheel-case:hover strong{text-decoration:underline;text-underline-offset:4px}
.wheel-case:focus-visible{outline:2px solid #707e67;outline-offset:-2px}
.wheel-case-controls{display:flex;align-items:center;gap:8px;margin-top:20px}
.wheel-case-controls button{width:36px;height:36px;border:1px solid #d6dbd0;background:transparent;color:#384033;border-radius:50%;cursor:pointer}
.wheel-case-controls button:disabled{opacity:.35;cursor:default}
.wheel-case-controls>a{margin-left:auto;font-size:11px}
.wheel-integrations{margin:36px 0 0;font-size:10px;line-height:1.7;color:#7b8275}
.wheel-dialog{position:fixed;inset:0;padding:0;margin:0;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;overflow:hidden;background:#f5f6f1;color:#333c30}
.wheel-dialog::backdrop{background:#f5f6f1}
.wheel-modal-map{position:absolute;inset:0}
.wheel-dialog .wheel-wedge{opacity:0}
.wheel-panel-slot{z-index:2;position:absolute;top:56px;bottom:56px;left:56px;display:flex;align-items:center;pointer-events:none}
.wheel-dialog[data-side="left"] .wheel-panel-slot{left:auto;right:56px}
.wheel-panel{--wheel-accent:#74876a;pointer-events:auto;width:min(420px,40vw);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid #dce0d6;border-radius:12px;background:#fcfcf8;box-shadow:0 20px 70px #30372c14;outline:none;animation:wheel-panel-enter .45s cubic-bezier(.22,1,.36,1) .45s both}
@keyframes wheel-panel-enter{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
.wheel-dialog[data-side="left"] .wheel-panel{animation-name:wheel-panel-enter-left}
@keyframes wheel-panel-enter-left{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
.wheel-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;font-size:10px;color:#848b7f}
.wheel-panel-top>div{display:flex;gap:4px}
.wheel-panel-top button{border:1px solid #dde2d7;background:transparent;border-radius:50%;width:28px;height:28px;font:inherit;font-size:17px;color:#515d48;cursor:pointer}
.wheel-panel-top button.wheel-up{width:auto;height:auto;border:0;border-radius:0;font-size:11px;text-align:left;color:var(--wheel-accent)}
.wheel-panel h3{font-size:30px;font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}
.wheel-panel>p,.wheel-detail dd{font-size:13px;line-height:1.8;color:#737d6c;margin:0}
.wheel-panel .wheel-panel-label{margin:26px 0 8px;font-size:10px;color:#929a8b}
.wheel-detail-links{list-style:none;padding:0;margin:0}
.wheel-detail-links li+li{border-top:1px solid #eceee7}
.wheel-detail-links button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:transparent;padding:11px 0;font:inherit;font-size:12px;cursor:pointer;color:#45513d}
.wheel-detail-links button:hover{color:var(--wheel-accent)}
.wheel-detail{margin:0}.wheel-detail div+div{margin-top:22px}.wheel-detail dt{font-size:10px;color:#919a89;margin-bottom:8px}
.wheel-panel .wheel-position{font-size:10px;margin-top:22px}
.wheel-product-link{display:inline-block;font-size:11px;margin-top:26px;border-bottom:1px solid #d7dfce;padding-bottom:4px}
.wheel-return-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:9px;color:#969f8e;pointer-events:none;margin:0}
.wheel-dialog[data-closing] .wheel-panel-slot,.wheel-dialog[data-closing] .wheel-return-hint{opacity:0;transition:opacity .2s}
@media(max-width:759px){
 .automation-hero .hero-camera{padding-top:48px;padding-bottom:40px}
 .automation-stage{width:calc(100% - 32px);height:700px;margin-top:48px}
 .intelligence-wheel-section{padding:56px 0 42px}
 .wheel-section-heading{display:block}
 .wheel-section-heading>p{margin-top:24px;font-size:13px;max-width:32ch}
 .wheel-stage{width:calc(100% + 36px);max-width:none;margin-left:-18px;margin-top:28px}
 .wheel-instruction{font-size:10px;margin:20px 0 24px}
 .wheel-case{flex-basis:88%;padding-top:20px}
 .wheel-case>span{min-height:44px;max-width:35ch}
 .wheel-case-controls>a{font-size:10px;max-width:180px;text-align:right;line-height:1.5}
 .wheel-integrations{font-size:10px}
 .wheel-panel-slot,.wheel-dialog[data-side="left"] .wheel-panel-slot{left:16px;right:16px;top:50%;bottom:36px;align-items:stretch}
 .wheel-panel{width:100%;padding:18px;max-height:100%;animation:wheel-panel-enter .45s cubic-bezier(.22,1,.36,1) .45s both}
 .wheel-panel h3{font-size:27px}
 .wheel-panel-top{margin-bottom:18px}
 .wheel-return-hint{bottom:12px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.wheel-stage{will-change:auto}.wheel-hub,.wheel-leaf,.wheel-link,.wheel-spoke,.wheel-wedge{transition:none}.wheel-current{display:none!important}.wheel-panel,.wheel-dialog[data-side="left"] .wheel-panel{animation:none}}

/* The renderer changes topology at a 760px canvas width, inside page gutters. */
@media(min-width:760px) and (max-width:807px){.automation-stage{height:700px;margin-top:48px}}

.home-page #main{scroll-margin-top:82px}
.wheel-stage .wheel-wedge.is-dim{opacity:.012}
[data-cycle-running="true"] .wheel-stage .is-dim{opacity:.26}
[data-cycle-running="true"] .wheel-stage .wheel-wedge.is-dim{opacity:.025}
@media(max-width:760px){.home-page #main{scroll-margin-top:70px}}

.intelligence-wheel-section{position:relative}
.wheel-tooltip{position:absolute;z-index:5;transform:translate(-50%,-100%);max-width:260px;padding:12px 15px;border:1px solid #d6ddcf;border-radius:8px;background:#fcfcf8;box-shadow:0 8px 30px #2933220f;pointer-events:none;color:#384331}
.wheel-tooltip[hidden]{display:none}
.wheel-tooltip strong,.wheel-tooltip span{display:block}.wheel-tooltip strong{font-size:12px;font-weight:500}.wheel-tooltip span{font-size:9px;line-height:1.7;margin-top:4px;color:#7a8572}
.wheel-mobile-nav{display:none}
@media(max-width:759px){.wheel-mobile-nav{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:12px 0 20px}.wheel-mobile-nav button{flex:0 0 auto;min-height:40px;padding:8px 13px;border:1px solid #dce1d5;border-radius:24px;background:transparent;color:#536049;font:inherit;font-size:11px;cursor:pointer}.wheel-mobile-nav button:focus-visible{outline:2px solid #75896a;outline-offset:-2px}}

/* Overview titles sit beyond every branch. Focused titles have their own space. */
.wheel-dialog .wheel-module-label{display:none}
.wheel-map-title{position:absolute;z-index:1;background:#f5f6f1;top:24px;left:calc(min(420px,40vw) + 112px);right:56px;margin:0;text-align:center;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.025em;color:#46523e;pointer-events:none}
.wheel-dialog[data-side="left"] .wheel-map-title{left:56px;right:calc(min(420px,40vw) + 112px)}
@media(max-width:759px){.wheel-map-title,.wheel-dialog[data-side="left"] .wheel-map-title{top:16px;left:16px;right:16px;font-size:14px}}

.wheel-stage .wheel-hub.is-dim{opacity:.72}
@media(max-width:759px){.wheel-tooltip{display:none}}