html,body{background:#F6F6EF;color:#242A29}
:root{--b-line:#242a2929}
.hero{background:var(--paper)!important;color:var(--ink);height:auto;min-height:0;max-height:none;overflow:visible;isolation:auto}
.header{padding-top:25px;gap:24px}.brand-slab{background:#ffffff80;border-color:#505fe71f;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:68px}.glass-nav{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;gap:34px;font-size:12px;color:var(--ink)}.header-cta{min-height:50px}.button{font-size:13px;min-height:52px;gap:28px}.primary{background:var(--blue);color:white}.primary .arrow-disc{background:white;color:var(--blue)}.arrow-disc{width:38px;height:38px}.split-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-block:52px 72px;min-height:calc(100svh - 94px)}.hero-copy{padding-bottom:30px}.hero-eyebrow{font-size:10px;color:var(--blue);letter-spacing:.1em;margin-bottom:30px;white-space:normal}.hero h1{color:var(--blue);font-size:clamp(52px,5.7vw,84px);line-height:1.045;letter-spacing:-.06em;font-weight:450;max-width:670px}.hero h1 span{color:var(--ink);display:block}.hero-lede{color:var(--muted);font-size:16px;line-height:1.75;margin-top:29px;max-width:410px}.hero-actions{gap:26px;margin-top:31px}.underlink{border-color:var(--b-line);font-size:12px;gap:20px}.launch-status{font-size:11px;color:var(--muted);margin-top:42px;line-height:1.4;gap:10px}.launch-status i{width:6px;height:6px;background:var(--blue);box-shadow:0 0 0 4px #505fe710}.hero-film{position:relative;min-width:0}.film-window{position:relative;height:clamp(490px,65svh,660px);border-radius:22px;overflow:hidden;background:var(--ink) url('assets/hero-movement-poster.webp') 60% 50%/cover}.hero .film-window video{position:absolute;inset:0;width:100%;height:100%;z-index:auto;object-fit:cover;object-position:60% 50%}.video-toggle{position:absolute;right:18px;bottom:18px;background:#242a29a6;color:var(--paper);border-color:#fff7;z-index:1}.film-caption{position:absolute;bottom:26px;left:-28px;display:grid;grid-template-columns:1fr 32px;column-gap:25px;row-gap:7px;align-items:center;background:var(--lime);border-radius:12px;padding:19px 22px 20px;color:var(--ink);min-width:290px}.film-caption .eyebrow{font-size:8px;letter-spacing:.13em;grid-column:1}.film-caption>p:not(.eyebrow){font-size:21px;line-height:1.25;letter-spacing:-.035em;grid-column:1}.film-caption>svg{grid-column:2;grid-row:1 / 3;width:28px;height:28px;stroke-width:1}.hero-film figcaption{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:34px;letter-spacing:.02em}
.menu-toggle{border-color:#505fe73d;background:#ffffff80}.menu-toggle span{background:var(--blue)}.section{padding-block:100px}.clinical-approach{background:white}.approach-layout{display:grid;grid-template-columns:46% 1fr;gap:70px;align-items:center}.clinical-photo{margin:0;align-self:stretch;display:flex;flex-direction:column}.clinical-photo img{height:100%;max-height:580px;min-height:450px;width:100%;border-radius:22px;object-position:40% 40%}.clinical-photo figcaption{font-size:10px;padding-top:16px;color:var(--muted)}.clinical-copy>.eyebrow{margin-bottom:32px}.clinical-copy h2{font-size:clamp(42px,4vw,60px);line-height:1.09}.clinical-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:24px;max-width:47ch}.clinical-copy>p+p:not(.eyebrow){margin-top:15px}.clarity-list{list-style:none;padding:0;margin:30px 0 0}.clarity-list li{border-top:1px solid var(--b-line);display:flex;align-items:center;gap:15px;font-size:14px;padding:15px 0}.clarity-list svg{color:var(--blue);width:20px;height:20px;stroke-width:1.2}
.linear-heading{display:grid;grid-template-columns:55% 45%;gap:0;align-items:end}.linear-heading h2{font-size:clamp(42px,4.3vw,64px)}.linear-heading>p{font-size:15px;color:var(--muted);max-width:340px;margin-left:auto;margin-bottom:5px}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:55px 0 0;padding:0;list-style:none}.process-list>li{border-top:1px solid var(--b-line);padding:25px 8px 0 0;transition:border-color .18s}.process-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid #505fe74d;font-size:11px;color:var(--blue);font-variant-numeric:tabular-nums}.process-list h3{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin-top:25px}.process-list p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:15px;max-width:28ch}.principles{background:var(--soft);max-width:none;padding-inline:max(var(--gutter),calc((100vw - 1440px)/2 + var(--gutter)))}.principles .section-top{max-width:1440px;margin-inline:auto}.principles-grid{max-width:1440px;margin-inline:auto}.principle-list article{border-color:#505fe72b}.principle-list p{font-size:15px}.principle-list h3{font-size:26px}.principles h2{font-size:clamp(44px,4.6vw,68px)}
.experience{background:white}.experience-heading h2{font-size:clamp(44px,4.6vw,68px)}.portal-frame{border-color:#505fe733;background:var(--paper);border-radius:20px;box-shadow:0 22px 55px #242a2908}.portal-layout{border-color:#505fe71f}.portal-tabs button[aria-selected=true]{background:var(--blue);color:white}.portal-feature{background:var(--soft)}.portal-arrow{background:var(--blue);color:white}.portal-content>p:not(.eyebrow){font-size:14px}.portal-feature p{font-size:12px}.portal-content>h3{color:var(--blue)}.portal-bar{color:#626964}.questions{background:var(--paper)}.closing{border-radius:16px;background:var(--blue);padding:50px 55px}.closing h2{font-size:64px}.closing .arrow-disc{background:var(--blue);color:white}.closing .eyebrow,.closing-action p{color:var(--paper)}footer{background:var(--paper);color:var(--ink);padding-top:0}.footer-main{border-top:1px solid #505fe733;padding-top:45px;margin-inline:var(--gutter);padding-inline:0}.footer-main>p{color:var(--blue)}.footer-main nav{color:var(--ink)}.footer-bottom{border-color:var(--b-line);color:var(--muted)}
@media(hover:hover){.primary:hover{background:#414fcf}.primary:hover .arrow-disc{background:var(--paper)}.process-list>li:hover{border-color:var(--blue)}.footer-main nav a:hover{color:var(--blue)}.glass-nav a:hover{opacity:1;color:var(--blue)}.portal-tabs button:hover{background:var(--soft);color:var(--blue)}.portal-tabs button[aria-selected=true]:hover{background:#414fcf;color:white}}
@media(min-width:1600px){.hero h1{font-size:88px}.split-hero{gap:85px}.film-window{height:660px}.hero-lede{font-size:17px}}
@media(max-width:1100px){.split-hero{gap:44px}.hero h1{font-size:clamp(48px,5.6vw,70px)}.hero-actions{gap:22px}.hero-actions .button{gap:20px}.film-caption{left:-20px;min-width:250px;padding:17px 19px}.film-caption>p:not(.eyebrow){font-size:19px}.approach-layout{gap:45px}.clinical-copy h2{font-size:43px}.clinical-photo img{min-height:480px}.principle-list p{font-size:14px}}
@media(max-width:900px){.split-hero{grid-template-columns:1fr;gap:35px;padding-block:50px 60px;min-height:0}.hero-copy{padding-bottom:0}.hero h1{font-size:64px;max-width:700px}.hero h1 span{max-width:none}.hero-lede{max-width:500px}.launch-status{margin-top:28px}.hero-film{margin-left:20px}.film-window{height:440px}.film-caption{left:-20px;bottom:26px}.hero-film figcaption{padding-top:34px}.approach-layout{grid-template-columns:1fr 1.1fr;gap:35px}.clinical-copy h2{font-size:37px}.clinical-copy>p:not(.eyebrow){font-size:14px}.clinical-photo img{min-height:520px}.linear-heading{grid-template-columns:1fr 1fr;gap:30px}.linear-heading h2{font-size:43px}.process-list{gap:20px}.process-list h3{font-size:21px}.process-list p{font-size:13px}.closing h2{font-size:54px}}
@media(max-width:700px){.header{padding-top:17px}.brand-slab{width:130px;height:58px}.header-cta{display:none}.split-hero{padding-top:45px;gap:36px;padding-bottom:55px}.hero-copy{padding:0}.hero-eyebrow{font-size:9px;letter-spacing:.07em;gap:12px;margin-bottom:25px}.hero h1{font-size:clamp(46px,12vw,62px);line-height:1.065;max-width:100%;letter-spacing:-.06em}.hero h1 span{max-width:none;color:var(--ink)}.hero-lede{font-size:15px;max-width:37ch;margin-top:23px;line-height:1.7}.hero-actions{margin-top:25px;gap:22px}.hero-actions .button{min-height:50px;font-size:12px;gap:20px;padding-left:18px}.hero-actions .arrow-disc{width:36px;height:36px}.underlink{font-size:11px;gap:12px}.launch-status{font-size:10px;margin-top:26px;gap:9px}.hero-film{margin-left:14px}.film-window{height:340px;border-radius:18px;background-image:url('assets/hero-movement-mobile-poster.webp');background-position:50% 50%}.hero .film-window video{object-position:50% 50%}.film-caption{left:-14px;min-width:240px;bottom:27px;gap:5px 16px;padding:15px 18px;border-radius:11px}.film-caption .eyebrow{font-size:7px}.film-caption>p:not(.eyebrow){font-size:19px}.film-caption>svg{width:24px;height:24px}.hero-film figcaption{font-size:8px;padding-top:34px}.video-toggle{right:14px;bottom:30px;width:42px;height:42px}.section{padding-block:64px}.approach-layout{display:flex;flex-direction:column;gap:35px}.clinical-copy{order:-1}.clinical-copy>.eyebrow{margin-bottom:27px}.clinical-copy h2{font-size:40px}.clinical-copy>p:not(.eyebrow){font-size:14px}.clarity-list{margin-top:25px}.clarity-list li{font-size:14px}.clinical-photo{width:100%}.clinical-photo img{height:340px;min-height:0;border-radius:18px}.clinical-photo figcaption{font-size:9px}.linear-heading{display:block}.linear-heading h2{font-size:40px}.linear-heading>p{margin:24px 0 0;font-size:14px;max-width:36ch}.process-list{display:flex;flex-direction:column;margin-top:36px;gap:0}.process-list>li{display:grid;grid-template-columns:35px 1fr;gap:19px;padding:24px 0}.process-number{width:32px;height:32px;margin-top:2px;font-size:10px}.process-list h3{font-size:24px;margin:0}.process-list p{margin-top:11px;font-size:14px;max-width:30ch}.principles{padding-inline:var(--gutter)}.principles h2,.experience-heading h2{font-size:43px}.principle-list p{font-size:14px}.principle-list h3{font-size:24px}.portal-content>p:not(.eyebrow){font-size:13px}.portal-feature p{font-size:12px}.closing{padding:34px 28px;border-radius:16px;margin-top:60px}.closing h2{font-size:47px}.footer-main{padding-top:35px}.footer-main nav{margin-top:28px}.footer-bottom{margin-top:30px}.launch-dialog .button.primary{color:white}}
@media(max-height:760px) and (min-width:901px){.hero{min-height:0}.split-hero{padding-block:35px 55px}.film-window{height:490px}.hero h1{font-size:clamp(50px,5.6vw,76px)}}
@media(prefers-reduced-motion:reduce){.hero{background-image:none!important}.film-window{background-image:url('assets/hero-movement-poster.webp')}.hero video{display:none}@media(max-width:700px){.film-window{background-image:url('assets/hero-movement-mobile-poster.webp')}}}
@media(prefers-reduced-transparency:reduce){.brand-slab,.glass-nav,.menu-toggle{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}.video-toggle{background:var(--ink)}}

.faq-privacy-link {
  color: var(--blue);
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: .22em;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}

@media (min-width: 701px) {
  #approach .brief-topics,
  #journey .process-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 901px) {
  .header .glass-nav { margin-left: auto; }
  .header .header-actions:has(.menu-toggle:only-child) { display: none; }
}

#journey .process-list > li {
  position: relative;
}

#journey .process-list > li::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto;
  height: 3px;
  background: var(--blue);
  pointer-events: none;
}

.care-replay {
  margin-top: 28px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--b-line);
  border-radius: 24px;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.care-replay[hidden] { display: none; }
.care-replay span { margin-right: 5px; }
#journey .process-number { background: var(--blue); color: white; }

@keyframes draw-care-rule {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes highlight-care-step {
  from { background: var(--paper); color: var(--blue); }
  to { background: var(--blue); color: white; }
}
@media (prefers-reduced-motion: no-preference) {
  #journey .process-list > li:nth-child(2) { --step-delay: 430ms; }
  #journey .process-list > li:nth-child(3) { --step-delay: 860ms; }
  #journey .playing > li::before {
    transform-origin: left;
    animation: draw-care-rule 540ms var(--ease) var(--step-delay, 0ms) both;
  }
  #journey .playing .process-number {
    animation: highlight-care-step 320ms var(--ease) var(--step-delay, 0ms) both;
  }

  .brief-cta[data-whatsapp] {
    transition: transform 120ms var(--ease), background-color 180ms ease;
  }

  .brief-cta[data-whatsapp]:active { transform: scale(.98); }
}

.doctor-panel {
  padding-block: clamp(30px, 5vw, 72px);
  border-top: 1px solid var(--b-line);
}
.doctor-panel h2 { font-size: clamp(40px, 4.3vw, 64px); }
.doctor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 48px);
  margin-top: 32px;
}
.portrait-mat {
  padding: clamp(8px, 1vw, 15px);
  border: 3px solid var(--blue);
  border-radius: 18px;
  background: var(--paper);
  box-shadow: 0 3px 0 #333f9d, 0 6px 14px #242a2910;
}
.portrait-window {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 7px;
}
.portrait-window img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doctor-profile h3 {
  margin: 18px 0 6px;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.15;
}
.doctor-profile p { font-size: 14px; line-height: 1.55; }
.doctor-profile p + p { margin-top: 5px; color: var(--muted); }
@media (max-width: 700px) {
  .doctor-grid { grid-template-columns: 1fr; gap: 20px; }
  .doctor-profile {
    display: grid;
    grid-template-columns: clamp(104px, 32vw, 160px) minmax(0, 1fr);
    align-items: center;
    gap: 16px;
  }
  .portrait-mat { padding: 6px; border-width: 2px; border-radius: 12px; }
  .portrait-window { border-radius: 5px; }
  .doctor-profile h3 { margin-top: 0; }
}

.glass-nav a[aria-current="page"] { color: var(--blue); box-shadow: 0 2px var(--blue); }
.menu-dialog nav a[aria-current="page"] { color: var(--blue); }
body:not([data-page="index"]) .header { margin-bottom: clamp(24px, 4vw, 58px); }
body:not([data-page="index"]) main h1 {
  font-size: clamp(42px, 5.5vw, 80px);
  line-height: 1.04;
  letter-spacing: -.062em;
  font-weight: 450;
}
.hero-secondary, .feature-link {
  display: inline-flex; align-items: center; gap: .8em;
  color: var(--blue); font-size: 15px; font-weight: 650;
  min-height: 44px;
}
.hero .hero-secondary { align-self: center; }
.feature-link span, .hero-secondary span { transition: transform 160ms var(--ease); }
@media (hover:hover) {
  .feature-link:hover span, .hero-secondary:hover span { transform: translateX(3px); }
}
.next-page { padding-bottom: clamp(32px, 5vw, 72px); }
.home-explore { padding-block: clamp(36px, 5vw, 80px); border-top: 1px solid var(--b-line); }
.home-explore h2 { font-size: clamp(36px, 4vw, 60px); letter-spacing: -.055em; line-height: 1.1; }
.feature-tabs {
  display: inline-flex; padding: 4px; gap: 2px; background: var(--soft);
  border-radius: 30px; margin: 24px 0 18px; max-width: 100%;
}
.feature-tabs button {
  font: inherit; font-size: 14px; font-weight: 600; background: transparent; color: var(--ink);
  padding: 0 clamp(10px, 2vw, 24px); border: 0; border-radius: 24px; min-height: 44px; cursor: pointer;
}
.feature-tabs button[aria-selected="true"] { color: white; background: var(--blue); }
.feature-panel {
  display: grid; grid-template-columns: 1fr 1.1fr; background: var(--soft); border-radius: 20px;
  overflow: hidden; margin-top: 8px;
}
.feature-panel[hidden], .feature-tabs[hidden] { display: none; }
.feature-copy { align-self: center; padding: clamp(24px, 4vw, 60px); }
.feature-copy h3 { font-size: clamp(30px, 3vw, 49px); line-height: 1.1; letter-spacing: -.05em; }
.feature-copy p { max-width: 36ch; margin: 14px 0; line-height: 1.6; }
.feature-art { display: flex; min-width: 0; height: clamp(220px, 23vw, 340px); }
.feature-art > img { width: 100%; height: 100%; object-fit: cover; }
.feature-art.art-team {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  height: auto;
  gap: clamp(6px, 1vw, 16px);
  padding: clamp(14px, 2vw, 32px);
}
.art-team .portrait-mat { padding: clamp(4px, .45vw, 8px); border-width: 2px; border-radius: 12px; }
.art-team .portrait-window { border-radius: 5px; }
@media (max-width: 700px) {
  .feature-panel { grid-template-columns: 1fr; }
  .feature-art { grid-row: 1; height: clamp(146px, 42vw, 240px); }
  .feature-tabs button { font-size: 13px; }
  body[data-page="guide"] .brief-guide-copy { grid-row: 1; }
  body[data-page="guide"] .brief-guide-cover { max-width: 400px; }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes feature-enter { from { opacity: .65; transform: translateY(4px); } to { opacity: 1; transform: none; } }
  .feature-tabs:not([hidden]) ~ .feature-panel:not([hidden]) { animation: feature-enter 220ms var(--ease) both; }
}
