/* Editorial product guides. Onyx tokens mirror GdIdentities.onyx. */
@font-face{font-family:Inter Tight;src:url('/assets/fonts/inter-tight-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Source Serif 4;src:url('/assets/fonts/source-serif-4-latin.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
:root{--accent:#0B0B0B;--deep:#000000;--soft:#E6E6E6;--bg:#FFFFFF;--ink:#0B0B0B;--sec:#5E5E5E;--line:#DEDEDE;--tint:#F3F3F3;color-scheme:light;font-family:'Inter Tight',system-ui,sans-serif;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid var(--deep);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,5.7vw,5.5rem);font-weight:650;margin-bottom:24px}h2{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:600;margin-bottom:24px}h3{font-size:1.45rem;letter-spacing:-.025em}p,li{font-size:1.075rem}li{margin-bottom:10px}ul,ol{padding-left:24px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:8px}
.guide-nav{position:sticky;top:0;background:rgba(255,255,255,.96);z-index:20;border-bottom:1px solid var(--line)}.nav-inner{max-width:1280px;margin:auto;padding:18px 32px;display:flex;align-items:center;gap:28px}.wordmark{font-family:'Source Serif 4',Georgia,serif;font-style:italic;font-size:32px;font-weight:700;letter-spacing:-2px;text-decoration:none;line-height:1}.guide-nav nav{display:flex;gap:24px;margin-left:auto;font-size:15px}.guide-nav nav a{text-decoration:none}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:1px solid var(--deep);border-radius:999px;background:var(--deep);color:white;text-decoration:none;font-size:1rem;font-weight:600}.button.secondary{background:transparent;color:var(--ink)}.button:hover{background:var(--sec);color:white}.button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.eyebrow{font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sec);margin-bottom:22px}.breadcrumb{font-size:.9rem;color:var(--sec);margin-bottom:26px}.hero{max-width:1280px;margin:auto;padding:68px 32px 64px;display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center}.hero.single{grid-template-columns:1fr;max-width:920px}.lede{font-size:1.25rem;line-height:1.55;color:var(--sec);max-width:680px}.reviewed,.caption{font-size:.875rem;color:var(--sec)}.promise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--tint)}.promise-inner{max-width:1216px;margin:auto;padding:20px 32px;display:flex;flex-wrap:wrap;gap:12px 36px;font-size:1rem}.promise strong{font-weight:650}.guide-body{max-width:1000px;margin:auto;padding:64px 32px}.guide-body section{margin-bottom:72px}.guide-body section:last-child{margin-bottom:0}.measure{max-width:740px}.step-list{list-style:none;padding:0;margin:32px 0}.step-list>li{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.step-list .number{font-size:1.1rem;display:flex;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center}.step-list h3{margin:3px 0 14px}.step-list p:last-child{margin-bottom:0}.note{background:var(--tint);padding:24px 28px;border-left:3px solid var(--ink);margin:28px 0}.note p:last-child{margin:0}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:16px;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:1rem;text-align:left}th,td{padding:16px 20px;vertical-align:top;border-bottom:1px solid var(--line)}th{font-weight:600;background:var(--tint)}tr:last-child td{border-bottom:0}td small{display:block;color:var(--sec);margin-top:4px;font-size:.875rem}.capture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}.capture-grid figure{margin:0}.capture-grid img{width:100%;height:auto;margin:0 auto 16px;border:1px solid var(--line);border-radius:26px}.capture-grid figcaption{font-size:.925rem;color:var(--sec);line-height:1.45}.capture-grid.two{grid-template-columns:repeat(2,1fr)}.capture-grid.one{grid-template-columns:1fr;max-width:350px;margin:30px auto}.capture-grid a{display:block}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:1.15rem;font-weight:600;line-height:1.4}.faq details p{margin:18px 0 0;max-width:740px;color:var(--sec)}.code{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:12px;background:var(--tint);padding:18px;margin:24px 0}.code code{overflow-wrap:anywhere;font-size:1rem}.code button{border:1px solid var(--line);border-radius:8px;background:white;padding:8px 14px;font-size:.9rem}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related a{border:1px solid var(--line);border-radius:16px;padding:24px;text-decoration:none}.related span{display:block;color:var(--sec);font-size:.925rem;margin-top:8px}.end-cta{background:var(--deep);color:white;padding:44px;border-radius:24px;margin-top:56px}.end-cta .button{background:white;color:var(--ink);border-color:white}.end-cta p{color:#DEDEDE}.guide-footer{border-top:1px solid var(--line);padding:32px;max-width:1280px;margin:auto;display:flex;gap:24px;flex-wrap:wrap;align-items:center}.guide-footer nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:20px;font-size:.925rem}
/* Sample ledger is interactive HTML, clearly separate from app captures. */
.demo{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white;box-shadow:0 20px 70px #0000000a}.demo-top{background:var(--ink);color:white;padding:22px 28px;display:flex;justify-content:space-between;gap:12px;font-size:.875rem}.demo-top strong{font-size:1rem}.demo-content{padding:26px}.demo-label{font-size:.85rem;color:var(--sec);margin-bottom:8px}.utterance{font-size:1.45rem;letter-spacing:-.035em;line-height:1.4;margin:0 0 24px}.ledger-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:14px 0;font-size:1rem}.ledger-row strong{font-weight:600;white-space:nowrap}.ledger-row small{display:block;font-size:.85rem;color:var(--sec)}.demo-total{font-size:2.8rem;font-weight:600;letter-spacing:-.055em;margin:4px 0 20px}.demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.demo-controls button{border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);padding:9px 14px;font-size:.875rem}.demo-controls button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.demo-foot{font-size:.85rem;color:var(--sec);border-top:1px solid var(--line);padding:16px 26px;margin:0}.dialogue{margin:0 0 18px;padding:18px;border-radius:14px;background:var(--tint);font-size:1rem;line-height:1.5}.dialogue small{display:block;font-weight:650;margin-bottom:7px;color:var(--sec)}.status{min-height:24px;font-size:.875rem;color:var(--sec)}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:36px;padding-top:40px}.hero .demo{max-width:580px;width:100%}.guide-nav nav a:nth-child(n+3){display:none}.capture-grid{gap:14px}.related{grid-template-columns:1fr}.hero.single{padding-top:44px}}
@media(max-width:540px){.nav-inner{padding:16px 20px;gap:12px}.guide-nav nav{gap:14px}.guide-nav nav a:nth-child(n+2){display:none}.guide-nav .button{font-size:.875rem;padding:8px 14px;min-height:42px}.hero,.guide-body{padding-left:20px;padding-right:20px}.hero{padding-bottom:40px}.guide-body{padding-top:42px}.promise-inner{padding:18px 20px;gap:10px 24px}.capture-grid,.capture-grid.two{grid-template-columns:1fr}.capture-grid figure{max-width:310px;margin:0 auto 20px}.step-list>li{grid-template-columns:36px 1fr;gap:16px}.step-list .number{width:34px;height:34px}.end-cta{padding:28px}.demo-content{padding:22px}.guide-footer{padding:28px 20px}.guide-footer nav{margin:0}.code{align-items:flex-start;flex-direction:column}th,td{padding:12px}h1{font-size:2.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}