@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#13233a;--muted:#5c6878;--blue:#3469c8;--blue2:#eaf3ff;--orange:#f49a18;--orange2:#fff3df;--green:#26aa6f;--green2:#e7f8f0;--purple:#7d55c7;--purple2:#f3edff;--teal:#1295a5;--teal2:#e4f7f8;--brown:#8c6554;--brown2:#f4ece8;--line:#dce4ef;--paper:#fff;--bg:#f7f9fd;--shadow:0 18px 55px rgba(28,53,87,.11);--radius:28px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;background:#fff;padding:12px 18px;z-index:99;border-radius:12px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,228,239,.85)}.brand img{width:155px}.nav-toggle{display:none;border:0;background:var(--blue2);font-size:24px;border-radius:14px;padding:8px 13px}.main-nav{display:flex;align-items:center;gap:7px}.main-nav a,.dropbtn{padding:10px 13px;border-radius:12px;text-decoration:none;font-weight:800;font-size:.95rem;border:0;background:none;color:#34445a;cursor:pointer}.main-nav a:hover,.main-nav a[aria-current=page],.dropbtn:hover{background:var(--blue2);color:var(--blue)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;right:0;top:46px;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:var(--shadow)}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:grid}.dropdown-menu a{padding:9px 12px}
main{overflow:hidden}.hero{max-width:var(--max);margin:0 auto;padding:76px 24px 66px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.eyebrow,.kicker{font-weight:900;letter-spacing:.15em;font-size:.78rem;color:var(--blue);text-transform:uppercase}.hero h1{font-size:clamp(3.15rem,7vw,6.2rem);line-height:.94;letter-spacing:-.065em;margin:12px 0 24px}.lead{font-size:1.25rem;color:var(--muted);max-width:660px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:900;border:2px solid transparent}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(52,105,200,.25)}.btn.secondary{background:#fff;border-color:var(--line)}.micro{color:#778397;font-size:.92rem}.hero-stage{min-height:620px;position:relative;border-radius:45px;background:linear-gradient(145deg,#dff1ff,#f8edff 48%,#fff0d9);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;padding:26px}.hero-stage:before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:#c9f4df;left:-45px;top:60px;filter:blur(2px)}.phone{position:relative;z-index:2;max-height:580px;width:auto;filter:drop-shadow(0 24px 26px rgba(20,38,63,.20))}.watch-float{position:absolute;z-index:3;width:205px;right:-25px;bottom:32px;filter:drop-shadow(0 18px 22px rgba(20,38,63,.25))}.section{padding:86px 24px}.container{max-width:var(--max);margin:auto}.center{text-align:center}.section h2,.page-hero h1{font-size:clamp(2.2rem,5vw,4.15rem);line-height:1.05;letter-spacing:-.045em;margin:.25em 0}.section-intro{max-width:760px;margin:0 auto 42px;color:var(--muted);font-size:1.13rem}.soft-blue{background:linear-gradient(180deg,#eef6ff,#f9fbff)}.soft-green{background:linear-gradient(180deg,#eaf9f3,#f9fffc)}.soft-warm{background:linear-gradient(180deg,#fff5e7,#fffaf4)}.soft-purple{background:linear-gradient(180deg,#f4efff,#fbf9ff)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(31,55,88,.06)}.card h3{font-size:1.35rem;margin:9px 0}.icon-tile{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;font-size:26px}.blue{background:var(--blue2);color:var(--blue)}.orange{background:var(--orange2);color:var(--orange)}.green{background:var(--green2);color:var(--green)}.purple{background:var(--purple2);color:var(--purple)}.teal{background:var(--teal2);color:var(--teal)}.brown{background:var(--brown2);color:var(--brown)}.feature-band{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.feature-band.reverse .visual{order:2}.feature-band p{color:var(--muted);font-size:1.08rem}.visual{display:flex;justify-content:center;gap:18px;align-items:center}.shot{max-height:650px;width:auto;border-radius:28px;filter:drop-shadow(0 22px 28px rgba(20,38,63,.17));cursor:zoom-in}.shot.small{max-height:440px}.watch-shot{max-width:250px;filter:drop-shadow(0 18px 24px rgba(20,38,63,.24));cursor:zoom-in}.shot-pair{display:flex;align-items:flex-end;justify-content:center;gap:16px}.list-check{list-style:none;padding:0}.list-check li{margin:12px 0;padding-left:30px;position:relative}.list-check li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.privacy-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.privacy-strip .card{text-align:center}.quote{font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.2;font-weight:900;max-width:900px;margin:auto;text-align:center}.cta{margin:80px auto;max-width:var(--max);padding:54px;border-radius:38px;background:linear-gradient(120deg,#17365e,#376fc8);color:#fff;text-align:center}.cta h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 12px}.cta .btn.secondary{color:var(--ink)}
.page-hero{padding:78px 24px 62px;text-align:center;background:linear-gradient(145deg,#e9f4ff,#f7f1ff 55%,#fff4e5)}.page-hero p{max-width:760px;margin:auto;color:var(--muted);font-size:1.14rem}.content{max-width:900px;margin:auto;padding:70px 24px}.content h2{font-size:2rem;margin-top:2.2em}.content h3{font-size:1.35rem;margin-top:1.7em}.content p,.content li{color:#435166}.notice{padding:22px 24px;border-radius:20px;background:var(--orange2);border:1px solid #ffd79b}.legal-meta{font-weight:800;color:var(--muted)}.toc{background:#fff;border:1px solid var(--line);padding:24px;border-radius:22px}.toc a{display:block;padding:6px 0;color:var(--blue);font-weight:800}.guide-grid{display:grid;grid-template-columns:260px 1fr;gap:38px;align-items:start}.guide-nav{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.guide-nav a{display:block;text-decoration:none;padding:8px 10px;border-radius:10px;font-weight:700}.guide-nav a:hover{background:var(--blue2);color:var(--blue)}.step{display:grid;grid-template-columns:52px 1fr;gap:16px;margin:28px 0}.step-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-weight:900}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:12px 0}.faq summary{font-weight:900;cursor:pointer}.status{display:inline-block;padding:5px 11px;border-radius:999px;font-weight:900;font-size:.77rem}.status.released{background:var(--green2);color:var(--green)}.status.planned{background:var(--purple2);color:var(--purple)}.status.review{background:var(--orange2);color:#a45c00}.resource-card{text-decoration:none;transition:.2s}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.site-footer{background:#12243c;color:#dce6f4;padding:58px 24px 28px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-logo{width:145px;filter:brightness(0) invert(1);margin-bottom:15px}.site-footer h3{color:#fff}.site-footer a{display:block;color:#dce6f4;text-decoration:none;margin:8px 0}.fineprint{max-width:var(--max);margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);font-size:.86rem;color:#aebdd0}.modal{position:fixed;inset:0;background:rgba(7,18,33,.82);display:none;align-items:center;justify-content:center;z-index:99;padding:24px}.modal.open{display:flex}.modal img{max-height:90vh;max-width:92vw}.modal button{position:absolute;right:24px;top:20px;background:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:25px}
@media(max-width:900px){.hero,.feature-band{grid-template-columns:1fr}.hero{padding-top:48px}.hero-copy{text-align:center}.lead{margin:auto}.actions{justify-content:center}.hero-stage{min-height:560px}.watch-float{right:5px}.cards{grid-template-columns:1fr 1fr}.privacy-strip{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.guide-nav{position:static}.feature-band.reverse .visual{order:0}}
@media(max-width:680px){.site-header{padding:13px 18px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:72px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.main-nav.open{display:flex}.dropdown-menu{position:static;box-shadow:none;border:0;padding-left:15px;display:grid}.dropbtn{display:none}.hero{padding:45px 18px}.hero h1{font-size:3.45rem}.hero-stage{min-height:480px}.phone{max-height:455px}.watch-float{width:145px}.section{padding:65px 18px}.cards,.privacy-strip{grid-template-columns:1fr}.feature-band{gap:35px}.shot{max-height:520px}.shot-pair{overflow:hidden}.footer-grid{grid-template-columns:1fr}.cta{margin:55px 18px;padding:38px 22px}.page-hero{padding:55px 20px}.content{padding:50px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V38.1 mobile presentation refinements */
@media (max-width:680px){
  .site-header{gap:14px;padding:14px 18px}
  .brand{display:flex;align-items:center;min-width:0}
  .brand img{width:195px;max-width:calc(100vw - 105px)}

  /* Never crop paired product screenshots on narrow screens. */
  .shot-pair{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:28px;
    overflow:visible;
  }
  .shot-pair .shot{
    width:min(86vw,360px);
    max-width:100%;
    max-height:none;
    height:auto;
    flex:0 0 auto;
  }
  .shot-pair .watch-shot{
    width:min(78vw,310px);
    max-width:100%;
    height:auto;
    flex:0 0 auto;
  }

  .hero-copy{padding-inline:2px}
  .hero h1{font-size:clamp(3rem,15vw,4rem);line-height:.98}
}

/* Website V40 — Connected Health */
.connected-hero{background:linear-gradient(145deg,#e8f7ff,#eef9f4 45%,#f5efff 76%,#fff5e7)}
.health-flow{margin-top:44px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:stretch;position:relative}.health-node{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 16px;box-shadow:0 12px 35px rgba(31,55,88,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:175px}.health-node:not(:last-child):after{content:'→';position:absolute;right:-25px;top:50%;transform:translateY(-50%);font-size:28px;color:#7b91ad;font-weight:900;z-index:4}.health-node span{font-size:38px}.health-node img{width:54px;height:54px}.health-node strong{font-size:1.05rem;margin-top:10px}.health-node small{color:var(--muted);line-height:1.35;margin-top:6px}.health-node.hub{background:linear-gradient(145deg,#fff,#e9f8f1);border-color:#bfe9d7}.connected-cards{grid-template-columns:repeat(4,1fr)}.connected-device-panel{background:linear-gradient(145deg,#e4f4ff,#f7efff);border:1px solid var(--line);border-radius:38px;padding:38px;text-align:center;box-shadow:var(--shadow)}.device-orbit{width:330px;max-width:100%;aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center;border-radius:50%;border:2px dashed rgba(52,105,200,.25)}.device-orbit>img{width:95px;height:95px;background:#fff;border-radius:28px;padding:16px;box-shadow:0 16px 35px rgba(31,55,88,.18)}.orbit{position:absolute;width:60px;height:60px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 10px 24px rgba(31,55,88,.15)}.orbit.bottle{top:-10px}.orbit.watch{right:-10px}.orbit.apps{bottom:-10px}.orbit.health{left:-10px;color:#e1536f}.medical-note{margin-top:34px}.connected-home{background:linear-gradient(180deg,#f4fbff,#fbfdff)}.connected-home-visual{position:relative;min-height:620px;display:flex;justify-content:flex-end;align-items:center}.connected-settings-shot{max-height:590px}.mini-health-grid{position:absolute;z-index:3;left:-10px;top:35px;width:270px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow)}.mini-health-grid div{min-height:94px;border-radius:18px;background:var(--blue2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;font-weight:900;text-align:center}.mini-health-grid div:nth-child(2){background:var(--teal2)}.mini-health-grid div:nth-child(3){background:var(--green2)}.mini-health-grid div:nth-child(4){background:var(--purple2)}.mini-health-grid span{font-size:.75rem;margin-top:4px}.mini-health-grid img{width:34px;height:34px}.connected-feature-mark{min-height:390px;border-radius:40px;background:linear-gradient(145deg,#dff4ff,#eff9f4,#f7efff);display:flex;gap:30px;align-items:center;justify-content:center;font-size:100px;color:#e1536f;box-shadow:var(--shadow)}.connected-feature-mark img{width:130px}
@media(max-width:1000px){.health-flow{grid-template-columns:1fr 1fr}.health-node:not(:last-child):after{display:none}.health-node:last-child{grid-column:1/-1}.connected-cards{grid-template-columns:1fr 1fr}.connected-home-visual{min-height:560px}.mini-health-grid{left:0}}
@media(max-width:680px){.health-flow,.connected-cards{grid-template-columns:1fr}.health-node:last-child{grid-column:auto}.connected-device-panel{padding:26px 18px}.device-orbit{width:250px}.connected-home-visual{min-height:auto;display:flex;flex-direction:column;gap:24px}.mini-health-grid{position:static;width:100%;order:2}.connected-settings-shot{max-height:none;width:min(86vw,360px)}.connected-feature-mark{min-height:260px;font-size:70px}.connected-feature-mark img{width:95px}}


/* Website W004 - Homepage Hero */

.home-hero{
    width:100%;
    background:#fff;
    padding:0 0 24px;
}

.home-hero-artwork{
    width:100%;
    max-width:1920px;
    margin:0 auto;
    overflow:hidden;
}

.home-hero-artwork img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
}

.home-hero-actions{
    display:flex;
    justify-content:center;
    gap:18px;
    margin:24px auto 0;
}

#home-hero-title{
    display:none;
}

@media (max-width:900px){

    .home-hero-artwork{
        padding:0 16px;
    }

    .home-hero-actions{
        flex-direction:column;
        align-items:center;
        padding:0 16px;
    }

    .home-hero-actions .btn{
        width:100%;
        max-width:340px;
    }
}

/* Website Build 43 — Connected Health, Siri and full-width homepage hero */
.v43-hero{padding:clamp(52px,7vw,92px) 24px;background:linear-gradient(135deg,#eef7ff 0%,#f7f1ff 47%,#fff7e9 100%);position:relative;overflow:hidden}.v43-hero-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
.v43-hero-copy h1{font-size:clamp(3rem,5.7vw,5.8rem);line-height:.96;letter-spacing:-.06em;margin:14px 0 25px}
.v43-hero-copy .eyebrow{
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: .08em;
    color: var(--blue);
    margin: 0 0 10px;
}
.v43-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.v43-trust-row span{background:rgba(255,255,255,.78);border:1px solid rgba(220,228,239,.9);border-radius:999px;padding:8px 13px;font-size:.88rem;font-weight:900;box-shadow:0 8px 24px rgba(31,55,88,.06)}.v43-device-stage{position:relative;min-height:650px;display:flex;justify-content:center;align-items:center}.v43-phone{position:relative;z-index:3;max-height:620px;width:auto;border-radius:32px;filter:drop-shadow(0 28px 35px rgba(20,38,63,.24))}.v43-watch{position:absolute;z-index:5;width:205px;right:3%;bottom:5%;filter:drop-shadow(0 22px 28px rgba(20,38,63,.27))}.v43-glow{position:absolute;border-radius:50%;filter:blur(2px)}.v43-glow-one{width:440px;height:440px;background:#d8edff}.v43-glow-two{width:220px;height:220px;background:#d8f6e8;right:2%;top:8%}.v43-float-card{position:absolute;z-index:6;display:flex;flex-direction:column;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border:1px solid rgba(220,228,239,.95);border-radius:18px;padding:12px 16px;box-shadow:0 15px 35px rgba(31,55,88,.14)}.v43-float-card strong{font-size:.95rem}.v43-float-card small{color:var(--muted)}.v43-card-health{left:0;top:13%}.v43-card-siri{right:0;top:34%}.v43-card-balance{left:2%;bottom:11%}.v43-quote-card{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;margin:25px 0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px rgba(31,55,88,.07)}.v43-quote-card>span{font-size:34px}.v43-quote-card strong{font-size:1.18rem}.v43-quote-card p{margin:5px 0 0}.v43-siri-panel{min-height:390px;border-radius:40px;background:linear-gradient(145deg,#e3f3ff,#f2ecff,#fff3df);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;box-shadow:var(--shadow)}.v43-siri-panel span{font-size:88px}.v43-siri-panel strong{font-size:1.7rem;margin-top:14px}.v43-siri-panel small{max-width:360px;color:var(--muted);font-size:1rem;margin-top:8px}
@media(max-width:1000px){.v43-hero-inner{grid-template-columns:1fr}.v43-hero-copy{text-align:center}.v43-hero-copy .lead{margin-inline:auto}.v43-hero-copy .actions,.v43-trust-row{justify-content:center}.v43-device-stage{min-height:600px;max-width:720px;width:100%;margin:auto}}
@media(max-width:680px){.v43-hero{padding:45px 18px 58px}.v43-hero-copy h1{font-size:clamp(2.75rem,13vw,4rem)}.v43-device-stage{min-height:510px}.v43-phone{max-height:490px}.v43-watch{width:145px;right:0}.v43-float-card{padding:9px 11px;border-radius:14px}.v43-float-card strong{font-size:.8rem}.v43-float-card small{font-size:.68rem}.v43-card-health{left:-4px;top:8%}.v43-card-siri{right:-5px;top:30%}.v43-card-balance{left:-4px;bottom:6%}.v43-quote-card{grid-template-columns:42px 1fr;padding:18px}.v43-quote-card>span{font-size:28px}.v43-siri-panel{min-height:280px}.v43-siri-panel span{font-size:65px}}

/* Build 47 — Trust Centre and App Store readiness */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust-card{text-decoration:none;transition:transform .2s,box-shadow .2s}.trust-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.trust-card strong{color:var(--blue)}.trust-summary{max-width:520px}.related-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.support-links{margin-top:35px}.support-links .card{min-height:190px}.content a:not(.btn){color:var(--blue);font-weight:800}.content .notice{margin-top:32px}@media(max-width:900px){.trust-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.trust-grid{grid-template-columns:1fr}.related-links{align-items:stretch;flex-direction:column}.related-links .btn{width:100%}}

/* Website Build 47A — repaired iPhone and Safari mobile navigation */
@media (max-width:680px){
  .site-header{overflow:visible}
  .main-nav{
    position:absolute;
    left:14px;
    right:14px;
    top:100%;
    bottom:auto;
    width:auto;
    max-height:calc(100vh - 96px);
    max-height:calc(100svh - 96px);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:contain;
    touch-action:pan-y;
    padding:12px 12px 30px;
    z-index:1000;
  }
  .main-nav.open{display:flex}
  .main-nav a,.main-nav .dropbtn{
    flex:0 0 auto;
    min-height:52px;
    display:flex;
    align-items:center;
  }
  .main-nav .dropdown{flex:0 0 auto}
  .main-nav .dropdown-menu{
    max-height:none;
    overflow:visible;
  }
  html.nav-open,body.nav-open{
    overflow:hidden;
  }
}

/* ============================================================
   Savant purposeful colour system
   Shared with the Flutter app, Watch, Widget and marketing.
   Existing variables remain available for backwards compatibility.
   ============================================================ */

:root {
  --savant-fluid-in: #1976f3;
  --savant-fluid-in-soft: #eaf4ff;

  --savant-fluid-out: #f59a23;
  --savant-fluid-out-soft: #fff2df;

  --savant-bowel: #2fa66d;
  --savant-bowel-soft: #e8f7ef;

  --savant-medication: #8258c7;
  --savant-medication-soft: #f2edfb;

  --savant-reports: #4f5fd5;
  --savant-reports-soft: #eceeff;

  --savant-apple-health: #ff375f;
  --savant-settings: #168c9a;

  /* Compatibility aliases used by the current website. */
  --blue: var(--savant-fluid-in);
  --blue2: var(--savant-fluid-in-soft);
  --orange: var(--savant-fluid-out);
  --orange2: var(--savant-fluid-out-soft);
  --green: var(--savant-bowel);
  --green2: var(--savant-bowel-soft);
  --purple: var(--savant-medication);
  --purple2: var(--savant-medication-soft);
}

/* Semantic feature surfaces. Add these classes to feature cards/sections. */
.feature-fluid-in {
  background: var(--savant-fluid-in-soft);
  border-color: color-mix(in srgb, var(--savant-fluid-in) 28%, transparent);
}

.feature-fluid-out {
  background: var(--savant-fluid-out-soft);
  border-color: color-mix(in srgb, var(--savant-fluid-out) 30%, transparent);
}

.feature-bowel {
  background: var(--savant-bowel-soft);
  border-color: color-mix(in srgb, var(--savant-bowel) 28%, transparent);
}

.feature-medication {
  background: var(--savant-medication-soft);
  border-color: color-mix(in srgb, var(--savant-medication) 28%, transparent);
}

.feature-reports {
  background: var(--savant-reports-soft);
  border-color: color-mix(in srgb, var(--savant-reports) 28%, transparent);
}

/* Website dark mode follows the visitor's operating-system setting. */
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #f1f5fb;
    --muted: #aeb9c8;
    --line: #324052;
    --paper: #171f2b;
    --bg: #0d131c;

    --savant-fluid-in-soft: #142c4d;
    --savant-fluid-out-soft: #3d2b18;
    --savant-bowel-soft: #173529;
    --savant-medication-soft: #2d2342;
    --savant-reports-soft: #242b4d;

    --blue2: var(--savant-fluid-in-soft);
    --orange2: var(--savant-fluid-out-soft);
    --green2: var(--savant-bowel-soft);
    --purple2: var(--savant-medication-soft);

    --shadow: 0 18px 55px rgba(0, 0, 0, .34);
  }

  body,
  .home-hero {
    background: var(--bg);
    color: var(--ink);
  }

  .site-header,
  .dropdown-menu,
  .main-nav,
  .card,
  .faq details,
  .toc,
  .guide-nav,
  .health-node,
  .orbit,
  .mini-health-grid,
  .btn.secondary {
    background: var(--paper);
    color: var(--ink);
    border-color: var(--line);
  }

  .site-header {
    background: rgba(13, 19, 28, .92);
  }

  .main-nav a,
  .dropbtn,
  .content p,
  .content li {
    color: #c4cedb;
  }

  .hero-stage,
  .page-hero {
    background: linear-gradient(
      145deg,
      #142c4d,
      #2d2342 52%,
      #3d2b18
    );
  }

  .soft-blue,
  .connected-home {
    background: linear-gradient(180deg, #101f33, #0d131c);
  }

  .soft-green {
    background: linear-gradient(180deg, #132a22, #0d131c);
  }

  .soft-warm {
    background: linear-gradient(180deg, #322416, #0d131c);
  }

  .soft-purple {
    background: linear-gradient(180deg, #271f39, #0d131c);
  }

  .shot,
  .watch-shot,
  .phone {
    filter: drop-shadow(0 24px 28px rgba(0, 0, 0, .38));
  }
}


/* Website Version 77 */
.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.overview-card{border:1px solid var(--line);border-radius:26px;padding:28px;background:var(--paper);box-shadow:0 12px 35px rgba(31,55,88,.07)}.overview-card h2{margin-top:0}.feature-link-list{padding-left:1.25rem}.feature-link-list li{margin:.72rem 0;line-height:1.55}.feature-link-list a{color:var(--blue);text-decoration:none}.overview-mini{min-height:330px;border-radius:38px;background:linear-gradient(145deg,var(--blue2),var(--green2),var(--purple2));display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:32px;align-content:center;box-shadow:var(--shadow)}.overview-mini>*{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;font-size:1.05rem}.version-panel{min-height:290px;border-radius:38px;background:linear-gradient(145deg,var(--blue2),var(--purple2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow)}.version-panel strong{font-size:2rem}.version-panel span{font-size:1.5rem;font-weight:900}.version-panel small{color:var(--muted)}.connection-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0}.connection-flow span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:900}.connection-flow b{color:var(--blue);font-size:1.3rem}.website-version{text-align:center;margin:24px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:.82rem;opacity:.82}.card>a{font-weight:900;color:var(--blue);text-decoration:none}.site-footer .website-version{max-width:1200px}.related-links{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:800px){.overview-grid{grid-template-columns:1fr}.overview-mini{min-height:260px}.connection-flow b{transform:rotate(90deg)}}