.simply-sign-page {
  --sg-paper: #fff;
  --sg-soft: #f1f4f6;
  --sg-ink: #28313a;
  --sg-muted: #57646d;
  --sg-line: #d7dfe3;
  --sg-accent: #3e5e84;
  --sg-green: #286950;
  --sg-gold: #84601e;
  --sg-hero-bg: #edf0f5;
  --sg-hero-ink: #273440;
  --sg-hero-muted: #4d5f6c;
  --sg-hero-blue: #415e87;
  --sg-hero-green: #2c6b57;
  --sg-hero-gold: #87601e;
  --sg-hero-line: #95a6b8;
  --sg-hero-rule: #c5cfda;
  --sg-doc-bg: #fff;
  --sg-doc-line: #cbd4df;
  --sg-doc-detail: #e0e6ed;
  --sg-evidence-bg: #eaf1ee;
  --primary-color: #375877;
  background: var(--sg-paper);
  color: var(--sg-ink);
}
html[data-theme="dark"] .simply-sign-page {
  --sg-paper: #1b2025;
  --sg-soft: #252d36;
  --sg-ink: #edf0f3;
  --sg-muted: #b8c3cb;
  --sg-line: #424d57;
  --sg-accent: #b3cfee;
  --sg-green: #a7dfc4;
  --sg-gold: #edcb88;
  --sg-hero-bg: #303b46;
  --sg-hero-ink: #f1f5f8;
  --sg-hero-muted: #ced9e2;
  --sg-hero-blue: #b6d4f5;
  --sg-hero-green: #a7dfc4;
  --sg-hero-gold: #edcb88;
  --sg-hero-line: #8196a9;
  --sg-hero-rule: #617181;
  --sg-doc-bg: #25303a;
  --sg-doc-line: #64778a;
  --sg-doc-detail: #455664;
  --sg-evidence-bg: #263b34;
}
html[data-nav-experiment="floating"] body.simply-sign-page nav.site-nav:not(.is-scrolled) {
  --masthead-ink: var(--sg-hero-ink);
  --masthead-muted: var(--sg-hero-muted);
  --masthead-line: var(--sg-hero-rule);
  --masthead-surface: transparent;
  --masthead-blur: none;
}
.simply-sign-page main { font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; font-size: 17px; line-height: 1.75; }
.simply-sign-page main *, .simply-sign-page main *::before, .simply-sign-page main *::after { box-sizing: border-box; letter-spacing: 0; }
.simply-sign-page main :where(h1,h2,h3,p,figure,ul,ol) { margin: 0; }
.simply-sign-page main :where(h1,h2,h3) { color: inherit; text-wrap: balance; }
.simply-sign-page main :where(h1,h2) { font-family: "Avenir Next", "Helvetica Neue", Inter, sans-serif; font-weight: 200; line-height: 1.14; }
.simply-sign-page main h2 { font-size: 48px; }
.simply-sign-page main h3 { font-size: 22px; line-height: 1.4; font-weight: 550; }
.simply-sign-page main p { text-wrap: pretty; }
.simply-sign-page main strong { font-weight: 550; }
.simply-sign-page main button { font: inherit; cursor: pointer; }
.simply-sign-page main [hidden] { display: none !important; }
.simply-sign-page main [id] { scroll-margin-top: 120px; }
.simply-sign-page main :where(a,button,summary):focus-visible { outline: 2px solid var(--sg-accent); outline-offset: 5px; }
.simply-sign-page main .lucide, .simply-sign-page main i[data-lucide] { display: inline-block; width: 22px; height: 22px; flex-shrink: 0; stroke-width: 1.5; }
.sg-shell { width: min(100% - 64px, 1200px); margin-inline: auto; }
.sg-skip { position: fixed; top: 20px; left: 20px; padding: 12px 18px; background: #fff; color: #28313a; z-index: 10002; transform: translateY(-200%); }
.sg-skip:focus { transform: none; }
.sg-hero { position: relative; overflow: clip; background: var(--sg-hero-bg); color: var(--sg-hero-ink); padding: 142px 0 46px; }
.sg-hero-layout { display: grid; grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr); gap: 64px; align-items: center; }
.sg-hero-copy { max-width: 550px; }
.sg-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--sg-hero-blue); font-size: 14px; font-weight: 550; margin-bottom: 20px; }
.simply-sign-page .sg-eyebrow .lucide { width: 18px; height: 18px; color: var(--sg-hero-gold); }
.simply-sign-page .sg-title { font-size: 76px; line-height: 1.08; font-weight: 300; margin-bottom: 24px; }
.sg-hero-subtitle { font-size: 19px; line-height: 1.75; color: var(--sg-hero-muted); }
.sg-promise { display: block; font-family: "Avenir Next", "Helvetica Neue", Inter, sans-serif; font-weight: 400; font-size: 30px; line-height: 1.3; color: var(--sg-hero-ink); margin-bottom: 18px; text-wrap: balance; }
.sg-hero-cta { margin-top: 28px; }
.simply-sign-page .sg-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; min-width: 150px; padding: 12px 24px; border: 1px solid transparent; border-radius: 6px; background: #375877; color: #fff; font-size: 16px; line-height: 1.5; font-weight: 550; text-decoration: none; transition: background 150ms ease; }
.simply-sign-page .sg-button:hover { background: #294761; }
html[data-theme="dark"] .simply-sign-page .sg-button { background: #c1d5e8; color: #23313e; }
html[data-theme="dark"] .simply-sign-page .sg-button:hover { background: #d6e4f1; }
.sg-hero-figure { width: 100%; min-width: 0; max-width: 600px; justify-self: end; }
.sg-scene { position: relative; width: 100%; aspect-ratio: 600/440; min-height: 365px; }
#sg-hero-canvas, .sg-fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.sg-fallback[data-theme-variant="dark"] { display: none; }
html[data-theme="dark"] .sg-fallback[data-theme-variant="dark"] { display: block; }
html[data-theme="dark"] .sg-fallback[data-theme-variant="light"] { display: none; }
#sg-hero-canvas, .sg-document, .sg-stages { visibility: hidden; }
.sg-scene[data-ready] :is(#sg-hero-canvas,.sg-document,.sg-stages) { visibility: visible; }
.sg-scene[data-ready] .sg-fallback { display: none !important; }
.sg-document { position: absolute; top: 7%; left: 1%; width: 44%; height: 82%; pointer-events: none; }
.sg-doc-heading { position: absolute; top: 20px; left: 18px; right: 18px; display: flex; align-items: center; gap: 9px; font-size: 15px; line-height: 1.4; }
.simply-sign-page .sg-doc-heading .lucide { color: var(--sg-hero-blue); width: 20px; height: 20px; }
.sg-doc-lines { position: absolute; top: 70px; left: 18px; right: 18px; display: grid; gap: 11px; }
.sg-doc-lines span { display: block; height: 4px; width: 100%; background: var(--sg-doc-detail); border-radius: 1px; }
.sg-doc-lines span:nth-child(2) { width: 85%; }
.sg-doc-lines span:last-child { width: 65%; }
.sg-signature { position: absolute; left: 18px; right: 18px; bottom: 72px; height: 72px; border: 1px solid var(--sg-hero-gold); border-radius: 4px; }
.sg-signature > span { position: absolute; left: 10px; top: 5px; color: var(--sg-hero-gold); font-size: 12px; line-height: 1.5; }
.sg-doc-fields { position: absolute; left: 18px; right: 18px; bottom: 22px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; }
.sg-doc-fields span { padding: 9px; border: 1px solid var(--sg-doc-line); border-radius: 4px; font-size: 12px; line-height: 1.5; color: var(--sg-hero-muted); }
.sg-stages { list-style: none; padding: 0; }
.sg-stage { position: absolute; left: 58%; width: 42%; min-height: 72px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: start; --sg-stage-colour: var(--sg-hero-green); }
.sg-auth { top: 6%; }
.sg-signed { top: 39%; --sg-stage-colour: var(--sg-hero-gold); }
.sg-evidence { top: 68%; --sg-stage-colour: var(--sg-hero-blue); }
.sg-marker { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--sg-stage-colour); border-radius: 50%; color: var(--sg-stage-colour); background: var(--sg-hero-bg); }
.simply-sign-page .sg-marker .lucide { width: 18px; height: 18px; }
.sg-stage strong { display: block; font-size: 16px; line-height: 1.45; color: var(--sg-hero-ink); }
.sg-stage div > span { display: block; font-size: 13px; line-height: 1.6; color: var(--sg-hero-muted); margin-top: 6px; }
.sg-motion-row { min-height: 56px; border-top: 1px solid var(--sg-hero-rule); display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 12px; color: var(--sg-hero-muted); font-size: 13px; }
.sg-motion-row > span { display: flex; align-items: center; gap: 10px; }
.simply-sign-page .sg-motion-row .lucide { width: 18px; height: 18px; }
.sg-icon-button { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; padding: 0; border: 1px solid var(--sg-hero-rule); border-radius: 50%; background: transparent; color: var(--sg-hero-ink); }
.sg-icon-button > span { display: flex; }
.sg-icon-button:hover { border-color: var(--sg-hero-ink); }
.sg-overview { padding: 34px 0; border-bottom: 1px solid var(--sg-line); }
.sg-overview-copy { max-width: 1080px; font-size: 18px; color: var(--sg-muted); }
.sg-overview-copy strong { color: var(--sg-ink); }
.sg-section { padding-block: 88px; }
.sg-soft { background: var(--sg-soft); }
.sg-heading { max-width: 850px; margin-bottom: 44px; }
.sg-lead { font-size: 18px; color: var(--sg-muted); margin-top: 22px !important; max-width: 800px; }
.sg-lead strong { color: var(--sg-ink); }
.sg-modes, .sg-capabilities, .sg-operations, .sg-use-cases { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px 56px; }
.sg-item { min-width: 0; padding-top: 24px; border-top: 1px solid var(--sg-line); }
.sg-item > p { font-size: 16px; color: var(--sg-muted); margin-top: 14px !important; }
.sg-kicker { display: block; margin-bottom: 16px; font-size: 14px; font-weight: 550; color: var(--sg-accent); }
.sg-mode:first-child { border-color: var(--sg-gold); }
.sg-mode:first-child .sg-kicker { color: var(--sg-gold); }
.sg-mode:last-child { border-color: var(--sg-green); }
.sg-mode:last-child .sg-kicker { color: var(--sg-green); }
.simply-sign-page .sg-feature-icon { display: block; margin-bottom: 17px; width: 25px; height: 25px; color: var(--sg-accent); }
.sg-item:nth-child(3n+2) > .sg-feature-icon { color: var(--sg-green); }
.sg-item:nth-child(3n) > .sg-feature-icon { color: var(--sg-gold); }
.sg-list { list-style: none; padding: 0; display: grid; gap: 12px; margin-top: 20px !important; }
.sg-list li { padding-left: 18px; position: relative; color: var(--sg-muted); font-size: 16px; line-height: 1.75; }
.sg-list li::before { content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--sg-accent); }
.sg-split > .sg-shell { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 65px; align-items: start; }
.sg-split .sg-heading { margin-bottom: 0; }
.sg-split .sg-capabilities { gap: 34px; }
.sg-evidence-band { background: var(--sg-evidence-bg); }
.sg-evidence-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 42px; }
.sg-evidence-item:last-child { grid-column: 1/-1; display: grid; grid-template-columns: 28px minmax(0,.65fr) minmax(0,1.35fr); gap: 20px; align-items: start; }
.sg-evidence-item:last-child .sg-feature-icon { margin: 4px 0 0; }
.sg-evidence-item:last-child .sg-list { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 0 !important; gap: 16px 28px; }
.sg-use-cases { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); }
.sg-use-case:first-child .sg-list li { padding: 14px 0 14px 20px; border-bottom: 1px solid var(--sg-line); }
.sg-use-case:first-child .sg-list { gap: 0; }
.sg-use-case:first-child .sg-list li::before { top: 26px; background: var(--sg-gold); }
.sg-reasons { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px; }
.sg-faq > .sg-shell { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: 72px; }
.sg-faq .sg-heading { margin-bottom: 0; }
.sg-question { border-top: 1px solid var(--sg-line); }
.sg-question:last-child { border-bottom: 1px solid var(--sg-line); }
.sg-question summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; font-size: 17px; font-weight: 550; line-height: 1.6; cursor: pointer; }
.sg-question summary::-webkit-details-marker { display: none; }
.simply-sign-page .sg-question summary .lucide { color: var(--sg-accent); width: 18px; height: 18px; transition: transform 160ms ease; }
.sg-question[open] summary .lucide { transform: rotate(180deg); }
.sg-question > p { font-size: 16px; color: var(--sg-muted); padding-bottom: 24px; }
.sg-close { background: var(--sg-hero-bg); }
.sg-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 60px; align-items: center; }
.sg-cta h2 { max-width: 800px; }
.sg-cta p { color: var(--sg-muted); font-size: 18px; max-width: 760px; margin-top: 22px !important; }
.sg-cta .sg-button { white-space: nowrap; }

