/* Client review: one coherent, explorable laboratory/model loop. */
.loop-showcase{display:grid;grid-template-columns:1.2fr 1fr;min-height:390px;border:1px solid #fff;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 16px 48px #0a3a5c08;margin:36px 0 24px}
.loop-picture{min-height:390px;background:#e4e9eb;overflow:hidden}
.loop-picture img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;aspect-ratio:1.5}
.loop-explanation{padding:36px 42px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.loop-explanation .section-label{font:400 12px/1.5 Geist,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px;color:#0e6e8a}
.loop-explanation h3{font-size:36px;margin:0 0 16px}
.loop-explanation .loop-description{font-size:18px;line-height:1.65;min-height:90px;margin-bottom:24px}
.loop-progress{width:72px;height:72px;position:relative;margin:0 0 22px;color:#0e6e8a}
.loop-progress svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:#e4e9eb;stroke-width:2}
.loop-progress .loop-progress-active{stroke:#0e6e8a;stroke-dasharray:54 270;transition:stroke-dasharray .5s ease}
.loop-progress span{position:absolute;inset:0;display:grid;place-items:center;font:400 12px Geist,sans-serif}
.loop-controls{display:flex;align-items:center;gap:16px}
.loop-play{font:500 14px Geist,sans-serif;color:#0e6e8a;background:#fff;border:1px solid #cce9ee;border-radius:30px;min-height:44px;padding:10px 20px;cursor:pointer}
.loop-play:hover{background:#edf6f7;border-color:#0e6e8a}
.loop-status{font:400 12px Geist,sans-serif;color:#5a7280}
.loop-select{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:8px 0;text-align:left;min-height:44px}
.loop-select[aria-pressed=true]{color:#0e6e8a;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.loop-enhanced .platform-steps .step{cursor:pointer}
.loop-enhanced .platform-steps .step p{display:none}
.loop-enhanced .platform-steps .reading-symbol{transition:background .2s,box-shadow .2s}
.loop-enhanced .platform-steps .step:has(.loop-select[aria-pressed=true]) .reading-symbol{background:#cce9ee;box-shadow:0 0 0 5px #fff}
@media(min-width:801px){.loop-enhanced .platform-steps .step h3{font-size:22px!important}}
@media(max-width:800px){.loop-showcase{grid-template-columns:1fr;margin:26px 0 20px}.loop-picture,.loop-picture img{min-height:0;aspect-ratio:1.65}.loop-explanation{padding:24px}.loop-progress{width:54px;height:54px;margin-bottom:16px}.loop-explanation .section-label{margin-bottom:18px}.loop-explanation h3{font-size:28px}.loop-explanation .loop-description{font-size:16px;min-height:100px}.loop-enhanced .platform-steps{display:flex!important;overflow-x:auto;gap:24px!important;padding:12px 5px 24px!important;margin-top:20px!important;scroll-snap-type:x proximity}.loop-enhanced .platform-steps .step{display:flex!important;flex-direction:column;align-items:center;flex:0 0 92px;gap:12px!important;scroll-snap-align:start}.loop-enhanced .platform-steps .step:after{display:none}.loop-enhanced .platform-steps .step h3{font-size:17px!important;margin:0!important}.loop-enhanced .platform-steps .reading-symbol{width:60px!important;height:60px!important}.loop-enhanced .platform-steps .reading-symbol img{width:28px!important;height:28px!important}}
@media(prefers-reduced-motion:reduce){.loop-progress .loop-progress-active{transition:none}}
@media(prefers-reduced-motion:no-preference){.page-home .hero-art{animation:endo-hero-arrival 5s cubic-bezier(.2,.65,.3,1) both}@keyframes endo-hero-arrival{from{transform:scale(1.035);opacity:.65}to{transform:scale(1);opacity:1}}}
@media(max-width:800px){body.refined-v4 .loop-enhanced .platform-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;overflow:visible;padding:12px 0 20px!important}body.refined-v4 .loop-enhanced .platform-steps .step{min-width:0;gap:8px!important}body.refined-v4 .loop-enhanced .platform-steps .step:not(:last-child):after{display:none}body.refined-v4 .loop-enhanced .platform-steps .step .reading-symbol{width:46px!important;height:46px!important}body.refined-v4 .loop-enhanced .platform-steps .step .reading-symbol img{width:23px!important;height:23px!important}body.refined-v4 .loop-enhanced .platform-steps .step h3{font-size:13px!important;letter-spacing:-.02em}body.refined-v4 .loop-enhanced .platform-steps .loop-select{min-width:44px}}
body.refined-v4 .loop-enhanced .platform-steps .step .reading-symbol{top:0;left:auto}