:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#142840;background:#f6f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:disabled{opacity:.65;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #00a1b1;outline-offset:3px}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid #e5ebf0;padding:23px max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-size:27px;letter-spacing:-2.5px;font-weight:900;color:#163858;line-height:1;white-space:nowrap}.brand-mark span{color:#09aeb9}.brand-copy{display:flex;flex-direction:column;gap:5px}.brand-company{font-size:11px;font-weight:800;letter-spacing:2.2px}.brand-subtitle{font-size:12px;color:#64788a}.account-button{border:1px solid #dce5ec;border-radius:24px;padding:10px 16px;background:#fff;font-size:12px;font-weight:700;color:#19465d}.account-button:hover{background:#eff8fa}.main-content{width:min(100% - 40px,540px);margin:0 auto;padding:64px 0 42px;flex:1}.intro{text-align:center}.eyebrow{color:#49718a;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow-dot{width:7px;height:7px;background:#11b3b8;border-radius:50%;box-shadow:0 0 0 4px #ddf5f5}.intro h1{font-size:clamp(38px,6vw,53px);line-height:1.12;font-weight:810;letter-spacing:-2.4px;margin:25px 0 18px;color:#102e4d}.intro h1 span{color:#14a7b3}.intro-text{font-size:15px;line-height:1.65;color:#6a7f8e;max-width:395px;margin:0 auto 40px}.capture-card{background:#fff;border:1px solid #e3eaf0;border-radius:18px;box-shadow:0 18px 48px #1d3d4f11;padding:23px 28px 28px}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #edf1f4}.card-label{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#547087}.step-pill{font-size:11px;font-weight:800;letter-spacing:1.3px;border-radius:20px;background:#e9f8f8;color:#07868d;padding:7px 11px}.empty-state,.preview-state,.sending-state,.success-state{text-align:center}.camera-illustration{width:104px;height:104px;background:#eaf8f9;color:#2e9fac;border-radius:26px;margin:34px auto 22px;display:grid;place-items:center}.camera-illustration svg{width:65px}.capture-card h2{font-size:20px;letter-spacing:-.5px;color:#142e49;margin:10px 0}.empty-state p,.sending-state p,.confirmation-note,.success-state p{font-size:13px;line-height:1.65;color:#758694;max-width:320px;margin:9px auto 24px}.capture-actions{display:grid;gap:11px}.primary-button,.secondary-button{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;font-size:13px;font-weight:750;transition:background .15s ease}.primary-button{background:#112f4d;border:1px solid #112f4d;color:#fff}.primary-button:hover{background:#194b70}.secondary-button{background:#fff;color:#254b63;border:1px solid #d9e4ea}.secondary-button:hover{background:#f3f9fb}.primary-button svg{width:20px;height:20px}.notice,.error{border-radius:9px;padding:11px 13px;font-size:12px;line-height:1.55;text-align:left;margin-top:16px}.notice{background:#eaf5f8;color:#276375}.error{background:#fff1ef;color:#a0362d;border:1px solid #ffd4d0}.preview-state{padding-top:20px}.photo-container{height:300px;display:flex;align-items:center;justify-content:center;background:#f4f7f9;border:1px solid #e6edf2;border-radius:12px;overflow:hidden}.photo-container img{max-height:100%;max-width:100%;object-fit:contain}.file-info{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:16px 0;border-bottom:1px solid #e8edf1}.file-info>div{display:flex;flex-direction:column;gap:5px;min-width:0}.file-info strong{font-size:12px;max-width:300px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-info span{font-size:12px;color:#738596}.file-check{color:#099!important;font-size:21px!important;font-weight:700}.confirmation-note{margin:18px auto}.preview-state .secondary-button{margin-top:10px}.sending-state{padding:73px 5px 53px}.loader{width:58px;height:58px;margin:0 auto 25px;border:4px solid #e0f2f3;border-top-color:#119ea8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-state{padding:51px 0 6px}.success-icon{display:grid;place-items:center;margin:0 auto 26px;width:72px;height:72px;background:#e0f8f0;color:#168767;border-radius:50%;font-size:34px;font-weight:700}.success-state p{max-width:400px}.success-state button{margin-top:28px}.file-link{color:#0b7e88;text-decoration:underline;font-size:13px;font-weight:700}.destination{display:flex;align-items:center;gap:14px;margin:22px 5px 0;padding:18px 0}.destination-icon{font-size:21px;color:#3199ad;background:#e4f3f6;border-radius:11px;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}.destination div{display:flex;flex-direction:column;gap:4px;min-width:0}.destination-caption{font-size:9px;letter-spacing:1.3px;color:#7d91a0;font-weight:800}.destination strong{font-size:12px;font-weight:750;color:#3b586b;overflow-wrap:anywhere}.destination-status{margin-left:auto;font-size:10px;color:#64918a;white-space:nowrap}.privacy-note{font-size:11px;line-height:1.65;color:#82939e;text-align:center;margin:17px 10px 0}.demo-banner{border:1px solid #f0d4a0;background:#fff9ec;color:#865d15;border-radius:9px;padding:10px;text-align:center;font-size:11px;margin-top:6px}.footer{border-top:1px solid #e3e9ee;display:flex;justify-content:space-between;gap:12px;padding:22px max(24px,calc((100vw - 1080px)/2));font-size:10px;color:#82939e}@media(max-width:540px){.topbar{padding:17px 20px}.brand-mark{font-size:24px}.brand{gap:12px}.brand-subtitle{font-size:10px;max-width:175px;line-height:1.35}.brand-company{font-size:10px}.account-button{font-size:10px;padding:9px 11px;white-space:nowrap}.main-content{padding-top:47px;width:calc(100% - 32px)}.intro h1{letter-spacing:-1.75px}.intro-text{margin-bottom:28px}.capture-card{padding:18px 18px 22px}.camera-illustration{margin-top:26px}.photo-container{height:270px}.footer{padding:20px;flex-wrap:wrap;line-height:1.5}.destination{margin-top:12px}}@media(prefers-reduced-motion:reduce){.loader{animation:none}.primary-button,.secondary-button{transition:none}}.brand-symbol{width:44px;height:44px;object-fit:contain;flex-shrink:0}.brand-copy{min-width:0}.brand-mark{font-size:25px;letter-spacing:-1.8px}.brand-subtitle{max-width:290px;line-height:1.35}.footer{align-items:center}.footer-logo{width:112px;height:auto;object-fit:contain;flex-shrink:0}@media(max-width:540px){.brand-symbol{width:36px;height:36px}.brand{gap:9px}.brand-mark{font-size:23px;letter-spacing:-1.5px}.brand-subtitle{max-width:175px}.footer-logo{width:96px}}@media(max-width:375px){.topbar{padding-left:12px;padding-right:12px;gap:8px}.brand-subtitle{max-width:135px}.account-button{padding:8px 9px}}.topbar-actions{display:flex;align-items:center;gap:10px}.settings-button{border:1px solid #dce5ec;border-radius:24px;padding:10px 14px;background:#f5fafb;font-size:12px;font-weight:700;color:#19465d;white-space:nowrap}.settings-button:hover{background:#e8f4f6}.settings-button:disabled{opacity:.55;cursor:wait}.settings-panel{margin-bottom:18px;padding:24px;background:#fff;border:1px solid #d5e3e9;border-radius:16px;box-shadow:0 12px 30px #1d3d4f0d}.settings-panel h2{font-size:21px;margin:0 0 8px;color:#102e4d}.settings-panel>p{font-size:13px;line-height:1.5;color:#617788;margin:8px 0 16px}.destination-options{border:0;padding:0;margin:0}.destination-options legend{font-size:11px;font-weight:800;letter-spacing:1px;color:#486578;margin-bottom:10px}.destination-option{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e1e9ed;border-radius:10px;margin-bottom:9px;cursor:pointer}.destination-option:has(input:checked){border-color:#168f99;background:#effafa}.destination-option input{width:19px;height:19px;accent-color:#098d98}.destination-option span{display:flex;flex-direction:column;gap:3px}.destination-option strong{font-size:13px;color:#153b54}.destination-option small{font-size:12px;color:#59758a}.settings-panel .settings-warning{background:#fff8ee;color:#885d1d;border-radius:8px;padding:10px 12px}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.environment-banner{padding:12px 16px;margin-bottom:15px;border-radius:10px;background:#e6f7f8;border:1px solid #b9e5e8;color:#08737e;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.environment-banner strong{font-size:11px;letter-spacing:1px}.environment-banner span{font-size:12px}.environment-banner[data-mode=real]{background:#fff3de;border-color:#f2d5a3;color:#8a5310}.confirmation-note strong{display:inline-block;margin-top:10px;color:#264e63}@media(max-width:650px){.topbar{flex-wrap:wrap}.topbar-actions{width:100%;justify-content:flex-end}.settings-button,.account-button{font-size:11px}}@media(max-width:390px){.settings-actions{grid-template-columns:1fr}.environment-banner{flex-direction:column;align-items:flex-start}}html,body,#app{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.app-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.brand{gap:10px;min-width:0}.brand-company-logo{display:block;width:120px;max-height:40px;height:auto;object-fit:contain;flex:0 1 auto}.brand-separator{height:28px;width:1px;background:#dce5ec;flex:0 0 auto}.brand-mark{flex:0 0 auto;font-size:24px;letter-spacing:-1.5px}.topbar-actions{flex-shrink:0}.main-content{width:min(100% - 32px,540px);min-height:0;display:flex;flex-direction:column;gap:9px;flex:1 1 auto;margin:0 auto;padding:18px 0}.test-indicator{flex:0 0 auto;align-self:center;padding:5px 10px;background:#fff6e8;color:#855619;border:1px solid #efd7b2;border-radius:20px;font-size:11px;line-height:1.3;text-align:center}.capture-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card-topline,.notice,.error{flex:0 0 auto}.empty-state,.preview-state,.sending-state,.success-state{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-state{width:100%;padding:6px 0}.camera-illustration{width:clamp(68px,12dvh,104px);height:clamp(68px,12dvh,104px);margin:0 auto 20px;flex-shrink:0}.camera-illustration svg{width:60%;height:60%}.capture-actions{width:100%;max-width:360px}.preview-state{width:100%;justify-content:flex-start;padding-top:8px}.photo-container{width:100%;height:auto;flex:1 1 auto;min-height:0}.file-info{width:100%;flex:0 0 auto}.confirmation-note{flex:0 0 auto}.preview-state .primary-button,.preview-state .secondary-button{flex:0 0 48px}.sending-state,.success-state{padding:0}.footer{display:none!important}.settings-panel{position:fixed;inset:0;z-index:30;width:100%;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;margin:0;padding:24px max(18px,calc((100vw - 500px)/2));border:0;border-radius:0;box-shadow:none;background:#fff}@media(max-width:700px){.topbar{flex:0 0 auto;min-height:0;padding:calc(8px + env(safe-area-inset-top,0px)) 11px 8px;gap:7px;flex-wrap:nowrap;align-items:center}.brand{flex:1 1 auto;gap:7px;min-width:0;overflow:hidden}.brand-company-logo{width:clamp(80px,25vw,115px);max-height:34px}.brand-separator{height:22px}.brand-mark{font-size:clamp(17px,5vw,23px);letter-spacing:-1px}.topbar-actions{width:auto;gap:5px;min-width:0;justify-content:flex-end}.settings-button{height:34px;min-width:34px;padding:4px 7px;border-radius:10px;font-size:18px;line-height:1}.settings-button-label{display:none}.account-button{height:34px;min-width:0;padding:4px 8px;border-radius:10px;font-size:11px;white-space:nowrap}.main-content{width:100%;max-width:none;gap:7px;margin:0;padding:8px 10px calc(9px + env(safe-area-inset-bottom,0px))}.test-indicator{font-size:10px;padding:5px 9px;max-width:calc(100% - 12px)}.capture-card{padding:12px 14px;border-radius:14px;box-shadow:0 6px 22px #1d3d4f0d}.card-topline{padding-bottom:8px}.card-label{font-size:10px}.step-pill{padding:4px 9px;font-size:10px}.notice,.error{margin-top:7px;padding:7px 9px;font-size:11px;line-height:1.3}.camera-illustration{width:clamp(58px,13dvh,86px);height:clamp(58px,13dvh,86px);margin-bottom:15px;border-radius:18px}.capture-actions{max-width:360px;gap:9px}.primary-button,.secondary-button{min-height:44px;height:44px;font-size:13px;border-radius:9px}.preview-state{padding-top:7px}.photo-container{border-radius:9px}.file-info{padding:7px 0}.file-info strong,.file-info span{font-size:11px}.confirmation-note{font-size:11px;line-height:1.3;margin:6px auto 8px}.confirmation-note strong{margin-top:4px}.preview-state .primary-button,.preview-state .secondary-button{flex-basis:44px}.preview-state .secondary-button{margin-top:7px}.sending-state,.success-state{padding:0}.success-icon{width:54px;height:54px;margin-bottom:12px;font-size:28px}.success-state button{margin-top:15px}.settings-panel{padding:calc(15px + env(safe-area-inset-top,0px)) 18px calc(15px + env(safe-area-inset-bottom,0px))}.settings-panel h2{font-size:20px;margin:0 0 7px}.settings-panel>p{font-size:12px;line-height:1.3;margin:7px 0 11px}.destination-options legend{margin-bottom:7px}.destination-option{padding:10px 12px;margin-bottom:7px}.settings-panel .settings-warning{padding:8px;font-size:11px}.settings-actions{grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:360px){.topbar{padding-left:7px;padding-right:7px;gap:4px}.brand{gap:5px}.brand-company-logo{width:78px}.brand-mark{font-size:17px}.account-button{padding:4px 6px;font-size:10px}}@media(max-height:620px){.main-content{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px));gap:5px}.capture-card{padding:8px 12px}.camera-illustration{width:56px;height:56px;margin-bottom:7px}.capture-actions{gap:6px}.primary-button,.secondary-button{min-height:40px;height:40px}.preview-state .primary-button,.preview-state .secondary-button{flex-basis:40px}.confirmation-note{margin:3px auto}.file-info{padding:4px 0}.settings-panel{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}}@media(max-height:480px){.camera-illustration,.settings-panel .settings-warning{display:none}.settings-panel>p{margin:4px 0}}