/* Figma: 확정 C 검은 바탕 PC 1440 / 휴대폰 390. Homepage only. */
@font-face { font-family: 'AdaptOrch Optical Sans'; src: url('./pretendard-regular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'AdaptOrch Optical Sans'; src: url('./pretendard-semibold.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'AdaptOrch Optical Sans'; src: url('./pretendard-bold.woff') format('woff'); font-weight: 700; font-display: swap; }
:root[data-design='optical'] {
  color-scheme: dark;
  --optical-bg: #050a1a;
  --optical-panel: #0d142b;
  --optical-raised: #18213c;
  --optical-text: #f8faff;
  --optical-muted: #b3bed7;
  --optical-blue: #2954ff;
  --optical-line: #252e48;
  --optical-radius: 24px;
  --optical-page-width: 1920px;
  --optical-gutter: clamp(32px, 4.4444vw, 96px);
  --optical-inset: clamp(16px, 1.6667vw, 36px);
  --optical-panel-padding: calc(var(--optical-gutter) - var(--optical-inset));
  --optical-hero-height: clamp(860px, 59.7222vw, 1040px);
  --paper: var(--optical-bg); --paper-2: #090f22; --paper-deep: var(--optical-panel); --paper-strong: var(--optical-panel);
  --bg: var(--optical-bg); --bg-2: var(--paper-2); --surface: var(--optical-panel); --surface-2: var(--optical-raised);
  --ink: var(--optical-text); --ink-soft: #e0e6f4; --ink-mid: var(--optical-muted); --ink-muted: #9aa8c5;
  --ink-line: var(--optical-line); --ink-line-strong: #44516c; --ink-line-soft: #1a233b;
  --ink-on-paper: var(--ink); --ink-on-paper-soft: var(--ink-soft); --ink-on-paper-mid: var(--ink-mid); --ink-on-paper-muted: var(--ink-muted);
  --line: var(--optical-line); --line-soft: #1a233b; --line-strong: #44516c;
  --accent: #8ca9ff; --accent-2: #a9bfff; --accent-soft: #182952; --accent-ring: #91b5ff;
  --vermillion: #8ca9ff; --vermillion-2: #b2c8ff; --vermillion-soft: #182952;
  --cta-bg: var(--optical-blue); --cta-bg-hover: #426aff; --cta-fg: var(--optical-text);
  --font-body: 'AdaptOrch Optical Sans', 'IBM Plex Sans', system-ui, sans-serif;
  --font-display: var(--font-body); --font-display-ko: var(--font-body); --font-display-cjk: var(--font-body); --font-serif: var(--font-body);
  --font-wordmark: var(--font-body);
  --container: 1312px; --container-wide: 1440px; --section-pad: 96px;
  --radius: 16px; --radius-sm: 8px; --radius-md: 16px; --radius-lg: 24px;
}
[data-design='optical'] body { background: var(--optical-bg); color: var(--ink); }
[data-design='optical'] .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
[data-design='optical'] body::before,
[data-design='optical'] body::after,
[data-design='optical'] .paper-grid,
[data-design='optical'] .crop-marks,
[data-design='optical'] .tau-rail,
[data-design='optical'] .nav-meta,
[data-design='optical'] .fig-meta,
[data-design='optical'] .hero-kicker { display: none; }
[data-design='optical'] .page-wrap { max-width: var(--optical-page-width); margin: auto; padding: 0; border: 0; }
[data-design='optical'] main { padding: 0; }
[data-design='optical'] h1,
[data-design='optical'] h2,
[data-design='optical'] h3 { font-family: var(--font-body); font-style: normal; text-wrap: balance; }
[data-design='optical'] :is(h1,h2,h3) strong { font-family: inherit; font-style: normal; }
[data-design='optical'] .btn { border-radius: 999px; min-height: 48px; padding: 12px 24px; font-family: var(--font-body); font-size: 15px; letter-spacing: 0; text-transform: none; }
[data-design='optical'] .btn-primary { background: var(--cta-bg); color: var(--cta-fg); border-color: transparent; }
[data-design='optical'] .btn-primary:hover { background: var(--cta-bg-hover); }
[data-design='optical'] .btn-ghost { color: var(--ink); border-color: var(--line-strong); }
[data-design='optical'] :focus-visible { outline: 2px solid var(--accent-ring); outline-offset: 5px; }
[data-design='optical'] .site-header { padding: 0; position: absolute; width: 100%; max-width: var(--optical-page-width); inset-block-start: 0; z-index: 20; border: 0; background: transparent; backdrop-filter: none; }
[data-design='optical'] .site-nav { max-width: none; padding: 0 32px; border: 0; }
[data-design='optical'] .nav-inner { display: grid; grid-template-columns: 1fr auto 1fr; background: transparent; min-height: 84px; gap: 24px; padding: 0; border: 0; }
[data-design='optical'] .nav-links { margin: 0; }
[data-design='optical'] .nav-actions { justify-content: flex-end; }
[data-design='optical'] .lang-opt { font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; }
[data-design='optical'] .nav-logo { width: 32px; height: 32px; }
[data-design='optical'] .nav-logo :is(line,circle)[stroke='#B8261F'],
[data-design='optical'] .nav-logo circle[fill='#B8261F'] { stroke: var(--ink); fill: var(--ink); }
[data-design='optical'] .nav-wordmark { font: 600 22px/1 var(--font-body); letter-spacing: -.04em; }
[data-design='optical'] .nav-links { padding: 6px 18px; border: 1px solid var(--line); border-radius: 999px; background: #10172ace; gap: 24px; }
[data-design='optical'] .nav-links a { font: 400 15px/1.5 var(--font-body); min-height: 38px; display: flex; align-items: center; letter-spacing: 0; }
[data-design='optical'] .nav-actions { gap: 14px; }
[data-design='optical'] .nav-login,
[data-design='optical'] .lang-opt { color: var(--ink-mid); font-family: var(--font-body); letter-spacing: 0; }
[data-design='optical'] .lang-switch { border: 0; background: transparent; }
[data-design='optical'] .nav-cta { background: var(--optical-blue); color: var(--ink); border-radius: 999px; border: 0; padding: 12px 18px; font: 600 13px/1.4 var(--font-body); letter-spacing: 0; }
[data-design='optical'] .mobile-nav-panel { background: var(--optical-panel); border-color: var(--line); }
[data-design='optical'] .product-hero { isolation: isolate; position: relative; min-height: var(--optical-hero-height); padding: 0; border: 0; overflow: hidden; }
[data-design='optical'] .product-hero .hero-wrap { display: block; min-height: var(--optical-hero-height); padding: 0; }
[data-design='optical'] .product-hero .hero-main { position: relative; z-index: 2; width: 49%; max-width: none; padding: clamp(354px,24.5833vw,440px) 0 76px var(--optical-gutter); pointer-events: auto; }
[data-design='optical'] .hero-main :is(a,button) { pointer-events: auto; }
[data-design='optical'] .hero-title { color: var(--ink); font: 700 clamp(40px,4.15vw,72px)/1.16 var(--font-body); letter-spacing: -.045em; max-width: none; margin: 0; }
[data-design='optical'] .hero-title strong { color: var(--ink); font-weight: 700; }
[data-design='optical'][lang='ko'] .hero-title strong,
[data-design='optical'][data-lang='ko'] .hero-title strong { display: inline-block; font-size: .82em; background: var(--optical-blue); border-radius: 999px; padding: 7px 28px 10px; margin-block: 8px; }
[data-design='optical'] .product-hero .hero-sub { color: var(--optical-muted); font: 400 16px/1.75 var(--font-body); max-width: 56ch; margin: 28px 0; text-wrap: pretty; }
[data-design='optical'] .product-hero .hero-actions { display: flex; flex-flow: row wrap; gap: 18px; }
[data-design='optical'] .hero-actions .btn { min-height: 48px; font-size: 14px; }
[data-design='optical'] .hero-actions .btn-ghost { border: 0; padding-inline: 0; text-decoration: underline; text-underline-offset: 6px; background: transparent; }
.optical-visual { position: absolute; inset: 0; z-index: 1; overflow: hidden; background: var(--optical-bg); isolation: isolate; }
:is(.optical-poster,.engine-poster)[hidden] { display: none; }
.optical-poster { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
/* Trim near-black bloom spill before screen compositing onto the page color. */
:is(#optical-canvas, #engine-canvas) { display: block; width: 100%; height: 100%; opacity: 0; mix-blend-mode: screen; filter: contrast(1.04); touch-action: pan-y; cursor: grab; transition: opacity .5s ease; }
:is(#optical-canvas, #engine-canvas).dragging { cursor: grabbing; }
.optical-visual[data-state='ready'] #optical-canvas { opacity: 1; }
.optical-visual[data-state='ready'] .optical-poster { visibility: hidden; }
.optical-comparison { padding: 96px var(--optical-gutter); }
.optical-comparison > h2,
.optical-flow > h2,
.optical-engine > h2 { max-width: 850px; margin: 0 auto 28px; font-size: clamp(28px,3.06vw,44px); line-height: 1.4; text-align: center; font-weight: 700; letter-spacing: -.035em; }
.optical-comparison-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8%; align-items: stretch; margin-top: 64px; }
.optical-claims { padding: 32px; background: var(--optical-panel); border: 1px solid var(--line); border-radius: 16px; align-self: center; }
.optical-label { color: var(--ink-muted); font-size: 12px; }
.optical-claims > p:not(:first-child) { position: relative; margin-top: 32px; display: flex; align-items: center; gap: 16px; }
.optical-claims > p:not(:first-child)::after { content: ''; width: calc(8vw + 20px); height: 1px; position: absolute; left: calc(100% + 32px); background: var(--optical-blue); }
.optical-claims > p > span:first-child { width: 32px; height: 32px; border: 1px solid var(--line-strong); border-radius: 50%; display: grid; place-items: center; color: var(--ink-muted); }
.optical-claims > p > span:last-child { padding: 12px 18px; background: var(--optical-raised); border-radius: 999px; font-size: 16px; }
[data-design='optical'] .hero-report,
[data-design='optical'] .receipt-specimen {
  color-scheme: light; --ink: #15213c; --ink-soft: #263550; --ink-mid: #465570; --ink-muted: #56617a;
  --paper: #fff; --paper-2: #f5f7ff; --paper-strong: #fff; --line: #e1e6f0; --line-soft: #e8edf7; --line-strong: #bdc9df;
  --accent: #2954ff; --vermillion: #2954ff; --vermillion-2: #254ac1; --vermillion-soft: #eef3ff;
  --ink-on-paper: #15213c; --ink-on-paper-soft: #263550; --ink-on-paper-mid: #465570; --ink-on-paper-muted: #56617a;
  background: var(--paper); color: var(--ink); border-radius: 16px; border: 0; padding: 28px; box-shadow: 0 16px 40px #0003;
}
[data-design='optical'] .hero-report-heading h2 { font: 600 25px/1.3 var(--font-body); }
[data-design='optical'] .hero-report figcaption { font: 600 11px/1.5 var(--font-body); letter-spacing: .02em; }
[data-design='optical'] .report-id { font-size: 11px; flex-wrap: wrap; }
[data-design='optical'] .report-facts { font-size: 13px; }
[data-design='optical'] .report-review { background: var(--paper-2); padding: 16px; border-radius: 8px; }
[data-design='optical'] .report-review p { font: 400 16px/1.6 var(--font-body); }
[data-design='optical'] .report-legend { font: 400 12px/1.6 var(--font-body); color: var(--ink-muted); }
.optical-flow { margin: 32px var(--optical-inset) 72px; padding: 80px var(--optical-panel-padding); border-radius: var(--optical-radius); border: 1px solid #19233c; background: #090f22; }
.optical-lede { max-width: 650px; margin: 0 auto; color: var(--ink-mid); font: 400 17px/1.75 var(--font-body); text-align: center; text-wrap: pretty; }
.optical-inline-link { display: table; margin: 24px auto; padding: 10px 20px; border: 1px solid var(--line-strong); border-radius: 999px; font-size: 14px; }
.optical-flow-diagram { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; margin-top: 56px; }
.optical-flow-nodes { display: grid; gap: 20px; }
.optical-flow-nodes a { display: flex; align-items: center; gap: 16px; min-height: 88px; padding: 14px 18px; background: var(--optical-panel); border: 1px solid var(--line); border-radius: 12px; }
.optical-flow-nodes a:hover { border-color: var(--accent); }
.optical-node-icon { flex: 0 0 42px; height: 42px; border: 1px solid #b8cdff; background: #f1f5ff; color: #2852d8; border-radius: 10px; display: grid; place-items: center; font: 600 24px/1 var(--font-body); }
.optical-flow-nodes strong { display: block; font-size: 18px; font-weight: 600; }
.optical-flow-nodes small { display: block; margin-top: 5px; font-size: 12px; color: var(--ink-mid); }
.optical-flow-hub { position: relative; display: grid; place-items: center; height: 300px; }
.optical-flow-hub svg { width: 100%; height: 100%; overflow: visible; }
.optical-flow-hub path { fill: none; stroke: #6288ff; stroke-width: 2; }
.optical-flow-hub img { position: absolute; background: #f5f8ff; border: 8px solid #dce8ff; border-radius: 20px; padding: 8px; width: 76px; height: 76px; box-shadow: 0 0 0 10px #244cff20; }
[data-design='optical'] .ao-band { background: transparent; border: 0; padding: 12px 24px; margin: 0; }
[data-design='optical'] .ao-principles { color: var(--ink-mid); font-family: var(--font-body); }
.optical-details { margin: 24px var(--optical-gutter); border-block: 1px solid var(--line); }
.optical-details > summary { cursor: pointer; min-height: 56px; padding: 20px 8px; color: var(--ink-mid); font: 400 14px/1.5 var(--font-body); }
.optical-details[open] > summary { color: var(--ink); }
[data-design='optical'] .product-report-section { margin: 80px var(--optical-inset) 0; padding: 80px var(--optical-panel-padding); border-radius: var(--optical-radius); border: 0; background: #2448b7; }
[data-design='optical'] .receipt-wrap { display: grid; grid-template-columns: .75fr 1.25fr; gap: 64px; align-items: start; }
[data-design='optical'] .fig-title { font: 700 clamp(28px,3vw,44px)/1.3 var(--font-body); letter-spacing: -.035em; }
[data-design='optical'] .fig-lede { font: 400 17px/1.75 var(--font-body); color: var(--ink-mid); }
[data-design='optical'] .product-report-section > .receipt-wrap > .fig-head { position: static; }
[data-design='optical'] .product-report-section .fig-lede { color: #e6edff; }
[data-design='optical'] .receipt-questions { padding: 0; margin-top: 48px; display: grid; gap: 24px; }
[data-design='optical'] .receipt-questions li { background: var(--optical-panel); border: 1px solid #536994; padding: 20px; border-radius: 12px; }
[data-design='optical'] .receipt-questions p { color: var(--optical-muted); font: 400 14px/1.65 var(--font-body); }
[data-design='optical'] .receipt-questions h3 { font: 600 16px/1.5 var(--font-body); }
[data-design='optical'] .receipt-handoff { border-color: #a4c0ff70; }
[data-design='optical'] .receipt-handoff :is(p,h3) { color: #f0f4ff; }
[data-design='optical'] .receipt-handoff .btn { background: #fff; color: #1a37a1; }
.optical-engine { margin: 120px var(--optical-inset) 48px; padding: 88px var(--optical-panel-padding) 48px; background: var(--optical-bg); border-radius: var(--optical-radius); overflow: hidden; }
.engine-visual { position: relative; height: clamp(500px,34.7222vw,640px); margin: 16px calc(-1 * var(--optical-panel-padding)) 0; width: calc(100% + 2 * var(--optical-panel-padding)); isolation: isolate; background: var(--optical-bg); }
.engine-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: screen; }
.engine-visual[data-state='ready'] #engine-canvas { opacity: 1; }
.engine-visual[data-state='ready'] .engine-poster { visibility: hidden; }
#engine-canvas:focus-visible { outline-offset: -8px; }
.optical-engine-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; text-align: center; position: relative; }
.optical-engine-steps article > span { display: block; color: #adc6ff; font: 400 12px/1 var(--font-mono); margin-bottom: 24px; }
.optical-engine-steps h3 { font-size: 25px; margin-bottom: 16px; }
.optical-engine-steps p { color: var(--ink-mid); font: 400 15px/1.75 var(--font-body); }
.optical-engine-links { display: flex; gap: 32px; flex-wrap: wrap; border-top: 1px solid var(--line); margin-top: 64px; padding-top: 28px; color: var(--ink-mid); font-size: 14px; }
[data-design='optical'] .connection-section { margin: 96px var(--optical-gutter) 0; padding: 0 0 40px; border: 0; }
[data-design='optical'] .connection-heading { display: block; margin: auto; text-align: center; max-width: 800px; }
[data-design='optical'] .connection-heading .fig-title { max-width: none; }
[data-design='optical'] .connection-heading .fig-lede { margin-top: 24px; }
[data-design='optical'] .connection-tabs { margin-top: 48px; background: var(--optical-panel); border: 1px solid var(--line); border-radius: 16px 16px 0 0; padding: 12px 24px; }
[data-design='optical'] .connection-tabs a { border-radius: 999px; font-family: var(--font-body); }
[data-design='optical'] .connection-panel { background: #090f22; padding: 32px; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 16px 16px; }
[data-design='optical'] .connection-example { background: var(--optical-panel); border: 1px solid var(--line); border-radius: 12px; padding: 24px; }
[data-design='optical'] .connection-example pre { background: #050a1a; color: #bfd4ff; border-color: var(--line); white-space: pre-wrap; overflow-wrap: anywhere; }
[data-design='optical'] .connection-copy h3 { font: 600 26px/1.4 var(--font-body); }
[data-design='optical'] .fig-pricing { padding: 96px var(--optical-gutter) 48px; border: 0; }
[data-design='optical'] .fig-pricing > .fig-head { max-width: 840px; text-align: center; margin-inline: auto; }
[data-design='optical'] .fig-pricing .fig-title { max-width: none; }
[data-design='optical'] .pricing-byok-notice { font-size: 13px; }
[data-design='optical'] .billing-toggle { justify-content: center; margin: 32px auto; }
[data-design='optical'] .pricing-matrix { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; border: 0; background: transparent; }
[data-design='optical'] .matrix-head { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
[data-design='optical'] .pricing-matrix .matrix-row { display: flex; flex-direction: column; align-items: stretch; gap: 20px; padding: 32px; background: var(--optical-panel); border: 1px solid var(--line); border-radius: 18px; position: relative; }
[data-design='optical'] .matrix-row > span { border: 0; padding: 0; background: transparent; }
[data-design='optical'] .matrix-row--featured > span { background: transparent; }
[data-design='optical'] .matrix-plan { font: 700 24px/1.3 var(--font-body); }
[data-design='optical'] .plan-dot { display: none; }
[data-design='optical'] .matrix-price { order: 2; display: flex; align-items: baseline; gap: 6px; }
[data-design='optical'] .matrix-price strong { font: 700 48px/1 var(--font-body); letter-spacing: -.05em; }
[data-design='optical'] .matrix-range { order: 1; color: var(--ink-mid); font: 400 15px/1.6 var(--font-body); }
[data-design='optical'] .matrix-action { order: 3; }
[data-design='optical'] .matrix-action a { display: flex; justify-content: center; background: var(--optical-raised); color: var(--ink); border-radius: 999px; padding: 13px 16px; }
[data-design='optical'] .matrix-agents { order: 4; font: 400 14px/1.7 var(--font-body); color: var(--ink-soft); }
[data-design='optical'] .matrix-row[data-plan='pro'] { background: var(--optical-blue); border-color: #709aff; transform: translateY(-12px); --ink-mid: #e2e9ff; --ink-soft: #f3f6ff; --vermillion: #fff; }
[data-design='optical'] .matrix-row[data-plan='pro'] .matrix-action a { background: #fff; color: #17349d; }
[data-design='optical'] .matrix-row[data-plan='pro'] .plan-badge { color: var(--optical-text); border-color: var(--optical-text); }
[data-design='optical'] .pricing-matrix .matrix-row[data-plan='poc'] { grid-column: 1/-1; display: grid; grid-template-columns: 1.2fr 1.6fr .5fr .65fr; align-items: center; gap: 12px 28px; }
[data-design='optical'] [data-plan='poc'] .matrix-plan { grid-column: 1; grid-row: 1; font-size: 21px; }
[data-design='optical'] [data-plan='poc'] .matrix-range { grid-column: 1; grid-row: 2; }
[data-design='optical'] [data-plan='poc'] .matrix-agents { grid-column: 2; grid-row: 1/3; }
[data-design='optical'] [data-plan='poc'] .matrix-price { grid-column: 3; grid-row: 1/3; }
[data-design='optical'] [data-plan='poc'] .matrix-price strong { font-size: 24px; }
[data-design='optical'] [data-plan='poc'] .matrix-action { grid-column: 4; grid-row: 1/3; }
[data-design='optical'] .plan-capabilities { margin-top: 40px; background: var(--optical-panel); border: 1px solid var(--line); box-shadow: none; color: var(--ink); --plan-cap-paper: var(--optical-panel); --plan-cap-ink: var(--ink); --plan-cap-muted: var(--ink-mid); --plan-cap-glow: none; --plan-cap-dot-glow: none; }
[data-design='optical'] .plan-capabilities :is(.plan-cap-title,.plan-cap-name,th[data-capability-plan]) { color: var(--ink); }
[data-design='optical'] .plan-capabilities :is(.plan-cap-lede,.plan-cap-detail,.plan-cap-footnote) { color: var(--ink-mid); }
[data-design='optical'] .plan-capabilities :is(.plan-cap-kicker,.plan-cap-new,th.plan-cap-cell--featured) { color: var(--accent); }
[data-design='optical'] .plan-capabilities::before, [data-design='optical'] .plan-capabilities::after { display: none; }
[data-design='optical'] .plan-cap-new > span[aria-hidden] { animation: none; box-shadow: none; }
[data-design='optical'] .plan-cap-scroll { overflow-x: auto; }
[data-design='optical'] .plan-cap-cell--featured { background: #2442a52a; }
[data-design='optical'] .rs-verdict b { font: 600 18px/1.5 var(--font-body); }
[data-design='optical'] .receipt-specimen::before, [data-design='optical'] .receipt-specimen::after { display: none; }
[data-design='optical'] .ao-band { display: none; }
[data-design='optical'] :is(.roi-disclosure,.workflow-disclosure,.evidence-archive) { margin-inline: var(--optical-gutter); }
[data-design='optical'] .optical-details .fig--ink { width: auto; margin-inline: 0; }
[data-design='optical'] .optical-details .fig { padding-inline: 24px; }
[data-design='optical'] .fig-faq { display: block; padding: 80px var(--optical-gutter); border: 0; }
[data-design='optical'] .fig-faq > .fig-head { margin-inline: auto; max-width: 900px; }
[data-design='optical'] .fig-faq .fig-title { max-width: none; }
.optical-faq-more > summary { padding-block: 24px; color: var(--ink-mid); font-size: 14px; cursor: pointer; }
[data-design='optical'] .fig-faq .fig-head { text-align: center; }
[data-design='optical'] .faq-list { display: block; width: 100%; max-width: 952px; margin: 48px auto 0; }
[data-design='optical'] .faq-q { flex: 1; }
[data-design='optical'] .faq-item { border: 0; border-bottom: 1px solid var(--line); background: transparent; }
[data-design='optical'] .faq-item summary { min-height: 72px; }
[data-design='optical'] .faq-num { display: none; }
[data-design='optical'] .faq-q { font: 600 18px/1.5 var(--font-body); }
[data-design='optical'] .faq-a { font: 400 16px/1.75 var(--font-body); color: var(--ink-mid); }
.optical-closing { position: relative; isolation: isolate; overflow: hidden; min-height: 460px; margin: 80px var(--optical-inset); padding: 96px var(--optical-panel-padding); border-radius: var(--optical-radius); background: var(--optical-blue); }
.optical-closing > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.optical-closing > div { max-width: 600px; }
.optical-closing h2 { font-size: clamp(30px,3vw,44px); line-height: 1.3; letter-spacing: -.035em; }
.optical-closing p { color: #e5ecff; margin: 24px 0 32px; font-size: 18px; }
.optical-closing .btn-primary { background: #fff; color: #2342a7; }
.optical-closing .btn-ghost { margin-left: 12px; color: #fff; border-color: #c0d0ff80; }
[data-design='optical'] .paper-footer { padding: 64px var(--optical-gutter) 0; border-top: 0; background: var(--optical-bg); }
[data-design='optical'] .footer-signature { font-family: var(--font-body); font-weight: 700; color: #111b36; opacity: 1; letter-spacing: -.075em; }
[data-design='optical'] .mobile-cta-bar { background: var(--optical-panel); color: var(--ink); border-color: var(--line); }
[data-design='optical'] .reveal { opacity: 1; transform: none; }
@media (max-width: 1100px) {
  [data-design='optical'] .nav-links { gap: 18px; }
  [data-design='optical'] .nav-actions .nav-login:first-of-type { display: none; }
  [data-design='optical'] .product-hero .hero-main { padding-left: 32px; width: 54%; }
  [data-design='optical'] .hero-title { font-size: 46px; }
  .optical-comparison { padding-inline: 32px; }
  .optical-flow { margin-inline: 24px; padding-inline: 24px; }
  [data-design='optical'] .receipt-wrap { gap: 32px; }
  [data-design='optical'] .product-report-section { padding: 56px 32px; }
  .optical-engine { padding-inline: 32px; }
  .engine-visual { margin-inline: -32px; width: calc(100% + 64px); }
  [data-design='optical'] .pricing-matrix .matrix-row { padding: 24px; }
}
@media (max-width: 900px) {
  [data-design='optical'] .site-nav { padding: 0 20px; }
  [data-design='optical'] .nav-inner { display: flex; min-height: 64px; }
  [data-design='optical'] .nav-wordmark { font-size: 19px; }
  [data-design='optical'] .nav-actions, [data-design='optical'] .nav-links { display: none; }
  [data-design='optical'] .mobile-nav { display: block; margin-left: auto; }
  [data-design='optical'] .mobile-nav summary { min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--optical-panel); }
  [data-design='optical'] .product-hero, [data-design='optical'] .product-hero .hero-wrap { min-height: 0; }
  [data-design='optical'] .product-hero .hero-main { width: 100%; max-width: none; padding: 420px 24px 56px; }
  [data-design='optical'] .hero-title { font-size: clamp(30px,8.2vw,48px); max-width: 100%; line-height: 1.25; }
  [data-design='optical'][lang='ko'] .hero-title strong, [data-design='optical'][data-lang='ko'] .hero-title strong { padding: 5px 16px 7px; margin-block: 4px; }
  [data-design='optical'] .product-hero .hero-sub { margin: 22px 0; font-size: 14px; max-width: none; }
  [data-design='optical'] .hero-actions { gap: 16px; }
  [data-design='optical'] .product-hero .hero-actions .btn { font-size: 13px; padding: 12px 18px; width: auto; flex: 0 1 auto; }
  [data-design='optical'] .product-hero .hero-actions .btn-ghost { padding-inline: 0; }
  .optical-visual { height: 420px; }
  .optical-poster { object-position: 69% 30%; }
  .optical-comparison { padding: 56px 24px; }
  .optical-comparison > h2, .optical-flow > h2, .optical-engine > h2 { font-size: 28px; line-height: 1.4; }
  .optical-comparison-grid { grid-template-columns: 1fr; gap: 24px; margin-top: 36px; }
  .optical-claims { padding: 24px; }
  .optical-claims > p:not(:first-child) { gap: 10px; margin-top: 20px; }
  .optical-claims > p:not(:first-child)::after { display: none; }
  .optical-claims > p > span:last-child { font-size: 13px; padding: 10px 12px; }
  [data-design='optical'] .hero-report { padding: 24px; }
  [data-design='optical'] .hero-report-heading h2 { font-size: 23px; }
  .optical-flow { margin: 24px 16px 48px; padding: 48px 20px; }
  .optical-lede { font-size: 15px; }
  .optical-flow-diagram { grid-template-columns: 1fr; margin-top: 36px; }
  .optical-flow-nodes { gap: 12px; }
  .optical-flow-nodes a { min-height: 76px; }
  .optical-flow-nodes strong { font-size: 17px; }
  .optical-flow-hub { height: 160px; }
  .optical-flow-hub svg { width: 160px; height: 300px; position: absolute; transform: rotate(90deg); }
  .optical-details { margin: 20px 24px; }
  .optical-details > summary { font-size: 13px; }
  [data-design='optical'] .ao-band { display: none; }
  [data-design='optical'] .product-report-section { margin: 48px 12px 0; padding: 40px 20px; }
  [data-design='optical'] .receipt-wrap { grid-template-columns: 1fr; gap: 24px; }
  [data-design='optical'] .receipt-questions { margin-top: 24px; gap: 12px; }
  [data-design='optical'] .receipt-specimen { padding: 18px; min-width: 0; }
  [data-design='optical'] .fig-title { font-size: 30px; }
  [data-design='optical'] .fig-lede { font-size: 15px; }
  [data-design='optical'] .receipt-handoff { margin-top: 32px; }
  .optical-engine { margin: 64px 12px 32px; padding: 48px 20px 32px; }
  .engine-visual { height: 480px; margin: 12px -20px 24px; width: calc(100% + 40px); }
  .optical-engine-steps { grid-template-columns: 1fr; gap: 32px; text-align: left; }
  .optical-engine-steps article { position: relative; padding-left: 36px; }
  .optical-engine-steps article > span { position: absolute; left: 0; top: 8px; }
  .optical-engine-steps h3 { font-size: 23px; margin-bottom: 10px; }
  .optical-engine-links { gap: 20px; margin-top: 32px; font-size: 12px; }
  [data-design='optical'] .connection-section { margin: 64px 24px 0; }
  [data-design='optical'] .connection-panel { padding: 24px 18px; }
  [data-design='optical'] .connection-tabs { padding-inline: 12px; }
  [data-design='optical'] .connection-example { padding: 18px; }
  [data-design='optical'] .fig-pricing { padding: 64px 24px 32px; }
  [data-design='optical'] .pricing-matrix { grid-template-columns: 1fr; gap: 16px; }
  [data-design='optical'] .matrix-row[data-plan='pro'] { transform: none; }
  [data-design='optical'] .pricing-matrix .matrix-row[data-plan='poc'] { display: flex; }
  [data-design='optical'] :is(.roi-disclosure,.workflow-disclosure,.evidence-archive) { margin-inline: 24px; }
  [data-design='optical'] .matrix-row > span::before { display: none; }
  [data-design='optical'] .fig-faq { padding: 48px 24px; }
  [data-design='optical'] .faq-q { font-size: 16px; }
  .optical-closing { margin: 48px 12px; padding: 40px 24px 240px; min-height: 560px; }
  .optical-closing > img { object-position: 68% 100%; object-fit: cover; opacity: .7; }
  .optical-closing > div { position: relative; }
  .optical-closing p { font-size: 16px; }
  [data-design='optical'] .paper-footer { padding: 48px 24px 0; }
}
/* The report is a three-stage reading surface, not a live execution simulator. */
[data-design='optical'] #receipt .review-specimen { justify-self: end; width: 100%; max-width: none; min-width: 0; padding: 32px; border: 1px solid #dce6ff; border-radius: 24px; box-shadow: 0 24px 64px #06265d45; }
[data-design='optical'] #receipt .rs-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding: 0 0 24px; border-bottom: 1px solid var(--line); }
[data-design='optical'] #receipt .rs-head > span:first-child { font: 700 22px/1.3 var(--font-body); color: var(--ink); letter-spacing: -.03em; }
[data-design='optical'] #receipt .rs-head > span:last-child { max-width: 190px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 8px; font: 400 11px/1.5 var(--font-body); color: var(--ink-mid); background: var(--paper-2); text-align: right; }
.report-phase { position: relative; padding: 24px 0; }
.report-phase + .report-phase { border-top: 1px solid var(--line); }
.report-phase-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.report-phase-heading > span { display: grid; place-items: center; flex: 0 0 30px; height: 30px; border-radius: 8px; color: var(--accent); background: var(--paper-2); font: 600 12px/1 var(--font-mono); }
[data-design='optical'] #receipt .report-phase-heading :is(.evidence-kind,.rs-key) { margin: 0; padding: 0; border: 0; background: none; color: var(--ink-mid); font: 600 12px/1.5 var(--font-body); letter-spacing: .02em; }
[data-design='optical'] #receipt .rs-row { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 16px; padding: 14px 0; border: 0; }
[data-design='optical'] #receipt .rs-row .rs-key { font: 500 12px/1.6 var(--font-body); color: var(--ink-muted); margin: 0; }
[data-design='optical'] #receipt .rs-val { display: block; margin: 0; min-width: 0; color: var(--ink); font: 400 15px/1.75 var(--font-body); }
[data-design='optical'] #receipt .rs-val > b { font-weight: 600; font-size: 17px; }
[data-design='optical'] #receipt .rs-file { display: block; margin: 0 0 8px; }
.report-unchecked { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-top: 16px; padding: 12px; background: var(--paper-2); border-radius: 10px; color: var(--ink-mid); font-size: 12px; }
.report-unchecked b { font-size: 11px; border: 1px solid var(--line-strong); border-radius: 999px; padding: 3px 8px; white-space: nowrap; }
[data-design='optical'] #receipt .report-finding { margin: 0; padding: 0; border: 0; color: var(--ink); font: 500 16px/1.75 var(--font-body); }
.report-gap { margin-top: 20px; padding: 20px; border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 0 12px 12px 0; background: var(--paper-2); }
[data-design='optical'] #receipt .report-gap .evidence-kind { font: 600 11px/1.6 var(--font-body); color: var(--accent); padding: 0; background: none; border: 0; margin: 0 0 10px; }
[data-design='optical'] #receipt .report-interpretation { margin: 0; padding: 0; border: 0; background: none; font: 400 15px/1.75 var(--font-body); color: var(--ink-mid); }
[data-design='optical'] #receipt .rs-verdict { display: flex; align-items: center; gap: 20px; padding: 22px; border: 0; border-radius: 14px; background: #112653; color: #f4f7ff; }
[data-design='optical'] #receipt .rs-verdict > span { font-size: 30px; color: #9ecaff; }
[data-design='optical'] #receipt .rs-verdict b { color: #f4f7ff; font: 600 17px/1.65 var(--font-body); }
[data-design='optical'] #receipt :is(.rs-claim,.report-technical) { font: 400 12px/1.7 var(--font-body); color: var(--ink-muted); }
@media (max-width: 900px) {
  [data-design='optical'] #receipt .review-specimen { padding: 22px 18px; border-radius: 18px; }
  [data-design='optical'] #receipt .rs-head { display: block; }
  [data-design='optical'] #receipt .rs-head > span { display: block; }
  [data-design='optical'] #receipt .rs-head > span:last-child { margin-top: 10px; max-width: none; width: fit-content; text-align: left; }
  [data-design='optical'] #receipt .rs-row { grid-template-columns: 1fr; gap: 6px; }
  [data-design='optical'] #receipt .rs-verdict { gap: 12px; padding: 18px; }
  .report-gap { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) { :is(#optical-canvas,#engine-canvas) { transition: none; } }