/* Layr0 public journey. Shared editorial surface; legacy checkout contracts are unchanged. */
.web-page { margin:0; background:#0c0c0b; color:#d8d8d2; font-size:17px; line-height:1.7; font-variation-settings:"MONO" 0,"CASL" 0,"wght" 440; }
.web-page *, .web-page *::before, .web-page *::after { box-sizing:border-box; }
.web-page p { max-width:65ch; margin:0 0 1.2em; }
.web-page a { color:#cdb27c; text-underline-offset:4px; }
.web-page a:hover { color:#f0d59e; }
.web-page h1,.web-page h2,.web-page h3 { margin:0; color:#e8e8e1; font-weight:600; font-variation-settings:"MONO" 0,"CASL" 0,"wght" 650; text-wrap:balance; }
.web-page h2 { font-size:clamp(28px,3vw,43px); line-height:1.18; letter-spacing:-.035em; }
.web-page h3 { font-size:18px; margin-bottom:16px; }
.web-page button,.web-page input,.web-page textarea { font:inherit; }
.web-page :focus-visible, .journey-links a:focus-visible { outline:2px solid #ddc18b; outline-offset:5px; }
.web-page [hidden] { display:none !important; }
.web-page .site-nav { position:relative; display:flex; align-items:center; padding:16px clamp(20px,4vw,64px); gap:24px; max-width:1600px; margin:auto; min-height:80px; border-bottom:1px solid #282823; z-index:20; background:#0c0c0b; }
.web-page .site-nav__brand { color:#e8e8e1; text-decoration:none; font-size:21px; letter-spacing:-.04em; padding-block:6px; font-variation-settings:"MONO" 1,"CASL" 0,"wght" 650; }
.brand-dot { color:#cdb27c; }
.web-page .site-nav__links { display:flex; gap:28px; margin-left:auto; }
.web-page .site-nav__links a { color:#c4c4ba; font-size:13px; text-decoration:none; padding:12px 0; font-variation-settings:"MONO" .7,"CASL" 0,"wght" 450; text-transform:none; letter-spacing:0; }
.web-page .site-nav__links a:hover { color:#f0d59e; }
.web-page .mobile-nav { display:none; }
.web-page .l0t__launcher { margin-left:0; min-height:44px; font-size:12px; }
.web-page .hero { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:60px; align-items:center; min-height:720px; height:auto; max-width:1440px; padding:100px clamp(24px,4vw,64px) 110px; margin:auto; text-align:left; }
.web-page .hero-content { max-width:780px; padding:0; margin:0; width:auto; }
.web-page .hero-title { font-size:clamp(44px,4.9vw,74px); line-height:1.03; letter-spacing:-.05em; max-width:15ch; margin:20px 0 28px; font-variation-settings:"MONO" 0,"CASL" 0,"wght" 720; }
.web-page .hero-sub { font-size:clamp(18px,1.55vw,22px); line-height:1.65; max-width:49ch; margin:0 0 30px; color:#c5c5bc; font-variation-settings:"MONO" 0,"CASL" 0,"wght" 420; }
.web-page .eyebrow { color:#cdb27c; font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-variation-settings:"MONO" 1,"CASL" 0,"wght" 500; margin:0 0 22px; }
.web-page .cta-row { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0; }
.web-page .cta-btn { display:inline-flex; justify-content:center; align-items:center; gap:10px; min-height:48px; padding:12px 21px; border-radius:3px; line-height:1.4; font-size:14px; font-variation-settings:"MONO" .4,"CASL" 0,"wght" 600; text-decoration:none; cursor:pointer; white-space:normal; text-align:center; }
.web-page .cta-btn--primary { background:#c3a66f; color:#12120e; border:1px solid #c3a66f; }
.web-page .cta-btn--primary:hover { background:#dfc28a; color:#12120e; }
.web-page .cta-btn--ghost { background:#0c0c0b; color:#d2b980; border:1px solid #6d5d40; }
.web-page .cta-btn--ghost:hover { background:#252219; color:#f0d59e; }
.web-page .cta-btn:disabled { opacity:.5; cursor:not-allowed; }
.web-page .hero-note { font-size:13px; line-height:1.65; color:#aaa99d; margin:18px 0; max-width:55ch; }
.web-page .text-link { display:inline-block; font-size:15px; margin:4px 0 12px; }
.web-page .home-background { position:absolute; top:80px; height:850px; width:100%; overflow:hidden; pointer-events:none; opacity:.4; z-index:0; }
.web-page #charField { opacity:1; color:rgba(216,216,210,.11); mask-image:linear-gradient(to bottom,#000,transparent); }
.web-page .wire { opacity:.55; }
.web-page .hero-bottom { position:absolute; left:clamp(24px,4vw,64px); right:clamp(24px,4vw,64px); bottom:22px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#a9a99e; font-size:11px; font-variation-settings:"MONO" 1,"CASL" 0,"wght" 450; }
.quiet-button { background:none; border:0; color:#cdb27c; min-height:44px; padding:10px 0; text-decoration:underline; text-underline-offset:4px; cursor:pointer; font-size:13px; }
.identity-specimen { margin:0; padding:0 0 0 24px; max-width:440px; }
.identity-specimen figcaption { display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid #8f794f; padding-bottom:14px; color:#d3d1c5; font-size:11px; font-variation-settings:"MONO" 1,"CASL" 0,"wght" 450; }
.identity-specimen figcaption span,.artifact-label { color:#b1b0a2; font-size:11px; font-variation-settings:"MONO" 1,"CASL" 0,"wght" 450; }
.specimen-session { padding-top:24px; }
.specimen-session h2 { font-size:25px; margin:10px 0 16px; }
.specimen-session p { font-size:14px; color:#aaa99d; }
.specimen-session .public-key { font-size:13px; color:#d8d8d2; font-variation-settings:"MONO" 1,"CASL" 0,"wght" 450; padding:12px 0; border-bottom:1px solid #353329; }
.identity-specimen .continuity-note { border-left:1px solid #a88d59; padding:24px 18px; margin:0 0 0 8px; color:#d2b980; font-size:11px; font-variation-settings:"MONO" 1,"CASL" 0,"wght" 450; }
.identity-specimen .specimen-caption { font-size:12px; color:#a6a598; margin-top:20px; }
.web-main { position:relative; max-width:1312px; padding:0 clamp(24px,4vw,64px); margin:auto; }
.story-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(32px,7vw,110px); padding:80px 0; border-top:1px solid #34332b; scroll-margin-top:32px; }
.story-row h2 { max-width:16ch; }
.story-row p:last-child { margin-bottom:0; }
.web-page strong,.web-page b { color:#e1dfd3; font-weight:600; }
.web-page code,.web-page pre { font-variation-settings:"MONO" 1,"CASL" 0,"wght" 450; }
.web-page p code { font-size:.85em; overflow-wrap:anywhere; }
.web-details { border-block:1px solid #34332b; margin:24px 0 0; }
.web-details summary { padding:18px 0; cursor:pointer; color:#cdb27c; min-height:48px; }
.web-details p { padding:0 0 10px; }
.proof-feature { display:grid; grid-template-columns:1fr 1.2fr; gap:20px 80px; padding:70px clamp(24px,4vw,48px); margin:0 calc(clamp(24px,4vw,48px) * -1); background:#161610; border-top:1px solid #514733; }
.proof-feature .eyebrow { grid-column:1/-1; }
.reading-steps { padding-left:23px; margin:0 0 24px; }
.reading-steps li { padding-left:8px; margin-bottom:22px; }
.closing { padding:90px 0 100px; border-top:1px solid #34332b; }
.closing h2 { font-size:clamp(36px,5vw,62px); max-width:23ch; margin-bottom:24px; }
.web-page .web-footer { width:100%; max-width:1440px; margin:auto; padding:32px clamp(24px,4vw,64px); border-top:1px solid #34332b; display:flex; flex-wrap:wrap; align-items:center; gap:20px; color:#a5a599; font-size:12px; }
.web-footer p { margin:0 auto 0 0; }
.web-footer .site-footer__links { display:flex; gap:12px 20px; flex-wrap:wrap; }
.web-footer a { min-height:44px; display:inline-flex; align-items:center; }
.page-opening { max-width:1312px; padding:85px clamp(24px,4vw,64px) 70px; margin:auto; }
.page-opening h1 { font-size:clamp(40px,6vw,76px); line-height:1.07; letter-spacing:-.05em; max-width:20ch; margin-bottom:28px; }
.page-opening .lede { font-size:21px; line-height:1.65; color:#bfbfb3; max-width:56ch; margin:0; }
.flow-diagram { margin:0; padding:24px 0 70px; }
.flow-diagram figcaption { font-size:12px; color:#aaa99d; margin-bottom:26px; }
.flow-diagram ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; padding:0; list-style:none; }
.flow-diagram li { border-top:1px solid #8f794f; padding-top:22px; }
.flow-diagram h2 { font-size:27px; margin:16px 0; }
.flow-diagram p { font-size:16px; }
.definition-list { margin:0 0 30px; }
.definition-list>div { padding:20px 0; border-bottom:1px solid #34332b; }
.definition-list dt { color:#e1dfd3; font-weight:600; margin-bottom:8px; }
.definition-list dd { margin:0; }
.docs-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:70px; }
.docs-index { display:flex; flex-direction:column; align-self:start; gap:4px; font-size:13px; }
.docs-index a { padding:12px 0; }
.docs-content { min-width:0; max-width:760px; }
.docs-content section { padding:0 0 64px; margin-bottom:60px; border-bottom:1px solid #34332b; scroll-margin-top:24px; }
.docs-content h2 { margin-bottom:24px; }
.docs-content li { margin-bottom:12px; }
.web-page .code-block { overflow:auto; max-width:100%; padding:24px; font-size:13px; line-height:1.7; background:#181812; border:1px solid #34332b; border-radius:0; color:#d8d8d2; margin:24px 0; }
.lab-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:80px; padding-bottom:80px; }
.lab-workspace,.lab-aside { min-width:0; }
.lab-stage { padding:32px 0 40px; border-top:1px solid #49432f; }
.lab-stage-heading { display:flex; gap:18px; align-items:baseline; margin-bottom:20px; }
.lab-stage-heading h2 { font-size:27px; }
.step-number { color:#cdb27c; font-size:13px; font-variation-settings:"MONO" 1,"CASL" 0,"wght" 450; }
.lab-stage label,.activation-panel label { display:block; margin:20px 0 10px; font-size:14px; color:#dbd9ca; }
.lab-stage textarea,.activation-panel input { width:100%; padding:16px; border:1px solid #6d6956; background:#161610; border-radius:2px; color:#e8e8e1; line-height:1.6; }
.lab-stage textarea { resize:vertical; min-height:110px; }
.web-page .field-help { color:#a9a99d; font-size:13px; line-height:1.7; margin:12px 0 22px; }
.artifact-output { display:block; padding:14px 0; overflow-wrap:anywhere; font-size:12px; line-height:1.8; color:#cfcbb9; }
#labKeyBlock,#labSignatureBlock { margin-top:28px; }
#labKeyBlock h3,#labSignatureBlock h3 { margin:0; }
.lab-result { border-left:2px solid #8d8060; padding:16px 20px; margin:24px 0 0 !important; background:#181812; min-height:64px; }
.lab-result[data-result="valid"] { border-color:#a8c79a; color:#c3dbb8; }
.lab-result[data-result="invalid"],.form-error { color:#f0b2a0; border-color:#d09280; }
.lab-aside { padding-top:32px; border-top:1px solid #34332b; }
.lab-aside h2 { margin-bottom:24px; }
.lab-aside p { font-size:15px; color:#b9b9ac; }
.lab-aside a { display:block !important; }
.activation-panel { max-width:760px; padding-bottom:70px; }
.activation-input { display:flex; gap:12px; align-items:stretch; }
.activation-input input { min-width:0; }
.journey-links { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin:30px 0 12px; font-size:13px; }
.journey-links a { display:inline-block; min-height:44px; padding:10px 4px; color:#cdb27c; }
.effects-paused *, .effects-paused *::before, .effects-paused *::after { animation:none !important; transition:none !important; }
@media(min-width:1600px) { .web-page .hero { min-height:800px; } }
@media(max-width:1000px) { .web-page .hero { gap:32px; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); padding-top:70px; } .web-page .hero-title { font-size:54px; } .identity-specimen { padding-left:0; } .web-page .site-nav__links { gap:18px; } .lab-layout { gap:40px; } .docs-layout { gap:35px; grid-template-columns:180px minmax(0,1fr); } }
@media(max-width:760px) { .web-page .site-nav { padding:12px 20px; min-height:72px; gap:16px; } .web-page .site-nav__links { display:none; } .web-page .l0t__launcher { margin-left:auto; } .web-page .mobile-nav { display:block; margin-left:auto; } .web-page .mobile-nav summary { padding:12px 4px; min-height:44px; cursor:pointer; font-size:12px; color:#ddd9c9; } .web-page .mobile-nav__links { position:absolute; top:100%; left:0; right:0; background:#161610; padding:16px 24px; display:flex; flex-direction:column; border-bottom:1px solid #62563b; } .web-page .mobile-nav__links a { min-height:44px; padding:10px 0; } .web-page .hero { display:block; min-height:0; padding:55px 24px 100px; } .web-page .hero-title { font-size:clamp(42px,8vw,62px); max-width:16ch; } .web-page .hero-sub { font-size:19px; } .identity-specimen { margin:52px 0 0; max-width:100%; } .specimen-session h2 { font-size:24px; } .specimen-session p { margin-bottom:10px; } .identity-specimen .continuity-note { padding:16px; } .web-page .hero-bottom { left:24px; right:24px; font-size:10px; bottom:18px; } .web-page .home-background { height:680px; } .story-row,.proof-feature { grid-template-columns:1fr; gap:28px; padding-block:52px; } .story-row h2 { max-width:23ch; } .proof-feature { margin-inline:-12px; padding-inline:24px; } .flow-diagram ol { grid-template-columns:1fr; gap:28px; } .flow-diagram { padding-bottom:35px; } .docs-layout,.lab-layout { grid-template-columns:1fr; gap:40px; } .docs-index { flex-direction:row; flex-wrap:wrap; gap:4px 24px; padding-bottom:20px; border-bottom:1px solid #34332b; } .page-opening { padding-top:55px; padding-bottom:50px; } .page-opening .lede { font-size:19px; } .lab-aside { max-width:65ch; } .web-page .web-footer { align-items:flex-start; gap:16px; } .web-footer .site-footer__links { gap:4px 18px; } .closing { padding-block:60px; } }
@media(max-width:380px) { .web-page .hero-title { font-size:39px; } .web-page .hero { padding-top:40px; } .web-page .cta-row { flex-direction:column; align-items:stretch; } .web-page .cta-row a,.web-page .cta-row button { width:100%; } .activation-input { flex-direction:column; } .web-page .site-nav { gap:10px; padding-inline:16px; } .web-page .l0t__launcher { padding-inline:12px; } .page-opening h1 { font-size:38px; } .lab-stage-heading h2 { font-size:24px; } }
@media(prefers-reduced-motion:reduce) { .web-page *, .web-page *::before, .web-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
@media print { .web-page { background:white; color:black; } .web-page h1,.web-page h2,.web-page h3,.web-page p,.web-page a { color:black; } .home-background,.site-nav,.web-footer,#layr0Terminal,#layr0TermScrim { display:none !important; } }

.web-page .l0t__key { white-space:normal; overflow-wrap:anywhere; text-overflow:clip; user-select:text; }

/* Text spacing, enlarged text and legacy evidence pages share the same readable floor. */
.web-page .eyebrow { opacity:1; }
.web-page h1,.web-page h2,.web-page h3,.web-page p,.web-page li,.web-page dd,.web-page label,.web-page a { overflow-wrap:anywhere; }
.web-page .story-row>*,.web-page .proof-feature>*,.web-page .flow-diagram li,.web-page .hero-content { min-width:0; }
.web-page .hero-bottom>span { min-width:0; overflow-wrap:anywhere; }
.web-page .web-footer>* { min-width:0; }
.web-page .lab-stage-heading { flex-wrap:wrap; }
.web-page .lab-stage .cta-btn { max-width:100%; overflow-wrap:anywhere; }
.web-page .activation-panel { min-height:375px; }
.support-page p a,.support-page li a,.verified-page p a { text-decoration:underline; text-underline-offset:3px; }
.support-page p,.support-page li,.support-page a,.support-page code { overflow-wrap:anywhere; }
.support-page table { table-layout:fixed; }
.support-page td,.support-page th { overflow-wrap:anywhere; }
.verified-page { --color-ink-20:#aaa99d; --color-ink-25:#aaa99d; --color-ink-35:#aaa99d; --color-ink-42:#b6b5aa; --color-ink-45:#b6b5aa; --color-ink-50:#b6b5aa; }
.verified-page main code,.verified-page .source-link { overflow-wrap:anywhere; }
.verified-page .proof-domain h2 { flex-wrap:wrap; }
.verified-page .site-nav__links a { color:#b6b5aa; }
@media(max-width:760px) {
 .web-page .story-row,.web-page .proof-feature,.web-page .flow-diagram ol,.web-page .docs-layout,.web-page .lab-layout { grid-template-columns:minmax(0,1fr); }
 .web-page .hero-bottom { align-items:flex-start; }
 .web-page .hero-bottom .quiet-button { flex-shrink:0; }
 .web-page .cta-btn,.web-page .quiet-button { overflow-wrap:anywhere; }
}
@media(max-width:760px) { .web-page .hero-bottom { flex-wrap:wrap; gap:4px 20px; } .web-page .hero-bottom>span { flex-basis:100%; } .web-page .hero-bottom .quiet-button { flex-shrink:1; max-width:100%; } }
.verified-page .source-link code { color:#b6b5aa; }
.web-page .l0t__btn,.web-page .l0t__close,.web-page .l0t__input { min-height:44px; }
.support-page { max-width:800px; font-size:16px; line-height:1.7; }
.support-page h1 { font-size:34px; line-height:1.15; margin:28px 0; }
.support-page h2 { font-size:22px; margin-top:32px; }
.support-page .journey-links { justify-content:flex-start; margin:0 0 24px; }

@media(max-width:480px) { .docs-page .page-opening .lede { min-height:6.6em; } }

/* Source-native type: no downloaded or embedded font binary. */
.web-page .eyebrow,.web-page .artifact-label,.web-page .public-key,.web-page .continuity-note,.web-page .hero-bottom,.web-page .step-number,.web-page code,.web-page pre { font-family:var(--font-family-mono); }
.web-page #charField,.web-page .wire { font-family:var(--font-family-mono); font-size:12px; }

/* Stable reader questions preserve the page's hierarchy and visual character. */
.intro-question,.web-page h2.intro-question { font-size:clamp(17px,1.5vw,21px); line-height:1.4; letter-spacing:-.01em; margin:0 0 12px; color:#d8d8d2; text-wrap:balance; }
.web-page .hero-content h2.intro-question { max-width:40ch; }
.content-review { max-width:1440px; margin:0 auto; padding:20px clamp(24px,4vw,64px); color:#aaa99d; font-size:12px; line-height:1.65; }
.proof-status { margin:0 0 32px; padding:16px 20px; border-left:1px solid #b89d6a; color:#d8d8d2; line-height:1.65; }
