.doc-examples-page{max-width:1120px;margin:auto;padding:56px 24px 80px;color:#f6f8ff}.doc-examples-page h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.08;letter-spacing:-.04em;max-width:800px;margin:18px 0}.doc-examples-lede{max-width:740px;font-size:1.15rem;line-height:1.7;color:#c8d3e8}.doc-example-kicker{font-size:.75rem;font-weight:750;letter-spacing:.12em;color:#bcb5ff}.doc-example-disclosure{max-width:800px;color:#b9c7e0;font-size:.85rem;line-height:1.65}.doc-example-nav{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 40px}.doc-example-nav a{padding:11px 17px;min-height:44px;border:1px solid #58698f;border-radius:30px;color:#e0e6fc;text-decoration:none}.doc-example{display:grid;grid-template-columns:.85fr 1.4fr;gap:40px;align-items:center;padding:38px 0;border-top:1px solid #384767;scroll-margin-top:24px}.doc-example-copy h2{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.03em;margin:14px 0}.doc-example-copy p{color:#c3cfe6;line-height:1.7}.doc-example-screen{border:1px solid #596b96;border-radius:20px;background:#14213b;padding:24px;box-shadow:0 12px 40px #050a1750;overflow:hidden;color:#f5f7ff;font-family:Inter,system-ui,sans-serif}.doc-screen-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px;border-bottom:1px solid #3d4e70}.doc-screen-top>span{font-size:21px;font-weight:750;letter-spacing:-.7px}.doc-screen-top>b{font-size:9px;color:#c5beff;letter-spacing:.08em}.doc-screen-route{font-size:12px;color:#c4d2ec;margin-top:18px}.doc-screen-input{font-size:12px;line-height:1.7;color:#b9cae7;font-variant-numeric:tabular-nums}.doc-example-screen .checks{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.doc-example-screen .checks li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:11px;padding:16px;background:#1d2b48;border:1px solid #485978;border-radius:13px;align-items:start}.doc-example-screen .checks li:before{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:800}.doc-example-screen .checks li.bad:before{content:'!';background:#653744;color:#ffd5df}.doc-example-screen .checks li.warn:before{content:'?';background:#61512e;color:#ffedbc}.doc-example-screen .checks .t{font-weight:750;font-size:15px;line-height:1.4}.doc-example-screen .checks .d{font-size:12px;line-height:1.7;color:#c9d5e9;margin-top:6px;overflow-wrap:anywhere}.doc-screen-note{font-size:12px;line-height:1.7;color:#e1e5f5}.doc-example-screen small{font-size:10px;line-height:1.5;color:#b9c5de;display:block}.doc-example-how{margin-top:30px;padding:30px;background:#14213b;border:1px solid #455778;border-radius:22px}.doc-example-how h2{font-size:1.8rem;line-height:1.2;margin-top:0}.doc-example-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-left:20px}.doc-example-how li b,.doc-example-how li span{display:block}.doc-example-how li span,.doc-example-how p{font-size:.9rem;line-height:1.75;color:#c4d1e7;margin-top:10px}.doc-example-how a{color:#c7c0ff}.doc-showcase-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:#655de1;border:1px solid #a79efc;border-radius:14px;color:#fff!important;text-decoration:none;font-weight:700;font-size:.9rem}.home-document-showcase{padding:36px 0 18px}.home-document-showcase h2{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.03em;line-height:1.2;margin:12px 0}.home-document-showcase>p{max-width:760px;color:#c6d0e5;line-height:1.7}.doc-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.doc-showcase-card{display:block;border:1px solid #465779;background:#14213b;border-radius:18px;overflow:hidden;color:#f6f8ff!important;text-decoration:none}.doc-showcase-card img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:top;border-bottom:1px solid #465779}.doc-showcase-card h3{font-size:1rem;margin:17px 18px 8px}.doc-showcase-card p{margin:0 18px 20px;color:#c2cfe7;font-size:.85rem;line-height:1.6}.doc-showcase-card:hover{border-color:#b1a5ff}.doc-showcase-card:focus-visible,.doc-showcase-button:focus-visible,.doc-example-nav a:focus-visible{outline:3px solid #c3baff;outline-offset:4px}.home-map-showcase{max-width:1180px;margin:0 auto;padding:8px 24px 0;text-align:left}.home-map-showcase .route-explorer{margin:20px 0 12px}.home-map-showcase>p{font-size:.85rem;color:#c4cfea}.home-map-showcase>p a{color:#cac2ff}.home-map-showcase .route-kicker{font-size:.75rem}.home-map-showcase .route-explorer h2{font-size:1.75rem}body:not(.onboarding) .home-document-showcase,body:not(.onboarding) .home-map-showcase{display:none}@media(max-width:760px){.doc-examples-page{padding:32px 20px 50px}.doc-example{grid-template-columns:1fr;gap:18px;padding:30px 0}.doc-example-screen{padding:18px}.doc-example-how{padding:22px}.doc-example-how ol{grid-template-columns:1fr;gap:16px}.doc-showcase-grid{grid-template-columns:1fr}.doc-showcase-card img{aspect-ratio:1.65}.home-map-showcase{padding:8px 16px 0}.home-map-showcase .route-explorer h2{font-size:1.4rem}.doc-screen-top{gap:8px}.doc-showcase-card h3{margin-top:16px}}@media print{.home-document-showcase,.home-map-showcase{display:none!important}}
html[data-capture] body{margin:0!important;min-width:0!important;background:#14213b!important}html[data-capture] body>header,html[data-capture] body>footer,html[data-capture] .skip-link,html[data-capture] main>:not(.doc-example),html[data-capture] .doc-example-copy{display:none!important}html[data-capture] main{padding:0!important;margin:0!important;max-width:none!important}html[data-capture] .doc-example{display:none!important;margin:0!important;padding:0!important;border:0!important}html[data-capture=chip] #chip,html[data-capture=timing] #timing,html[data-capture=unclear] #unclear{display:block!important}html[data-capture] .doc-example-screen{min-height:480px;border:0;border-radius:0;box-sizing:border-box;padding:28px;box-shadow:none}html[data-capture] .doc-example-screen .checks .d{font-size:13px}html[data-capture] .doc-example-screen .checks .t{font-size:17px}html[data-capture] .doc-example-screen small{font-size:11px}
.home-document-showcase .doc-showcase-card img{aspect-ratio:4/3;object-fit:contain;background:#14213b}
.doc-screen-top>img{width:150px;height:auto;display:block}
/* The examples expand in place, without a second marketing page. */
#document-examples{max-width:1120px;margin:0 auto;padding:36px 24px;scroll-margin-top:24px;text-align:left;color:#f5f7ff}
#document-examples:target,#document-examples:has(:target){display:block!important}
#document-examples .doc-inline-examples{display:grid;gap:12px;margin:24px 0}
.doc-inline-example{border:1px solid #465779;border-radius:16px;background:#14213b;overflow:hidden;scroll-margin-top:24px}
.doc-inline-example>summary{position:relative;display:block;padding:22px 58px 22px 22px;cursor:pointer;list-style:none}
.doc-inline-example>summary::-webkit-details-marker{display:none}.doc-inline-example>summary:after{content:'+';position:absolute;right:22px;top:25px;font-size:25px;color:#c6bfff}.doc-inline-example[open]>summary:after{content:'−'}
.doc-inline-example .doc-example-kicker{font-size:10px}.doc-inline-example h3{font-size:20px!important;margin:8px 0!important;line-height:1.3!important;color:#f5f7ff!important}.doc-inline-example summary p{margin:0;color:#c5d1e7;font-size:14px;line-height:1.6}
.doc-inline-example .doc-example-screen{margin:0 22px 22px;max-width:780px;box-shadow:none}.doc-inline-example .doc-example-screen .checks{display:grid!important;grid-template-columns:1fr!important}.doc-inline-example .doc-example-screen .checks li{grid-template-columns:28px minmax(0,1fr)!important;display:grid!important}
.doc-inline-example summary:focus-visible{outline:3px solid #c3baff;outline-offset:-4px}
@media(max-width:760px){#document-examples{padding:28px 16px}.doc-inline-example>summary{padding:18px 48px 18px 18px}.doc-inline-example>summary:after{right:18px}.doc-inline-example .doc-example-screen{margin:0 12px 16px;padding:16px}.doc-inline-example h3{font-size:18px!important}.doc-inline-example .doc-screen-top{flex-wrap:wrap}}
.doc-screen-step{font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#bcb5ff;margin:16px 0 4px}.doc-screen-step+.checks{margin-top:6px}