.problem-card{will-change:transform, opacity;position:relative}.problem-card.revealed{transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),box-shadow .4s}.problem-card.revealed:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:20;background:linear-gradient(135deg,#14b8a600 0%,#14b8a626 40%,#ef44441a 70%,#14b8a600 100%);border-radius:1rem;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.problem-card.revealed:hover:before{opacity:1}.problem-card.revealed:hover{transform:translateY(-8px)scale(1.004);box-shadow:0 2px 4px #00000005,0 8px 24px #0000000f,0 24px 64px #0000001a,0 0 0 1px #00000008}@keyframes sweepMinute{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sweepHour{0%{transform:rotate(-60deg)}60%{transform:rotate(165deg)}80%{transform:rotate(148deg)}to{transform:rotate(150deg)}}@keyframes arcReveal{0%{stroke-dashoffset:220px;opacity:.4}30%{opacity:1}to{stroke-dashoffset:55px}}@keyframes arcPulse{0%,to{opacity:.85}50%{opacity:1;filter:drop-shadow(0 0 4px #ef444480)}}.problem-card.revealed .clock-hand-minute{animation:6s linear .5s infinite sweepMinute}.problem-card.revealed .clock-hand-hour{animation:2s cubic-bezier(.34,1.1,.64,1) .6s forwards sweepHour}.problem-card.revealed .clock-arc-animated{animation:1.6s cubic-bezier(.16,1,.3,1) .7s forwards arcReveal,2.4s ease-in-out 2.3s infinite arcPulse}@keyframes chipIn{0%{opacity:0;transform:scale(.7)translateY(10px)}65%{transform:scale(1.06)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.problem-card.revealed .problem-chip{animation:.55s cubic-bezier(.34,1.56,.64,1) forwards chipIn}.ref-card{will-change:transform, opacity;transform-origin:top;backface-visibility:hidden;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease-out,box-shadow .4s}.ref-card.ref-card-exit{transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .55s ease-out}.ref-card[data-pos="0"]{opacity:1;z-index:3;transform:translateY(0)scale(1)rotateX(0);box-shadow:0 4px 12px #0000000f,0 16px 48px #0000001f,0 0 0 1px #0000000a}.ref-card[data-pos="1"]{opacity:.72;z-index:2;transform:translateY(20px)scale(.965);box-shadow:0 4px 16px #0000000f}.ref-card[data-pos="2"]{opacity:.38;z-index:1;transform:translateY(40px)scale(.93)}.ref-card[data-pos=exit]{opacity:0;z-index:0;pointer-events:none;transform:translateY(-80px)translate(50px)scale(.85)rotate(6deg)}.problem-card.revealed .stack-counter{animation:.5s cubic-bezier(.34,1.56,.64,1) .5s forwards chipIn}@keyframes radarRing{0%{opacity:.9;transform:scale(.08)}40%{opacity:.55}to{opacity:0;transform:scale(1)}}.radar-pulse-group .radar-pulse-out{transform-origin:105px 105px;animation:2.4s cubic-bezier(.2,.6,.4,1) infinite radarRing}.radar-pulse-group .radar-pulse-out:last-child{animation-delay:1.2s}@keyframes radarCenterPulse{0%,to{opacity:1;transform:scale(1)}45%{opacity:.8;transform:scale(1.25)}55%{opacity:.9;transform:scale(1.1)}}.radar-center-pulse{transform-origin:105px 105px;animation:2s ease-in-out infinite radarCenterPulse}@keyframes avNodeIn{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.av-node{opacity:0;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards avNodeIn}.av-node:nth-child(3n+1){animation-delay:.1s}.av-node:nth-child(3n+2){animation-delay:.25s}.av-node:nth-child(3n+3){animation-delay:.4s}@keyframes avPing{0%{opacity:.9;transform:scale(1)}70%{opacity:.4}to{opacity:0;transform:scale(2.1)}}.av-alert{animation:2.2s cubic-bezier(.16,1,.3,1) infinite avPing}.av-alert:nth-child(2){animation-delay:.7s}.av-alert:nth-child(4){animation-delay:1.4s}@keyframes avChipCycle{0%,6%{opacity:0;transform:scale(.8)translateY(5px)}11%,34%{opacity:1;transform:scale(1)translateY(0)}40%,to{opacity:0;transform:scale(.85)translateY(-5px)}}.av-chip{animation:14s ease-in-out infinite avChipCycle}@keyframes labelPulse{0%,to{box-shadow:0 0 #14b8a600}50%{box-shadow:0 0 0 5px #14b8a614}}.section-label{animation:3s ease-in-out infinite labelPulse}
.patient-hub-section{--medical-teal:teal;--soft-lavender:#f3f0ff;--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #00808014}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:2rem}.hub-nav-item{text-align:left;border:1px solid #0000;border-radius:1.25rem;align-items:center;gap:1.5rem;width:100%;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.hub-nav-item.active{background:#fff;border-color:#0080801a;box-shadow:0 4px 20px #0080800d}.hub-nav-item:hover:not(.active){background:#fff6;transform:translate(4px)}.icon-3d-container{background:linear-gradient(135deg, #fff 0%, var(--soft-lavender) 100%);border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:transform .3s;display:flex;position:relative;box-shadow:inset 0 -4px 8px #0080801a,0 4px 12px #0080801a}.hub-nav-item.active .icon-3d-container{background:linear-gradient(135deg, var(--medical-teal) 0%, #00a0a0 100%);color:#fff;transform:scale(1.05)}.quick-action-fab{z-index:50;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.typing-indicator{background:#f1f5f9;border-radius:1rem;gap:.25rem;width:fit-content;padding:.5rem 1rem;display:flex}.typing-dot{background:#94a3b8;border-radius:50%;width:4px;height:4px}@media (max-width:768px){.hub-split-layout{grid-template-columns:1fr}}
.replace-hero-wrapper{background:0 0}.replace-hero-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#b4c3f059 1px,#0000 1px),linear-gradient(90deg,#b4c3f059 1px,#0000 1px);background-size:160px 160px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 80%,#000 20%,#0000 75%);mask-image:radial-gradient(85% 80%,#000 20%,#0000 75%)}.replace-hero-grid-accent{pointer-events:none;z-index:0;background:#b4c8ff38;border-radius:4px;position:absolute;-webkit-mask-image:radial-gradient(90% 85%,#000 15%,#0000 70%);mask-image:radial-gradient(90% 85%,#000 15%,#0000 70%)}.replace-hero-stage{z-index:10;background:0 0;width:900px;height:700px;animation:.6s ease-out replaceHeroStageIn;position:relative}@keyframes replaceHeroStageIn{0%{opacity:0}to{opacity:1}}.replace-hero-orb{z-index:30;background:linear-gradient(145deg,#3b82f6 0%,#60a5fa 40%,#93c5fd 100%);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;transition:width .7s cubic-bezier(.34,1.4,.64,1),height .7s cubic-bezier(.34,1.4,.64,1),opacity .5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #3b82f68c,0 2px 12px #3b82f64d}.replace-hero-orb svg{width:55%;height:55%}.replace-hero-aura{opacity:0;pointer-events:none;z-index:8;background:radial-gradient(circle,#93c5fda6 0%,#93c5fd61 35%,#93c5fd24 60%,#0000 80%);border-radius:50%;width:600px;height:600px;transition:opacity .9s,transform .9s cubic-bezier(.34,1.2,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.replace-hero-aura.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.replace-hero-radar-ring{opacity:0;pointer-events:none;z-index:9;border:2px solid #3b82f68c;border-radius:50%;width:600px;height:600px;animation:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes replaceHeroRadarPulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(.15)}70%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}.replace-hero-radar-ring.pulse{animation:1.8s cubic-bezier(.15,.5,.4,1) forwards replaceHeroRadarPulse}.replace-hero-av{opacity:0;z-index:20;background:#dde8ff;border:3px solid #fff;border-radius:50%;transition:opacity .5s,transform .5s cubic-bezier(.34,1.4,.64,1);position:absolute;overflow:hidden;transform:scale(.5);box-shadow:0 4px 18px #0000002e}.replace-hero-av img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.replace-hero-av.show{opacity:1;transform:scale(1)}.replace-hero-arc-outer,.replace-hero-arc-inner{opacity:0;z-index:25;pointer-events:none;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.replace-hero-arc-outer.show,.replace-hero-arc-inner.show{opacity:1}@keyframes replaceHeroSpinCW{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes replaceHeroSpinCCW{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}.replace-hero-arc-outer.show{animation:3.2s linear infinite replaceHeroSpinCW}.replace-hero-arc-inner.show{animation:2.4s linear infinite replaceHeroSpinCCW}.replace-hero-net-svg{opacity:0;pointer-events:none;z-index:12;width:900px;height:700px;transition:opacity .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.replace-hero-net-svg.show{opacity:1}.replace-hero-s3av{opacity:0;z-index:20;background:#e8eef8;border:3.5px solid #fff;border-radius:50%;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;overflow:hidden;transform:scale(.4);box-shadow:0 2px 12px #0000001a,0 0 0 1px #c8d7eb66}.replace-hero-s3av img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.replace-hero-s3av.show{opacity:1;transform:scale(1)}@keyframes replaceHeroAvatarPulse{0%{box-shadow:0 4px 20px #00000021,0 0 #3b82f6a6,0 0 18px #3b82f61a}45%{box-shadow:0 4px 20px #00000021,0 0 0 8px #3b82f600,0 0 28px #3b82f638}to{box-shadow:0 4px 20px #00000021,0 0 0 1.5px #93c5fd73,0 0 18px #3b82f61a}}.replace-hero-s3av.pulse{animation:.7s ease-out replaceHeroAvatarPulse}.replace-hero-s4wrap{opacity:0;pointer-events:none;z-index:28;transition:opacity .5s;position:absolute;inset:0}.replace-hero-s4wrap.show{opacity:1;pointer-events:auto}.replace-hero-bar{z-index:31;background:linear-gradient(#1e40af 0%,#2563eb 35%,#3b82f6 65%,#60a5fa 100%);border-radius:8px;justify-content:center;align-items:center;width:80px;height:500px;transition:transform .7s cubic-bezier(.34,1.4,.64,1),border-radius .9s cubic-bezier(.34,1.2,.64,1),width .9s cubic-bezier(.34,1.2,.64,1),height .9s cubic-bezier(.34,1.2,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(0);box-shadow:0 0 60px #2563eb8c,0 0 120px #2563eb40,0 8px 32px #2563eb66}.replace-hero-bar.show{transform:translate(-50%,-50%)scaleY(1)}.replace-hero-bar.show.morph{border-radius:50%;width:150px;height:150px}.replace-hero-bar svg{width:44px;height:44px}.replace-hero-pill{color:#1e293b;letter-spacing:-.01em;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform, opacity;background:#fff;border-radius:50px;align-items:center;gap:10px;padding:10px 18px 10px 12px;font-size:13.5px;font-weight:600;transition:none;display:flex;position:absolute;box-shadow:0 2px 20px #0000001a,0 1px 4px #0000000f}.replace-hero-pill.bad{z-index:30}.replace-hero-pill.good{z-index:33}.replace-hero-pill-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex}.replace-hero-pill-icon.bad{color:#dc2626;background:#fee2e2}.replace-hero-pill-icon.good{color:#16a34a;background:#dcfce7}.replace-hero-badge{color:#1e293b;opacity:0;z-index:50;white-space:nowrap;background:#fff;border-radius:50px;align-items:center;gap:9px;padding:10px 22px;font-size:16px;font-weight:700;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 4px 24px #0000001a}.replace-hero-badge.show{opacity:1;transform:translate(-50%)translateY(0)}.replace-hero-bdot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite replaceHeroDotPulse;box-shadow:0 0 0 3px #22c55e40}@keyframes replaceHeroDotPulse{0%,to{box-shadow:0 0 0 3px #22c55e40}50%{box-shadow:0 0 0 6px #22c55e1a}}.replace-hero-arc-outer circle{stroke:#2563eb}.replace-hero-arc-inner circle{stroke:#60a5fa}@media (prefers-reduced-motion:reduce){.replace-hero-stage{animation:none}.replace-hero-radar-ring.pulse{opacity:.35;animation:none}.replace-hero-arc-outer.show,.replace-hero-arc-inner.show,.replace-hero-bdot,.replace-hero-s3av.pulse{animation:none}}