/* A single editorial system derived from the approved Synarmic homepage. */
.creative-site{--paper:#FAF7F0;--panel:#FFFDF8;--panel-2:#f1f4ef;--white:#FFFDF8;--line:#E4DED2;--tx:#081122;--tx-desc:#2C3547;--tx-mut:#4E5872;--tx-dim:#4E5872;--teal:#10B981;--teal-d:#047857;--blue:#2450E5;--ember:#FF8A3D;background:#FAF7F0!important;color:#081122!important;font-family:'Inter',sans-serif}
/* Navigation and footer follow the homepage on every route. */
.creative-site .nav{position:sticky;top:0;border:0!important;border-bottom:1px solid #E4DED2!important;background:#FAF7F0!important;padding:0!important;height:auto!important;box-shadow:none!important;z-index:100}
.creative-site .nav-inner{max-width:1140px!important;padding:0 28px!important;margin:auto!important;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.creative-site .brand svg{width:170px;height:35px}.creative-site .nav-links{position:static!important;transform:none!important;display:flex;gap:24px;background:none!important;border:0!important;padding:0!important;height:auto!important;white-space:nowrap}
.creative-site .nav-links a{font-size:13px!important;padding:0!important;color:#2C3547!important;background:none!important}
.creative-site .nav-cta{background:#FF8A3D!important;color:#2B1403!important;border:0!important;border-radius:100px!important;font-size:13px!important;padding:13px 18px!important;white-space:nowrap}
.creative-site .nav-burger{display:none}.creative-site .nav-right{display:flex;align-items:center;gap:16px}
.creative-site footer{margin-top:0!important;background:#FAF7F0!important;padding:56px 0 32px!important;border-top:1px solid #E4DED2!important}
.creative-site footer .wrap{max-width:1140px!important;margin:auto;padding:0 28px!important}.creative-site .foot-top{display:flex;justify-content:space-between;gap:64px;padding-bottom:38px}.creative-site .foot-brand{max-width:320px}.creative-site .foot-cols{display:flex;gap:64px}.creative-site .foot-col{display:flex;flex-direction:column;gap:12px}.creative-site .foot-col h5{font-size:10px;letter-spacing:.1em;color:#4E5872}.creative-site .foot-col a{font-size:13px;color:#2C3547}.creative-site .foot-brand p{font-size:13px;line-height:1.8;color:#4E5872}.creative-site .foot-legal{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #E4DED2;padding-top:24px;font-size:11px;color:#4E5872}
/* Remove the layered legacy decorative seams, rather than covering them. */
.creative-site:not(.home-page) :is(.faq-def,.legal-note,.callout,.example-box,.formula-box,.protocol-example,.article-cta,.compare-col,.why-callout,.why-pull,.blog-card,.moment-card,.plat-card,.thesis-card,.article-body h2,.article-body blockquote)::before,
.creative-site:not(.home-page) :is(.faq-def,.legal-note,.callout,.example-box,.formula-box,.protocol-example,.article-cta,.compare-col,.why-callout,.why-pull,.blog-card,.moment-card,.plat-card,.thesis-card)::after{content:none!important;display:none!important;background:none!important}
.creative-site:not(.home-page) :is(.seamdiv,.divider){display:none!important}
.creative-site:not(.home-page) :is(.fade-up,.rv){opacity:1!important;transform:none!important}
.creative-site:not(.home-page) :is(h1,h2,h3,.sec-h,.legal-sh,.blog-card-h,.thesis-h,.moment-h,.plat-h){font-family:'Satoshi',sans-serif!important;color:#081122;letter-spacing:-.03em!important;line-height:1.12!important}
.creative-site:not(.home-page) :is(.sec-tag,.article-tag,.legal-tag,.faq-section-h,.blog-card-tag){font-family:'JetBrains Mono',monospace;letter-spacing:.06em}.creative-site:not(.home-page) :is(.sec-tag,.article-tag,.legal-tag){color:#047857!important;font-size:11px!important}
.creative-site:not(.home-page) :is(.grad,.grad-blue){background:none!important;-webkit-text-fill-color:#047857!important;color:#047857!important}
/* Shared page introductions and a quiet, readable editorial column. */
.creative-site :is(.article-wrap,.legal-wrap,.faq-wrap,.blog-wrap){width:100%;max-width:1140px!important;padding:84px 28px 96px!important;margin:0 auto!important}
.creative-site :is(.article-h1,.legal-h,.faq-intro .sec-h,.blog-wrap>.sec-h){font-size:clamp(36px,4.1vw,58px)!important;line-height:1.08!important;font-weight:700!important;max-width:850px!important;margin:20px 0 22px!important}
.creative-site .article-meta{border:0!important;margin:0 0 48px!important;padding:0!important;font-size:12px;color:#4E5872}
.reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:68px;margin-top:48px;align-items:start}.reading-nav{position:sticky;top:110px;padding-top:4px}.reading-nav>span{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.09em;color:#047857;margin-bottom:20px}.reading-nav a{display:block;font-size:12px;line-height:1.55;color:#4E5872!important;padding:10px 0;border-bottom:1px solid #E4DED2;text-decoration:none!important}.reading-nav a:hover{color:#047857!important}.reading-content{min-width:0;max-width:740px}.reading-content :is(h2,h3){scroll-margin-top:110px}.creative-site .article-body{font-size:16px;line-height:1.85;max-width:none!important}.creative-site .article-body p{margin:0 0 22px!important;line-height:1.85!important}.creative-site .article-body h2{font-size:30px!important;padding:0!important;margin:48px 0 20px!important}.creative-site .article-body h2:first-child{margin-top:0!important}.creative-site .article-body li{margin:10px 0;line-height:1.75}
.creative-site :is(.callout,.example-box,.formula-box,.protocol-example,.faq-def,.legal-note,.why-callout,.why-pull){border:1px solid #b8d4c7!important;border-radius:16px!important;background:#edf2ed!important;padding:26px!important;box-shadow:none!important;overflow:hidden}
.creative-site :is(.faq-def-label,.legal-note){font-family:'Inter',sans-serif!important}.creative-site .faq-def-label{font-size:11px;letter-spacing:.08em;color:#047857!important}.creative-site .faq-def-text{font-style:normal!important;font-size:17px!important;line-height:1.8!important;color:#2C3547!important;margin-top:12px!important}.creative-site .faq-def{max-width:850px;margin:32px 0 64px!important}
/* FAQ: clear groups and compact, consistent disclosure cards. */
.creative-site .faq-intro{max-width:850px;margin:0!important}.creative-site .faq-intro>p{font-size:17px;line-height:1.75;max-width:680px}.creative-site .faq-section-h{font-family:'Satoshi',sans-serif!important;font-size:26px!important;letter-spacing:-.02em!important;margin:48px 0 20px!important;color:#081122}.creative-site .faq-list{max-width:850px}.creative-site .faq-item{border:1px solid #E4DED2!important;background:#FFFDF8!important;border-radius:14px!important;margin:12px 0!important;box-shadow:none!important;overflow:hidden}.creative-site button.faq-q{padding:24px!important;font-size:17px!important;line-height:1.4!important;color:#081122!important;background:transparent!important;border:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px}.creative-site .faq-icon{color:#047857!important}.creative-site .faq-item.open{border-color:#10B981!important}.creative-site .faq-a{font-size:15px;line-height:1.8!important}.creative-site .faq-item.open .faq-a{padding:0 24px 24px!important}.article-page .faq-q{padding:22px 24px 10px!important;font-family:'Satoshi',sans-serif;font-weight:700}.article-page .faq-a{padding:0 24px 24px!important}
/* Policy pages use the same content system with explicit section navigation. */
.policy-nav{display:flex;gap:8px;margin-bottom:44px}.policy-nav a{border:1px solid #E4DED2;border-radius:100px;padding:8px 16px;font-size:12px;color:#2C3547;text-decoration:none;background:#FFFDF8}.policy-nav a:hover{border-color:#10B981}.creative-site .legal-date{font-size:12px;margin-bottom:24px;color:#4E5872}.creative-site .legal-note{max-width:850px;font-size:15px!important;line-height:1.8!important}.creative-site .legal-section{margin:0 0 38px!important;padding:0!important}.creative-site .legal-sh{font-size:27px!important;margin:0 0 18px!important}.creative-site .legal-p{font-size:15.5px!important;line-height:1.85!important;margin-bottom:20px!important}
/* Learning hub: an editorial grid, with generous card padding. */
.creative-site .blog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;margin-top:48px!important}.creative-site .blog-card{display:flex!important;flex-direction:column;min-width:0;border:1px solid #E4DED2!important;border-radius:18px!important;background:#FFFDF8!important;padding:28px!important;box-shadow:none!important;text-decoration:none}.creative-site .blog-card:hover{border-color:#10B981!important;transform:translateY(-3px)!important}.creative-site .blog-card-tag{color:#047857!important;font-size:10px!important;margin-bottom:22px}.creative-site .blog-card-h{font-size:25px!important;line-height:1.2!important;margin-bottom:16px}.creative-site .blog-card-p{font-size:14px!important;line-height:1.8!important;color:#4E5872!important}.creative-site .blog-card-meta{margin-top:auto!important;padding-top:28px!important;border:0!important;font-size:11px}.creative-site .blog-card-link{color:#047857!important}
/* Product and founder pages retain their diagrams and section sequence. */
.landing-page :is(.ai-intro,.thesis-section,.why-section,.moments-section,.platform-section,.flywheel-section,.cta-section){padding:88px 28px!important;border:0!important;background:#FAF7F0!important}.landing-page :is(.why-section,.flywheel-section){background:#edf2ed!important}.landing-page :is(.ai-intro-h){font-size:clamp(46px,5vw,68px)!important;text-align:left!important;max-width:1084px!important;margin:0 auto 24px!important}.landing-page .ai-intro :is(.sec-tag,.sec-sub,.ai-intro-sub){text-align:left!important;max-width:1084px!important;margin-left:auto!important;margin-right:auto!important}.landing-page :is(.thesis-inner,.why-inner,.moments-inner,.platform-inner,.flywheel-inner){max-width:1084px!important;margin:auto}.landing-page .sec-h{font-size:clamp(30px,3.5vw,44px)!important}.landing-page :is(.thesis-card,.moment-card,.plat-card,.why-card,.who-card){border:1px solid #E4DED2!important;border-radius:18px!important;background:#FFFDF8!important;padding:28px!important;box-shadow:none!important}.creative-site:not(.home-page) .article-cta{max-width:1084px;margin:56px auto 0!important;border:1px solid #b8d4c7!important;background:#edf2ed!important;border-radius:18px!important;padding:40px!important}.creative-site:not(.home-page) .article-cta :is(h2,h3){padding:0!important;color:#081122!important}.creative-site:not(.home-page) .btn-p{background:#FF8A3D!important;color:#2B1403!important;border-radius:100px!important}
@media(max-width:1050px){.creative-site .nav-links{gap:14px}.creative-site .nav-cta{font-size:11px!important;padding:12px 14px!important}.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}.creative-site .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.creative-site .nav-links{display:none!important}.creative-site .nav-burger{display:flex}.reading-layout{display:block;margin-top:32px}.reading-nav{position:static;margin-bottom:36px;background:#edf2ed;border-radius:14px;padding:22px}.reading-nav a{padding:7px 0}.reading-content{max-width:none}.creative-site .nav-inner{min-height:68px}}
@media(max-width:600px){.creative-site .nav-cta{display:none!important}.creative-site .nav-inner{padding:0 20px!important}.creative-site .brand svg{width:154px}.creative-site :is(.article-wrap,.legal-wrap,.faq-wrap,.blog-wrap){padding:52px 20px 64px!important}.creative-site :is(.article-h1,.legal-h,.faq-intro .sec-h,.blog-wrap>.sec-h){font-size:36px!important}.creative-site .blog-grid{grid-template-columns:1fr!important}.creative-site .blog-card{padding:26px!important}.creative-site .foot-top{flex-direction:column;gap:30px}.creative-site .foot-cols{gap:46px}.creative-site .foot-legal{flex-direction:column}.creative-site .faq-def{padding:22px!important}.creative-site .faq-def-text{font-size:15px!important}.creative-site button.faq-q{font-size:16px!important;padding:20px!important}.landing-page :is(.ai-intro,.thesis-section,.why-section,.moments-section,.platform-section,.flywheel-section,.cta-section){padding:60px 20px!important}.creative-site:not(.home-page) .article-cta{padding:28px!important}.creative-site .legal-sh,.creative-site .article-body h2{font-size:25px!important}.policy-nav{margin-bottom:32px}.creative-site .legal-note{padding:22px!important}.creative-site .foot-legal .mono{font-size:10px}}

/* Definition callouts: separate the label from readable body copy. */
.creative-site .article-body .callout { line-height: 1.8; }
.creative-site .callout .callout-label { display: block; margin: 0 0 12px; line-height: 1.4; color: var(--green, #047857); }

/* Match the introduction eyebrow to its left-aligned heading. */
.creative-site.landing-page .ai-intro .sec-tag { justify-content: flex-start; text-align: left; }

/* Adherence Intelligence: consistent centered section introductions. */
.creative-site #page-ai :is(.ai-intro,.thesis-section,.problem-section,.platform-section,.flywheel-section,.cta-section) :is(.sec-tag,.sec-h,.sec-sub,.ai-intro-h,.ai-intro-sub,.cta-h,.cta-p) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.creative-site #page-ai :is(.ai-intro,.thesis-section,.problem-section,.platform-section,.flywheel-section) .sec-tag {
  display: flex;
  justify-content: center !important;
  width: 100%;
}
.creative-site #page-ai .why-section :is(.sec-tag,.sec-h,.sec-sub) {
  text-align: left !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
}

/* One-time visual storytelling; content stays visible without JavaScript. */
@media (prefers-reduced-motion: no-preference) {
 .home-page .story-enter .patient-field,
 .home-page .story-enter .signal-tags,
 .home-page .story-enter .intelligence-core,
 .home-page .story-enter .response-lanes,
 .home-page .story-enter .progress-track,
 .home-page .story-enter .barrier-path > div,
 .home-page .story-enter .scenario-outcome {
   animation: story-arrive 600ms cubic-bezier(.2,.7,.2,1) both;
 }
 .home-page .story-enter .signal-tags { animation-delay: 100ms; }
 .home-page .story-enter .intelligence-core { animation-delay: 240ms; }
 .home-page .story-enter .response-lanes { animation-delay: 440ms; }
 .home-page .story-enter .progress-track { animation-delay: 640ms; }
 .home-page .story-enter .barrier-path > div:nth-child(2) { animation-delay: 180ms; }
 .home-page .story-enter .barrier-path > div:nth-child(3) { animation-delay: 360ms; }
 .home-page .story-enter .scenario-outcome { animation-delay: 540ms; }
 @keyframes story-arrive {
   from { opacity: .25; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 }
}

/* A single, cohesive pilot journey. */
.home-page #pilot .wrap { text-align: left; }
.home-page #pilot .creative-section-head { max-width: 700px; margin: 0 0 38px; }
.home-page #pilot .eyebrow { justify-content: flex-start; }
.home-page #pilot .creative-section-head > p { margin: 20px 0 0; }
.home-page #pilot .pilot-measures { gap: 0; margin: 0 auto 34px; border: 1px solid #ffffff25; border-radius: 18px; background: #ffffff04; overflow: hidden; text-align: left; }
.home-page #pilot .pilot-measures > div { padding: 28px 30px; }
.home-page #pilot .pilot-measures > div + div { border-left: 1px solid #ffffff25; }
.home-page #pilot .pilot-measures span { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #88e2c155; border-radius: 50%; background: #88e2c109; }
.home-page #pilot .pilot-measures h3 { margin: 18px 0 10px; }
.home-page #pilot .pilot-measures p { max-width: 28ch; }
.home-page #pilot .small-note { margin: 16px 0 0; max-width: 560px; }
@media(max-width:700px) {
 .home-page #pilot .pilot-measures > div { padding: 24px; }
 .home-page #pilot .pilot-measures > div + div { border-left: 0; border-top: 1px solid #ffffff25; }
 .home-page #pilot .pilot-measures p { max-width: none; }
}
/* Editorial comparisons and diagrams share a readable, responsive rhythm. */
.article-page .article-body .compare-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; background:transparent; border:0; overflow:visible; margin:32px 0; }
.article-page .article-body .compare-col { padding:24px; border:1px solid #deded2; border-radius:16px; background:#fffdf8; min-width:0; }
.article-page .article-body .compare-col-h { background:transparent; padding:0 0 16px; margin-bottom:0; color:#047857; line-height:1.5; }
.article-page .article-body .compare-row { display:block; padding:14px 0; margin:0; font-size:15px; line-height:1.65; }
.article-page .article-body .compare-row strong { display:block; font-size:14px; margin-bottom:6px; }
.layer-comparison { margin:32px 0; border:1px solid #c8d8cf; border-radius:16px; overflow:hidden; }
.layer-item { display:grid; grid-template-columns:210px 1fr; gap:24px; padding:26px; background:#fffdf8; }
.layer-item + .layer-item { border-top:1px solid #deded2; }
.layer-item:last-child { background:#edf2ed; }
.visual-label { font:11px 'JetBrains Mono',monospace; color:#047857; letter-spacing:.05em; }
.article-body .layer-item h3 { font-size:21px; margin:10px 0 0; line-height:1.25; }
.article-body .layer-item p { font-size:15px; line-height:1.65; margin:8px 0 0; }
.layer-item strong { font-size:16px; }
.article-page .editorial-visual,.article-page .loop-diagram,.article-page .window-diagram { margin:32px 0; padding:28px; border:1px solid #c8d8cf; border-radius:16px; background:#edf2ed; }
.editorial-visual figcaption { font-size:21px; font-weight:700; line-height:1.35; margin-bottom:20px; }
.article-body .editorial-visual ol { padding-left:24px; margin:0; }
.article-body .editorial-visual li { padding:10px 0 10px 8px; font-size:15px; border-bottom:1px solid #d4dfd7; }
.editorial-visual li::marker { color:#047857; font-weight:600; }
.article-body .editorial-visual p { font-size:13px; line-height:1.65; margin:20px 0 0; color:#475569; }
.article-page .loop-diagram { flex-direction:column; flex-wrap:nowrap; gap:8px; }
.article-page .loop-node { white-space:normal; text-align:center; width:100%; max-width:330px; margin:0; padding:14px 20px; border-radius:10px; background:#fffdf8; color:#081122; }
.article-page .loop-node.loop-final { background:#d8eee4; color:#047857; border:1px solid #95cdb5; }
.article-page .loop-arrow { transform:rotate(90deg); margin:0; color:#047857; }
.article-page .loop-back { margin-top:12px; text-align:center; font-size:13px; }
@media(max-width:600px) {
 .article-page .article-body .compare-grid { grid-template-columns:1fr; }
 .layer-item { grid-template-columns:1fr; gap:16px; padding:22px; }
 .article-page .editorial-visual,.article-page .loop-diagram,.article-page .window-diagram { padding:22px; }
}

.article-page .back-to-blog { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin: -12px 0 24px; color: #047857; font-size: 14px; font-weight: 600; text-decoration: none; }
.article-page .back-to-blog:hover { text-decoration: underline; text-underline-offset: 4px; }
.article-page .back-to-blog:focus-visible { outline: 2px solid #047857; outline-offset: 5px; border-radius: 3px; }

/* Separate consecutive protocol examples for easier scanning. */
.creative-site.article-page .article-body .protocol-example + .protocol-example { margin-top: 24px; }
/* Keep editorial step numbers aligned with each row's first line. */
.creative-site .article-body .editorial-visual ol { padding:0; margin:0; list-style:none; counter-reset:editorial-step; }
.creative-site .article-body .editorial-visual ol li { position:relative; margin:0; padding:16px 0 16px 40px; line-height:1.65; counter-increment:editorial-step; }
.creative-site .article-body .editorial-visual ol li::before { content:counter(editorial-step,decimal-leading-zero); position:absolute; left:0; top:16px; width:28px; line-height:24.75px; font-size:12px; color:#047857; }
.creative-site .article-body .editorial-visual ol li:last-child { border-bottom:0; }
/* Maintain readable contrast in navy landing-page sections. */
.creative-site.landing-page section.dark :is(h1,h2,h3) { color:#fffdf8; }
.creative-site.landing-page section.dark .sl > p { color:#bdcce0; }
/* Unified thesis and signal panels, with shared edges rather than separate tiles. */
.creative-site #page-ai :is(.thesis-grid,.moments-grid) { display:grid; gap:1px; padding:0; border:1px solid #d7ded4; border-radius:18px; overflow:hidden; background:#d7ded4; margin-top:36px; }
.creative-site #page-ai .thesis-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.creative-site #page-ai .moments-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.creative-site #page-ai :is(.thesis-card,.moment-card) { border:0!important; border-radius:0!important; padding:28px!important; background:#fffdf8!important; box-shadow:none!important; transform:none!important; }
.creative-site #page-ai :is(.thesis-n,.moment-n) { display:grid; place-items:center; width:30px; height:30px; margin:0 0 18px; border:1px solid #b8d4c7; border-radius:50%; color:#047857; font:11px 'JetBrains Mono',monospace; }
.creative-site #page-ai .thesis-h { font-size:23px; margin:0 0 12px; }
.creative-site #page-ai .moment-h { font-size:17px; margin:0 0 10px; }
.creative-site #page-ai :is(.thesis-p,.moment-p) { font-size:15px; line-height:1.65; margin:0; }
@media(max-width:1000px) { .creative-site #page-ai .moments-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .creative-site #page-ai :is(.thesis-grid,.moments-grid) { grid-template-columns:1fr; } .creative-site #page-ai :is(.thesis-card,.moment-card) { padding:24px!important; } }
/* Fragmentation explained through one patient, without another product screenshot. */
.home-page #problem { border-bottom:1px solid #e4ded2; }
.home-page #problem .creative-section-head { grid-template-columns:1.3fr 1fr; gap:64px; }
.home-page #problem h2 { font-size:clamp(32px,3.1vw,42px); }
.fragment-visual { margin:0; border:1px solid #deded2; border-radius:20px; padding:32px; background:#fffdf8; }
.fragment-top { display:flex; justify-content:space-between; gap:16px; color:#58647a; font-size:11px; margin-bottom:28px; }
.fragment-patient,.fragment-app { font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.055em; }
.fragment-sources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.fragment-source { border:1px solid #d8dfdc; border-top:3px solid #2450e5; border-radius:12px; padding:22px; background:#fafbf8; }
.fragment-source:nth-child(2) { border-top-color:#00b8cc; }
.fragment-source:nth-child(3) { border-top-color:#10b981; }
.fragment-source strong { display:block; font-size:22px; letter-spacing:-.025em; margin:16px 0 8px; }
.fragment-status { font-size:13px; color:#58647a; }
.fragment-bridge { display:flex; align-items:center; justify-content:center; gap:16px; height:52px; color:#047857; }
.fragment-bridge span { height:1px; background:#c8d8cf; width:22%; }
.fragment-bridge b { font-size:24px; font-weight:400; }
.fragment-insight { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; border:1px solid #b8d4c7; background:#edf2ed; border-radius:12px; padding:26px; }
.fragment-insight .fragment-app { color:#047857; }
.fragment-insight h3 { font-size:25px; line-height:1.2; margin:12px 0 0; }
.fragment-insight p { font-size:15px; line-height:1.7; color:#344155; }
.fragment-consequence { margin-top:28px; padding-top:24px; border-top:1px solid #e4ded2; }
.fragment-consequence strong { display:block; font-size:13px; color:#58647a; margin-bottom:14px; }
.fragment-consequence>div { display:flex; justify-content:space-between; gap:20px; font-size:14px; }
.fragment-consequence>div span::before { content:'·'; color:#ed7b29; margin-right:9px; font-weight:700; }
.problem-takeaway { font-size:16px; line-height:1.7; max-width:760px; margin-top:24px; color:#344155; }
@media(max-width:700px) {
 .home-page #problem .creative-section-head { grid-template-columns:1fr; gap:20px; }
 .fragment-visual { padding:22px; }
 .fragment-top { flex-direction:column; gap:8px; }
 .fragment-sources,.fragment-insight { grid-template-columns:1fr; gap:14px; }
 .fragment-source { padding:18px; }
 .fragment-source strong { margin-top:10px; font-size:21px; }
 .fragment-insight { padding:22px; }
 .fragment-consequence>div { flex-direction:column; gap:12px; }
}

/* A compact, single reading path for the fragmentation story. */
.home-page #problem .creative-section-head { display:block; margin-bottom:28px; }
.home-page #problem .creative-section-head>p { max-width:680px; margin:18px 0 0; }
.home-page #problem .fragment-visual { padding:28px; }
.home-page #problem .fragment-top { margin-bottom:20px; }
.home-page #problem .fragment-source { padding:20px; }
.home-page #problem .fragment-source strong { margin:12px 0 0; }
.home-page #problem .fragment-insight { display:block; padding:22px 26px; }
.home-page #problem .fragment-insight h3 { font-size:25px; margin:10px 0; }
.home-page #problem .fragment-insight p { margin:0; }
.home-page #problem .fragment-consequence { margin-top:20px; padding-top:18px; font-size:14px; line-height:1.6; color:#475569; }
@media(max-width:700px) { .home-page #problem .fragment-visual { padding:20px; } .home-page #problem .fragment-insight { padding:20px; } }
.home-page #problem .source-strip { margin-top:24px; padding-top:24px; border-top:1px solid #deded2; border-bottom:0; }
.source-strip-label { font:10px 'JetBrains Mono',monospace; letter-spacing:.06em; color:#047857; }
.source-strip ul { display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:14px 0; padding:0; }
.source-strip li { padding:7px 13px; border:1px solid #d7ded4; border-radius:6px; background:#fffdf8; font-size:13px; }
.source-strip p { font-size:12px; color:#58647a; line-height:1.6; margin:0; }
.section-anchor { display:block; height:0; scroll-margin-top:100px; }

/* Keep the scenario introduction in the same vertical reading order as other sections. */
.home-page #workflow .creative-section-head { display:block; }
.home-page #workflow .creative-section-head > p { max-width:680px; margin:18px 0 0; }
.keep-together { white-space:nowrap; }
.home-page .scenario-example { margin-top:14px; padding:20px; background:#edf5ef; border:1px solid #b8d4c7; border-radius:12px; }
.home-page .clinical .scenario-example { background:#eef2fc; border-color:#c4cee9; }
.home-page .scenario-example .example-kicker { display:block; color:#047857; font:10px 'JetBrains Mono',monospace; line-height:1.6; letter-spacing:.04em; margin-bottom:12px; }
.home-page .clinical .scenario-example .example-kicker { color:#2450e5; }
.home-page .scenario-example p { font-size:15px; line-height:1.65; margin:0; }
.home-page .scenario-example > strong { display:block; font-size:16px; line-height:1.4; }
.home-page .scenario-example dl { margin:16px 0; font-size:13px; line-height:1.6; }
.home-page .scenario-example dl > div { display:grid; grid-template-columns:90px 1fr; gap:10px; margin:7px 0; }
.home-page .scenario-example dt { color:#58647a; }
.home-page .scenario-example dd { margin:0; }
.home-page .scenario-example .routing-status { border-top:1px solid #c4cee9; padding-top:12px; font-size:12px; color:#2450e5; }
@media(max-width:700px) { .home-page .scenario-example { padding:16px; } .home-page .scenario-example dl > div { grid-template-columns:1fr; gap:0; } }
.home-page .message-chain > div + div { margin-top:12px; padding-top:12px; border-top:1px solid #cbded2; }
.home-page .message-chain > div > span { display:block; font-size:11px; font-weight:600; color:#047857; margin-bottom:4px; }
.home-page .message-chain .patient-message > span { color:#58647a; }
.home-page .message-chain p { font-size:14px; line-height:1.5; }
.home-page .message-chain .example-plan-link { color:#047857; text-decoration:underline; text-underline-offset:3px; }
@media(min-width:701px) {
 .home-page #workflow .response-grid { align-items:stretch; }
 .home-page #workflow .response-card { display:grid; grid-template-rows:subgrid; grid-row:span 4; row-gap:0; }
 .home-page #workflow .barrier-path { display:grid; grid-template-rows:subgrid; grid-row:span 3; }
 .home-page #workflow .response-card { grid-row:span 6; }
 .home-page #workflow .barrier-path > div:last-child { display:flex; flex-direction:column; }
 .home-page #workflow .scenario-example { flex:1; }
}

.home-page .scenario-outcome > strong { display:block; font-size:14px; margin-bottom:8px; }
.home-page .scenario-outcome > p { font-size:14px; line-height:1.65; margin:0; }
.home-page .scenario-outcome > small { display:block; font-size:11px; color:#58647a; margin-top:10px; }
/* Compact scenarios: evidence first, then a recognizable message or task. */
.home-page #workflow .compact-scenarios .response-card { display:flex; flex-direction:column; grid-row:auto; padding:28px; }
.home-page #workflow .compact-scenarios h3 { font-size:27px; margin:20px 0; line-height:1.2; }
.scenario-signals { display:flex; flex-wrap:wrap; gap:8px 14px; font-size:12px; line-height:1.6; color:#4e5872; }
.scenario-signals b { font-size:10px; font-weight:500; background:#edece6; border-radius:4px; padding:3px 5px; margin-right:4px; }
.home-page .response-card .scenario-decision { font-size:14px; line-height:1.6; margin:16px 0 22px; color:#047857; }
.scenario-decision > span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; }
.home-page .clinical .scenario-decision { color:#2450e5; }
.chat-preview { padding:18px; border-radius:12px; background:#f1f5f0; border:1px solid #d5e3d9; }
.chat-preview .example-kicker { color:#047857; font:10px 'JetBrains Mono',monospace; line-height:1.6; margin-bottom:14px; }
.home-page .compact-scenarios .message-chain > div { background:#fffdf8; border:1px solid #d5e3d9; padding:12px 14px; border-radius:12px 12px 12px 3px; max-width:94%; }
.home-page .compact-scenarios .message-chain > div + div { margin-top:10px; }
.home-page .compact-scenarios .message-chain > .patient-message { width:72px; margin-left:auto; border-radius:12px 12px 3px 12px; background:#dcefe3; }
.home-page .compact-scenarios .message-chain p { font-size:14px; line-height:1.5; margin:0; }
.home-page #workflow .compact-scenarios .scenario-example { flex:0 0 auto; margin-top:0; }
.home-page .compact-scenarios .scenario-outcome { margin-top:auto; padding-top:18px; border-top:0; font-size:13px; }
.home-page .compact-scenarios :is(.chat-preview,.task-preview) { margin-bottom:6px; }
@media(max-width:700px) { .home-page #workflow .compact-scenarios .response-card { padding:22px; } .home-page #workflow .compact-scenarios h3 { font-size:25px; } }
.creative-site .clinic-login { color:#2c3547; text-decoration:none; font-size:13px; white-space:nowrap; }
.creative-site .desktop-clinic-login { display:inline-flex; min-height:44px; align-items:center; padding:0 6px; }
.creative-site .clinic-login:hover { color:#047857; text-decoration:underline; text-underline-offset:4px; }
.creative-site .clinic-login:focus-visible { outline:2px solid #047857; outline-offset:4px; border-radius:3px; }
.creative-site footer .clinic-login { padding:8px 0; }
@media(max-width:1150px) { .creative-site .nav-links { display:none!important; } .creative-site .nav-burger { display:flex!important; } .creative-site .desktop-clinic-login { display:none; } .creative-site .syn-mobile-nav.open { display:block; position:fixed; top:76px; left:0; right:0; z-index:99; background:#FAF7F0; border-bottom:1px solid #E4DED2; } .creative-site .syn-mobile-nav a { display:block; padding:15px 24px; } }
.more-moments { margin:24px auto; max-width:1084px; border:1px solid #c8d8cf; border-radius:12px; padding:18px 24px; background:#fffdf8; }
.more-moments summary { cursor:pointer; color:#047857; font-size:15px; font-weight:600; padding:6px 0; }
.more-moments summary:focus-visible { outline:2px solid #047857; outline-offset:4px; }
.more-moments p { margin-top:16px; line-height:1.7; }
.brief-process { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1084px; margin:32px auto; padding:28px; background:#edf2ed; border:1px solid #c8d8cf; border-radius:16px; }
.brief-process span { font-size:17px; font-weight:600; }.brief-process b { color:#047857; font-weight:400; }
.brief-related { text-align:center; margin:20px 28px; font-size:14px; line-height:1.8; }.brief-related a,.founder-brief a:not(.nav-cta) { color:#047857; text-decoration:underline; text-underline-offset:4px; }
.founder-brief { max-width:960px; margin:auto; padding:80px 28px 64px; }
.founder-brief .brief-intro { max-width:800px; margin-bottom:64px; }
.founder-brief h1 { font-size:clamp(36px,5vw,58px); margin:20px 0 24px; }
.founder-brief h2 { font-size:clamp(28px,3vw,38px); margin:14px 0 20px; }
.founder-brief p { font-size:17px; line-height:1.8; color:#344155; margin:16px 0; max-width:740px; }
.founder-brief section { padding:40px 0; border-top:1px solid #e4ded2; }
.founder-brief blockquote { margin:32px 0; padding:28px 32px; border-left:3px solid #10b981; font-size:25px; line-height:1.5; background:#edf2ed; }
.founder-brief cite { display:block; font-size:13px; font-style:normal; margin-top:16px; color:#4e5872; }
.founder-brief .brief-founder { display:grid; grid-template-columns:160px 1fr; gap:32px; align-items:center; }
.brief-founder img { width:160px; height:200px; object-fit:cover; border-radius:14px; }
.founder-brief .brief-cta { margin-top:30px; }.brief-cta .nav-cta { display:inline-block!important; margin-top:10px; }
@media(max-width:700px) { .brief-process { flex-direction:column; margin:24px 20px; text-align:center; }.brief-process b { transform:rotate(90deg); }.founder-brief { padding:48px 20px; }.founder-brief .brief-process { margin:24px 0; }.founder-brief .brief-founder { grid-template-columns:1fr; }.founder-brief blockquote { padding:24px; font-size:22px; } }
/* Center only the Learn introduction, leaving article cards left aligned. */
.creative-site #page-blog .blog-wrap > :is(.sec-tag,.sec-h,.sec-sub) { text-align:center!important; margin-left:auto!important; margin-right:auto!important; }
.creative-site #page-blog .blog-wrap > .sec-tag { display:flex; justify-content:center; }
/* Pilot uses the same quiet editorial structure as the other navigation pages. */
.creative-site.pilot-page > .hero { padding:80px 0 64px!important; background:#faf7f0; text-align:center; }
.pilot-page .hero::before,.pilot-page .hero::after,.pilot-page section.dark::before,.pilot-page section.dark::after { content:none!important; }
.pilot-page .hero .kicker { justify-content:center; color:#047857; font:11px 'JetBrains Mono',monospace; letter-spacing:.06em; }
.pilot-page .hero h1 { font-size:clamp(38px,5vw,58px); margin:22px auto!important; max-width:none!important; }
.pilot-page .hero .sub { margin:0 auto; font-size:17px; line-height:1.8; max-width:680px!important; }
.pilot-page .hero .actions { justify-content:center; margin-top:26px; }
.creative-site.pilot-page > section { padding:72px 0; }
.pilot-page > section > .wrap { max-width:1140px; padding:0 28px; }
.pilot-page .lead { text-align:center; max-width:760px; margin:0 auto 32px; }
.pilot-page .lead .eyebrow { justify-content:center; color:#047857; }
.pilot-page .lead h2 { font-size:clamp(28px,3.2vw,40px); max-width:none; }
.pilot-page .lead p { margin:18px auto 0; max-width:680px; font-size:16px; line-height:1.8; }
.pilot-page :is(.arc,.meas,.req) { gap:1px; padding:0; border:1px solid #deded2; border-radius:18px; overflow:hidden; background:#deded2; }
.pilot-page :is(.ph,.ms,.rq) { background:#fffdf8; border:0; border-radius:0; padding:28px; box-shadow:none; }
.pilot-page :is(.ph,.ms,.rq)::before,.pilot-page :is(.ph,.ms,.rq)::after { content:none!important; }
.pilot-page :is(.ph,.ms,.rq) h3 { font-size:21px; }
.pilot-page :is(.ph,.ms,.rq) p { font-size:15px; line-height:1.7; }
.pilot-page .when { color:#047857; }
.creative-site.pilot-page > section.dark { background:#edf2ed; color:#081122; clip-path:none; transform:none; }
.creative-site.pilot-page section.dark :is(h2,h3) { color:#081122; }
.pilot-page .sl { background:#fffdf8; border:1px solid #c8d8cf; border-radius:16px; padding:28px; }
.creative-site.pilot-page section.dark .sl :is(p,li) { color:#4e5872; }
.pilot-page .ladder { justify-content:center; flex-wrap:wrap; }
.pilot-page #cta .cta { background:#edf2ed; border:1px solid #c8d8cf; border-radius:18px; box-shadow:none; }
@media(max-width:700px) { .creative-site.pilot-page > .hero { padding:52px 0!important; } .creative-site.pilot-page > section { padding:52px 0; }.pilot-page :is(.ph,.ms,.rq,.sl) { padding:24px; } }
.pilot-page .req > .rq:only-child { grid-column:1 / -1; }
.pilot-page .hero .kicker { border:0; background:none; border-radius:0; padding:0; }
.pilot-page .hero .kicker i { display:none; }

/* Match pilot section tags to Adherence Intelligence and Learn. */
.creative-site.pilot-page .hero .kicker,
.creative-site.pilot-page .lead .eyebrow {
  display:flex; align-items:center; justify-content:center; gap:10px;
  color:#047857; font:600 11px 'JetBrains Mono',monospace;
  letter-spacing:.06em; text-transform:uppercase; margin-bottom:14px;
}
.creative-site.pilot-page .hero .kicker::before,
.creative-site.pilot-page .lead .eyebrow::before {
  content:""; width:24px; height:2px; flex:none;
  background:linear-gradient(90deg,var(--blue) 0 38%,transparent 38% 62%,var(--blue) 62% 100%);
}

/* Ordered measurement rows. */
.pilot-page .pilot-measure-list { max-width:720px; margin:0 auto; padding:0 28px; list-style:none; background:#fffdf8; border:1px solid #deded2; border-radius:18px; }
.pilot-page .pilot-measure-list li { display:grid; grid-template-columns:36px 1fr; align-items:center; gap:20px; padding:22px 0; text-align:left; color:#26334b; font-size:16px; line-height:1.6; }
.pilot-page .pilot-measure-list li + li { border-top:1px solid #e5e4da; }
.pilot-page .measure-number { display:grid; place-items:center; width:36px; height:36px; border:1px solid #bdd9ce; border-radius:50%; background:#edf5ef; color:#047857; font:11px 'JetBrains Mono',monospace; }
@media(max-width:700px) { .pilot-page .pilot-measure-list { padding:0 20px; } .pilot-page .pilot-measure-list li { gap:14px; padding:18px 0; font-size:15px; } }

.preview-tabs{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #dce4dc;background:#f6f8f5}.preview-tabs button{flex:1;padding:10px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#4e5872;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.preview-tabs button[aria-selected="true"]{background:white;border-color:#bad4c7;color:#047857}.preview-tabs button:hover{background:#e7f0e9}.preview-tabs button:focus-visible{outline:2px solid #2450e5;outline-offset:2px}.real-screen [hidden]{display:none!important}

/* Navigation pages share a left-aligned content axis. */
.creative-site #page-ai :is(.ai-intro,.thesis-section,.problem-section,.platform-section,.cta-section) :is(.sec-tag,.sec-h,.sec-sub,.ai-intro-h,.ai-intro-sub,.cta-h,.cta-p,.cta-note) {
 text-align:left!important; margin-left:0!important; margin-right:0!important;
}
.creative-site #page-ai :is(.ai-intro,.thesis-section,.problem-section,.platform-section) .sec-tag { justify-content:flex-start!important; }
.creative-site #page-ai :is(.ai-intro-inner,.thesis-inner,.problem-inner,.platform-inner) { max-width:1084px!important; margin-inline:auto; }
.creative-site #page-ai :is(.thesis-card,.moment-card,.plat-card,.cta-inner) { text-align:left; }
.creative-site #page-ai .cta-actions { justify-content:flex-start; align-items:flex-start; }
.creative-site #page-ai .brief-process { justify-content:flex-start; text-align:left; }
.creative-site #page-ai .brief-related { max-width:1084px; margin:20px auto; text-align:left; }
.creative-site #page-blog .blog-wrap > :is(.sec-tag,.sec-h,.sec-sub) { text-align:left!important; margin-left:0!important; margin-right:0!important; justify-content:flex-start; }
.creative-site.pilot-page > .hero { text-align:left; }
.creative-site.pilot-page .hero .wrap { max-width:1140px; padding-inline:28px; }
.creative-site.pilot-page .hero :is(.kicker,.actions),.creative-site.pilot-page .lead .eyebrow { justify-content:flex-start; }
.creative-site.pilot-page .hero h1 { margin-left:0!important; margin-right:0!important; }
.creative-site.pilot-page .hero .sub,.creative-site.pilot-page .lead,.creative-site.pilot-page .lead p { text-align:left; margin-left:0; margin-right:0; }
.creative-site.pilot-page .pilot-measure-list { margin-left:0; margin-right:0; }
.creative-site.pilot-page .ladder { justify-content:flex-start; }
@media(max-width:700px) {
 .creative-site #page-ai .brief-process { align-items:flex-start; margin-inline:20px; }
 .creative-site #page-ai .brief-related { margin-inline:20px; }
}
@media(max-width:700px) {
 .creative-site #page-ai .problem-section { padding-left:20px; padding-right:20px; }
 .creative-site.pilot-page .hero .wrap,.creative-site.pilot-page > section > .wrap { padding-inline:20px; }
}
.creative-site #page-ai .ai-intro .ai-intro-sub { max-width:680px!important; }
/* Keep the Adherence Intelligence closing call to action centered. */
.creative-site #page-ai .cta-section .cta-inner { text-align:center; }
.creative-site #page-ai .cta-section :is(.cta-h,.cta-p,.cta-note) { text-align:center!important; margin-left:auto!important; margin-right:auto!important; }
.creative-site #page-ai .cta-section .cta-actions { justify-content:center; align-items:center; }
/* Center the closing process summary and related reading. */
.creative-site #page-ai .brief-process { justify-content:center; align-items:center; text-align:center; }
.creative-site #page-ai .brief-related { text-align:center; }

/* Treatment-window focus for the pilot introductions. */
.home-page #pilot .pilot-focus-measurement { display:block; margin-top:16px; }
.pilot-page .pilot-focus-heading { font-size:20px; font-weight:600; color:#047857; margin:0 0 16px; }
.pilot-page .hero .pilot-focus-measurement { margin-top:16px; }