:root{--ink:#182535;--ink-2:#24384a;--cyan:#13c7b5;--cyan-dark:#0b9d91;--ice:#eef6f7;--line:#dbe7e9;--muted:#68808b;--coral:#fa816f;--white:#fff;--shadow:0 22px 55px rgba(21,51,62,.1)}*{box-sizing:border-box}body{margin:0;background:#f7fbfb;color:var(--ink);font-family:Manrope,system-ui,sans-serif}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(260px,28%) 1fr}.brand-rail{background:var(--ink);color:#fff;min-height:100vh;padding:37px 42px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-rail:after{content:"";position:absolute;right:-130px;bottom:7%;width:300px;height:300px;border:1px solid rgba(19,199,181,.25);border-radius:50%;box-shadow:0 0 0 34px rgba(19,199,181,.04),0 0 0 72px rgba(19,199,181,.03)}.wordmark{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;position:relative;z-index:1}.wordmark strong{display:block;font-size:19px;line-height:1}.wordmark small{display:block;color:var(--cyan);font:500 9px 'DM Mono',monospace;letter-spacing:.2em;margin-top:5px}.signal-mark{height:29px;width:29px;display:inline-block;position:relative}.signal-mark i,.signal-mark b{position:absolute;width:14px;height:24px;background:var(--cyan);border-radius:9px;transform:rotate(33deg)}.signal-mark i:first-child{left:3px;top:2px}.signal-mark i:nth-child(2){right:1px;top:2px;background:#7ae2d7}.signal-mark b{height:7px;width:7px;background:var(--ink);left:11px;top:11px;z-index:1;border-radius:50%}.rail-copy{margin:auto 0;max-width:280px;position:relative;z-index:1}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 15px}.brand-rail .eyebrow{color:#6ee0d3}.rail-copy h1{font-size:clamp(33px,3.2vw,49px);line-height:1.05;letter-spacing:-.055em;margin:0 0 20px}.rail-copy>p:last-child{color:#aebdc6;line-height:1.7;font-size:13px;max-width:240px}.rail-bottom{display:flex;gap:9px;align-items:center;color:#9eb1ba;font-size:11px;position:relative;z-index:1}.status-dot,.live-pill span,.chip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(19,199,181,.13)}.main-panel{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:102px;padding:28px 6.2vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.topbar .eyebrow{margin:0 0 7px}.request-id{font:500 11px 'DM Mono',monospace;color:var(--ink-2);margin:0}.demo-badge{font-size:9px;color:var(--coral);border:1px solid #fbc0b5;padding:4px 6px;border-radius:5px;margin-left:9px}.privacy-chip,.evidence-chip{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.lock-icon{color:var(--cyan-dark);font-size:17px;line-height:0}.progress-wrap{display:flex;align-items:center;gap:13px;padding:29px 6.2vw 16px}.progress-step{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#afbdc2}.progress-step>span{width:25px;height:25px;border:1px solid #cbdadc;border-radius:50%;display:grid;place-items:center;font:500 10px 'DM Mono',monospace}.progress-step b,.progress-step small{display:block}.progress-step b{font-size:11px}.progress-step small{font-size:10px;margin-top:3px}.progress-step.is-active,.progress-step.is-done{color:var(--ink)}.progress-step.is-active>span,.progress-step.is-done>span{background:var(--ink);border-color:var(--ink);color:#fff}.progress-step.is-done>span{background:var(--cyan-dark);border-color:var(--cyan-dark)}.progress-line{height:1px;background:var(--line);flex:1;max-width:85px}.progress-line i{display:block;width:0;height:100%;background:var(--cyan);transition:width .25s}.progress-line.is-done i{width:100%}.content-area{padding:17px 6.2vw 32px;flex:1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:27px}.section-heading h2{font-size:clamp(29px,3vw,42px);letter-spacing:-.055em;margin:0 0 10px;line-height:1.1}.lede{color:var(--muted);font-size:13px;line-height:1.65;margin:0;max-width:535px}.evidence-chip{background:var(--ice);padding:9px 12px;border-radius:100px;white-space:nowrap;color:#48636b}.capture-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.7fr);gap:18px}.capture-card,.evidence-panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.capture-card{padding:16px}.capture-tabs{display:flex;gap:6px;margin-bottom:14px}.capture-tab{border:0;background:transparent;color:#79909a;padding:9px 11px;border-radius:9px;cursor:pointer;font-size:12px}.capture-tab span{font:10px 'DM Mono',monospace;margin-left:8px}.capture-tab.is-selected{background:var(--ice);color:var(--ink);font-weight:700}.camera-stage{height:315px;border-radius:11px;background:#dce9e9;position:relative;overflow:hidden;display:grid;place-items:center}.camera-stage video{width:100%;height:100%;object-fit:cover;display:none;transform:scaleX(-1)}.camera-stage.has-video video{display:block}.camera-placeholder{text-align:center;max-width:220px;color:#52717a}.camera-glyph{width:45px;height:34px;border:2px solid #83a5a8;border-radius:8px;margin:0 auto 15px;position:relative}.camera-glyph:before{content:"";position:absolute;top:-8px;left:13px;width:15px;height:7px;background:#83a5a8;border-radius:4px 4px 0 0}.camera-glyph span{display:block;width:13px;height:13px;border:2px solid #83a5a8;border-radius:50%;margin:8px auto}.camera-placeholder strong{font-size:14px}.camera-placeholder p{font-size:11px;line-height:1.5;margin:7px 0 0;color:#6d898f}.focus-frame{position:absolute;left:16%;right:16%;top:12%;bottom:12%;border-radius:24px;display:none;pointer-events:none}.has-video .focus-frame{display:block}.focus-frame i{position:absolute;width:29px;height:29px;border-color:#9ee9df;border-style:solid}.focus-frame i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px;border-radius:11px 0 0 0}.focus-frame i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0;border-radius:0 11px 0 0}.focus-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px;border-radius:0 0 0 11px}.focus-frame i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0;border-radius:0 0 11px 0}.focus-frame span{position:absolute;top:calc(100% + 11px);left:50%;transform:translateX(-50%);color:#ddfffb;background:rgba(17,44,53,.65);border-radius:99px;padding:6px 9px;font-size:10px;white-space:nowrap}.live-pill,.captured-label{display:none;position:absolute;top:14px;left:14px;background:rgba(22,44,55,.72);color:#fff;font-size:10px;padding:7px 9px;border-radius:99px;align-items:center;gap:8px}.captured-label{background:var(--cyan-dark);right:14px;left:auto}.has-video .live-pill{display:flex}.is-captured .captured-label{display:block}.is-captured .live-pill{display:none}.capture-actions{display:flex;align-items:center;gap:9px;margin-top:15px}.button{border:0;border-radius:9px;cursor:pointer;font-weight:700;font-size:12px;min-height:42px;padding:0 15px;transition:transform .18s,background .18s,opacity .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,.capture-tab:focus-visible,.text-button:focus-visible,.consent-row input:focus-visible+.custom-checkbox{outline:3px solid rgba(19,199,181,.35);outline-offset:2px}.button-primary{color:#fff;background:var(--cyan-dark)}.button-secondary{color:var(--ink);background:var(--ice)}.button-dark{background:var(--ink);color:#fff}.button-ghost{background:transparent;color:var(--ink);padding-left:0}.button:disabled{opacity:.4;cursor:not-allowed}.button-icon{font-size:14px;margin-right:7px}.button-capture{width:50px;min-width:50px;padding:0;border-radius:50%;background:#fff;border:5px solid #d2e1e2;display:grid;place-items:center}.button-capture span{width:27px;height:27px;background:var(--coral);border-radius:50%;display:block}.camera-note{font:10px 'DM Mono',monospace;color:#7c959c;margin:11px 2px 0}.evidence-panel{padding:22px 19px;box-shadow:none}.evidence-panel .eyebrow{margin-bottom:20px}.check-item{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line);color:#a5b4b8}.check-item>span{font:500 11px 'DM Mono',monospace}.check-item b,.check-item small{display:block}.check-item b{font-size:11px;color:var(--ink)}.check-item small{font-size:10px;margin-top:4px}.check-item strong{margin-left:auto;font-size:9px;color:var(--cyan-dark);font-weight:700}.check-item.is-complete strong:after{content:' ✓'}.check-item.is-current{color:var(--ink)}.side-note{margin-top:25px;padding:13px;background:#fff8f2;border-radius:10px;display:flex;gap:9px;color:#876c61;font-size:10px;line-height:1.55}.side-note p{margin:0}.side-note b{color:#5e4c45}.spark{color:var(--coral);font-size:14px}.bottom-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.privacy-copy{color:#789099;font-size:10px;line-height:1.5;margin:0;max-width:470px}.privacy-copy .lock-icon{margin-right:5px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:23px}.review-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.review-image{height:235px;background:#e0ebec center/cover no-repeat;display:grid;place-items:center;color:#6b8990;font-size:12px}.review-card-footer{padding:15px;display:flex;justify-content:space-between;align-items:center}.review-card-footer b,.review-card-footer small{display:block}.review-card-footer b{font-size:12px}.review-card-footer small{color:var(--muted);font-size:10px;margin-top:4px}.text-button{background:none;border:0;color:var(--cyan-dark);font-size:11px;font-weight:700;cursor:pointer}.consent-row{display:flex;align-items:center;gap:11px;font-size:12px;color:#526d75;cursor:pointer;margin:10px 0 7px}.consent-row input{position:absolute;opacity:0}.custom-checkbox{width:19px;height:19px;border:1px solid #b7d0d2;border-radius:5px;display:grid;place-items:center;background:#fff;flex:none}.consent-row input:checked+.custom-checkbox{background:var(--cyan-dark);border-color:var(--cyan-dark)}.consent-row input:checked+.custom-checkbox:after{content:'✓';color:#fff;font-size:12px}.complete-panel{text-align:center;max-width:650px;margin:25px auto}.complete-mark{width:70px;height:70px;background:var(--cyan);border-radius:25px 25px 25px 5px;display:grid;place-items:center;color:var(--ink);font-size:35px;font-weight:800;margin:0 auto 25px;transform:rotate(-8deg)}.complete-mark span{transform:rotate(8deg)}.complete-panel h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.06em;margin:0 0 14px}.complete-panel .lede{margin:0 auto 24px}.future-note{display:flex;text-align:left;align-items:flex-start;gap:12px;background:var(--ice);border:1px solid #d4e8e8;border-radius:12px;padding:15px;margin:0 auto 25px;max-width:515px}.future-note>span{color:var(--cyan-dark);font-size:22px}.future-note b,.future-note small{display:block}.future-note b{font-size:11px}.future-note small{color:var(--muted);font:10px 'DM Mono',monospace;margin-top:7px;line-height:1.5}.future-note code{color:var(--ink-2)}.site-footer{display:flex;justify-content:space-between;padding:20px 6.2vw;color:#98aeb2;font:10px 'DM Mono',monospace;border-top:1px solid var(--line)}.is-hidden{display:none!important}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:12px 16px;border-radius:9px;font-size:11px;transition:all .2s;pointer-events:none;z-index:5}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.brand-rail{min-height:auto;height:235px;padding:25px 7vw}.rail-copy{margin:auto 0 0}.rail-copy h1{font-size:34px;max-width:380px;margin-bottom:8px}.rail-copy>p:last-child,.rail-bottom{display:none}.brand-rail:after{right:-30px;bottom:-180px}.topbar{padding:22px 7vw}.progress-wrap,.content-area{padding-left:7vw;padding-right:7vw}.capture-layout{grid-template-columns:1fr}.evidence-panel{display:none}}
@media(max-width:580px){.topbar{height:88px}.privacy-chip{font-size:0}.privacy-chip .lock-icon{font-size:18px}.progress-wrap{gap:7px;padding-top:21px}.progress-step{gap:0}.progress-step>div{display:none}.progress-step>span{width:26px;height:26px}.section-heading{display:block}.evidence-chip{display:inline-flex;margin-top:16px}.camera-stage{height:280px}.capture-actions{flex-wrap:wrap}.button-primary,.button-secondary{flex:1}.button-capture{order:-1}.bottom-row{align-items:flex-start;flex-direction:column-reverse}.bottom-row .button{width:100%}.review-grid{grid-template-columns:1fr}.review-image{height:180px}.site-footer{gap:10px;flex-direction:column}.rail-copy h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}