*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#02040a;color:#f7f8fb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}#mst-particle-canvas{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none!important}.topbar,main,footer{position:relative;z-index:1}.topbar{position:sticky;top:12px;z-index:30;max-width:1500px;margin:12px auto 0;padding:13px 42px;min-height:80px;border:1px solid #26394d;border-radius:34px;background:rgba(2,6,13,.82);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 50px #0008}.brand{display:flex;align-items:center;gap:13px}.brand .mst{font-size:38px;font-weight:950;font-style:italic;background:linear-gradient(135deg,#fff 20%,#6d737d 47%,#087fff 55%,#0066dc);-webkit-background-clip:text;color:transparent}.brand b{font-size:28px}.brand b span{color:#098cff}.brand small{display:block;font-size:9px;letter-spacing:5px}.topbar nav{display:flex;gap:52px}.topbar nav a{padding:23px 0;position:relative}.topbar nav a.active,.topbar nav a:hover{color:#00a8ff}.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:2px;background:#00a8ff;box-shadow:0 0 12px #00a8ff}.outline{display:inline-flex;padding:14px 27px;border:1px solid transparent;border-radius:999px;background:linear-gradient(#040912,#040912) padding-box,linear-gradient(90deg,#00a8ff,#bd1cff) border-box}.hero{min-height:640px;display:grid;place-items:center;text-align:center;padding:55px 20px 105px;overflow:hidden;background:radial-gradient(circle at 20% 58%,#0077ff1f,transparent 28%),radial-gradient(circle at 82% 58%,#861cff1f,transparent 28%)}.hero:before,.hero:after{content:"";position:absolute;width:58vw;height:330px;bottom:30px;opacity:.55;background:repeating-radial-gradient(ellipse at center,#0b8cff 0 1px,transparent 2px 13px);transform:rotate(10deg) skewX(-12deg);mask-image:linear-gradient(90deg,#000,transparent)}.hero:before{left:-15%}.hero:after{right:-15%;transform:rotate(-10deg) scaleX(-1);background:repeating-radial-gradient(ellipse at center,#8b22ff 0 1px,transparent 2px 13px)}.hero-inner{z-index:2}.badge{display:inline-block;padding:10px 21px;border:1px solid transparent;border-radius:999px;background:linear-gradient(#020610,#020610) padding-box,linear-gradient(90deg,#00a8ff,#b31dff) border-box;color:#49aaff;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(54px,6.2vw,96px);line-height:.98;letter-spacing:-4px;margin:23px 0 17px}.hero h1 span,.app-copy h4,.section-title>span,.lower>span{background:linear-gradient(90deg,#008cff,#416cff,#b52cff);-webkit-background-clip:text;color:transparent}.hero p{font-size:20px;line-height:1.5;color:#d5d8df;margin:0 0 28px}.primary{display:inline-flex;padding:17px 34px;border-radius:999px;background:linear-gradient(90deg,#078dff,#a52cff);font-size:19px;font-weight:750;box-shadow:0 12px 40px #433dff4d}.apps-shell{margin:-40px 24px 0;padding:28px clamp(20px,5vw,72px) 48px;border:1px solid transparent;border-radius:32px;background:linear-gradient(145deg,#07101f,#030711) padding-box,linear-gradient(90deg,#00a8ff,#b51cff) border-box;box-shadow:0 -10px 38px #334cff24}.section-title{text-align:center}.section-title>span,.lower>span{font-weight:900;letter-spacing:2px}.section-title h2{font-size:38px;margin:8px 0 5px}.section-title p{margin:0;color:#c8ccd4;font-size:18px}.app-card{max-width:1280px;margin:24px auto 0;padding:28px;border:1px solid #24344b;border-radius:28px;background:#040912d9;display:grid;grid-template-columns:.88fr 1.2fr;gap:32px;overflow:hidden}.app-copy{display:flex;align-items:center;gap:30px}.med-icon{position:relative;flex:0 0 190px;height:190px;border-radius:42px;border:2px solid #218cff;background:radial-gradient(circle at 45% 40%,#19338c,#080c1c 63%);box-shadow:0 0 28px #096dff,0 0 38px #8b22ff77 inset}.capsule{position:absolute;left:46px;top:71px;width:100px;height:46px;border-radius:30px;transform:rotate(-45deg);background:linear-gradient(90deg,#0875ff 0 50%,#8151ff 50%);border:2px solid #7d9cff;box-shadow:0 0 20px #315fff}.med-icon i{position:absolute;width:7px;height:7px;border-radius:50%;background:#8c3cff;box-shadow:0 0 10px #8c3cff}.med-icon i:nth-of-type(1){left:140px;top:48px}.med-icon i:nth-of-type(2){left:151px;top:63px}.med-icon i:nth-of-type(3){left:132px;top:133px}.app-copy h3{font-size:38px;margin:0}.app-copy h4{font-size:22px;margin:2px 0 17px}.app-copy p{color:#c5cad3;line-height:1.65;margin:0 0 20px}.phones{display:flex;gap:20px;justify-content:center;align-items:flex-end}.phone{width:188px;height:360px;border-radius:31px;padding:7px;background:linear-gradient(145deg,#68635b,#111419 22%,#080a0e 80%,#746b5e);box-shadow:0 0 25px #216aff33}.notch{position:relative;z-index:2;width:60px;height:13px;background:#020305;border-radius:0 0 10px 10px;margin:0 auto -12px}.screen{height:100%;border-radius:25px;background:#03070d;padding:25px 12px 12px;overflow:hidden}.pt{display:block;font-size:14px;margin-bottom:18px}.ring{width:95px;height:95px;margin:5px auto 20px;border-radius:50%;background:conic-gradient(#00df89 0 85%,#16372f 85%);display:grid;place-content:center;position:relative}.ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#071018}.ring strong,.ring small{position:relative;z-index:1;text-align:center}.ring strong{font-size:22px}.ring small{font-size:8px;color:#a9b1bb}.screen h5{font-size:10px;margin:10px 0}.row,.timeline{position:relative;background:#0a1018;border-radius:7px;padding:9px;margin:7px 0;font-size:8px;min-height:44px}.row b,.timeline b{display:block}.row small,.timeline small{color:#9ba6b3}.row em,.timeline em{position:absolute;right:7px;top:8px;color:#00e68c;font-style:normal;font-size:7px}.timeline{border-left:2px solid #00e68c}.purpleline{border-left-color:#a34cff}.purple{color:#b957ff!important}.score{text-align:center;padding:8px 0 14px}.score strong{display:block;font-size:25px}.score small{font-size:8px;color:#9ba6b3}.summary{position:relative;font-size:8px;padding:7px 0 12px}.summary b{float:right}.summary i{position:absolute;left:0;bottom:4px;height:3px;background:#00e68c;border-radius:3px}.lower{max-width:1100px;margin:105px auto;padding:65px 28px;text-align:center}.lower h2{font-size:clamp(40px,5vw,65px);margin:18px auto}.lower p{max-width:700px;margin:auto;color:#bec5cf;font-size:19px;line-height:1.7}.contact{border-top:1px solid #16243a}.contact .primary{margin-top:18px}footer{text-align:center;padding:38px;color:#78818d;border-top:1px solid #111b29}.reveal{opacity:0;transform:translateY(32px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.topbar{padding:10px 22px}.topbar nav{gap:20px}.topbar>.outline{display:none}.app-card{grid-template-columns:1fr}.app-copy{justify-content:center}}@media(max-width:760px){.topbar{top:0;margin:0;border-radius:0}.brand b,.brand small{display:none}.brand .mst{font-size:30px}.topbar nav{gap:13px}.topbar nav a{font-size:13px}.hero{padding-top:85px}.hero h1{letter-spacing:-2px}.desktop{display:none}.apps-shell{margin:-30px 10px 0;padding:25px 14px}.section-title h2{font-size:30px}.app-copy{flex-direction:column;text-align:center}.med-icon{flex-basis:auto;width:165px;height:165px}.capsule{left:33px;top:59px}.phones{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.phone{min-width:180px}}
/* ============================
   MEDTRAK SHOWCASE — V2
   ============================ */
