:root{--paper:#f6f3ed;--ink:#252a25;--muted:#72756c;--accent:#a44736;--line:#dedfd4;--green:#596c4e;--cream:#edeee3;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dc977f;outline-offset:4px}a{color:inherit}button{border:0}button,h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.header{height:94px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;font-size:22px;letter-spacing:-.8px;font-weight:700}.brand-mark{font-size:35px;color:var(--accent);font-weight:400}.prototype{font-size:9px;letter-spacing:1.1px;font-weight:500;border:1px solid var(--line);padding:5px 7px;margin-left:12px;border-radius:4px}.local-badge{font-size:12px;display:flex;gap:8px;align-items:center;color:var(--muted)}.local-badge i,.connection-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#92a686}main{max-width:1280px;margin:auto;padding:0 48px}.home{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:83px 0 68px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);margin-bottom:22px}h1{font-size:clamp(48px,6.5vw,86px);font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04;letter-spacing:-3px;margin-bottom:24px}h1 span{font-style:italic;color:var(--accent)}.intro{font-size:16px;line-height:1.75;color:#60655d;max-width:375px}.benefits{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:var(--green);margin-top:30px}.text-button{padding:0;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:29px}.text-button span{margin-left:14px;color:var(--accent);font-size:16px}.role-picker{display:grid;gap:16px}.role-card{text-align:left;background:var(--cream);border:1px solid #d9ddcf;border-radius:14px;padding:26px 28px;position:relative;transition:transform .15s,box-shadow .15s}.camera-choice:hover{transform:translateY(-3px);box-shadow:0 8px 30px #3341260a}.role-icon{position:absolute;right:27px;top:24px;font-size:34px;color:var(--green)}.step-label{font-size:9px;letter-spacing:1.8px;color:#7d8871}.role-card h2{font-size:23px;font-family:Georgia,serif;font-weight:400;letter-spacing:-.4px;margin:17px 0 10px}.role-card p{font-size:13px;color:#646e5c;line-height:1.65;max-width:340px}.card-action{margin-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--green)}.remote-choice{background:transparent;border-color:var(--line)}.remote-choice .role-icon{color:var(--accent)}#join-form{display:flex;border:1px solid #d7d9ce;background:#fffdf9;border-radius:7px;height:45px;overflow:hidden;max-width:300px;margin:18px 0 10px}#join-code{width:100%;border:0;background:transparent;padding:0 14px;letter-spacing:3px;text-transform:uppercase;font-size:16px;min-width:0}#join-form button{width:52px;background:var(--accent);color:white;font-size:24px;flex-shrink:0}.role-card small{font-size:10px;color:var(--muted)}.how-it-works{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:34px 0 43px;gap:40px}.how-it-works span{font-family:Georgia,serif;color:#a6ac9c;font-size:16px}.how-it-works h3{font-size:13px;margin:14px 0 8px}.how-it-works p{color:var(--muted);font-size:12px;line-height:1.6;max-width:245px;margin:0}footer{max-width:1280px;margin:auto;padding:23px 48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#8b8d83}.workspace{padding:40px 0 48px}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.workspace-header .eyebrow{margin-bottom:9px}.workspace-header h1{font-size:42px;letter-spacing:-1.5px;margin:0}.quiet-button{border:1px solid var(--line);background:transparent;padding:10px 14px;border-radius:6px;font-size:11px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.viewfinder{border-radius:16px;overflow:hidden;background:#202a25;position:relative;aspect-ratio:4/3;min-height:270px;color:white;display:flex;align-items:center;justify-content:center}.viewfinder video,.viewfinder>img,.viewfinder>canvas{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.empty-preview{text-align:center;padding:25px 40px;max-width:390px}.viewfinder-icon{font-size:55px;color:#7f9582;display:block;margin-bottom:18px}.empty-preview h2{font:400 25px Georgia,serif;margin-bottom:10px}.empty-preview p{font-size:12px;line-height:1.8;color:#adbbb0}.viewfinder-top,.viewfinder-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:2}.viewfinder-top{top:18px}.viewfinder-bottom{bottom:20px;font-size:10px;color:#d2ded3;text-shadow:0 1px 4px #000}.pill{font-size:10px;padding:7px 11px;border-radius:20px;background:#19221bcc;letter-spacing:.4px}.demo-pill{font-size:8px;background:#834533dd}.aspect-label{font-size:8px;letter-spacing:1.6px;white-space:nowrap}.corner{position:absolute;width:24px;height:24px;border-color:#bbcbb278;border-style:solid;z-index:2}.tl{top:60px;left:20px;border-width:1px 0 0 1px}.tr{top:60px;right:20px;border-width:1px 1px 0 0}.bl{bottom:50px;left:20px;border-width:0 0 1px 1px}.br{bottom:50px;right:20px;border-width:0 1px 1px 0}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 110px Georgia,serif;background:#17211f55;z-index:4;text-shadow:0 2px 12px #0008}.control-panel{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fffdf8}.connection-row{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:24px}.connection-dot{background:#a8a89b}.connection-dot.online{background:#6d9560}.control-panel h2{font:400 24px Georgia,serif;letter-spacing:-.4px;margin-bottom:9px}.muted{font-size:12px;line-height:1.7;color:var(--muted)}.qr-code{width:164px;height:164px;margin:18px auto 12px;background:white;padding:7px}.qr-code canvas,.qr-code img{width:150px!important;height:150px!important}.qr-code-fallback{font-size:10px;text-align:center;color:var(--muted)}.session-code{text-align:center;margin:14px 0 20px}.session-code span{display:block;font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-bottom:8px}.session-code strong{letter-spacing:5px;font-size:23px;font-weight:500}.primary-button,.secondary-button{border-radius:7px;padding:13px 17px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px}.primary-button{background:var(--accent);color:white}.secondary-button{background:transparent;border:1px solid #d9dccf;color:var(--ink)}.full{width:100%;margin-top:8px}.small-link{display:block;text-align:center;font-size:10px;margin-top:13px;text-underline-offset:3px}.divider{height:1px;background:var(--line);margin:20px 0 14px}.footnote{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 0 0}.delay-picker{border:0;padding:0;margin:25px 0 24px;display:flex;gap:7px}.delay-picker legend{font-size:9px;letter-spacing:1.3px;margin-bottom:12px;color:var(--muted)}.delay-picker label{flex:1;text-align:center}.delay-picker input{position:absolute;opacity:0;pointer-events:none}.delay-picker span{display:block;border:1px solid #d9dccf;border-radius:6px;padding:12px 0;font-size:12px;cursor:pointer}.delay-picker input:checked+span{background:var(--cream);border-color:var(--green);color:var(--green);font-weight:bold}.delay-picker input:focus-visible+span{outline:3px solid #dc977f}.shutter-button{width:100%;background:var(--accent);color:white;padding:17px 10px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;font-size:15px}.shutter-ring{width:24px;height:24px;border:2px solid white;border-radius:50%;display:inline-block;position:relative}.shutter-ring:after{content:'';position:absolute;inset:3px;border-radius:50%;background:white}.photo-section{border-top:1px solid var(--line);margin-top:35px;padding-top:26px}.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.photo-heading .eyebrow{margin-bottom:7px}.photo-heading h2{font:400 28px Georgia,serif;margin-bottom:20px}.photo-result{display:flex;align-items:center;gap:28px}.photo-result>img{width:240px;max-height:220px;object-fit:contain;background:#e8ebe0;border-radius:8px}.photo-result>div{max-width:345px;display:flex;flex-direction:column;align-items:start;gap:10px}.photo-result .footnote{margin-top:0}.setup-panel{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#eee5da;border:1px solid #ddd1c0;border-radius:14px;padding:30px;margin-bottom:38px}.setup-panel .eyebrow{margin-bottom:12px}.setup-panel h2{font:400 29px Georgia,serif;line-height:1.2;margin-bottom:13px}.setup-panel p,.setup-panel li{font-size:12px;line-height:1.8;color:#6b645a}.setup-panel ol{margin-top:0;padding-left:18px}.setup-panel li{margin-bottom:7px}.secure-link{display:block;overflow-wrap:anywhere;color:var(--accent);font-size:14px;font-weight:700;line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#253127;color:white;box-shadow:0 6px 22px #0002;padding:14px 20px;border-radius:9px;z-index:10;max-width:calc(100vw - 36px);font-size:12px;line-height:1.6;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.header{padding:0 30px}main{padding:0 30px}.home{gap:35px;padding-top:60px}.workspace-grid{grid-template-columns:minmax(0,1fr) 280px}h1{font-size:65px}.prototype{display:none}}@media(max-width:700px){.header{height:72px;padding:0 22px}.brand{font-size:19px}.brand-mark{font-size:29px}.local-badge{font-size:9px;gap:5px}.local-badge i{width:5px;height:5px}main{padding:0 22px}.home{grid-template-columns:1fr;gap:30px;padding:40px 0 38px}h1{font-size:64px;letter-spacing:-2px}.eyebrow{font-size:9px;margin-bottom:17px}.intro{font-size:14px;max-width:360px;margin-bottom:0}.benefits{gap:14px;margin-top:22px;font-size:10px}.text-button{margin-top:20px}.role-card{padding:24px}.role-card h2{font-size:23px}.role-card p{font-size:12px}.role-picker{gap:13px}.how-it-works{gap:20px;padding:25px 0 30px}.how-it-works h3{font-size:11px;line-height:1.5}.how-it-works p{font-size:10px}.how-it-works span{font-size:13px}footer{padding:22px;gap:15px;align-items:start;font-size:9px;line-height:1.6}footer span:last-child{text-align:right}.workspace{padding:28px 0}.workspace-header h1{font-size:34px}.workspace-grid{grid-template-columns:1fr;gap:16px}.viewfinder{min-height:240px;aspect-ratio:4/3}.control-panel{padding:22px}.control-panel h2{font-size:25px}.qr-code{margin-top:16px}.workspace-header{align-items:start}.quiet-button{font-size:10px;padding:9px 11px;margin-top:9px}.photo-result{flex-direction:column;align-items:start;gap:17px}.photo-result>img{width:100%;max-height:420px}.photo-heading{align-items:start}.photo-heading .muted{font-size:10px}.setup-panel{grid-template-columns:1fr;gap:15px;padding:22px}.setup-panel h2{font-size:26px}.viewfinder-bottom{font-size:9px;left:15px;right:15px}.viewfinder-top{left:15px;right:15px}.pill{font-size:9px}.demo-pill{font-size:7px}.empty-preview h2{font-size:23px}}

#join-code{letter-spacing:0;text-transform:none;font-size:12px}.qr-code{width:214px;height:214px}.qr-code canvas,.qr-code img{width:200px!important;height:200px!important}.approval-card{padding:15px;background:var(--cream);border:1px solid #bac6b1;border-radius:9px;margin:16px 0}.approval-card p{font-size:12px;line-height:1.6;margin-bottom:10px}.approval-card strong{display:block;text-align:center;font-size:26px;letter-spacing:5px;color:var(--green)}.connection-row{min-height:36px}.local-badge{max-width:210px}.photo-result>div{max-width:310px}