:root{--font-heading:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--bg-dark:#070a13;--bg-card:#0f172aa6;--bg-card-hover:#1e293bcc;--primary:#0ea5e9;--primary-glow:#0ea5e926;--secondary:#6366f1;--secondary-glow:#6366f126;--accent-emerald:#10b981;--accent-pink:#ec4899;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-hover:#0ea5e94d;--gradient-primary:linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);--gradient-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-pink:linear-gradient(135deg, #f43f5e 0%, #ec4899 100%);--gradient-dark:linear-gradient(180deg, #070a13 0%, #0c1125 100%);--gradient-glass:linear-gradient(135deg, #ffffff08 0%, #ffffff03 100%);--shadow-sm:0 2px 8px -1px #0000004d;--shadow-md:0 12px 20px -8px #00000080;--shadow-lg:0 20px 40px -15px #000000b3;--shadow-glow:0 0 30px #0ea5e940;--shadow-glow-secondary:0 0 30px #6366f133;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:32px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#0ea5e914 0,#0000 50%),radial-gradient(at 100% 0,#6366f114 0,#0000 50%),radial-gradient(at 50% 100%,#ec48990d 0,#0000 50%);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);border:2px solid var(--bg-dark);background:#1e293b}::-webkit-scrollbar-thumb:hover{background:#334155}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}to{opacity:.2;transform:scale(1)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.08)}28%{transform:scale(1)}42%{transform:scale(1.08)}70%{transform:scale(1)}}@keyframes drawPulse{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-pink{background:var(--gradient-pink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-emerald{background:var(--gradient-emerald);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-md);transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-lg), 0 0 20px #0ea5e914;transform:translateY(-4px)}.btn{border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #0ea5e966,0 0 20px #6366f14d}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff1a;transform:translateY(-2px)}.btn-emerald{background:var(--gradient-emerald);color:#fff;box-shadow:0 0 30px #10b98140}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 0 40px #10b98166}header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);background:#070a13bf;padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:.75rem;font-size:1.6rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{color:var(--primary);animation:2.5s ease-in-out infinite heartbeat}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-cta{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero{padding:8rem 0 6rem;position:relative;overflow:hidden}.hero-content{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.hero-badge{color:var(--primary);background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;animation:4s ease-in-out infinite float;display:inline-flex}.hero-title{font-family:var(--font-heading);letter-spacing:-1.5px;margin-bottom:1.5rem;font-size:3.8rem;font-weight:900;line-height:1.15}.hero-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{gap:3rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-num{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.25rem;font-size:2.2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-visual-bg{z-index:-1;background:radial-gradient(circle,#0ea5e91f 0%,#0000 70%);border-radius:50%;width:480px;height:480px;animation:6s ease-in-out infinite pulse-glow;position:absolute}.heart-radar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a33;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.radar-ring-1{border:1px dashed #0ea5e926;border-radius:50%;width:300px;height:300px;position:absolute}.radar-ring-2{border:1px solid #6366f126;border-radius:50%;width:200px;height:200px;position:absolute}.heartbeat-line{width:100%;height:100px;stroke:var(--primary);stroke-width:2px;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000px;opacity:.8;animation:4s linear infinite drawPulse;position:absolute}.hero-card{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff14;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;position:absolute}.hero-card-1{animation:5s ease-in-out infinite float;top:10%;left:-10%}.hero-card-2{animation:6s ease-in-out 1s infinite float;bottom:12%;right:-5%}.hero-card-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hero-card-icon.cyan{color:var(--primary);background:#0ea5e926}.hero-card-icon.pink{color:var(--accent-pink);background:#ec489926}.hero-card-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.hero-card-desc{color:var(--text-secondary);font-size:.75rem}.services{background:relative;padding:6rem 0}.section-header{text-align:center;max-width:680px;margin:0 auto 4rem}.section-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.section-title{font-family:var(--font-heading);letter-spacing:-.75px;margin-bottom:1rem;font-size:2.6rem;font-weight:800}.section-desc{color:var(--text-secondary);font-size:1.05rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.service-card{text-align:left;flex-direction:column;align-items:flex-start;padding:2.5rem;display:flex;position:relative;overflow:hidden}.service-icon-wrapper{border-radius:var(--radius-sm);z-index:1;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:flex;position:relative}.service-icon-bg{border-radius:var(--radius-sm);opacity:.12;width:100%;height:100%;position:absolute;top:0;left:0}.service-card-title{font-family:var(--font-heading);margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.service-card-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.service-tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.showcase{padding:6rem 0;position:relative}.showcase-alternating{flex-direction:column;gap:8rem;display:flex}.showcase-row{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.showcase-row.reverse{direction:rtl}.showcase-row.reverse>*{direction:ltr}.showcase-visual{justify-content:center;display:flex;position:relative}.phone-mockup-wrapper{width:320px;height:640px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0d, 0 0 60px #0ea5e926;background:#0f172a;border:6px solid #1e293b;border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:10;background:#1e293b;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:#090e18;flex-direction:column;flex:1;padding:2.25rem 1.25rem 1.25rem;display:flex;position:relative;overflow:hidden}.phone-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.phone-logo{font-family:var(--font-heading);color:var(--primary);align-items:center;gap:.35rem;font-size:1.1rem;font-weight:800;display:flex}.phone-avatar{background:var(--gradient-primary);border:1px solid #fff3;border-radius:50%;width:32px;height:32px}.phone-banner{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;background:linear-gradient(135deg,#1e293b 0%,#0f172a4d 100%);margin-bottom:1.25rem;padding:1rem}.phone-banner-title{margin-bottom:.25rem;font-size:.85rem;font-weight:700}.phone-banner-desc{color:var(--text-secondary);font-size:.7rem}.phone-grid-4{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.phone-card-small{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast);background:#ffffff08;padding:.85rem}.phone-card-small:hover{background:#0ea5e90d;border-color:#0ea5e94d}.phone-card-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:.5rem;font-size:.75rem;display:flex}.phone-card-title{font-size:.75rem;font-weight:700}.phone-emergency-btn{background:var(--gradient-pink);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 4px 15px #ef44444d}.provider-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.provider-role-badge{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98140;border-radius:50px;padding:.25rem .6rem;font-size:.65rem;font-weight:700}.provider-stat-bar{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;background:#0f172ab3;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.25rem;padding:1rem;display:grid}.provider-stat-val{color:var(--accent-emerald);font-size:1.1rem;font-weight:800}.provider-stat-lbl{color:var(--text-muted);font-size:.6rem}.provider-list{text-align:left;flex-direction:column;gap:.75rem;display:flex}.provider-list-title{color:var(--text-secondary);font-size:.75rem;font-weight:700}.provider-booking-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.booking-info{flex-direction:column;display:flex}.booking-patient{font-size:.75rem;font-weight:700}.booking-time{color:var(--text-muted);font-size:.65rem}.booking-action-btn{background:var(--gradient-emerald);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.65rem;font-weight:700}.showcase-floating-card{border:1px solid var(--border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:12;background:#0f172ae6;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;position:absolute}.showcase-floating-1{animation:4.5s ease-in-out infinite float;top:15%;left:-20px}.showcase-floating-2{animation:5.5s ease-in-out 1s infinite float;bottom:20%;right:-20px}.showcase-content{text-align:left}.showcase-bullets{flex-direction:column;gap:1.25rem;margin:2rem 0;list-style:none;display:flex}.showcase-bullet-item{align-items:flex-start;gap:1rem;display:flex}.bullet-icon-wrapper{width:28px;height:28px;color:var(--primary);background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.2rem;display:flex}.bullet-text{flex-direction:column;display:flex}.bullet-title{color:var(--text-primary);margin-bottom:.2rem;font-size:1.05rem;font-weight:700}.bullet-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.medical-id-section{padding:6rem 0;position:relative;overflow:hidden}.id-card-wrapper{z-index:2;perspective:1000px;max-width:520px;margin:3rem auto;position:relative}.id-card-inner{box-shadow:0 0 50px #0ea5e926, var(--shadow-lg);border-radius:var(--radius-lg);text-align:left;background:linear-gradient(135deg,#1e293be6 0%,#0f172ae6 100%);border:2px solid #0ea5e959;padding:2rem;position:relative;overflow:hidden}.id-card-inner:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.id-card-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.id-card-logo{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.3rem;font-weight:800;display:flex}.id-card-badge{color:var(--primary);letter-spacing:1px;background:#0ea5e91f;border:1px solid #0ea5e94d;border-radius:4px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.id-card-body{grid-template-columns:100px 1fr;align-items:center;gap:2rem;display:grid}.id-photo-placeholder{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100px;height:100px;color:var(--primary);background:linear-gradient(135deg,#0ea5e933 0%,#6366f133 100%);justify-content:center;align-items:center;display:flex}.id-details{grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem;display:grid}.id-detail-item{flex-direction:column;display:flex}.id-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.15rem;font-size:.65rem;font-weight:700}.id-val{color:var(--text-primary);font-size:.9rem;font-weight:600}.id-val.medical-id-num{font-family:var(--font-heading);color:var(--primary);letter-spacing:1px;font-size:1rem;font-weight:800}.id-card-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.25rem;display:flex}.id-secure-badge{color:var(--accent-emerald);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.id-qr-code{background:#fff;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;padding:2px;display:flex}.service-switcher-card{cursor:pointer;text-align:left;padding:1.5rem}.service-switcher-card.active{transform:translate(10px);background:#1e293b66!important}.download-cards-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin:0 auto;display:grid}.download-card{flex-direction:column;gap:1.25rem;padding:2rem;display:flex;background:#0f172a99!important}.cta-banner{padding:6rem 0;position:relative}.cta-box{border-radius:var(--radius-xl);text-align:center;z-index:1;background:linear-gradient(135deg,#0ea5e926 0%,#6366f11a 100%);border:1px solid #0ea5e940;flex-direction:column;align-items:center;padding:5rem 4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #0ea5e914}.cta-box:before{content:"";z-index:-1;background:radial-gradient(circle,#0ea5e914 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.cta-title{font-family:var(--font-heading);letter-spacing:-1px;max-width:720px;margin-bottom:1.25rem;font-size:2.8rem;font-weight:800}.cta-desc{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;font-size:1.15rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}footer{border-top:1px solid var(--border-color);color:var(--text-secondary);background:#04060b;padding:5rem 0 2rem}.footer-grid{grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.services-interactive-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-top:2rem;display:grid}.footer-col{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.footer-about-desc{color:var(--text-muted);margin-top:1.25rem;font-size:.95rem;line-height:1.6}.footer-col-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.5px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.footer-links{flex-direction:column;gap:.85rem;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:all var(--transition-fast);font-size:.95rem;text-decoration:none}.footer-links a:hover{color:var(--primary);padding-left:4px}.footer-bottom{color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.footer-bottom-links{gap:2rem;display:flex}.footer-bottom-links a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.footer-bottom-links a:hover{color:var(--text-primary)}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:4rem}.hero-badge,.hero-actions,.hero-stats{justify-content:center}.hero-title{font-size:3rem}.showcase-row{grid-template-columns:1fr;gap:4rem}.showcase-row.reverse{direction:ltr}.showcase-content{order:-1}.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (width<=768px){header{padding:1.25rem 0}.nav-links,.nav-cta{display:none}.mobile-menu-btn{display:block}.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;align-items:center;gap:1.5rem}.services-grid{grid-template-columns:1fr}.section-title{font-size:2.2rem}.cta-box{padding:3.5rem 2rem}.cta-title{font-size:2rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem}.services-interactive-grid{grid-template-columns:1fr;gap:2.5rem}.heart-radar{width:300px;height:300px}.radar-ring-1{width:220px;height:220px}.radar-ring-2{width:140px;height:140px}.hero-visual-bg{width:320px;height:320px}.hero-card-1{top:5%;left:0}.hero-card-2{bottom:5%;right:0}.phone-mockup-wrapper{width:290px;height:580px}.showcase-floating-card{display:none}.service-switcher-card.active{transform:none!important}.download-cards-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=480px){.container{padding:0 1rem}.hero-title{font-size:2rem}.heart-radar{width:260px;height:260px}.radar-ring-1{width:190px;height:190px}.radar-ring-2{width:120px;height:120px}.hero-visual-bg{width:280px;height:280px}.hero-card{display:none}.phone-mockup-wrapper{width:260px;height:520px}.id-card-inner{padding:1.25rem}.id-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.id-card-logo{font-size:1.15rem}.id-card-body{text-align:center;grid-template-columns:1fr;justify-items:center;gap:1.5rem}.id-photo-placeholder{width:90px;height:90px}.id-details{text-align:left;grid-template-columns:1fr;gap:1rem;width:100%}.id-detail-item{align-items:flex-start}.download-card{padding:1.25rem}}