:root { --obsidian:#071a14; --cyan:#f4c430; --green:#159447; --ice:#f4f8ef; --muted:#a6b8a4; --line:rgba(244,196,48,.18); }

/* Crest-matched accents override the original neon cyan treatment. */
.logo img { border-color: rgba(244,196,48,.5); }
.hero { background: radial-gradient(circle at 78% 38%, rgba(244,196,48,.13), transparent 30%), radial-gradient(circle at 15% 84%, rgba(21,148,71,.12), transparent 28%), var(--obsidian); }
.hero-grid { background-image: linear-gradient(rgba(166,207,165,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(166,207,165,.13) 1px, transparent 1px); }
.hero-orbit { border-color: rgba(244,196,48,.2); }
.hero-orbit-two { border-color: rgba(21,148,71,.24); }
.medical-interface { border-color: rgba(244,196,48,.3); background: linear-gradient(145deg, rgba(27,63,44,.8), rgba(8,28,22,.82)); box-shadow: 0 0 60px rgba(21,148,71,.16), inset 0 1px rgba(255,255,255,.08); }
.hero-btn { box-shadow: 0 0 28px rgba(244,196,48,.18); }
.hero-btn:hover { box-shadow: 0 0 34px rgba(244,196,48,.38); }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { overflow-x:hidden; background:var(--obsidian); color:var(--ice); font-family:"DM Sans",sans-serif; }
h1,h2,h3 { font-family:"Space Grotesk",sans-serif; }
a { color:inherit; }
.navbar { position:fixed; inset:0 0 auto; z-index:1000; display:flex; align-items:center; justify-content:space-between; min-height:76px; padding:0 clamp(18px,5vw,72px); border-bottom:1px solid var(--line); background:rgba(11,15,25,.72); backdrop-filter:blur(18px); }
.logo { display:flex; align-items:center; gap:12px; text-decoration:none; }.logo img { width:42px; height:42px; padding:3px; border:1px solid rgba(0,242,254,.5); border-radius:50%; background:#fff; }.logo-text h2 { color:#fff; font-size:1.2rem; }.logo-text span { color:var(--muted); font-size:.68rem; }.navbar ul { display:flex; align-items:center; gap:clamp(12px,2vw,28px); list-style:none; }.navbar ul a { color:var(--muted); font-size:.84rem; text-decoration:none; transition:color .2s ease; }.navbar ul a:hover { color:var(--cyan); }.btn-login,.btn-register { display:inline-block; padding:10px 16px; border-radius:8px; }.btn-login { border:1px solid var(--line); }.btn-register { background:var(--cyan); color:var(--obsidian)!important; font-weight:700; }
.hero { position:relative; min-height:760px; padding:150px 0 96px; isolation:isolate; background:radial-gradient(circle at 78% 38%,rgba(0,242,254,.13),transparent 30%),radial-gradient(circle at 15% 84%,rgba(0,230,118,.08),transparent 28%),var(--obsidian); }.hero-grid { position:absolute; inset:0; z-index:-2; opacity:.28; background-image:linear-gradient(rgba(108,170,200,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(108,170,200,.13) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }.hero-orbit { position:absolute; z-index:-1; border:1px solid rgba(0,242,254,.2); border-radius:50%; transform:rotate(-24deg); }.hero-orbit-one { top:16%; right:-12%; width:56vw; height:25vw; }.hero-orbit-two { top:28%; right:-8%; width:45vw; height:20vw; border-color:rgba(0,230,118,.18); }.hero-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); align-items:center; gap:clamp(40px,8vw,120px); }.hero-content { max-width:650px; animation:rise .7s ease both; }.eyebrow { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:.72rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }.eyebrow.dark { color:#67829b; }.status-dot { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:var(--green); box-shadow:0 0 14px var(--green); }.eyebrow-line { width:34px; height:1px; background:var(--line); }.hero h1 { margin:24px 0; color:#fff; font-size:clamp(3rem,7vw,6.6rem); line-height:.98; letter-spacing:-.055em; }.hero h1 span,.section-heading h2 span,.info-layout h2 span { color:var(--cyan); }.hero-content>p { max-width:530px; color:var(--muted); font-size:clamp(1rem,1.5vw,1.2rem); line-height:1.7; }.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:34px; }.hero-btn { display:inline-flex; align-items:center; gap:15px; padding:15px 20px; border:1px solid var(--cyan); border-radius:9px; background:var(--cyan); color:var(--obsidian); font-weight:700; text-decoration:none; box-shadow:0 0 28px rgba(0,242,254,.16); transition:gap .2s ease,box-shadow .2s ease,transform .2s ease; }.hero-btn:hover { gap:22px; color:var(--obsidian); box-shadow:0 0 34px rgba(0,242,254,.34); transform:translateY(-2px); }.hero-secondary { display:inline-flex; gap:10px; padding:12px 0; color:var(--ice); font-size:.9rem; text-decoration:none; }.hero-secondary i { color:var(--cyan); }.hero-proof { display:flex; align-items:center; gap:10px; margin-top:42px; color:#70859b; font-size:.78rem; }.hero-proof i { color:var(--green); }.hero-proof span { width:4px; height:4px; border-radius:50%; background:#52687d; }
.medical-interface { padding:20px; border:1px solid rgba(0,242,254,.28); border-radius:16px; background:linear-gradient(145deg,rgba(25,43,62,.8),rgba(12,19,31,.72)); box-shadow:0 0 60px rgba(0,242,254,.1),inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(16px); animation:float 5s ease-in-out infinite; }.interface-top,.interface-bottom,.vitals-row { display:flex; justify-content:space-between; gap:12px; }.interface-top { padding-bottom:18px; border-bottom:1px solid var(--line); color:var(--cyan); font-size:.62rem; letter-spacing:.1em; }.interface-top b { color:var(--muted); font-weight:400; }.vitals-row { padding:24px 0; }.vital-chip { min-width:0; flex:1; }.vital-chip small,.interface-bottom small { display:block; color:var(--muted); font-size:.58rem; letter-spacing:.1em; }.vital-chip strong { display:block; margin-top:6px; color:#fff; font-family:"Space Grotesk"; font-size:1.5rem; }.vital-chip em { color:var(--muted); font-size:.65rem; font-style:normal; }.live-value { color:var(--green)!important; font-size:1rem!important; }.live-value span { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }.pulse-line { display:block; width:90%; height:18px; margin-top:8px; background:linear-gradient(135deg,transparent 47%,var(--cyan) 48%,var(--cyan) 52%,transparent 53%) 0 0/22px 18px; }.status-bars { display:flex; align-items:end; gap:4px; height:18px; margin-top:10px; }.status-bars i { width:4px; background:var(--green); }.status-bars i:nth-child(1) { height:7px; }.status-bars i:nth-child(2) { height:12px; }.status-bars i:nth-child(3) { height:17px; }.status-bars i:nth-child(4) { height:10px; }.interface-chart { padding:15px 0 10px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.chart-label { display:flex; justify-content:space-between; color:var(--muted); font-size:.6rem; letter-spacing:.1em; }.chart-label strong { color:var(--green); font-weight:500; }.interface-chart svg { display:block; width:100%; height:auto; margin-top:10px; }.chart-grid { fill:none; stroke:rgba(142,161,184,.14); stroke-width:1; }.chart-line { fill:none; stroke:var(--cyan); stroke-width:3; filter:drop-shadow(0 0 5px var(--cyan)); }.interface-bottom { align-items:center; padding-top:18px; }.interface-bottom strong { display:block; margin-top:5px; color:#fff; font-size:.85rem; }.interface-bottom a { display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--line); border-radius:8px; color:var(--cyan); text-decoration:none; }
.services,.about,.contact { padding:clamp(76px,10vw,130px) 0; }.services { background:#0d1421; }.section-heading,.info-layout,.contact-panel { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; }.section-heading h2,.info-layout h2,.contact-panel h2 { margin-top:18px; color:#fff; font-size:clamp(2.2rem,4vw,4rem); line-height:1.03; letter-spacing:-.045em; }.section-heading>p,.info-copy>p { max-width:480px; justify-self:end; color:var(--muted); line-height:1.7; }.cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:58px; }.card { position:relative; min-height:205px; overflow:hidden; padding:24px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(145deg,rgba(26,40,57,.7),rgba(15,22,35,.7)); box-shadow:inset 0 1px rgba(255,255,255,.04); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }.card::after { position:absolute; top:-50px; right:-50px; width:130px; height:130px; border-radius:50%; background:var(--cyan); content:""; opacity:0; filter:blur(45px); transition:opacity .25s ease; }.card:hover { border-color:rgba(0,242,254,.5); box-shadow:0 15px 35px rgba(0,0,0,.2),0 0 25px rgba(0,242,254,.08); transform:translateY(-6px); }.card:hover::after { opacity:.16; }.card i { position:relative; z-index:1; display:block; margin-bottom:32px; color:var(--cyan); font-size:1.6rem; transition:transform .25s ease,color .25s ease; }.card:hover i { color:var(--green); transform:scale(1.12); }.card-index { position:absolute; top:24px; right:24px; color:#52687d; font-size:.7rem; }.card h3 { position:relative; z-index:1; color:#fff; font-size:1.05rem; }.card p { position:relative; z-index:1; margin-top:9px; color:var(--muted); font-size:.85rem; line-height:1.5; }.about { background:var(--obsidian); }.info-layout { align-items:start; }.info-copy>p { justify-self:start; }.metric-row { display:flex; gap:clamp(22px,5vw,70px); margin-top:40px; }.metric-row strong,.metric-row span { display:block; }.metric-row strong { color:var(--cyan); font-family:"Space Grotesk"; font-size:1.6rem; }.metric-row span { margin-top:4px; color:var(--muted); font-size:.72rem; }.contact { background:#0d1421; }.contact-panel { padding:clamp(28px,5vw,60px); border:1px solid rgba(0,242,254,.22); border-radius:16px; background:linear-gradient(120deg,rgba(0,242,254,.08),rgba(19,28,43,.76)); }.contact-details { display:grid; gap:12px; color:var(--muted); }.contact-details a { color:var(--cyan); text-decoration:none; }.contact-details i { margin-left:8px; font-size:.75rem; }
footer { padding:28px 20px; background:#071a14; color:var(--muted); text-align:center; font-size:.75rem; } footer h3 { margin-bottom:8px; color:#fff; font-size:1rem; }
@keyframes rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } } @keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@media (max-width:900px) { .navbar { align-items:flex-start; flex-direction:column; gap:12px; padding-top:13px; padding-bottom:13px; }.navbar ul { flex-wrap:wrap; gap:8px 16px; }.hero { padding-top:190px; }.hero-layout { grid-template-columns:1fr; }.medical-interface { max-width:620px; }.cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .navbar { position:absolute; }.navbar ul { width:100%; justify-content:space-between; }.navbar ul a { font-size:.75rem; }.logo-text span { display:none; }.hero { min-height:auto; padding:155px 0 76px; }.hero h1 { font-size:clamp(2.8rem,14vw,4.6rem); }.hero-actions { align-items:stretch; flex-direction:column; }.hero-btn { justify-content:center; }.hero-proof { flex-wrap:wrap; }.hero-orbit { display:none; }.medical-interface { padding:15px; }.section-heading,.info-layout,.contact-panel { grid-template-columns:1fr; gap:28px; }.section-heading>p { justify-self:start; }.cards { grid-template-columns:1fr; margin-top:38px; }.card { min-height:180px; }.metric-row { justify-content:space-between; gap:12px; }.metric-row span { font-size:.65rem; }.contact-panel h2 { font-size:2.3rem; } }

/* Cross-device calibration layer */
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
section { padding-right: 1.25rem; padding-left: 1.25rem; }
.hero { padding-top: clamp(9rem, 16vw, 12rem); padding-bottom: clamp(4rem, 9vw, 7rem); }
.hero-layout { width: min(100%, 1320px); }
.hero-content { display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; padding: 2rem 1rem; }
.hero-content h1 { margin: 0; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.2; }
.hero-content > p { margin: 0; max-width: 550px; font-size: clamp(.95rem, 2vw, 1.1rem); line-height: 1.6; }
.hero-actions { margin-top: .25rem; }
.hero-proof { margin-top: .25rem; }
.hero-btn { justify-content: center; gap: .5rem; padding: .75rem 1.75rem; min-height: 3rem; white-space: nowrap; width: auto; }
.services .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 1.25rem; width: 100%; padding: 1.5rem 0; margin-top: 2rem; }
.services .card { display: flex; height: 100%; min-height: 205px; flex-direction: column; padding: 1.5rem; }
.services .card p { margin-top: auto; padding-top: .75rem; }
.stats-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2rem; margin-top: 2.5rem; padding-bottom: 1rem; }
.stats-row > div { min-width: 6.5rem; }
.stats-row strong, .stats-row span { display: block; }
.stats-row strong { color: var(--cyan); font-family: "Space Grotesk", sans-serif; font-size: 1.6rem; }
.stats-row span { margin-top: .25rem; color: var(--muted); font-size: .72rem; }

@media (max-width: 600px) {
	section { padding-right: .75rem; padding-left: .75rem; }
	.hero { padding-top: 9.5rem; }
	.hero-content { gap: 1rem; padding: 1rem .25rem 2rem; }
	.hero-content h1 { font-size: clamp(2rem, 11vw, 3rem); }
	.hero-actions { width: 100%; }
	.hero-btn { width: 100%; }
	.medical-interface { width: 100%; }
	.services .cards { grid-template-columns: 1fr; padding-top: 1rem; }
	.stats-row { justify-content: flex-start; gap: 1.5rem; }
}

/* Keep utility actions together at every navigation width. */
.navbar > ul {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
	gap: clamp(.75rem, 2vw, 1.75rem);
}

.navbar > ul > li:not(.nav-actions) {
	flex: 0 0 auto;
}

.nav-actions {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: .5rem;
	white-space: nowrap;
}

.nav-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: .55rem clamp(.7rem, 1.5vw, 1rem);
	font-size: clamp(.78rem, 1.2vw, .9rem);
}

@media (max-width: 900px) {
	.navbar > ul {
		width: 100%;
		justify-content: flex-start;
		row-gap: .65rem;
	}

	.nav-actions {
		margin-left: auto;
	}
}

@media (max-width: 600px) {
	.navbar > ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .5rem;
	}

	.navbar > ul > li:not(.nav-actions) {
		flex: 0 1 auto;
	}

	.nav-actions {
		margin-left: 0;
		gap: .35rem;
	}

	.nav-actions a {
		min-height: 2.35rem;
		padding: .45rem .65rem;
	}
}

@media (max-width: 420px) {
	.navbar > ul {
		align-items: stretch;
		flex-wrap: wrap;
		justify-content: center;
	}

	.nav-actions {
		flex-basis: 100%;
		justify-content: center;
	}

	.nav-actions a {
		min-width: 7rem;
	}
}