
:root{color-scheme:dark;--bg:#030d18;--cyan:#29dcf4;--muted:#a8bfd1;--line:#16485e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 5%,#103750 0%,transparent 34%),var(--bg);color:#f0faff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:20;background:#04101de9;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
nav{max-width:1250px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:19px;font-weight:800;letter-spacing:.07em;white-space:nowrap}.brand b,.accent{color:var(--cyan)}
.navlinks{display:flex;gap:17px;flex-wrap:wrap;font-size:12px}.navlinks a:hover,.navlinks a[aria-current]{color:var(--cyan)}
main{max-width:1250px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;min-height:570px;padding:58px 0}
h1{font-size:clamp(42px,5.6vw,78px);line-height:1.07;letter-spacing:-.055em;margin:18px 0}h2{font-size:clamp(30px,4vw,49px);line-height:1.13;letter-spacing:-.04em;margin:12px 0 20px}h3{line-height:1.3}
.kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:750}
.lead{font-size:18px;color:#c5d8e5;max-width:670px}.muted,p{color:var(--muted)}.hero img{display:block;width:100%;max-width:540px;margin:auto;filter:drop-shadow(0 0 30px #00baff33)}
.note{font-size:12px;color:#8da9bb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-block;border:1px solid var(--cyan);border-radius:30px;padding:12px 22px;font-weight:700;font-size:14px}.btn.primary{background:var(--cyan);color:#04121d}
section{padding:72px 0;border-top:1px solid #154257}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:27px;border:1px solid #166987;background:linear-gradient(135deg,#0c2b42,#071321);border-radius:18px}.card h3{margin:8px 0}.card p{font-size:14px;margin:10px 0}.tag{display:inline-block;border:1px solid #236780;border-radius:20px;padding:4px 10px;color:#9defff;font-size:11px;letter-spacing:.06em}
.band{border:1px solid #20708c;background:linear-gradient(100deg,#0b3047,#071623);border-radius:22px;padding:30px;margin:30px 0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0}.step{text-align:center;padding:18px 8px;border:1px solid #236b84;border-radius:12px;background:#082337;color:#c4f6ff;font-size:13px;font-weight:700}
.wave{height:100px;overflow:hidden}.wave svg{width:100%;height:100%}.wave path{stroke:#19dafa;fill:none;stroke-width:2;filter:drop-shadow(0 0 5px #19dafa)}.wave .glow{stroke:#c2ffff;stroke-width:3;stroke-dasharray:100 1500;animation:travel 5s linear infinite}@keyframes travel{to{stroke-dashoffset:-1600}}
footer{max-width:1250px;margin:auto;padding:35px 24px;color:#8ba6b8;font-size:12px;display:flex;justify-content:space-between;gap:20px}.mail{font-size:clamp(18px,3vw,30px);color:#a9f6ff;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid #9af5ff;outline-offset:4px}
@media(max-width:950px){nav{flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero img{max-width:420px}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.grid,.grid.two{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}section{padding:48px 0}nav{padding:14px 18px}.navlinks{gap:11px;font-size:11px}footer{display:block}}
@media(prefers-reduced-motion:reduce){.wave .glow{animation:none}}

/* V6 readability enhancements */
.navlinks{font-size:13px;gap:18px}.card p{font-size:15px}.note{font-size:13px}main{max-width:1320px}.lead{font-size:19px}.steps small{font-size:11px;font-weight:400;color:#a6c7d7}
@media(max-width:950px){.navlinks{font-size:12px}}

/* V7 visual storytelling */
.v7-visual-band{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:32px;margin:48px 0;padding:24px;border:1px solid #17455a;border-radius:24px;background:linear-gradient(110deg,#071b2b,#06101e)}
.v7-visual-band img{width:100%;max-height:360px;object-fit:cover;border-radius:18px;box-shadow:0 16px 48px #0007}
.v7-visual-band h2,.v7-signal-section h2{font-size:clamp(26px,3vw,42px);line-height:1.15}
.v7-visual-band p{color:#b1ccdc;line-height:1.7}
.v7-signal-section{padding:28px 0}
.v7-signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.v7-signal-grid figure{margin:0;background:#071b2b;border:1px solid #1d5267;padding:12px;border-radius:18px}
.v7-signal-grid img{width:100%;display:block;border-radius:12px}
.v7-signal-grid figcaption{font-size:13px;color:#b1ccdc;padding:12px 4px 4px}
@media(max-width:760px){.v7-visual-band,.v7-signal-grid{grid-template-columns:1fr}.v7-visual-band{padding:16px}.v7-visual-band img{max-height:290px}}

/* V8 conceptual BLE smartphone app showcase */
.mobile-app-showcase{padding:42px 0 58px}
.mobile-app-showcase h2{font-size:clamp(30px,3.5vw,50px);line-height:1.12;max-width:900px}
.mobile-app-showcase h3{margin:24px 0 12px}
.mobile-connection-image{width:100%;max-height:460px;object-fit:contain;background:#061827;border:1px solid #18566b;border-radius:22px;display:block;margin:26px auto}
.mobile-screen-image{width:100%;max-width:1120px;display:block;margin:16px auto 28px;border:1px solid #18566b;border-radius:22px;background:#051421}
.mobile-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mobile-status{padding:16px 20px;border-radius:16px;background:#081e2e;border:1px solid #225066}
.mobile-status h3{margin:0 0 8px}.mobile-status p{font-size:14px;line-height:1.6;margin:0;color:#b6cfdd}
.mobile-normal{border-top:3px solid #1ddd7d}.mobile-warning{border-top:3px solid #ffca34}.mobile-emergency{border-top:3px solid #ff5963}
.mobile-disclaimer{color:#99b9c9;font-size:12px;line-height:1.7;margin-top:20px}
@media(max-width:750px){.mobile-status-grid{grid-template-columns:1fr}.mobile-app-showcase{padding:20px 0}}

/* V9 five-sensor showcase */
.v9-sensors{padding:38px 0 60px}
.v9-sensors h2{font-size:clamp(29px,3.5vw,48px);line-height:1.15}
.v9-sensor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:30px 0}
.v9-sensor{padding:20px 16px;background:linear-gradient(160deg,#0a293a,#071421);border:1px solid #1d5368;border-radius:20px}
.v9-symbol{font-size:38px;color:#27e2f5;height:50px}.v9-index{font-size:11px;color:#42e1ef;font-weight:700;letter-spacing:1px}
.v9-sensor h3{font-size:17px;line-height:1.3;margin:10px 0}.v9-sensor p{font-size:13px;color:#b4ccda;line-height:1.6}
.v9-architecture{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px;background:#061928;border:1px solid #16485c;border-radius:20px;text-align:center}
.v9-chip{border:1px solid #1b6b83;border-radius:12px;padding:13px 18px;background:#0b2b3b;max-width:100%;font-size:14px}
.v9-emphasis{border-color:#19d7eb}.v9-arrow{color:#27e2f5;font-size:26px;line-height:1}
@media(max-width:1100px){.v9-sensor-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.v9-sensor-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.v9-sensor-grid{grid-template-columns:1fr}}

/* V10 sensor imagery */
.v10-sensor-picture{width:100%;height:108px;object-fit:cover;border-radius:12px;display:block;margin-bottom:14px;background:#061727}
.v10-image-note{font-size:12px;color:#9dbac8;margin:14px 0 0}
@media(max-width:650px){.v10-sensor-picture{height:125px}}

/* V11 state explanation */
.v11-cardio-states{padding:38px 0 65px}
.v11-cardio-states h2{font-size:clamp(29px,3.5vw,48px)}
.v11-states-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 18px}
.v11-state{padding:26px 22px;border:1px solid #245064;border-top-width:4px;border-radius:20px;background:linear-gradient(150deg,#0b2b3d,#071724)}
.v11-state h3{font-size:27px;margin:10px 0 8px}.v11-state p{font-size:14px;color:#c1d7e1;line-height:1.65}
.v11-state .v11-state-label{font-weight:700;color:#e8f5fb}
.v11-state-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:700;border:2px solid currentColor}
.v11-normal{border-top-color:#2ddd7c}.v11-normal .v11-state-icon{color:#2ddd7c}
.v11-warning{border-top-color:#ffce3b}.v11-warning .v11-state-icon{color:#ffce3b}
.v11-emergency{border-top-color:#ff5262}.v11-emergency .v11-state-icon{color:#ff5262}
.v11-blue{display:flex;align-items:center;gap:18px;border:1px solid #3977cb;background:#0a2441;border-radius:16px;padding:20px}
.v11-blue p{margin:5px 0 0;color:#bed3e5;font-size:14px;line-height:1.6}
.v11-blue-dot{width:22px;height:22px;background:#398cf4;border-radius:50%;flex-shrink:0}
@media(max-width:800px){.v11-states-grid{grid-template-columns:1fr}}

/* V12 ring LED / vibration / phone alerts */
.v12-alerts{padding:36px 0 60px}
.v12-alerts h2{font-size:clamp(29px,3.5vw,48px)}
.v12-alert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}
.v12-alert{padding:20px;background:#071c2b;border:1px solid #235066;border-radius:19px}
.v12-alert h3{font-size:18px;line-height:1.3;margin:14px 0 9px}
.v12-alert p{font-size:13px;line-height:1.65;color:#b6d1de}
.v12-light{display:block;width:26px;height:26px;border-radius:50%;box-shadow:0 0 22px currentColor;background:currentColor}
.v12-green{color:#2ce47d}.v12-yellow{color:#ffd13b}.v12-red{color:#ff5263}.v12-blue{color:#4298ff}
.v12-alert h3{color:#f0f8fc}
.v12-alert-flow{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:18px;background:#092637;border:1px solid #1d5b70;border-radius:18px}
.v12-alert-flow>div{flex:1;text-align:center}
.v12-alert-flow strong{display:block;font-size:14px}
.v12-alert-flow small{display:block;color:#a9c9d8;font-size:12px;line-height:1.45;margin-top:5px}
.v12-alert-flow>span{color:#38d8e9;font-size:24px}
.v12-caption{color:#c1d8e3;font-size:14px;line-height:1.7;margin-top:20px}
@media(max-width:1000px){.v12-alert-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.v12-alert-flow{flex-direction:column}.v12-alert-grid{grid-template-columns:1fr}.v12-alert-flow>span{transform:rotate(90deg)}}

/* V14 intellectual property page */
.patent-hero{padding:65px 0 28px}.patent-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08}
.patent-note{color:#a7c7d6;font-size:14px;line-height:1.7;max-width:880px;border-left:3px solid #28cde5;padding-left:18px;margin-top:25px}
.patent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}
.patent-card{background:linear-gradient(155deg,#0a293b,#061522);border:1px solid #245468;border-radius:20px;padding:24px}
.patent-count{color:#43d8eb;font-size:11px;letter-spacing:1px;font-weight:700}
.patent-card h3{font-size:19px;line-height:1.4;margin:15px 0}.patent-card p{font-size:14px;line-height:1.65;color:#b4cedb}
.patent-link-section,.patent-teaser{padding:30px 0 50px}
@media(max-width:780px){.patent-grid{grid-template-columns:1fr}}

/* V18: homepage three-state ring illustration */
.home-hero{display:flex;flex-direction:column;gap:28px}
.home-states-hero{width:100%;max-width:1400px;margin:auto}
.home-states-hero img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #214d62}
.home-states-hero .note{max-width:960px;margin:12px auto 0;line-height:1.6}
