:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #12263a;
  background: #f7fbff;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --blue: #0b6bcb;
  --blue-dark: #074f9c;
  --teal: #10a89a;
  --ink: #12263a;
  --muted: #5e7185;
  --line: #dce8f3;
  --soft: #eef7ff;
  --card: #ffffff;
  --shadow: 0 18px 50px rgba(23, 67, 105, 0.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: #f7fbff; color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
.site-shell { overflow: hidden; }

.site-header {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  min-height: 76px; padding: 12px clamp(20px, 4vw, 64px);
  background: rgba(255,255,255,.9); border-bottom: 1px solid rgba(220,232,243,.9);
  backdrop-filter: blur(18px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.brand-mark {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  color: white; font-weight: 900; font-size: 22px; letter-spacing: -.05em;
  background: linear-gradient(135deg, var(--blue), var(--teal));
  box-shadow: 0 8px 22px rgba(11,107,203,.24);
}
.small-mark { width: 38px; height: 38px; font-size: 19px; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.brand-copy strong { font-size: 18px; letter-spacing: -.02em; }
.brand-copy small { margin-top: 5px; color: var(--muted); font-size: 11px; }
.desktop-nav { display: flex; align-items: center; gap: 28px; font-weight: 700; color: #314960; }
.desktop-nav a:hover { color: var(--blue); }
.header-actions { display: flex; align-items: center; gap: 10px; }
.menu-button { display: none; border: 0; background: transparent; color: var(--ink); padding: 8px; cursor: pointer; }
.mobile-menu { display: none; }
.mobile-menu[hidden] { display: none !important; }

.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 18px; border-radius: 13px; font-weight: 800;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.button:hover { transform: translateY(-1px); }
.button-primary { color: white; background: linear-gradient(135deg, var(--blue), #0d79d8 60%, var(--teal)); box-shadow: 0 10px 24px rgba(11,107,203,.2); }
.button-secondary { color: var(--blue-dark); background: white; border: 1px solid #bdd6ea; }
.button-ghost { color: #29475e; background: #f2f7fb; }
.button-white { color: var(--blue-dark); background: white; }
.button-large { min-height: 52px; padding: 0 22px; border-radius: 15px; }
.full-width { width: 100%; }

.section-pad { padding: clamp(72px, 8vw, 118px) clamp(20px, 6vw, 88px); }
.hero {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: clamp(42px, 7vw, 92px); align-items: center;
  min-height: calc(100vh - 76px);
  background:
    radial-gradient(circle at 82% 14%, rgba(16,168,154,.14), transparent 28%),
    radial-gradient(circle at 16% 0%, rgba(11,107,203,.12), transparent 30%),
    linear-gradient(180deg, #fbfdff 0%, #f5fbff 100%);
}
.hero-copy { max-width: 720px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--blue-dark); font-weight: 900; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow-light { color: #d9f9f5; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin: 18px 0 24px; font-size: clamp(46px, 6.1vw, 78px); line-height: .99; letter-spacing: -.055em; max-width: 820px; }
h2 { margin: 14px 0 18px; font-size: clamp(34px, 4vw, 54px); line-height: 1.04; letter-spacing: -.045em; }
h3 { margin-bottom: 9px; font-size: 20px; letter-spacing: -.02em; }
p { color: var(--muted); line-height: 1.72; }
.hero-lead { max-width: 720px; font-size: clamp(18px, 2vw, 22px); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 28px; color: #466278; font-weight: 700; font-size: 13px; }
.hero-trust span { display: inline-flex; align-items: center; gap: 7px; }

.hero-visual { position: relative; display: grid; place-items: center; min-height: 660px; }
.phone-frame {
  width: min(380px, 100%); padding: 22px; border-radius: 42px; color: var(--ink); background: #f8fbfe;
  border: 10px solid #12263a; box-shadow: 0 42px 90px rgba(20,58,92,.23);
  transform: rotate(1.4deg);
}
.phone-topbar { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.phone-topbar div { display: flex; flex-direction: column; }
.phone-topbar small { color: var(--blue); font-weight: 900; letter-spacing: .08em; font-size: 10px; }
.phone-topbar strong { font-size: 16px; }
.mini-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: white; font-weight: 900; background: linear-gradient(135deg,var(--blue),var(--teal)); }
.glucose-card { display: flex; align-items: center; justify-content: space-between; padding: 18px; border-radius: 22px; color: white; background: linear-gradient(135deg,#087dc1,#12a99d); }
.glucose-card div:first-child { display: grid; grid-template-columns: auto auto; column-gap: 6px; align-items: end; }
.glucose-card span { grid-column: 1 / -1; opacity: .9; font-size: 12px; }
.glucose-card strong { font-size: 44px; line-height: 1; letter-spacing: -.04em; }
.glucose-card small { padding-bottom: 6px; opacity: .9; }
.trend-pill { padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.18); font-size: 11px; font-weight: 900; }
.scanner-banner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin-top: 12px; padding: 15px 16px; border-radius: 18px; color: white; background: linear-gradient(135deg,#0c76d5,#14b4a7); }
.scanner-banner div { display: flex; flex-direction: column; }
.scanner-banner span { opacity: .9; font-size: 11px; }
.quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.quick-card { padding: 15px 10px; border-radius: 16px; text-align: center; background: white; border: 1px solid var(--line); font-size: 12px; font-weight: 900; box-shadow: 0 7px 18px rgba(25,68,103,.06); }
.mini-chart { margin-top: 12px; padding: 16px; border-radius: 18px; background: white; border: 1px solid var(--line); color: var(--blue); }
.mini-chart-head { display: flex; justify-content: space-between; color: var(--ink); font-size: 12px; }
.mini-chart svg { width: 100%; height: auto; margin-top: 7px; }
.visual-badge { position: absolute; display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-radius: 999px; background: white; box-shadow: var(--shadow); font-weight: 800; font-size: 12px; color: #38556c; }
.badge-one { top: 15%; right: 0; }
.badge-two { bottom: 15%; left: 0; }

.strip { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; padding: 18px 22px; color: #3c5b73; background: white; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-weight: 800; font-size: 13px; }
.strip i { width: 4px; height: 4px; border-radius: 50%; background: #8ba7ba; }
.section-light { background: white; }
.section-heading { max-width: 780px; margin: 0 auto 48px; text-align: center; }
.section-heading p { font-size: 17px; }
.align-left { margin: 0; text-align: left; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; max-width: 1200px; margin: 0 auto; }
.feature-card { min-height: 220px; padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(180deg,#fff,#fbfdff); box-shadow: 0 10px 30px rgba(22,65,102,.06); }
.icon-wrap { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 22px; border-radius: 14px; color: var(--blue); background: #eaf5ff; }
.feature-card p { margin-bottom: 0; }

.split-section { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(48px,7vw,100px); align-items: start; }
.step-list { display: grid; gap: 16px; }
.step-item { display: grid; grid-template-columns: auto 1fr; gap: 18px; padding: 24px; background: white; border: 1px solid var(--line); border-radius: 22px; }
.step-number { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; color: white; background: linear-gradient(135deg,var(--blue),var(--teal)); font-weight: 900; }
.step-item p { margin-bottom: 0; }

.safety-band { background: linear-gradient(135deg,#0a5fae 0%,#087aab 45%,#0f9f94 100%); }
.safety-card { display: grid; grid-template-columns: auto 1fr; gap: 24px; max-width: 1050px; margin: 0 auto; color: white; }
.safety-card h2 { max-width: 820px; }
.safety-card p { color: rgba(255,255,255,.82); font-size: 17px; }
.safety-icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 20px; background: rgba(255,255,255,.14); }

.pricing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; max-width: 900px; margin: 0 auto; }
.price-card { position: relative; padding: 30px; border-radius: 26px; border: 1px solid var(--line); background: white; box-shadow: 0 14px 40px rgba(22,65,102,.07); }
.featured-price { border: 2px solid #55b4d8; box-shadow: 0 24px 54px rgba(11,107,203,.14); }
.recommended { position: absolute; top: 18px; right: 18px; padding: 6px 10px; border-radius: 999px; color: white; background: linear-gradient(135deg,var(--blue),var(--teal)); font-weight: 900; font-size: 11px; }
.plan-label { color: var(--blue); font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.price-placeholder { margin: 18px 0 12px; font-size: 42px; font-weight: 900; letter-spacing: -.04em; }
.price-placeholder small { font-size: 16px; color: var(--muted); letter-spacing: 0; }

.final-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; color: white; background: linear-gradient(135deg,#063e79,#0879bd 55%,#0c9b91); }
.final-cta h2 { max-width: 800px; }
.final-cta p { max-width: 760px; color: rgba(255,255,255,.82); }

.site-footer { padding: 52px clamp(20px,6vw,88px) 28px; background: #0d2132; color: white; }
.footer-brand { max-width: 400px; }
.footer-brand p { color: #9fb4c6; }
.site-footer .brand-copy small { color: #9fb4c6; }
.footer-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 44px 0; }
.footer-links div { display: flex; flex-direction: column; gap: 10px; }
.footer-links strong { margin-bottom: 4px; }
.footer-links a, .footer-links span { color: #9fb4c6; font-size: 14px; }
.footer-links a:hover { color: white; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: #8099ad; font-size: 12px; }

@media (max-width: 980px) {
  .desktop-nav, .desktop-only { display: none; }
  .menu-button { display: inline-grid; place-items: center; }
  .mobile-menu { position: absolute; top: 68px; left: 16px; right: 16px; display: flex; flex-direction: column; gap: 6px; padding: 14px; background: white; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
  .mobile-menu[hidden] { display: none !important; }
  .mobile-menu > a:not(.button) { padding: 12px; border-radius: 12px; font-weight: 800; }
  .mobile-menu > a:not(.button):hover { background: #f2f7fb; }
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 74px; }
  .hero-copy { max-width: 760px; margin: 0 auto; text-align: center; }
  .hero-actions, .hero-trust { justify-content: center; }
  .hero-visual { min-height: 610px; }
  .feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .split-section { grid-template-columns: 1fr; }
  .align-left { max-width: 780px; }
}

@media (max-width: 680px) {
  .site-header { min-height: 68px; padding: 10px 16px; }
  .brand-mark { width: 39px; height: 39px; }
  .brand-copy strong { font-size: 16px; }
  .brand-copy small { display: none; }
  .section-pad { padding: 68px 18px; }
  h1 { font-size: clamp(42px,14vw,58px); }
  h2 { font-size: clamp(32px,10vw,42px); }
  .hero { padding-top: 56px; gap: 20px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-trust { align-items: flex-start; flex-direction: column; width: fit-content; margin-left: auto; margin-right: auto; text-align: left; }
  .hero-visual { min-height: 520px; }
  .phone-frame { width: min(350px,92vw); padding: 18px; border-width: 8px; border-radius: 36px; transform: none; }
  .visual-badge { display: none; }
  .feature-grid, .pricing-grid, .footer-links { grid-template-columns: 1fr; }
  .feature-card { min-height: auto; }
  .safety-card { grid-template-columns: 1fr; }
  .final-cta { align-items: flex-start; flex-direction: column; }
  .final-cta .button { width: 100%; }
  .footer-bottom { flex-direction: column; }
  .strip { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; }
}


/* Website Part 2 — Full Product Showcase */
.section-action-row { display:flex; justify-content:center; margin-top:34px; }
.product-proof { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:clamp(38px,7vw,92px); align-items:center; background:linear-gradient(180deg,#f5fbff,#eef8fb); }
.proof-copy { max-width:720px; }
.text-link { display:inline-flex; margin-top:8px; color:var(--blue); font-weight:900; }
.proof-stack { display:grid; gap:14px; }
.proof-card { display:grid; grid-template-columns:auto 1fr; column-gap:15px; align-items:center; padding:20px 22px; border:1px solid var(--line); border-radius:22px; background:white; box-shadow:0 12px 30px rgba(22,65,102,.07); }
.proof-card span { grid-row:1/3; display:grid; place-items:center; width:48px; height:48px; border-radius:15px; color:white; background:linear-gradient(135deg,var(--blue),var(--teal)); font-size:12px; font-weight:900; }
.proof-card strong { font-size:18px; }
.proof-card small { color:var(--muted); }
.nav-active { color:var(--blue)!important; }
.feature-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(440px,.9fr); gap:clamp(40px,7vw,100px); min-height:700px; align-items:center; background:radial-gradient(circle at 75% 30%,rgba(16,180,166,.14),transparent 30%),radial-gradient(circle at 25% 20%,rgba(11,107,203,.11),transparent 34%),linear-gradient(180deg,#f9fdff,#f3f9fd); }
.feature-hero-copy { max-width:760px; }
.feature-orbit { position:relative; min-height:470px; display:grid; place-items:center; }
.feature-orbit:before,.feature-orbit:after { content:""; position:absolute; border:1px solid #c9e0ec; border-radius:50%; }
.feature-orbit:before { width:390px; height:390px; }
.feature-orbit:after { width:285px; height:285px; border-style:dashed; }
.orbit-core { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; width:210px; height:210px; border-radius:50%; background:white; border:1px solid var(--line); box-shadow:var(--shadow); text-align:center; }
.orbit-mark { margin-bottom:12px; }
.orbit-core strong { font-size:19px; }
.orbit-core small { color:var(--muted); margin-top:4px; }
.orbit-pill { position:absolute; z-index:3; padding:10px 14px; border:1px solid var(--line); border-radius:999px; background:white; box-shadow:0 10px 24px rgba(22,65,102,.09); color:#35576f; font-size:12px; font-weight:900; }
.p1{top:11%;left:27%}.p2{top:24%;right:3%}.p3{top:57%;right:0}.p4{bottom:8%;right:26%}.p5{bottom:17%;left:6%}.p6{top:34%;left:0}
.feature-jumpbar { position:sticky; top:68px; z-index:20; display:flex; gap:8px; padding:12px clamp(16px,4vw,60px); overflow-x:auto; white-space:nowrap; background:rgba(255,255,255,.94); backdrop-filter:blur(16px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.feature-jumpbar a { flex:0 0 auto; padding:8px 12px; border-radius:999px; color:#41627a; background:#f4f8fb; font-size:12px; font-weight:850; }
.feature-jumpbar a:hover { color:var(--blue); background:#e9f4fb; }
.showcase-wrap { background:white; }
.showcase-row { display:grid; grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr); gap:clamp(42px,7vw,100px); align-items:center; max-width:1200px; margin:0 auto; padding:68px 0; border-bottom:1px solid var(--line); scroll-margin-top:150px; }
.showcase-row.reverse .showcase-copy { order:2; }
.showcase-row.reverse .app-window { order:1; }
.feature-kicker { display:inline-block; margin-bottom:10px; color:var(--blue); font-size:12px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.showcase-copy p { font-size:16px; }
.check-list { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:11px; }
.check-list li { position:relative; padding-left:28px; color:#456279; }
.check-list li:before { content:"✓"; position:absolute; left:0; top:-1px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; color:white; background:linear-gradient(135deg,var(--blue),var(--teal)); font-size:11px; font-weight:900; }
.safety-note { margin-top:20px; padding:14px 16px; border-left:4px solid #f0a345; background:#fff9ee; border-radius:0 12px 12px 0; font-size:13px!important; }
.app-window { overflow:hidden; padding:18px; border:1px solid #cfe0ea; border-radius:28px; background:#f7fbfd; box-shadow:0 24px 60px rgba(20,61,96,.13); }
.window-top { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:10px; margin-bottom:16px; color:#294c65; }
.window-top>span { width:12px; height:12px; border-radius:50%; background:linear-gradient(135deg,var(--blue),var(--teal)); }
.window-top strong { font-size:14px; }
.window-top em { font-style:normal; color:#658197; font-size:11px; font-weight:800; }
.photo-placeholder { min-height:210px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border-radius:20px; color:white; background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 26%),linear-gradient(145deg,#0d75c6,#10a99e); }
.plate-icon { display:grid; place-items:center; width:62px; height:62px; margin-bottom:6px; border:2px solid rgba(255,255,255,.8); border-radius:50%; font-size:30px; }
.photo-placeholder small { color:rgba(255,255,255,.8); }
.estimate-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:12px 0; }
.estimate-row>div,.three-stats>div,.report-summary>div { padding:14px; border:1px solid var(--line); border-radius:15px; background:white; }
.estimate-row small,.three-stats small,.report-summary small,.calc-panel small,.bgl-big small,.cgm-reading small { display:block; color:var(--muted); font-size:10px; font-weight:800; }
.estimate-row strong { font-size:20px; }
.mock-button { width:100%; padding:13px; border:0; border-radius:14px; color:white; background:linear-gradient(135deg,var(--blue),var(--teal)); font:inherit; font-weight:900; }
.diary-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.diary-actions b { padding:12px 8px; border:1px solid var(--line); border-radius:13px; background:white; text-align:center; font-size:11px; }
.meal-line { display:flex; justify-content:space-between; padding:14px 16px; margin-top:8px; border-radius:13px; background:white; border:1px solid var(--line); color:#49677c; }
.meal-line.active { border-color:#59b8cb; background:#f0fcfb; color:#176b73; }
.source-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.source-cards>div { display:flex; flex-direction:column; gap:8px; padding:15px 8px; border-radius:14px; color:white; background:linear-gradient(145deg,#147cc9,#13a69f); text-align:center; font-size:18px; }
.source-cards strong { font-size:10px; }
.calc-panel { margin-top:12px; padding:20px; border:1px solid var(--line); border-radius:18px; background:white; }
.calc-panel>strong { display:block; margin:5px 0; font-size:35px; }
.calc-panel hr { border:0; border-top:1px solid var(--line); margin:16px 0; }
.calc-panel span { color:var(--muted); font-size:11px; }
.bgl-big { padding:22px; border-radius:20px; color:white; background:linear-gradient(135deg,#087dc1,#12a99d); }
.bgl-big strong { font-size:54px; letter-spacing:-.05em; }
.bgl-big span { float:right; margin-top:18px; padding:6px 9px; border-radius:999px; background:rgba(255,255,255,.16); font-size:11px; }
.three-stats,.report-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }
.three-stats strong,.report-summary strong { display:block; margin-top:3px; font-size:18px; }
.recent-line { display:flex; justify-content:space-between; margin-top:10px; padding:13px 15px; border-radius:14px; background:#ffeceb; color:#923d3b; font-size:12px; }
.time-event { display:grid; grid-template-columns:45px 10px 1fr; gap:11px; align-items:center; margin:8px 0; padding:12px; border-radius:14px; background:white; border:1px solid var(--line); }
.time-event time { color:var(--muted); font-size:11px; }
.time-event div { display:flex; flex-direction:column; }
.time-event strong { font-size:12px; }.time-event small { color:var(--muted); font-size:10px; }
.dot { width:9px; height:9px; border-radius:50%; }.food{background:#e6a83c}.glucose{background:#1aa49a}.insulin{background:#397fc2}.activity{background:#8d67bf}
.report-chart { width:100%; margin-top:14px; color:var(--blue); }
.cgm-reading { display:flex; align-items:center; justify-content:space-between; padding:22px; border-radius:20px; color:white; background:linear-gradient(135deg,#0577bc,#11aa9f); }
.cgm-reading strong { font-size:56px; letter-spacing:-.05em; }.cgm-reading b { font-size:42px; }
.range-track { height:12px; margin:18px 0 10px; border-radius:999px; background:linear-gradient(90deg,#e76464 0 20%,#e8c554 20% 35%,#55ba79 35% 65%,#e8c554 65% 82%,#e76464 82%); }
.range-track span { display:block; width:14px; height:14px; margin-left:49%; border:3px solid white; border-radius:50%; background:#1d556e; box-shadow:0 2px 7px rgba(0,0,0,.2); transform:translateY(-1px); }
.cgm-caption { display:flex; justify-content:space-between; color:#527086; font-size:12px; }
.search-mock { padding:12px 14px; margin-bottom:10px; border:1px solid var(--line); border-radius:13px; background:white; color:#8398a8; font-size:11px; }
.saved-meal { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; margin-top:8px; border:1px solid var(--line); border-radius:14px; background:white; }
.saved-meal div { display:flex; flex-direction:column; }.saved-meal strong{font-size:12px}.saved-meal small{color:var(--muted);font-size:10px}.saved-meal>span{color:var(--blue);font-size:10px;font-weight:900}
.assistant-card { display:flex; flex-direction:column; gap:5px; padding:20px; border-radius:18px; color:white; background:linear-gradient(135deg,#0879c2,#13a99e); }
.assistant-card small,.assistant-card span{color:rgba(255,255,255,.82)}.assistant-card strong{font-size:22px}.assistant-card span{font-size:11px}
.assistant-tasks { display:grid; gap:8px; margin-top:11px; }.assistant-tasks div{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:white;font-size:11px}.assistant-tasks b{color:var(--teal)}
.ecosystem-band { color:white; background:linear-gradient(135deg,#074d8c,#0879ad 48%,#0b958d); }
.ecosystem-band .section-heading p { color:rgba(255,255,255,.82); }
.device-row { display:flex; justify-content:center; align-items:center; gap:18px; max-width:850px; margin:0 auto; }
.device-card { display:flex; flex-direction:column; align-items:center; min-width:190px; padding:25px 20px; border:1px solid rgba(255,255,255,.18); border-radius:22px; background:rgba(255,255,255,.1); text-align:center; }
.device-card>span { font-size:34px; }.device-card strong{margin-top:8px}.device-card small{margin-top:4px;color:rgba(255,255,255,.7)}.device-arrow{font-size:28px;opacity:.6}
@media(max-width:980px){.feature-hero{grid-template-columns:1fr;text-align:center;min-height:auto}.feature-hero-copy{margin:0 auto}.feature-hero .hero-actions{justify-content:center}.showcase-row,.showcase-row.reverse{grid-template-columns:1fr;gap:32px}.showcase-row.reverse .showcase-copy,.showcase-row.reverse .app-window{order:initial}.showcase-copy{max-width:760px}.product-proof{grid-template-columns:1fr}.feature-orbit{min-height:440px}.device-row{flex-wrap:wrap}.device-arrow{display:none}}
@media(max-width:680px){.feature-jumpbar{top:68px}.feature-hero{padding-top:58px}.feature-orbit{min-height:360px;transform:scale(.86);margin:-25px -30px}.feature-orbit:before{width:340px;height:340px}.feature-orbit:after{width:245px;height:245px}.orbit-core{width:180px;height:180px}.showcase-row{padding:50px 0;scroll-margin-top:132px}.app-window{padding:14px;border-radius:22px}.source-cards{grid-template-columns:1fr}.source-cards>div{flex-direction:row;align-items:center;text-align:left}.three-stats,.report-summary{grid-template-columns:1fr 1fr}.three-stats>div:last-child,.report-summary>div:last-child{grid-column:1/-1}.bgl-big strong,.cgm-reading strong{font-size:44px}.device-row{display:grid;grid-template-columns:1fr}.device-card{min-width:0;width:100%}.section-action-row .button{width:100%}}


/* Website Part 3 — Pricing + Subscription Plans */
.nav-active { color: var(--blue)!important; }
.section-action-row { display:flex; justify-content:center; margin-top:30px; }
.text-link { color:var(--blue); font-weight:900; }
.pricing-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:clamp(40px,7vw,90px); align-items:center; min-height:620px; background:radial-gradient(circle at 80% 18%,rgba(16,168,154,.15),transparent 30%),radial-gradient(circle at 16% 0,rgba(11,107,203,.12),transparent 30%),linear-gradient(180deg,#fbfdff,#f3faff); }
.pricing-hero-copy { max-width:760px; }
.pricing-preview-card { padding:34px; border:1px solid #cfe0ea; border-radius:30px; background:white; box-shadow:0 28px 70px rgba(22,65,102,.13); }
.preview-label { display:inline-flex; padding:7px 11px; border-radius:999px; color:var(--blue-dark); background:#eaf5ff; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.pricing-preview-card>strong { display:block; margin:18px 0 6px; font-size:clamp(34px,4vw,52px); letter-spacing:-.045em; }
.preview-row { display:flex; justify-content:space-between; gap:20px; padding:16px 0; border-top:1px solid var(--line); color:#466278; }
.preview-row b { color:var(--ink); }
.plan-comparison-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; max-width:960px; margin:0 auto; }
.subscription-card { position:relative; padding:34px; border:1px solid var(--line); border-radius:28px; background:white; box-shadow:0 14px 42px rgba(22,65,102,.07); }
.subscription-card-featured { border:2px solid #4fb6ce; box-shadow:0 28px 64px rgba(11,107,203,.15); }
.subscription-price { margin:20px 0 12px; font-size:46px; font-weight:900; letter-spacing:-.045em; }
.subscription-price small { font-size:15px; color:var(--muted); letter-spacing:0; }
.plan-list { display:grid; gap:12px; padding:0; margin:24px 0 28px; list-style:none; color:#3f5d73; }
.plan-list li { position:relative; padding-left:26px; line-height:1.45; }
.plan-list li:before { content:'✓'; position:absolute; left:0; color:var(--teal); font-weight:900; }
.pricing-disclaimer { max-width:880px; margin:28px auto 0; text-align:center; font-size:12px; }
.premium-value-band { color:white; background:linear-gradient(135deg,#064f92,#087db1 48%,#0b978e); }
.premium-value-band .section-heading p { color:rgba(255,255,255,.8); }
.premium-value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; max-width:1100px; margin:0 auto; }
.premium-value-grid>div { display:flex; flex-direction:column; min-height:160px; padding:24px; border:1px solid rgba(255,255,255,.18); border-radius:22px; background:rgba(255,255,255,.1); }
.premium-value-grid span { font-size:25px; }
.premium-value-grid strong { margin-top:15px; font-size:17px; }
.premium-value-grid small { margin-top:6px; color:rgba(255,255,255,.72); line-height:1.45; }
.launch-roadmap { background:#f7fbff; }
.launch-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; max-width:1180px; margin:0 auto; }
.launch-grid article { padding:25px; border:1px solid var(--line); border-radius:22px; background:white; }
.launch-step { display:grid; place-items:center; width:42px; height:42px; margin-bottom:22px; border-radius:13px; color:white; background:linear-gradient(135deg,var(--blue),var(--teal)); font-size:12px; font-weight:900; }
.launch-grid article p { margin-bottom:0; font-size:14px; }
.store-status-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-width:900px; margin:42px auto 0; }
.store-status-row>div { display:grid; grid-template-columns:auto 1fr; column-gap:12px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:18px; background:white; }
.store-status-row>div>span { grid-row:1/3; display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#edf7ff; color:var(--blue); font-size:20px; }
.store-status-row small { color:var(--muted); }
.faq-list { display:grid; gap:12px; max-width:920px; margin:0 auto; }
.faq-list details { padding:0 22px; border:1px solid var(--line); border-radius:18px; background:white; }
.faq-list summary { cursor:pointer; padding:20px 30px 20px 0; font-weight:900; color:#294c65; }
.faq-list details p { padding:0 0 20px; margin:0; }
.pricing-safety { background:linear-gradient(135deg,#0a5fae 0%,#087aab 45%,#0f9f94 100%); }
@media(max-width:980px){.pricing-hero{grid-template-columns:1fr;min-height:auto;text-align:center}.pricing-hero-copy{margin:0 auto}.pricing-hero .hero-actions,.pricing-hero .hero-trust{justify-content:center}.pricing-preview-card{max-width:600px;margin:0 auto}.launch-grid{grid-template-columns:repeat(2,1fr)}.premium-value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.plan-comparison-grid,.premium-value-grid,.launch-grid,.store-status-row{grid-template-columns:1fr}.subscription-card,.pricing-preview-card{padding:24px}.subscription-price{font-size:40px}.preview-row{font-size:13px}.pricing-hero{padding-top:72px}}


/* Website Part 4 — Support, FAQ & Contact Centre */
.support-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr); gap:clamp(40px,7vw,90px); align-items:center; min-height:600px; background:radial-gradient(circle at 84% 18%,rgba(17,169,158,.15),transparent 30%),radial-gradient(circle at 12% 6%,rgba(11,107,203,.11),transparent 32%),linear-gradient(180deg,#fbfdff,#f4faff); }
.support-hero-copy { max-width:760px; }
.support-search { display:flex; align-items:center; gap:12px; max-width:650px; padding:13px 16px; margin:28px 0 18px; border:1px solid #c9dce8; border-radius:16px; background:white; box-shadow:0 12px 34px rgba(29,80,117,.08); }
.support-search>span { color:var(--blue); font-size:26px; line-height:1; }
.support-search input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; font:inherit; font-size:15px; }
.support-search input::placeholder { color:#8197a8; }
.support-status-card { padding:30px; border:1px solid #cfe0ea; border-radius:30px; background:white; box-shadow:0 28px 70px rgba(22,65,102,.13); }
.support-status-card>strong { display:block; margin:18px 0 8px; font-size:26px; letter-spacing:-.03em; }
.support-mini-row { display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:center; padding:15px 0; border-top:1px solid var(--line); }
.support-mini-row>span { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:var(--blue); background:#edf7ff; font-weight:900; }
.support-mini-row div { display:flex; flex-direction:column; gap:3px; }.support-mini-row small{color:var(--muted)}
.support-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; max-width:1180px; margin:0 auto; }
.support-category { display:flex; flex-direction:column; min-height:190px; padding:24px; border:1px solid var(--line); border-radius:22px; color:var(--ink); background:white; text-decoration:none; box-shadow:0 12px 34px rgba(22,65,102,.06); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.support-category:hover { transform:translateY(-3px); border-color:#9ecfe2; box-shadow:0 18px 40px rgba(22,65,102,.11); }
.support-category>span { display:grid; place-items:center; width:42px; height:42px; margin-bottom:26px; border-radius:13px; color:white; background:linear-gradient(135deg,var(--blue),var(--teal)); font-size:12px; font-weight:900; }
.support-category strong { font-size:17px; }.support-category small { margin-top:7px; color:var(--muted); line-height:1.45; }
.support-category[hidden] { display:none!important; }
.support-no-results { max-width:760px; margin:26px auto 0; padding:18px; border:1px dashed #aac7d8; border-radius:16px; text-align:center; color:var(--muted); background:white; }
.support-guides { background:#fff; }
.support-faq details { scroll-margin-top:105px; }
.contact-centre { background:#f6fbff; }
.contact-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.8fr); gap:34px; max-width:1080px; margin:0 auto; padding:38px; border:1px solid var(--line); border-radius:30px; background:white; box-shadow:0 24px 60px rgba(22,65,102,.09); }
.contact-copy h2 { margin-bottom:12px; }.contact-copy p{max-width:650px}.contact-note{display:block;margin-top:13px;color:var(--muted)}
.contact-checklist { display:grid; gap:10px; align-content:start; padding:22px; border-radius:22px; background:#f3f9fd; }
.contact-checklist>strong { margin-bottom:4px; font-size:17px; }
.contact-checklist>div { display:grid; grid-template-columns:30px 1fr; gap:10px; align-items:start; padding:11px 0; border-top:1px solid #dbe9f1; }
.contact-checklist>div>span { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:white; background:var(--teal); font-size:12px; font-weight:900; }
.contact-checklist p { display:flex; flex-direction:column; margin:0; }.contact-checklist small{margin-top:2px;color:var(--muted)}
.support-safety-band { color:white; background:linear-gradient(135deg,#074e8d,#0879ab 47%,#0c978f); }
@media(max-width:980px){.support-hero{grid-template-columns:1fr;min-height:auto}.support-hero-copy{margin:0 auto;text-align:center}.support-search{margin-left:auto;margin-right:auto}.support-hero .hero-trust{justify-content:center}.support-status-card{max-width:650px;margin:0 auto}.support-category-grid{grid-template-columns:repeat(2,1fr)}.contact-panel{grid-template-columns:1fr}}
@media(max-width:680px){.support-hero{padding-top:72px}.support-category-grid{grid-template-columns:1fr}.support-category{min-height:0}.contact-panel{padding:24px}.support-search{padding:11px 13px}.support-status-card{padding:24px}}


/* Website Part 5 — Privacy, Terms & Subscription Terms */
.legal-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(36px,7vw,84px);align-items:center;min-height:540px;background:radial-gradient(circle at 84% 12%,rgba(17,169,158,.13),transparent 31%),radial-gradient(circle at 8% 4%,rgba(11,107,203,.1),transparent 30%),linear-gradient(180deg,#fbfdff,#f5faff)}
.legal-hero-copy{max-width:800px}.legal-hero h1{max-width:820px}.legal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.legal-meta span{display:flex;gap:6px;padding:8px 11px;border:1px solid #d4e3ec;border-radius:999px;color:#567085;background:#fff;font-size:12px}.legal-meta strong{color:#294d67}
.legal-review-card{padding:30px;border:1px solid #cfe0ea;border-radius:28px;background:#fff;box-shadow:0 24px 64px rgba(22,65,102,.12)}.legal-review-card>strong{display:block;margin:17px 0 9px;font-size:25px;letter-spacing:-.025em}.legal-review-card p{font-size:14px}
.legal-layout{display:grid;grid-template-columns:250px minmax(0,820px);gap:50px;justify-content:center;align-items:start}.legal-toc{position:sticky;top:100px;display:grid;gap:5px;padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(22,65,102,.05)}.legal-toc>strong{margin-bottom:7px;color:#294d67}.legal-toc a{padding:8px 10px;border-radius:9px;color:#60798c;text-decoration:none;font-size:13px;font-weight:750}.legal-toc a:hover{color:var(--blue);background:#edf7ff}
.legal-document{min-width:0}.legal-section{scroll-margin-top:100px;padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid #dce8ef}.legal-number{display:inline-flex;margin-bottom:10px;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.legal-section h2{margin:0 0 14px;color:#1f425b;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}.legal-section p{color:#4d687c;line-height:1.76}.legal-section ul{display:grid;gap:9px;margin:18px 0;padding-left:23px;color:#4d687c;line-height:1.65}.legal-section a{color:var(--blue);font-weight:800}.legal-end-note{padding:21px;border:1px solid #b8d7e4;border-radius:18px;color:#3e6075;background:#eef9fc;line-height:1.6}.legal-end-note strong{color:#17546e}
@media(max-width:980px){.legal-hero{grid-template-columns:1fr;min-height:auto}.legal-hero-copy{text-align:center;margin:auto}.legal-meta{justify-content:center}.legal-review-card{max-width:680px;margin:auto}.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;width:100%;margin:auto}.legal-toc>strong{grid-column:1/-1}}
@media(max-width:680px){.legal-hero{padding-top:72px}.legal-review-card{padding:24px}.legal-meta{display:grid;grid-template-columns:1fr}.legal-meta span{justify-content:center}.legal-toc{grid-template-columns:1fr 1fr;padding:14px}.legal-section{padding-bottom:28px;margin-bottom:28px}}


/* Website Part 6 — App Download + Account Sign-In + Subscription Checkout */
.mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.mobile-menu-actions .button{width:100%}
.part6-hero,.account-hero,.checkout-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);gap:clamp(40px,7vw,92px);align-items:center;background:radial-gradient(circle at 82% 12%,rgba(16,168,154,.14),transparent 29%),radial-gradient(circle at 18% 0%,rgba(11,107,203,.12),transparent 31%),linear-gradient(180deg,#fbfdff,#f4faff)}
.part6-hero-copy,.account-copy,.checkout-copy{max-width:760px}.download-preview-card,.account-gateway-card,.checkout-summary-card{padding:30px;border:1px solid #cfe0ea;border-radius:28px;background:white;box-shadow:var(--shadow)}
.download-preview-card>strong{display:block;margin:12px 0 8px;font-size:27px}.connection-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.connection-row>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--blue);font-weight:900}.connection-row div{display:flex;flex-direction:column}.connection-row small{margin-top:3px;color:var(--muted)}
.platform-grid,.purchase-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}.platform-card,.purchase-channel-grid article{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:25px;background:white;box-shadow:0 12px 34px rgba(22,65,102,.07)}.platform-card.recommended-platform{border:2px solid #5ab4d5;box-shadow:0 22px 50px rgba(11,107,203,.13)}.platform-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:17px;color:white;background:linear-gradient(135deg,var(--blue),var(--teal));font-size:24px;font-weight:900}.platform-kicker{color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.platform-card p,.purchase-channel-grid article p{flex:1}.platform-note{display:block;margin-top:11px;color:var(--muted);line-height:1.5}.config-button.is-pending{cursor:not-allowed;opacity:.7;transform:none!important}.config-button.is-ready{cursor:pointer}.button-outline-light{color:white;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.07)}
.account-bridge-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:clamp(36px,6vw,80px);align-items:center;color:white;background:linear-gradient(135deg,#064c90,#087daf 55%,#0b958d)}.account-bridge-band p{color:rgba(255,255,255,.82)}.bridge-steps{display:grid;gap:12px}.bridge-steps>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:17px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.09)}.bridge-steps span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:white;color:var(--blue);font-weight:900}.bridge-steps small{color:rgba(255,255,255,.75)}
.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto}.readiness-grid>div{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#f9fcff}.readiness-grid b{color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.readiness-grid small{color:var(--muted);line-height:1.5}
.account-gateway-card h2{font-size:32px}.account-gateway-card .button{margin-top:10px}.account-text-link{display:block;margin:18px auto 0;text-align:center;color:var(--blue);font-weight:850}.secure-note{display:grid;grid-template-columns:26px 1fr;gap:9px;margin-top:22px;padding:15px;border-radius:16px;background:#eff8ff}.secure-note span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:white;background:var(--teal);font-size:11px;font-weight:900}.secure-note p{margin:0;font-size:12px;line-height:1.55}.account-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto}.account-action-grid article{padding:26px;border:1px solid var(--line);border-radius:23px;background:#fbfdff}.account-action-grid article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border-radius:13px;color:white;background:linear-gradient(135deg,var(--blue),var(--teal));font-size:11px;font-weight:900}.account-action-grid a{color:var(--blue);font-weight:850}.account-mini-card{padding:26px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(255,255,255,.1)}.account-mini-card span,.account-mini-card small{display:block}.account-mini-card span{color:#d9f9f5;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.account-mini-card strong{display:block;margin:9px 0;font-size:28px}.account-mini-card small{color:rgba(255,255,255,.78);line-height:1.6}.account-mini-card a{display:inline-block;margin-top:16px;color:white;font-weight:900}
.plan-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin:18px 0;border-radius:14px;background:#eef5fa}.plan-toggle button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#456279;font:inherit;font-weight:900;cursor:pointer}.plan-toggle button.is-active{color:white;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 7px 16px rgba(11,107,203,.16)}.checkout-price{display:flex;align-items:end;gap:8px;margin:16px 0}.checkout-price strong{font-size:50px;letter-spacing:-.05em}.checkout-price span{padding-bottom:8px;color:var(--muted);font-weight:750}.checkout-includes{display:grid;gap:8px;margin-top:18px;color:#456279;font-size:13px;font-weight:750}.web-checkout-card{border:2px solid #66bdd4!important}.purchase-channel-grid article small{margin-top:10px;color:var(--muted)}.checkout-legal{max-width:900px;margin:28px auto 0;padding:17px 20px;border:1px solid var(--line);border-radius:17px;background:#f6faff;text-align:center}.checkout-legal p{margin:0;font-size:13px}.checkout-legal a{color:var(--blue);font-weight:850}.checkout-flow-band{color:white;background:linear-gradient(135deg,#064b8e,#0875ad 52%,#0e9c92)}.checkout-flow-band .section-heading p{color:rgba(255,255,255,.8)}.checkout-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto}.checkout-flow>div{padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.08)}.checkout-flow span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:12px;background:white;color:var(--blue);font-weight:900}.checkout-flow strong,.checkout-flow small{display:block}.checkout-flow small{margin-top:8px;color:rgba(255,255,255,.72);line-height:1.55}.checkout-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:42px;align-items:center;max-width:1100px;margin:0 auto}.checkout-warning{padding:24px;border-left:5px solid #f2a74a;border-radius:0 18px 18px 0;background:#fff8eb}.checkout-warning p{margin:8px 0 0}.pricing-legal-ack{max-width:900px;margin:20px auto 0;padding:15px 18px;border:1px solid var(--line);border-radius:15px;background:white;color:var(--muted);font-size:13px;line-height:1.65;text-align:center}.pricing-legal-ack a{color:var(--blue);font-weight:850}.part6-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.part6-shortcuts a{display:flex;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd}.part6-shortcuts small{margin-top:4px;color:var(--blue)}
@media(max-width:980px){.part6-hero,.account-hero,.checkout-hero,.account-bridge-band{grid-template-columns:1fr}.platform-grid,.purchase-channel-grid,.account-action-grid{grid-template-columns:1fr 1fr}.readiness-grid,.checkout-flow{grid-template-columns:1fr 1fr}.checkout-bottom-grid{grid-template-columns:1fr}.part6-shortcuts{grid-template-columns:1fr}}
@media(max-width:680px){.mobile-menu-actions{grid-template-columns:1fr}.platform-grid,.purchase-channel-grid,.account-action-grid,.readiness-grid,.checkout-flow{grid-template-columns:1fr}.download-preview-card,.account-gateway-card,.checkout-summary-card{padding:22px}.checkout-price strong{font-size:44px}.account-bridge-band{padding-left:18px;padding-right:18px}}


/* Production branding + confirmed domain/email identity */
.brand-mark-image { padding:0; background:transparent; box-shadow:none; overflow:visible; }
.brand-mark-img { display:block; width:100%; height:100%; object-fit:contain; }
.site-header .brand-mark-image { width:50px; height:50px; }
.site-footer .brand-mark-image.small-mark { width:44px; height:44px; }
.orbit-core .brand-mark-image { width:58px; height:58px; }
.footer-links { grid-template-columns:repeat(4,minmax(0,1fr)); }
.official-brand-showcase { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); gap:clamp(36px,7vw,90px); align-items:center; background:white; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.official-brand-media { max-width:520px; margin:0 auto; padding:18px; border-radius:32px; background:#fff; box-shadow:0 22px 60px rgba(18,61,98,.1); border:1px solid var(--line); }
.official-brand-media img { display:block; width:100%; height:auto; border-radius:20px; }
.official-brand-copy { max-width:690px; }
.brand-pillars { display:flex; flex-wrap:wrap; gap:9px; margin:22px 0 14px; }
.brand-pillars span { padding:9px 13px; border:1px solid #cfe1ee; border-radius:999px; color:#234f70; background:#f5fbff; font-size:12px; font-weight:900; }
.contact-email-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.contact-addresses { display:grid; gap:8px; margin-top:17px; }
.contact-addresses span { display:flex; flex-wrap:wrap; gap:8px 12px; color:var(--muted); font-size:13px; }
.contact-addresses a { color:var(--blue-dark); font-weight:850; }
@media(max-width:980px){
  .official-brand-showcase { grid-template-columns:1fr; }
  .official-brand-media { max-width:430px; }
  .footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px){
  .site-header .brand-mark-image { width:43px; height:43px; }
  .official-brand-media { max-width:330px; padding:12px; border-radius:24px; }
  .footer-links { grid-template-columns:1fr; }
  .contact-email-actions { flex-direction:column; }
  .contact-email-actions .button { width:100%; }
}


/* =========================================================
   V2.11.0 Part 1H.1 — Website pricing & checkout connection
   ========================================================= */
.website-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;max-width:1240px;margin:0 auto}
.website-plan-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 14px 42px rgba(22,65,102,.07)}
.website-plan-card.featured-plan{border:2px solid #4fb6ce;box-shadow:0 28px 64px rgba(11,107,203,.15)}
.website-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.website-plan-head h3{margin-bottom:0}
.website-plan-pill{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#e8f8ef;color:#187541;font-size:11px;font-weight:900}
.website-plan-pill.neutral{background:#eef3f7;color:#60788b}
.website-plan-pill.featured{background:#e7f4ff;color:#0b6bcb}
.website-plan-card .subscription-price{margin-top:18px}
.website-plan-card .price-checkout{display:flex;min-height:65px;flex-direction:column;justify-content:center;gap:2px;font-size:26px;line-height:1.05}
.website-plan-card .price-checkout small{margin-left:0}
.website-feature-list{display:grid;gap:10px;margin:22px 0 26px;padding:0;list-style:none}
.website-feature-list li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:9px;color:#456176;font-size:13px;line-height:1.4}
.website-feature-list li span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;font-size:11px;font-weight:950}
.website-feature-list li.included span{background:#e8f8ef;color:#16804a}
.website-feature-list li.excluded{color:#7d4b56}
.website-feature-list li.excluded span{background:#ffe9eb;color:#b52c38}
.website-plan-card>.button{margin-top:auto}
.checkout-connection-band{color:#fff;background:linear-gradient(135deg,#063e79,#0879bd 55%,#0c9b91)}
.checkout-connection-band .section-heading p{color:rgba(255,255,255,.82)}
.checkout-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto}
.checkout-flow-grid article{padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.09)}
.checkout-flow-grid article>span{display:grid;width:38px;height:38px;place-items:center;margin-bottom:14px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:900}
.checkout-flow-grid h3{color:#fff}
.checkout-flow-grid p{margin-bottom:0;color:rgba(255,255,255,.79);font-size:13px}
.home-pricing-three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px}
.home-recurring-price{display:flex;flex-direction:column;gap:3px;font-size:25px;line-height:1.05}
.home-recurring-price small{margin-left:0}
@media(max-width:1050px){.website-plan-grid{grid-template-columns:1fr;max-width:720px}.checkout-flow-grid,.home-pricing-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.website-plan-card{padding:24px}.website-plan-head{flex-direction:column}.checkout-flow-grid,.home-pricing-three{grid-template-columns:1fr}}

/* V2.11.0 Part 1H.1.1 — Yearly Best Value badge spacing fix */
.website-plan-card.featured-plan > .recommended {
  top: -14px;
  right: 20px;
  z-index: 2;
  box-shadow: 0 7px 18px rgba(11, 107, 203, 0.16);
}

@media(max-width:680px) {
  .website-plan-card.featured-plan > .recommended {
    top: -13px;
    right: 18px;
  }
}


/* =========================================================
   CarbCheckBuddy Website — GLOBAL PHONE MENU FIX
   Applies to every page using the shared header.
   The phone menu becomes a second header row and does not
   sit over page content.
   ========================================================= */
@media (max-width: 680px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 68px !important;
    height: auto !important;
    padding: 10px 16px !important;
    overflow: visible !important;
    background: rgba(255,255,255,.98) !important;
  }

  .site-header > .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .site-header > .header-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  .site-header > .mobile-menu {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    max-height: min(560px, calc(100svh - 88px)) !important;
    margin: 10px 0 0 !important;
    padding: 14px !important;
    overflow-y: auto !important;
    transform: none !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(23,67,105,.12) !important;
  }

  .site-header > .mobile-menu[hidden] {
    display: none !important;
  }

  .site-header > .mobile-menu:not([hidden]) {
    display: flex !important;
  }

  .site-header > .mobile-menu > a:not(.button) {
    display: block !important;
    padding: 11px 10px !important;
  }

  .site-header > .mobile-menu .mobile-menu-actions {
    grid-template-columns: 1fr !important;
  }

  body.mobile-menu-open {
    overflow-x: hidden !important;
  }
}

/* =========================================================
   Website Visual Refresh — realistic CarbCheckBuddy phone
   ========================================================= */
.hero-visual-real {
  min-height: 640px;
  display: grid;
  place-items: center;
}
.hero-real-phone {
  width: min(620px, 100%);
  margin: 0;
  text-align: center;
}
.hero-real-phone img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 720px;
  object-fit: contain;
  border-radius: 34px;
  box-shadow: 0 32px 80px rgba(20,58,92,.16);
}
.hero-real-phone figcaption {
  max-width: 560px;
  margin: 14px auto 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 980px) {
  .hero-visual-real { min-height: auto; }
  .hero-real-phone { width: min(560px, 92vw); }
}
@media (max-width: 680px) {
  .hero-real-phone { width: 100%; }
  .hero-real-phone img { border-radius: 24px; box-shadow: 0 20px 48px rgba(20,58,92,.14); }
  .hero-real-phone figcaption { padding: 0 8px; }
}


/* ==========================================================================
   CarbCheckBuddy Website Visual Refresh Part 2
   Scanners + updated feature cards + official store badges + website login
   ========================================================================== */
.homepage-showcase-section{overflow:hidden}
.homepage-showcase-media,
.feature-showcase-hero-media{
  max-width:1280px;
  margin:28px auto 0;
}
.homepage-showcase-media img,
.feature-showcase-hero-media img,
.feature-visual-image img,
.download-hero-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:30px;
  box-shadow:0 24px 60px rgba(18,70,108,.14);
}
.feature-showcase-hero{
  padding-top:70px;
  background:
    radial-gradient(circle at 85% 15%,rgba(20,184,166,.12),transparent 34%),
    radial-gradient(circle at 10% 20%,rgba(23,111,230,.10),transparent 30%),
    #f7fbfe;
}
.feature-showcase-hero .section-heading{max-width:900px}
.feature-showcase-hero h1{font-size:clamp(42px,5.5vw,76px);line-height:.98}
.feature-visual-row{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:48px;
  align-items:center;
}
.feature-visual-row.reverse-row{
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
}
.feature-visual-row.reverse-row .feature-visual-copy{order:2}
.feature-visual-row.reverse-row .feature-visual-image{order:1}
.feature-visual-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.02;margin:10px 0 18px}
.feature-visual-copy p{font-size:17px;line-height:1.75;color:var(--muted)}
.feature-chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.feature-chip-row span{
  padding:9px 12px;
  border:1px solid #cfe2ee;
  border-radius:999px;
  background:#fff;
  color:#284b64;
  font-size:12px;
  font-weight:900;
}
.updated-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  max-width:1180px;
  margin:32px auto 0;
}
.updated-feature-grid article{
  padding:24px;
  border:1px solid #d8e6ef;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 30px rgba(18,70,108,.07);
}
.updated-feature-grid h3{margin:12px 0 8px}
.updated-feature-grid p{margin:0;color:var(--muted);line-height:1.6}
.updated-feature-icon{
  display:grid;
  width:46px;height:46px;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#e9f5ff,#e4fbf6);
  color:#0874d1;
  font-weight:950;
}

.platform-access-band{background:#f7fbfe}
.platform-choice-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  max-width:1180px;
  margin:32px auto 0;
}
.platform-choice-card{
  position:relative;
  display:flex;
  min-height:220px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:15px;
  padding:28px;
  border:1px solid #d8e6ef;
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 34px rgba(18,70,108,.08);
  text-align:center;
}
.platform-choice-card.recommended-platform{
  border-color:#28a9d6;
  box-shadow:0 16px 38px rgba(17,140,199,.14);
}
.platform-card-kicker{
  color:#0b6bcb;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.official-badge-wrap{min-height:72px;display:grid;place-items:center}
.store-badge-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
}
.store-badge-link.is-pending{cursor:default}
.official-store-badge{
  display:block;
  width:auto;
  max-width:220px;
  height:64px;
  object-fit:contain;
}
.official-store-badge.apple-badge{height:58px}
.official-store-badge.google-badge{height:72px}
.store-launch-state{
  color:#6a7f90;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.store-launch-state.ready-state{color:#16804a}
.web-login-card{background:linear-gradient(145deg,#ffffff,#f2f9ff)}
.web-login-button{
  width:100%;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:13px 15px;
  border:1px solid #bcd7e9;
  border-radius:15px;
  background:#fff;
  color:#102f47;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(18,70,108,.07);
  text-align:left;
}
.web-login-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(18,70,108,.10)}
.web-login-icon{
  display:grid;width:46px;height:46px;place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#0b79dc,#0cb6a4);
}
.web-login-icon svg{
  width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round
}
.web-login-button strong{display:block;font-size:16px}
.web-login-button small{display:block;margin-top:2px;color:#6a7f90;font-size:11px}
.web-login-arrow{font-size:24px;color:#0874d1}

.download-hero{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:46px;
  align-items:center;
  min-height:680px;
  background:
    radial-gradient(circle at 80% 20%,rgba(20,184,166,.12),transparent 34%),
    radial-gradient(circle at 8% 18%,rgba(23,111,230,.10),transparent 30%),
    #f7fbfe;
}
.download-hero h1{font-size:clamp(44px,6vw,78px);line-height:.98}
.download-hero-media img{max-height:700px;object-fit:contain}
.device-recommendation{
  margin:20px 0 0;
  padding:12px 14px;
  border:1px solid #cfe2ee;
  border-radius:14px;
  background:#fff;
  color:#284b64;
  font-size:13px;
  font-weight:850;
}
.download-launch-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  max-width:1180px;
  margin:0 auto;
}
.download-launch-grid article{
  padding:24px;
  border:1px solid #d8e6ef;
  border-radius:22px;
  background:#fff;
}
.download-launch-grid article>span{
  display:grid;width:38px;height:38px;place-items:center;
  margin-bottom:14px;border-radius:12px;
  background:#eaf6ff;color:#0874d1;font-weight:950
}
.download-launch-grid p{color:var(--muted);line-height:1.65}
.feature-download-preview{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:42px;
  align-items:center;
}

@media(max-width:980px){
  .feature-visual-row,
  .feature-visual-row.reverse-row,
  .download-hero,
  .feature-download-preview{
    grid-template-columns:1fr;
  }
  .feature-visual-row.reverse-row .feature-visual-copy,
  .feature-visual-row.reverse-row .feature-visual-image{order:initial}
  .updated-feature-grid,
  .platform-choice-grid,
  .download-launch-grid{grid-template-columns:1fr 1fr}
  .download-hero{min-height:auto}
}
@media(max-width:680px){
  .feature-showcase-hero h1,
  .download-hero h1{font-size:clamp(38px,12vw,54px)}
  .feature-visual-row{gap:24px}
  .feature-visual-image img,
  .feature-showcase-hero-media img,
  .homepage-showcase-media img{border-radius:20px}
  .updated-feature-grid,
  .platform-choice-grid,
  .download-launch-grid{grid-template-columns:1fr}
  .platform-choice-card{min-height:205px;padding:22px}
  .official-store-badge{max-width:205px}
}

/* ==========================================================================
   Visual Refresh Part 2.1 — Local App Store / Google Play Badges + AI Scanner
   ========================================================================== */
.official-store-badge{
  display:block;
  width:min(100%,220px)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
}
.official-store-badge.apple-badge,
.official-store-badge.google-badge{
  height:auto!important;
}
.store-badge-link.is-pending{
  opacity:1!important;
}
.website-ai-scanner-band,
.download-ai-scanner-showcase{
  overflow:hidden;
}
.website-ai-scanner-band{
  background:
    radial-gradient(circle at 80% 15%,rgba(20,184,166,.10),transparent 34%),
    #fff;
}
.download-ai-scanner-showcase{
  background:
    radial-gradient(circle at 15% 20%,rgba(23,111,230,.08),transparent 30%),
    #fff;
}
@media(max-width:680px){
  .official-store-badge{
    width:min(100%,260px)!important;
  }
}

/* ================================================================
   Final Website Launch Readiness — accurate, screenshot-free visuals
   ================================================================ */
.launch-storyboard{
  background:linear-gradient(145deg,#f3fbff 0%,#eef6ff 54%,#edfcfa 100%);
  border:1px solid #c5e4ed;border-radius:30px;box-shadow:0 28px 65px rgba(15,74,118,.12);
  padding:clamp(20px,4vw,42px);max-width:1100px;margin-inline:auto;color:#13314a;
}
.launch-storyboard-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.launch-storyboard-tag{font-size:12px;font-weight:950;letter-spacing:.11em;color:#0753a4}
.launch-storyboard-status{padding:7px 11px;border-radius:999px;background:white;color:#117471;font-size:10px;font-weight:900;letter-spacing:.07em;border:1px solid #d1eaf1}
.launch-storyboard-lead{margin:22px 0;display:flex;flex-direction:column;gap:4px;line-height:1.06}
.launch-storyboard-lead span{color:#496b83;font-size:clamp(20px,2.8vw,31px);font-weight:700}
.launch-storyboard-lead strong{font-size:clamp(29px,3.4vw,47px);letter-spacing:-.04em}
.launch-storyboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.launch-storyboard-grid article{background:white;border:1px solid #dcecf3;border-radius:19px;padding:21px 18px;min-width:0;box-shadow:0 8px 18px rgba(21,75,117,.04)}
.launch-storyboard-index{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#e4f4fc;color:#0874ba;font-size:12px;font-weight:950;margin-bottom:12px}
.launch-storyboard-grid h3{font-size:18px;letter-spacing:-.015em;margin:0 0 8px;color:#0d304b}
.launch-storyboard-grid p{font-size:13px;line-height:1.6;color:#547084;margin:0}
.launch-storyboard-note{font-size:11px;color:#527489;line-height:1.6;margin:15px 0 0}
.launch-storyboard-wide .launch-storyboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.launch-storyboard-wide .launch-storyboard-lead{flex-direction:row;flex-wrap:wrap;gap:12px}
.launch-process-panel{width:100%;border:1px solid #c5e4ed;border-radius:28px;background:linear-gradient(145deg,#ecf9ff,#e8f5ff 65%,#e7fbf6);padding:clamp(20px,4vw,38px);box-shadow:0 24px 60px rgba(18,70,108,.10)}
.launch-process-heading{font-size:12px;letter-spacing:.1em;font-weight:950;color:#0578a5;margin-bottom:20px}
.launch-process-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;background:white;border:1px solid #d7e9f1;border-radius:17px;padding:15px 17px;margin-bottom:12px}
.launch-process-step>span{background:#0b79c0;color:white;border-radius:11px;width:34px;height:34px;display:grid;place-items:center;font-size:13px;font-weight:900}
.launch-process-step strong{display:block;color:#0e3854;font-size:16px;margin-bottom:4px}
.launch-process-step p{margin:0;color:#547084;font-size:13px;line-height:1.55}
.launch-process-note{font-size:11px;color:#55788c;margin-top:16px;line-height:1.55}
.launch-storyboard-hero{max-width:640px}
.hero-visual-real{min-height:auto;display:block}
.homepage-showcase-media .launch-storyboard{max-width:1200px}
@media(max-width:900px){
 .launch-storyboard-wide .launch-storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 .launch-storyboard{border-radius:22px;padding:18px}
 .launch-storyboard-grid,.launch-storyboard-wide .launch-storyboard-grid{grid-template-columns:1fr}
 .launch-storyboard-grid article{padding:16px}
 .launch-storyboard-lead{margin:15px 0}
 .launch-storyboard-status{font-size:9px}
 .launch-process-panel{border-radius:20px}
}


/* ===============================================================
   Real App Screens — dual-pathway website refresh, 13 Oct 2026
   Imagery consists of authentic current app screenshots only.
   =============================================================== */
.dual-path-hero{display:block;min-height:0;padding-top:clamp(45px,6vw,86px);padding-bottom:clamp(62px,7vw,96px);background:radial-gradient(circle at 10% 10%,rgba(7,111,218,.10),transparent 31%),radial-gradient(circle at 92% 20%,rgba(22,189,165,.13),transparent 36%),linear-gradient(160deg,#f7fbff,#eff8fc 58%,#f6fcfb)}
.dual-path-intro{text-align:center;max-width:1040px;margin:0 auto 44px}
.dual-path-intro h1{max-width:990px;margin:18px auto 17px;font-size:clamp(42px,5.25vw,73px);line-height:1.04}
.dual-path-intro h1 span{color:#097bb7}
.dual-path-lead{font-size:clamp(16px,1.8vw,21px);line-height:1.65;max-width:830px;margin:0 auto;color:#526b80}
.dual-path-lead strong{color:#1b4766}
.dual-path-hero-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
.dual-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1550px;margin:auto}
.path-panel{min-width:0;display:flex;flex-direction:column;gap:19px;padding:clamp(20px,2.5vw,35px);border:1px solid #cfe4ed;border-radius:31px;box-shadow:0 24px 56px rgba(29,70,115,.09);background:linear-gradient(155deg,#eafff5 0%,#f7fffb 43%,#fff 100%)}
.path-diabetes{background:linear-gradient(155deg,#eaf3ff 0%,#f5faff 43%,#fff 100%);border-color:#c8def5}
.path-panel-heading{display:flex;align-items:flex-start;gap:16px;min-height:128px}
.path-panel-icon{flex:0 0 49px;width:49px;height:49px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#0eb785,#028976);color:#fff;font-size:26px;box-shadow:0 8px 22px rgba(6,153,110,.18)}
.path-diabetes .path-panel-icon{background:linear-gradient(145deg,#0874db,#129be4);box-shadow:0 8px 22px rgba(14,113,215,.18)}
.path-label{font-size:11px;font-weight:900;letter-spacing:.10em;color:#078370}
.path-diabetes .path-label,.feature-diabetes .path-label{color:#0768bb}
.path-panel-heading h2{font-size:clamp(27px,2.5vw,40px);margin:7px 0 9px;letter-spacing:-.035em}
.path-panel-heading p{font-size:14px;line-height:1.6;margin:0;max-width:545px}
.path-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(8px,1.3vw,19px);padding:10px 0 5px;min-width:0}
.path-device{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.path-device-shell{position:relative;overflow:hidden;background:#eff5fa;width:100%;max-width:190px;padding:4px;border:5px solid #1a2838;border-radius:clamp(16px,2vw,31px);box-shadow:0 18px 27px rgba(19,53,83,.23),inset 0 2px 3px rgba(255,255,255,.35)}
.path-device-shell img{display:block;width:100%;height:auto;border-radius:clamp(8px,1.2vw,20px);aspect-ratio:294/640;object-fit:contain;background:#eff5fa}
.path-device-notch{position:absolute;top:7px;left:34%;right:34%;height:6px;background:rgba(10,22,36,.85);border-radius:12px;z-index:2;pointer-events:none}
.path-device figcaption{font-size:12px;font-weight:800;line-height:1.35;text-align:center;color:#32546b}
.path-benefits{display:flex;flex-wrap:wrap;align-items:center;gap:9px;list-style:none;padding:0;margin:0}
.path-benefits li{color:#176a60;background:#e8f7f2;border:1px solid #cbece0;padding:8px 10px;border-radius:30px;font-size:11px;font-weight:800}
.path-diabetes .path-benefits li{color:#18578e;background:#e7f1fd;border-color:#d3e4fb}
.path-button{align-self:flex-start;margin-top:auto}
.dual-path-disclaimer{font-size:12px;line-height:1.6;text-align:center;color:#60788b;max-width:1110px;margin:26px auto 0}
.dual-path-strip{background:#fff}
.real-screen-gallery{background:#fff}
.real-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1270px;margin:0 auto}
.real-gallery-card{padding:20px 20px 23px;background:#f8fbfd;border:1px solid #d7e7ee;border-radius:25px;text-align:center;box-shadow:0 10px 27px rgba(14,63,92,.055)}
.real-gallery-card.wellness-gallery{background:linear-gradient(180deg,#f2fcf9,#fff)}
.real-gallery-card.diabetes-gallery{background:linear-gradient(180deg,#f2f8ff,#fff)}
.real-gallery-tag{display:inline-block;padding:6px 11px;background:#e2f4ed;color:#117a62;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:16px}
.diabetes-gallery .real-gallery-tag{background:#e0efff;color:#086bbd}
.real-gallery-card img{display:block;width:auto;height:280px;max-width:100%;object-fit:contain;border:5px solid #172738;border-radius:18px;margin:0 auto 20px;box-shadow:0 13px 24px rgba(20,51,78,.15)}
.real-gallery-card h3{font-size:18px;margin:0 0 7px}
.real-gallery-card p{font-size:13px;line-height:1.6;margin:0}
.real-feature-hero{display:block;min-height:0}
.real-feature-hero .section-heading{max-width:900px}
.feature-pathway-previews{display:grid;gap:25px;max-width:1340px;margin:0 auto}
.feature-pathway-preview{display:grid;grid-template-columns:minmax(245px,.75fr) minmax(0,1.25fr);align-items:center;gap:32px;padding:30px;border-radius:30px;border:1px solid #cfebdd;background:linear-gradient(135deg,#effff5,#fff);scroll-margin-top:105px}
.feature-pathway-preview.feature-diabetes{border-color:#cddff5;background:linear-gradient(135deg,#eef5ff,#fff)}
.feature-pathway-content h2{font-size:clamp(28px,3vw,44px);margin:12px 0}
.feature-pathway-content p{font-size:15px}
.feature-pathway-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,26px);align-items:end;max-width:680px}
.feature-pathway-photos .path-device-shell{max-width:184px}
.real-feature-phone{display:flex;justify-content:center;gap:16px;align-items:center;min-width:0}
.real-feature-phone img{width:auto;max-width:100%;height:min(600px,65vw);object-fit:contain;border:9px solid #192b3c;border-radius:31px;background:#eef5fa;box-shadow:0 26px 50px rgba(16,56,99,.17)}
.real-feature-phone.real-feature-pair img{height:min(520px,48vw)}
@media(max-width:1100px){.dual-path-grid{gap:15px}.path-panel{padding:20px}.path-panel-heading{min-height:142px}.real-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.dual-path-grid{grid-template-columns:1fr;max-width:680px}.path-panel-heading{min-height:0}.path-phones{gap:20px;max-width:590px;width:100%;margin:auto}.feature-pathway-preview{grid-template-columns:1fr}.feature-pathway-photos{margin:0 auto}.real-feature-phone img{height:530px}.real-feature-phone.real-feature-pair img{height:460px}}
@media(max-width:540px){.dual-path-hero{padding:43px 16px 60px}.dual-path-intro{margin-bottom:30px}.dual-path-intro h1{font-size:clamp(37px,10vw,49px)}.dual-path-hero-links{flex-direction:column}.dual-path-hero-links .button{width:100%}.path-panel{padding:17px;border-radius:23px;gap:14px}.path-panel-heading{gap:11px}.path-panel-icon{flex-basis:39px;width:39px;height:39px;border-radius:12px}.path-panel-heading h2{font-size:27px}.path-panel-heading p{font-size:13px}.path-phones{gap:8px}.path-device-shell{border:3px solid #172738;padding:2px;border-radius:16px}.path-device-shell img{border-radius:11px}.path-device-notch{display:none}.path-device figcaption{font-size:10px}.path-benefits li{font-size:10px;padding:6px 8px}.path-button{width:100%}.real-gallery-grid{grid-template-columns:1fr 1fr;gap:9px}.real-gallery-card{padding:12px;border-radius:16px}.real-gallery-card img{height:185px;border-width:3px;border-radius:13px;margin-bottom:12px}.real-gallery-card h3{font-size:14px}.real-gallery-card p{font-size:11px}.real-gallery-tag{font-size:9px;padding:5px 6px}.feature-pathway-preview{padding:16px;border-radius:20px;scroll-margin-top:83px}.feature-pathway-photos{gap:8px}.feature-pathway-photos .path-device-shell{border-width:3px;border-radius:15px}.real-feature-phone img{height:430px;border-width:6px;border-radius:21px}.real-feature-phone.real-feature-pair img{height:300px;border-width:5px}}


/* 13 Oct 2026: Photographic iPhone hardware presentation. The screenshots
   inside each device remain pixel-identical to the files uploaded by owner. */
.photo-iphone {
  box-sizing:border-box;
  position:relative;
  display:block;
  margin-inline:auto;
  width:100%;
  max-width:202px;
  padding:6px;
  overflow:visible;
  border:3px solid #26313c;
  border-radius:clamp(22px,2.4vw,37px);
  background:linear-gradient(100deg,#a9b3bc 0%,#354554 10%,#0e1826 24%,#0c1421 74%,#657582 93%,#c4cbd0 100%);
  box-shadow:0 2px 0 #7f8b98 inset,0 0 0 2px #0d1825,0 18px 28px rgba(12,32,57,.25),0 28px 40px rgba(16,49,77,.14);
  isolation:isolate;
}
.photo-iphone img,
.real-feature-phone .photo-iphone img,
.real-gallery-card .photo-iphone img {
  box-sizing:border-box;
  display:block;
  margin:0;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:294/640;
  object-fit:contain;
  border:0;
  border-radius:clamp(17px,1.8vw,30px);
  box-shadow:none;
  background:#edf5fa;
}
/* Metal volume / power buttons. These sit outside the screen, not on the photo. */
.photo-iphone::before {
  content:'';
  position:absolute;
  top:21%;
  left:-7px;
  width:4px;
  height:8%;
  border-radius:4px 0 0 4px;
  background:linear-gradient(90deg,#8596a5,#16283b);
  box-shadow:0 36px 0 #526879,0 71px 0 #526879;
}
.photo-iphone::after {
  content:'';
  position:absolute;
  right:-7px;
  top:29%;
  width:4px;
  height:13%;
  border-radius:0 4px 4px 0;
  background:linear-gradient(90deg,#172b3d,#8999a6);
}
.photo-iphone .path-device-notch {
  display:block;
  z-index:2;
  position:absolute;
  top:9px;
  left:37%;
  right:37%;
  width:auto;
  height:clamp(7px,.95vw,12px);
  border:1px solid rgba(36,45,59,.7);
  border-radius:99px;
  background:#080c12;
  box-shadow:0 1px 1px rgba(255,255,255,.12);
  pointer-events:none;
}
.photo-iphone .path-device-notch::after {
  content:'';
  position:absolute;
  width:3px;
  height:3px;
  border-radius:100%;
  right:18%;
  top:27%;
  background:#1c4160;
}
.path-phones{gap:clamp(10px,1.35vw,20px);padding:15px 5px 7px}
.path-phones .path-device:nth-child(2) .photo-iphone {
  transform:translateY(-6px) scale(1.045);
  transform-origin:bottom center;
  z-index:1;
}
.path-device figcaption{margin-top:5px}
.feature-pathway-photos .photo-iphone{max-width:195px}
.real-gallery-card .photo-iphone{max-width:142px;margin:0 auto 19px;padding:4px;border-width:2px;border-radius:25px}
.real-gallery-card .photo-iphone img{border-radius:20px}
.real-gallery-card .photo-iphone .path-device-notch{top:5px;height:7px}
.real-feature-phone .photo-iphone {flex:0 1 240px;max-width:240px}
.real-feature-phone.real-feature-pair .photo-iphone {flex:0 1 205px;max-width:205px}
.real-feature-phone .photo-iphone img {height:auto}
@media(max-width:800px){
  .path-phones .photo-iphone{max-width:190px}
  .feature-pathway-photos .photo-iphone{max-width:185px}
}
@media(max-width:540px){
  .path-phones{gap:7px;padding:11px 3px 4px}
  .photo-iphone{border-width:2px;padding:3px;border-radius:17px;box-shadow:0 0 0 1px #0c1725,0 8px 13px rgba(18,40,62,.19)}
  .photo-iphone img,.real-feature-phone .photo-iphone img,.real-gallery-card .photo-iphone img{border-radius:12px}
  .photo-iphone::before{left:-5px;width:3px;box-shadow:0 19px 0 #526879,0 39px 0 #526879}
  .photo-iphone::after{right:-5px;width:3px}
  .photo-iphone .path-device-notch{top:5px;height:6px;left:35%;right:35%;border-width:0}
  .path-phones .path-device:nth-child(2) .photo-iphone{transform:translateY(-3px) scale(1.04)}
  .real-gallery-card .photo-iphone {width:100%;max-width:132px;border-radius:17px;padding:3px;margin-bottom:12px}
  .real-gallery-card .photo-iphone img {border-radius:12px}
  .real-gallery-card .photo-iphone .path-device-notch{top:5px;height:6px}
  .real-feature-phone .photo-iphone {flex:0 1 235px;max-width:235px}
  .real-feature-phone.real-feature-pair .photo-iphone {flex:0 1 145px;max-width:145px}
}


/* Website Fitness / Activity and Apple Watch notification showcase (13 Oct 2026). */
.activity-showcase{background:radial-gradient(circle at 7% 10%,rgba(10,142,203,.1),transparent 25%),linear-gradient(125deg,#f2fbff,#f1fff8 80%)}
.activity-feature-section{background:linear-gradient(130deg,#f3faff,#f4fdf9)}
.activity-showcase .section-heading{max-width:850px}
.activity-device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;justify-items:center;gap:clamp(10px,2.4vw,35px);max-width:1130px;margin:35px auto 25px}
.activity-screen{width:100%;max-width:220px;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:15px}
.activity-screen .photo-iphone{max-width:194px}
.activity-screen figcaption{font-size:14px;color:#22485e;font-weight:800;text-align:center;line-height:1.4}
.activity-shortcuts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:1040px;margin:0 auto 22px}
.activity-shortcuts span{display:inline-block;padding:10px 14px;background:#fff;border-radius:999px;border:1px solid #d3e9ee;color:#246074;font-weight:750;font-size:12px}
.activity-more{text-align:center}
.reminders-showcase{background:#fff}
.reminders-showcase-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);max-width:1150px;margin:0 auto;gap:clamp(28px,7vw,100px);align-items:center;padding:40px clamp(20px,5vw,70px);border:1px solid #d5e6f4;border-radius:34px;background:linear-gradient(110deg,#f2f8ff,#f3fffc)}
.reminders-copy h2,.reminders-feature-copy h2{font-size:clamp(30px,4vw,54px);line-height:1.1;letter-spacing:-.04em;margin:16px 0}
.reminders-copy>p,.reminders-feature-copy>p{font-size:16px;line-height:1.7;color:#516d83}
.reminder-types{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.reminder-types span{background:#fff;border:1px solid #d0e5ed;color:#27617d;border-radius:12px;padding:9px 12px;font-weight:700;font-size:12px}
.watch-notice{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid #bee0e0;background:#fff;border-radius:18px;margin:18px 0}
.watch-notice-symbol{font-size:35px;display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;border-radius:16px;background:#e3f7f7}
.watch-notice strong{display:block;font-size:18px}
.watch-notice p{color:#577181;margin:5px 0 0;line-height:1.5;font-size:13px}
.reminders-fineprint{font-size:12px!important;line-height:1.55!important;color:#607787!important}
.reminders-phone{display:flex;align-items:center;flex-direction:column;gap:19px}
.reminders-phone .photo-iphone{max-width:220px}
.reminders-phone-label{font-size:11px;font-weight:900;letter-spacing:.1em;color:#0f6a8c;text-align:center}
.reminders-feature-section{background:#fff}
.reminders-feature-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.55fr);max-width:1190px;margin:auto;gap:clamp(25px,6vw,85px);align-items:center}
.reminder-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0}
.reminder-feature-grid article{padding:19px;background:#f4f9fc;border:1px solid #d7e7ef;border-radius:18px}
.reminder-feature-grid strong{display:block;color:#174760;font-size:16px}
.reminder-feature-grid p{font-size:13px;line-height:1.55;color:#567188;margin:7px 0 0}
.reminders-feature-visual{display:flex;flex-direction:column;align-items:center;gap:15px}
.reminders-feature-visual .photo-iphone{max-width:215px}
.reminders-watch-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:10px;row-gap:0;text-align:center;padding:12px 16px;border:1px solid #c7e5de;background:#f3fdf8;border-radius:16px;color:#1a6370}
.reminders-watch-caption span{font-size:24px;line-height:1}
.reminders-watch-caption strong{font-size:14px}
.reminders-watch-caption small{flex-basis:100%;font-size:11px;margin-top:5px;color:#577184}
@media(max-width:800px){.activity-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;gap:26px}.reminders-showcase-inner,.reminders-feature-layout{grid-template-columns:1fr}.reminders-phone .photo-iphone{max-width:195px}}
@media(max-width:540px){.activity-device-grid{gap:23px 11px;max-width:360px}.activity-screen{max-width:164px}.activity-screen .photo-iphone{max-width:158px}.activity-screen figcaption{font-size:12px}.activity-shortcuts{gap:7px}.activity-shortcuts span{font-size:11px;padding:7px 9px}.reminders-showcase-inner{padding:25px 17px;border-radius:23px}.reminder-feature-grid{grid-template-columns:1fr}.reminders-copy>p,.reminders-feature-copy>p{font-size:14px}.watch-notice{align-items:flex-start;gap:12px}.watch-notice-symbol{font-size:23px;width:40px;height:40px;flex-basis:40px}.reminders-copy h2,.reminders-feature-copy h2{font-size:31px}}