html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px}:root{--bg:#f7f3ee;--surface:#ffffffd1;--surface-strong:#ffffffe6;--text:#241d19;--text-soft:#645d58;--text-muted:#8d857f;--line:#241d190f;--shadow:0 14px 30px #3a2a200d;--shadow-strong:0 20px 40px #3a2a2014;--accent-warm:#d97757;--accent-violet:#b96de2;--accent-cyan:#22d3ee}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:var(--bg);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,select{font:inherit}img{max-width:100%}.app-shell{min-height:100vh;padding:24px 16px 40px}.container{z-index:1;width:min(1280px,100%);margin:0 auto;padding:28px 20px 48px;position:relative}h1{letter-spacing:-.04em;margin:0 0 14px;font-size:52px;line-height:1.02}h2{letter-spacing:-.03em;margin-top:0;margin-bottom:12px;font-size:34px;line-height:1.08}h3{letter-spacing:-.02em;margin-top:0;line-height:1.2}p,.hero-subtitle-premium,.section-copy-premium,.body-copy,.main-insight-copy,.result-banner-copy,.fact-card-premium p,.step-card-premium p,.image-option-card p,.lifestyle-card-header p{line-height:1.8}.hero-subtitle-premium,.section-copy-premium,.body-copy{color:var(--text-soft)}input::placeholder,select:invalid{color:#9b948f}.fact-card-premium,.step-card-premium,.image-option-card,.selected-preview-card,.lifestyle-card-premium,.metric-card-clean,.main-insight-card,.results-simple-card,.results-hero-card,.processing-card-premium{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:26px}.primary-btn,.secondary-btn{border-radius:16px;min-height:54px;padding:14px 22px;font-size:15px;font-weight:800;transition:transform .22s,box-shadow .22s,filter .22s}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97757 0%,#b96de2 100%);border:none;box-shadow:0 12px 24px #b96de229}.primary-btn:hover{filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 18px 34px #b96de233}.primary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.secondary-btn{color:#1f2937;cursor:pointer;background:#ffffffeb;border:1px solid #d8dadd}.secondary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000000a}.premium-cta{min-width:220px;max-width:280px}.progress-wrap{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:26px;display:flex}.progress-group{align-items:center;gap:12px;display:flex}.progress-step{border:1px solid var(--line);color:#6b7280;background:#ffffffe6;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-weight:700;display:flex;box-shadow:0 6px 16px #3a2a2008}.progress-step.active{color:var(--text);background:linear-gradient(135deg,#d977571f,#b96de21f)}.progress-num{background:#fffffff2;border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;display:inline-grid}.progress-arrow{color:#9aa1aa;font-weight:700}.landing-shell,.image-step-shell,.lifestyle-shell,.processing-shell,.results-shell{background:radial-gradient(circle at top left, #d9775714, transparent 24%), radial-gradient(circle at bottom right, #b96de21f, transparent 28%), linear-gradient(180deg, #fcfaf7 0%, var(--bg) 100%);position:relative;overflow:hidden}.landing-bg-glow,.image-step-glow,.lifestyle-glow,.processing-glow,.results-glow{filter:blur(120px);pointer-events:none;opacity:.4;border-radius:999px;position:absolute}.glow-one,.image-glow-one,.lifestyle-glow-one,.processing-glow-one,.results-glow-one{background:#da9a8238;width:280px;height:280px;top:120px;left:-70px}.glow-two,.image-glow-two,.lifestyle-glow-two,.processing-glow-two,.results-glow-two{background:#bcade538;width:360px;height:360px;bottom:80px;right:-90px}.hero-premium{text-align:center;max-width:920px;margin:0 auto;padding:68px 24px 52px}.hero-badge-premium{letter-spacing:.11em;text-transform:uppercase;color:#8a6146;background:#ffffffb3;border:1px solid #8a61461a;border-radius:999px;margin-bottom:18px;padding:9px 14px;font-size:12px;font-weight:800;display:inline-block}.hero-title-premium{color:var(--text)}.hero-title-premium span{display:block}.hero-subtitle-premium{max-width:780px;margin:0 auto;font-size:18px}.hero-button-wrap{justify-content:center;margin-top:24px;display:flex}.hero-micro-note{color:var(--text-muted);margin-top:12px;font-size:14px}.landing-section,.results-hero-card,.results-grid-clean,.main-insight-card,.results-lower-grid,.selected-preview-card,.lifestyle-card-premium{margin-bottom:20px}.section-heading-wrap{text-align:center;max-width:860px;margin:0 auto 22px}.section-kicker-premium{text-transform:uppercase;letter-spacing:.18em;color:#9b745a;margin:0 0 10px;font-size:13px;font-weight:800}.section-title-premium{color:var(--text);margin-bottom:10px}.section-copy-premium{font-size:17px}.facts-grid-premium,.steps-grid-premium{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.fact-card-premium,.step-card-premium{background:var(--surface);padding:26px}.fact-card-premium h3{color:var(--text);margin:0 0 14px;font-size:22px;line-height:1.28}.fact-card-premium p{color:var(--text-soft);margin:0;font-size:15.5px}.step-card-premium{text-align:left}.step-index{letter-spacing:.12em;color:#b68466;margin-bottom:14px;font-size:13px;font-weight:800;display:inline-block}.step-card-premium h3{margin:0 0 10px;font-size:22px}.step-card-premium p{color:var(--text-soft);margin:0}.closing-banner-premium{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:30px;padding:34px 28px}.closing-title{letter-spacing:-.03em;margin:0 0 12px;font-size:36px;line-height:1.08}.closing-copy{max-width:760px;color:var(--text-soft);margin:0 auto;line-height:1.8}.image-step-hero,.lifestyle-hero{text-align:center;max-width:760px;margin:0 auto 24px}.image-options-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:22px;margin-bottom:24px;display:grid}.image-option-card{background:var(--surface);flex-direction:column;justify-content:flex-start;min-height:280px;padding:28px;display:flex}.image-option-icon{color:#745b48;background:#ffffffd1;border:1px solid #241d190f;border-radius:999px;place-items:center;width:42px;height:42px;margin-bottom:14px;font-weight:800;display:grid}.image-option-card h3{margin:0 0 8px;font-size:24px}.image-option-card p{color:var(--text-soft);margin:0 0 20px}.custom-upload-btn{color:#1f2937;cursor:pointer;background:#ffffffeb;border:1px solid #d8dadd;border-radius:16px;justify-content:center;align-items:center;width:fit-content;min-height:54px;padding:14px 22px;font-size:15px;font-weight:800;display:inline-flex}.camera-box{gap:16px;display:grid}.camera-preview-shell{aspect-ratio:4/5;background:#111827;border-radius:22px;width:100%;overflow:hidden;box-shadow:0 10px 24px #00000014}.camera-preview{object-fit:cover;background:#111827;width:100%;height:100%;display:block}.camera-actions,.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.selected-preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #241d190f;border-radius:26px;max-width:760px;margin:0 auto 20px;padding:24px 22px;box-shadow:0 14px 30px #3a2a200d}.preview-guidance{text-align:center;color:#6b7280;margin-bottom:14px;font-size:14px;line-height:1.7}.fixed-preview-frame{aspect-ratio:1;background:#0f172a;border-radius:30px;width:min(100%,380px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a1f,inset 0 0 0 1px #ffffff0a}.fixed-preview-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.scan-overlay{pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#22d3ee14 40%,#22d3ee40 50%,#22d3ee14 60%,#0000 100%);animation:2.2s ease-in-out infinite scanline;position:absolute;inset:0}.face-box{pointer-events:none;z-index:2;border:2px solid #22d3eee6;border-radius:22px;transition:all .35s;animation:2.5s ease-in-out infinite pulseGlow;position:absolute;box-shadow:0 0 0 1px #22d3ee33,0 0 24px #22d3ee40}.face-box .corner{border:3px solid #22d3ee;width:22px;height:22px;position:absolute}.face-box .tl{border-bottom:none;border-right:none;border-radius:10px 0 0;top:-2px;left:-2px}.face-box .tr{border-bottom:none;border-left:none;border-radius:0 10px 0 0;top:-2px;right:-2px}.face-box .bl{border-top:none;border-right:none;border-radius:0 0 0 10px;bottom:-2px;left:-2px}.face-box .br{border-top:none;border-left:none;border-radius:0 0 10px;bottom:-2px;right:-2px}.scan-status-below{text-align:center;color:#6b7280;letter-spacing:.25px;margin-top:16px;font-size:14px;font-weight:600}@keyframes scanline{0%{opacity:.2;transform:translateY(-90%)}20%{opacity:.7}50%{opacity:1}80%{opacity:.7}to{opacity:.2;transform:translateY(90%)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 1px #22d3ee33,0 0 14px #22d3ee29}50%{box-shadow:0 0 0 1px #22d3ee33,0 0 28px #22d3ee52}to{box-shadow:0 0 0 1px #22d3ee33,0 0 14px #22d3ee29}}.lifestyle-card-premium{background:var(--surface);padding:30px 28px}.lifestyle-card-header{text-align:center;max-width:760px;margin:0 auto 26px}.lifestyle-card-header h3{margin:0 0 10px;font-size:28px}.lifestyle-card-header p{color:var(--text-soft);margin:0}.lifestyle-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:24px;display:grid}.input-group-premium{background:#ffffffb8;border:1px solid #241d190d;border-radius:24px;padding:20px;box-shadow:0 10px 24px #3a2a2008}.input-group-premium label{color:#2b2521;margin:0 0 12px;font-size:17px;font-weight:800;line-height:1.5;display:block}.input-group-premium input,.input-group-premium select{color:#1f2937;background:#ffffffeb;border:1px solid #d8dadd;border-radius:16px;width:100%;padding:14px 16px;font-size:15px}.input-group-premium input:focus,.input-group-premium select:focus{border-color:#b96de273;outline:none;box-shadow:0 0 0 4px #b96de214}.input-group-premium small{color:#746d67;margin-top:10px;font-size:13px;line-height:1.6;display:block}.city-group{z-index:5;position:relative}.city-dropdown{z-index:20;background:#fffffffa;border:1px solid #00000014;border-radius:16px;max-height:220px;margin-top:8px;position:absolute;top:calc(100% - 54px);left:20px;right:20px;overflow-y:auto;box-shadow:0 16px 30px #00000014}.city-dropdown::-webkit-scrollbar{width:8px}.city-dropdown::-webkit-scrollbar-thumb{background:#b96de22e;border-radius:999px}.city-option{text-align:left;cursor:pointer;color:#2b2521;background:#fff;border:none;border-bottom:1px solid #0000000a;width:100%;padding:12px 14px;font-size:15px;transition:background .2s}.city-option:last-child{border-bottom:none}.city-option:hover{background:#b96de214}.city-option-empty{cursor:default;color:#8a817a;background:#fff}.lifestyle-summary-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.summary-pill{text-align:center;background:#ffffffd1;border:1px solid #241d190d;border-radius:18px;padding:16px 14px;box-shadow:0 8px 18px #3a2a2008}.summary-pill-label{color:#8a817a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.summary-pill-value{color:#2d2723;font-size:16px;font-weight:800;display:block}.processing-card-premium{background:var(--surface);text-align:center;max-width:860px;margin:0 auto;padding:44px 30px}.processing-title{letter-spacing:-.03em;color:var(--text);margin:0 0 12px;font-size:38px;line-height:1.08}.processing-copy{max-width:700px;color:var(--text-soft);margin:0 auto;font-size:16px;line-height:1.8}.processing-loader-wrap{justify-content:center;margin:28px 0 24px;display:flex}.processing-ring{border:5px solid #d9775724;border-top-color:#b96de2;border-radius:50%;width:56px;height:56px;animation:1s linear infinite processingSpin}.processing-stage-list{gap:12px;margin-top:10px;display:grid}.processing-stage-card{color:#5f5853;text-align:left;background:#ffffffb8;border:1px solid #241d190d;border-radius:18px;padding:16px 18px;line-height:1.6;transition:all .25s;box-shadow:0 10px 24px #3a2a2008}.processing-stage-card.active{color:#2d2723;background:linear-gradient(135deg,#d977571a,#b96de21a);border-color:#b96de229;font-weight:700}@keyframes processingSpin{to{transform:rotate(360deg)}}.results-hero-card{background:var(--surface);text-align:center;padding:34px 28px;animation:.6s both fadeInUp}.results-main-title{letter-spacing:-.03em;color:var(--text);margin:0 0 18px;font-size:38px;line-height:1.08}.result-banner-premium{text-align:left;border-left:6px solid #0000;border-radius:26px;max-width:920px;margin:0 auto;padding:22px 24px}.risk-low{color:#1f5b33;background:#eef9f1;border-left-color:#4aa366}.risk-moderate{color:#734f0f;background:#fff8e8;border-left-color:#d9a441}.risk-high{color:#7b1f1f;background:#fdeeee;border-left-color:#d46666}.result-banner-title{margin-bottom:8px;font-size:26px;font-weight:850}.result-banner-copy{margin:0;font-size:16px}.result-pill-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.result-pill{color:#6b4d3b;background:#ffffffc2;border:1px solid #6b4d3b1a;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-block}.results-grid-clean{grid-template-columns:repeat(3,1fr);gap:18px;animation:.6s both fadeInUp;display:grid}.metric-card-clean{background:var(--surface);text-align:center;padding:28px 24px;transition:transform .25s,box-shadow .25s}.metric-card-clean:hover,.results-simple-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-4px)}.metric-label-clean{color:#75808e;margin-bottom:12px;font-size:14px;display:block}.metric-value-clean{color:#111827;margin-bottom:10px;font-size:40px;font-weight:850;line-height:1.05;display:block}.metric-sub-clean{color:#6f7a88;font-size:15px;line-height:1.6;display:block}.metric-explainer{color:#737d89;text-align:center;margin:14px 0 0;font-size:14.5px;line-height:1.75}.main-insight-card{background:var(--surface);text-align:left;padding:30px 28px;animation:.6s both fadeInUp}.main-insight-card h3{color:var(--text);margin:0 0 14px;font-size:24px}.main-insight-lead{color:#5d6774;margin:0 0 12px;font-size:17px;font-weight:500;line-height:1.8}.main-insight-copy{color:#707986;max-width:900px;margin:0;font-size:15.5px}.results-lower-grid{grid-template-columns:1.08fr .92fr;gap:20px;animation:.6s both fadeInUp;display:grid}.results-simple-card{background:var(--surface);text-align:left;padding:30px 28px;transition:transform .25s,box-shadow .25s}.results-simple-card h3{color:var(--text);margin:0 0 18px;font-size:24px}.clean-list-block{margin-bottom:24px}.clean-list-block:last-child{margin-bottom:0}.list-block-title{text-transform:uppercase;letter-spacing:.1em;color:#8d857f;margin:0 0 10px;font-size:13px;font-weight:800}.clean-list-items{gap:0;display:grid}.clean-list-item{color:#4f5967;border-bottom:1px solid #0000000d;padding:14px 0;font-size:15.5px;line-height:1.75}.clean-list-item:last-child{border-bottom:none}.env-stat-block-clean{gap:0;display:grid}.env-stat-row-clean{border-bottom:1px solid #241d190f;grid-template-columns:140px 1fr;align-items:start;gap:16px;padding:16px 0;display:grid}.env-stat-row-clean:last-child{border-bottom:none}.env-label-clean{color:#7c746f;font-size:15px;font-weight:700}.env-value-clean{color:#2c2622;text-align:left;font-size:15px;font-weight:700;line-height:1.7}.environment-note{color:#6f7a88;margin:18px 0 0;font-size:14.5px;line-height:1.8}.results-reset-wrap{margin-top:8px}.center-wrap{justify-content:center;margin-top:10px;display:flex}.results-disclaimer{text-align:center;color:#6b7280;margin-top:22px;margin-bottom:0;font-size:14px;line-height:1.75}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-text{color:#c2410c;text-align:center;margin:10px 0 0;font-weight:600;line-height:1.7}@media (width<=900px){.hero-title-premium{font-size:44px}.section-title-premium,.closing-title,.results-main-title,.processing-title{font-size:30px}.facts-grid-premium,.steps-grid-premium,.image-options-grid,.lifestyle-grid,.results-grid-clean,.results-lower-grid,.lifestyle-summary-row{grid-template-columns:1fr}.hero-premium{padding:56px 14px 42px}.camera-actions,.button-row{grid-template-columns:1fr}.container{padding:20px 14px 38px}.results-simple-card,.main-insight-card,.lifestyle-card-premium,.selected-preview-card,.image-option-card{padding:22px 20px}.env-stat-row-clean{grid-template-columns:1fr;gap:6px}.fixed-preview-frame{width:min(100%,320px)}}@media (width>=1400px){.app-shell{padding:28px 20px 52px}.container{width:min(1360px,100%);padding:34px 28px 56px}.hero-premium{text-align:center;max-width:880px;margin:0 auto;padding:68px 24px 52px}.hero-title-premium{font-size:62px}.hero-subtitle-premium{max-width:820px;font-size:19px}.section-heading-wrap{max-width:900px;margin-bottom:26px}.section-title-premium{font-size:38px}.section-copy-premium{max-width:760px;margin-left:auto;margin-right:auto;font-size:18px}.facts-grid-premium,.steps-grid-premium{gap:26px}.fact-card-premium,.step-card-premium,.image-option-card,.selected-preview-card,.lifestyle-card-premium,.metric-card-clean,.main-insight-card,.results-simple-card,.results-hero-card,.processing-card-premium{border-radius:28px}.fact-card-premium,.step-card-premium{padding:30px}.fact-card-premium h3,.step-card-premium h3{font-size:24px}.fact-card-premium p,.step-card-premium p{font-size:16px}.image-step-hero,.lifestyle-hero{max-width:820px;margin-bottom:28px}.image-options-grid,.lifestyle-grid{gap:26px}.image-option-card{min-height:300px;padding:30px}.selected-preview-card{max-width:840px;padding:28px 26px}.fixed-preview-frame{width:min(100%,420px)}.lifestyle-card-premium{padding:34px 32px}.lifestyle-card-header{max-width:820px;margin-bottom:30px}.lifestyle-card-header h3{font-size:30px}.input-group-premium{padding:22px}.results-main-title,.processing-title,.closing-title{font-size:42px}.results-hero-card{padding:38px 34px}.result-banner-premium{max-width:980px;padding:24px 28px}.results-grid-clean{gap:22px}.metric-card-clean{padding:32px 28px}.metric-value-clean{font-size:44px}.main-insight-card,.results-simple-card{padding:34px 32px}.main-insight-copy{max-width:960px}.results-lower-grid{grid-template-columns:1.08fr .92fr;gap:24px}.clean-list-item,.environment-note,.metric-explainer,.main-insight-copy,.result-banner-copy{font-size:15.5px}}@media (width>=1600px){.container{width:min(1440px,100%);padding:38px 34px 64px}.hero-premium{max-width:1040px;padding:90px 24px 66px}.hero-title-premium{font-size:68px}.hero-subtitle-premium{max-width:860px;font-size:20px}.section-heading-wrap{max-width:940px}.section-title-premium{font-size:40px}.facts-grid-premium,.steps-grid-premium,.image-options-grid,.lifestyle-grid,.results-grid-clean{gap:28px}.fact-card-premium,.step-card-premium,.image-option-card{padding:32px}.selected-preview-card{max-width:880px}.fixed-preview-frame{width:min(100%,440px)}.results-main-title,.processing-title,.closing-title{font-size:46px}.results-grid-clean{grid-template-columns:repeat(3,minmax(0,1fr))}.results-lower-grid{grid-template-columns:1.05fr .95fr;gap:28px}.metric-card-clean{padding:34px 30px}.metric-value-clean{font-size:48px}.main-insight-card,.results-simple-card,.results-hero-card,.processing-card-premium{padding:36px 34px}}