#browse-categories{--t:#14b8a6;--t2:#5eead4;--ink:#e2e8f0;position:relative;padding:76px 24px;background:radial-gradient(700px 500px at 22% 45%,rgba(20,184,166,.16),transparent 65%),radial-gradient(600px 400px at 100% 0%,rgba(56,189,248,.10),transparent 60%),linear-gradient(180deg,#0b1324,#0f172a 60%,#0b1324);color:var(--ink);font-family:Lato,Arial,sans-serif;overflow:hidden}
#browse-categories *{box-sizing:border-box}
#browse-categories .at-wrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:470px 1fr;gap:56px;align-items:center}
#browse-categories .at-fig{position:relative;display:flex;flex-direction:column;align-items:center}
#browse-categories .at-grid{position:absolute;inset:-20px 0;background-image:radial-gradient(rgba(94,234,212,.18) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask:radial-gradient(closest-side,#000 40%,transparent);mask:radial-gradient(closest-side,#000 40%,transparent)}
#browse-categories .at-stage{position:relative;width:310px;height:620px}
#browse-categories .at-body{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px rgba(45,212,191,.45))}
#browse-categories .at-out{stroke-dasharray:1700;stroke-dashoffset:0;animation:atDraw 3.2s cubic-bezier(.4,0,.2,1) both}
#browse-categories .at-scan{position:absolute;left:-30px;right:-30px;top:0;height:70px;background:linear-gradient(180deg,transparent,rgba(94,234,212,.16) 80%,rgba(94,234,212,.7) 98%,transparent);border-radius:2px;animation:atScan 6s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none;-webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
#browse-categories .at-hot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;display:block;text-decoration:none;z-index:2}
#browse-categories .at-dot{position:absolute;inset:8px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 4px rgba(94,234,212,.18),0 0 14px 2px rgba(94,234,212,.8);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}
#browse-categories .at-dot::before,#browse-categories .at-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(94,234,212,.6);animation:atPing 2.6s cubic-bezier(.2,.6,.3,1) infinite}
#browse-categories .at-dot::after{animation-delay:1.3s}
#browse-categories .at-hot:nth-of-type(2n) .at-dot::before{animation-delay:.6s}
#browse-categories .at-tip{position:absolute;top:50%;left:34px;transform:translate(-6px,-50%);opacity:0;white-space:nowrap;padding:8px 13px;border-radius:12px;background:rgba(15,23,42,.82);border:1px solid rgba(94,234,212,.45);box-shadow:0 10px 30px -10px rgba(0,0,0,.6),0 0 22px -6px rgba(45,212,191,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
#browse-categories .s-l .at-tip{left:auto;right:34px;transform:translate(6px,-50%)}
#browse-categories .at-tip b{display:block;font-size:14px;color:#fff;font-weight:800}
#browse-categories .at-tip small{font-size:12px;color:var(--t2);font-weight:700}
#browse-categories .at-hot.on .at-tip{opacity:1;transform:translate(0,-50%)}
#browse-categories .at-hot.on .at-dot{transform:scale(1.35);background:#fff}
#browse-categories .at-in{transition:opacity .6s}
#browse-categories .at-stage.has .at-in{opacity:.22}
#browse-categories .at-hot{transition:opacity .4s}
#browse-categories .at-stage.has .at-hot:not(.on):not(:hover){opacity:.4}
#browse-categories .at-sys{opacity:0;clip-path:inset(0 0 100% 0);transition:opacity .45s ease,clip-path 1.1s cubic-bezier(.65,0,.35,1)}
#browse-categories .at-sys.on{opacity:1;clip-path:inset(-4% -4% -4% -4%);filter:drop-shadow(0 0 4px currentColor)}
#browse-categories .at-sys .f{fill:currentColor;fill-opacity:.2}
#browse-categories .at-sys .halo{fill:currentColor;fill-opacity:.07;stroke:none}
#browse-categories .at-sys[data-s=skin]{color:#fbbf24}#browse-categories .at-sys[data-s=musc]{color:#fb7185}#browse-categories .at-sys[data-s=bone]{color:#f1f5f9}#browse-categories .at-sys[data-s=spine]{color:#e2e8f0}
#browse-categories .at-sys[data-s=joint]{color:#2dd4bf}#browse-categories .at-sys[data-s=vasc]{color:#f87171}#browse-categories .at-sys[data-s=heme]{color:#ef4444}#browse-categories .at-sys[data-s=brain],#browse-categories .at-sys[data-s=nerve]{color:#facc15}
#browse-categories .at-sys[data-s=lung]{color:#7dd3fc}#browse-categories .at-sys[data-s=heart]{color:#fb7185}#browse-categories .at-sys[data-s=gi]{color:#fb923c}#browse-categories .at-sys[data-s=uro]{color:#c084fc}
#browse-categories .at-sys[data-s=gyn]{color:#f472b6}#browse-categories .at-sys[data-s=ent]{color:#a5b4fc}#browse-categories .at-sys[data-s=endo]{color:#a3e635}#browse-categories .at-sys[data-s=cut]{color:#e2e8f0}#browse-categories .at-sys[data-s=ct]{color:#67e8f9}#browse-categories .at-sys[data-s=ecg]{color:#4ade80}
#browse-categories .sk1{fill:url(#at-skp);stroke-width:5;stroke-opacity:.35}
#browse-categories .sk2{stroke-width:1.4;stroke-dasharray:2 6;animation:atFlow 2.4s linear infinite}
#browse-categories .fl{stroke-dasharray:3 14;animation:atFlow 1.6s linear infinite}
#browse-categories .cells{stroke-width:4.4;stroke-dasharray:.1 9;animation:atCell 1.2s linear infinite}
#browse-categories .beat{transform-box:fill-box;transform-origin:center;animation:atBeat 1.1s ease-in-out infinite}
#browse-categories .breath{transform-box:fill-box;transform-origin:50% 0;animation:atBreath 3.6s ease-in-out infinite}
#browse-categories .gl,#browse-categories .jt{transform-box:fill-box;transform-origin:center;animation:atGl 2.2s ease-in-out infinite}
#browse-categories .ctb{opacity:.7;animation:atCt 3.2s cubic-bezier(.45,0,.55,1) infinite alternate}
#browse-categories .ecg{stroke-dasharray:100;animation:atEcg 2.2s linear infinite}
#browse-categories .at-now{margin:14px 0 0;min-height:30px;padding:6px 14px;border-radius:999px;border:1px solid rgba(94,234,212,.35);background:rgba(15,23,42,.7);font-size:13px;font-weight:800;letter-spacing:.04em;color:#fff;text-align:center}
#browse-categories .at-now.sw{animation:atSw .5s cubic-bezier(.2,.8,.2,1)}
#browse-categories .at-gt.at-gt2{margin-top:20px}
#browse-categories .at-cap{margin:18px 0 0;font-size:13px;color:#94a3b8;letter-spacing:.02em;text-align:center}
#browse-categories .at-kick{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;border:1px solid rgba(94,234,212,.35);background:rgba(20,184,166,.10);font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--t2)}
#browse-categories h2{margin:0 0 14px;font-size:44px;line-height:1.08;font-weight:900;letter-spacing:-.02em;color:#fff}
#browse-categories h2 em{font-style:normal;background:linear-gradient(90deg,#5eead4,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}
#browse-categories .at-sub{margin:0 0 28px;max-width:640px;font-size:16.5px;line-height:1.65;color:#cbd5e1}
#browse-categories .at-lists{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}
#browse-categories .at-gt{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#64748b}
#browse-categories .at-ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#browse-categories .at-lists>div:first-child .at-ul{grid-template-columns:1fr 1fr}
#browse-categories .at-it{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;text-decoration:none;color:#e2e8f0;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.12);transition:background .3s,border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
#browse-categories .at-ic{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--t2);background:rgba(20,184,166,.12)}
#browse-categories .at-ic .ic{width:17px;height:17px}
#browse-categories .at-it h3{margin:0;flex:1;min-width:0;font-size:14.5px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#browse-categories .at-n{font-size:12.5px;font-weight:800;color:#94a3b8;font-variant-numeric:tabular-nums}
#browse-categories .at-it.on,#browse-categories .at-it:hover{background:linear-gradient(90deg,rgba(20,184,166,.22),rgba(20,184,166,.06));border-color:rgba(94,234,212,.55);transform:translateX(4px);box-shadow:0 0 24px -8px rgba(45,212,191,.55)}
#browse-categories .at-it.on .at-n,#browse-categories .at-it:hover .at-n{color:var(--t2)}
#browse-categories .at-it.on .at-ic{background:var(--t);color:#04221f}
#browse-categories .at-cta{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-radius:16px;text-decoration:none;color:#04221f;background:linear-gradient(120deg,#5eead4,#14b8a6);box-shadow:0 14px 34px -14px rgba(20,184,166,.8);transition:transform .35s,box-shadow .35s}
#browse-categories .at-cta b{display:block;font-size:16px;font-weight:900}
#browse-categories .at-cta small{font-size:12.5px;font-weight:700;opacity:.8}
#browse-categories .at-cta .ar{width:22px;height:22px;flex:none;transition:transform .3s}
#browse-categories .at-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(20,184,166,.95)}
#browse-categories .at-cta:hover .ar{transform:translateX(4px)}
#browse-categories .at-ul li{animation:atIn .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.4s + var(--i)*55ms)}
@keyframes atIn{from{opacity:0;transform:translateY(10px)}}
@keyframes atDraw{from{stroke-dashoffset:1700}}
@keyframes atScan{0%{transform:translateY(-70px);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(620px);opacity:0}}
@keyframes atFlow{to{stroke-dashoffset:-34}}
@keyframes atCell{to{stroke-dashoffset:-18.2}}
@keyframes atBeat{0%,40%,100%{transform:scale(1)}12%{transform:scale(1.09)}26%{transform:scale(1.04)}}
@keyframes atBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.045,1.06)}}
@keyframes atGl{0%,100%{transform:scale(1);fill-opacity:.2}50%{transform:scale(1.18);fill-opacity:.55}}
@keyframes atCt{from{transform:translateY(0)}to{transform:translateY(574px)}}
@keyframes atEcg{from{stroke-dashoffset:100}to{stroke-dashoffset:-100}}
@keyframes atSw{from{opacity:0;transform:translateY(6px)}}
@keyframes atPing{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.1);opacity:0}}
@media (max-width:1100px){#browse-categories .at-wrap{grid-template-columns:380px 1fr;gap:32px}#browse-categories h2{font-size:38px}#browse-categories .at-lists{grid-template-columns:1fr}}
@media (max-width:820px){#browse-categories{padding:54px 16px}#browse-categories .at-wrap{grid-template-columns:minmax(0,1fr);gap:10px}#browse-categories .at-ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}#browse-categories .at-it{padding:8px 9px;gap:8px}#browse-categories .at-it h3{white-space:normal;font-size:13.5px}#browse-categories .at-n{font-size:12px}#browse-categories .at-ic{width:24px;height:24px}#browse-categories .at-copy{order:-1}#browse-categories h2{font-size:32px}#browse-categories .at-sub{font-size:15.5px;margin-bottom:6px}
#browse-categories .at-stage{width:250px;height:500px}#browse-categories .at-tip{padding:6px 10px}#browse-categories .at-tip b{font-size:13px}
#browse-categories .at-lists{grid-template-columns:minmax(0,1fr);gap:18px}#browse-categories .at-cap{font-size:12px}#browse-categories .at-fig{margin:6px 0 14px}#browse-categories .at-copy{display:contents}#browse-categories .at-kick,#browse-categories h2,#browse-categories .at-sub{order:-2}#browse-categories .at-lists{order:2}}

@media (prefers-reduced-motion:reduce){#browse-categories *,#browse-categories *::before,#browse-categories *::after{animation:none!important;transition:none!important}#browse-categories .at-scan{display:none}}