.medtrak-showcase{
  grid-template-columns:1fr 1.15fr;
  padding:34px;
  gap:38px;
  background:
    radial-gradient(circle at 16% 50%,rgba(13,108,255,.13),transparent 34%),
    radial-gradient(circle at 80% 50%,rgba(150,43,255,.10),transparent 36%),
    linear-gradient(120deg,rgba(7,16,35,.92),rgba(11,7,30,.86));
}
.medtrak-info{grid-template-columns:190px 1fr;gap:30px}
.medtrak-icon{position:relative;overflow:hidden}
.medtrak-icon:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 180deg,transparent,#167fff33,transparent,#a133ff30,transparent);animation:iconHalo 8s linear infinite}
@keyframes iconHalo{to{transform:rotate(360deg)}}
.medtrak-icon>*{position:relative}
.pill-icon{width:98px;height:48px;border-radius:30px;transform:rotate(-38deg);background:linear-gradient(90deg,#0b8dff 0 50%,#8e3dff 50%);border:1px solid #8cb3ff;box-shadow:0 0 22px #405dff}
.pill-icon span{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#cdd7ff}
.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#8d41ff;box-shadow:0 0 12px #8d41ff}.s1{top:39px;right:36px}.s2{top:54px;right:24px}.s3{bottom:36px;right:46px}
.app-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#70afff;font-size:10px;font-weight:800;letter-spacing:2px}
.app-status span{width:7px;height:7px;border-radius:50%;background:#0a9aff;box-shadow:0 0 10px #0a9aff}
.feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.feature-chips span{padding:8px 11px;border:1px solid rgba(71,129,255,.2);border-radius:999px;background:rgba(9,20,43,.7);color:#aebad0;font-size:10px;letter-spacing:.3px}
.app-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:2px}
.store-badge{margin-top:20px;min-width:148px;padding:8px 18px;border-radius:9px;background:#020305;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;line-height:1}.store-badge small{font-size:7px;letter-spacing:1.4px;color:#a9afb8}.store-badge strong{margin-top:5px;font-size:17px}
.medtrak-phones{gap:16px}
.phone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px}.phone-header span{font-weight:700}.phone-header b{color:#687388;letter-spacing:1px}
.today-progress{display:flex;align-items:center;gap:9px;margin:7px 0 16px;padding:8px;border-radius:10px;background:#0c131e}.today-progress>div:last-child{display:flex;flex-direction:column}.today-progress small{margin-top:2px;color:#7e899c;font-size:6px}
.mini-ring{width:42px;height:42px;border-radius:50%;background:conic-gradient(#12d99a 0 85%,#15372e 85%);display:grid;place-items:center;position:relative}.mini-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#081018}.mini-ring strong{position:relative;z-index:1;font-size:9px}
.timeline-med{position:relative;min-height:43px;margin-top:7px;padding:7px 7px 7px 15px;display:flex;align-items:center;gap:7px;border-radius:8px;background:#0d141f;font-size:7px}.timeline-med>i{position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:2px;background:#12d99a}.timeline-med>div{display:flex;flex:1;flex-direction:column}.timeline-med small{margin-top:3px;color:#7f899a}.timeline-med em{font-style:normal;color:#19d59d;font-size:6px}.timeline-med.upcoming>i{background:#9a48ff}.timeline-med.upcoming em{color:#b66aff}.timeline-date{margin:3px 0 11px;color:#657188;font-size:6px;font-weight:800;letter-spacing:1.2px}.timeline-note{margin-top:14px;padding:9px;border:1px solid rgba(99,88,255,.12);border-radius:8px;color:#738097;font-size:6px;line-height:1.5;background:rgba(29,18,54,.25)}
.report-progress{height:3px;margin-top:9px;background:#202833}.report-progress i{display:block;height:100%;background:linear-gradient(90deg,#13d799,#0ca8db)}
.purple-bar i{background:linear-gradient(90deg,#0aa9d7,#9b43ff)}
.medtrak-details{width:min(1220px,100%);margin:52px auto 8px;display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:start;padding:8px}
.details-copy h3{margin:12px 0 15px;font-size:clamp(29px,3vw,42px);line-height:1.08;letter-spacing:-1.2px}.details-copy p{color:#929caf;line-height:1.7;font-size:15px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.feature-card{min-height:158px;padding:20px;border:1px solid rgba(69,113,210,.18);border-radius:18px;background:linear-gradient(145deg,rgba(9,20,41,.62),rgba(7,9,22,.55));backdrop-filter:blur(10px)}
.feature-card>b{font-size:10px;color:#2b8cff;letter-spacing:2px}.feature-card h4{margin:10px 0 7px;font-size:17px}.feature-card p{margin:0;color:#8e99ab;font-size:12px;line-height:1.55}
@media(max-width:1100px){.medtrak-showcase{grid-template-columns:1fr}.medtrak-info{justify-content:center}.medtrak-details{grid-template-columns:1fr}}
@media(max-width:720px){.medtrak-showcase{padding:22px}.medtrak-info{grid-template-columns:1fr;text-align:center}.medtrak-icon{width:165px;margin:auto}.feature-chips,.app-actions{justify-content:center}.feature-grid{grid-template-columns:1fr}.medtrak-details{padding:0}}