:root {
  color-scheme: light;
  --ink: #1d2925;
  --ink-soft: #485650;
  --muted: #78837d;
  --paper: #f6f5f0;
  --white: #fff;
  --line: #e8e9e3;
  --green: #245c47;
  --green-dark: #193f32;
  --green-pale: #e6efe9;
  --lavender: #eeeafb;
  --serif: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
  scroll-behavior: smooth;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  overflow-x: clip;
  background: var(--paper);
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}

button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }

.skip-link {
  position: absolute;
  z-index: 20;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  transform: translateY(-150%);
  border-radius: 6px;
  background: var(--green-dark);
  color: white;
}
.skip-link:focus { transform: translateY(0); }

.site-header {
  width: min(1200px, calc(100% - 64px));
  height: 82px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wordmark { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; letter-spacing: -.3px; }
.wordmark-mark { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px 10px 10px 3px; background: var(--green); color: white; font-family: var(--serif); font-size: 19px; font-weight: 700; }
.wordmark-light { color: #748078; font-weight: 500; }
.site-nav { display: flex; align-items: center; gap: 36px; margin-left: 46px; }
.site-nav a { color: #68756e; font-size: 12px; font-weight: 600; transition: color .2s ease; }
.site-nav a:hover, .site-footer a:hover { color: var(--green); }
.header-cta { padding: 10px 14px; border: 1px solid #dfe3dd; border-radius: 7px; color: var(--green-dark); font-size: 11px; font-weight: 700; transition: background .2s ease; }
.header-cta:hover { background: white; }
.header-cta span { padding-left: 6px; color: #71917f; }

.section-shell { width: min(1120px, calc(100% - 64px)); margin: 0 auto; }
.hero { position: relative; min-height: 595px; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; padding-top: 21px; padding-bottom: 65px; }
.hero-copy { position: relative; z-index: 2; padding: 11px 0 0 8px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #617267; font-size: 10px; font-weight: 700; letter-spacing: 1.25px; text-transform: uppercase; }
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: #7bac8c; box-shadow: 0 0 0 3px #e4eee6; }
h1, h2, h3, p { margin-top: 0; }
.hero h1 { margin: 23px 0 18px; font-family: var(--serif); font-size: clamp(42px, 5vw, 61px); font-weight: 600; letter-spacing: -3.2px; line-height: 1.12; }
.hero h1 span, h2 span { color: var(--green); }
.hero-intro { max-width: 460px; margin-bottom: 12px; color: #53615a; font-size: 16px; line-height: 1.75; }
.hero-note { max-width: 455px; color: #87918a; font-size: 12px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 27px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 7px; font-size: 12px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { min-height: 45px; padding: 0 17px; background: var(--green); color: white; box-shadow: 0 7px 16px #245c4724; }
.button-primary:hover { background: #1f4e3d; box-shadow: 0 9px 22px #245c4733; }
.button-primary span { font-size: 16px; font-weight: 400; }
.text-link { color: #52635a; font-size: 11px; font-weight: 700; }
.text-link span { padding-left: 4px; color: var(--green); }
.hero-proof { display: flex; align-items: center; gap: 9px; margin-top: 32px; color: #87918b; font-size: 10px; }
.proof-icon { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: #e0ebe3; color: var(--green); font-size: 10px; font-weight: 700; }

.hero-art { position: relative; height: 430px; margin: 9px -16px 0 0; }
.art-glow { position: absolute; inset: 44px 16px 22px 10px; border-radius: 47% 53% 55% 45% / 46% 45% 55% 54%; background: radial-gradient(ellipse at 51% 47%, #e8efe7 0, #ecefe8 48%, #f6f5f0 74%); }
.paper-stack { position: absolute; inset: 33px 10px 30px 0; }
.paper { position: absolute; width: 248px; height: 285px; border: 1px solid #e8e9e2; border-radius: 9px; background: #fff; box-shadow: 0 15px 40px #26392b14; }
.paper-back { top: 24px; left: 67px; padding: 24px; transform: rotate(7deg); }
.paper-front { top: 51px; left: 31px; padding: 23px; transform: rotate(-5deg); }
.paper-tag { color: #93a097; font-size: 7px; font-weight: 700; letter-spacing: 1.2px; }
.paper-top { display: flex; align-items: center; justify-content: space-between; }
.paper-emblem { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 7px; background: #edf2eb; color: var(--green); font-size: 8px; font-weight: 700; }
.paper-client { display: block; margin-top: 24px; color: #303e36; font-family: var(--serif); font-size: 16px; font-weight: 700; letter-spacing: -.4px; }
.paper-line { height: 5px; margin-top: 11px; border-radius: 5px; background: #edf0ec; }
.line-long { width: 88%; }.line-mid { width: 62%; }.line-short { width: 45%; }
.paper-field { display: flex; justify-content: space-between; margin-top: 18px; padding-top: 11px; border-top: 1px solid #eef0ec; color: #87918b; font-size: 8px; }
.paper-field strong { color: #3a5143; font-size: 9px; }
.paper-mini-chart { display: flex; align-items: end; gap: 6px; height: 66px; margin-top: 26px; padding: 9px 10px 0; border-bottom: 1px solid #e8ebe6; background: repeating-linear-gradient(to bottom, transparent 0, transparent 16px, #f1f3f0 17px); }
.paper-mini-chart i { width: 15px; border-radius: 3px 3px 0 0; background: #b7d1bd; }
.paper-mini-chart i:nth-child(1) { height: 30%; }.paper-mini-chart i:nth-child(2) { height: 48%; }.paper-mini-chart i:nth-child(3) { height: 40%; }.paper-mini-chart i:nth-child(4) { height: 78%; }.paper-mini-chart i:nth-child(5) { height: 60%; }.paper-mini-chart i:nth-child(6) { height: 88%; background: #6a9c7d; }
.sheet-card { position: absolute; z-index: 2; top: 141px; left: 155px; width: 332px; overflow: hidden; border: 1px solid #e4e9e2; border-radius: 9px; background: white; box-shadow: 0 14px 36px #26392b19; transform: rotate(2deg); }
.sheet-title { display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 12px; border-bottom: 1px solid #eef0eb; color: #526058; font-size: 9px; font-weight: 700; }
.sheet-icon { color: #63a47c; font-size: 14px; }.sheet-menu { margin-left: auto; color: #a7b0aa; font-size: 17px; }
.sheet-row { display: grid; grid-template-columns: 1.15fr .95fr .8fr; align-items: center; min-height: 35px; padding: 0 11px; border-bottom: 1px solid #f0f1ee; color: #66716b; font-size: 8px; }
.sheet-row strong { color: #2f4037; font-size: 8px; }.sheet-head { min-height: 27px; background: #fafbf9; color: #98a19b; font-size: 7px; font-weight: 700; }
.source-pill { justify-self: start; padding: 3px 6px; border-radius: 3px; background: #edf4ee; color: #588067; font-size: 7px; }
.sheet-review { display: flex; align-items: center; gap: 7px; padding: 10px 11px; color: #75817a; font-size: 8px; }
.review-dot { width: 6px; height: 6px; border-radius: 50%; background: #d3a758; }
.floating-note { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 10px 13px 10px 10px; border: 1px solid #e9ebe5; border-radius: 8px; background: #fff; box-shadow: 0 8px 26px #26392b0d; }
.note-top { top: 63px; right: 3px; }.note-bottom { right: 7px; bottom: 69px; }
.note-icon { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 7px; font-size: 15px; }
.note-icon-green { background: #eaf3eb; color: #5a916d; }.note-icon-violet { background: #f0edfc; color: #8276b4; }
.floating-note strong, .floating-note small { display: block; }.floating-note strong { color: #435149; font-size: 9px; }.floating-note small { margin-top: 3px; color: #8c958f; font-size: 8px; }
.art-caption { position: absolute; right: 24px; bottom: 32px; color: #9aa39c; font-size: 8px; letter-spacing: .3px; }
.hero-scroll { position: absolute; bottom: 18px; left: 9px; display: flex; align-items: center; gap: 9px; color: #a0a9a2; font-size: 8px; letter-spacing: .7px; text-transform: uppercase; }
.hero-scroll span { width: 18px; height: 26px; border: 1px solid #bdc5bd; border-radius: 9px; }
.hero-scroll span::before { display: block; width: 2px; height: 5px; margin: 5px auto; border-radius: 2px; background: #829287; content: ""; }

.trust-strip { display: flex; align-items: center; justify-content: center; gap: clamp(35px, 8vw, 130px); min-height: 92px; border-top: 1px solid #e9e9e3; border-bottom: 1px solid #e9e9e3; background: #f8f8f4; }
.trust-strip > div { display: flex; align-items: center; gap: 11px; }
.trust-check { color: #8ba293; font-family: var(--serif); font-size: 14px; font-weight: 700; }
.trust-strip strong, .trust-strip small { display: block; }.trust-strip strong { color: #4a5850; font-size: 10px; }.trust-strip small { margin-top: 4px; color: #969f98; font-size: 9px; }

.case-section { padding-top: 103px; padding-bottom: 106px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 55px; margin-bottom: 42px; }
.section-heading h2 { margin: 16px 0 0; font-family: var(--serif); font-size: clamp(33px, 4vw, 45px); font-weight: 600; letter-spacing: -2px; line-height: 1.2; }
.section-heading > p { width: 340px; margin: 0 0 4px; color: #707c74; font-size: 12px; line-height: 1.9; }
.case-grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr) 40px 1.2fr; align-items: center; gap: 14px; }
.source-card, .deliverable-card { position: relative; min-height: 184px; padding: 19px 18px; border: 1px solid #e8e9e3; border-radius: 9px; background: #fbfbf8; }
.source-card { transition: transform .2s ease, box-shadow .2s ease; }.source-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px #273a2c0a; }
.source-card-top { display: flex; align-items: center; gap: 8px; }
.file-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 6px; font-size: 7px; font-weight: 700; }
.file-pdf { background: #f8e9e5; color: #ba7061; }.file-xls { background: #e5f1e8; color: #5b9669; }.file-msg { background: #eceafb; color: #8178b4; }
.source-kind { color: #96a098; font-size: 8px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; }
.source-check { display: grid; width: 17px; height: 17px; margin-left: auto; place-items: center; border-radius: 50%; background: #e9f1e9; color: #5b8c68; font-size: 9px; font-weight: 700; }
.source-card h3, .deliverable-card h3 { margin: 18px 0 7px; color: #35433b; font-family: var(--serif); font-size: 13px; font-weight: 700; }
.source-card p, .deliverable-card p { margin: 0; color: #89938c; font-size: 9px; line-height: 1.6; }
.file-name { display: inline-block; margin-top: 13px; color: #a2aaa4; font-size: 8px; }
.case-arrow { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #e4e8e1; border-radius: 50%; background: #f1f3ed; color: #6c9079; font-size: 14px; }
.deliverable-card { min-height: 198px; padding: 19px 18px 15px; border-color: #dce7dc; background: #eef4ed; }
.deliverable-icon { position: absolute; top: 19px; right: 17px; color: #6f9c7a; font-size: 20px; }
.deliverable-label { color: #7e9b83; font-size: 7px; font-weight: 700; letter-spacing: 1px; }
.deliverable-card h3 { margin-top: 17px; color: #355643; font-size: 14px; }
.deliverable-card p { max-width: 180px; color: #73847a; }
.deliverable-status { display: flex; align-items: center; gap: 6px; margin-top: 13px; color: #5f8068; font-size: 8px; font-weight: 600; }.deliverable-status span { width: 5px; height: 5px; border-radius: 50%; background: #71a178; }

.demo-section { padding: 100px 0 94px; background: #eef0e9; }
.demo-heading { margin-bottom: 37px; }.demo-heading > p { width: 355px; }
.simulator { display: grid; grid-template-columns: 192px minmax(0, 1fr); min-height: 585px; overflow: hidden; border: 1px solid #e1e4dc; border-radius: 12px; background: #f9faf7; box-shadow: 0 24px 70px #26392b13; }
.simulator-sidebar { position: relative; padding: 17px 12px; border-right: 1px solid #e8ebe5; background: #f6f7f3; }
.sim-sidebar-heading { display: flex; align-items: center; gap: 8px; padding: 0 6px 21px; color: #7a867d; font-size: 7px; font-weight: 700; letter-spacing: .45px; }
.sim-window-dots { display: flex; gap: 3px; }.sim-window-dots i { width: 5px; height: 5px; border-radius: 50%; background: #c9cfc8; }.sim-window-dots i:first-child { background: #d7a29a; }.sim-window-dots i:nth-child(2) { background: #e6c982; }.sim-window-dots i:last-child { background: #9ec6a3; }
.sim-nav-label { margin: 12px 0 9px 8px; color: #a5ada6; font-size: 7px; font-weight: 700; letter-spacing: .8px; }
.sim-nav-label-spaced { margin-top: 24px; }
.sim-nav-item { display: flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 8px; border-radius: 5px; color: #89938c; font-size: 9px; }.sim-nav-item.active { background: #e8eee7; color: #3b634a; font-weight: 600; }
.sim-nav-icon { color: #8fa095; font-size: 13px; }.nav-count { margin-left: auto; color: #9aa39c; font-size: 8px; }
.sidebar-safety { position: absolute; right: 11px; bottom: 15px; left: 11px; display: flex; gap: 7px; padding: 10px 8px; border: 1px solid #e7eae3; border-radius: 6px; background: #fafbf8; }
.sidebar-safety > span { display: grid; flex: 0 0 14px; width: 14px; height: 14px; place-items: center; border-radius: 50%; background: #e8efe9; color: #62816a; font-family: Georgia, serif; font-size: 10px; }
.sidebar-safety p { margin: 0; color: #929b94; font-size: 7px; line-height: 1.6; }.sidebar-safety strong { color: #637068; }
.simulator-main { min-width: 0; }
.sim-topbar { display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0 21px; border-bottom: 1px solid #e9ece6; background: #fdfdfa; color: #7d8981; font-size: 8px; }.sim-topbar strong { color: #57645c; font-size: 8px; }
.breadcrumb-slash { padding: 0 8px; color: #c3cac3; }.demo-badge { display: flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 4px; background: #f1f4ee; color: #78907c; font-size: 6px; font-weight: 700; letter-spacing: .55px; }.demo-badge i { width: 5px; height: 5px; border-radius: 50%; background: #83aa83; }
.sim-content { max-width: 980px; margin: 0 auto; padding: 23px 23px 17px; }
.sim-case-heading { display: flex; align-items: center; justify-content: space-between; }
.sim-overline { color: #8e9a91; font-size: 7px; font-weight: 700; letter-spacing: 1px; }
.sim-case-heading h3 { margin: 6px 0 4px; color: #293a30; font-family: var(--serif); font-size: 20px; font-weight: 700; letter-spacing: -.5px; }
.sim-case-heading p { margin: 0; color: #929c94; font-size: 8px; }.sim-case-heading p span { padding: 0 4px; color: #c3c9c2; }
.avatar-stack { display: grid; width: 30px; height: 30px; place-items: center; border: 2px solid white; border-radius: 50%; background: #e7eee6; color: #618169; font-size: 8px; font-weight: 700; box-shadow: 0 0 0 1px #e0e6df; }
.stepper { display: flex; align-items: center; width: fit-content; margin: 22px auto 18px; }
.step { display: flex; align-items: center; gap: 6px; color: #a2aba4; font-size: 8px; }.step span { display: grid; width: 19px; height: 19px; place-items: center; border: 1px solid #dfe4dc; border-radius: 50%; background: #fbfcf9; font-size: 8px; }
.step strong { font-weight: 500; }.step.active { color: #3a6749; }.step.active span, .step.complete span { border-color: #578468; background: #578468; color: white; }.step.complete strong { color: #64816b; }.step-line { width: 37px; height: 1px; margin: 0 9px; background: #e0e5de; }
.sim-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); gap: 12px; }
.assistant-panel, .result-panel { min-width: 0; border: 1px solid #e7eae4; border-radius: 7px; background: #fff; }
.assistant-panel { padding: 12px; }
.assistant-heading { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid #f0f2ed; }.assistant-avatar { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; background: #eaf0e9; color: #4f835e; font-size: 13px; }
.assistant-heading strong, .assistant-heading small { display: block; }.assistant-heading strong { color: #4c5a51; font-size: 9px; }.assistant-heading small { margin-top: 2px; color: #a0a9a2; font-size: 7px; }.panel-menu { margin-left: auto; color: #a9b0aa; font-size: 16px; }
.chat-message { max-width: 94%; margin: 11px 0 8px; padding: 9px 10px; border-radius: 0 7px 7px 7px; background: #f5f7f3; color: #657269; font-size: 8px; line-height: 1.65; }.chat-message p { margin: 0; }.chat-message strong { color: #4b5e51; font-weight: 700; }
.attached-docs { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 10px; }.attached-doc { display: flex; align-items: center; gap: 4px; padding: 4px 6px; border: 1px solid #e9ece7; border-radius: 4px; color: #78847b; font-size: 7px; }
.tiny-file { display: grid; width: 12px; height: 12px; place-items: center; border-radius: 3px; font-size: 6px; font-style: normal; font-weight: 700; }.tiny-pdf { background: #f8e8e4; color: #ba7061; }.tiny-xls { background: #e6f1e7; color: #619267; }.tiny-msg { background: #eceafb; color: #8076b1; }
.prompt-box { position: relative; padding: 9px; border: 1px solid #e6ebe4; border-radius: 5px; background: #fcfdfa; }.prompt-box label { color: #9aa49c; font-size: 6px; font-weight: 700; letter-spacing: .8px; }.prompt-box p { margin: 7px 0 8px; color: #5f6e64; font-size: 8px; line-height: 1.65; }
.copy-button, .mini-copy { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid #e3e8e1; border-radius: 4px; background: #fff; color: #577660; font-size: 7px; font-weight: 700; transition: background .2s ease; }.copy-button:hover, .mini-copy:hover { background: #f1f6f0; }
.assistant-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; }.secure-hint { display: flex; align-items: center; gap: 5px; color: #97a198; font-size: 6px; }.secure-hint span { color: #83a488; font-size: 7px; }
.button-run { min-height: 29px; padding: 0 10px; background: #2d654a; color: white; font-size: 8px; }.button-run:hover { background: #214e39; }.button-run span { font-size: 12px; font-weight: 400; }.button-run:disabled { cursor: wait; opacity: .7; transform: none; }
.sim-status { min-height: 13px; margin: 6px 0 0; color: #69836f; font-size: 7px; }.sim-status.error { color: #a44f45; }
.result-panel { position: relative; display: flex; flex-direction: column; min-height: 325px; overflow: hidden; }
.result-header { display: flex; align-items: center; justify-content: space-between; min-height: 45px; padding: 0 10px; border-bottom: 1px solid #edf0eb; }.result-header > div { display: flex; align-items: center; gap: 7px; }.result-icon { color: #65a276; font-size: 15px; }.result-header strong, .result-header small { display: block; }.result-header strong { color: #59665d; font-size: 8px; }.result-header small { margin-top: 3px; color: #9ba49d; font-size: 6px; }
.download-button { display: flex; align-items: center; gap: 4px; padding: 6px 7px; border: 1px solid #e6e9e4; border-radius: 4px; background: white; color: #6c8671; font-size: 9px; }.download-button span { font-size: 7px; font-weight: 600; }.download-button:disabled { cursor: not-allowed; color: #adb5ae; background: #fafbf9; }
.result-placeholder { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; padding: 16px; text-align: center; }.result-placeholder[hidden] { display: none; }.placeholder-sheet { display: grid; width: 42px; height: 42px; margin-bottom: 10px; place-items: center; border: 1px solid #e8ece6; border-radius: 10px; background: #f8faf7; color: #a3b6a5; font-size: 19px; }.result-placeholder strong { color: #78847b; font-size: 8px; }.result-placeholder p { max-width: 170px; margin: 6px 0 0; color: #a0a9a2; font-size: 7px; line-height: 1.6; }
.result-table-wrap { padding: 9px 9px 0; }.result-table-wrap[hidden] { display: none; }.result-table-wrap table { width: 100%; border-collapse: collapse; text-align: left; }.result-table-wrap th { padding: 6px 4px; border-bottom: 1px solid #e9ede7; color: #9ba49d; font-size: 6px; font-weight: 700; }.result-table-wrap td { padding: 9px 4px; border-bottom: 1px solid #f0f2ee; color: #66736a; font-size: 7px; }.result-table-wrap td:nth-child(2) { color: #3c5143; font-weight: 600; }.table-source { display: inline-block; padding: 3px 5px; border-radius: 3px; background: #edf3ec; color: #6a8a70; font-size: 6px; white-space: nowrap; }.source-email { background: #f1effb; color: #8178a9; }.pending-row td { color: #9c8b69; }.pending-row td:nth-child(2) { color: #a1834e; }.pending-text { display: inline-block; padding: 3px 5px; border-radius: 3px; background: #faf3e6; }
.review-callout { display: flex; gap: 7px; margin-top: 9px; padding: 8px; border: 1px solid #f0e5cd; border-radius: 4px; background: #fcf8ef; }.review-callout-icon { display: grid; flex: 0 0 13px; width: 13px; height: 13px; place-items: center; border-radius: 50%; background: #f3e7c9; color: #a07d3e; font-size: 8px; font-weight: 700; }.review-callout p { margin: 0; color: #9b8964; font-size: 6px; line-height: 1.55; }.review-callout strong { color: #826a3f; }
.result-footer { display: flex; justify-content: space-between; gap: 5px; margin-top: 9px; padding: 8px 0; border-top: 1px solid #edf0eb; color: #98a29a; font-size: 6px; }.result-footer span:first-child { display: flex; align-items: center; gap: 4px; }.result-footer i { width: 5px; height: 5px; border-radius: 50%; background: #d5ab5d; }
.result-locked { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: auto; padding: 8px; border-top: 1px solid #edf0eb; color: #9ba49d; font-size: 6px; }.result-locked span { font-size: 8px; }
.sim-bottom-note { display: flex; align-items: center; gap: 7px; margin-top: 12px; padding: 9px 10px; border: 1px solid #e8ebe5; border-radius: 5px; background: #fcfdfa; color: #879289; font-size: 7px; }.note-check { display: grid; width: 15px; height: 15px; place-items: center; border-radius: 50%; background: #e6efe7; color: #5e8a68; font-size: 8px; font-weight: 700; }.sim-bottom-note strong { color: #5a6e5f; }.sim-bottom-note a { margin-left: auto; color: #64836b; font-size: 7px; font-weight: 700; white-space: nowrap; }.sim-bottom-note a span { padding-left: 3px; }
.demo-footnote { display: flex; align-items: center; gap: 7px; margin-top: 15px; color: #839087; font-size: 9px; }.demo-footnote span { color: #809d83; font-size: 12px; }

.how-section { padding-top: 105px; padding-bottom: 108px; }.how-section .section-heading { margin-bottom: 38px; }
.how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.how-card { position: relative; min-height: 250px; padding: 22px 21px; border: 1px solid #e6e9e3; border-radius: 8px; background: #fafaf7; }.how-number { position: absolute; top: 20px; right: 20px; color: #aab4ab; font-family: var(--serif); font-size: 10px; font-weight: 700; }
.how-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; font-size: 19px; }.folder-icon { background: #eaf1e9; color: #689175; }.prompt-icon { background: #f0edfa; color: #8479b5; }.review-icon { background: #f7efe0; color: #aa915e; }
.how-card h3 { margin: 18px 0 9px; color: #3d4b42; font-family: var(--serif); font-size: 14px; font-weight: 700; letter-spacing: -.2px; }.how-card p { min-height: 55px; margin: 0; color: #808b83; font-size: 10px; line-height: 1.8; }
.code-chip { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; padding: 7px 9px; border: 1px solid #e5e9e2; border-radius: 4px; background: white; color: #6b796e; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; }.code-chip span { color: #80a087; font-size: 10px; }
.mini-copy { margin-top: 12px; padding: 7px 9px; font-size: 8px; }.mini-copy span { padding-left: 3px; }.copy-source { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: pre-wrap; }
.review-stamp { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 7px 9px; border-radius: 4px; background: #f8f4e9; color: #8d7b51; font-size: 8px; font-weight: 700; }.review-stamp span { display: grid; width: 13px; height: 13px; place-items: center; border-radius: 50%; background: #e8ddc0; font-size: 7px; }

.guardrail-section { padding: 67px 0; background: #214a39; color: white; }.guardrail-inner { display: grid; grid-template-columns: 58px 1fr 180px; align-items: center; gap: 28px; }.guardrail-icon { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid #ffffff36; border-radius: 14px; color: #bdd7bd; font-size: 29px; transform: rotate(-8deg); }.eyebrow-light { color: #a9c4ac; }.eyebrow-light .eyebrow-dot { background: #9bc49d; box-shadow: 0 0 0 3px #345c47; }
.guardrail-inner h2 { margin: 13px 0 10px; font-family: var(--serif); font-size: 29px; font-weight: 600; letter-spacing: -1.2px; line-height: 1.23; }.guardrail-inner h2 span { color: #b8d3b9; }.guardrail-inner p { max-width: 590px; margin: 0; color: #cad7cc; font-size: 10px; line-height: 1.8; }
.guardrail-side { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding-left: 23px; border-left: 1px solid #ffffff2c; color: #c3d6c4; font-size: 10px; }.guardrail-check { display: grid; width: 21px; height: 21px; margin-bottom: 3px; place-items: center; border-radius: 50%; background: #3e6a4d; color: #d3e6d3; font-size: 11px; }

.closing-section { padding-top: 94px; padding-bottom: 70px; }.closing-card { position: relative; display: grid; grid-template-columns: 1fr .75fr; min-height: 315px; overflow: hidden; align-items: center; padding: 39px 48px; border-radius: 12px; background: #e8eee5; }.closing-content { position: relative; z-index: 1; }.closing-label { color: #75917a; font-size: 8px; font-weight: 700; letter-spacing: 1.15px; }.closing-card h2 { margin: 14px 0 10px; color: #2b4033; font-family: var(--serif); font-size: clamp(27px, 3.2vw, 37px); font-weight: 600; letter-spacing: -1.5px; line-height: 1.2; }.closing-card h2 span { color: #4f805c; }.closing-card p { max-width: 425px; margin-bottom: 19px; color: #748278; font-size: 10px; line-height: 1.8; }.button-light { min-height: 36px; padding: 0 13px; border: 1px solid #d1ded0; background: #f8faf5; color: #4e7157; font-size: 9px; }.button-light:hover { background: white; }
.closing-aside { position: relative; z-index: 1; justify-self: end; width: min(300px, 100%); }.aside-card { padding: 20px; border: 1px solid #dce5d9; border-radius: 9px; background: #f8faf6; box-shadow: 0 12px 30px #334c3110; transform: rotate(2deg); }.aside-card > span, .aside-card strong, .aside-card small { display: block; }.aside-card > span { color: #849287; font-size: 8px; font-weight: 600; }.aside-card strong { margin-top: 13px; color: #45634c; font-family: var(--serif); font-size: 15px; font-weight: 600; line-height: 1.55; }.aside-card small { margin-top: 14px; padding-top: 11px; border-top: 1px solid #e9eee5; color: #98a39a; font-size: 7px; }
.closing-orb { position: absolute; border-radius: 50%; }.orb-one { top: -109px; right: 220px; width: 330px; height: 330px; background: #dce8d9; }.orb-two { right: -123px; bottom: -232px; width: 410px; height: 410px; border: 1px solid #d6e2d3; }
.site-footer { display: flex; align-items: center; justify-content: space-between; width: min(1120px, calc(100% - 64px)); min-height: 70px; margin: 0 auto; border-top: 1px solid #e5e7e0; color: #9aa39b; font-size: 8px; }.footer-wordmark { color: #66746a; font-size: 10px; }.footer-wordmark .wordmark-mark { width: 24px; height: 24px; border-radius: 7px 7px 7px 2px; font-size: 15px; }.site-footer a:last-child { color: #76847a; font-weight: 600; }
.toast { position: fixed; z-index: 30; right: 20px; bottom: 20px; max-width: min(360px, calc(100vw - 40px)); padding: 11px 15px; border: 1px solid #dce6db; border-radius: 7px; background: #fff; color: #49624e; box-shadow: 0 8px 30px #1f352422; font-size: 11px; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease; }.toast.visible { opacity: 1; transform: translateY(0); }.toast.error { border-color: #efd8d4; color: #984f44; }

:focus-visible { outline: 3px solid #78a984; outline-offset: 3px; }

@media (max-width: 900px) {
  .site-header { width: min(100% - 40px, 740px); }.section-shell { width: min(100% - 40px, 740px); }.site-nav { gap: 21px; margin-left: 0; }.hero { min-height: 550px; grid-template-columns: 1fr .8fr; }.hero h1 { font-size: 47px; }.hero-art { transform: scale(.85); transform-origin: center right; margin-right: -35px; }.section-heading { gap: 30px; }.case-grid { grid-template-columns: repeat(3, 1fr) 26px 1.12fr; gap: 8px; }.source-card, .deliverable-card { padding-right: 12px; padding-left: 12px; }.simulator { grid-template-columns: 160px minmax(0, 1fr); }.sim-content { padding-right: 14px; padding-left: 14px; }.simulator-sidebar { padding-right: 8px; padding-left: 8px; }.sim-workspace { grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); gap: 8px; }.assistant-panel { padding: 9px; }.result-table-wrap { padding-right: 6px; padding-left: 6px; }.result-table-wrap td { padding-right: 2px; padding-left: 2px; font-size: 6px; }.guardrail-inner { grid-template-columns: 48px 1fr 130px; gap: 20px; }.guardrail-icon { width: 45px; height: 45px; }
}

@media (max-width: 760px) {
  .site-header { height: 68px; width: calc(100% - 34px); }.wordmark { font-size: 12px; }.wordmark-mark { width: 28px; height: 28px; font-size: 17px; }.site-nav { display: none; }.header-cta { padding: 9px 10px; font-size: 9px; }.section-shell { width: calc(100% - 36px); }
  .hero { display: flex; min-height: unset; flex-direction: column; align-items: stretch; padding: 42px 0 39px; }.hero-copy { padding: 0; }.eyebrow { font-size: 8px; letter-spacing: 1px; }.hero h1 { margin: 19px 0 13px; font-size: clamp(37px, 10.2vw, 51px); letter-spacing: -2.4px; }.hero-intro { font-size: 14px; }.hero-note { font-size: 11px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 14px; margin-top: 21px; }.hero-proof { margin-top: 21px; font-size: 9px; }.hero-art { width: min(100%, 430px); height: 334px; margin: 20px auto 0; transform: scale(.88); transform-origin: top center; }.art-glow { inset: 32px 10px 14px; }.paper-stack { top: 0; left: -3px; }.paper-back { top: 15px; left: 44px; }.paper-front { top: 37px; left: 15px; }.sheet-card { top: 122px; left: 105px; width: min(300px, calc(100vw - 140px)); }.note-top { top: 34px; right: -3px; }.note-bottom { right: 0; bottom: 45px; }.art-caption { right: 16px; bottom: 15px; }.hero-scroll { display: none; }
  .trust-strip { display: grid; grid-template-columns: 1fr; gap: 13px; justify-content: stretch; padding: 18px 30px; }.trust-strip > div { gap: 10px; }.trust-check { width: 17px; }.trust-strip strong { font-size: 9px; }.trust-strip small { margin-top: 2px; font-size: 8px; }
  .case-section { padding-top: 69px; padding-bottom: 70px; }.section-heading { display: block; margin-bottom: 27px; }.section-heading h2 { margin-top: 13px; font-size: 34px; letter-spacing: -1.5px; }.section-heading > p { width: auto; margin-top: 15px; font-size: 11px; }.case-grid { grid-template-columns: 1fr 1fr; gap: 9px; }.source-card { min-height: 168px; padding: 14px 12px; }.source-card h3 { margin-top: 14px; font-size: 11px; }.source-card p { min-height: 30px; font-size: 8px; }.file-name { font-size: 7px; }.case-arrow { display: none; }.deliverable-card { grid-column: span 2; min-height: 155px; padding: 16px; }.deliverable-card p { max-width: 230px; }.deliverable-icon { top: 16px; }
  .demo-section { padding: 68px 0 63px; }.demo-heading > p { width: auto; }.simulator { display: block; min-height: 0; border-radius: 9px; }.simulator-sidebar { display: none; }.sim-topbar { height: 41px; padding: 0 11px; }.sim-content { padding: 18px 10px 11px; }.sim-case-heading h3 { font-size: 17px; }.sim-case-heading p { font-size: 7px; }.sim-case-heading p span { padding: 0 2px; }.stepper { margin: 17px auto 14px; }.step { gap: 4px; font-size: 7px; }.step span { width: 17px; height: 17px; }.step-line { width: 19px; margin: 0 5px; }.sim-workspace { grid-template-columns: 1fr; gap: 9px; }.assistant-panel { padding: 10px; }.assistant-actions { gap: 4px; }.secure-hint { font-size: 6px; }.button-run { padding: 0 8px; }.result-panel { min-height: 288px; }.result-table-wrap { padding: 9px 10px 0; }.result-table-wrap th { font-size: 7px; }.result-table-wrap td { padding: 9px 4px; font-size: 7px; }.table-source { font-size: 6px; }.sim-bottom-note { flex-wrap: wrap; font-size: 7px; }.sim-bottom-note a { margin-left: 21px; }.demo-footnote { align-items: flex-start; font-size: 8px; line-height: 1.6; }
  .how-section { padding-top: 71px; padding-bottom: 72px; }.how-grid { grid-template-columns: 1fr; gap: 10px; }.how-card { min-height: 0; padding: 18px; }.how-card h3 { margin-top: 13px; }.how-card p { min-height: 0; }.how-card .code-chip, .how-card .mini-copy, .how-card .review-stamp { margin-top: 12px; }
  .guardrail-section { padding: 43px 0; }.guardrail-inner { grid-template-columns: 40px 1fr; align-items: start; gap: 14px; }.guardrail-icon { width: 38px; height: 38px; border-radius: 11px; font-size: 22px; }.guardrail-inner h2 { font-size: 25px; }.guardrail-inner p { font-size: 9px; }.guardrail-side { grid-column: 2; flex-direction: row; flex-wrap: wrap; gap: 8px 12px; align-items: center; padding: 13px 0 0; border-top: 1px solid #ffffff2c; border-left: 0; font-size: 8px; }.guardrail-check { width: 17px; height: 17px; margin: 0; }
  .closing-section { padding-top: 62px; padding-bottom: 46px; }.closing-card { grid-template-columns: 1fr; gap: 27px; padding: 29px 21px; }.closing-card h2 { font-size: 29px; }.closing-card p { font-size: 9px; }.closing-aside { justify-self: start; width: min(290px, 91%); }.aside-card { padding: 16px; }.aside-card strong { font-size: 13px; }.orb-one { right: -20px; }.site-footer { width: calc(100% - 36px); min-height: 65px; flex-wrap: wrap; gap: 9px; padding: 14px 0; font-size: 7px; }.site-footer > span { order: 3; width: 100%; }.footer-wordmark { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

body { font-size: 17px; }
.eyebrow { font-size: 12px; }
.site-nav a { font-size: 14px; }
.header-cta { font-size: 13px; }
.hero-note { font-size: 14px; }
.button, .text-link { font-size: 14px; }
.hero-proof { font-size: 12px; }
.proof-icon { font-size: 12px; }
.floating-note strong { font-size: 11px; }
.floating-note small { font-size: 10px; }
.art-caption, .hero-scroll { font-size: 10px; }
.trust-strip strong { font-size: 12px; }
.trust-strip small { font-size: 11px; }
.section-heading > p { font-size: 14px; }
.source-kind { font-size: 10px; }
.source-card h3, .deliverable-card h3 { font-size: 15px; }
.source-card p, .deliverable-card p { font-size: 12px; }
.file-name { font-size: 10px; }
.source-check { font-size: 11px; }
.deliverable-label { font-size: 9px; }
.deliverable-status { font-size: 10px; }
.sim-sidebar-heading { font-size: 10px; }
.sim-nav-label { font-size: 10px; }
.sim-nav-item { font-size: 12px; }
.nav-count { font-size: 11px; }
.sidebar-safety p { font-size: 10px; }
.sim-topbar, .sim-topbar strong { font-size: 11px; }
.demo-badge { font-size: 9px; }
.sim-overline { font-size: 10px; }
.sim-case-heading p { font-size: 12px; }
.avatar-stack { font-size: 10px; }
.step { font-size: 12px; }
.step span { font-size: 10px; }
.assistant-heading strong { font-size: 12px; }
.assistant-heading small { font-size: 10px; }
.chat-message { font-size: 13px; }
.attached-doc { font-size: 10px; }
.tiny-file { font-size: 8px; }
.prompt-box label { font-size: 10px; }
.prompt-box p { font-size: 13px; }
.copy-button, .mini-copy { font-size: 11px; }
.secure-hint { font-size: 10px; }
.button-run { min-height: 36px; font-size: 11px; }
.sim-status { font-size: 10px; }
.result-header strong { font-size: 11px; }
.result-header small { font-size: 10px; }
.download-button { font-size: 12px; }
.download-button span { font-size: 10px; }
.result-table-wrap th { font-size: 10px; }
.result-table-wrap td { font-size: 10px; }
.table-source { font-size: 9px; }
.review-callout p { font-size: 9px; }
.result-footer, .result-locked { font-size: 9px; }
.sim-bottom-note, .sim-bottom-note a { font-size: 10px; }
.demo-footnote { font-size: 11px; }
.how-card h3 { font-size: 16px; }
.how-card p { font-size: 12px; }
.how-number, .code-chip, .mini-copy, .review-stamp { font-size: 10px; }
.guardrail-inner p { font-size: 12px; }
.guardrail-side { font-size: 12px; }
.closing-label { font-size: 10px; }
.closing-card p { font-size: 12px; }
.aside-card > span { font-size: 10px; }
.aside-card small { font-size: 9px; }
.site-footer { font-size: 10px; }
.footer-wordmark { font-size: 12px; }

@media (max-width: 900px) {
  .site-nav a { font-size: 12px; }
  .section-heading > p { font-size: 13px; }
}

@media (max-width: 760px) {
  .eyebrow { font-size: 10px; }
  .hero-note { font-size: 13px; }
  .button, .text-link { font-size: 13px; }
  .hero-proof { font-size: 11px; }
  .hero-art .floating-note strong { font-size: 10px; }
  .hero-art .floating-note small, .art-caption { font-size: 9px; }
  .trust-strip strong { font-size: 11px; }
  .trust-strip small { font-size: 10px; }
  .section-heading > p { font-size: 12px; }
  .source-card h3, .deliverable-card h3 { font-size: 13px; }
  .source-card p, .deliverable-card p { font-size: 11px; }
  .file-name { font-size: 9px; }
  .sim-topbar, .sim-topbar strong { font-size: 9px; }
  .sim-case-heading p { font-size: 10px; }
  .step { font-size: 10px; }
  .chat-message, .prompt-box p { font-size: 12px; }
  .attached-doc { font-size: 9px; }
  .secure-hint { font-size: 8px; }
  .result-table-wrap th, .result-table-wrap td { font-size: 10px; }
  .table-source { font-size: 9px; }
  .how-card h3 { font-size: 15px; }
  .how-card p { font-size: 11px; }
  .guardrail-inner p { font-size: 11px; }
  .guardrail-side { font-size: 10px; }
  .closing-card p { font-size: 11px; }
}

.deck-page {
  display: flex;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: 480px;
  flex-direction: column;
  overflow: hidden;
  background: #f7f7f2;
  color: #23322a;
  font-size: 17px;
}
.deck-header {
  display: flex;
  flex: 0 0 66px;
  align-items: center;
  justify-content: space-between;
  width: min(100% - 64px, 1320px);
  margin: 0 auto;
  border-bottom: 1px solid #e6e9e2;
}
.deck-header .wordmark { font-size: 15px; }
.deck-label { color: #7e8a81; font-size: 13px; }
.deck-label span { padding: 0 5px; color: #b6beb7; }
.fiction-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid #dfe7dc; border-radius: 20px; background: #fbfcf9; color: #617767; font-size: 12px; font-weight: 600; white-space: nowrap; }
.fiction-badge > span { width: 7px; height: 7px; border-radius: 50%; background: #76a17d; }
.presentation { position: relative; flex: 1 1 auto; width: 100%; min-height: 0; }
.slide { display: none; position: relative; width: min(100% - 80px, 1220px); height: 100%; min-height: 0; flex-direction: column; justify-content: center; margin: 0 auto; padding: 28px 0; }
.slide:not([hidden]) { display: flex; }
.slide[hidden] { display: none; }
.slide h1, .slide h2 { color: #20342a; font-family: var(--serif); font-size: clamp(36px, 4vw, 52px); font-weight: 650; letter-spacing: -2px; line-height: 1.13; }
.slide h1 span, .slide h2 span { color: #376e50; }
.slide .eyebrow { font-size: 12px; }
.slide-heading { display: flex; align-items: end; justify-content: space-between; gap: 55px; margin-bottom: 34px; }
.slide-heading h2, .slide > h2 { margin: 17px 0 0; }
.slide-heading > p { width: min(410px, 42%); margin: 0 0 4px; color: #69776d; font-size: 16px; line-height: 1.75; }
.slide-lead { max-width: 830px; margin: 17px 0 30px; color: #64736a; font-size: 17px; line-height: 1.7; }
.cover-slide:not([hidden]) { display: grid; grid-template-columns: 1.06fr .94fr; align-items: center; gap: 28px; }
.cover-copy { position: relative; z-index: 1; }
.cover-slide h1 { margin: 23px 0 21px; font-size: clamp(43px, 5vw, 64px); letter-spacing: -3.4px; }
.cover-intro { max-width: 650px; margin-bottom: 15px; color: #526259; font-size: 20px; line-height: 1.7; }
.cover-note { max-width: 630px; color: #77847a; font-size: 16px; line-height: 1.7; }
.cover-points { display: flex; flex-wrap: wrap; gap: 11px 22px; margin-top: 27px; color: #617168; font-size: 14px; }
.cover-points span { display: inline-flex; align-items: center; gap: 8px; }.cover-points i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: #e4eee5; color: #497951; font-size: 12px; font-style: normal; font-weight: 700; }
.cover-art { position: relative; width: min(100%, 520px); height: min(490px, 65vh); min-height: 360px; justify-self: end; }
.cover-glow { position: absolute; inset: 5% 2%; border-radius: 50%; background: radial-gradient(ellipse, #e1ece0, #f7f7f2 70%); }
.cover-paper { position: absolute; top: 12%; left: 8%; display: flex; width: 52%; height: 65%; flex-direction: column; gap: 18px; padding: 32px 28px; border: 1px solid #e2e8df; border-radius: 12px; background: white; box-shadow: 0 18px 40px #273a2c15; transform: rotate(-6deg); }
.paper-label { color: #829286; font-size: 11px; font-weight: 700; letter-spacing: 1.1px; }.cover-paper > strong { margin-top: 14px; color: #344c3a; font-family: var(--serif); font-size: 18px; }.cover-paper > span:not(.paper-label) { display: flex; justify-content: space-between; gap: 8px; padding-top: 13px; border-top: 1px solid #edf0ea; color: #89958b; font-size: 11px; }.cover-paper b { color: #526e59; font-size: 11px; }
.cover-sheet { position: absolute; top: 34%; right: 3%; width: 67%; overflow: hidden; border: 1px solid #e0e8df; border-radius: 10px; background: white; box-shadow: 0 20px 50px #273a2c1c; transform: rotate(3deg); }
.cover-sheet-title { display: flex; align-items: center; gap: 10px; padding: 16px 18px; border-bottom: 1px solid #edf0ec; color: #506257; font-size: 14px; font-weight: 700; }.cover-sheet-title > span { color: #5d9c71; font-size: 21px; }
.cover-sheet > div:not(.cover-sheet-title) { display: grid; grid-template-columns: 1.2fr 1fr auto; align-items: center; gap: 7px; min-height: 48px; padding: 0 16px; border-bottom: 1px solid #f0f2ee; color: #718076; font-size: 11px; }.cover-sheet > div strong { color: #3c5743; font-size: 11px; }.cover-sheet > div small { color: #6f9576; font-size: 10px; }
.cover-sheet .cover-sheet-status { display: flex !important; min-height: 44px !important; align-items: center; gap: 8px !important; border: 0 !important; background: #fbfcf9; color: #748176 !important; font-size: 10px !important; }.cover-sheet-status i { width: 7px; height: 7px; border-radius: 50%; background: #d3a758; }
.cover-stamp { position: absolute; right: 9%; bottom: 10%; padding: 10px 13px; border: 1px solid #e7e9e1; border-radius: 6px; background: #fff; color: #7c8980; box-shadow: 0 7px 20px #26392b0d; font-size: 11px; transform: rotate(-3deg); }
.case-flow { display: grid; grid-template-columns: 1fr 280px; gap: 32px; align-items: stretch; }
.case-inputs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.case-slide .source-card { min-height: 220px; padding: 22px 19px; border-radius: 10px; background: #fff; }.case-slide .source-card h3 { margin-top: 25px; font-size: 17px; }.case-slide .source-card p { font-size: 14px; line-height: 1.65; }.case-slide .file-name { font-size: 11px; }
.source-card-top { display: flex; align-items: center; gap: 11px; }.file-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 7px; font-size: 9px; font-weight: 700; }.file-pdf { background: #f8e9e5; color: #ae6558; }.file-xls { background: #e6f1e8; color: #558c64; }.file-msg { background: #efedfa; color: #776eab; }.source-kind { color: #78867c; font-size: 11px; font-weight: 700; }
.case-result { display: flex; flex-direction: column; justify-content: center; padding: 24px; border: 1px solid #dce8dc; border-radius: 10px; background: #edf4ec; }.deliverable-icon { color: #5a9168; font-size: 25px; }.deliverable-label { margin-top: 14px; color: #6f8d73; font-size: 10px; font-weight: 700; letter-spacing: .9px; }.case-result h3 { margin: 9px 0; color: #345641; font-family: var(--serif); font-size: 19px; }.case-result p { margin: 0; color: #6b7d70; font-size: 14px; line-height: 1.7; }.human-check { display: flex; align-items: center; gap: 8px; margin-top: 20px; color: #557a5e; font-size: 11px; font-weight: 600; }.human-check i { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: #dcebdc; font-size: 11px; font-style: normal; }
.slide-takeaway { margin: 22px 0 0; padding: 14px 18px; border-left: 3px solid #77a17a; background: #f0f3ec; color: #5f6e63; font-size: 14px; }.slide-takeaway strong { color: #395943; }
.documents-slide > h2, .instruction-slide > h2, .review-slide > h2, .vscode-slide > h2 { margin: 17px 0 0; }
.document-flow { display: grid; grid-template-columns: 1fr .75fr; gap: 28px; align-items: stretch; }
.document-list { display: flex; flex-direction: column; gap: 9px; }.document-row { display: flex; min-height: 68px; align-items: center; gap: 14px; padding: 10px 16px; border: 1px solid #e5e9e2; border-radius: 8px; background: #fff; }.tiny-file { display: grid; flex: 0 0 32px; width: 32px; height: 32px; place-items: center; border-radius: 7px; font-size: 12px; font-style: normal; font-weight: 700; }.tiny-pdf { background: #f8e8e4; color: #ba7061; }.tiny-xls { background: #e6f1e7; color: #619267; }.tiny-msg { background: #eceafb; color: #8076b1; }.document-row > span { display: flex; flex: 1; flex-direction: column; gap: 4px; }.document-row strong { color: #405246; font-size: 14px; }.document-row small { color: #87938a; font-size: 12px; }.document-row > b { color: #849287; font-size: 10px; }.template-row { border-color: #dbe8dc; background: #f4f8f2; }.template-icon { display: grid; flex: 0 0 32px; width: 32px; height: 32px; place-items: center; border-radius: 7px; background: #e2eee2; color: #619267; font-size: 19px; font-style: normal; }
.context-card { padding: 22px 24px; border: 1px solid #e4e9e2; border-radius: 10px; background: #fbfcf9; }.context-symbol { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 9px; background: #eaf1e9; color: #5e8566; font-size: 20px; }.context-card h3 { margin: 16px 0 8px; color: #3d5143; font-family: var(--serif); font-size: 18px; }.context-card p { color: #627067; font-size: 15px; line-height: 1.75; }.context-rule { display: flex; align-items: center; gap: 9px; margin-top: 10px; color: #65756a; font-size: 12px; }.context-rule span { color: #5b9669; font-weight: 700; }
.slide-footnote { display: flex; align-items: center; gap: 9px; margin: 22px 0 0; color: #758279; font-size: 12px; }.slide-footnote > span { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: #e6eee5; color: #64826a; font-size: 12px; }
.instruction-card { width: min(840px, 100%); margin: 0 auto; padding: 23px 27px; border: 1px solid #e3e9e1; border-radius: 12px; background: #fff; box-shadow: 0 14px 38px #273a2c0c; }
.instruction-card-header { display: flex; align-items: center; gap: 11px; padding-bottom: 17px; border-bottom: 1px solid #edf0eb; }.assistant-avatar { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 9px; background: #e9f0e8; color: #4f835e; font-size: 19px; }.instruction-card-header > span:nth-child(2) { display: flex; flex-direction: column; gap: 3px; }.instruction-card-header strong { color: #46584c; font-size: 14px; }.instruction-card-header small { color: #89958c; font-size: 11px; }.instruction-card-header .fiction-badge { margin-left: auto; }
.instruction-card blockquote { margin: 20px 0 17px; padding: 20px 22px; border-left: 3px solid #76a27c; border-radius: 0 8px 8px 0; background: #f5f8f3; color: #405449; font-size: clamp(17px, 1.7vw, 21px); line-height: 1.75; }
.instruction-rules { display: flex; flex-wrap: wrap; gap: 10px 25px; color: #707e73; font-size: 12px; }.instruction-rules span { display: flex; align-items: center; gap: 7px; }.instruction-rules i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: #e9f0e8; color: #60806a; font-size: 10px; font-style: normal; font-weight: 700; }
.instruction-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; }.copy-button, .mini-copy { display: inline-flex; min-height: 40px; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid #dce5db; border-radius: 6px; background: #fff; color: #4f7358; font-size: 12px; font-weight: 700; }.copy-button:hover, .mini-copy:hover { background: #f2f7f0; }.button-run { min-height: 42px; padding: 0 17px; border: 0; background: #2d654a; color: #fff; font-size: 13px; }.button-run:hover { background: #214e39; }.button-run:disabled { cursor: wait; opacity: .7; }.button-run span { padding-left: 7px; font-size: 17px; }.sim-status { min-height: 17px; margin: 8px 0 0; color: #64816a; font-size: 12px; }.sim-status.error { color: #a44f45; }
.review-layout { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 20px; align-items: stretch; }
.result-panel { position: relative; display: flex; min-width: 0; min-height: 360px; flex-direction: column; overflow: hidden; border: 1px solid #e2e8e1; border-radius: 10px; background: #fff; }.result-header { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 10px; padding: 0 15px; border-bottom: 1px solid #edf0eb; }.result-header > div { display: flex; align-items: center; gap: 10px; }.result-icon { color: #5e9c70; font-size: 22px; }.result-header strong, .result-header small { display: block; }.result-header strong { color: #536258; font-size: 13px; }.result-header small { margin-top: 4px; color: #859188; font-size: 10px; }.download-button { display: inline-flex; min-height: 34px; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid #e0e7df; border-radius: 5px; background: #fff; color: #557a5e; font-size: 13px; }.download-button span { font-size: 10px; font-weight: 600; }.download-button:disabled { cursor: not-allowed; color: #9da69e; background: #fafbf9; }
.result-placeholder { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 11px; padding: 20px; color: #758279; font-size: 13px; text-align: center; }.result-placeholder[hidden] { display: none; }.placeholder-sheet { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #e6ece4; border-radius: 10px; background: #f8faf7; color: #91aa96; font-size: 23px; }
.result-table-wrap { padding: 8px 14px 0; }.result-table-wrap[hidden] { display: none; }.result-table-wrap table { width: 100%; border-collapse: collapse; text-align: left; }.result-table-wrap th { padding: 10px 7px; border-bottom: 1px solid #e9ede7; color: #7d897f; font-size: 11px; font-weight: 700; }.result-table-wrap td { padding: 13px 7px; border-bottom: 1px solid #f0f2ee; color: #5d6b61; font-size: 12px; }.result-table-wrap td:nth-child(2) { color: #3c5143; font-weight: 600; }.table-source { display: inline-block; padding: 4px 7px; border-radius: 4px; background: #edf3ec; color: #63836a; font-size: 10px; white-space: nowrap; }.source-email { background: #f1effb; color: #8178a9; }.pending-row td { color: #8d7a58; }.pending-row td:nth-child(2) { color: #9b7b42; }.pending-text { display: inline-block; padding: 4px 7px; border-radius: 4px; background: #faf3e6; }
.result-footer { display: flex; justify-content: space-between; gap: 6px; padding: 13px 7px; color: #7c897f; font-size: 10px; }.result-footer span:first-child { display: flex; align-items: center; gap: 6px; }.result-footer i { width: 7px; height: 7px; border-radius: 50%; background: #d5ab5d; }
.review-aside { padding: 21px 19px; border: 1px solid #eee4cd; border-radius: 10px; background: #fcf8ef; }.review-aside-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: #f2e6c6; color: #8e713f; font-size: 15px; font-weight: 700; }.review-aside h3 { margin: 13px 0 7px; color: #695b3f; font-family: var(--serif); font-size: 17px; }.review-aside p { margin-bottom: 16px; color: #83775f; font-size: 12px; line-height: 1.7; }.review-aside-check { display: flex; align-items: center; gap: 8px; margin-top: 10px; color: #776b53; font-size: 11px; }.review-aside-check span { color: #8f875d; font-weight: 700; }
.how-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }.how-card { position: relative; min-height: 226px; padding: 20px 19px; border: 1px solid #e4e9e2; border-radius: 9px; background: #fff; }.how-number { position: absolute; top: 18px; right: 18px; color: #91a092; font-family: var(--serif); font-size: 12px; font-weight: 700; }.how-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 9px; font-size: 20px; }.folder-icon { background: #eaf1e9; color: #689175; }.prompt-icon { background: #f0edfa; color: #8479b5; }.review-icon { background: #f7efe0; color: #aa915e; }.how-card h3 { margin: 14px 0 8px; color: #3d4b42; font-family: var(--serif); font-size: 16px; }.how-card p { margin: 0; color: #748077; font-size: 12px; line-height: 1.7; }.code-chip { display: inline-flex; margin-top: 11px; padding: 7px 9px; border: 1px solid #e5e9e2; border-radius: 4px; background: #fbfcfa; color: #617167; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }.mini-copy { min-height: 34px; margin-top: 10px; font-size: 10px; }.review-stamp { display: inline-flex; align-items: center; gap: 7px; margin-top: 11px; padding: 7px 9px; border-radius: 4px; background: #f8f4e9; color: #84724b; font-size: 10px; font-weight: 700; }.review-stamp span { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; background: #e8ddc0; font-size: 9px; }.copy-source { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: pre-wrap; }
.vscode-slide .slide-footnote { margin-top: 17px; }
.privacy-slide { padding-right: 7%; padding-left: 7%; background: #214a39; color: #fff; overflow-x: clip; isolation: isolate; }.privacy-slide::before { position: absolute; z-index: -1; top: 0; right: calc((min(100vw - 80px, 1220px) - 100vw) / 2); bottom: 0; left: calc((min(100vw - 80px, 1220px) - 100vw) / 2); background: #214a39; content: ""; }.privacy-slide .eyebrow { color: #bbd0bb; }.privacy-slide .eyebrow-dot { background: #9bc49d; box-shadow: 0 0 0 3px #345c47; }.privacy-icon { display: grid; width: 48px; height: 48px; margin-bottom: 20px; place-items: center; border: 1px solid #ffffff3b; border-radius: 13px; color: #c3dbc2; font-size: 26px; }.privacy-slide h2 { max-width: 850px; margin: 20px 0 18px; color: white; font-size: clamp(39px, 4.5vw, 58px); }.privacy-slide h2 span { color: #b8d3b9; }.privacy-slide > p { max-width: 860px; color: #d0ddd1; font-size: 17px; line-height: 1.8; }.privacy-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }.privacy-principles > div { display: flex; min-height: 68px; align-items: center; gap: 12px; padding: 12px 15px; border: 1px solid #ffffff30; border-radius: 7px; color: #eef5eb; font-size: 13px; }.privacy-principles span { color: #a9c8a9; font-size: 12px; font-weight: 700; }.privacy-mantra { display: flex; align-items: center; gap: 10px; margin-top: 22px; color: #c7d9c7; font-size: 15px; }.privacy-mantra > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: #3e6a4d; color: #d7e8d7; font-size: 12px; }.privacy-mantra strong { color: #fff; }
.closing-slide:not([hidden]) { display: grid; grid-template-columns: 1fr .72fr; align-items: center; gap: 50px; }.closing-copy { position: relative; z-index: 1; }.closing-slide h2 { margin: 20px 0 16px; font-size: clamp(39px, 4.5vw, 57px); }.closing-copy > p { max-width: 620px; margin-bottom: 22px; color: #69776d; font-size: 17px; line-height: 1.75; }.button-primary { min-height: 44px; padding: 0 16px; border: 0; border-radius: 6px; background: #2d654a; color: #fff; font-size: 13px; font-weight: 700; }.button-primary:hover { background: #214e39; }.closing-prompt { padding: 23px; border: 1px solid #dce6d9; border-radius: 10px; background: #fff; box-shadow: 0 14px 40px #273a2c0d; }.closing-prompt > span, .closing-prompt strong, .closing-prompt small { display: block; }.closing-prompt > span { color: #7b8d7e; font-size: 10px; font-weight: 700; letter-spacing: .9px; }.closing-prompt strong { margin: 15px 0; color: #45634c; font-family: var(--serif); font-size: 19px; line-height: 1.6; }.closing-prompt small { padding-top: 13px; border-top: 1px solid #e9eee5; color: #88948b; font-size: 11px; line-height: 1.6; }.closing-caption { position: absolute; right: 0; bottom: 12px; color: #9aa59c; font-size: 10px; }
.deck-controls { display: flex; flex: 0 0 74px; align-items: center; justify-content: space-between; width: min(100% - 64px, 1320px); margin: 0 auto; border-top: 1px solid #e6e9e2; }
.nav-button { display: inline-flex; min-width: 125px; min-height: 42px; align-items: center; justify-content: center; gap: 9px; padding: 0 12px; border: 1px solid #dfe5dd; border-radius: 6px; background: #fff; color: #52685a; font-size: 13px; font-weight: 600; }.nav-button:hover:not(:disabled) { background: #f0f5ef; }.nav-button:disabled { cursor: default; opacity: .42; }.nav-button > span:first-child:not(.nav-button-label) { font-size: 16px; }.progress-controls { display: flex; align-items: center; gap: 16px; }.progress-count { color: #42584a; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }.progress-count span { color: #8b978d; font-weight: 500; }.progress-dots { display: flex; align-items: center; gap: 7px; }.progress-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: #d5ddd4; transition: background .2s ease, transform .2s ease; }.progress-dots button[aria-current="step"] { background: #4c805a; transform: scale(1.25); }.progress-dots button:hover { background: #85a889; }
.toast { z-index: 30; right: 20px; bottom: 88px; padding: 12px 16px; border: 1px solid #dce6db; border-radius: 7px; background: #fff; color: #49624e; box-shadow: 0 8px 30px #1f352422; font-size: 12px; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease; }.toast.visible { opacity: 1; transform: translateY(0); }.toast.error { border-color: #efd8d4; color: #984f44; }
.deck-page :focus-visible { outline: 3px solid #78a984; outline-offset: 3px; }
.privacy-slide::before { display: none; }
.privacy-slide { overflow-x: hidden; }
.closing-slide { overflow-x: hidden; }
.deck-page.privacy-mode { background: #214a39; }
.privacy-mode .deck-header, .privacy-mode .deck-controls { border-color: #ffffff35; }
.privacy-mode .deck-header .wordmark, .privacy-mode .deck-label, .privacy-mode .progress-count { color: #eef5eb; }
.privacy-mode .wordmark-light, .privacy-mode .deck-label span, .privacy-mode .progress-count span { color: #c4d6c5; }
.privacy-mode .fiction-badge, .privacy-mode .nav-button { border-color: #ffffff38; background: #2a5641; color: #e6f0e5; }
.privacy-mode .nav-button:disabled { opacity: .48; }
.privacy-mode .progress-dots button { background: #71917a; }
.privacy-mode .progress-dots button[aria-current="step"] { background: #e3eee2; }

@media (max-width: 900px) {
  .deck-header, .deck-controls { width: calc(100% - 40px); }
  .slide { width: calc(100% - 56px); }
  .slide-heading { gap: 28px; }.slide-heading > p { width: 38%; font-size: 14px; }
  .case-flow { grid-template-columns: 1fr 230px; gap: 16px; }.case-inputs { gap: 9px; }.case-slide .source-card { padding: 17px 13px; }.case-slide .source-card h3 { font-size: 15px; }
  .cover-slide:not([hidden]) { grid-template-columns: 1fr .82fr; }.cover-slide h1 { font-size: 48px; }.cover-art { transform: scale(.9); transform-origin: center right; }
  .document-flow { gap: 18px; }.document-row { padding-right: 11px; padding-left: 11px; }.document-row strong { font-size: 12px; }.context-card { padding: 18px; }
  .review-layout { grid-template-columns: minmax(0, 1fr) 210px; gap: 12px; }.review-aside { padding: 17px 14px; }
}

@media (max-width: 680px) {
  .deck-page { min-height: 420px; }
  .deck-header { flex: 0 0 56px; width: calc(100% - 28px); }.deck-header .wordmark { gap: 7px; font-size: 12px; }.deck-header .wordmark-mark { width: 27px; height: 27px; font-size: 16px; }.deck-label { display: none; }.fiction-badge { gap: 6px; padding: 6px 8px; font-size: 10px; }.fiction-badge > span { width: 6px; height: 6px; }
  .slide { width: calc(100% - 34px); padding: 20px 0; }.slide .eyebrow { font-size: 10px; }.slide h1, .slide h2 { font-size: clamp(30px, 8.2vw, 39px); letter-spacing: -1.5px; }.slide-heading { display: block; margin-bottom: 18px; }.slide-heading h2, .slide > h2 { margin-top: 12px; }.slide-heading > p { width: auto; margin: 12px 0 0; font-size: 13px; line-height: 1.55; }.slide-lead { margin: 11px 0 18px; font-size: 14px; line-height: 1.55; }
  .cover-slide:not([hidden]) { display: flex; gap: 0; align-items: stretch; justify-content: center; }.cover-slide h1 { margin: 15px 0 12px; font-size: clamp(33px, 9.1vw, 42px); letter-spacing: -2px; }.cover-intro { margin-bottom: 10px; font-size: 15px; line-height: 1.55; }.cover-note { margin-bottom: 0; font-size: 12px; line-height: 1.55; }.cover-points { gap: 8px 15px; margin-top: 14px; font-size: 11px; }.cover-points i { width: 17px; height: 17px; font-size: 10px; }.cover-art { width: min(100%, 390px); height: clamp(195px, 29vh, 250px); min-height: 0; margin: 4px auto 0; justify-self: center; transform: scale(.84); transform-origin: top center; }.cover-paper { top: 0; left: 7%; width: 45%; height: 80%; gap: 10px; padding: 17px 13px; }.paper-label { font-size: 8px; }.cover-paper > strong { margin-top: 4px; font-size: 13px; }.cover-paper > span:not(.paper-label) { padding-top: 8px; font-size: 8px; }.cover-paper b { font-size: 8px; }.cover-sheet { top: 25%; right: 2%; width: 68%; }.cover-sheet-title { padding: 9px 11px; font-size: 10px; }.cover-sheet > div:not(.cover-sheet-title) { min-height: 29px; padding: 0 9px; font-size: 8px; }.cover-sheet > div strong { font-size: 8px; }.cover-sheet > div small { font-size: 7px; }.cover-sheet .cover-sheet-status { min-height: 28px !important; font-size: 7px !important; }.cover-stamp { right: 5%; bottom: 2%; padding: 6px 8px; font-size: 8px; }
  .case-flow { grid-template-columns: 1fr; gap: 10px; }.case-inputs { grid-template-columns: 1fr; gap: 7px; }.case-slide .source-card { display: grid; grid-template-columns: 34px 1fr; min-height: 0; align-items: center; gap: 0 10px; padding: 9px 11px; }.case-slide .source-card-top { display: contents; }.case-slide .source-kind { display: none; }.case-slide .source-card h3 { margin: 0; font-size: 12px; }.case-slide .source-card p { grid-column: 2; margin: 3px 0 0; font-size: 10px; line-height: 1.4; }.case-slide .file-name { display: none; }.case-slide .file-icon { grid-row: span 2; width: 30px; height: 30px; }.case-result { padding: 12px 14px; }.case-result .deliverable-icon { display: none; }.deliverable-label { margin-top: 0; font-size: 8px; }.case-result h3 { margin: 5px 0; font-size: 15px; }.case-result p { font-size: 11px; line-height: 1.45; }.human-check { margin-top: 8px; font-size: 10px; }.human-check i { width: 16px; height: 16px; font-size: 9px; }.slide-takeaway { margin-top: 10px; padding: 9px 12px; font-size: 11px; }
  .document-flow { grid-template-columns: 1fr; gap: 11px; }.document-list { gap: 6px; }.document-row { min-height: 48px; gap: 9px; padding: 6px 9px; }.tiny-file, .template-icon { flex-basis: 27px; width: 27px; height: 27px; font-size: 10px; }.document-row > span { gap: 2px; }.document-row strong { font-size: 10px; }.document-row small { font-size: 9px; }.document-row > b { font-size: 8px; }.context-card { display: grid; grid-template-columns: 31px 1fr; gap: 0 9px; padding: 11px 12px; }.context-symbol { grid-row: span 2; width: 30px; height: 30px; font-size: 16px; }.context-card h3 { margin: 0 0 4px; font-size: 13px; }.context-card p { grid-column: 2; margin: 0; font-size: 10px; line-height: 1.45; }.context-rule { display: none; }.slide-footnote { margin-top: 10px; font-size: 9px; line-height: 1.4; }.slide-footnote > span { flex: 0 0 17px; width: 17px; height: 17px; font-size: 10px; }
  .instruction-card { padding: 14px 13px; }.instruction-card-header { gap: 8px; padding-bottom: 10px; }.assistant-avatar { width: 29px; height: 29px; font-size: 16px; }.instruction-card-header strong { font-size: 11px; }.instruction-card-header small { font-size: 9px; }.instruction-card-header .fiction-badge { font-size: 9px; }.instruction-card blockquote { margin: 12px 0; padding: 13px; font-size: 14px; line-height: 1.55; }.instruction-rules { gap: 7px 12px; font-size: 9px; }.instruction-rules i { width: 17px; height: 17px; font-size: 9px; }.instruction-actions { align-items: stretch; flex-direction: column; gap: 8px; margin-top: 12px; }.copy-button, .button-run { justify-content: center; min-height: 36px; font-size: 11px; }.sim-status { min-height: 13px; margin-top: 4px; font-size: 9px; }
  .review-layout { grid-template-columns: 1fr; gap: 8px; }.result-panel { min-height: 0; }.result-header { min-height: 43px; padding: 0 8px; }.result-icon { font-size: 16px; }.result-header strong { font-size: 10px; }.result-header small { font-size: 8px; }.download-button { min-height: 29px; padding: 0 7px; font-size: 10px; }.download-button span { font-size: 8px; }.result-placeholder { min-height: 140px; gap: 7px; padding: 11px; font-size: 10px; }.placeholder-sheet { width: 35px; height: 35px; font-size: 18px; }.result-table-wrap { padding: 4px 7px 0; }.result-table-wrap th { padding: 6px 3px; font-size: 8px; }.result-table-wrap td { padding: 7px 3px; font-size: 9px; }.table-source, .pending-text { padding: 3px 4px; font-size: 7px; }.result-footer { padding: 8px 3px; font-size: 8px; }.review-aside { display: grid; grid-template-columns: 23px 1fr 1fr 1fr; align-items: center; gap: 4px 7px; padding: 8px 10px; }.review-aside-icon { width: 21px; height: 21px; font-size: 12px; }.review-aside h3 { margin: 0; font-size: 11px; }.review-aside p { display: none; }.review-aside-check { gap: 4px; margin: 0; font-size: 8px; }.review-aside-check span { font-size: 9px; }
  .how-grid { grid-template-columns: 1fr; gap: 7px; }.how-card { display: grid; grid-template-columns: 29px 1fr auto; min-height: 0; align-items: center; gap: 0 8px; padding: 8px 10px; }.how-number { top: 6px; right: 8px; font-size: 8px; }.how-icon { grid-row: span 2; width: 27px; height: 27px; border-radius: 6px; font-size: 15px; }.how-card h3 { margin: 0 22px 2px 0; font-size: 11px; }.how-card p { grid-column: 2 / 4; margin: 0; font-size: 9px; line-height: 1.4; }.code-chip, .mini-copy, .review-stamp { grid-column: 3; grid-row: 1 / span 2; align-self: center; margin: 0; padding: 5px 6px; font-size: 8px; }.code-chip { max-width: 100px; overflow: hidden; white-space: nowrap; }.mini-copy { min-height: 28px; max-width: 100px; line-height: 1.2; }.review-stamp { gap: 4px; font-size: 8px; }.review-stamp span { width: 13px; height: 13px; }.vscode-slide .slide-footnote { margin-top: 8px; }
  .privacy-slide { padding: 20px 0; }.privacy-slide::before { right: -17px; left: -17px; }.privacy-icon { width: 35px; height: 35px; margin-bottom: 11px; border-radius: 10px; font-size: 19px; }.privacy-slide h2 { margin: 12px 0; font-size: clamp(31px, 8vw, 38px); }.privacy-slide > p { margin-bottom: 12px; font-size: 12px; line-height: 1.6; }.privacy-principles { grid-template-columns: 1fr; gap: 6px; margin-top: 9px; }.privacy-principles > div { min-height: 39px; gap: 9px; padding: 7px 10px; font-size: 10px; }.privacy-principles span { font-size: 9px; }.privacy-mantra { gap: 7px; margin-top: 12px; font-size: 11px; }.privacy-mantra > span { width: 18px; height: 18px; font-size: 10px; }
  .closing-slide:not([hidden]) { display: flex; gap: 17px; align-items: stretch; justify-content: center; }.closing-slide h2 { margin: 13px 0 11px; font-size: clamp(32px, 8.5vw, 40px); }.closing-copy > p { margin-bottom: 14px; font-size: 13px; line-height: 1.6; }.closing-copy .button-primary { min-height: 37px; font-size: 11px; }.closing-prompt { padding: 14px; }.closing-prompt > span { font-size: 8px; }.closing-prompt strong { margin: 9px 0; font-size: 14px; line-height: 1.45; }.closing-prompt small { padding-top: 8px; font-size: 9px; }.closing-caption { right: 0; bottom: 3px; font-size: 8px; }
  .deck-controls { flex: 0 0 60px; width: calc(100% - 24px); }.nav-button { min-width: 42px; min-height: 38px; gap: 0; padding: 0 10px; font-size: 13px; }.nav-button-label { display: none; }.progress-controls { gap: 9px; }.progress-count { font-size: 11px; }.progress-dots { gap: 5px; }.progress-dots button { width: 8px; height: 8px; }.toast { right: 12px; bottom: 70px; font-size: 10px; }
}

@media (max-height: 680px) and (min-width: 681px) {
  .deck-header { flex-basis: 54px; }.deck-controls { flex-basis: 58px; }.slide { padding-top: 14px; padding-bottom: 14px; }.slide-heading { margin-bottom: 18px; }.cover-art { height: 54vh; min-height: 275px; }.cover-intro { font-size: 17px; }.cover-slide h1 { font-size: 46px; }.how-card { min-height: 190px; }.result-panel { min-height: 320px; }
}

@media (max-height: 680px) and (max-width: 680px) {
  .deck-page { min-height: 0; }
  .deck-header { flex-basis: 48px; }
  .deck-controls { flex-basis: 50px; }
  .slide { padding-top: 10px; padding-bottom: 10px; }
  .cover-slide h1 { margin: 9px 0; font-size: 30px; }
  .cover-intro { font-size: 13px; }
  .cover-note { font-size: 11px; }
  .cover-points { margin-top: 9px; }
  .cover-art { display: none; }
  .slide-heading { margin-bottom: 10px; }
  .slide-heading > p, .slide-takeaway { display: none; }
  .case-slide .source-card { padding-top: 7px; padding-bottom: 7px; }
  .case-result { padding-top: 8px; padding-bottom: 8px; }
  .case-result p { font-size: 10px; }
  .documents-slide .slide-lead, .instruction-slide .slide-lead, .review-slide .slide-lead { display: none; }
  .document-list { gap: 4px; }
  .document-row { min-height: 42px; }
  .context-card { padding-top: 8px; padding-bottom: 8px; }
  .instruction-card { padding: 9px 11px; }
  .instruction-card blockquote { margin: 8px 0; padding: 10px; font-size: 13px; }
  .instruction-rules { display: none; }
  .instruction-actions { margin-top: 8px; }
  .result-placeholder { min-height: 90px; }
  .result-table-wrap td { padding-top: 5px; padding-bottom: 5px; }
  .result-footer { padding-top: 5px; padding-bottom: 5px; }
  .review-aside { padding-top: 6px; padding-bottom: 6px; }
  .how-grid { gap: 5px; }
  .how-card { padding-top: 6px; padding-bottom: 6px; }
  .how-card p { font-size: 8px; }
  .vscode-slide .slide-footnote { margin-top: 5px; }
  .privacy-icon { display: none; }
  .privacy-slide h2 { margin: 8px 0; font-size: 29px; }
  .privacy-slide > p { margin: 0 0 8px; font-size: 10px; line-height: 1.4; }
  .privacy-principles { gap: 4px; margin-top: 5px; }
  .privacy-principles > div { min-height: 32px; padding: 5px 8px; font-size: 9px; }
  .privacy-mantra { margin-top: 8px; font-size: 10px; }
  .closing-slide h2 { margin: 8px 0; font-size: 31px; }
  .closing-copy > p { margin-bottom: 9px; font-size: 11px; }
  .closing-prompt { padding: 10px; }
  .closing-prompt strong { margin: 6px 0; font-size: 12px; }
  .closing-prompt small { padding-top: 6px; font-size: 8px; }
}

.result-table-wrap th { font-size: 12px; }
.result-table-wrap td { font-size: 14px; }
.table-source { font-size: 11px; }

@media (max-width: 680px) {
  .document-row strong { font-size: 11px; }
  .document-row small { font-size: 10px; }
  .result-table-wrap th { font-size: 10px; }
  .result-table-wrap td { font-size: 11px; }
  .table-source, .pending-text { font-size: 9px; }
  .review-aside-check { font-size: 9px; }
  .how-card p { font-size: 10px; }
}

@media (max-height: 680px) and (max-width: 680px) {
  .result-table-wrap th { font-size: 9px; }
  .result-table-wrap th { padding-top: 4px; padding-bottom: 4px; }
  .result-table-wrap td { padding-top: 5px; padding-bottom: 5px; font-size: 10px; }
  .table-source, .pending-text { font-size: 8px; }
  .how-card p { display: none; }
  .review-aside { grid-template-columns: 20px 1fr 1fr 1fr; gap: 4px; padding: 6px 7px; }
  .review-aside-icon { width: 18px; height: 18px; }
  .review-aside h3 { grid-column: 2 / -1; }
  .review-slide > h2 { margin-top: 8px; }
  .review-layout { gap: 2px; }
  .review-aside { gap: 2px; padding-top: 4px; padding-bottom: 4px; }
  .source-disclaimer { margin-top: 4px; line-height: 1.3; }
}

.source-detail { position: relative; max-width: 100%; color: #426a4d; font-size: 11px; }
.source-detail summary { width: fit-content; max-width: 100%; cursor: pointer; color: #426a4d; font-size: 11px; font-weight: 600; line-height: 1.45; text-decoration: underline; text-decoration-color: #b7cdb8; text-underline-offset: 3px; }
.source-detail summary::marker { color: #82a184; font-size: 10px; }
.source-detail p { position: absolute; z-index: 5; top: calc(100% + 6px); right: 0; width: min(330px, calc(100vw - 70px)); margin: 0; padding: 9px 11px; border: 1px solid #dfe8de; border-left: 3px solid #9ab79a; border-radius: 5px; background: #f5f8f3; box-shadow: 0 6px 18px #26392b20; color: #596a5d; font-size: 11px; font-weight: 400; line-height: 1.5; }
.source-email summary { color: #766b9f; text-decoration-color: #d3cdeb; }
.source-email p { border-color: #b7acd9; background: #f7f5fc; color: #655f7b; }
.source-disclaimer { display: flex; align-items: flex-start; gap: 7px; margin: 7px 0 0; color: #77847a; font-size: 10px; line-height: 1.45; }
.source-disclaimer > span { display: grid; flex: 0 0 16px; width: 16px; height: 16px; place-items: center; border-radius: 50%; background: #e8efe7; color: #64826a; font-size: 10px; }

@media (max-width: 680px) {
  .source-detail summary { font-size: 9px; }
  .source-detail p { font-size: 9px; }
  .source-disclaimer { font-size: 8px; }
}

.slide h1, .slide h2 { font-size: clamp(40px, 4.3vw, 56px); }
.slide-heading > p, .slide-lead { font-size: 19px; }
.case-slide .source-card p, .case-result p, .document-row small, .context-card p,
.privacy-slide > p, .closing-copy > p { font-size: 16px; }
.document-row strong, .source-detail summary { font-size: 13px; }
.source-disclaimer { font-size: 12px; }

@media (max-width: 680px) {
  .slide h1, .slide h2 { font-size: clamp(34px, 9vw, 44px); }
  .slide-heading > p, .slide-lead { font-size: 16px; }
  .cover-intro { font-size: 17px; }
  .cover-note, .case-slide .source-card p, .case-result p,
  .context-card p, .privacy-slide > p, .closing-copy > p { font-size: 13px; }
  .case-slide .source-card h3, .document-row strong, .context-card h3,
  .instruction-card blockquote, .closing-prompt strong { font-size: 15px; }
  .document-row small, .source-detail summary, .source-detail p,
  .how-card p, .review-aside-check, .privacy-principles > div { font-size: 11px; }
  .slide-footnote, .privacy-mantra { font-size: 11px; }
  .result-table-wrap th { font-size: 11px; }
  .result-table-wrap td { font-size: 12px; }
  .table-source, .pending-text { font-size: 10px; }
  .source-disclaimer { font-size: 9px; }
}

@media (max-height: 680px) and (max-width: 680px) {
  .result-table-wrap th { font-size: 10px; }
  .result-table-wrap td { font-size: 11px; }
  .table-source, .pending-text { font-size: 9px; }
  .source-disclaimer { font-size: 9px; }
}

.demo-package-slide > h2 { margin: 14px 0 0; }
.demo-package-slide .slide-lead { margin: 12px 0 18px; }
.demo-package-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.demo-package-card, .demo-steps, .demo-prompt-panel { border: 1px solid #e3e9e1; border-radius: 9px; background: #fff; }
.demo-package-card { display: flex; align-items: flex-start; gap: 15px; padding: 18px; }
.demo-package-icon { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 9px; background: #e7f0e7; color: #4a8057; font-size: 24px; }
.demo-package-card h3, .demo-steps h3 { margin: 0 0 7px; color: #355240; font-size: 16px; }
.demo-package-card p, .demo-steps p { margin: 0; color: #68776c; font-size: 14px; line-height: 1.5; }
.demo-download { margin-top: 13px; font-size: 14px; }
.demo-steps { padding: 17px 19px; }
.demo-steps ol { margin: 0 0 8px; padding-left: 22px; color: #526358; font-size: 14px; line-height: 1.55; }
.demo-steps li + li { margin-top: 3px; }
.demo-steps code { color: #315a3d; font-size: .95em; }
.demo-steps p { font-size: 12px; }
.demo-prompt-panel { margin-top: 12px; overflow: hidden; }
.demo-prompt-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 13px; border-bottom: 1px solid #e9ede7; color: #43584a; font-size: 13px; }
.demo-copy-button { flex: 0 0 auto; min-height: 32px; padding: 0 11px; }
.demo-prompt-preview summary { padding: 7px 13px; color: #526b58; cursor: pointer; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.demo-prompt { max-height: 114px; overflow: auto; margin: 0; padding: 10px 13px; color: #4f5f54; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.demo-package-slide > .slide-footnote { margin-top: 10px; font-size: 11px; }

@media (max-width: 680px) {
  .demo-package-slide { justify-content: flex-start; padding: 8px 0; }
  .demo-package-slide > h2 { margin-top: 5px; }
  .demo-package-slide .slide-lead { margin: 6px 0 8px; font-size: 13px; line-height: 1.4; }
  .demo-package-layout { grid-template-columns: 1fr; gap: 6px; }
  .demo-package-card { gap: 10px; padding: 8px 10px; }
  .demo-package-icon { flex-basis: 30px; width: 30px; height: 30px; font-size: 19px; }
  .demo-package-card h3, .demo-steps h3 { margin-bottom: 3px; font-size: 13px; }
  .demo-package-card p { font-size: 11px; line-height: 1.35; }
  .demo-download { min-height: 30px; margin-top: 6px; font-size: 12px; }
  .demo-steps { padding: 7px 10px; }
  .demo-steps ol { margin-bottom: 0; padding-left: 19px; font-size: 11px; line-height: 1.3; }
  .demo-steps li + li { margin-top: 1px; }
  .demo-steps p { display: none; }
  .demo-prompt-panel { margin-top: 6px; }
  .demo-prompt-heading { padding: 6px 9px; font-size: 11px; }
  .demo-copy-button { min-height: 28px; padding: 0 8px; font-size: 11px; }
  .demo-prompt-preview summary { padding: 5px 9px; font-size: 11px; }
  .demo-prompt { max-height: 100px; padding: 7px 9px; font-size: 10px; line-height: 1.4; }
  .demo-package-slide > .slide-footnote { margin-top: 5px; font-size: 9px; line-height: 1.3; }
}