.ortho-process{overflow:hidden;background:linear-gradient(180deg,transparent,#39e6a508,transparent)}.ortho-head{max-width:none;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}.ortho-head p{margin:0;color:var(--muted)}.ortho-player{overflow:hidden;border:1px solid #9ccadb33;border-radius:26px;background:#07141e;box-shadow:0 28px 80px #0005}.ortho-screen{position:relative;min-height:510px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#39e6a51c,transparent 22rem),linear-gradient(135deg,#0c202d,#07131c)}.ortho-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#9ccadb22 1px,transparent 1px),linear-gradient(90deg,#9ccadb22 1px,transparent 1px);background-size:42px 42px}.ortho-status{position:absolute;z-index:9;top:24px;left:24px;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:#061019cf;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ortho-status i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:orthoPulse 1.2s infinite}
.scan-bed{position:absolute;inset:42px 20px 120px;perspective:900px}.foot{position:absolute;z-index:4;left:50%;top:52%;width:115px;height:230px;transform:translate(-50%,-50%) rotate(-8deg);transition:.65s;filter:drop-shadow(0 22px 24px #0008)}.foot span{position:absolute;left:18px;bottom:0;width:86px;height:180px;border:1px solid #46bdf5aa;border-radius:52% 48% 40% 46%;background:linear-gradient(160deg,#46bdf566,#39e6a522);clip-path:polygon(42% 0,74% 4%,92% 23%,89% 58%,100% 89%,76% 100%,35% 96%,10% 80%,16% 48%,0 20%)}.foot i{position:absolute;z-index:2;border:1px solid #46bdf5aa;border-radius:50%;background:#46bdf544;box-shadow:0 0 12px #46bdf544}.foot i:nth-child(1){width:28px;height:31px;left:6px;top:1px}.foot i:nth-child(2){width:25px;height:27px;left:34px;top:-11px}.foot i:nth-child(3){width:22px;height:24px;left:61px;top:-8px}.foot i:nth-child(4){width:19px;height:21px;left:83px;top:3px}.foot i:nth-child(5){width:16px;height:18px;left:100px;top:18px}.scan-line{position:absolute;z-index:6;left:calc(50% - 100px);top:25%;width:200px;height:2px;background:#39e6a5;box-shadow:0 0 10px 3px #39e6a5aa,0 18px 35px 8px #39e6a52e;animation:scan 2.2s ease-in-out infinite}.pressure-map{position:absolute;z-index:5;left:50%;top:52%;width:115px;height:230px;transform:translate(-50%,-50%) rotate(-8deg);opacity:0;transition:.6s}.pressure-map i{position:absolute;border-radius:50%;filter:blur(4px);animation:heat 1.6s infinite alternate}.pressure-map i:nth-child(1){width:64px;height:70px;left:25px;bottom:5px;background:#ff5d66aa}.pressure-map i:nth-child(2){width:48px;height:70px;left:26px;top:76px;background:#ffca55aa}.pressure-map i:nth-child(3){width:54px;height:50px;left:20px;top:20px;background:#46bdf5aa}.pressure-map i:nth-child(4){width:30px;height:35px;right:4px;top:5px;background:#39e6a5aa}
.insole{position:absolute;z-index:7;left:50%;top:52%;width:130px;height:250px;opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scale(.7);transition:.65s}.insole i{position:absolute;inset:0;border:2px solid #39e6a5;border-radius:48% 45% 38% 42%;background:linear-gradient(150deg,#39e6a566,#46bdf51c);clip-path:polygon(38% 0,74% 5%,94% 25%,88% 62%,100% 88%,78% 100%,30% 96%,8% 78%,16% 45%,0 19%);box-shadow:inset 0 0 35px #39e6a522,0 0 28px #39e6a533}.insole b,.insole em{position:absolute;z-index:2;border:1px dashed #eaf8f4aa;border-radius:50%}.insole b{width:75px;height:76px;left:24px;bottom:12px}.insole em{width:56px;height:90px;left:27px;top:72px}.print-layers{position:absolute;z-index:8;left:50%;top:30%;width:180px;height:190px;opacity:0;transform:translateX(-50%);background:repeating-linear-gradient(0deg,transparent 0 9px,#39e6a566 10px 11px);clip-path:polygon(30% 0,73% 4%,96% 20%,87% 61%,100% 84%,77% 100%,24% 94%,4% 77%,15% 42%,0 15%);transition:.6s}
.ortho-caption{position:absolute;z-index:10;left:28px;right:28px;bottom:25px;display:flex;gap:20px;padding-top:19px;border-top:1px solid var(--line)}.ortho-caption>strong{font-size:12px;color:var(--accent)}.ortho-caption h3{font-size:20px;margin:0 0 5px}.ortho-caption p{margin:0;color:var(--muted);font-size:13px}.ortho-controls{display:grid;grid-template-columns:repeat(4,1fr) 48px;gap:7px;padding:15px;background:#0a1a25;border-top:1px solid var(--line)}.ortho-controls button{position:relative;text-align:left;padding:10px 10px 10px 40px;color:var(--muted);border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer}.ortho-controls button span{position:absolute;left:11px;top:11px;font-size:10px}.ortho-controls button b,.ortho-controls button small{display:block}.ortho-controls button b{font-size:12px;color:#c9d6db}.ortho-controls button small{font-size:9px}.ortho-controls button.is-active{border-color:#39e6a544;background:#39e6a511}.ortho-controls button.is-active span,.ortho-controls button.is-active b{color:var(--accent)}.ortho-controls .ortho-toggle{padding:0;text-align:center;font-size:15px;color:var(--accent);border-color:var(--line)}.ortho-benefits{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.ortho-benefits span{padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:#fff1;color:var(--muted);font-size:11px}
.ortho-player[data-current="1"] .scan-line{opacity:0}.ortho-player[data-current="1"] .foot{opacity:.25}.ortho-player[data-current="1"] .pressure-map{opacity:1}.ortho-player[data-current="2"] .scan-line,.ortho-player[data-current="2"] .pressure-map{opacity:0}.ortho-player[data-current="2"] .foot{opacity:.12;transform:translate(-50%,-50%) rotate(-8deg) scale(.8)}.ortho-player[data-current="2"] .insole{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1);animation:model 2s ease-in-out infinite}.ortho-player[data-current="3"] .scan-line,.ortho-player[data-current="3"] .foot,.ortho-player[data-current="3"] .pressure-map{opacity:0}.ortho-player[data-current="3"] .insole{opacity:.7;transform:translate(-50%,-50%) rotate(-8deg) scale(.88)}.ortho-player[data-current="3"] .print-layers{opacity:1;animation:layers 2s linear infinite}.ortho-player.is-paused *{animation-play-state:paused!important}@keyframes scan{0%,100%{top:25%}50%{top:78%}}@keyframes heat{to{transform:scale(1.12);filter:blur(7px)}}@keyframes model{50%{filter:drop-shadow(0 0 18px #39e6a5);transform:translate(-50%,-50%) rotate(-5deg) scale(1.03)}}@keyframes layers{50%{transform:translateX(-50%) translateY(12px);filter:drop-shadow(0 0 14px #39e6a5)}}@keyframes orthoPulse{50%{opacity:.3}}@media(max-width:860px){.ortho-head{grid-template-columns:1fr;gap:12px}.ortho-controls{grid-template-columns:1fr 1fr 42px}.ortho-toggle{grid-column:3;grid-row:1/3}}@media(max-width:540px){.ortho-screen{min-height:470px}.ortho-caption{left:18px;right:18px}.ortho-controls button{padding-left:32px}.ortho-controls button span{left:8px}}