*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;color:#10243a;background:#f4f7fb;--navy-950: #041120;--navy-900: #07182e;--navy-800: #0c2747;--blue-600: #0877d1;--blue-500: #1594f0;--teal-600: #087e78;--teal-100: #dff7f3;--red-700: #a51624;--red-600: #cc2434;--red-100: #ffe3e7;--amber-600: #a76500;--amber-100: #fff1cc;--surface: #fff;--surface-soft: #eef3f8;--line: #dbe4ee;--muted: #60758a;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--shadow: 0 16px 42px rgb(7 24 46 / 10%);color-scheme:light}*{box-sizing:border-box}html{min-width:320px;background:var(--navy-900)}body{margin:0;min-width:320px;background:#f4f7fb}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,p{margin-top:0}h1{font-size:clamp(1.7rem,6vw,2.6rem);line-height:1.25}h2{font-size:1.22rem}small{display:block}:focus-visible{outline:3px solid #54b8ff;outline-offset:3px}.brand{display:block;width:128px;height:42px;-o-object-fit:contain;object-fit:contain}.app-shell{width:min(100%,860px);min-height:100vh;margin:auto;padding:18px 18px 102px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-bottom:20px}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-button,.small-button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--navy-800);padding:8px 14px;font-weight:750}.demo-badge{display:inline-flex;align-items:center;min-height:30px;border:1px solid #f1c36e;border-radius:999px;background:var(--amber-100);color:#785000;padding:4px 9px;font-size:.7rem;font-weight:850;direction:rtl}.page-title{margin-bottom:18px}.page-title h1{margin:0}.bottom-nav{position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,860px);min-height:70px;margin:auto;border-top:1px solid var(--line);background:#fffffff0;box-shadow:0 -8px 30px #07182e14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a{display:grid;place-items:center;min-height:56px;color:var(--muted);font-size:.78rem;font-weight:800}.bottom-nav a:hover{color:var(--blue-600)}.splash{display:grid;place-items:center;align-content:center;gap:24px;min-height:100vh;background:radial-gradient(circle at 70% 20%,#174c7e 0,transparent 35%),var(--navy-900);color:#c9d9e9;text-align:center}.splash .brand{width:220px;height:auto}.loader{width:36px;height:36px;border:3px solid #ffffff38;border-top-color:var(--blue-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;background:#fff}.login-visual{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(34px,7vw,90px);background:linear-gradient(145deg,#041120f0,#084375e8),radial-gradient(circle,#1594f0,#07182e);color:#fff}.login-visual .brand{width:180px;height:auto}.login-visual h1{max-width:650px;font-size:clamp(2.4rem,6vw,5.2rem)}.login-visual p{max-width:570px;color:#c6d7e8}.kicker{margin-bottom:8px;color:#70c5ff;font-size:.78rem;font-weight:900;letter-spacing:.04em}.login-panel{display:flex;flex-direction:column;justify-content:center;width:min(100%,470px);margin:auto;padding:42px}.login-panel>.brand{margin-bottom:44px}.login-panel h2{margin-bottom:6px;font-size:2rem}.muted{color:var(--muted)}form,.stack{display:flex;flex-direction:column;gap:16px}form{margin-top:24px}label{display:flex;flex-direction:column;gap:7px;color:#314a62;font-size:.88rem;font-weight:800}input,textarea{width:100%;min-height:52px;border:1px solid #cbd8e5;border-radius:var(--radius-sm);background:#fff;color:var(--navy-900);padding:13px 15px}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus{border-color:var(--blue-500);outline:3px solid rgb(21 148 240 / 18%)}.primary,.secondary,.action,.critical-button{display:grid;place-items:center;width:100%;min-height:52px;border:0;border-radius:var(--radius-sm);padding:12px 18px;font-weight:900;text-align:center}.primary{background:var(--blue-600);color:#fff}.primary:hover{background:#0666b5}.secondary{border:1px solid var(--line);background:var(--surface-soft);color:var(--navy-800)}.critical-button{background:var(--red-600);color:#fff}button:disabled{cursor:not-allowed;opacity:.5}.privacy-note{margin:18px 0 0;color:var(--muted);font-size:.74rem;text-align:center}.home-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;overflow:hidden;min-height:230px;margin-bottom:18px;border-radius:var(--radius-lg);padding:clamp(24px,6vw,52px);background:radial-gradient(circle at 10% 15%,#1d6eaa 0,transparent 35%),linear-gradient(135deg,#07182e,#0c3157);color:#fff;box-shadow:var(--shadow)}.home-hero h1{margin-bottom:10px;font-size:clamp(2rem,7vw,3.6rem)}.home-hero p{max-width:580px;margin-bottom:0;color:#c8d8e8}.hero-status{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid #ffffff2a;border-radius:999px;background:#ffffff12;padding:8px 12px;color:#dbeafa;font-size:.74rem;font-weight:800}.dot{width:8px;height:8px;border-radius:50%}.good-bg{background:#31d1b1;box-shadow:0 0 0 5px #31d1b122}.danger-bg{background:#ff6574}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:154px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:24px;box-shadow:0 8px 25px #07182e0f;transition:transform .18s ease,box-shadow .18s ease}.mode-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.mode-card h2{margin-bottom:7px}.mode-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.7}.mode-code{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e7f4ff;color:var(--blue-600);font-weight:900}.mode-card.teal .mode-code{background:var(--teal-100);color:var(--teal-600)}.mode-arrow{color:var(--blue-600);font-size:1.6rem}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.quick-card{display:grid;grid-template-columns:auto 1fr;gap:1px 12px;align-items:center;min-height:90px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:16px}.quick-card>span{grid-row:1 / 3;color:var(--blue-600);font-size:1.5rem}.quick-card small{color:var(--muted);font-size:.7rem}.card,.list-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:clamp(18px,5vw,30px);box-shadow:0 8px 30px #07182e0f}.alert{border-radius:var(--radius-sm);padding:12px 15px;font-size:.85rem;font-weight:750}.alert.warning{border:1px solid #efd08a;background:var(--amber-100);color:#6d4a00}.alert.error{border:1px solid #f3afb7;background:var(--red-100);color:var(--red-700)}.alert.success{border:1px solid #a8ded5;background:var(--teal-100);color:#075e59}.permission-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--radius-md);padding:16px}.step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy-900);color:#fff;font-weight:900}.permission-row small{margin:4px 0;color:var(--muted);line-height:1.5}.state-label{color:var(--blue-600);font-size:.72rem;font-weight:900}.scanner-page{min-height:100vh;background:var(--navy-950);color:#fff}.scanner-top{position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:12px 18px;background:linear-gradient(#041120dc,transparent)}.scanner-top>div{text-align:center}.scanner-top small{color:#96b1c9;font-size:.7rem}.scanner-top .demo-badge{justify-self:end}.scanner-exit{justify-self:start;display:flex;align-items:center;gap:6px;min-height:44px;color:#fff;font-size:1.5rem;font-weight:800}.scanner-exit span{font-size:.78rem}.camera-stage{position:relative;overflow:hidden;min-height:min(66vh,720px);background:#07121e}.camera-stage video{display:block;width:100%;height:min(66vh,720px);-o-object-fit:cover;object-fit:cover}.gallery-preview{position:absolute;z-index:1;inset:0;width:100%;height:100%;background:#020912;-o-object-fit:contain;object-fit:contain}.camera-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 55%,#041120bb)}.detection-layer{position:absolute;z-index:2;inset:27% 9% 24%;border:1px solid #70c5ff44;border-radius:22px;box-shadow:0 0 0 999px #020a123d}.corner{position:absolute;width:46px;height:46px;border-color:#63c2ff;border-style:solid}.top-right{top:-2px;right:-2px;border-width:4px 4px 0 0;border-radius:0 18px 0 0}.top-left{top:-2px;left:-2px;border-width:4px 0 0 4px;border-radius:18px 0 0}.bottom-right{bottom:-2px;right:-2px;border-width:0 4px 4px 0;border-radius:0 0 18px}.bottom-left{bottom:-2px;left:-2px;border-width:0 0 4px 4px;border-radius:0 0 0 18px}.camera-chips{position:absolute;z-index:4;top:82px;right:12px;left:12px;display:flex;justify-content:center;gap:6px}.camera-chips span{border:1px solid #ffffff2c;border-radius:999px;background:#051422c7;padding:5px 8px;color:#c4d5e6;font-size:.62rem;font-weight:800}.camera-chips .ok{color:#5de5ca}.camera-chips .bad{color:#ff8390}.stable-plate{position:absolute;z-index:5;top:51%;left:50%;display:flex;align-items:center;gap:12px;transform:translate(-50%,-50%);border:2px solid #63c2ff;border-radius:10px;background:#061728e8;padding:9px 14px}.stable-plate span{color:#fff;font-size:1.3rem;font-weight:900;letter-spacing:.12em}.stable-plate small{color:#6bdcc5;white-space:nowrap}.guidance{position:absolute;z-index:5;right:18px;bottom:20px;left:18px;text-align:center}.guidance strong{display:block;font-size:1.05rem}.guidance small{color:#99b1c8}.scanner-controls{padding:15px 18px 26px;background:var(--navy-950)}.scan-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.scan-stats span{color:#8ea7be;font-size:.7rem;text-align:center}.scan-stats strong{margin-inline-start:3px;color:#fff;font-size:.9rem}.control-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.round-button{min-height:48px;border:1px solid #ffffff25;border-radius:999px;background:#10263b;color:#fff;font-size:.72rem;font-weight:800}.capture-button{display:grid;place-items:center;width:76px;height:76px;border:3px solid #fff;border-radius:50%;background:transparent}.capture-button span{width:58px;height:58px;border-radius:50%;background:var(--blue-500)}.gallery-actions{display:flex;gap:8px;margin-top:14px}.gallery-button{flex:1;min-height:48px;border:1px solid #ffffff25;border-radius:var(--radius-sm);background:#10263b;color:#fff;padding:10px 14px;font-weight:800}.auto-capture-button{width:100%;margin-bottom:14px}.auto-capture-button.active{border-color:var(--teal-400);background:#0b413f;color:#8ff0e9}.zoom-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:4px 0 12px;color:#9db2c6}.zoom-control input{min-height:30px;padding:0}.manual-link,.text-button{display:block;min-height:44px;border:0;background:transparent;color:#69c2ff;padding:11px;text-align:center;text-decoration:underline;text-underline-offset:4px}.section-tag,.pill{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;background:#e6f3ff;color:var(--blue-600);padding:5px 10px;font-size:.72rem;font-weight:900}.plate-input{height:74px;font-size:1.55rem;font-weight:900;letter-spacing:.12em;text-align:center}.result-page{min-height:100vh;background:#f6f8fb}.result-header{display:grid;place-items:center;min-height:48vh;padding:32px 20px;background:linear-gradient(150deg,#0b6f69,#064b52);color:#fff;text-align:center}.result-page.critical .result-header{background:linear-gradient(150deg,#a51624,#64101a)}.result-page.warning .result-header{background:linear-gradient(150deg,#a76500,#6d4600)}.result-header .brand{justify-self:start;width:120px}.result-symbol{display:grid;place-items:center;width:68px;height:68px;margin-top:18px;border:2px solid #ffffffaa;border-radius:50%;background:#ffffff18;font-size:2rem;font-weight:900}.result-header h1{margin-bottom:14px}.result-header p{color:#ffffffc7}.result-plate{min-width:220px;border:3px solid #fff;border-radius:12px;background:#fff;color:#08192b;padding:11px 20px;font-size:1.6rem;font-weight:950;letter-spacing:.15em}.result-details{display:flex;flex-direction:column;gap:11px;width:min(calc(100% - 28px),640px);margin:-28px auto 0;border-radius:var(--radius-md);background:#fff;padding:22px;box-shadow:var(--shadow)}.detail-row{display:grid;grid-template-columns:minmax(110px,.8fr) 1.2fr;gap:12px;min-height:45px;border-bottom:1px solid #edf1f5;padding:9px 0}.detail-row span{color:var(--muted);font-size:.8rem}.detail-row strong{overflow-wrap:anywhere;font-size:.84rem;text-align:end}.history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;border-bottom:1px solid var(--line);padding:12px 0}.history-row:last-child{border:0}.history-plate{display:block;margin-bottom:3px;font-size:1.15rem;letter-spacing:.08em}.history-row small{color:var(--muted)}.pill.danger{background:var(--red-100);color:var(--red-700)}.empty-state{padding:36px;color:var(--muted);text-align:center}.steps{margin:0;padding-inline-start:24px}.steps li{margin-bottom:14px;line-height:1.7}.diagnostics .detail-row{direction:ltr}.landing-page{min-height:100vh;overflow:hidden;background:#f5f8fc;color:var(--navy-900)}.landing-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.landing-skip{position:fixed;z-index:100;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-160%);border-radius:10px;background:#fff;padding:10px 14px;color:var(--navy-900)}.landing-skip:focus{transform:translateY(0)}.landing-hero{position:relative;overflow:hidden;min-height:780px;color:#fff;background:radial-gradient(circle at 12% 78%,rgb(21 148 240 / 18%),transparent 30%),radial-gradient(circle at 85% 15%,rgb(8 126 120 / 18%),transparent 25%),linear-gradient(145deg,#041120,#07182e 48%,#092645)}.landing-hero:after{position:absolute;inset:0;pointer-events:none;content:"";opacity:.17;background-image:linear-gradient(rgb(255 255 255 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 5%) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%)}.landing-nav{position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:88px;border-bottom:1px solid rgb(255 255 255 / 12%)}.landing-nav .brand{width:145px}.landing-nav-links{display:flex;justify-content:center;gap:30px}.landing-nav-links a{color:#bfd0e0;font-size:.84rem;font-weight:750}.landing-nav-links a:hover{color:#fff}.landing-login{display:grid;place-items:center;min-height:46px;border:1px solid rgb(255 255 255 / 25%);border-radius:12px;padding:9px 18px;background:#ffffff12;color:#fff;font-weight:850}.landing-login:hover{border-color:#63c2ff;background:#1594f024}.landing-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.98fr);align-items:center;gap:clamp(42px,7vw,92px);min-height:690px;padding-block:64px 84px}.landing-kicker,.landing-eyebrow{margin-bottom:18px;color:#64c6ff;font-size:.77rem;font-weight:900;letter-spacing:.05em}.landing-kicker{display:flex;align-items:center;gap:10px}.landing-live-dot,.landing-status-dot{width:9px;height:9px;border-radius:50%;background:#31d1b1;box-shadow:0 0 0 5px #31d1b121}.landing-hero h1{max-width:680px;margin-bottom:24px;font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.12;letter-spacing:-.035em}.landing-hero h1 span{color:#65c5ff}.landing-lead{max-width:630px;margin-bottom:30px;color:#bfd0e0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.9}.landing-actions{display:flex;flex-wrap:wrap;gap:12px}.landing-primary-cta,.landing-ghost-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;border-radius:14px;padding:13px 24px;font-weight:900}.landing-primary-cta{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;box-shadow:0 16px 30px #0877d14d}.landing-primary-cta:hover{transform:translateY(-2px);box-shadow:0 20px 36px #0877d161}.landing-ghost-cta{border:1px solid rgb(255 255 255 / 22%);color:#dce9f3}.landing-proof{display:flex;gap:0;margin-top:42px;border-top:1px solid rgb(255 255 255 / 13%);padding-top:22px}.landing-proof span{min-width:120px;border-inline-end:1px solid rgb(255 255 255 / 12%);padding-inline:18px}.landing-proof span:first-child{padding-inline-start:0}.landing-proof strong{display:block;color:#fff;font-size:.88rem}.landing-proof small{margin-top:3px;color:#819cb4;font-size:.67rem}.landing-mock-note{max-width:590px;margin:22px 0 0;color:#e2b85f;font-size:.72rem;line-height:1.6}.landing-hero-media{position:relative;align-self:stretch;min-height:570px;border:1px solid rgb(255 255 255 / 15%);border-radius:34px;background:#0c2747;box-shadow:0 38px 100px #00000059}.landing-hero-media>img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover;-o-object-position:54% center;object-position:54% center}.landing-hero-media:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,rgb(4 17 32 / 68%),transparent 48%);content:""}.landing-scan-frame{position:absolute;z-index:2;inset:43% 19% 25%}.landing-scan-frame i,.landing-phone-scan i{position:absolute;width:34px;height:34px;border-color:#37b7ff;border-style:solid;filter:drop-shadow(0 0 8px rgb(55 183 255 / 75%))}.landing-scan-frame i:nth-child(1),.landing-phone-scan i:nth-child(1){inset:0 auto auto 0;border-width:3px 0 0 3px}.landing-scan-frame i:nth-child(2),.landing-phone-scan i:nth-child(2){inset:0 0 auto auto;border-width:3px 3px 0 0}.landing-scan-frame i:nth-child(3),.landing-phone-scan i:nth-child(3){inset:auto auto 0 0;border-width:0 0 3px 3px}.landing-scan-frame i:nth-child(4),.landing-phone-scan i:nth-child(4){inset:auto 0 0 auto;border-width:0 3px 3px 0}.landing-float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;min-width:210px;border:1px solid rgb(255 255 255 / 18%);border-radius:16px;background:#041120d1;padding:13px 15px;box-shadow:0 18px 44px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-float-card strong{display:block;font-size:.78rem}.landing-float-card small{margin-top:3px;color:#91a9bd;font-size:.64rem}.landing-float-top{inset-block-start:28px;inset-inline-start:-24px}.landing-float-bottom{inset-block-end:26px;inset-inline-end:-24px}.landing-pin{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1594f02e;color:#63c2ff}.landing-trust{border-bottom:1px solid var(--line);background:#fff}.landing-trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.landing-trust p{margin:0;border-inline-end:1px solid var(--line);padding:26px 28px}.landing-trust p:last-child{border:0}.landing-trust strong{display:block;margin-bottom:4px;color:var(--navy-800);font-size:.86rem}.landing-trust span{color:var(--muted);font-size:.7rem}.landing-section{padding-block:clamp(82px,10vw,130px)}.landing-section-head{max-width:690px;margin-bottom:52px}.landing-section-head h2,.landing-privacy h2,.landing-final-cta h2{margin-bottom:18px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.25;letter-spacing:-.025em}.landing-section-head>p:last-child{color:var(--muted);line-height:1.85}.landing-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-capability-card{min-height:245px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:28px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.landing-capability-card:hover{transform:translateY(-5px);border-color:#a9d7f8;box-shadow:0 22px 50px #07182e1a}.landing-capability-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:30px;border-radius:13px;background:#e5f4ff;color:var(--blue-600);font-size:1.3rem;font-weight:900}.landing-capability-card:nth-child(2n) .landing-capability-icon{background:var(--teal-100);color:var(--teal-600)}.landing-capability-card h3{margin:0 0 12px;font-size:1.05rem}.landing-capability-card p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.8}.landing-use-section{background:var(--navy-900);color:#fff}.landing-section-head-light>p:last-child{color:#9bb0c4}.landing-use-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:18px}.landing-use-card{position:relative;overflow:hidden;min-height:560px;border-radius:28px;background:#0c2747}.landing-use-card>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.landing-use-card:hover>img{transform:scale(1.025)}.landing-use-mobile>img{-o-object-position:center 46%;object-position:center 46%}.landing-use-card:after{position:absolute;inset:0;background:linear-gradient(transparent 35%,#041120f0);content:""}.landing-use-card>div{position:absolute;z-index:2;inset:auto 0 0;padding:34px}.landing-use-card span{color:#63c2ff;font-size:.7rem;font-weight:900}.landing-use-card h3{max-width:540px;margin:10px 0;font-size:clamp(1.35rem,2.5vw,2.05rem)}.landing-use-card p{max-width:560px;margin:0;color:#b5c8d9;font-size:.82rem;line-height:1.8}.landing-workflow{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,110px);align-items:start}.landing-workflow-list{margin:0;padding:0;list-style:none}.landing-workflow-list li{display:grid;grid-template-columns:54px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:22px 0}.landing-workflow-list li>span{color:var(--blue-600);font-size:.76rem;font-weight:900}.landing-workflow-list h3{margin:0 0 7px;font-size:1.05rem}.landing-workflow-list p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.7}.landing-privacy{padding-block:clamp(80px,10vw,130px);background:#071b31;color:#fff}.landing-privacy-grid{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:center}.landing-privacy-grid>div:first-child>p:not(.landing-eyebrow){max-width:680px;color:#a9becf;line-height:1.9}.landing-privacy ul{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none}.landing-privacy li{border:1px solid rgb(255 255 255 / 15%);border-radius:999px;padding:8px 13px;color:#c7d6e2;font-size:.72rem}.landing-privacy-visual{display:grid;place-items:center}.landing-phone-outline{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:250px;height:440px;border:2px solid #3271a6;border-radius:42px;padding:36px 24px;background:linear-gradient(160deg,#0a2948,#041120);box-shadow:0 35px 80px #00000059,inset 0 0 0 8px #06192c}.landing-phone-camera{position:absolute;inset-block-start:16px;width:54px;height:8px;border-radius:999px;background:#020b14}.landing-phone-scan{position:absolute;inset:105px 32px 135px}.landing-phone-outline strong{margin-bottom:4px;color:#d9edfb;font-size:.84rem}.landing-phone-outline small{color:#4caee9;font-size:.6rem;letter-spacing:.15em}.landing-final-cta{padding-block:100px;background:#eaf4fb;text-align:center}.landing-final-cta .landing-eyebrow{margin-bottom:12px}.landing-final-cta h2{margin-inline:auto}.landing-final-cta .landing-primary-cta{margin-top:18px}.landing-footer{background:var(--navy-950);color:#8fa6ba}.landing-footer .landing-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;min-height:130px}.landing-footer .brand{width:120px}.landing-footer p{margin:0;font-size:.7rem}.landing-footer a{color:#c3d4e1;font-size:.7rem;font-weight:800}.install-dialog{width:min(92vw,430px);border:0;border-radius:var(--radius-lg);padding:0;background:transparent;color:var(--navy-900);box-shadow:0 30px 90px #04112059}.install-dialog::backdrop{background:#041120b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.install-dialog-card{position:relative;border:1px solid rgb(255 255 255 / 70%);border-radius:var(--radius-lg);background:#fff;padding:30px;text-align:center}.install-dialog-icon{width:76px;height:76px;margin:0 auto 16px;border-radius:20px;box-shadow:0 12px 26px #0877d138}.install-dialog-close{position:absolute;inset-block-start:14px;inset-inline-end:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface-soft);color:var(--navy-800);font-size:1.4rem}.install-dialog-copy{color:var(--muted);line-height:1.8}.install-dialog-steps{margin-top:18px;text-align:start;font-size:.82rem}.install-dialog-actions{display:grid;gap:10px;margin-top:22px}@media(max-width:960px){.landing-nav-links{display:none}.landing-nav{grid-template-columns:1fr auto}.landing-hero-grid{grid-template-columns:1fr;padding-top:52px}.landing-hero-copy{max-width:760px}.landing-hero-media{min-height:520px}.landing-float-top{inset-inline-start:20px}.landing-float-bottom{inset-inline-end:20px}.landing-capability-grid{grid-template-columns:repeat(2,1fr)}.landing-use-grid{grid-template-columns:1fr}.landing-use-card{min-height:520px}.landing-workflow,.landing-privacy-grid{grid-template-columns:1fr}.landing-privacy-visual{display:none}}@media(max-width:720px){.login-page{display:block;background:#fff}.login-visual{min-height:300px;padding:26px 24px}.login-visual h1{margin-bottom:10px;font-size:2rem}.login-visual .brand{width:130px}.login-panel{padding:30px 22px 44px}.login-panel>.brand{display:none}.home-hero{display:block;min-height:255px}.hero-status{width:-moz-fit-content;width:fit-content;margin-top:20px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:132px;padding:19px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:72px}.landing-container{width:min(100% - 28px,1180px)}.landing-nav{min-height:76px}.landing-nav .brand{width:116px}.landing-login{min-height:42px;padding-inline:13px;font-size:.75rem}.landing-hero-grid{gap:42px;min-height:auto;padding-block:46px 64px}.landing-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.landing-proof{display:grid;grid-template-columns:repeat(3,1fr)}.landing-proof span{min-width:0;padding-inline:10px}.landing-hero-media{min-height:430px;border-radius:24px}.landing-float-card{min-width:180px;padding:10px 12px}.landing-float-top{inset-block-start:16px;inset-inline-start:12px}.landing-float-bottom{inset-block-end:14px;inset-inline-end:12px}.landing-trust-grid{grid-template-columns:1fr}.landing-trust p{border-inline-end:0;border-bottom:1px solid var(--line);padding-inline:0}.landing-capability-grid{grid-template-columns:1fr}.landing-capability-card{min-height:auto}.landing-use-card{min-height:450px}.landing-use-card>div{padding:24px}.landing-footer .landing-container{grid-template-columns:1fr;gap:12px;padding-block:32px}}@media(max-width:430px){.app-shell{padding:12px 12px 92px}.topbar{margin-bottom:12px}.brand{width:108px}.demo-badge{max-width:92px;text-align:center}.permission-row{grid-template-columns:auto 1fr}.permission-row .small-button{grid-column:2}.camera-stage,.camera-stage video{height:61vh;min-height:480px}.scanner-top{grid-template-columns:auto 1fr auto;padding-inline:12px}.scanner-top .demo-badge{max-width:74px;font-size:.58rem}.detection-layer{inset:30% 8% 26%}.install-dialog{width:calc(100% - 24px);margin:auto 12px 12px}.install-dialog-card{padding:26px 20px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}