/* A connected product scene. Everything is scoped to this illustration. */
.air{--air-blue:#009fe8;--air-ink:#203e4c;position:relative;width:100%;max-width:680px;min-width:0;justify-self:center;color:var(--air-ink);isolation:isolate;padding:10px 4px 0;scroll-margin-top:100px}
.air::before{content:"";position:absolute;inset:35px -30px 40px -30px;z-index:-1;background:radial-gradient(ellipse at 55% 50%,#b6e5f680,transparent 70%);pointer-events:none}
.air *{box-sizing:border-box}.air p{margin:0}.air button{font-family:inherit;cursor:pointer}.air button:focus-visible{outline:3px solid #0075a8;outline-offset:4px}.air-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px 70px;color:#567787;font-size:11px;letter-spacing:.09em}.air-top>span{display:flex;align-items:center;gap:10px}.air-top i{width:3px;height:3px;background:#7fb9cf;border-radius:50%}.air-pause{border:0;border-radius:50%;background:#e2f1f7;color:#3c748d;width:32px;height:32px;display:grid;place-items:center;padding:8px}.air-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.air-question{display:flex;align-items:center;gap:12px;margin-left:70px;padding:16px 18px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #346a8610;position:relative;z-index:2}.air-person{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#e7f5fb;border-radius:50%;color:#229ac6}.air-person svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none}.air-question>div{flex:1;min-width:0}.air-question small{font-size:11px;color:#587987;line-height:1.5}.air-question p{font-size:16px;line-height:1.6;font-weight:600;margin-top:3px}.air-send{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;color:white;background:var(--air-blue);font-size:21px}
.air-scene{position:relative;margin-top:23px;min-width:0}.air-engine{position:absolute;left:-3px;top:29px;z-index:3;width:100px;text-align:center}.air-emblem{width:88px;height:96px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;background:linear-gradient(145deg,#58cef8,#009fe8 60%,#087fac);border-radius:25px;box-shadow:inset 1px 2px 2px #ffffff80,inset -1px -2px 4px #006d9c4d,0 12px 25px #039ac53b,0 0 0 7px #d8eff9;margin:auto;transform:rotate(-7deg);animation:air-breathe 5s ease-in-out infinite}.air-emblem svg{width:40px;height:40px;fill:#fff}.air-emblem b{font-size:21px;font-weight:600;color:#fff;line-height:1.1;letter-spacing:.01em}.air-engine>span{display:block;font-size:11px;color:#477c92;margin-top:18px}.air-wire{position:absolute;left:46px;top:-30px;width:44px;height:111px;border-left:1px solid #86cce8;border-top:1px solid #86cce8;border-radius:16px 0 0 0;z-index:-1}.air-wire i{width:6px;height:6px;border-radius:50%;position:absolute;left:-3px;top:0;background:#009fe8;box-shadow:0 0 0 4px #009fe818;animation:air-flow 2.8s linear infinite}
.air-answer{margin-left:68px;background:#fff;border:1px solid #d5eaf3;border-radius:21px;padding:23px 23px 0 37px;box-shadow:0 16px 45px #36688214;position:relative;overflow:hidden;min-width:0}.air-answer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#82d5ef,#009fe8,transparent);opacity:.75}.air-answer header{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:20px}.air-answer header>span:first-child{display:flex;align-items:center;gap:7px;font-weight:600}.air-answer header i{width:5px;height:5px;background:#009fe8;border-radius:50%}.air-answer header small{font-size:11px;color:#63828f;margin-left:auto}.air-dots{font-size:13px;letter-spacing:3px;color:#009fe8;animation:air-dots 1.2s ease-in-out infinite}.air .air-intro{font-size:12px;color:#557685;line-height:1.6}.air-company{display:flex;align-items:center;gap:12px;margin:11px 0 14px}.air-company>svg{flex:none;width:44px;height:44px;fill:none;stroke:#028ec1;stroke-width:1.6;background:#ecf8fd;border-radius:12px;padding:6px}.air-company strong{font-size:26px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:#008cbd}.air-company>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.air-company span{display:flex;align-items:center;gap:4px;font-size:11px;color:#4e8094}.air-company span svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.air .air-response{font-size:16px;line-height:1.9;color:#355765;position:relative;padding-bottom:20px}.air.is-animated .air-char:not(.is-written){color:#3557651f}.air-char{transition:color .12s}.air-ref{display:inline-grid;place-items:center;width:21px;height:21px;border:0;border-radius:5px;background:#e3f3fa;color:#087fae;font-size:11px;font-weight:600;vertical-align:.08em;margin:0 3px;padding:0;transition:box-shadow .25s,background .25s}.air-ref[aria-pressed=true]{background:#009fe8;color:#fff;box-shadow:0 0 0 3px #009fe818}.air-cursor{display:none;width:2px;height:1em;margin-left:2px;background:#009fe8;vertical-align:-.1em;animation:air-blink .75s steps(1) infinite}.air[data-stage=writing] .air-cursor{display:inline-block}.air-answer-foot{display:flex;align-items:center;gap:6px;padding:13px 0;border-top:1px solid #e0edf3;color:#507887;font-size:11px;line-height:1.6}.air-answer-foot svg{width:16px;height:16px;fill:none;stroke:#009fe8;stroke-width:1.5}.air-answer-foot b{margin-left:auto;font-size:10px;font-weight:500;color:#477e96}
.air-citations{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#4b8098;line-height:1.6;margin:13px 0 13px 68px}.air-citations svg{height:19px;width:13px;fill:none;stroke:#39a6cf;stroke-width:1.5}.air-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-left:30px}.air-source{display:flex;align-items:center;position:relative;gap:8px;padding:16px 12px;text-align:left;border:1px solid #d8eaf1;border-radius:16px;background:#fafdff;color:var(--air-ink);box-shadow:0 8px 22px #36779207;transition:transform .35s,border-color .35s,box-shadow .35s,background .35s;min-width:0}.air-source-art{display:grid;place-items:center;flex:0 0 64px;height:62px}.air-source-art svg{width:64px;height:60px}.air-source-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.air-source-copy small{font-size:10px;color:#5c7a88;line-height:1.5}.air-source-copy b{font-size:14px;line-height:1.5;font-weight:600}.air-source-copy>span{font-size:11px;line-height:1.5;color:#537688}.air-source>i{position:absolute;right:10px;top:8px;font-size:14px;color:#64a6bd;font-style:normal}.air-source[aria-pressed=true]{background:#ecf9ff;border-color:#62c3e7;box-shadow:0 10px 25px #008dbe16;transform:translateY(-3px)}.air-source:hover{border-color:#62c3e7;transform:translateY(-3px)}.air .air-detail{margin:13px 0 0 70px;color:#47758b;font-size:11px;line-height:1.7;min-height:1.7em}.air .air-note{margin:12px 0 0 70px;color:#607c89;font-size:10px;line-height:1.7}.air.is-stopped *{animation-play-state:paused!important}
@keyframes air-breathe{50%{transform:translateY(-4px) rotate(-4deg);box-shadow:inset 1px 2px 2px #ffffff80,inset -1px -2px 4px #006d9c4d,0 17px 32px #039ac548,0 0 0 7px #d8eff9}}
@keyframes air-flow{0%{top:0;opacity:0}15%,80%{opacity:1}100%{top:100%;opacity:0}}@keyframes air-blink{50%{opacity:0}}@keyframes air-dots{50%{opacity:.35}}
@media(min-width:981px) and (max-width:1200px){.air-top,.air-question{margin-left:50px}.air-question{padding:13px}.air-question p{font-size:14px}.air-question .air-person{display:none}.air-answer{margin-left:50px;padding:19px 18px 0 30px}.air-engine{width:77px;left:-7px}.air-emblem{width:65px;height:77px;border-radius:20px}.air-emblem svg{width:32px;height:32px}.air-emblem b{font-size:18px}.air-engine>span{font-size:10px}.air-company>div{gap:3px}.air-company strong{font-size:23px}.air .air-response{font-size:15px}.air-company>svg{width:38px;height:38px}.air-sources{margin-left:5px}.air-source{padding:13px 10px;gap:6px}.air-source-art{flex-basis:43px}.air-source-art svg{width:46px}.air-source-copy b{font-size:13px}.air-source-copy>span{font-size:10px}.air-answer-foot b{display:none}.air .air-detail,.air .air-note{margin-left:50px}.air-wire{left:30px}}
@media(min-width:981px) and (max-height:800px){.air-top{margin-bottom:10px}.air-question{padding-block:11px}.air-scene{margin-top:17px}.air-answer{padding-top:18px}.air-answer header{margin-bottom:12px}.air-company{margin-block:8px 10px}.air .air-response{padding-bottom:14px}.air-answer-foot{padding-block:10px}.air-source{padding-block:11px}.air-citations{margin-block:10px}.air .air-note{margin-top:9px}}
@media(max-width:980px){.air{margin-top:40px;max-width:650px}.air-source-copy b{font-size:16px}.air-source-copy>span{font-size:12px}.air .air-note{font-size:11px}}
@media(max-width:600px){.air{padding:0;margin-top:34px}.air::before{inset:30px -15px}.air-top{margin-left:0;font-size:10px;margin-bottom:12px}.air-pause{width:36px;height:36px}.air-question{margin-left:0;padding:13px;gap:10px;border-radius:14px}.air-question p{font-size:14px;line-height:1.6}.air-question small{font-size:10px}.air-person{flex-basis:32px;height:32px}.air-person svg{width:18px;height:18px}.air-send{display:none}.air-scene{margin-top:22px}.air-engine{width:64px;left:-2px;top:24px}.air-emblem{width:54px;height:64px;border-radius:17px;box-shadow:inset 1px 2px 2px #ffffff80,0 8px 20px #039ac53b,0 0 0 5px #d8eff9;animation:none;transform:rotate(-6deg)}.air-emblem svg{width:29px;height:29px}.air-emblem b{font-size:15px}.air-engine>span{font-size:9px;letter-spacing:-.02em;margin-top:13px;white-space:nowrap}.air-wire{left:26px;height:74px;top:-25px}.air-answer{margin-left:37px;padding:18px 16px 0 24px;border-radius:17px}.air-answer header{margin-bottom:16px;font-size:13px;gap:6px}.air-answer header small{font-size:10px}.air-dots{display:none}.air .air-intro{font-size:11px}.air-company{gap:8px;margin-block:9px 12px}.air-company>svg{width:34px;height:34px;padding:5px;border-radius:9px}.air-company>div{gap:2px;display:block}.air-company strong{font-size:23px}.air-company span{font-size:10px;margin-top:2px}.air .air-response{font-size:15px;line-height:1.85;padding-bottom:16px}.air-answer-foot{font-size:10px;padding-block:12px}.air-answer-foot b{display:none}.air-citations{font-size:10px;margin-left:25px;margin-block:14px}.air-sources{margin-left:0;gap:10px}.air-source{display:block;padding:13px;border-radius:14px}.air-source-art{width:66px;height:53px;margin-bottom:9px}.air-source-art svg{width:65px;height:53px}.air-source-copy{gap:3px}.air-source-copy b{font-size:14px}.air-source-copy small{font-size:10px}.air-source-copy>span{font-size:11px}.air .air-detail{margin-left:0;font-size:11px;min-height:3.4em}.air .air-note{margin-left:0;font-size:10px;line-height:1.8;margin-top:8px}}
@media(max-width:360px){.air-question .air-person{display:none}.air-answer header small{font-size:9px}.air-answer{padding-inline:21px 13px}.air .air-response{font-size:14px}.air-source{padding:11px}.air-source-copy b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.air *,.air *::before{animation:none!important;transition:none!important}.air .air-char{color:#355765!important}.air-cursor,.air-pause,.air-dots{display:none!important}}
/* Labels remain readable at normal zoom, including the example disclosure. */
.air-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.air :is(.air-question small,.air-answer header small,.air-company span,.air-answer-foot,.air-answer-foot b,.air-citations,.air-source-copy small,.air-source-copy>span,.air-detail,.air-note){font-size:12px}
.air .air-note{color:#567483}
@media(max-width:1200px) and (min-width:981px){.air .air-answer header{flex-wrap:wrap}.air .air-answer header small{font-size:11px}.air .air-source-copy small,.air .air-source-copy>span{font-size:11px}}
@media(max-width:600px){.air .air-answer{padding-left:30px}.air .air-answer header{flex-wrap:wrap;gap:5px}.air .air-answer header small{margin-left:0;width:100%}.air :is(.air-question small,.air-answer header small,.air-company span,.air-answer-foot,.air-citations,.air-source-copy small,.air-source-copy>span,.air-detail,.air-note){font-size:11px}.air .air-engine{left:-5px}}