:root{--bg: #e8e4dc;--bg-soft: #f2efe8;--panel: rgba(255, 255, 255, .72);--panel-2: rgba(255, 255, 255, .9);--line: rgba(36, 52, 48, .12);--line-strong: rgba(36, 52, 48, .22);--ink: #1f2422;--muted: #4a5550;--accent: #2f5d4f;--accent-soft: #4a7d6c;--shadow: 0 24px 70px rgba(24, 40, 36, .08);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--content-width: 1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;overflow-x:clip;color:var(--ink);font-family:DM Sans,Segoe UI,system-ui,sans-serif;background:radial-gradient(1200px 600px at 12% -10%,rgba(74,125,108,.12),transparent 55%),radial-gradient(900px 500px at 88% 0%,rgba(200,190,168,.45),transparent 50%),linear-gradient(180deg,var(--bg) 0%,#ddd8cf 100%)}a{color:inherit;text-decoration:none}.page-shell{max-width:var(--content-width);margin:0 auto;padding:24px 20px 72px}.site-header,.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px}.site-header{position:sticky;top:0;z-index:30;padding:14px 0 18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(232,228,220,.92),rgba(232,228,220,.55),transparent)}.brand-lockup{display:inline-flex;align-items:center;gap:14px}.brand-logo{width:56px;height:56px;object-fit:contain;border-radius:16px;box-shadow:0 0 0 1px var(--line-strong)}.brand-text{display:grid;gap:3px}.brand-name{font-family:Libre Baskerville,Georgia,serif;font-size:1.35rem;font-weight:700;letter-spacing:.02em}.brand-sub{color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.site-nav{display:flex;gap:20px;flex-wrap:wrap}.site-nav a,.site-footer a,.site-footer span{color:var(--muted);font-size:.94rem}.hero-scroll-host{position:relative;min-height:520vh}.hero-sticky{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding:32px 0 48px}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(22px,3.5vw,48px);align-items:center;width:100%}.hero-copy,.hero-stage{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateZ(0)}.hero-copy{padding:clamp(26px,3vw,38px)}#hero-copy .eyebrow,#hero-copy h1,#hero-copy .hero-lead,#hero-copy .hero-hint,#hero-copy .hero-lab-captions,#hero-copy .hero-actions .cta{opacity:0}.hero-lab-captions{position:relative;min-height:4.5em;margin:16px 0 0}.hero-lab-step{margin:0;line-height:1.45;font-size:.92rem;color:var(--muted);position:absolute;left:0;right:0;top:0;opacity:0;pointer-events:none}.hero-lab-step.is-active{opacity:1;pointer-events:auto}.hero h1,.section-heading h2,.workflow-step h2{font-family:Libre Baskerville,Georgia,serif;font-weight:700;letter-spacing:.01em}.eyebrow{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);color:var(--accent);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.hero h1{margin:18px 0 14px;font-size:clamp(2.1rem,4.2vw,3.35rem);line-height:1.12}.hero-lead,.section-copy,.workflow-step p,.referral-empty p{color:var(--muted);line-height:1.78;font-size:1rem}.hero-hint{margin:14px 0 0;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-soft);font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:14px;font-weight:700;font-size:.92rem}.cta-primary{color:#f4faf7;background:linear-gradient(135deg,var(--accent-soft),var(--accent));box-shadow:0 10px 26px #2f5d4f38}.cta-secondary{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff8c}.hero-stage{padding:clamp(18px,2vw,24px);background:linear-gradient(165deg,#ffffff8c,#f5f2eceb);overflow:visible}.stage-frame{position:relative;overflow:visible;min-height:clamp(420px,52vh,560px);border-radius:24px;background:linear-gradient(180deg,#ffffff59,#e6e4dea6);border:1px solid var(--line)}.stage-label{position:absolute;top:16px;left:18px;z-index:2;color:var(--accent);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.specimen-svg{width:100%;height:100%;display:block;padding:12px 8px 0}#specimen-assembly{transform-origin:160px 340px;transform-box:fill-box}#bottle-cap{transform-origin:0 -16px;transform-box:fill-box}#lemon-group{transform-origin:0 0;transform-box:fill-box}#lab-strip{transform-origin:160px 210px;transform-box:fill-box;will-change:transform}.workflow-story{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:start;margin-top:72px}.story-visual-wrap{position:sticky;top:106px}.story-visual{padding:24px;min-height:520px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.visual-meta{display:grid;gap:8px;margin-bottom:22px}.visual-kicker{color:var(--accent);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.visual-title{font-family:Libre Baskerville,Georgia,serif;font-size:1.85rem;letter-spacing:.02em}.visual-frame{position:relative;display:grid;place-items:center;min-height:392px;border-radius:22px;background:linear-gradient(180deg,#ffffffa6,#ece8e0f2);border:1px solid var(--line);overflow:hidden}.visual-slide{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;width:min(340px,70%);height:96px;padding:0 18px;border-radius:18px;border:1px solid rgba(36,52,48,.15);background:linear-gradient(180deg,#fffffff2,#f8f6f0e0);transform-origin:center}.visual-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:34px;border-radius:999px;background:#2f5d4f1f;color:var(--accent);font-weight:800;font-size:.74rem;letter-spacing:.08em}.visual-chip-muted{background:#0000000f;color:var(--muted)}.visual-sample{justify-self:center;width:116px;height:40px;border-radius:999px;background:radial-gradient(circle at center,#ce1d16,#9b1712 62%,#69100d);box-shadow:0 0 22px #d83b2a47}.visual-rail{position:absolute;bottom:98px;left:50%;width:4px;height:0;background:linear-gradient(180deg,rgba(47,93,79,.12),var(--accent));transform:translate(-50%);transition:height .55s ease}.visual-output{position:absolute;bottom:54px;left:50%;min-width:148px;padding:14px 18px;border:1px solid var(--line-strong);border-radius:16px;background:#2f5d4f14;color:var(--accent);text-align:center;font-family:Libre Baskerville,Georgia,serif;font-size:1.2rem;letter-spacing:.06em;opacity:.2;transform:translate(-50%,18px);transition:opacity .45s ease,transform .45s ease}.story-visual[data-stage=received] .visual-slide{transform:scale(1.1)}.story-visual[data-stage=grossing] .visual-slide{transform:translateY(-34px) rotate(-4deg)}.story-visual[data-stage=staining] .visual-slide{transform:translateY(-58px) scale(.94)}.story-visual[data-stage=reporting] .visual-slide{transform:translateY(-82px) scale(.86)}.story-visual[data-stage=grossing] .visual-rail,.story-visual[data-stage=staining] .visual-rail,.story-visual[data-stage=reporting] .visual-rail{height:122px}.story-visual[data-stage=reporting] .visual-output{opacity:1;transform:translate(-50%)}.workflow-steps{display:grid;gap:18px}.workflow-step{padding:24px 26px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:border-color .35s ease,transform .35s ease,background .35s ease}.workflow-step.is-active{border-color:#2f5d4f59;background:#fffffff2;transform:translate(-4px)}.step-number{display:inline-block;margin-bottom:10px;color:var(--accent);font-family:Libre Baskerville,Georgia,serif;font-size:1.05rem;letter-spacing:.1em}.workflow-step h2{margin:0 0 8px;font-size:clamp(1.65rem,3.4vw,2.6rem);line-height:1.08}.referral-shell,.about-shell{margin-top:80px}.section-heading{max-width:680px;margin-bottom:24px}.section-heading h2{margin:16px 0 10px;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.08}.about-card{padding:28px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-xl);max-width:900px;box-shadow:var(--shadow)}.about-card p{margin:0 0 18px;color:var(--muted);line-height:1.85;font-size:1rem}.about-card p:last-child{margin-bottom:0}.about-card strong{color:var(--ink)}.referral-card{padding:22px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.referral-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.referral-card-head strong{font-family:Libre Baskerville,Georgia,serif;font-size:1.35rem;letter-spacing:.03em}#referral-state{color:var(--accent);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.referral-frame-wrap{margin-top:18px;min-height:640px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.referral-frame{width:100%;min-height:640px;border:0;background:#fff}.referral-empty{display:grid;gap:14px;padding:26px 4px 4px;max-width:620px}.site-footer{margin-top:52px;padding-top:22px;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(22px)}@media(max-width:980px){.hero-grid,.workflow-story{grid-template-columns:1fr}.story-visual-wrap{position:relative;top:0}.stage-frame{min-height:400px}.site-header,.site-footer{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.page-shell{padding-inline:14px}.hero-copy,.hero-stage,.story-visual,.workflow-step,.about-card,.referral-card{border-radius:22px}.hero-copy,.story-visual,.workflow-step,.about-card,.referral-card{padding:20px}.hero-sticky{padding:18px 0 32px}.stage-frame{min-height:360px}.visual-slide{width:min(288px,82%);gap:8px}.visual-chip{min-width:48px;font-size:.68rem}.visual-sample{width:92px}}