/* Lens content adapters for the unchanged original landing.css. */
.landing-page { background: var(--bg); }
.landing-page h2, .landing-page h3 { font-weight: 700; }
.site-nav { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-nav .lens-brand, .site-footer .lens-brand { color: #fff; font-size: 20px; }
.site-nav nav { display: flex; align-items: center; gap: 24px; font-size: 14px; }
.site-nav nav > a:not(.lens-button) { color: var(--on-dark-2); text-decoration: none; }
.site-nav nav > a:hover { color: #fff; }
.site-menu-toggle { display: none; }
.landing-page .lens-button { border-radius: 10px; padding: 11px 18px; font-size: 15px; line-height: 1.2; background: var(--blue); border-color: transparent; box-shadow: 0 1px 2px #0f1e3640, inset 0 1px 0 #ffffff24; }
.landing-page .lens-button:hover { background: var(--blue-600); color: #fff; }
.landing-page .lens-button.secondary { color: var(--navy-800); background: #fff; border-color: var(--line-2); box-shadow: var(--shadow-sm); }
.landing-page .lens-button.secondary:hover { border-color: var(--navy-700); }
.landing-page .lens-button.large { padding: 14px 22px; font-size: 16px; }
.hero .lens-button.secondary, .site-menu-toggle.lens-button.secondary { color: #fff; background: #ffffff0d; border-color: #ffffff47; }
.hero .lens-button.secondary:hover, .site-menu-toggle.lens-button.secondary:hover { color: #fff; background: #ffffff1c; border-color: #ffffff80; }
.hero-proof { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 22px; color: var(--on-dark-3); font-size: 13px; }
.hero-proof span::before { content: '✓'; color: #5FD3C3; margin-right: 7px; }
.hero-total { max-width:760px;margin:28px auto 0;padding:22px 26px;border:1px solid #6fb1ff3d;border-radius:16px;background:#ffffff08; }
.total-label { font-size:12px;color:var(--on-dark-2);font-weight:600;letter-spacing:.02em; }
.total-annual { margin:8px 0;font-size:clamp(42px,5vw,68px);font-weight:750;line-height:1.1;letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums; }
.total-annual>span { font-size:18px;font-weight:500;color:var(--on-dark-2);letter-spacing:0;margin-left:8px; }
.total-monthly { font-size:17px;color:var(--on-dark-2);font-variant-numeric:tabular-nums; }
.total-monthly>span { display:block;font-size:13px;margin-top:5px;color:var(--on-dark-3); }
.hero-total>a { display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--sky); }
.hero-product { color: var(--text); text-align: left; }
.preview-toolbar { display: flex; align-items: center; gap: 14px; padding: 11px 18px; border-bottom: 1px solid var(--line); background: #F8FAFC; color: var(--muted); font-size: 12px; }
.preview-toolbar > span:first-child { color: #CBD5E1; font-size: 9px; letter-spacing: 4px; }
.preview-toolbar b { margin-left: auto; padding: 2px 8px; border-radius: 4px; background: var(--amber-50); color: var(--amber-700); font-size: 10px; }
.preview-content { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 36px; padding: 30px 34px; }
.preview-content h2 { font-size: 28px; line-height: 1.2; letter-spacing: -.025em; margin: 12px 0 14px; }
.preview-content p { color: var(--text-2); font-size: 14px; line-height: 1.6; margin: 0 0 16px; }
.preview-content .case-value { margin: 0 0 18px; padding: 20px; }
.preview-content .annual-value { font-size: 42px; }
.preview-content a { font-size: 14px; font-weight: 600; }
.preview-path { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 20px 0 0; color: var(--muted); font-size: 12px; }
.preview-path span { padding: 4px 10px; border-radius: 999px; border: 1px solid var(--blue-line); background: var(--blue-50); color: var(--navy-700); }
.source-strip { padding-top: calc(var(--overlap) + 40px); padding-bottom: 32px; background: var(--bg); border-bottom: 1px solid var(--line); }
.source-strip .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; }
.source-strip span { max-width: 150px; color: var(--muted); font-size: 12px; }
.source-strip b { font-size: 13px; font-weight: 600; color: var(--navy-700); }
.section.container { padding-left: var(--gutter); padding-right: var(--gutter); }
.section-heading { max-width: 760px; margin-bottom: 56px; }
.section-heading h2, .split-section h2 { margin-bottom: 18px; }
.section-heading p, .section-copy { color: var(--text-2); font-size: 17px; line-height: 1.65; }
.section-heading.split { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.section-heading.split h2 { margin-bottom: 0; }
.story-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 48px; align-items: center; }
.split-section { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,6fr); gap: 72px; align-items: center; }
.story-question { align-self: start; padding: 32px; border-radius: var(--radius-lg); background: radial-gradient(600px 300px at 0 0,#2f6fb273,transparent 70%),var(--navy-900); color: var(--on-dark-2); }
.story-question .field-label { color: var(--sky); }
.story-question h3 { color: #fff; font-size: 26px; line-height: 1.35; margin: 18px 0; }
.story-question p { font-size: 15px; margin-bottom: 22px; }
.story-question a { color: var(--sky); font-size: 14px; font-weight: 600; }
.story-steps { display: grid; gap: 26px; }
.story-steps > div { display: flex; gap: 18px; }
.story-steps > div > span { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid #DCE8F7; border-radius: 10px; background: var(--blue-50); color: var(--blue); font-size: 13px; font-weight: 700; }
.story-steps h3 { font-size: 18px; margin-bottom: 8px; }
.story-steps p { font-size: 15px; color: var(--text-2); line-height: 1.6; }
.tint-section { background: var(--bg); border-block: 1px solid var(--line); }
.areas-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 20px; }
.area-card { display: flex; flex-direction: column; background: #fff; padding: 26px 24px 24px; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.area-card:hover { border-color: var(--blue-line); box-shadow: var(--shadow); }
.area-number { color: var(--blue); font-size: 11px; font-weight: 650; letter-spacing: .05em; margin-bottom: 22px; }
.area-card h3 { font-size: 18px; letter-spacing: -.01em; margin-bottom: 6px; }
.area-card p { flex: 1; color: var(--text-2); font-size: 15px; line-height: 1.5; margin-bottom: 16px; }
.area-card a { font-size: 14px; font-weight: 600; }
.area-card { grid-column: span 2; }
.area-card[data-area="code"], .area-card[data-area="security"], .area-card[data-area="hr"] { grid-column: span 2; }
.area-highlights { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.area-highlights span { padding: 4px 10px; border: 1px solid var(--blue-line); border-radius: 999px; color: var(--blue); background: var(--blue-50); font-size: 12px; font-weight: 600; }
.code-release-note { margin-top: 24px; padding: 24px 28px; border: 1px solid var(--blue-line); border-radius: var(--radius); background: var(--blue-50); }
.code-release-note strong { color: var(--navy-900); font-size: 18px; }
.code-release-note p { color: var(--text-2); font-size: 15px; line-height: 1.6; margin: 10px 0; }
.code-release-note a { font-size: 14px; font-weight: 600; }
.hr-showcase-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
.hr-showcase-grid .lens-panel { padding:26px;display:flex;flex-direction:column;gap:16px; }
.hr-showcase-grid h3 { font-size:21px;line-height:1.3;margin:0; }
.hr-showcase-grid p { color:var(--text-2);font-size:15px;line-height:1.6; }
.hr-showcase-grid a { font-size:14px;font-weight:600;margin-top:auto; }
.landing-page .opportunity-grid { gap: 24px; }
.landing-page .opportunity-card { padding: 26px; border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.landing-page .opportunity-card h3 { font-size: 22px; }
.landing-page .opportunity-card:last-child:nth-child(odd) { grid-column: 1/-1; }
.landing-page .case-problem { font-size: 15px; }
.landing-page .case-action p { font-size: 14px; }
.landing-page .annual-value { color: var(--navy-900); }
.landing-page .demo-disclosure { margin-bottom: 24px; font-size: 13px; }
.case-note { max-width: 880px; margin-top: 24px; line-height: 1.65; }
.ask-section { color: #fff; background: radial-gradient(900px 520px at 88% -4%,#0e9f8e2e,transparent 62%),radial-gradient(1000px 640px at -6% 100%,#2f6fb261,transparent 62%),var(--navy-900); }
.ask-section h2 { color: #fff; }
.ask-section .eyebrow { color: var(--sky); }
.ask-section p { color: var(--on-dark-2); font-size: 17px; line-height: 1.65; margin-bottom: 28px; }
.ask-prompts { display: grid; gap: 14px; }
.ask-prompts > a { display: block; color: #fff; font-size: 16px; text-decoration: none; border: 1px solid #6fb1ff3d; border-radius: 12px; background: #ffffff0d; padding: 22px; }
.ask-prompts > a:hover { background: #ffffff14; border-color: #6fb1ff80; }
.ask-prompts > a > span { display: block; color: var(--sky); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 8px; }
.ask-prompts small { color: var(--on-dark-3); font-size: 12px; line-height: 1.65; }
.section-copy { margin-bottom: 18px; }
.split-section .small-copy { margin: 14px 0 24px; line-height: 1.65; }
.source-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.source-grid > div { padding: 26px; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius); }
.source-grid > div > span { display: block; font-size: 12px; font-weight: 600; color: var(--blue); margin-bottom: 22px; }
.source-grid h3 { font-size: 18px; margin-bottom: 12px; }
.source-grid p { color: var(--text-2); font-size: 14px; line-height: 1.6; }
.value-principles > div { border-bottom: 1px solid var(--line-2); padding-bottom: 22px; margin-bottom: 22px; }
.value-principles > div:last-child { border: 0; margin-bottom: 0; }
.value-principles h3 { font-size: 18px; margin-bottom: 10px; }
.value-principles p { color: var(--text-2); font-size: 15px; line-height: 1.6; }
.pricing-section { text-align: center; }
.pricing-section .section-heading { margin-inline: auto; }
.pricing-section .button-row { justify-content: center; margin-bottom: 18px; }
.pricing-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 42px auto; max-width: 1000px; }
.pricing-steps > div { border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; background: var(--bg); }
.pricing-steps strong { color: var(--navy-900); font-size: 18px; }
.pricing-steps p { color: var(--text-2); font-size: 15px; margin-top: 12px; }
.site-footer .container { display: flex; align-items: center; flex-wrap: wrap; gap: 22px 30px; }
.site-footer p { color: var(--on-dark-2); font-size: 14px; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 24px; margin-left: auto; font-size: 13px; }
.site-footer nav a { color: var(--on-dark-2); }
.site-footer small { width: 100%; border-top: 1px solid #ffffff1f; margin-top: 20px; padding-top: 22px; color: var(--on-dark-3); font-size: 12px; }
.landing-page .dialog-body ul { padding-left: 20px; }

@media (max-width: 1023px) {
  .site-menu-toggle { display: inline-flex; }
  .site-nav nav { display: none; position: absolute; top: var(--header-h); left: 0; right: 0; flex-direction: column; align-items: stretch; max-height: calc(100vh - var(--header-h)); overflow-y: auto; padding: 8px var(--gutter) 24px; background: var(--navy-900); border-bottom: 1px solid #ffffff1f; box-shadow: 0 24px 48px #030a1673; gap: 0; }
  .site-nav nav.open { display: flex; }
  .site-nav nav > a:not(.lens-button) { padding: 13px 4px; color: #fff; border-bottom: 1px solid #ffffff12; font-size: 16.5px; }
  .site-nav nav > .lens-button { margin-top: 16px; }
  .story-grid, .split-section { grid-template-columns: minmax(0,1fr); gap: 40px; }
  .areas-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .area-card, .area-card[data-area="code"], .area-card[data-area="security"], .area-card[data-area="hr"] { grid-column: auto; }
  .hr-showcase-grid { grid-template-columns:minmax(0,1fr); }
  .source-strip .container { justify-content: center; }
  .source-strip span { width: 100%; max-width: none; text-align: center; }
  .preview-content { gap: 24px; padding: 26px; }
  .preview-content h2 { font-size: 24px; }
  .preview-content .annual-value { font-size: 36px; }
}
@media (max-width: 767px) {
  .preview-content, .story-grid, .split-section { grid-template-columns: minmax(0,1fr); }
  .preview-content { padding: 24px; gap: 24px; }
  .preview-path { margin-top: 16px; }
  .preview-content .case-value { margin-bottom: 18px; }
  .section-heading { margin-bottom: 40px; }
  .areas-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .area-card { padding: 22px 20px; }
  .section-heading p, .section-copy, .ask-section p { font-size: 16px; }
  .site-footer nav { margin-left: 0; }
  .pricing-steps { grid-template-columns: minmax(0,1fr); text-align: left; }
  .pricing-steps > div { padding: 22px; }
}
@media (max-width: 599px) {
  .hero-proof { display: grid; gap: 8px; font-size: 12px; }
  .hero-cta .lens-button { width: 100%; }
  .preview-content { padding: 20px; }
  .preview-content h2 { font-size: 23px; }
  .preview-content .annual-value { font-size: 36px; }
  .source-strip { padding-bottom: 24px; }
  .source-strip b { font-size: 12px; }
  .areas-grid, .source-grid { grid-template-columns: minmax(0,1fr); }
  .story-question { padding: 26px 22px; }
  .story-question h3 { font-size: 24px; }
  .landing-page .opportunity-card { padding: 22px; }
  .landing-page .opportunity-card h3 { font-size: 20px; }
  .landing-page .opportunity-card:last-child { grid-column: auto; }
  .ask-prompts > a { padding: 20px; font-size: 15px; }
  .source-grid > div { padding: 22px; }
}
@media print {
  .hero-visual { margin-bottom: 0; }
  .source-strip { padding-top: 24px; }
}