:root{--aiv-success:var(--jbx-success,#43c58a)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--jbx-bg,#070910);color:var(--jbx-text,#f7f8fc);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,580px);gap:clamp(32px,7vw,100px);align-items:center;max-width:1440px;margin:auto;padding:clamp(28px,7vw,96px);padding-top:max(clamp(28px,7vw,96px),env(safe-area-inset-top));padding-bottom:max(clamp(28px,7vw,96px),env(safe-area-inset-bottom))}.eyebrow,.aiv-kicker{color:var(--jbx-primary-light,#8f73ff);font-size:11px;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(3rem,6vw,6.4rem);line-height:.92;font-weight:750;letter-spacing:-.07em;margin:28px 0}.hero h1 em{color:var(--jbx-primary-light,#8f73ff);font-style:normal}.lede{color:var(--jbx-text-muted,#a8b3c7);font-size:1.08rem;max-width:440px;line-height:1.65}.actions,.wizard-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.actions a:not(.jbx-btn){color:var(--jbx-text-soft,#c7ccda)}.status{color:var(--jbx-text-muted,#a8b3c7);min-height:24px;margin-top:22px}.camera-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--jbx-surface,#121725);border:1px solid var(--jbx-border,rgba(255,255,255,.1));padding:16px;border-radius:var(--jbx-radius-xl,26px);box-shadow:var(--jbx-shadow-md,0 18px 50px rgba(0,0,0,.3))}.camera-wrap{height:min(52vh,440px);min-height:300px;background:var(--jbx-surface-2,#181f31);border-radius:var(--jbx-radius-lg,18px);position:relative;overflow:hidden;display:grid;place-items:center}.camera-wrap video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity .35s ease}.camera-wrap video[srcObject],.camera-wrap video.is-ready{opacity:1}#camera-message,#prompt{position:absolute;color:var(--jbx-muted,#8e97aa)}.guide{position:absolute;width:55%;height:72%;border:2px solid rgba(143,115,255,.72);border-radius:48% 48% 46% 46%;box-shadow:0 0 0 999px rgba(7,9,16,.12),0 0 36px rgba(115,87,255,.15)}.steps{display:flex;justify-content:space-between;padding:20px 4px 12px;color:var(--jbx-muted,#8e97aa);font-size:11px}.steps span.active{color:var(--jbx-primary-light,#8f73ff)}.steps b{display:block;font-weight:600;margin-top:4px}.result{border-top:1px solid var(--jbx-border);padding:20px 4px 4px}.result h2,.wizard-panel h2{margin:8px 0;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.result p,.result-copy,.aiv-card-copy{color:var(--jbx-text-muted,#a8b3c7);line-height:1.6}.diagnostics{margin-top:18px;border:1px solid var(--jbx-border);background:rgba(255,255,255,.025);color:var(--jbx-text-muted);font:11px/1.55 ui-monospace,SFMono-Regular,monospace;padding:10px 12px;border-radius:var(--jbx-radius-sm,8px)}.diagnostics summary,.aiv-developer-panel summary{cursor:pointer;color:var(--jbx-text-soft);font-weight:750}.diagnostics[open] summary{margin-bottom:7px}.diagnostics #diagnostic-log div{color:#aeb8ce}.wizard-card{min-height:590px}.progress{height:36px;border-bottom:1px solid var(--jbx-border);color:var(--jbx-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;position:relative;padding:4px}.progress:before,.progress>div{content:"";position:absolute;left:0;bottom:-1px;height:3px}.progress:before{width:100%;background:rgba(255,255,255,.05)}.progress>div{width:0;background:linear-gradient(90deg,var(--jbx-primary),var(--jbx-primary-2));transition:width .3s ease}.wizard-panel{padding:34px 10px 10px}.wizard-panel[hidden]{display:none}.wizard-panel label{display:block;color:var(--jbx-text-muted);font-size:.86rem;margin:18px 0}.wizard-panel input{display:block;width:100%;margin-top:7px;background:var(--jbx-bg-elevated,#0d101a);color:var(--jbx-text);border:1px solid var(--jbx-border);border-radius:var(--jbx-radius-sm);padding:12px;font:inherit}.consent{display:flex!important;align-items:flex-start;gap:10px}.consent input{width:auto;margin:2px 0 0}.text-button{background:transparent;border:0;color:var(--jbx-muted);cursor:pointer;padding:12px}.gesture-progress,.review-list{border-top:1px solid var(--jbx-border);border-bottom:1px solid var(--jbx-border);padding:18px 0;color:var(--jbx-muted);margin-top:25px}.review-list p{color:var(--aiv-success);padding:4px 0}.review-list span{color:var(--jbx-muted)}.aiv-workspace-hero{padding:clamp(22px,4vw,46px);margin-bottom:24px;border:1px solid var(--jbx-border);border-radius:var(--jbx-radius-xl);background:radial-gradient(circle at 90% 0,rgba(115,87,255,.22),transparent 42%),var(--jbx-surface)}.aiv-workspace-hero h1{font-size:clamp(2rem,4vw,4.2rem);letter-spacing:-.055em;margin:12px 0}.aiv-workspace-hero p:last-child{color:var(--jbx-muted);font-size:1.05rem}.aiv-workspace-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.aiv-identity-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.aiv-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--jbx-primary),var(--jbx-primary-2));font-size:1.6rem;font-weight:850;box-shadow:var(--jbx-shadow-primary)}.aiv-label{color:var(--jbx-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.aiv-identity-card h2{margin:5px 0 8px;font-size:1.7rem}.aiv-verified{color:var(--aiv-success);font-weight:750}.aiv-identity-card dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 0}.aiv-identity-card dl div,.aiv-diagnostics-grid div{padding:12px;border-radius:12px;background:rgba(255,255,255,.035)}dt{color:var(--jbx-muted);font-size:.72rem;margin-bottom:5px}dd{margin:0;font-weight:720}.aiv-developer-panel{margin-top:22px}.aiv-developer-panel>summary{list-style-position:inside}.aiv-diagnostics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.aiv-developer-panel pre{max-height:320px;overflow:auto;padding:16px;background:var(--jbx-bg);border-radius:12px;color:var(--jbx-text-soft);font-size:.75rem}.aiv-diagnostic-note{color:var(--jbx-muted);font-size:.8rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress>div,.camera-wrap video,.jbx-btn{transition:none!important;animation:none!important}}@media(max-width:980px){.shell{grid-template-columns:1fr;max-width:760px}.hero h1{font-size:clamp(3rem,12vw,5rem)}.aiv-workspace-grid{grid-template-columns:1fr}}@media(max-width:600px){.shell{padding:24px 18px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.camera-card{padding:10px;border-radius:20px}.camera-wrap{height:46svh;min-height:280px}.wizard-card{min-height:0}.actions,.wizard-actions{align-items:stretch}.actions .jbx-btn,.wizard-actions .jbx-btn,.camera-card>.jbx-btn{width:100%}.aiv-identity-card dl,.aiv-diagnostics-grid{grid-template-columns:1fr}.steps{font-size:10px}}