/* Generated by scripts/build-walkthroughs.py. Do not edit by hand. */
/* ─── STEP WALKTHROUGH LOOPS ───
   Generated by scripts/build-walkthroughs.py. Looping cursor demos of the
   real Jtek path for each step. Sized in container units so they scale to
   any width with the sidebar intact (mobile hides .sm-side, so these use
   their own classes). Played by the igw engine at the end of body. */
.igw p, .igw h5, .igw label, .igw b, .igw strong, .igw em, .igw span, .igw div { letter-spacing: normal; }
.igw p, .igw h5 { margin: 0; line-height: 1.35; max-width: none; }
.igw .igw-panel p { font-size: 1.2cqw; color: #6c6c74; }
.igw .igw-panel h5 { font-size: 1.55cqw; font-weight: 700; color: #1e1e2d; font-family: inherit; }
.igw { container-type: inline-size; width: 100%; margin-bottom: 18px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(0,0,0,0.08); background: white; box-shadow: 0 10px 30px rgba(20,40,90,0.08); }
.igw-frame { position: relative; width: 100%; height: 62cqw; overflow: hidden; font-size: 1.55cqw; color: #1e1e2d; user-select: none; line-height: 1.3; }
.igw-bar { height: 3.8cqw; display: flex; align-items: center; gap: 0.9cqw; padding: 0 1.8cqw; background: #f5f5f3; border-bottom: 1px solid #eee; }
.igw-bar i { width: 1.1cqw; height: 1.1cqw; border-radius: 50%; display: block; flex-shrink: 0; }
.igw-bar i:nth-child(1) { background: #FF5F57; } .igw-bar i:nth-child(2) { background: #FFBD2E; } .igw-bar i:nth-child(3) { background: #28C840; }
.igw-bar span { flex: 1; text-align: center; font-size: 1.3cqw; color: #6b6b70; padding-right: 5cqw; }
.igw-scene { position: absolute; top: 3.8cqw; left: 0; right: 0; bottom: 0; display: flex; opacity: 0; transition: opacity .1s ease .15s; z-index: 0; }
.igw-scene.on { opacity: 1; z-index: 1; transition: opacity .12s ease; } /* new page fades in over the old one, never through it */
.igw-scene:not(.on) { pointer-events: none; }
.igw-side { width: 17cqw; flex-shrink: 0; background: #1b1b1f; position: relative; overflow: hidden; }
.igw-logo { width: 3.2cqw; height: 3.2cqw; margin: 1.6cqw auto 1.6cqw; border-radius: 0.8cqw; background: var(--blue); color: white; font-weight: 800; font-size: 1.7cqw; display: flex; align-items: center; justify-content: center; }
.igw-acct { margin: 0 1cqw 1.2cqw; padding: 0.8cqw 1.1cqw; border-radius: 0.8cqw; background: rgba(255,255,255,0.08); color: white; font-size: 1.3cqw; font-weight: 600; }
.igw-acct small { display: block; color: rgba(255,255,255,0.45); font-size: 1.05cqw; font-weight: 400; }
.igw-nav { padding: 0.62cqw 1.6cqw; color: rgba(255,255,255,0.72); font-size: 1.35cqw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 0.8cqw; transition: background .2s ease, color .2s ease; }
.igw-nav svg { width: 1.5cqw; height: 1.5cqw; flex-shrink: 0; }
.igw-nav.active { background: rgba(255,255,255,0.09); color: white; }
.igw-nav.hot { background: rgba(21,94,239,0.55); color: white; }
.igw-beta { margin-left: auto; background: #d9a400; color: #1b1b1f; font-size: 0.85cqw; font-weight: 700; padding: 0.1cqw 0.5cqw; border-radius: 0.3cqw; }
.igw-rule { height: 1px; background: rgba(255,255,255,0.14); margin: 0.7cqw 1.6cqw; }
.igw-settings { position: absolute; left: 0; right: 0; bottom: 1cqw; }
.igw-settings::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 2.4cqw; background: linear-gradient(to bottom, rgba(27,27,31,0), #1b1b1f); }
.igw-sec { margin: 1cqw 1.6cqw 0.3cqw; color: rgba(255,255,255,0.4); font-size: 0.95cqw; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.igw-back { display: inline-block; margin: 0 1cqw 1cqw; padding: 0.6cqw 1.2cqw; border-radius: 0.6cqw; background: rgba(255,255,255,0.1); color: white; font-size: 1.25cqw; font-weight: 600; }
.igw-stitle { margin: 0 1.6cqw 0.6cqw; color: white; font-size: 2cqw; font-weight: 700; }
.igw-listwrap { position: absolute; left: 0; right: 0; top: 6.6cqw; bottom: 0; overflow: hidden; }
.igw-list { transition: transform .9s cubic-bezier(.45,0,.25,1); }
.igw-main { flex: 1; background: #f7f7f8; padding: 2.4cqw; position: relative; overflow: hidden; }
.igw-h { font-size: 2.3cqw; font-weight: 700; margin-bottom: 1.8cqw; display: flex; align-items: center; gap: 2cqw; }
.igw-h em { font-style: normal; font-size: 1.4cqw; font-weight: 600; color: var(--blue); border-bottom: 0.25cqw solid var(--blue); padding-bottom: 0.5cqw; }
.igw-sk { background: #e6e7eb; border-radius: 0.5cqw; height: 1.2cqw; }
.igw-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4cqw; margin-bottom: 1.6cqw; }
.igw-card { background: white; border: 1px solid #ececef; border-radius: 1cqw; padding: 1.6cqw; }
.igw-chart { background: white; border: 1px solid #ececef; border-radius: 1cqw; height: 24cqw; display: flex; align-items: flex-end; gap: 1.6cqw; padding: 2cqw; }
.igw-chart b { flex: 1; background: #d9e3f7; border-radius: 0.5cqw 0.5cqw 0 0; }
.igw-form { background: white; border: 1px solid #ececef; border-radius: 1cqw; padding: 2cqw; display: grid; gap: 1.6cqw; }
.igw-search { margin-left: auto; width: 20cqw; height: 3cqw; border: 1px solid #e3e3e8; border-radius: 0.6cqw; background: white; margin-bottom: 1.4cqw; }
.igw-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2cqw; }
.igw-int { background: white; border: 1px solid #e8e8ec; border-radius: 0.9cqw; padding: 1.3cqw; display: flex; flex-direction: column; gap: 1cqw; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.igw-int.hot { transform: translateY(-0.4cqw); border-color: var(--blue); box-shadow: 0 0 0 0.3cqw rgba(21,94,239,0.18), 0 1.2cqw 2.4cqw rgba(21,94,239,0.16); }
.igw-int-top { display: flex; align-items: center; gap: 0.9cqw; font-weight: 700; font-size: 1.4cqw; white-space: nowrap; min-width: 0; }
.igw-int .igw-btn { margin-top: auto; }
.igw-list .igw-nav { display: block; }
.igw-ico { width: 2.8cqw; height: 2.8cqw; border-radius: 0.6cqw; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: white; font-weight: 900; font-size: 1.6cqw; }
.igw-ico svg { width: 62%; height: 62%; }
.igw-btn { border: 1px solid #b9cdf7; color: var(--blue); border-radius: 0.6cqw; text-align: center; font-size: 1.25cqw; font-weight: 600; padding: 0.7cqw 0; transition: background .25s ease, color .25s ease, box-shadow .25s ease; }
.igw-btn.mg { border-color: #b8e0c6; color: #16773b; }
.igw-int.hot .igw-btn { background: var(--blue); color: white; border-color: var(--blue); }
.igw-pbtn { display: inline-flex; align-items: center; gap: 0.6cqw; background: var(--blue); color: white; font-size: 1.3cqw; font-weight: 600; padding: 0.8cqw 1.5cqw; border-radius: 0.7cqw; white-space: nowrap; transition: box-shadow .25s ease, transform .25s ease; }
.igw-pbtn.hot, .igw-obtn.hot { box-shadow: 0 0 0 0.4cqw rgba(21,94,239,0.25); transform: translateY(-0.15cqw); }
.igw-obtn { display: inline-flex; align-items: center; gap: 0.5cqw; background: white; border: 1px solid #dcdce2; color: #1e1e2d; font-size: 1.25cqw; font-weight: 600; padding: 0.7cqw 1.3cqw; border-radius: 0.7cqw; white-space: nowrap; transition: box-shadow .25s ease, transform .25s ease; }
.igw-top { display: flex; align-items: center; gap: 2cqw; height: 4.6cqw; padding: 0 2.4cqw; background: white; border-bottom: 1px solid #ececef; font-size: 1.3cqw; color: #55555f; white-space: nowrap; overflow: hidden; }
.igw-top strong { font-size: 1.8cqw; color: #1e1e2d; margin-right: 0.4cqw; }
.igw-tab { padding: 1.4cqw 0 1.1cqw; border-bottom: 0.25cqw solid transparent; transition: color .2s ease, border-color .2s ease; }
.igw-tab.on, .igw-tab.hot { color: var(--blue); border-color: var(--blue); }
.igw-col { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.igw-body { flex: 1; padding: 2cqw 2.4cqw; background: #f7f7f8; position: relative; overflow: hidden; }
.igw-pane { display: none; }
.igw-pane.on { display: block; }
.igw-row { display: flex; align-items: center; gap: 1.2cqw; }
.igw-panel { background: white; border: 1px solid #ececef; border-radius: 1cqw; padding: 1.8cqw; }
.igw-panel h5 { font-size: 1.55cqw; font-weight: 700; margin: 0 0 0.6cqw; color: #1e1e2d; }
.igw-panel p { font-size: 1.2cqw; color: #6c6c74; margin: 0; }
.igw-subnav { width: 21cqw; flex-shrink: 0; padding: 2cqw 1cqw; background: white; border-right: 1px solid #ececef; }
.igw-subnav div { white-space: nowrap; padding: 0.8cqw 1.2cqw; border-radius: 0.6cqw; font-size: 1.3cqw; color: #3a3a44; transition: background .2s ease, color .2s ease; }
.igw-subnav div.on, .igw-subnav div.hot { background: #eef3fe; color: var(--blue); font-weight: 600; }
.igw-table { background: white; border: 1px solid #ececef; border-radius: 1cqw; overflow: hidden; }
.igw-tr { display: grid; grid-template-columns: 3cqw 1.6fr 1.2fr 1fr; align-items: center; gap: 1cqw; padding: 0.85cqw 1.4cqw; border-bottom: 1px solid #f1f1f4; font-size: 1.25cqw; color: #2a2a33; }
.igw-tr.th { background: #fafafb; color: #6c6c74; font-weight: 600; font-size: 1.1cqw; }
.igw-cb { width: 1.5cqw; height: 1.5cqw; border: 1.5px solid #c9c9d1; border-radius: 0.3cqw; background: white; transition: background .2s ease, border-color .2s ease; }
.igw-cb.on { background: var(--blue); border-color: var(--blue); box-shadow: inset 0 0 0 0.3cqw var(--blue), inset 0 0 0 0.55cqw white; }
.igw-tag { display: inline-block; background: #f0f1f4; color: #55555f; font-size: 1cqw; padding: 0.2cqw 0.8cqw; border-radius: 1cqw; }
.igw-pop { position: absolute; z-index: 4; background: white; border: 1px solid #e3e3e8; border-radius: 0.9cqw; box-shadow: 0 1.6cqw 4cqw rgba(20,30,60,0.18); opacity: 0; transform: translateY(-0.6cqw) scale(0.98); transform-origin: top right; transition: opacity .2s ease, transform .2s ease; pointer-events: none; }
.igw-pop.show { opacity: 1; transform: none; }
.igw-menu div { padding: 0.75cqw 1.6cqw; font-size: 1.25cqw; color: #2a2a33; white-space: nowrap; transition: background .2s ease, color .2s ease; }
.igw-menu div.hot { background: #eef3fe; color: var(--blue); font-weight: 600; }
.igw-menu hr { border: 0; border-top: 1px solid #f0f0f3; margin: 0.4cqw 0; }
.igw-fade { opacity: 0; transition: opacity .3s ease; } .igw-fade.show { opacity: 1; }
.igw-swap .b { display: none; } .igw-swap.on .a { display: none; } .igw-swap.on .b { display: flex; }
.igw-typed.typing::after { content: ""; display: inline-block; width: 0.15cqw; height: 1.5cqw; background: #1e1e2d; margin-left: 0.15cqw; vertical-align: middle; animation: igwBlink .8s steps(1) infinite; }
@keyframes igwBlink { 50% { opacity: 0; } }
.igw-cursor { position: absolute; top: 0; left: 0; width: 2.6cqw; z-index: 6; --d: .8s; transition: transform var(--d) cubic-bezier(.35,0,.2,1), opacity .3s ease; will-change: transform; filter: drop-shadow(0 0.3cqw 0.5cqw rgba(0,0,0,0.3)); }
.igw-cy { position: relative; transition: transform var(--d) cubic-bezier(.6,0,.3,1); will-change: transform; }
.igw-cursor.away { opacity: 0; }
.igw-cursor .h { display: none; margin-left: -20.8%; }
.igw-cursor.hand .a { display: none; } .igw-cursor.hand .h { display: block; }
.igw-loadbar { position: absolute; top: 3.8cqw; left: 0; right: 0; height: 0.28cqw; background: var(--blue); transform: scaleX(0); transform-origin: left; opacity: 0; z-index: 5; pointer-events: none; }
.igw-loadbar.go { animation: igwLoad .7s cubic-bezier(.3,.7,.3,1); }
@keyframes igwLoad { 0% { transform: scaleX(0); opacity: 1; } 70% { transform: scaleX(0.85); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }
/* hover states (set just before a click) */
.igw-nav.hov { background: rgba(255,255,255,0.07); color: white; }
.igw-tab.hov { color: var(--blue); }
.igw-pbtn.hov { filter: brightness(1.08); box-shadow: 0 0.3cqw 0.9cqw rgba(21,94,239,0.25); }
.igw-obtn.hov { background: #f6f7fa; }
.igw-int.hov { border-color: #c9d7f7; }
.igw-subnav div.hov { background: #f4f6fb; }
.igw-menu div.hov { background: #f4f6fb; }
.igw-cb.hov { border-color: var(--blue); }
.igw-star.hov { color: #3c4043; } .igw-star.hot { color: var(--blue); fill: var(--blue); }
.igw-sfield.hov { background: #e6e6ea; }
.igw-radio { border-radius: 50%; }
.igw-drop.hov, .igw-drop.hot { border-color: var(--blue); background: #f5f8ff; }
.igw-field div.igw-typed { min-height: 1.4em; }
.igw-cursor svg { width: 100%; display: block; }
.igw-cursor.finger { width: 3.4cqw; }
.igw-ripple { position: absolute; top: -1.8cqw; left: -1.8cqw; width: 3.6cqw; height: 3.6cqw; border-radius: 50%; background: rgba(21,94,239,0.35); opacity: 0; transform: scale(0.2); }
.igw-ripple.go { animation: igwRipple .5s ease-out; }
@keyframes igwRipple { 0% { opacity: 1; transform: scale(0.2); } 100% { opacity: 0; transform: scale(1.6); } }
.igw-chip { position: absolute; right: 1.2cqw; top: 0.55cqw; z-index: 5; background: #1e1e2d; color: white; font-size: 1.3cqw; font-weight: 600; padding: 0.55cqw 1.4cqw; border-radius: 10cqw; box-shadow: 0 0.8cqw 2cqw rgba(0,0,0,0.2); white-space: nowrap; }
.igw-chip b { color: #8fb3ff; margin-right: 0.6cqw; }
/* Chrome window (step 1) */
.igw-chrome { background: #dee1e6; height: 8.6cqw; padding: 0.9cqw 1.6cqw 0; }
.igw-ctabs { display: flex; align-items: flex-end; gap: 0.9cqw; height: 3.2cqw; }
.igw-ctab { background: white; border-radius: 0.8cqw 0.8cqw 0 0; padding: 0.7cqw 1.6cqw; font-size: 1.2cqw; display: flex; align-items: center; gap: 0.7cqw; min-width: 16cqw; }
.igw-fav { width: 1.6cqw; height: 1.6cqw; border-radius: 0.35cqw; background: var(--blue); color: white; font-size: 1cqw; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.igw-omni { background: white; margin: 0 -1.6cqw; padding: 0.6cqw 1.6cqw; display: flex; align-items: center; gap: 1.2cqw; }
.igw-url { flex: 1; background: #f1f3f4; border-radius: 2cqw; padding: 0.7cqw 1.6cqw; font-size: 1.25cqw; color: #3c4043; display: flex; align-items: center; }
.igw-url span { flex: 1; }
.igw-star { width: 2cqw; height: 2cqw; color: #5f6368; transition: color .2s ease; }
.igw-star.hot { color: var(--blue); }
.igw-bmbar { height: 3cqw; background: white; border-bottom: 1px solid #e3e3e8; display: flex; align-items: center; padding: 0 1.6cqw; gap: 1.6cqw; font-size: 1.15cqw; color: #3c4043; }
.igw-bm { display: inline-flex; align-items: center; gap: 0.6cqw; opacity: 0; transform: translateY(0.5cqw); transition: opacity .3s ease, transform .3s ease; }
.igw-bm.show { opacity: 1; transform: none; }
.igw-key { display: inline-flex; align-items: center; justify-content: center; min-width: 2.4cqw; height: 2.4cqw; padding: 0 0.6cqw; border: 1px solid #cfd2da; border-bottom-width: 0.3cqw; border-radius: 0.5cqw; background: white; font-size: 1.3cqw; font-weight: 700; color: #1e1e2d; }
/* iPhone (step 3) */
.igw-stage { position: absolute; inset: 0; background: radial-gradient(70% 60% at 50% 45%, #ffffff, #eef1f6 60%, #e3e7ee); display: flex; align-items: center; justify-content: center; }
.igw-phone { position: relative; width: 31cqw; height: 64cqw; border-radius: 5.4cqw; padding: 0.55cqw; background: linear-gradient(145deg, #c9ccd2, #8d9097 40%, #c4c7cd 60%, #7d8087); box-shadow: 0 3cqw 6cqw rgba(20,30,60,0.28), 0 0.6cqw 1.4cqw rgba(20,30,60,0.18); }
.igw-phone::before { content: ""; position: absolute; inset: 0.55cqw; border-radius: 4.9cqw; background: #050506; }
.igw-btnside { position: absolute; width: 0.35cqw; border-radius: 0.2cqw; background: #8d9097; }
.igw-screen { position: absolute; inset: 1.05cqw; border-radius: 4.4cqw; background: #000; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif; }
.igw-screen .igw-scene { top: 0; flex-direction: column; transition: opacity .25s ease .4s, transform .5s cubic-bezier(.2,.8,.2,1); }
.igw-screen .igw-scene.on { transition: opacity .25s ease, transform .5s cubic-bezier(.2,.8,.2,1); }
.igw-screen .igw-scene.zoom:not(.on) { transform: scale(0.14); }
.igw-island { position: absolute; top: 0.9cqw; left: 50%; transform: translateX(-50%); width: 8.6cqw; height: 2.5cqw; border-radius: 2cqw; background: #000; z-index: 8; }
.igw-sb { position: absolute; top: 0; left: 0; right: 0; height: 4.4cqw; display: flex; align-items: center; justify-content: space-between; padding: 0 2.9cqw 0 3.6cqw; font-size: 1.25cqw; font-weight: 600; z-index: 7; }
.igw-sb svg { height: 1cqw; margin-left: 0.4cqw; }
.igw-home { flex: 1; position: relative; background: radial-gradient(90% 60% at 20% 15%, #6f7dff 0%, transparent 60%), radial-gradient(80% 60% at 90% 85%, #ff8a5c 0%, transparent 60%), linear-gradient(165deg, #1b2a6b, #5b2f8f 50%, #c6546b 85%, #f29a62); }
.igw-grid4 { position: absolute; top: 6cqw; left: 1.9cqw; right: 1.9cqw; display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 1.9cqw; justify-items: center; }
.igw-app { display: flex; flex-direction: column; align-items: center; gap: 0.45cqw; transition: transform .15s ease, filter .15s ease; }
.igw-app.hot { transform: scale(0.9); filter: brightness(0.75); }
.igw-aicon { width: 5.3cqw; height: 5.3cqw; border-radius: 1.25cqw; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 0.2cqw 0.5cqw rgba(0,0,0,0.18); }
.igw-aicon svg { width: 62%; height: 62%; }
.igw-alabel { font-size: 0.82cqw; color: white; text-shadow: 0 0.1cqw 0.3cqw rgba(0,0,0,0.35); white-space: nowrap; }
.igw-spill { position: absolute; left: 50%; bottom: 10.6cqw; transform: translateX(-50%); padding: 0.45cqw 1.5cqw; border-radius: 2cqw; background: rgba(255,255,255,0.22); backdrop-filter: blur(8px); color: white; font-size: 0.9cqw; font-weight: 600; }
.igw-dock { position: absolute; left: 1cqw; right: 1cqw; bottom: 1cqw; height: 8.4cqw; border-radius: 3.4cqw; background: rgba(255,255,255,0.24); backdrop-filter: blur(14px); display: flex; align-items: center; justify-content: space-around; padding: 0 0.9cqw; }
.igw-as { flex: 1; background: #fff; color: #000; position: relative; }
.igw-as-big { font-size: 2.9cqw; font-weight: 800; letter-spacing: -0.02em; }
.igw-as-date { font-size: 0.85cqw; font-weight: 600; color: #6e6e73; letter-spacing: 0.02em; }
.igw-tabbar { position: absolute; left: 0; right: 0; bottom: 0; height: 6.6cqw; background: rgba(248,248,250,0.96); border-top: 1px solid #e3e3e8; display: flex; justify-content: space-around; padding-top: 0.8cqw; }
.igw-tabbar div { display: flex; flex-direction: column; align-items: center; gap: 0.25cqw; font-size: 0.72cqw; color: #8e8e93; transition: color .15s ease; }
.igw-tabbar div.on, .igw-tabbar div.hot { color: #0a7aff; }
.igw-tabbar svg { width: 2cqw; height: 2cqw; }
.igw-sfield { display: flex; align-items: center; gap: 0.6cqw; background: #eeeef0; border-radius: 1cqw; padding: 0.75cqw 1cqw; font-size: 1.1cqw; color: #6e6e73; transition: box-shadow .15s ease; }
.igw-sfield.hot { box-shadow: 0 0 0 0.25cqw rgba(10,122,255,0.25); }
.igw-sfield .igw-typed { color: #000; }
.igw-sfield .igw-typed:empty::before { content: attr(data-ph); color: #6e6e73; }
.igw-kb { position: absolute; left: 0; right: 0; bottom: 0; background: #d3d5db; padding: 0.8cqw 0.4cqw 2.4cqw; transform: translateY(100%); transition: transform .3s cubic-bezier(.2,.8,.2,1); z-index: 4; }
.igw-kb.show { transform: none; }
.igw-kr { display: flex; justify-content: center; gap: 0.4cqw; margin-bottom: 0.7cqw; }
.igw-kr span { flex: 0 0 2.05cqw; height: 2.9cqw; border-radius: 0.45cqw; background: #fff; box-shadow: 0 0.12cqw 0 #898a8d; display: flex; align-items: center; justify-content: center; font-size: 1.1cqw; color: #000; }
.igw-kr span.fn { background: #abb0ba; flex-basis: 3cqw; font-size: 0.85cqw; }
.igw-kr span.sp { flex: 1 1 auto; font-size: 0.85cqw; }
.igw-kr span.go { background: #0a7aff; color: white; flex-basis: 5.4cqw; font-size: 0.85cqw; font-weight: 600; transition: filter .15s ease; }
.igw-kr span.go.hot { filter: brightness(0.8); }
.igw-appicon { width: 4.6cqw; height: 4.6cqw; border-radius: 1.1cqw; background: linear-gradient(160deg, #ff9a3c, #ff6a00); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06); }
.igw-appicon svg { width: 62%; height: 62%; }
.igw-get { margin-left: auto; min-width: 5cqw; height: 2.3cqw; display: inline-flex; align-items: center; justify-content: center; background: #eeeef0; color: #0a7aff; font-weight: 800; font-size: 1.05cqw; border-radius: 2cqw; transition: transform .15s ease; }
.igw-get.hot { transform: scale(0.94); }
.igw-get .r, .igw-get .b, .igw-get.load .a, .igw-get.on .a, .igw-get.on .r { display: none; }
.igw-get.load { background: transparent; }
.igw-get.load .r { display: block; width: 2.1cqw; height: 2.1cqw; border-radius: 50%; border: 0.25cqw solid #d9d9de; border-top-color: #0a7aff; animation: igwSpin .8s linear infinite; }
.igw-get.on { background: #eeeef0; } .igw-get.on .b { display: inline; }
@keyframes igwSpin { to { transform: rotate(360deg); } }
.igw-shot { flex: 1; height: 17cqw; border-radius: 1cqw; background: #f4f4f6; border: 1px solid #e8e8ec; overflow: hidden; }
.igw-shot i { display: block; height: 2.6cqw; background: linear-gradient(90deg, #ff9a3c, #ff6a00); }
.igw-dim { position: absolute; inset: 0; background: rgba(0,0,0,0.16); opacity: 0; transition: opacity .3s ease; }
.igw-dim.show { opacity: 1; }
.igw-alert { position: absolute; left: 4.4cqw; right: 4.4cqw; top: 58%; transform: translateY(-50%) scale(1.08); background: rgba(242,242,244,0.97); border-radius: 1.5cqw; text-align: center; opacity: 0; transition: opacity .25s ease, transform .25s ease; overflow: hidden; z-index: 3; }
.igw-alert.show { opacity: 1; transform: translateY(-50%); }
.igw-alert p { margin: 0; padding: 1.5cqw 1.3cqw 1.3cqw; font-size: 0.95cqw; color: #1c1c1e; line-height: 1.3; }
.igw-alert p b { display: block; font-size: 1.05cqw; margin-bottom: 0.35cqw; }
.igw-alert div { display: flex; border-top: 1px solid #c8c8cc; }
.igw-alert span { flex: 1; padding: 0.95cqw 0; font-size: 1.1cqw; color: #0a7aff; transition: background .15s ease; }
.igw-alert span + span { border-left: 1px solid #c8c8cc; font-weight: 600; }
.igw-alert span.hot { background: #dcdce0; }
.igw-cursor.finger { width: 3.2cqw; }
.igw-cursor.finger .igw-ripple { top: -0.2cqw; left: -0.2cqw; }
@media (prefers-reduced-motion: reduce) { .igw-scene, .igw-list, .igw-cursor, .igw-int, .igw-pop, .igw-bm, .igw-alert, .igw-kb { transition: none; } }
/* realistic content blocks */
.igw-stat { background: white; border: 1px solid #ececef; border-radius: 1cqw; padding: 1.4cqw 1.5cqw; }
.igw-stat small { display: block; font-size: 0.95cqw; font-weight: 600; letter-spacing: 0.04em; color: #6c6c74; text-transform: uppercase; }
.igw-stat b { display: block; font-size: 2.5cqw; font-weight: 800; color: #1e1e2d; margin: 0.5cqw 0 0.3cqw; letter-spacing: -0.02em; }
.igw-stat i { font-style: normal; font-size: 0.95cqw; color: #17803f; font-weight: 600; }
.igw-chartcard { background: white; border: 1px solid #ececef; border-radius: 1cqw; padding: 1.6cqw 1.8cqw 1.2cqw; }
.igw-chartcard .hd { display: flex; justify-content: space-between; font-size: 1.25cqw; font-weight: 700; margin-bottom: 1.2cqw; }
.igw-chartcard .hd span { font-weight: 500; color: #6c6c74; font-size: 1.1cqw; }
.igw-bars { display: flex; align-items: flex-end; gap: 1.4cqw; height: 15cqw; }
.igw-bars b { flex: 1; border-radius: 0.5cqw 0.5cqw 0 0; background: linear-gradient(#c9d6f3, #b4c4ea); }
.igw-bars b:last-child { background: linear-gradient(#3d7cf5, var(--blue)); }
.igw-days { display: flex; gap: 1.4cqw; margin-top: 0.6cqw; font-size: 0.9cqw; color: #6c6c74; }
.igw-days span { flex: 1; text-align: center; }
.igw-fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2cqw 1.6cqw; }
.igw-field label { display: block; font-size: 1cqw; font-weight: 600; color: #4a4a55; margin-bottom: 0.45cqw; }
.igw-field div { border: 1px solid #dfe0e6; border-radius: 0.6cqw; padding: 0.75cqw 1cqw; font-size: 1.15cqw; color: #1e1e2d; background: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.igw-trow { display: grid; align-items: center; gap: 1.2cqw; padding: 1cqw 1.6cqw; border-bottom: 1px solid #f1f1f4; font-size: 1.2cqw; color: #2a2a33; }
.igw-trow.th { background: #fafafb; color: #6c6c74; font-weight: 600; font-size: 1.05cqw; }
.igw-trow > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.igw-trow .mut { color: #6c6c74; }
.igw-pill { display: inline-block; font-size: 0.95cqw; font-weight: 600; padding: 0.2cqw 0.8cqw; border-radius: 1cqw; }
.igw-pill.g { background: #e7f6ec; color: #16773b; } .igw-pill.y { background: #fff3dc; color: #8a5600; } .igw-pill.s { background: #f0f1f4; color: #55555f; } .igw-pill.b { background: #eaf1ff; color: var(--blue); }
.igw-desc { font-size: 1.02cqw; color: #6e6e78; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.86cqw; }
.igw-av { width: 2.3cqw; height: 2.3cqw; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9cqw; font-weight: 700; color: white; margin-right: 0.8cqw; vertical-align: middle; }
.igw-cfg { display: flex; gap: 1cqw; align-items: flex-start; padding: 1cqw 0; border-top: 1px solid #f1f1f4; }
.igw-cfg:first-of-type { border-top: 0; }
.igw-cfg b { display: block; font-size: 1.2cqw; } .igw-cfg span { font-size: 1.02cqw; color: #6c6c74; }
.igw-cfg em { margin-left: auto; font-style: normal; font-size: 1.1cqw; font-weight: 600; color: var(--blue); }
.igw-tile { background: white; border: 1px solid #e8e8ee; border-radius: 1cqw; overflow: hidden; }
.igw-tile i { display: block; height: 6.4cqw; }
.igw-tile span { display: block; padding: 0.7cqw 1cqw; font-size: 1.05cqw; font-weight: 600; }