@media (max-width: 1100px) {
  .sg-hero-layout { gap: 36px; }
  .simply-sign-page .sg-title { font-size: 68px; }
  .sg-promise { font-size: 28px; }
  .sg-hero-subtitle { font-size: 18px; }
  .sg-split > .sg-shell { grid-template-columns: minmax(0,1fr); gap: 36px; }
  .sg-split .sg-heading { max-width: 850px; }
  .sg-reasons { gap: 28px; }
  .sg-stage { grid-template-columns: 30px minmax(0,1fr); gap: 9px; left: 56%; width: 44%; }
  .sg-marker { width: 30px; height: 30px; }
  .sg-stage strong { font-size: 15px; }
  .sg-stage div > span { font-size: 12px; }
  .sg-doc-heading { left: 12px; right: 12px; font-size: 13px; gap: 7px; }
  .sg-doc-lines, .sg-signature, .sg-doc-fields { left: 12px; right: 12px; }
}
@media (max-width: 1000px) {
  .simply-sign-page main h2 { font-size: 40px; }
  .sg-hero { padding-top: 128px; }
  .sg-hero-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .sg-faq > .sg-shell { gap: 36px; }
  .sg-evidence-grid { gap: 28px; }
  .sg-evidence-item:last-child { grid-template-columns: 28px minmax(0,1fr); }
  .sg-evidence-item:last-child .sg-list { grid-column: 1/-1; }
}
@media (max-width: 820px) {
  .sg-hero { padding: 112px 0 20px; }
  .sg-hero-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .sg-hero-copy { max-width: 650px; }
  .simply-sign-page .sg-title { font-size: 62px; }
  .sg-hero-figure { max-width: 530px; justify-self: center; }
  .sg-scene { height: 230px; min-height: 0; aspect-ratio: auto; }
  .sg-stage { min-height: 0; }
  .sg-stage div > span { display: none; }
  .sg-auth { top: 4%; }
  .sg-signed { top: 37%; }
  .sg-doc-lines { top: 62px; }
  .sg-doc-lines span:nth-last-child(-n+2), .sg-doc-fields { display: none; }
  .sg-signature { bottom: 20px; height: 60px; }
  .sg-motion-row { min-height: 44px; margin-top: 0; }
  .sg-reasons { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .sg-reason { display: grid; grid-template-columns: 28px minmax(0,.9fr) minmax(0,1.1fr); gap: 20px; }
  .sg-reason > p { margin: 0 !important; }
  .sg-evidence-grid { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .sg-evidence-item { display: grid; grid-template-columns: 28px minmax(0,.8fr) minmax(0,1.2fr); gap: 20px; }
  .sg-evidence-item > p { margin: 0 !important; }
  .sg-evidence-item .sg-feature-icon { margin-top: 3px; }
  .sg-modes, .sg-capabilities, .sg-operations, .sg-use-cases { gap: 30px; }
  .sg-faq > .sg-shell { grid-template-columns: minmax(0,1fr); }
  .sg-cta { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .sg-cta .sg-button { justify-self: start; }
}
@media (max-width: 600px) {
  .sg-shell { width: calc(100% - 40px); }
  .sg-hero { padding-top: 100px; padding-bottom: 16px; }
  .simply-sign-page .sg-title { font-size: 54px; margin-bottom: 16px; }
  .sg-eyebrow { font-size: 13px; margin-bottom: 16px; }
  .sg-promise { font-size: 26px; line-height: 1.3; margin-bottom: 15px; }
  .sg-hero-subtitle { font-size: 17px; line-height: 1.7; }
  .sg-hero-cta { margin-top: 18px; }
  .sg-hero-layout { gap: 18px; }
  .sg-scene { height: 210px; }
  .sg-stage { grid-template-columns: 27px minmax(0,1fr); gap: 8px; }
  .sg-marker { width: 27px; height: 27px; }
  .simply-sign-page .sg-marker .lucide { width: 16px; height: 16px; }
  .sg-stage strong { font-size: 14px; line-height: 1.45; }
  .sg-stage div > span { font-size: 12px; line-height: 1.5; }
  .sg-doc-heading { top: 16px; left: 10px; right: 10px; font-size: 12px; gap: 5px; }
  .simply-sign-page .sg-doc-heading .lucide { width: 16px; height: 16px; }
  .sg-doc-lines { left: 10px; right: 10px; top: 54px; gap: 9px; }
  .sg-signature, .sg-doc-fields { left: 10px; right: 10px; }
  .sg-signature { height: 52px; bottom: 18px; }
  .sg-signature > span { font-size: 11px; }
  .sg-doc-fields { gap: 6px; bottom: 20px; }
  .sg-doc-fields span { padding: 7px 5px; font-size: 11px; }
  .sg-motion-row { font-size: 12px; margin-top: 0; }
  .sg-overview { padding-block: 28px; }
  .sg-overview-copy { font-size: 17px; }
  .sg-section { padding-block: 58px; }
  .simply-sign-page main h2 { font-size: 36px; }
  .simply-sign-page main h3 { font-size: 21px; }
  .sg-heading { margin-bottom: 30px; }
  .sg-lead { font-size: 17px; margin-top: 20px !important; }
  .sg-modes, .sg-capabilities, .sg-operations, .sg-use-cases { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .sg-item { padding-top: 20px; }
  .sg-reason, .sg-evidence-item { display: block; }
  .sg-reason > p, .sg-evidence-item > p { margin-top: 14px !important; }
  .sg-evidence-item:last-child .sg-list { grid-template-columns: minmax(0,1fr); }
  .sg-question summary { padding-block: 20px; }
  .sg-cta p { font-size: 17px; }
}
@media (max-width: 370px) {
  .sg-shell { width: calc(100% - 32px); }
  .simply-sign-page .sg-title { font-size: 48px; }
  .sg-promise { font-size: 24px; }
  .sg-hero-subtitle { font-size: 16px; }
  .sg-scene { height: 210px; }
}
@media (prefers-reduced-motion: reduce) {
  .simply-sign-page main *, .simply-sign-page main *::before, .simply-sign-page main *::after { transition: none !important; }
}