.demo-page{--demo-teal:#087a91;--demo-soft:#eaf3f4}.demo-hero{position:relative;overflow:hidden;background:var(--ink);color:var(--white);padding:10rem 0 5rem}.demo-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:6rem}.demo-hero h1{font-size:clamp(3rem,4.9vw,5rem);line-height:1.06;letter-spacing:-.055em;max-width:760px;margin:1.5rem 0}.demo-hero h1 em{font-style:normal;color:var(--cyan)}.demo-lead{max-width:560px;font-size:1.12rem;color:#afc3c7;line-height:1.8}.demo-secondary{font-size:.85rem;border-bottom:1px solid #63868b;padding:.5rem 0}.demo-hero .button-row{align-items:center;gap:1.5rem;margin-top:2rem}.demo-hero-facts{display:flex;gap:3rem;border-top:1px solid #284047;padding-top:1.6rem;margin-top:3.5rem;color:#afc3c7;font-size:.75rem}.demo-hero-facts b{display:block;color:var(--white);font-size:1rem;margin-bottom:.25rem}.demo-welcome{margin:0;position:relative;text-align:center}.demo-welcome>a{display:block;position:relative;width:245px;margin:auto;border:7px solid #2b4047;border-radius:34px;overflow:hidden;box-shadow:0 30px 70px #0008;transform:rotate(3deg)}.demo-welcome img{display:block;width:100%;height:auto}.demo-welcome-orbit{position:absolute;width:440px;height:440px;border:1px solid #37636a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#1a666855,transparent 70%)}.demo-welcome-orbit:after{content:'';position:absolute;inset:36px;border:1px solid #24464e;border-radius:50%}.demo-welcome figcaption{position:relative;font-size:.8rem;letter-spacing:.02em;margin-top:2rem}.demo-welcome small{display:block;font-size:.65rem;color:#9bb8be;margin-top:.3rem}.demo-live-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:7px}.demo-step-nav{position:sticky;top:84px;z-index:12;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 4px 15px #071a2105}.demo-step-nav>.container{display:flex;gap:1.4rem;align-items:center;overflow:auto;scrollbar-width:thin}.demo-step-nav a{display:flex;gap:.4rem;align-items:center;white-space:nowrap;font-size:.7rem;padding:1.25rem 0;border-bottom:3px solid transparent}.demo-step-nav a span{color:var(--muted);font-size:.65rem}.demo-step-nav a[aria-current=step]{border-color:var(--demo-teal);color:var(--demo-teal);font-weight:800}.demo-step-nav .demo-nav-intro{font-size:.6rem;letter-spacing:.12em;font-weight:800}.demo-intro{display:grid;grid-template-columns:1fr 1fr;gap:6rem;padding-top:5.5rem;padding-bottom:4rem}.demo-intro h2,.demo-operations h2,.demo-gallery h2{font-size:clamp(2.2rem,3.7vw,3.6rem);line-height:1.12;letter-spacing:-.04em;margin:.75rem 0}.demo-intro p{color:var(--muted)}.demo-intro .eyebrow{color:var(--ink)}.demo-evidence-note{font-size:.75rem;line-height:1.7;border-left:2px solid #c2d0cc;padding-left:1rem}.demo-step{padding:3rem 0 5rem;border-top:1px solid var(--line);scroll-margin-top:165px}.demo-step-heading{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.demo-step-number{width:44px;height:44px;display:grid;place-items:center;border:1px solid #b2bfc0;border-radius:50%;font-size:.85rem;font-weight:600}.demo-step-heading>p{font-weight:700;font-size:.85rem}.demo-step-rule{flex:1}.demo-record-pill,.demo-read-pill{font-size:.65rem;font-weight:700;padding:.5rem .8rem;border-radius:30px;background:#dcebe4;color:#206044}.demo-read-pill{background:#e4e8e5;color:#526867}.demo-step-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:6rem;align-items:start}.demo-mobile-stage{position:sticky;top:170px;background:var(--demo-soft);border-radius:1.5rem;padding:1.6rem 2rem;text-align:center;border:1px solid #d7e4e4}.demo-surface-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.6rem;font-weight:800;letter-spacing:.14em;color:#527078;margin-bottom:1.5rem}.demo-surface-label svg{width:15px;height:15px}.demo-capture{display:block;position:relative;max-width:250px;margin:0 auto;border:6px solid #19333e;border-radius:24px;overflow:hidden;box-shadow:0 18px 36px #19333e1a;background:#ecf5f6}.demo-capture img{display:block;width:100%;height:auto}.demo-capture>span{position:absolute;bottom:0;left:0;right:0;background:#071a21ed;color:white;font-size:.65rem;padding:.5rem;text-align:center;opacity:0;transition:opacity .2s}.demo-capture:hover>span,.demo-capture:focus-visible>span{opacity:1}.demo-screen-caption{font-size:.75rem;font-weight:600;margin:1.25rem 0 0}.demo-screen-caption small{display:block;font-size:.65rem;font-weight:400;color:#5d797f;margin-top:.25rem}.demo-step-copy h2{font-size:clamp(2rem,3.2vw,3.05rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 1.2rem}.demo-step-copy>p{color:var(--muted);font-size:.96rem;line-height:1.85}.demo-action{padding:1rem 1.2rem;background:var(--white);border-radius:10px;border:1px solid var(--line);margin:1.5rem 0}.demo-action>span{display:block;font-size:.55rem;color:var(--demo-teal);font-weight:800;letter-spacing:.14em;margin-bottom:.35rem}.demo-action>strong{font-size:.85rem}.demo-benefit{display:flex;gap:.65rem;align-items:start}.demo-benefit svg{flex:none;width:18px;height:18px;color:var(--demo-teal);margin-top:5px}.demo-backend{border-top:1px solid var(--line);padding-top:1.6rem;margin-top:1.8rem}.demo-backend-heading{display:flex;gap:.8rem;align-items:center}.demo-system-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--ink);color:var(--cyan);font-size:1.5rem}.demo-backend-heading div>span{font-size:.55rem;letter-spacing:.14em;font-weight:800;color:var(--muted)}.demo-backend h3{font-size:1.05rem;margin:0}.demo-backend>p{font-size:.85rem;color:var(--muted);line-height:1.8}.demo-record{border:1px solid #cbd7d4;border-radius:12px;background:var(--white);overflow:hidden;margin-top:1.2rem}.demo-record-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#e7eeea;padding:.8rem 1rem;font-size:.8rem}.demo-record-title span{font-size:.5rem;letter-spacing:.08em;color:#5b706c}.demo-record dl{margin:0;padding:.35rem 1rem}.demo-record dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #071a210a;font-size:.75rem}.demo-record dl>div:last-child{border:0}.demo-record dt{color:var(--muted)}.demo-record dd{margin:0;text-align:right;font-weight:600}.demo-backend .demo-pending-note{font-size:.65rem;margin:.6rem 0}.demo-record-details{font-size:.7rem;color:var(--muted);margin-top:.9rem}.demo-record-details summary{cursor:pointer;font-weight:600}.demo-record-details p{overflow-wrap:anywhere}.demo-backend-image{max-width:100%;border-radius:10px;border-width:1px}.demo-capture-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px;max-width:250px;margin:auto;padding:2rem 1.3rem;border:1px dashed #9cbec5;border-radius:24px;color:#5b7881;background:#f4f9f9}.demo-capture-pending>span svg{width:42px;height:42px;margin-bottom:1.5rem;color:#87a8b0}.demo-capture-pending strong{font-size:1rem;color:#315761;line-height:1.4}.demo-capture-pending p{font-size:.8rem}.demo-capture-pending small{font-size:.65rem;max-width:180px}.demo-operations{padding:5.5rem 0;background:var(--ink);color:var(--white);scroll-margin-top:145px}.demo-operations-heading{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.demo-operations-heading>p{color:#a9bfc4;font-size:1rem;line-height:1.9}.demo-record-flow{display:grid;grid-template-columns:repeat(6,1fr);margin:3rem 0;border:1px solid #36515a;border-radius:12px;overflow:hidden}.demo-record-flow>div{padding:1.25rem;border-right:1px solid #36515a}.demo-record-flow>div:last-child{border:0}.demo-record-flow span{display:block;font-size:.65rem;color:var(--cyan);margin-bottom:.7rem}.demo-record-flow strong{font-size:.75rem}.demo-operations-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.demo-operations-cards svg{width:25px;height:25px;color:var(--cyan)}.demo-operations-cards h3{font-size:1.1rem}.demo-operations-cards p{font-size:.85rem;color:#a9bfc4}.demo-gallery{padding-top:5rem;padding-bottom:5rem}.demo-gallery>div{max-width:640px}.demo-gallery p{color:var(--muted)}.demo-gallery>details{margin-top:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-gallery>details>summary{padding:1.5rem 0;cursor:pointer;font-weight:600;font-size:.9rem}.demo-gallery>details>summary>span{float:right;font-size:.7rem;color:var(--muted)}.demo-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:1.5rem 0 2rem}.demo-gallery-grid figure{margin:0}.demo-gallery-grid figcaption{font-size:.75rem;text-align:center;margin-top:.8rem}.demo-gallery-grid .demo-capture{border-width:3px;border-radius:15px}.demo-contact{text-align:center;background:#e3ece5;padding:5rem 0}.demo-contact h2{font-size:clamp(2.5rem,4vw,4rem);letter-spacing:-.045em;line-height:1.1;margin:1rem 0}.demo-contact p:not(.eyebrow){color:var(--muted);max-width:490px;margin:1.5rem auto}.demo-back-top{display:block;font-size:.75rem;margin:1.5rem auto 0;color:#56736d}
.demo-app-download{text-align:center;padding:0 0 4rem;scroll-margin-top:165px}.demo-app-download .button{max-width:100%;overflow-wrap:anywhere}.demo-app-download .button svg{flex-shrink:0}
@media(min-width:1600px){.demo-welcome>a{width:280px}.demo-hero{padding-bottom:6rem}}
@media(max-width:1000px){.demo-hero-grid,.demo-step-layout{gap:3rem}.demo-intro,.demo-operations-heading{gap:3rem}.demo-step-nav{top:84px}.demo-record-flow{grid-template-columns:repeat(3,1fr)}.demo-record-flow>div:nth-child(-n+3){border-bottom:1px solid #36515a}.demo-hero-facts{gap:1.5rem}.demo-mobile-stage{padding:1.5rem}.demo-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.demo-hero{padding:8rem 0 3rem}.demo-hero-grid{grid-template-columns:1fr;gap:3rem}.demo-hero h1{font-size:3rem}.demo-hero .button-row{gap:1rem}.demo-welcome>a{width:205px;transform:rotate(0)}.demo-welcome-orbit{width:310px;height:310px}.demo-hero-facts{margin-top:2rem}.demo-step-nav{top:72px}.demo-step-nav>.container{gap:1.1rem}.demo-intro,.demo-operations-heading{grid-template-columns:1fr;gap:1rem}.demo-intro{padding-top:3rem;padding-bottom:2rem}.demo-step-layout{display:flex;flex-direction:column-reverse;gap:2rem}.demo-mobile-stage{position:static;width:100%}.demo-step{padding:2rem 0 3rem;scroll-margin-top:145px}.demo-step-heading{gap:.6rem;margin-bottom:1.5rem;flex-wrap:wrap}.demo-step-heading>p{font-size:.8rem}.demo-step-number{width:34px;height:34px;font-size:.75rem}.demo-record-pill,.demo-read-pill{font-size:.55rem;padding:.35rem .6rem}.demo-step-rule{display:none}.demo-record-pill,.demo-read-pill{margin-left:auto}.demo-step-copy h2{font-size:2.2rem}.demo-operations{padding:3rem 0}.demo-operations-cards{grid-template-columns:1fr;gap:1.5rem}.demo-record-flow{grid-template-columns:repeat(2,1fr)}.demo-record-flow>div{border-bottom:1px solid #36515a}.demo-record-flow>div:nth-last-child(-n+2){border-bottom:0}.demo-gallery{padding-top:3rem;padding-bottom:3rem}.demo-gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.demo-gallery>details>summary>span{float:none;display:block;margin-top:.4rem}.demo-capture>span{opacity:1}.demo-contact{padding:3rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-capture>span{transition:none}}

.demo-governance{padding-top:5rem;padding-bottom:5rem}.demo-governance-heading{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.demo-governance h2{font-size:clamp(2.2rem,3.7vw,3.6rem);line-height:1.1;letter-spacing:-.04em;margin:.75rem 0 1.5rem}.demo-governance p{color:var(--muted);line-height:1.8}.demo-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}.demo-controls article{padding:1.7rem;border:1px solid var(--line);border-radius:14px;background:var(--white)}.demo-controls svg{width:26px;height:26px;color:var(--demo-teal)}.demo-controls h3{font-size:1.1rem;margin:.8rem 0}.demo-controls p{font-size:.83rem}.demo-controls article>span{display:block;border-top:1px solid var(--line);padding-top:.8rem;font-size:.65rem;font-weight:700;color:var(--demo-teal)}.demo-regulatory-intro{margin-top:5rem;max-width:820px}.demo-conformity-note{background:#e2ece7;border-left:3px solid #438b75;border-radius:0 12px 12px 0;padding:1.3rem 1.5rem;margin:2rem 0}.demo-conformity-note p{font-size:.85rem;margin:.5rem 0 0}.demo-frameworks details{border-top:1px solid var(--line)}.demo-frameworks details:last-child{border-bottom:1px solid var(--line)}.demo-frameworks summary{cursor:pointer;display:flex;align-items:center;gap:1.2rem;padding:1.4rem 0;list-style:none}.demo-frameworks summary::-webkit-details-marker{display:none}.demo-frameworks summary:after{content:'+';font-size:1.3rem;flex:none}.demo-frameworks details[open] summary:after{content:'-'}.demo-frameworks summary>span{color:var(--demo-teal);font-size:.7rem}.demo-frameworks summary>strong{flex:1;font-size:1rem}.demo-frameworks summary>em{font-size:.7rem;font-style:normal;color:var(--muted)}.demo-frameworks details>div{padding:0 2.4rem 1.8rem;max-width:960px}.demo-frameworks details p{font-size:.88rem}.demo-frameworks details a{display:block;width:fit-content;font-size:.75rem;color:#066b7d;text-decoration:underline;text-underline-offset:3px;margin-top:.5rem}.demo-regulatory-footnote{font-size:.72rem;max-width:960px;margin-top:1.8rem}
@media(max-width:950px){.demo-controls{grid-template-columns:repeat(2,1fr)}.demo-governance-heading{gap:2rem}}
@media(max-width:600px){.demo-governance{padding-top:3rem;padding-bottom:3rem}.demo-governance-heading{grid-template-columns:1fr;gap:0}.demo-controls{grid-template-columns:1fr}.demo-regulatory-intro{margin-top:3rem}.demo-frameworks summary{gap:.7rem}.demo-frameworks summary>em{display:none}.demo-frameworks summary>strong{font-size:.85rem}.demo-frameworks details>div{padding:0 0 1.2rem}}