:root{color-scheme:light;--bg:#ffffff;--bg-soft:#ffffff;--surface:#ffffff;--surface-soft:#ffffff;--border:#e5e7eb;--border-strong:#d1d5db;--text:#13202b;--muted:#5b6773;--accent:#1f5f8b;--accent-strong:#184f77;--success:#1f7a5a;--warning:#b85b3c;--shadow:0 16px 36px rgba(10,25,40,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;height:100%;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#ffffff;color:var(--text)}body,html{background-color:#ffffff}html{height:-webkit-fill-available}body{min-height:100dvh;min-height:-webkit-fill-available;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}button,input{font:inherit}img{display:block;max-width:100%}.page-shell{width:100%;padding:0;display:flex;justify-content:center;align-items:stretch;background:inherit}.page-shell,.phone-frame{min-height:100dvh;min-height:-webkit-fill-available}.phone-frame{position:relative;width:min(100%,920px);overflow:hidden;border:0;border-radius:0;background:#ffffff;box-shadow:none;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.background-glow{position:absolute;border-radius:999px;filter:blur(28px);opacity:.75;pointer-events:none}.glow-one{width:240px;height:240px;top:-80px;right:-60px}.glow-one,.glow-two{background:transparent}.glow-two{width:260px;height:260px;bottom:-80px;left:-80px}.analysis-card,.app-header,.capture-card,.contact-card,.hero-card,.result-card{position:relative;z-index:1}.app-header{flex-direction:column;margin-bottom:14px}.app-header,.top-bar{display:flex;gap:12px}.top-bar{align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent);font-weight:700}.analysis-card h2,.app-header h1,.capture-card h2,.hero-card h2,.result-banner h2{margin:0;line-height:1.15}.app-header h1{font-size:clamp(1.35rem,2vw,1.95rem)}.status-pill{align-self:flex-start;border:1px solid var(--border);padding:7px 12px;color:var(--muted);font-size:.82rem}.language-toggle,.status-pill{border-radius:999px;background:var(--surface)}.language-toggle{display:inline-flex;padding:3px;border:1px solid var(--border)}.language-button{min-width:50px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-weight:700}.language-button.active{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#eef8ff}.analysis-card,.capture-card,.contact-card,.hero-card,.result-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:16px}.contact-card,.hero-card{display:grid;grid-gap:14px;gap:14px}.contact-card{margin-top:14px}.analyzing-state p,.capture-top p,.contact-copy p,.hero-copy p,.result-copy{color:var(--muted);line-height:1.5;font-size:.95rem}.mini-badge{display:inline-flex;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:rgba(31,95,139,.1);color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.hero-preview{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface-soft)}.primary-button,.secondary-button{width:100%;border:0;border-radius:12px;padding:13px;cursor:pointer;transition:transform .18s ease,opacity .18s ease;min-height:48px;font-weight:600}.link-button{display:flex;align-items:center;justify-content:center;text-decoration:none}.primary-button{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#eef8ff}.secondary-button{background:var(--surface-soft);color:var(--text);border:1px solid var(--border)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.7}.primary-button:hover,.secondary-button:hover{opacity:.95}.primary-button:active,.secondary-button:active{transform:scale(.985)}.analysis-card,.capture-card,.contact-form,.result-card{display:grid;grid-gap:12px;gap:12px}.field-group{display:grid;grid-gap:6px;gap:6px}.field-label{font-size:.88rem;font-weight:600;color:var(--text)}.field-input{width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#ffffff;color:var(--text);outline:none}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,95,139,.12)}.form-message{margin:0;font-size:.9rem;line-height:1.4}.form-message.success{color:var(--success)}.form-message.error{color:var(--warning)}.form-message.loading{color:var(--muted)}.upload-panel{display:grid;grid-gap:6px;gap:6px;padding:14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--border);cursor:pointer}.upload-panel input{display:none}.camera-panel{background:linear-gradient(180deg,rgba(31,95,139,.08),rgba(31,95,139,.03)),var(--surface-soft)}.panel-header h3,.panel-title{font-weight:700}.panel-copy,.panel-header span{color:var(--muted);font-size:.84rem}.image-stage{border-radius:14px;border:1px solid var(--border)}.image-stage,.panel-image{position:relative;overflow:hidden;background:var(--surface-soft);aspect-ratio:4/3}.panel-image{border-radius:12px;border:1px solid var(--border)}.media-image{object-fit:cover}.analyzing-state{position:relative;display:grid;justify-items:center;text-align:center;grid-gap:8px;gap:8px;padding:14px 6px 2px}.spinner-ring{width:64px;height:64px;border-radius:999px;border:4px solid rgba(19,32,43,.1);border-top:4px solid var(--accent);animation:spin 1.2s linear infinite}.scanner-line{position:absolute;inset:8px 20px auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px rgba(31,95,139,.28);animation:scan 2s ease-in-out infinite}.result-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:14px}.result-banner.ok{background:linear-gradient(135deg,rgba(31,122,90,.14),rgba(31,122,90,.05));border:1px solid rgba(31,122,90,.2)}.result-banner.nok{background:linear-gradient(135deg,rgba(184,91,60,.16),rgba(184,91,60,.06));border:1px solid rgba(184,91,60,.2)}.result-label{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.score-chip{flex-shrink:0;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.78);font-weight:700;font-size:.9rem;border:1px solid var(--border)}.result-grid,.result-panel{display:grid;grid-gap:10px;gap:10px}.result-panel{padding:12px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h3,.result-copy{margin:0}.result-actions{display:grid;grid-gap:8px;gap:8px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scan{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(180px);opacity:1}}@media (min-width:720px){.page-shell{padding:28px}.phone-frame{min-height:calc(100dvh - 56px);padding:24px;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow)}.app-header{margin-bottom:18px}.contact-card,.hero-card{max-width:720px;margin-inline:auto}.primary-button,.secondary-button{min-height:50px}.result-actions,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.scanner-line,.spinner-ring{animation:none}.primary-button,.secondary-button{transition:none}}