/* Hallmark · genre: modern-minimal · structure: paired comparison / continuous feedback loop · existing Optiks.ai design tokens */
#versions .rd-compare-pair.rd-compare-two{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);max-width:1120px;gap:24px}
.version-transition{align-self:start;margin-top:240px;color:var(--color-coral-text);text-align:center}
.version-transition span{font:12px var(--font-mono);display:block;margin-bottom:12px}
.version-transition svg{width:100%;fill:none;stroke:currentColor;stroke-width:2}
main>.faq{padding-top:96px;padding-bottom:96px}
main>.final-cta{max-width:1480px;width:100%;margin-inline:auto;border-radius:0;padding:80px var(--space-gutter);background:var(--color-paper)}
main>.final-cta h2{font-size:clamp(26px,3.4vw,49px);letter-spacing:-.04em;white-space:nowrap;line-height:1.2}
.investment.story-investment{background:var(--color-story-warm);color:var(--color-ink)}
.story-investment .investment-bottom p{color:var(--color-ink);max-width:680px;line-height:1.8}
.story-investment .investment-rule{border-color:var(--color-border);color:var(--color-muted);align-items:center}
.story-investment .investment-rule strong{color:var(--color-coral-text);background:var(--color-white);padding:14px 20px;border-radius:var(--radius-control)}
.feedback-loop{padding:28px;background:var(--color-coral-tint);border-color:var(--color-story-line)}
.feedback-loop .learning-top{font-size:16px}
.feedback-map{position:relative;aspect-ratio:6/5;margin:20px 0}
.feedback-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.feedback-track>path{fill:none;stroke:var(--color-coral-solid);stroke-width:7;marker-end:url(#loop-tip)}
.feedback-track marker path{fill:var(--color-coral-solid)}
.feedback-loop .feedback-map ol{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:60px 85px;margin:0}
.feedback-loop .feedback-map li{display:flex;flex-direction:column;justify-content:center;gap:0;text-align:center;padding:8px;background:var(--color-coral-tint)}
.feedback-loop .feedback-map li:after{display:none}
.feedback-loop .feedback-map li:nth-child(3){grid-column:2;grid-row:2}
.feedback-loop .feedback-map li:nth-child(4){grid-column:1;grid-row:2}
.feedback-loop .feedback-map .feedback-number{width:48px;height:48px;border:0;color:var(--color-white);background:var(--color-coral-solid);font:500 18px var(--font-mono);margin-bottom:10px}
.feedback-loop .feedback-map li:nth-child(4) .feedback-number{background:var(--color-green)}
.feedback-loop .feedback-map li strong{font-size:22px}
.feedback-loop .feedback-map li p{font-size:12px;line-height:1.55}
.feedback-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;background:var(--color-coral-tint);padding:12px}
.feedback-center span{font:9px var(--font-mono);letter-spacing:.12em;color:var(--color-coral-text)}
.feedback-center strong{display:block;font-size:18px;line-height:1.3;margin-top:7px}
@media(max-width:1100px){.feedback-loop{padding:20px}.feedback-loop .feedback-map ol{gap:60px 55px}.feedback-loop .feedback-map li p{font-size:10px}.feedback-loop .feedback-map li strong{font-size:18px}.feedback-loop .feedback-map .feedback-number{width:36px;height:36px;font-size:14px}.feedback-center strong{font-size:15px}}
@media(max-width:760px){main>.faq{padding-block:64px}main>.final-cta{padding-block:64px}main>.final-cta h2{white-space:normal;font-size:clamp(29px,6vw,40px);max-width:580px;margin-inline:auto}.story-investment .investment-rule{flex-wrap:wrap;gap:20px}.story-investment .investment-rule strong{padding:10px}.feedback-loop .feedback-map li p{font-size:12px}.feedback-map{min-height:350px}.feedback-loop .feedback-map ol{gap:72px 50px}.feedback-center strong{font-size:17px}}
@media(max-width:700px){#versions .rd-compare-pair.rd-compare-two{grid-template-columns:minmax(0,1fr);max-width:440px;gap:24px}.version-transition{margin:0;justify-self:center;display:flex;align-items:center;gap:16px}.version-transition span{margin:0}.version-transition svg{width:40px;transform:rotate(90deg)}}
@media(max-width:380px){.feedback-loop{padding:16px 10px}.feedback-loop .learning-top{font-size:13px}.feedback-loop .feedback-map li p{font-size:10px}.feedback-center strong{font-size:14px}.feedback-loop .learning-bottom{font-size:11px}}

.feedback-track{z-index:1;pointer-events:none}
.feedback-center{z-index:2}

#versions .version-transition svg{width:80px;height:32px}
@media(max-width:700px){#versions .version-transition svg{width:40px;height:32px}}

.feedback-map{width:100%;min-width:0}
.feedback-loop .feedback-map ol{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Keep a contextual caption visible for every comparison lens. */
#versions [data-focus="message"] .rd-callout-message,#versions [data-focus="brand"] .rd-callout-brand,#versions [data-focus="pack"] .rd-callout-pack,#versions [data-focus="background"] .rd-callout-background,#versions [data-focus="action"] .rd-callout-action{display:block}
#versions .version-transition svg{fill:currentColor;stroke:none}
#versions .version-transition span{font-weight:500;font-size:13px}

/* Balance the science introduction with its display heading. */
#how-it-works .report-heading>div>p{font-size:15px;line-height:1.7}
@media(min-width:1600px){#how-it-works .report-heading>div>p{font-size:16px}}

/* Domain overview sits between the introduction and sample report. */
#how-it-works .domain-detail{margin-bottom:var(--story-space-xl)}
/* Accessible science overlays for the eleven domains. */
.domain-hint{font-size:12px;color:var(--color-muted);margin:16px 0 0}
.domain-item{position:relative;min-width:0}
.domain-trigger{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 0;color:var(--color-muted);font:inherit;cursor:pointer}
.domain-trigger strong{font-size:14px}.domain-trigger>span{font-size:12px}.domain-trigger:hover strong,.domain-trigger[aria-expanded=true] strong{color:var(--color-coral-text)}
.domain-trigger:focus-visible{outline:2px solid var(--color-coral-text);outline-offset:5px;border-radius:3px}
.domain-popover{position:absolute;top:100%;left:0;width:340px;max-width:calc(100vw - 48px);z-index:30;background:#fff;border:1px solid var(--color-border);border-top:3px solid var(--color-coral-text);border-radius:12px;padding:22px;box-shadow:0 16px 50px #20323825;color:var(--color-ink)}
.domain-item:nth-child(4n) .domain-popover{left:auto;right:0}
.domain-popover[hidden]{display:none}.domain-science-label{font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-coral-text)}
.domain-popover h3{font-size:17px;line-height:1.4;margin:10px 0 12px}.domain-list .domain-popover p{font-size:13px;line-height:1.65;margin:0 0 12px}.domain-popover a{font-size:12px;color:var(--color-coral-text);text-decoration:underline}
@media(max-width:1050px){.domain-item:nth-child(4n) .domain-popover{left:0;right:auto}.domain-item:nth-child(3n) .domain-popover{left:auto;right:0}}
@media(max-width:760px){.domain-item:nth-child(3n) .domain-popover{left:0;right:auto}.domain-item:nth-child(2n) .domain-popover{left:auto;right:0}.domain-popover{width:280px;padding:18px}}
/* Report deliverables, presented beside the explanation. */
.receive-section{background:var(--color-white)}
.receive-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.receive-report{min-width:0}.receive-copy{min-width:0}
.receive-section .report-stage{padding:20px 20px 0}
.receive-section .report-caption{flex-wrap:wrap;gap:10px;font-size:11px;padding:0 0 16px}
.receive-section .report-caption>span{flex-wrap:wrap}.receive-section .report-scroll-hint{width:100%;margin-left:0}
.receive-section .report-window{height:580px}
.receive-section .report-under{display:block}.receive-section .report-under a{display:inline-block;margin-top:12px}
.receive-section .story-link{margin-top:24px}
@media(max-width:1050px){.receive-layout{gap:32px}.receive-section .report-window{height:520px}}
@media(max-width:760px){.receive-layout{grid-template-columns:1fr;gap:32px}.receive-copy{grid-row:1}.receive-section .report-window{height:430px}.receive-section .report-stage{padding:14px 14px 0}}

/* Separate the science section from the white quick-start section. */
#research{background-color:var(--color-paper)}

/* Keep adjacent sections visually distinct after adding What you get. */
#fingerprint{background-color:var(--color-paper)}
/* Same Lucide domain icons and mapping as the application report. */
.domain-trigger{display:flex;align-items:flex-start;gap:12px}
.domain-trigger .domain-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:14px;background:#f5f4f1;color:var(--color-ink)}
.domain-icon svg{width:21px;height:21px}
.domain-trigger .domain-label{display:block;font-size:12px;line-height:1.6}
.domain-trigger .domain-label>span{display:block}
#report-heading .science-highlight{color:var(--color-coral-solid)}
@media(max-width:540px){.domain-trigger{gap:9px}.domain-trigger .domain-icon{flex-basis:32px;width:32px;height:32px;border-radius:11px}.domain-icon svg{width:18px;height:18px}}

/* Full-width report caption and gray workflow cards. */
#what-you-get .report-under p{max-width:none}
#what-you-get .workflow-links a{background:var(--color-paper)}
/* Keep the expanded navigation comfortable on smaller screens. */
@media(min-width:1401px){.header nav{gap:20px}.header nav a{white-space:nowrap}}
@media(min-width:761px) and (max-width:1400px){.header nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--color-white);padding:25px;flex-direction:column;gap:17px;border-bottom:1px solid var(--color-border)}.header nav.open{display:flex}.header nav a{font-size:16px}.menu-toggle{display:block}}
/* Shared section-eyebrow typography, matching In-market results & learning. */
main .feature-label,#brand-check .rd-label,#versions>.rd-wrap>.rd-heading .rd-label,#context .context-intro>.eyebrow,main #quick-start .steps-kicker,#pricing .eyebrow,main>.faq .eyebrow,main>.final-cta .eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:400;line-height:1.6;letter-spacing:.07em;color:var(--color-coral-text);text-transform:uppercase}
/* Keep rotation control available to keyboard users without a visible text label. */
.context-cycle-toggle:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Quiet separators clarify the desktop navigation without adding width. */
@media(min-width:1401px){.header nav>a{position:relative}.header nav>a+a::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);height:14px;width:1px;background:var(--color-border);pointer-events:none}}
@media(min-width:1401px){.header nav{gap:28px}.header nav>a+a::before{left:-14px;background:#aaa7a2}}
@media(min-width:1401px){.header nav>.mobile-login+a::before{display:none}}

/* One responsive type scale for all primary section headings. */
#main h2.section-title.section-title.section-title{font-family:var(--font-body);font-size:clamp(34px,4vw,58px);font-weight:600;line-height:1.09;letter-spacing:-.025em}
main #science-heading.section-title,main #quick-start h2.section-title{font-size:clamp(34px,4vw,58px);line-height:1.09;letter-spacing:-.025em}
main #science-heading.section-title span{white-space:normal}
@media(min-width:1600px){#main h2.section-title.section-title.section-title,main #science-heading.section-title,main #quick-start h2.section-title{font-size:64px}}
@media(max-width:760px){#main h2.section-title.section-title.section-title,main #science-heading.section-title,main #quick-start h2.section-title{font-size:clamp(32px,7.8vw,48px)}}
/* Fit the expanded introduction without pushing the CTA below the banner. */
@media(min-width:761px){
 .hero .hero-copy,.food-stage .hero-copy{width:min(46vw,800px);max-width:min(46vw,800px);top:8%}
 .hero .hero-description,.food-stage .hero-description{max-width:none;font-size:16px;line-height:1.65;margin-top:24px}
 .hero #hero-title,.food-stage .alternate-hero-title{font-size:clamp(42px,4.5vw,76px);line-height:1.04}
 .hero #hero-title>span,.food-stage .alternate-hero-title>span{white-space:nowrap}
 .hero .hero-actions,.food-stage .hero-actions{margin-top:22px}
 .hero{min-height:740px}
}

.mobile-login{display:none!important}@media(max-width:1400px){#navigation.open .mobile-login{display:block!important}}
.domain-popover .domain-article-link{display:block;margin:14px 0 8px;font-weight:700}.domain-popover .domain-article-link+a{display:block}