:root{font-family:SF Pro Display,SF Pro Text,Helvetica Neue,Avenir Next,sans-serif;color:#0f172a;background:#f5f7fb;color-scheme:light;--text: #0f172a;--muted: #61708a;--muted-strong: #34435b;--accent: #0a84ff;--accent-strong: #0064d2;--accent-soft: rgba(10, 132, 255, .14);--success: #0c9b6d;--warning: #d9901a;--error: #d14343;--surface: #ffffff;--surface-strong: #ffffff;--surface-solid: #ffffff;--line: rgba(212, 220, 234, .9);--line-soft: rgba(128, 146, 177, .18);--shadow: 0 12px 32px rgba(15, 23, 42, .08);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:#f5f7fb}body{margin:0;min-width:320px;min-height:100vh}body,button,input{font:inherit}button,input{-moz-appearance:none;appearance:none;-webkit-appearance:none}a{color:inherit;text-decoration:none}p,strong,span,small,label{margin:0}#root{min-height:100vh}.screen-shell{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) 16px max(32px,env(safe-area-inset-bottom))}.layout-shell{width:min(100%,920px);margin:0 auto}.layout-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.status-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted-strong);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.screen-panel{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);animation:rise-in .48s cubic-bezier(.22,1,.36,1)}.screen-header{margin-bottom:24px}.screen-header h1{margin:0;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;letter-spacing:-.04em;font-weight:700}.eyebrow,.section-label{display:inline-flex;align-items:center;margin-bottom:12px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:var(--muted-strong);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.screen-subtitle{max-width:600px;margin-top:14px;color:var(--muted);font-size:1rem}.screen-content,.stack{display:grid;gap:16px}.step-rail,.feature-marquee,.section-split{display:grid;gap:14px}.step-rail{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px}.step-chip{display:grid;gap:6px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#f8fafc}.step-chip.current{background:#0a84ff14;border-color:#4ca8ff52}.step-chip.complete{background:#0c9b6d14}.step-index{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:var(--muted-strong);font-size:.88rem;font-weight:700}.step-name{font-size:.93rem;font-weight:600;color:var(--muted-strong)}.feature-marquee{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-tile,.info-card{display:grid;gap:10px;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:0 6px 18px #0f172a0a}.feature-tile strong,.info-card strong{font-size:1.04rem;line-height:1.3}.section-split{grid-template-columns:minmax(0,1.4fr) minmax(240px,.9fr)}.hero-card,.glass-group,.inline-card,.card,.meter-card,.result-card,.result-hero,.capture-input,.camera-frame{border:1px solid var(--line);background:var(--surface);box-shadow:0 6px 18px #0f172a0a}.hero-card,.glass-group,.inline-card,.card,.result-card,.result-hero{border-radius:18px;padding:18px}.hero-card{background:#f8fafc}.glass-group{display:grid;gap:14px;padding:18px}.field{display:grid;gap:8px;color:var(--muted-strong);font-size:.94rem}.field small,.support-copy{color:var(--muted)}.field input{width:100%;min-height:56px;border:1px solid rgba(153,168,197,.24);border-radius:14px;padding:0 16px;background:#fff;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.field input:focus{outline:none;border-color:#0a84ff6b;box-shadow:0 0 0 4px #0a84ff1f}.primary-button,.secondary-button,.capture-input{min-height:56px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.primary-button{border:1px solid rgba(76,168,255,.4);background:var(--accent);color:#fff;box-shadow:0 10px 22px #0a84ff2e}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--muted-strong);box-shadow:0 6px 18px #0f172a0f}.capture-input{position:relative;overflow:hidden;justify-content:flex-start;padding:0 20px;background:#fff;color:var(--muted-strong)}.capture-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.primary-button:hover,.secondary-button:hover,.capture-input:hover,.meter-card:hover{transform:translateY(-2px)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 10px 24px #0a84ff29}.card,.result-card,.quality-card{display:grid;gap:10px}.meter-card{display:grid;gap:8px;border-radius:18px;padding:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.meter-card:hover{border-color:#0a84ff52;box-shadow:0 20px 44px #49649b29}.meter-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.meter-card strong,.result-card strong,.result-hero strong{font-size:1.08rem;line-height:1.3}.meter-card-action{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.86rem;font-weight:600}.meter-card-address,.meter-card-meta{color:var(--muted)}.camera-frame{position:relative;min-height:360px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at top,rgba(123,195,255,.3),transparent 30%),linear-gradient(180deg,#121e36e6,#264c81e0 52%,#101529f0);display:grid;place-items:center}.camera-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 22%),radial-gradient(circle at center,rgba(255,255,255,.08),transparent 55%);pointer-events:none}.capture-guide{width:min(84%,320px);min-height:116px;display:grid;place-items:center;padding:24px;border:1.5px solid rgba(255,255,255,.62);border-radius:28px;background:#ffffff14;color:#fff;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.captured-image{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:26px}.image-card{padding:12px}.inline-card{display:grid;gap:6px}.info-card{align-content:start}.quality-card{background:linear-gradient(135deg,#ffffffb8,#ffffff7a),linear-gradient(135deg,rgba(217,144,26,.08),transparent)}.result-hero{background:linear-gradient(135deg,#ffffffb8,#ffffff7a),linear-gradient(135deg,rgba(10,132,255,.1),transparent)}.result-card.success,.result-hero.success{border-color:#0c9b6d33}.result-card.warning,.result-hero.warning{border-color:#d9901a38}.error-copy{color:var(--error);font-weight:600}@keyframes rise-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 720px){.screen-shell{padding-left:12px;padding-right:12px}.screen-panel{padding:22px 18px 24px;border-radius:20px}.screen-header h1{font-size:clamp(2.45rem,12vw,3.6rem)}.screen-subtitle{font-size:.96rem}.step-rail,.feature-marquee,.section-split{grid-template-columns:1fr}.meter-card-top,.layout-topbar{flex-direction:column;align-items:stretch}.status-pill,.secondary-button{justify-content:center}.step-chip{grid-template-columns:auto 1fr;align-items:center}.camera-frame{min-height:300px}}