.iso-scene{perspective:1400px;perspective-origin:50% 45%}.iso-container{width:660px;height:780px;position:relative;transform:scale(.7) rotateX(12deg) rotateY(-16deg) rotate(2deg);transform-origin:center 30%;transform-style:preserve-3d;margin-bottom:-150px}.iso-phone{position:absolute;width:280px;height:560px;top:80px;left:200px;transform-style:preserve-3d}.iso-phone-bezel{position:absolute;inset:0;border-radius:40px;border:2px solid #ccc;transition:border-color .5s}:where(.dark,.dark *) .iso-phone-bezel{border-color:#333}.iso-phone-screen{position:absolute;inset:8px;border-radius:32px;border:1.5px solid #ddd;overflow:hidden;background:#f8f8f7;transition:border-color .5s,background .5s}:where(.dark,.dark *) .iso-phone-screen{border-color:#2a2a2a;background:#111}.iso-dynamic-island{position:absolute;top:14px;left:50%;transform:translate(-50%);width:76px;height:22px;border-radius:11px;background:#e0e0e0;z-index:5;transition:background .5s}:where(.dark,.dark *) .iso-dynamic-island{background:#2a2a2a}.iso-btn-side{position:absolute;border-radius:2px;background:#d4d4d4;transition:background .5s}:where(.dark,.dark *) .iso-btn-side{background:#333}.iso-btn-power{width:3px;height:48px;right:-3px;top:140px;border-radius:0 2px 2px 0}.iso-btn-vol-up{width:3px;height:30px;left:-3px;top:120px;border-radius:2px 0 0 2px}.iso-btn-vol-down{width:3px;height:30px;left:-3px;top:165px;border-radius:2px 0 0 2px}.iso-phone-shadow{position:absolute;width:280px;height:560px;top:100px;left:218px;border-radius:40px;transform:translateZ(-8px);background:#0000000d;transition:background .5s}:where(.dark,.dark *) .iso-phone-shadow{background:#ffffff04}.iso-screen-content{padding:44px 14px 14px;display:flex;flex-direction:column;gap:10px}.iso-screen-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #e8e8e8;transition:border-color .5s}:where(.dark,.dark *) .iso-screen-header{border-color:#222}.iso-screen-card{border-radius:14px;padding:12px;border:1px solid #eee;background:#fff;transition:background .5s,border-color .5s}:where(.dark,.dark *) .iso-screen-card{background:#1a1a1a;border-color:#252525}.iso-sk{border-radius:4px;background:#e8e8e8;transition:background .5s}:where(.dark,.dark *) .iso-sk{background:#252525}.iso-sk-dark{border-radius:4px;background:#231f20;transition:background .5s}:where(.dark,.dark *) .iso-sk-dark{background:#ccc}.iso-sk-green{border-radius:4px;background:#c4f3c4}:where(.dark,.dark *) .iso-sk-green{background:#2d5a2d}.iso-sk-text{border-radius:3px;background:#d0d0d0;transition:background .5s}:where(.dark,.dark *) .iso-sk-text{background:#333}.iso-card{position:absolute;border-radius:16px;border:1.5px solid #e5e5e5;padding:14px 16px;background:#fff;transform-style:preserve-3d;box-shadow:6px 8px #00000008,10px 14px #00000004;opacity:0;transition:background .5s,border-color .5s,box-shadow .5s}:where(.dark,.dark *) .iso-card{background:#141414;border-color:#2a2a2a;box-shadow:6px 8px #0003,10px 14px #0000001a}.iso-card-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;color:#999}:where(.dark,.dark *) .iso-card-label{color:#555}.iso-card-title{font-size:13px;font-weight:700;margin-bottom:3px;color:#231f20}:where(.dark,.dark *) .iso-card-title{color:#e5e5e5}.iso-card-sub{font-size:11px;color:#999}:where(.dark,.dark *) .iso-card-sub{color:#555}.iso-dot-green{width:6px;height:6px;border-radius:50%;background:#5b6e4a;animation:isoPulse 2s ease-in-out infinite}:where(.dark,.dark *) .iso-dot-green{background:#c4f3c4}.iso-check-green{width:20px;height:20px;border-radius:6px;background:#c4f3c4;display:flex;align-items:center;justify-content:center;font-size:11px;color:#231f20;font-weight:700}:where(.dark,.dark *) .iso-check-green{background:#2d5a2d;color:#c4f3c4}.iso-prog{height:5px;border-radius:3px;overflow:hidden;margin-top:8px;background:#f0f0f0}:where(.dark,.dark *) .iso-prog{background:#222}.iso-prog-fill{height:100%;border-radius:3px;background:#c4f3c4;width:80%}:where(.dark,.dark *) .iso-prog-fill{background:#5b6e4a}.iso-card-schedule{top:10px;left:-10px;width:185px;--tz: 55px}.iso-card-verify{top:170px;left:390px;width:175px;--tz: 42px}.iso-card-status{top:420px;left:10px;width:195px;--tz: 65px}.iso-card-nav{top:590px;left:170px;width:230px;--tz: 30px;padding:10px 14px}.iso-card-stats{top:480px;left:380px;width:175px;--tz: 38px}@keyframes isoCardIn{0%{opacity:0;transform:translateZ(0) translateY(20px)}to{opacity:1;transform:translateZ(var(--tz))}}@keyframes isoFloat1{0%,to{transform:translateZ(var(--tz)) translateY(0)}50%{transform:translateZ(var(--tz)) translateY(-5px)}}@keyframes isoFloat2{0%,to{transform:translateZ(var(--tz)) translateY(0)}50%{transform:translateZ(var(--tz)) translateY(-7px)}}@keyframes isoPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes isoDrawLine{to{stroke-dashoffset:0}}.iso-card-schedule{animation:isoCardIn .7s cubic-bezier(.2,.8,.2,1) .3s forwards,isoFloat1 5s ease-in-out 1.2s infinite}.iso-card-verify{animation:isoCardIn .7s cubic-bezier(.2,.8,.2,1) .5s forwards,isoFloat2 6s ease-in-out 1.4s infinite}.iso-card-status{animation:isoCardIn .7s cubic-bezier(.2,.8,.2,1) .7s forwards,isoFloat1 5.5s ease-in-out 1.6s infinite}.iso-card-nav{animation:isoCardIn .7s cubic-bezier(.2,.8,.2,1) .9s forwards,isoFloat2 7s ease-in-out 1.8s infinite}.iso-card-stats{animation:isoCardIn .7s cubic-bezier(.2,.8,.2,1) .8s forwards,isoFloat1 6.5s ease-in-out 1.5s infinite}.iso-lines{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:visible}.iso-lines line,.iso-lines path{fill:none;stroke-width:1.2;stroke:#d0d0d0;stroke-dasharray:300;stroke-dashoffset:300;animation:isoDrawLine .6s ease-out forwards;transition:stroke .5s}:where(.dark,.dark *) .iso-lines line,:where(.dark,.dark *) .iso-lines path{stroke:#2a2a2a}.iso-lines .iso-thick{stroke-width:2;stroke:#aaa}:where(.dark,.dark *) .iso-lines .iso-thick{stroke:#3a3a3a}.iso-l1{animation-delay:1s}.iso-l2{animation-delay:1.05s}.iso-l3{animation-delay:1.1s}.iso-l4{animation-delay:1.15s}.iso-l5{animation-delay:1.2s}.iso-l6{animation-delay:1.25s}.iso-l7{animation-delay:1.3s}.iso-l8{animation-delay:1.35s}.iso-l9{animation-delay:1.4s}.iso-l10{animation-delay:1.45s}.iso-l11{animation-delay:1.5s}.iso-l12{animation-delay:1.55s}.iso-l13{animation-delay:1.6s}.iso-l14{animation-delay:1.65s}