/* The landing owns the approved browser frame; platform CSS remains isolated in one lazy iframe. */
.runner-journey-shell{width:min(1220px,calc(100vw - 2rem));margin:0 auto 1.75rem;text-align:left;font-family:var(--font-plus-jakarta,'Plus Jakarta Sans',sans-serif)}
.runner-browser{overflow:hidden;border:1px solid rgba(93,184,255,.45);border-radius:17px;background:#070d1d;box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 70px rgba(46,209,244,.08)}
.runner-browser-chrome{height:76px;border-bottom:1px solid rgba(119,159,205,.18);background:linear-gradient(180deg,#18243a,#10192a);padding:11px 18px 10px}
.runner-browser-tabs{display:flex;align-items:center;gap:8px;height:25px;margin-bottom:6px}
.runner-browser-lights{display:flex;gap:8px;margin-right:12px}.runner-browser-lights i{display:block;width:11px;height:11px;border-radius:50%;background:#ff655f;box-shadow:0 0 8px currentColor}.runner-browser-lights i:nth-child(2){background:#ffcb45}.runner-browser-lights i:nth-child(3){background:#36d66f}
.runner-browser-tab{display:flex;align-items:center;gap:8px;min-width:190px;height:27px;padding:0 12px;border-radius:9px 9px 0 0;background:#202d43;color:#e9f3ff;font-size:12px}.runner-browser-tab img{width:17px;height:17px;object-fit:contain}.runner-browser-tab span:last-child{margin-left:auto;color:#9dafc3}
.runner-browser-address-row{display:flex;align-items:center;gap:12px;color:#aab9ca}.runner-browser-nav{display:flex;gap:12px;font-size:17px}.runner-browser-address{display:flex;align-items:center;gap:9px;min-width:0;flex:1;height:28px;padding:0 13px;border-radius:15px;background:#0a1323;border:1px solid rgba(255,255,255,.07);font-size:12px}.runner-browser-address strong{color:#dbe8f5;font-size:11px}.runner-browser-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runner-browser-menu{font-size:19px;line-height:1}
.runner-browser-viewport{position:relative;height:620px;min-height:620px;background:radial-gradient(circle at 50% 0,rgba(14,59,89,.25),transparent 54%),#070c19;contain:layout paint}
.runner-browser-iframe{display:block;width:100%;height:100%;border:0;background:#070c19}
.runner-browser-empty{position:absolute;inset:0;display:grid;place-content:center;gap:16px;text-align:center;color:#a8bacd;padding:24px}.runner-browser-empty[hidden]{display:none}.runner-browser-empty p{margin:0;font-size:15px}.runner-browser-empty button,.runner-journey-control{min-height:42px;border:1px solid rgba(73,211,239,.48);border-radius:8px;background:linear-gradient(180deg,rgba(16,30,53,.95),rgba(8,16,32,.98));color:#edfaff;padding:0 17px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.runner-browser-empty button{justify-self:center}.runner-browser-empty button:hover,.runner-journey-control:hover,.runner-journey-control:focus-visible{border-color:#35d8ee;box-shadow:0 0 18px rgba(46,209,244,.13);outline:0}.runner-journey-control:disabled{opacity:.36;cursor:default;box-shadow:none}
.runner-example-label{position:absolute;top:14px;right:18px;z-index:2;color:#9badc1;font-size:11px;letter-spacing:.02em;pointer-events:none}
.runner-journey-transport{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(220px,1.35fr) auto;align-items:center;gap:22px;margin-top:40px;padding:20px 28px;border:1px solid rgba(46,209,244,.28);border-radius:16px;background:rgba(4,10,24,.78);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.runner-journey-status{font-size:13px;font-weight:700;color:#f3f8ff;white-space:nowrap}.runner-journey-caption{padding-left:22px;border-left:1px solid rgba(154,180,211,.26);color:#a9b8ca;font-size:13px;line-height:1.5}.runner-journey-actions{display:flex;align-items:center;gap:10px}.runner-journey-control--primary{border-color:#2ed1f4;color:#fff;box-shadow:inset 0 0 20px rgba(46,209,244,.08),0 0 14px rgba(46,209,244,.1)}.runner-journey-control--play{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.runner-journey-play-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(46,209,244,.55);border-radius:50%;color:#fff;font-size:10px}.runner-journey-control--replay{border-color:rgba(154,180,211,.3);color:#c6d3e1}.runner-journey-announcement{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html[data-run-it-theme="light"] .runner-browser{background:#f5f9fc;border-color:rgba(0,117,140,.42)}html[data-run-it-theme="light"] .runner-journey-transport{background:rgba(255,255,255,.94)}html[data-run-it-theme="light"] .runner-journey-status{color:#102337}html[data-run-it-theme="light"] .runner-journey-caption{color:#4d6074}html[data-run-it-theme="light"] .runner-journey-control{color:#073b46;background:#fff;border-color:rgba(0,117,140,.4)}
.engine-orbit { --orbit-size:83.33%; position:absolute; top:calc((100% - var(--orbit-size))/2); left:calc((100% - var(--orbit-size))/2); width:var(--orbit-size); height:var(--orbit-size); border:1px solid #2ed1f48a; border-radius:48% 52% 46% 54%; pointer-events:none; animation:engine-orbit-turn 6s linear infinite; animation-play-state:paused; }
.engine-orbit::after { content:''; position:absolute; inset:6px; border:1px solid #2ed1f439; border-radius:50%; }
.engine-orbit--2 { --orbit-size:92.86%; border-color:#2ed1f456; border-radius:50%; animation-duration:8s; animation-direction:reverse; }
.engine-orbit--3 { --orbit-size:77%; border-color:#70baff88; border-radius:44% 56% 51% 49%; animation-duration:4.8s; }
.engine-orbit--4 { --orbit-size:100%; border-color:#2ed1f459; border-radius:50%; animation-duration:10s; animation-direction:reverse; }
[data-engine-motion="running"] .engine-orbit { animation-play-state:running; }
#how-it-works :is(.engine-flow-backdrop-glow,.engine-core-glow-large,.engine-core-glow-small) { filter:none !important; }
#how-it-works .flow-card { animation:none !important; backdrop-filter:none; -webkit-backdrop-filter:none; }
#how-it-works .flow-card .absolute > div { filter:none !important; opacity:.6; }
#how-it-works .ai-engine { animation:none !important; }
#how-it-works .engine-logo-container { position:relative; }
#how-it-works .engine-logo { animation:none !important; filter:none; }
/* The logo box is also the outer circular rim used by the SVG connections. */
#how-it-works .data-flow-container { --engine-diameter:clamp(216px,23vw,252px); min-height:0; padding:32px 0; }
#how-it-works .flow-grid { grid-template-columns:minmax(148px,280px) var(--engine-diameter) minmax(148px,280px); gap:clamp(28px,5vw,100px); justify-content:space-between; width:100%; padding:0; }
#how-it-works .flow-column { gap:32px; margin:0; min-width:0; }
#how-it-works .flow-card { padding:16px; height:120px; transition:border-color .2s; }
#how-it-works .flow-card:hover { transform:none; }
#how-it-works .ai-engine { padding:0; width:var(--engine-diameter); height:var(--engine-diameter); gap:0; }
#how-it-works .engine-logo-container { inset:auto; width:var(--engine-diameter) !important; height:var(--engine-diameter) !important; flex:none; }
#how-it-works .engine-label { top:calc(100% + 24px); bottom:auto !important; width:max-content; white-space:nowrap; }
#how-it-works :is(.connections,.mobile-connections) { color:#2ed1f4; }
#how-it-works .connection-line { stroke-width:1.5px !important; }
html[data-run-it-theme="light"] #how-it-works :is(.connections,.mobile-connections) { color:#00758c; }
/* Keep native packets visible on devices where the legacy animation probe opts out. */
html.reduce-animations #how-it-works :is(#data-packets,#mobile-data-packets) { display:inline !important; visibility:visible !important; }
html.reduce-animations #how-it-works .connection-line { opacity:1 !important; }
.engine-native-packet { fill:#2ed1f4; }
html[data-run-it-theme="light"] .engine-native-packet { fill:#00758c; }
html[data-run-it-theme="light"] .engine-orbit,html[data-run-it-theme="light"] .engine-orbit::after { border-color:#00758c88; }
@keyframes engine-orbit-turn { to { transform:rotate(360deg); } }
@media(max-width:768px) {
  .runner-journey-shell{width:min(100%,calc(100vw - 1.5rem))}.runner-browser{border-radius:12px}.runner-browser-chrome{height:67px;padding:9px 11px 8px}.runner-browser-tabs{height:22px;margin-bottom:5px}.runner-browser-lights{gap:6px;margin-right:5px}.runner-browser-lights i{width:8px;height:8px}.runner-browser-tab{min-width:130px;height:23px;padding:0 8px;font-size:10px}.runner-browser-tab img{width:14px;height:14px}.runner-browser-address-row{gap:7px}.runner-browser-nav{gap:7px;font-size:14px}.runner-browser-address{height:25px;padding:0 9px;font-size:10px}.runner-browser-address strong{font-size:9px}.runner-browser-viewport{height:620px;min-height:620px}.runner-example-label{top:10px;right:12px;font-size:9px}.runner-journey-transport{grid-template-columns:1fr auto;margin-top:18px;padding:14px;gap:11px;border-radius:12px}.runner-journey-status{font-size:11px;overflow:hidden;text-overflow:ellipsis}.runner-journey-caption{grid-column:1/-1;grid-row:2;padding:10px 0 0;border-left:0;border-top:1px solid rgba(154,180,211,.2);font-size:11px;min-height:38px}.runner-journey-actions{justify-content:flex-end;flex-wrap:wrap}.runner-journey-control{min-height:38px;padding:0 12px;font-size:11px}.runner-journey-control--play [data-runner-play-label]{display:none}
  #how-it-works .data-flow-container { --engine-diameter:216px; padding:24px 0; }
  #how-it-works .flow-grid { width:100% !important; max-width:620px !important; padding:0 !important; margin:0 !important; gap:72px !important; }
  #how-it-works .flow-column { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(8px,2vw,16px) !important; margin:0; }
  #how-it-works .flow-card { width:100% !important; min-width:0 !important; height:108px !important; padding:8px !important; }
  #how-it-works .flow-card h4 { font-size:clamp(10px,2.5vw,13px) !important; line-height:1.25; white-space:nowrap; margin:6px 0 0 !important; }
  #how-it-works .ai-engine { margin:0 !important; }
  #how-it-works .flow-card .coming-soon-wrap { margin-bottom:4px !important; }
  #how-it-works .flow-card .coming-soon-badge { left:calc(50% + 14px) !important; top:0 !important; bottom:auto !important; transform:none !important; padding:2px 3px !important; font-size:6px !important; }
}
@media(max-width:390px){.runner-browser-nav span:nth-child(2){display:none}.runner-browser-tab{min-width:112px}.runner-browser-viewport{height:590px;min-height:590px}.runner-journey-transport{display:block}.runner-journey-status{display:block;margin-bottom:10px}.runner-journey-caption{display:block;margin-bottom:12px}.runner-journey-actions{justify-content:space-between;gap:6px}.runner-journey-control{padding:0 9px}.runner-journey-control--play{padding:0 7px}}
@media(prefers-reduced-motion:reduce) {
  .engine-orbit { animation:none !important; }
}
@media(max-width:700px){
 [data-runner-journey] .runner-browser-viewport{height:760px;min-height:760px}
 [data-runner-journey][data-chapter="biomechanics"] .runner-browser-viewport{height:1060px;min-height:1060px}
}
@media(max-width:700px){[data-runner-journey] .runner-journey-control{min-height:44px;min-width:44px}}
@media(max-width:700px){[data-runner-journey][data-chapter="shoe-analysis"] .runner-browser-viewport{height:860px;min-height:860px}}
[data-runner-journey][data-chapter="recommendations"] .runner-browser-viewport{height:760px;min-height:760px}
[data-runner-journey][data-chapter="shoe-analysis"] .runner-browser-viewport{height:720px;min-height:720px}
@media(max-width:800px){[data-runner-journey][data-chapter="shoe-analysis"] .runner-browser-viewport{height:960px;min-height:960px}}
@media(max-width:500px){[data-runner-journey][data-chapter="recommendations"] .runner-browser-viewport{height:1280px;min-height:1280px}[data-runner-journey][data-chapter="shoe-analysis"] .runner-browser-viewport{height:1200px;min-height:1200px}}
@media(max-width:500px){[data-runner-journey][data-chapter="shoe-analysis"] .runner-browser-viewport{height:1300px;min-height:1300px}}
@media(max-width:800px){[data-runner-journey][data-chapter="shoe-analysis"] .runner-browser-viewport{height:1300px;min-height:1300px}}
[data-runner-journey][data-chapter="my-shoes"] .runner-browser-viewport{height:1020px;min-height:1020px}
@media(max-width:700px){[data-runner-journey][data-chapter="my-shoes"] .runner-browser-viewport{height:1140px;min-height:1140px}}
.runner-browser-tab img{width:18px;height:18px;object-fit:contain;flex:none}
[data-runner-journey][data-chapter="profile"] .runner-browser-viewport{height:1320px;min-height:1320px}
@media(max-width:700px){[data-runner-journey][data-chapter="profile"] .runner-browser-viewport{height:1450px;min-height:1450px}}

[data-runner-journey][data-chapter="biomechanics"] .runner-browser-viewport{height:960px;min-height:960px}
@media(max-width:700px){[data-runner-journey][data-chapter="biomechanics"] .runner-browser-viewport{height:1240px;min-height:1240px}}

[data-runner-journey][data-chapter="shoe-analysis"] .runner-browser-viewport{height:1060px;min-height:1060px}
@media(max-width:800px){[data-runner-journey][data-chapter="shoe-analysis"] .runner-browser-viewport{height:1780px;min-height:1780px}}

[data-runner-journey][data-chapter="recommendations"] .runner-browser-viewport{height:900px;min-height:900px}
@media(max-width:500px){[data-runner-journey][data-chapter="recommendations"] .runner-browser-viewport{height:1640px;min-height:1640px}}

[data-runner-journey][data-chapter="profile"] .runner-browser-viewport{height:1380px;min-height:1380px}
@media(max-width:700px){[data-runner-journey][data-chapter="profile"] .runner-browser-viewport{height:1800px;min-height:1800px}}
[data-runner-journey][data-chapter="biomechanics"] .runner-browser-viewport{height:1000px;min-height:1000px}
@media(max-width:700px){[data-runner-journey][data-chapter="biomechanics"] .runner-browser-viewport{height:1360px;min-height:1360px}}

[data-runner-journey][data-chapter="recommendations"] .runner-browser-viewport{height:1320px;min-height:1320px}
@media(max-width:1000px){[data-runner-journey][data-chapter="recommendations"] .runner-browser-viewport{height:1900px;min-height:1900px}}
@media(max-width:560px){[data-runner-journey][data-chapter="recommendations"] .runner-browser-viewport{height:2620px;min-height:2620px}}

[data-runner-journey][data-content-fit="true"] .runner-browser-viewport{height:var(--runner-content-height,620px)!important;min-height:0!important;transition:none!important}