:root{--hd-bg:#fff;--hd-panel:#00000008;--hd-card:#fff;--hd-text:#000;--hd-muted:#0000008c;--hd-accent:#349b42;--hd-accentHover:#2d8639;--hd-accentText:#fff;--hd-track:#eeece4;--hd-bar:#304d26;--hd-chipBg:#0000000a;--hd-chipBorder:#0000001a}*{font-family:var(--font-lexend),Lexend,sans-serif}.hd-bg{background:var(--hd-bg)}.hd-text{color:var(--hd-text)}.hd-muted{color:var(--hd-muted)}.hd-card{background:var(--hd-card);border:1px solid #00000014;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.hd-panel{background:var(--hd-panel)}.hd-chip{border:1px solid var(--hd-chipBorder);background:var(--hd-chipBg);color:#000c;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;display:inline-flex}.hd-chip:hover{background:#0000000f}.hd-track{background:var(--hd-track)}.hd-bar{background:var(--hd-bar)}.hd-buttonSecondary{text-align:left;color:#000c;background:#00000008;border:1px solid #0000001f;border-radius:10px;width:100%;padding:13px 16px;font-size:14px}.hd-buttonSecondary:hover{background:#0000000f}.hd-buttonPrimary{background:var(--hd-accent);width:100%;color:var(--hd-accentText);letter-spacing:.01em;border-radius:10px;padding:13px 16px;font-size:15px;font-weight:700}.hd-buttonPrimary:hover{background:var(--hd-accentHover)}.hd-buttonDisabled{color:#00000059;background:#00000014;border-radius:10px;width:100%;padding:13px 16px;font-weight:700}.hd-cta{background:var(--hd-accent);color:var(--hd-accentText);letter-spacing:.01em;border-radius:10px;font-size:15px;font-weight:700}.hd-cta:hover{background:var(--hd-accentHover)}.hd-accordion{background:var(--hd-card);border:1px solid #00000014;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.hd-accordion-trigger{text-align:left;cursor:pointer;width:100%;color:var(--hd-text);background:0 0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.hd-accordion-trigger:hover{background:#00000005}.hd-accordion-chevron{color:#0006;flex-shrink:0;transition:transform .2s}.hd-accordion-chevron.open{transform:rotate(180deg)}.hd-accordion-body{border-top:1px solid #0000000f;padding:4px 20px 24px}.hd-how-header{border-bottom:1px solid #00000014;margin-bottom:4px;padding:20px 0 8px}.hd-how-title{color:#304d26;margin-bottom:8px;font-size:1.5rem;font-weight:700}.hd-how-subtitle{color:#555;font-size:.95rem;line-height:1.5}.hd-how-step{border-bottom:1px solid #0000000f;grid-template-columns:44px 1fr;align-items:start;gap:16px;padding:24px 0;display:grid}.hd-how-num{color:#f9f5e6;background:#304d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:.95rem;font-weight:600;display:flex}.hd-how-h2{color:#2a2a22;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.3}.hd-how-p{color:#5a5a4e;margin:0 0 12px;font-size:.9rem;line-height:1.7}.hd-how-tip{color:#304d26;background:#eaf3de;border-left:3px solid #304d26;border-radius:0 8px 8px 0;margin-top:4px;margin-bottom:0;padding:10px 14px;font-size:.85rem;line-height:1.6}.hd-how-img{border:1px solid #e4e1c6;border-radius:10px;width:100%;height:auto;margin-top:12px;display:block}.hd-how-comparison{flex-direction:column;gap:12px;margin-top:12px;display:flex}.hd-how-comparison-item{border:1px solid #e4e1c6;border-radius:10px;overflow:hidden}.hd-how-caption{letter-spacing:.04em;text-transform:uppercase;padding:8px 14px;font-size:.78rem;font-weight:600}.hd-how-caption.good{color:#304d26;background:#eaf3de}.hd-how-caption.bad{color:#7a2020;background:#fceaea}.viewfinder-container{aspect-ratio:1;touch-action:none;background:#000;border-radius:24px;width:100%;max-width:440px;margin:0 auto;position:relative;overflow:hidden}@media (min-width:768px){.viewfinder-container{max-width:none}}.viewfinder-video,.viewfinder-preview{object-fit:cover;width:100%;height:100%}.iris-guide{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.iris-guide-circle{border:2px solid #ffffff80;border-radius:50%;width:65%;height:65%;box-shadow:0 0 0 9999px #00000059,inset 0 0 30px #0000001a}.iris-guide-inner{border:1px dashed #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.iris-guide-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px}.torch-btn{color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:10;background:#0000006b;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,border-color .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.torch-btn:hover{background:#0009}.torch-btn.active{color:#ffe650;background:#ffd72847;border-color:#ffd728b3}.zoom-indicator{color:#ffffffeb;letter-spacing:.04em;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0000007a;border:1px solid #ffffff2e;border-radius:20px;padding:3px 11px;font-size:13px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.capture-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#fff3;border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .15s,background .15s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.capture-btn:hover{background:#ffffff59;transform:translate(-50%)scale(1.05)}.capture-btn:active{transform:translate(-50%)scale(.95)}.capture-btn-inner{background:#fff;border-radius:50%;width:48px;height:48px}.scan-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-ring{position:absolute;inset:0}.scan-ring-glow{filter:blur(14px);background:radial-gradient(circle,#4ade802e,#4ade800f 55%,#0000 80%);animation:1.05s ease-in-out infinite hudBreath;position:absolute;inset:0}@keyframes hudBreath{0%,to{opacity:.55;transform:scale(.99)}50%{opacity:1;transform:scale(1.045)}}.scan-canvas-mask{position:absolute;inset:0;overflow:hidden}.scan-canvas-mask canvas{filter:drop-shadow(0 0 8px #4ade8059)drop-shadow(0 0 20px #4ade802e);width:100%;height:100%;position:absolute;inset:0}.scan-video{object-fit:cover;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.scan-corner{filter:drop-shadow(0 0 4px #4ade80b3);border-style:solid;border-color:#4ade80f2;width:22px;height:22px;position:absolute}.scan-corner-tl{border-width:2px 0 0 2px;top:14px;left:14px}.scan-corner-tr{border-width:2px 2px 0 0;top:14px;right:14px}.scan-corner-bl{border-width:0 0 2px 2px;bottom:14px;left:14px}.scan-corner-br{border-width:0 2px 2px 0;bottom:14px;right:14px}.scan-label{color:#ffffffeb;letter-spacing:.14em;text-transform:uppercase;background:#00000075;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:inline-flex;position:absolute;top:16px;left:16px}.scan-label .dot{opacity:.25;animation:.8s infinite dotBlink}.scan-label .dot1{animation-delay:0s}.scan-label .dot2{animation-delay:.17s}.scan-label .dot3{animation-delay:.34s}@keyframes dotBlink{0%,to{opacity:.2}50%{opacity:1}}