:root{--med-1:#34527e;--med-2:#1f3559;--med-glow:#9ab8ee;--spo-1:#1d2c48;--spo-2:#111b2e;--spo-glow:#f6a564}.stage{position:relative;width:100%;height:100vh;min-height:600px;color:#fff}.stage,.world{overflow:hidden}.world{position:absolute;top:0;height:100%;width:56%;transition:width .5s cubic-bezier(.4,0,.2,1)}.world .layer{position:absolute;inset:-4%;transition:transform .3s ease-out}.med{left:0;background:radial-gradient(720px 520px at 32% 30%,rgba(154,184,238,.42),transparent 62%),radial-gradient(500px 460px at 60% 82%,rgba(110,150,220,.28),transparent 60%),linear-gradient(150deg,var(--med-1),var(--med-2));-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 140px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 140px) 100%,0 100%)}.spo{right:0;background:radial-gradient(720px 520px at 70% 28%,rgba(246,165,100,.4),transparent 62%),radial-gradient(520px 460px at 42% 84%,rgba(232,116,58,.26),transparent 60%),linear-gradient(210deg,var(--spo-1),var(--spo-2));-webkit-clip-path:polygon(140px 0,100% 0,100% 100%,0 100%);clip-path:polygon(140px 0,100% 0,100% 100%,0 100%)}body.ready .med{animation:medIn 1.1s cubic-bezier(.16,1,.3,1)}body.ready .spo{animation:spoIn 1.1s cubic-bezier(.16,1,.3,1)}@keyframes medIn{0%{transform:translateX(-46px);opacity:0}}@keyframes spoIn{0%{transform:translateX(46px);opacity:0}}.orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.55;animation:drift 16s ease-in-out infinite}.med .orb1{width:240px;height:240px;left:8%;top:22%;background:radial-gradient(circle,rgba(180,205,245,.6),transparent 70%)}.med .orb2{width:180px;height:180px;left:30%;top:60%;background:radial-gradient(circle,rgba(120,160,225,.5),transparent 70%);animation-delay:-6s}.spo .orb1{width:240px;height:240px;right:10%;top:20%;background:radial-gradient(circle,rgba(248,178,120,.6),transparent 70%);animation-delay:-3s}.spo .orb2{width:190px;height:190px;right:28%;top:62%;background:radial-gradient(circle,rgba(235,130,70,.5),transparent 70%);animation-delay:-9s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(26px,-22px) scale(1.08)}66%{transform:translate(-18px,16px) scale(.96)}}.ecg{position:absolute;left:0;bottom:23%;width:70%;height:140px;opacity:.9}body.ready .ecg{animation:hSoftIn .8s ease}.ecg svg{width:100%;height:100%;overflow:visible}.ecg-line{fill:none;stroke:rgba(190,214,250,.85);stroke-width:2.2;stroke-dasharray:1400;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(154,184,238,.9))}body.ready .ecg-line{animation:ecgDraw 3.4s linear infinite}@keyframes ecgDraw{0%{stroke-dashoffset:1400}to{stroke-dashoffset:-1400}}.ball-wrap{position:absolute;right:6%;top:24%;width:46%;height:50%;pointer-events:none}body.ready .ball-wrap{animation:hSoftIn .8s ease}@keyframes hSoftIn{0%{opacity:0}}.ball{left:0;top:0;width:18px;height:18px;background:radial-gradient(circle at 35% 30%,#fff,#d6e64f 55%,#9fb52e);box-shadow:0 0 16px rgba(214,230,79,.85);offset-path:path("M 0 200 C 90 -40, 320 -40, 430 150");animation:ballArc 4.2s cubic-bezier(.45,0,.55,1) infinite}.ball,.ball:after{position:absolute;border-radius:50%}.ball:after{content:"";inset:0;box-shadow:0 0 0 2px rgba(255,255,255,.18)}@keyframes ballArc{0%{offset-distance:0;opacity:0}8%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}.trail{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}.trail path{fill:none;stroke:rgba(214,230,79,.3);stroke-width:1.5;stroke-dasharray:4 7}.seam{position:absolute;top:0;left:50%;height:100%;width:2px;transform:translateX(-50%) skewX(-7deg);background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent);z-index:6}body.ready .seam{animation:hSoftIn .6s ease}.seam:before{content:"";position:absolute;left:50%;top:-20%;transform:translateX(-50%);width:3px;height:34%;background:linear-gradient(180deg,transparent,#fff,transparent);filter:blur(1px);box-shadow:0 0 14px #cfe0ff;animation:seamRun 3.2s ease-in-out infinite}@keyframes seamRun{0%{top:-25%}to{top:100%}}.wlabel{position:absolute;bottom:clamp(34px,6vh,64px);z-index:8}.wlabel.l{left:clamp(34px,4vw,68px)}.wlabel.r{right:clamp(34px,4vw,68px);text-align:right}body.ready .wlabel.l{animation:slideR .8s ease .55s both}body.ready .wlabel.r{animation:slideL .8s ease .65s both}@keyframes slideR{0%{opacity:0;transform:translateX(-20px)}}@keyframes slideL{0%{opacity:0;transform:translateX(20px)}}.wlabel .ey{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px}.wlabel.l .ey{color:var(--med-glow)}.wlabel.r .ey{color:var(--spo-glow)}.wlabel h3{font-size:clamp(20px,2vw,27px);font-weight:700;letter-spacing:-.02em;margin-bottom:14px;color:#fff}.wlabel .stat{display:flex;gap:22px}.wlabel.r .stat{justify-content:flex-end}.wlabel .v{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1}.wlabel .k{font-family:var(--font-mono);font-size:10.5px;color:rgba(255,255,255,.6);margin-top:6px;max-width:14ch}.hcenter{position:absolute;left:50%;top:50%;z-index:12;transform:translate(-50%,-51%);display:flex;flex-direction:column;align-items:center;width:min(760px,94vw)}.hfig{position:relative;width:min(780px,94vw);height:clamp(320px,58vh,560px);z-index:1}.hfig .hcut{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;z-index:2;filter:saturate(1.05) contrast(1.04)}.horb{position:absolute;inset:-14% -20%;width:140%;height:128%;z-index:0;pointer-events:none;filter:blur(11px);opacity:.85}.horb ellipse{transform-box:fill-box;transform-origin:center}.horb .o1{animation:orbFloat 8s ease-in-out infinite}.horb .o2{animation:orbFloat 11s ease-in-out -3s infinite reverse}@keyframes orbFloat{0%,to{transform:rotate(-16deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-16px)}}body.ready .hfig{animation:figIn 1.2s cubic-bezier(.16,1,.3,1) .15s both}@keyframes figIn{0%{opacity:0;transform:translateY(28px) scale(.96)}}.hplate{position:relative;z-index:2;margin-top:clamp(-110px,-11vh,-60px);text-align:center;width:min(560px,92vw);background:rgba(13,21,38,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:24px 30px 26px;box-shadow:0 40px 120px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12)}body.ready .hplate{animation:plateIn .9s ease .45s both}@keyframes plateIn{0%{opacity:0;transform:translateY(22px)}}.hplate .badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 13px;margin-bottom:12px}.hplate h1{font-size:clamp(34px,3.8vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff}.hplate h1 .ch{display:inline-block}body.ready .hplate h1 .ch{animation:chIn .6s cubic-bezier(.16,1,.3,1)}@keyframes chIn{0%{opacity:0;transform:translateY(18px)}}.hplate .sub{font-size:14.5px;color:rgba(255,255,255,.78);line-height:1.5;margin:10px auto 18px;max-width:44ch}.hplate .go{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;background:linear-gradient(135deg,var(--spo-glow),#e8743a);color:#fff;font-weight:700;font-size:15px;padding:14px 28px;border-radius:999px;text-decoration:none;box-shadow:0 12px 30px -8px rgba(232,116,58,.6);transition:transform .18s,box-shadow .18s}.hplate .go:hover{transform:translateY(-3px);box-shadow:0 18px 40px -8px rgba(232,116,58,.7)}.hplate .go .arr{transition:transform .18s}.hplate .go:hover .arr{transform:translateX(4px)}.stage.hover-med .med{width:60%}.stage.hover-med .spo{width:52%}.stage.hover-spo .spo{width:60%}.stage.hover-spo .med{width:52%}.hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:14;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.5);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:7px}body.ready .hint{animation:hSoftIn 1s ease}.hint .mouse{width:20px;height:32px;border:1.5px solid rgba(255,255,255,.4);border-radius:11px;position:relative}.hint .mouse:after{content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);width:3px;height:6px;border-radius:2px;background:#fff;animation:wheel 1.6s ease-in-out infinite}@keyframes wheel{0%,to{opacity:0;top:6px}50%{opacity:1;top:13px}}@media (max-width:760px){.stage{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:calc(var(--nav-h,72px) + 26px) 22px 54px}.world{width:100%;height:50%}.med{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 70px),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 70px),0 100%)}.spo{top:auto;bottom:0;-webkit-clip-path:polygon(0 70px,100% 0,100% 100%,0 100%);clip-path:polygon(0 70px,100% 0,100% 100%,0 100%)}.seam{display:none}.ecg{bottom:auto;top:9%;width:88%;height:90px}.ball-wrap{top:auto;bottom:5%;right:4%;width:80%;height:26%}.wlabel{position:static;margin:0}.wlabel.l{order:1;margin-bottom:20px}.wlabel.r{order:3;text-align:left;margin-top:24px}.wlabel.r .stat{justify-content:flex-start}.wlabel .k{max-width:none}.hcenter{position:static;order:2;transform:none;width:100%}.hfig{width:100%;height:min(78vw,400px)}.hplate{margin-top:-44px;width:100%;padding:22px 20px 24px}body.ready .hplate{animation:mCardIn .8s ease .25s both}@keyframes mCardIn{0%{opacity:0;transform:translateY(18px)}}.hplate .sub{margin:10px auto 18px}.hint{position:static;order:4;transform:none;margin:30px auto 0}}@media (prefers-reduced-motion:reduce){.stage *{animation:none!important}.med,.spo{transform:none!important;opacity:1!important}.ecg-line{stroke-dashoffset:0}}body.shown .ball-wrap,body.shown .ecg,body.shown .hfig,body.shown .hint,body.shown .hplate,body.shown .hplate h1 .ch,body.shown .med,body.shown .seam,body.shown .spo,body.shown .wlabel,body.shown .wlabel.l,body.shown .wlabel.r{animation:none!important;opacity:1!important}body.shown .med,body.shown .spo{transform:none!important}