@font-face {
  font-family: "DM Serif Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/dm-serif-display-regular.ttf") format("truetype");
}

@font-face {
  font-family: "DM Serif Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/dm-serif-display-italic.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-variable.ttf") format("truetype");
}

:root { --ink: #163d39; --ink-deep: #0e2926; --coral: #e56f61; --coral-soft: #f7d5ce; --paper: #f5f0e8; --cream: #fcfaf5; --jade: #a7c7ae; --mustard: #e3bd64; --mist: #dce8df; --line: rgba(22,61,57,.16); --body: #50625d; --background: var(--cream); --foreground: var(--ink); --primary: var(--ink); --primary-foreground: var(--cream); --border: var(--line); --ring: var(--coral); --radius: 0; }
* { box-sizing: border-box; border-color: var(--line); }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--cream); color: var(--ink); font-family: "Manrope", sans-serif; font-size: 16px; line-height: 1.55; }
body::before { content: ""; pointer-events: none; position: fixed; inset: 0; z-index: 100; opacity: .09; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; } button, input, select { font: inherit; } button { cursor: pointer; } img { max-width: 100%; display: block; } h1,h2,h3,p { margin-top: 0; } h1,h2,h3 { font-weight: 400; line-height: .98; letter-spacing: -.04em; } h1,h2 { font-family: "DM Serif Display", Georgia, serif; } h1 em,h2 em { color: var(--coral); font-style: italic; } p { color: var(--body); }
.page-frame { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.sale-strip { background: var(--coral); color: var(--ink-deep); font-size: 12px; letter-spacing: .015em; }
.sale-strip-inner { min-height: 37px; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.sale-link { display: inline-flex; align-items: center; gap: 5px; font-weight: 800; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; }
.masthead { position: sticky; top: 0; z-index: 50; background: rgba(252,250,245,.95); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.masthead-inner { height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; }
.brand-mark { width: 34px; height: 34px; object-fit: contain; }
.brand-name { font-family: "DM Serif Display", Georgia, serif; font-size: 29px; letter-spacing: -.07em; line-height: 1; }.brand-name span { color: var(--coral); }
.brand-tag { font-size: 8px; letter-spacing: .16em; font-weight: 800; color: var(--body); margin-left: 2px; }
.desktop-nav { display: flex; height: 100%; align-items: center; gap: 23px; margin-left: auto; }.nav-item { font-size: 12px; font-weight: 700; color: #3d5650; position: relative; }.nav-item::after { content: ""; height: 2px; background: var(--coral); width: 0; left: 0; bottom: -7px; position: absolute; transition: width .2s var(--ease-out, ease); }.nav-item:hover::after,.nav-item.active::after { width: 100%; }.nav-item.active { color: var(--ink); }
.header-cta,.button { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; font-size: 12px; transition: transform .16s cubic-bezier(.23,1,.32,1), background .16s; }.header-cta { background: var(--ink); color: white; padding: 12px 15px; margin-left: 8px; }.header-cta:hover,.button.primary:hover { transform: translateY(-2px); background: var(--coral); color: var(--ink-deep); }.menu-toggle { display: none; color: var(--ink); background: transparent; border: 0; padding: 6px; }
.mobile-menu { display: none; }.hero { min-height: 635px; position: relative; background: var(--ink-deep); color: white; }.hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,36,33,.97) 0%,rgba(9,36,33,.86) 37%,rgba(9,36,33,.25) 74%,rgba(9,36,33,.1) 100%); }.hero-content { position: relative; padding-top: 111px; }.hero-kicker,.eyebrow { display: flex; align-items: center; gap: 9px; font-size: 10px; letter-spacing: .15em; font-weight: 800; text-transform: uppercase; }.hero-kicker { color: #d5e0d7; }.hero-dot,.eyebrow span { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--coral); }.hero h1 { margin: 25px 0 23px; font-size: clamp(61px, 7vw, 106px); color: white; }.hero h1 em { color: #f5c4b9; }.hero p { width: min(480px, 100%); color: #e1e8e4; font-size: 17px; line-height: 1.65; }.hero-actions { display: flex; gap: 10px; margin-top: 33px; }.button { padding: 14px 17px; border: 1px solid transparent; }.button.primary { background: var(--coral); color: var(--ink-deep); }.button.subtle { border-color: rgba(255,255,255,.45); color: white; }.button.subtle:hover { background: white; color: var(--ink); }.button.ink { color: white; background: var(--ink); }.button:active { transform: scale(.97); }.hero-foot { position: absolute; z-index: 1; bottom: 25px; left: 50%; transform: translateX(-50%); color: #d5e0d7; display: flex; gap: 22px; align-items: center; font-size: 10px; letter-spacing: .12em; font-weight: 800; }.hero-foot span:nth-child(2) { margin-left: auto; }.hero-foot a { color: var(--coral); }
.start-section { padding: 115px 0 100px; }.section-heading { display: flex; justify-content: space-between; gap: 45px; }.section-heading h2,.page-intro h1 { font-size: clamp(48px, 5vw, 76px); margin: 18px 0 0; }.section-heading.split > p { width: 310px; align-self: end; font-size: 14px; }.start-routes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 56px; }.route-card { min-height: 325px; padding: 25px; display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--line); transition: transform .22s cubic-bezier(.23,1,.32,1), box-shadow .22s; }.route-card:hover { transform: translateY(-6px); box-shadow: 10px 12px 0 var(--mist); }.route-number { color: var(--coral); font-size: 12px; font-weight: 800; letter-spacing: .12em; }.route-card svg { margin: 38px 0 25px; }.route-card h3 { font-family: "DM Serif Display", Georgia, serif; font-size: 30px; }.route-card p { font-size: 13px; max-width: 270px; }.route-card > svg:last-child { margin: auto 0 0 auto; }.route-dark { background: var(--ink); color: white; }.route-dark p { color: #d1ddd6; }.route-dark .route-number { color: var(--coral-soft); }.route-coral { background: var(--coral); color: var(--ink-deep); }.route-coral p { color: #213d37; }.route-coral .route-number { color: white; }
.reading-section { padding: 105px 0; background: var(--ink-deep); color: white; }.reading-head h2 { color: white; }.reading-head .eyebrow { color: var(--jade); }.text-link { align-self: end; display: inline-flex; gap: 6px; align-items: center; font-weight: 800; font-size: 12px; color: var(--coral); padding-bottom: 4px; border-bottom: 1px solid currentColor; }.reading-grid { display: grid; grid-template-columns: 1.42fr 1fr 1fr; gap: 1px; margin-top: 55px; background: rgba(255,255,255,.15); }.article-card { display: flex; flex-direction: column; padding: 27px; min-height: 300px; background: var(--ink-deep); color: white; transition: background .2s, transform .2s; }.article-card:hover { background: #1c514a; }.article-card.featured { min-height: 385px; background: var(--coral); color: var(--ink-deep); }.article-card.featured:hover { background: #ee8a7e; }.article-meta { display: flex; justify-content: space-between; align-items: center; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.pill { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border: 1px solid currentColor; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: none; }.pill i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }.pill.base { color: #b9e2c1; }.pill.study { color: #f3cb6d; }.pill.clinical { color: #f7ada1; }.featured .pill { color: var(--ink-deep); }.article-card h3 { font-family: "DM Serif Display",Georgia,serif; font-size: 31px; margin: 28px 0 16px; }.article-card p { color: #d1ddd6; font-size: 13px; }.article-card.featured p { color: #25423d; }.article-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; font-size: 11px; font-weight: 700; }.article-footer span { display: inline-flex; align-items: center; gap: 5px; }
.evidence-section { padding: 112px 0; display: grid; grid-template-columns: .9fr 1.1fr; gap: 12%; }.evidence-intro h2 { font-size: clamp(48px, 5vw, 76px); margin: 18px 0 25px; }.evidence-intro > p { max-width: 350px; font-size: 14px; }.evidence-intro .text-link { margin-top: 18px; }.evidence-scale { border-top: 1px solid var(--line); }.evidence-scale > div { padding: 29px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 165px 1fr 1fr; align-items: center; gap: 18px; }.evidence-scale h3 { font-size: 24px; font-family: "DM Serif Display",Georgia,serif; margin: 0; }.evidence-scale p { margin: 0; font-size: 12px; }.evidence-scale .pill.base { color: #378c5d; }.evidence-scale .pill.study { color: #a07818; }.evidence-scale .pill.clinical { color: #bd5549; }
.symptom-band { background: var(--paper); padding: 110px 0; }.symptom-band-layout { display: grid; grid-template-columns: .92fr 1.08fr; gap: 9%; }.symptom-copy h2 { font-size: clamp(45px, 4vw, 67px); margin: 18px 0; }.symptom-copy p { max-width: 370px; font-size: 14px; }.symptom-copy .button { margin-top: 22px; }.symptom-list { border-top: 1px solid var(--line); }.symptom-item { padding: 18px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 36px 1fr auto; gap: 12px; align-items: center; transition: padding .2s, background .2s; }.symptom-item:hover { padding-left: 10px; background: rgba(255,255,255,.35); }.symptom-item > span { font-size: 10px; font-weight: 800; }.symptom-item h3 { font-family: "DM Serif Display",Georgia,serif; font-size: 27px; margin: 0 0 4px; }.symptom-item p { margin: 0; font-size: 12px; }.symptom-item.coral > span { color: #c55044; }.symptom-item.jade > span { color: #39806a; }.symptom-item.mustard > span { color: #9f7919; }.symptom-item.ink > span { color: var(--ink); }
.lab-feature { padding: 118px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: center; }.lab-photo { min-height: 530px; position: relative; }.lab-photo img { width: 100%; height: 100%; min-height: 530px; object-fit: cover; }.lab-photo span { position: absolute; bottom: 0; right: 0; background: var(--coral); padding: 12px 15px; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.lab-copy h2 { font-size: clamp(47px, 4.6vw, 71px); margin: 18px 0; }.lab-copy > p { font-size: 15px; max-width: 450px; }.lab-points { margin: 29px 0; border-top: 1px solid var(--line); }.lab-points > div { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 800; }.lab-points svg { color: var(--coral); }
.atlas-map { padding: 105px 0; background: var(--ink); color: white; }.atlas-inner { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9%; }.atlas-inner h2 { font-size: clamp(47px, 4.5vw, 71px); margin: 18px 0; }.atlas-inner .eyebrow { color: var(--jade); }.atlas-links { border-top: 1px solid rgba(255,255,255,.3); }.atlas-links a { display: grid; grid-template-columns: 38px 1fr 1.25fr auto; align-items: center; gap: 12px; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.3); transition: padding .2s,color .2s; }.atlas-links a:hover { padding-left: 10px; color: var(--coral-soft); }.atlas-links span { font-size: 10px; color: var(--coral); font-weight: 800; }.atlas-links strong { font-family: "DM Serif Display",Georgia,serif; font-size: 26px; font-weight: 400; }.atlas-links p { margin: 0; color: #d6dfd9; font-size: 12px; }
.newsletter { margin: 110px 0; padding: 47px; background: var(--coral-soft); display: flex; justify-content: space-between; gap: 35px; align-items: end; }.newsletter h2 { font-size: clamp(37px, 3.8vw, 59px); margin: 15px 0 0; }.newsletter form { width: min(380px,100%); display: flex; flex-wrap: wrap; gap: 8px; }.newsletter input { flex: 1; min-width: 185px; border: 1px solid var(--ink); background: rgba(255,255,255,.5); padding: 14px; outline: none; font-size: 12px; }.newsletter input:focus { box-shadow: 4px 4px 0 var(--ink); }.newsletter button { display: inline-flex; align-items: center; gap: 7px; border: 0; background: var(--ink); color: white; padding: 0 14px; font-weight: 800; font-size: 11px; }.newsletter small { width: 100%; color: #51645e; font-size: 10px; }.newsletter.compact { margin: 80px 0; }
.footer { padding-top: 75px; background: #0c2926; color: white; }.footer-grid { display: grid; grid-template-columns: 1.2fr .55fr .7fr 1fr; gap: 40px; }.footer-logo { color: white; }.footer-brand p { color: #c4d1ca; max-width: 300px; margin: 17px 0; font-size: 13px; }.footer-email { font-size: 12px; color: var(--coral-soft); display: inline-flex; align-items: center; gap: 7px; }.footer-column { display: flex; flex-direction: column; gap: 10px; font-size: 12px; }.footer-overline { color: var(--coral); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 10px; }.footer-column a:hover { color: var(--coral-soft); }.footer-note p:last-child { color: #c4d1ca; font-size: 12px; }.footer-bottom { border-top: 1px solid rgba(255,255,255,.17); margin-top: 52px; padding: 16px 0; display: flex; justify-content: space-between; color: #a9bab1; font-size: 10px; }
/* Interior pages */
.page-intro { padding: 105px 0 65px; background: var(--paper); border-bottom: 1px solid var(--line); }.page-intro-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 9%; align-items: end; }.page-intro h1 { margin-bottom: 0; }.page-intro-copy { padding-bottom: 7px; }.page-intro-copy > p { font-size: 16px; margin-bottom: 22px; }.intro-aside { display: flex; gap: 10px; align-items: start; border-top: 1px solid var(--line); padding-top: 13px; font-size: 11px; color: var(--body); }.intro-aside svg { flex: 0 0 auto; color: var(--coral); }
.symptom-page-grid { padding: 100px 0; display: grid; grid-template-columns: .62fr 1.38fr; gap: 10%; }.section-rail p { font-size: 13px; max-width: 230px; }.symptom-cards { border-top: 1px solid var(--line); }.symptom-item.page { padding: 22px 0; }.tracking-section { padding: 90px 0; background: var(--ink); color: white; }.tracking-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 10%; }.tracking-layout .eyebrow { color: var(--jade); }.tracking-layout h2 { font-size: clamp(43px,4vw,65px); margin: 18px 0; }.tracking-list { border-top: 1px solid rgba(255,255,255,.24); }.tracking-list > div { padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.24); display: grid; grid-template-columns: 45px 1fr 1.6fr; gap: 12px; align-items: center; }.tracking-list span { color: var(--coral); font-size: 11px; font-weight: 800; }.tracking-list h3 { margin: 0; font-family: "DM Serif Display",Georgia,serif; font-size: 23px; }.tracking-list p { margin: 0; font-size: 12px; color: #d5e0d7; }.context-callout { padding: 60px 0; display: grid; grid-template-columns: 55px 1fr auto; gap: 25px; align-items: center; border-bottom: 1px solid var(--line); }.context-callout svg { color: var(--coral); }.context-callout h2 { font-size: 35px; margin: 0 0 10px; }.context-callout p { margin: 0; font-size: 13px; max-width: 600px; }.symptom-faq { padding: 95px 0; display: grid; grid-template-columns: .85fr 1.15fr; gap: 10%; }.symptom-faq h2 { font-size: 54px; margin: 18px 0; }.symptom-faq article { padding: 20px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 34px 1fr; column-gap: 13px; }.symptom-faq article:last-child { border-bottom: 1px solid var(--line); }.symptom-faq article h3 { font-size: 24px; margin: 0 0 8px; }.symptom-faq article p { grid-column: 2; font-size: 12px; margin: 0; }
.test-table-wrap { padding: 100px 0; }.table-head { display: flex; justify-content: space-between; gap: 50px; margin-bottom: 50px; }.table-head h2 { font-size: 58px; margin: 18px 0 0; }.table-head > p { width: 330px; align-self: end; font-size: 13px; }.test-table { border-top: 2px solid var(--ink); }.test-table article { padding: 25px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1.05fr 1.1fr 1.2fr 1.35fr; gap: 25px; }.test-name { display: flex; gap: 14px; }.test-name span { color: var(--coral); font-size: 11px; font-weight: 800; padding-top: 4px; }.test-name h3 { font-size: 27px; margin: 0; }.test-table p { font-size: 12px; margin: 0; }.test-table strong { display: block; margin-bottom: 6px; color: var(--ink); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }.test-table .limit { display: flex; gap: 8px; }.test-table .limit svg { flex: 0 0 auto; color: var(--coral); }.test-checklist { background: var(--paper); padding: 90px 0; }.checklist-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 10%; }.checklist-layout h2 { font-size: 55px; margin: 18px 0; }.checklist { border-top: 1px solid var(--line); }.checklist > div { display: grid; grid-template-columns: 35px 28px 1fr; align-items: center; gap: 10px; padding: 15px 0; border-bottom: 1px solid var(--line); }.checklist > div > span { font-size: 10px; color: var(--coral); font-weight: 800; }.checklist p { margin: 0; font-family: "DM Serif Display",Georgia,serif; color: var(--ink); font-size: 23px; }.test-feature { padding: 105px 0; display: grid; grid-template-columns: 1.1fr .9fr; gap: 9%; align-items: center; }.test-feature h2 { font-size: clamp(43px, 4vw,63px); margin: 22px 0; }.test-feature > div > p { max-width: 530px; font-size: 14px; }.test-feature-graphic { min-height: 300px; background: var(--ink); position: relative; overflow: hidden; padding: 22px; color: var(--jade); }.test-feature-graphic span { letter-spacing: .16em; font-size: 10px; font-weight: 800; }.test-feature-graphic i { display: block; height: 1px; background: var(--jade); margin-top: 42px; width: 75%; opacity: .7; }.test-feature-graphic i:nth-child(3) { width: 46%; }.test-feature-graphic i:nth-child(4) { width: 62%; }.test-feature-graphic b { width: 95px; height: 95px; border-radius: 50%; background: var(--coral); color: var(--ink); display: grid; place-items: center; font-family: "DM Serif Display"; font-size: 55px; position: absolute; bottom: 30px; right: 30px; }
.micro-hero { height: 570px; position: relative; overflow: hidden; color: white; }.micro-hero > img { width: 100%; height: 100%; object-fit: cover; }.micro-hero::after { content:""; position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,41,38,.91),rgba(14,41,38,.1)); }.micro-overlay { position: absolute; z-index: 1; left: 58px; top: 74px; width: min(650px, 80%); }.micro-overlay .eyebrow { color: var(--coral-soft); }.micro-overlay h2 { font-size: clamp(45px,4.7vw,72px); margin: 20px 0; }.micro-overlay p { color: #d9e4dd; max-width: 530px; font-size: 14px; }.micro-pillars { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; padding: 100px 0; }.micro-pillars article { min-height: 320px; border-left: 1px solid var(--line); padding: 0 30px; position: relative; }.micro-pillars article:last-child { border-right: 1px solid var(--line); }.pillar-number { color: var(--coral); display: block; font-size: 11px; font-weight: 800; margin-bottom: 54px; }.micro-pillars article > svg { position: absolute; top: 0; right: 25px; color: var(--jade); }.micro-pillars h3 { font-size: 37px; margin: 0 0 14px; }.micro-pillars p { font-size: 13px; min-height: 94px; }.micro-pillars .pill.base { color:#378c5d; }.micro-pillars .pill.study { color:#a07818; }.micro-pillars .pill.clinical { color:#bd5549; }.micro-statement { background: var(--coral); padding: 102px 0; }.statement-index { color: var(--ink); font-weight: 800; font-size: 10px; letter-spacing: .14em; }.micro-statement blockquote { max-width: 900px; margin: 30px 0; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(45px,5vw,76px); line-height: .98; letter-spacing: -.04em; }.micro-statement .text-link { color: var(--ink); }.related-reading { padding: 105px 0 0; }.reading-grid.two { grid-template-columns: repeat(2,1fr); }.reading-grid.two .article-card { min-height: 330px; }
.guides-lead { display: grid; grid-template-columns: 1.08fr .92fr; gap: 8%; padding: 100px 0; align-items: center; }.guide-photo { min-height: 470px; position: relative; overflow: hidden; }.guide-photo img { height: 470px; width: 100%; object-fit: cover; transition: transform .5s; }.guide-photo:hover img { transform: scale(1.04); }.guide-photo span { position: absolute; left: 0; bottom: 0; padding: 12px 15px; background: var(--ink); color: white; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.guide-lead-copy h2 { font-size: clamp(45px,4.3vw,66px); margin: 18px 0; }.guide-lead-copy p { font-size: 15px; max-width: 410px; }.guide-lead-copy .button { margin-top: 18px; }.guide-filter { background: var(--ink); color: white; }.filter-inner { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.filter-label { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 700; }.filter-pills { display: flex; flex-wrap: wrap; gap: 8px; }.filter-pills button { border: 1px solid rgba(255,255,255,.45); background: transparent; color: white; padding: 7px 11px; font-size: 10px; font-weight: 800; }.filter-pills button:first-child,.filter-pills button:hover { background: var(--coral); border-color: var(--coral); color: var(--ink); }.guide-archive { padding: 110px 0; display: grid; grid-template-columns: .66fr 1.34fr; gap: 10%; }.archive-title h2 { margin: 18px 0; font-size: 60px; }.archive-title > p { font-size: 12px; display: flex; gap: 7px; align-items: center; }.guide-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--line); }.guide-list .article-card { min-height: 285px; }.guide-end { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 32px 0; display: flex; justify-content: space-between; align-items:center; }.guide-end p { margin:0; font-family:"DM Serif Display",Georgia,serif; color:var(--ink);font-size:28px; }.guide-end a { display:flex;align-items:center;gap:5px; color:var(--coral);font-weight:800;font-size:12px; }
.directory-tools { padding: 45px 0; display: flex; gap: 12px; }.directory-search { border: 1px solid var(--line); padding: 13px 15px; display: flex; align-items:center;gap:10px; flex:1; background: white; font-size:12px; }.directory-search span { color:var(--body); }.directory-search button { margin-left:auto;border:0;border-left:1px solid var(--line);padding:2px 0 2px 14px;background:transparent;color:var(--ink);font-size:12px;font-weight:800;display:flex;gap:6px;align-items:center; }.directory-filter { border:1px solid var(--ink);background:var(--ink);color:white;padding:0 17px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800; }.directory-layout { padding: 50px 0 110px; display: grid; grid-template-columns: .68fr 1.32fr; gap: 10%; }.directory-aside h2 { font-size: 56px; margin: 18px 0; }.directory-aside p { max-width:320px;font-size:13px; }.directory-aside .text-link { margin-top:15px; }.professional-list { border-top:2px solid var(--ink); }.professional-card { padding: 26px 0; border-bottom:1px solid var(--line); display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:start; }.professional-index { font-size:11px;font-weight:800;color:var(--coral);padding-top:4px; }.professional-main p { margin:0 0 8px;color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.professional-main h3 { font-size:31px;margin:0 0 9px; }.professional-main span { color:var(--body);font-size:12px;display:block;max-width:520px; }.professional-card > a { color:var(--coral);padding-top:8px; }.directory-proposal { background:var(--paper);padding:90px 0; }.proposal-layout { display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:center; }.proposal-layout>svg{color:var(--coral);}.proposal-layout h2{font-size:55px;margin:18px 0;}.proposal-layout p{font-size:13px;max-width:640px;margin:0;}
.observatory-hero { min-height:590px;position:relative;color:white;background:var(--ink); }.observatory-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}.observatory-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,41,38,.94),rgba(12,41,38,.15));}.observatory-copy{position:relative;z-index:1;padding-top:105px;}.observatory-copy .eyebrow{color:var(--coral-soft);}.observatory-copy h2{font-size:clamp(55px,6vw,88px);margin:20px 0;}.observatory-copy p{color:#dae5df;font-size:15px;max-width:450px;}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:100px 0;}.signal-grid article{padding:0 30px;min-height:270px;border-left:1px solid var(--line);}.signal-grid article:last-child{border-right:1px solid var(--line);}.signal-grid article>svg{color:var(--coral);}.signal-grid article>span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--body);margin:25px 0;}.signal-grid h3{font-size:31px;margin:0 0 13px;}.signal-grid p{font-size:12px;min-height:78px;}.signal-grid a,.observatory-letter a{font-size:11px;font-weight:800;color:var(--coral);display:inline-flex;gap:6px;align-items:center;}.observatory-letter{background:var(--ink);padding:100px 0;color:white;}.observatory-letter p{color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.14em;}.observatory-letter h2{font-size:clamp(43px,4.4vw,67px);max-width:1050px;margin:25px 0 35px;}.observatory-letter a{color:var(--coral-soft);}
.article-hero{background:var(--paper);padding:66px 0 82px;border-bottom:1px solid var(--line);}.back-link{font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:7px;color:var(--body);}.article-heading{max-width:900px;margin-top:65px;}.article-heading h1{font-size:clamp(55px,6.5vw,104px);margin:20px 0 28px;}.article-heading>p{font-size:19px;max-width:700px;}.article-byline{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:16px;margin-top:37px;font-size:11px;font-weight:700;color:var(--body);}.article-byline span{display:inline-flex;align-items:center;gap:6px;}.article-layout{display:grid;grid-template-columns:220px minmax(0,700px);gap:10%;padding:85px 0;justify-content:center;}.article-side{font-size:11px;}.article-side p{font-size:11px;margin:14px 0 20px;}.article-side button{background:transparent;border:0;padding:0;color:var(--ink);font-size:11px;font-weight:800;display:flex;gap:7px;align-items:center;}.article-body{font-size:16px;}.article-body .lead-paragraph{font-family:"DM Serif Display",Georgia,serif;font-size:31px;line-height:1.2;color:var(--ink);}.article-body h2{font-size:43px;margin:52px 0 15px;}.article-body p{font-size:15px;line-height:1.75;}.article-body blockquote{border-left:3px solid var(--coral);margin:39px 0;padding:10px 0 10px 22px;font-family:"DM Serif Display",Georgia,serif;font-size:29px;line-height:1.17;}.article-body ol{padding-left:20px;color:var(--body);font-size:15px;line-height:2;}.article-takeaway{display:flex;gap:15px;background:var(--coral-soft);padding:23px;margin:38px 0;}.article-takeaway svg{color:var(--coral);flex:0 0 auto;}.article-takeaway strong{font-size:12px;}.article-takeaway p{margin:5px 0 0;font-size:13px;line-height:1.5;}.article-related{background:var(--ink-deep);color:white;padding:95px 0;}.article-related .reading-head h2{color:white;}
.sale-hero{padding:115px 0;background:var(--ink);color:white;overflow:hidden;}.sale-hero-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:510px;}.sale-hero .eyebrow{color:var(--jade);}.sale-hero h1{font-size:clamp(61px,6.8vw,103px);margin:20px 0;}.sale-hero h1 span{color:var(--coral);}.sale-hero h1 em{color:var(--coral-soft);}.sale-hero p{color:#d6e1da;max-width:565px;font-size:16px;}.sale-hero .button{margin-top:18px;}.sale-orbit{width:420px;height:420px;border:1px solid rgba(255,255,255,.4);border-radius:50%;position:relative;justify-self:end;display:grid;place-items:center;}.sale-orbit::before,.sale-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;}.sale-orbit::before{inset:45px;}.sale-orbit::after{inset:93px;}.orbit-core{position:relative;z-index:1;width:165px;height:165px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--coral);color:var(--ink);}.orbit-core img{width:47px;height:47px;}.orbit-core strong{font-family:"DM Serif Display",Georgia,serif;font-size:27px;letter-spacing:-.05em;}.orbit-core small{font-size:8px;letter-spacing:.13em;font-weight:800;}.orbit-label{position:absolute;z-index:2;color:var(--coral-soft);font-size:9px;font-weight:800;letter-spacing:.13em;}.l1{top:13%;left:12%;}.l2{right:-3%;top:53%;}.l3{bottom:8%;left:17%;}.sale-why{padding:120px 0;display:grid;grid-template-columns:.92fr 1.08fr;gap:12%;}.sale-why h2{font-size:clamp(46px,4.6vw,70px);margin:18px 0;}.sale-why>div>p{font-size:17px;line-height:1.7;max-width:560px;}.sale-stats{display:flex;gap:28px;margin-top:35px;border-top:1px solid var(--line);padding-top:18px;}.sale-stats span{font-size:10px;color:var(--body);display:flex;flex-direction:column;gap:3px;}.sale-stats strong{font-family:"DM Serif Display",Georgia,serif;color:var(--coral);font-size:42px;line-height:1;}.sale-assets{padding:100px 0;background:var(--paper);}.asset-grid{margin-top:43px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);}.asset-grid article{padding:26px;background:var(--paper);min-height:220px;}.asset-grid svg{color:var(--coral);}.asset-grid h3{font-size:30px;margin:28px 0 9px;}.asset-grid p{font-size:12px;margin:0;}.sale-model{padding:115px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;}.model-copy h2{font-size:clamp(46px,4.6vw,70px);margin:18px 0;}.model-copy p{font-size:14px;max-width:390px;}.model-list{border-top:1px solid var(--line);}.model-list>div{display:grid;grid-template-columns:45px 1fr 1.3fr;gap:15px;padding:19px 0;border-bottom:1px solid var(--line);align-items:center;}.model-list span{color:var(--coral);font-size:11px;font-weight:800;}.model-list h3{font-size:27px;margin:0;}.model-list p{font-size:12px;margin:0;}.sale-contact{background:var(--coral-soft);padding:105px 0;}.sale-contact-layout{display:block;max-width:860px;}.sale-contact h2{font-size:clamp(46px,4.4vw,67px);margin:18px 0;}.sale-contact p{font-size:14px;max-width:470px;}.sale-contact p a{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:3px;}.contact-line{display:flex;align-items:center;gap:8px;margin-top:28px;font-weight:800;font-size:13px;}.sale-contact form{display:flex;flex-direction:column;gap:14px;}.sale-contact label{font-size:11px;font-weight:800;display:flex;flex-direction:column;gap:6px;}.sale-contact input,.sale-contact select{border:1px solid var(--ink);background:rgba(255,255,255,.46);padding:13px;outline:none;font-size:12px;color:var(--ink);}.sale-contact input:focus,.sale-contact select:focus{box-shadow:4px 4px 0 var(--ink);}.sale-contact .button{align-self:flex-start;border:0;margin-top:7px;}.form-status{margin:0!important;display:flex;gap:6px;align-items:center;color:var(--ink)!important;font-size:11px!important;font-weight:800;}
@media (max-width: 980px) { .desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-menu{display:flex;position:absolute;top:84px;left:0;right:0;background:var(--ink);flex-direction:column;padding:17px 24px 24px;box-shadow:0 15px 30px rgba(0,0,0,.18)}.mobile-nav-link{display:grid;grid-template-columns:38px 1fr auto;align-items:center;color:white;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2);font-family:"DM Serif Display";font-size:28px}.mobile-nav-link span{font-family:"Manrope";font-size:10px;color:var(--coral);font-weight:800}.mobile-sale{margin-top:18px;background:var(--coral);padding:12px;text-align:center;font-size:12px;font-weight:800}.hero{min-height:580px}.hero-content{padding-top:90px}.evidence-section,.symptom-band-layout,.lab-feature,.atlas-inner,.page-intro-layout,.symptom-page-grid,.tracking-layout,.symptom-faq,.checklist-layout,.test-feature,.guides-lead,.guide-archive,.directory-layout,.sale-why,.sale-model,.sale-contact-layout{gap:6%;}.footer-grid{grid-template-columns:1.1fr .7fr .7fr}.footer-note{grid-column:1/-1}.micro-pillars article,.signal-grid article{padding:0 18px}.sale-orbit{width:340px;height:340px}.asset-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 700px) { .page-frame{width:min(100% - 32px,1240px)}.sale-strip-inner{min-height:46px;font-size:10px;line-height:1.3}.sale-strip-inner span{max-width:220px}.sale-link{font-size:10px}.masthead-inner{height:68px}.brand-mark{width:31px;height:31px}.brand-name{font-size:27px}.brand-tag{display:none}.mobile-menu{top:68px}.hero{min-height:620px}.hero>img{object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(9,36,33,.97),rgba(9,36,33,.78))}.hero-content{padding-top:80px}.hero h1{font-size:62px}.hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-foot{bottom:19px;font-size:8px}.start-section,.evidence-section,.lab-feature,.related-reading,.guide-archive,.test-table-wrap,.directory-layout,.sale-why,.sale-model{padding:74px 0}.section-heading,.page-intro-layout,.symptom-page-grid,.tracking-layout,.symptom-faq,.checklist-layout,.test-feature,.guides-lead,.guide-archive,.directory-layout,.sale-why,.sale-model,.sale-contact-layout{grid-template-columns:1fr}.section-heading{gap:20px}.section-heading h2,.page-intro h1{font-size:49px}.section-heading.split>p,.table-head>p{width:auto}.start-routes,.reading-grid,.evidence-section,.symptom-band-layout,.lab-feature,.atlas-inner,.micro-pillars,.signal-grid,.article-layout,.sale-hero-layout{grid-template-columns:1fr}.start-routes{margin-top:36px}.route-card{min-height:260px}.route-card svg{margin:23px 0 17px}.reading-section{padding:74px 0}.reading-grid{margin-top:36px}.article-card,.article-card.featured{min-height:280px}.evidence-scale>div{grid-template-columns:1fr;gap:9px}.symptom-band{padding:74px 0}.lab-photo,.lab-photo img{min-height:360px}.lab-copy h2{margin-top:35px}.atlas-map{padding:74px 0}.atlas-links{margin-top:25px}.atlas-links a{grid-template-columns:30px 1fr auto}.atlas-links p{display:none}.newsletter{margin:72px 0;padding:28px;flex-direction:column;gap:25px}.newsletter h2{font-size:40px}.newsletter form{width:100%}.newsletter button{padding:14px}.footer{padding-top:58px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-note{grid-column:1/-1}.footer-bottom{gap:10px;flex-direction:column}.page-intro{padding:70px 0 45px}.page-intro-copy{margin-top:27px}.tracking-section,.test-checklist,.directory-proposal,.sale-assets,.sale-contact{padding:73px 0}.tracking-list>div{grid-template-columns:30px 1fr}.tracking-list p{grid-column:2}.context-callout{padding:46px 0;grid-template-columns:40px 1fr}.context-callout .button{grid-column:1/-1;justify-self:start}.symptom-faq h2,.table-head h2,.checklist-layout h2,.directory-aside h2{font-size:48px}.table-head{flex-direction:column;margin-bottom:35px}.test-table article{grid-template-columns:1fr;gap:14px}.test-table p{padding-left:43px}.test-table .limit{padding-left:43px}.micro-hero{height:580px}.micro-overlay{left:28px;top:58px;width:calc(100% - 50px)}.micro-overlay h2{font-size:46px}.micro-pillars{gap:35px}.micro-pillars article,.signal-grid article{border:0;border-bottom:1px solid var(--line);padding:0 0 24px;min-height:0}.micro-pillars article:last-child,.signal-grid article:last-child{border-right:0}.pillar-number{margin-bottom:23px}.micro-pillars p{min-height:0}.micro-statement{padding:75px 0}.micro-statement blockquote{font-size:47px}.guides-lead{padding:70px 0}.guide-photo,.guide-photo img{min-height:350px;height:350px}.guide-lead-copy{padding-top:35px}.filter-inner{padding:22px 0;align-items:flex-start;flex-direction:column}.guide-list{margin-top:35px;grid-template-columns:1fr}.guide-end{padding:28px 0;align-items:flex-start;gap:16px;flex-direction:column}.directory-tools{padding:30px 0}.directory-filter{font-size:0;padding:0 13px}.directory-filter svg{margin:0}.professional-card{grid-template-columns:35px 1fr auto;gap:8px}.professional-main h3{font-size:28px}.proposal-layout{grid-template-columns:1fr}.proposal-layout h2{font-size:47px}.observatory-hero{min-height:530px}.observatory-copy{padding-top:75px}.signal-grid{gap:35px;padding:75px 0}.observatory-letter{padding:75px 0}.article-hero{padding:42px 0 58px}.article-heading{margin-top:50px}.article-heading h1{font-size:58px}.article-heading>p{font-size:17px}.article-layout{padding:55px 0;gap:30px}.article-side{padding:16px;background:var(--paper)}.article-body .lead-paragraph{font-size:28px}.article-body h2{font-size:39px}.article-related{padding:70px 0}.sale-hero{padding:76px 0}.sale-hero h1{font-size:61px}.sale-orbit{justify-self:center;width:285px;height:285px;margin-top:48px}.orbit-core{width:130px;height:130px}.orbit-core img{width:38px;height:38px}.sale-stats{gap:14px}.sale-stats strong{font-size:35px}.asset-grid{grid-template-columns:1fr}.asset-grid article{min-height:0}.model-list>div{grid-template-columns:32px 1fr;gap:8px}.model-list p{grid-column:2}.sale-contact h2{font-size:48px}.sale-contact form{margin-top:25px} }
@media (prefers-reduced-motion: no-preference){.start-routes .route-card,.article-card,.micro-pillars article,.signal-grid article{animation:enter .6s cubic-bezier(.23,1,.32,1) both}.start-routes .route-card:nth-child(2),.micro-pillars article:nth-child(2),.signal-grid article:nth-child(2){animation-delay:.06s}.start-routes .route-card:nth-child(3),.micro-pillars article:nth-child(3),.signal-grid article:nth-child(3){animation-delay:.12s}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Atlas interior: la cabecera refuerza el dominio como señal editorial principal. */
.masthead .brand { gap: 12px; }
.masthead .brand-mark { width: 51px; height: 51px; }
.masthead .brand-name { font-size: 44px; }
.masthead .brand-tag { font-size: 12px; margin-left: 3px; }
@media (max-width: 700px) {
  .masthead .brand { gap: 12px; }
  .masthead .brand-mark { width: 47px; height: 47px; }
  .masthead .brand-name { font-size: 41px; }
  .sale-strip-detail { display: none; }
}