.demo-page-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;padding-block:64px 46px;display:grid}.demo-page-heading h1{letter-spacing:-.055em;font-size:clamp(46px,5.5vw,68px);font-weight:550;line-height:1.04}.demo-page-heading>div>p:not(.eyebrow){color:var(--pr0d-slate);max-width:440px;font-size:16px}.demo-page-disclosure{color:var(--pr0d-slate);max-width:425px;margin-top:18px;font-size:12px;line-height:1.75;display:block}.demo-workspace{border:1px solid var(--pr0d-line);border-radius:16px;grid-template-columns:360px minmax(0,1fr);display:grid;overflow:hidden}.demo-configuration{border-right:1px solid var(--pr0d-line);background:#fff;padding:30px}.demo-panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-panel-heading>.mono{color:var(--pr0d-slate);letter-spacing:.04em;font-size:10px}.demo-panel-heading>button{color:var(--pr0d-slate);font-size:11px}.demo-panel-heading>button:hover{color:var(--pr0d-ink)}.demo-configuration h2{letter-spacing:-.035em;margin-top:28px;font-size:26px;font-weight:550}.demo-configuration>p{color:var(--pr0d-slate);margin-top:10px;font-size:13px}.demo-configuration .provider-config{margin-top:28px}.demo-config-hint{border-top:1px solid var(--pr0d-line);margin-block:26px 24px;padding-top:24px;font-size:12px}.demo-config-hint strong{font-weight:550}.demo-config-hint p{color:var(--pr0d-slate);margin-top:7px}.demo-config-hint code{color:var(--pr0d-ink);font-family:var(--pr0d-font-mono)}.demo-configuration>.underlined-link{font-size:12px}.demo-live-preview{background:var(--pr0d-mist);min-width:0;padding:30px 36px 24px}.demo-auth-stage{place-items:center;min-height:650px;padding-block:28px;scroll-margin-top:100px;display:grid}.demo-page .auth-card{max-width:100%;min-height:0;margin:0;position:relative;inset:auto;transform:none}.demo-page .auth-card h2{font-size:27px}.demo-page .social-buttons[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-page .auth-footer .protected-by{width:116px;height:auto}.auth-progress{border-bottom:1px solid var(--pr0d-line);justify-content:space-between;align-items:center;gap:12px;margin:0 0 25px;padding:0 0 20px;list-style:none;display:flex}.auth-progress li{color:#939ba4;align-items:center;gap:6px;font-size:10px;display:flex}.auth-progress li span{font:9px var(--pr0d-font-mono)}.auth-progress .is-active{color:var(--pr0d-ink)}.auth-progress [aria-current=step]{font-weight:600}.demo-page #code-view h2{margin-top:18px}.demo-verification-label{margin:28px 0 18px;display:inline-block}.demo-account{border:1px solid var(--pr0d-line);border-radius:8px;align-items:center;gap:14px;margin-block:26px;padding:16px;display:flex}.demo-account>span{background:var(--pr0d-mist);border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;display:grid}.demo-account strong{font-size:13px;font-weight:550;display:block}.demo-account small{color:var(--pr0d-slate);font-size:11px}.demo-flow-note{color:var(--pr0d-slate);margin-top:20px;font-size:11px;line-height:1.7}.demo-passkey-art{height:130px;color:var(--pr0d-slate);place-items:center;display:grid}#qr-view>.back-button{display:flex}.demo-qr-image{border:1px solid var(--pr0d-line);border-radius:12px;width:min(224px,100%);height:auto;margin:24px auto 18px;display:block}.demo-qr-match{text-align:center;color:var(--pr0d-slate);font-size:11px}.demo-qr-match strong{color:var(--pr0d-ink);font:500 27px/1.5 var(--pr0d-font-mono);letter-spacing:5px;margin-top:8px;display:block}.demo-qr-status,.demo-qr-timer{text-align:center;color:var(--pr0d-slate);font-size:11px}.demo-qr-status{margin-top:14px}.demo-qr-timer{margin:4px 0 22px}.demo-qr-details{border-block:1px solid var(--pr0d-line);grid-template-columns:auto minmax(0,1fr);gap:10px 16px;margin-block:18px 24px;padding-block:18px;font-size:12px;display:grid}.demo-qr-details dt{color:var(--pr0d-slate)}.demo-qr-details dd{overflow-wrap:anywhere;margin:0}.demo-qr-decline{border:1px solid var(--pr0d-line);margin-top:10px}.demo-qr-ended{height:110px;color:var(--pr0d-slate);place-items:center;display:grid}.demo-qr-ended .icon{width:42px;height:42px}.demo-preview-caption{font:9px var(--pr0d-font-mono);color:var(--pr0d-slate);text-align:center;justify-content:center;align-items:center;gap:8px;line-height:1.7;display:flex}.demo-detail-section{padding-block:70px 90px}.demo-detail-heading{max-width:660px;margin-bottom:34px}.demo-detail-heading h2{letter-spacing:-.04em;margin-bottom:18px;font-size:35px;font-weight:550;line-height:1.15}.demo-detail-heading>p:not(.eyebrow){color:var(--pr0d-slate);font-size:14px}.demo-detail-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:28px;display:grid}.demo-session-card{border:1px solid var(--pr0d-line);border-radius:12px;padding:32px}.demo-session-card h3{letter-spacing:-.025em;font-size:23px;font-weight:550}.demo-session-card>p{color:var(--pr0d-slate);margin-top:12px;font-size:13px}.demo-session-card .device-panel{margin-block:26px}.demo-page .code-window{width:100%;min-width:0}@media (max-width:980px){.demo-page-heading{gap:40px}.demo-workspace{grid-template-columns:300px minmax(0,1fr)}.demo-configuration{padding:24px}.demo-live-preview{padding:24px 20px}.demo-detail-grid{grid-template-columns:1fr 1fr;gap:20px}.demo-session-card{padding:24px}}@media (max-width:760px){.demo-page-heading{grid-template-columns:1fr;gap:24px;padding-block:44px 32px}.demo-page-heading h1{font-size:50px}.demo-page-heading>div>p:not(.eyebrow){font-size:15px}.demo-workspace{grid-template-columns:1fr}.demo-configuration{border-right:0;border-bottom:1px solid var(--pr0d-line)}.demo-configuration h2{margin-top:20px}.demo-config-hint{margin-block:20px;padding-top:18px}.demo-live-preview{padding:24px 16px}.demo-auth-stage{min-height:0;padding-block:24px}.demo-preview-caption{font-size:8px}.demo-detail-section{padding-block:46px 60px}.demo-detail-heading h2{font-size:30px}.demo-detail-grid{grid-template-columns:1fr}}@media (max-width:400px){.demo-configuration{padding:22px}.demo-live-preview{padding-inline:10px}.auth-progress{gap:8px}.auth-progress li{gap:4px;font-size:9px}.demo-page .auth-card{width:100%}.demo-page .auth-card .auth-subtitle{font-size:12px}}