.access-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.access-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#00a9ce14,#011f2a2e),#002e40c7;border:1px solid #b8f1ff1f;border-radius:24px;width:100%;max-width:460px;padding:32px;box-shadow:0 12px 28px #00000047}.access-badge{color:#b8f1ff;text-transform:uppercase;letter-spacing:.08em;background:#00a9ce1f;border:1px solid #00a9ce3d;border-radius:999px;margin-bottom:14px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-block}.access-title{color:#f3fbff;letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4vw,2.7rem);line-height:1.04}.access-subtitle{color:#d6f7ff;margin:14px 0 0;line-height:1.5}.access-form{gap:12px;margin-top:24px;display:grid}.access-input{color:#012e40;background:#f3f9fb;border:none;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:1rem}.access-input:focus{box-shadow:0 0 0 3px #00a9ce47}.access-button{color:#fff;cursor:pointer;background:#00a9ce;border:none;border-radius:12px;width:100%;padding:14px 16px;font-weight:700;transition:background .2s,transform .2s}.access-button:hover{background:#007f9a;transform:translateY(-1px)}.access-error{color:#ff9b9b;margin:12px 0 0;font-size:.95rem}:root{--bg-top:#011f2a;--bg-bottom:#012e40;--panel:#002e40f0;--panel-inner:#011f2a85;--panel-border:#b8f1ff14;--text-main:#f3fbff;--text-soft:#d6f7ff;--text-muted:#b8f1ff;--accent:#00a9ce;--accent-soft:#66ffc7;--accent-soft-bg:#66ffc714;--input-bg:#f3f9fb;--input-text:#012e40;--shadow:0 12px 28px #00000047;--radius-xl:24px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top, #00a9ce1c, transparent 28%), radial-gradient(circle at 20% 20%, #66ffc70a, transparent 24%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);min-width:320px;color:var(--text-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button,input,select,a{font:inherit}input:disabled{opacity:.6;cursor:not-allowed}.app-shell{width:100%;min-height:100vh;padding:clamp(18px,2vw,40px) clamp(14px,2.2vw,32px) clamp(22px,2.5vw,40px)}.hero-shell{width:min(100%,1400px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#00a9ce1f,#011f2a24),#002e40b8;border:1px solid #b8f1ff1a;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 auto 24px;padding:clamp(20px,2.4vw,32px);display:flex}.hero-copy{min-width:0}.hero-kicker{text-transform:uppercase;letter-spacing:.1em;color:#7fdcf2;margin:0 0 10px;font-size:.78rem;line-height:1}.app-title{color:var(--text-main);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,4.25rem);line-height:1.02}.app-subtitle{color:var(--text-muted);max-width:60ch;margin:12px 0 0;font-size:clamp(.95rem,1.5vw,1rem)}.hero-metrics{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.hero-chip{background:#f3f9fb0d;border:1px solid #b8f1ff1a;border-radius:16px;min-width:138px;padding:12px 14px}.hero-chip-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.76rem;display:block}.hero-chip-value{color:var(--text-main);margin-top:6px;font-weight:700;display:block}.project-settings-card,.comparison-panel,.comparison-section{background:var(--panel);border-radius:var(--radius-xl);width:min(100%,1400px);box-shadow:var(--shadow);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0 auto 24px;padding:clamp(16px,2vw,28px)}.section-header{margin-bottom:18px}.section-header-left{text-align:left}.section-kicker{text-transform:uppercase;letter-spacing:.08em;color:#7fdcf2;margin:0 0 8px;font-size:.78rem;line-height:1}.section-title{color:var(--text-muted);text-wrap:balance;margin:0;font-size:clamp(1.45rem,2.5vw,2rem)}.section-subtitle{color:var(--text-soft);max-width:75ch;margin:8px 0 0;font-size:clamp(.9rem,1.4vw,.98rem);line-height:1.5}.project-settings-grid{grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end;gap:16px;display:grid}.calculator-grid{grid-template-columns:repeat(2,minmax(320px,1fr));align-items:start;gap:clamp(16px,2vw,28px);display:grid}.calculator-card{background:linear-gradient(180deg, #f3f9fb05, #f3f9fb00), var(--panel-inner);border-radius:var(--radius-lg);border:1px solid var(--panel-border);min-width:0;padding:clamp(16px,1.8vw,24px)}.scanner-card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.scanner-card-header-copy{min-width:0}.scanner-card-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#7fdcf2;margin:0 0 6px;font-size:.78rem}.calculator-title{color:var(--text-main);overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,2.3vw,2rem)}.range-badge{text-align:right;background:#00a9ce17;border:1px solid #00a9ce38;border-radius:14px;flex-shrink:0;min-width:96px;padding:10px 12px}.range-badge-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;display:block}.range-badge-value{color:var(--text-main);margin-top:4px;font-weight:700;display:block}.field-group{min-width:0;margin-bottom:16px}.field-group-toggle{flex-direction:column;justify-content:flex-end;display:flex}.field-label{color:#fff;margin-bottom:8px;font-size:.96rem;font-weight:600;display:block}.field-input{border-radius:var(--radius-sm);background:var(--input-bg);width:100%;min-width:0;color:var(--input-text);border:none;outline:none;padding:13px 15px;font-size:1rem}.field-input:focus{box-shadow:0 0 0 3px #00a9ce47}.toggle-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.toggle-label{margin-bottom:0}.toggle-control{background:#f3f9fb0f;border:1px solid #b8f1ff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:42px;min-height:42px;padding:6px;display:inline-flex}.field-checkbox{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.micro-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2px 0 14px;display:grid}.micro-stats-single{grid-template-columns:1fr}.micro-stat{background:#f3f9fb0d;border:1px solid #b8f1ff14;border-radius:14px;min-width:0;padding:12px 14px}.micro-stat-label{color:var(--text-muted);font-size:.82rem;line-height:1.3;display:block}.micro-stat-value{color:var(--text-main);overflow-wrap:anywhere;margin-top:6px;font-weight:700;display:block}.results-box{border-top:1px solid #ffffff1f;gap:10px;margin-top:22px;padding-top:16px;display:grid}.result-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.result-row-hero{border-bottom:1px dashed #b8f1ff24;margin-bottom:2px;padding-bottom:8px}.result-label{color:var(--text-muted);font-weight:600}.result-value{color:#e8fdff;text-align:right;font-weight:700}.result-value-hero{color:var(--accent-soft);font-size:1.12rem}.comparison-panel-v3{background:linear-gradient(180deg, #00a9ce0a, #002e40f0 30%), var(--panel)}.comparison-summary-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.comparison-header-grow{flex:1;min-width:0;margin-bottom:0}.export-button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;padding:12px 18px;font-weight:700;transition:background .2s,transform .2s}.export-button:hover{background:#007f9a;transform:translateY(-1px)}.summary-main-card{background:var(--panel-inner);border:1px solid var(--panel-border);border-radius:18px;margin-bottom:16px;padding:20px}.summary-main-card-v3{background:linear-gradient(135deg, #00a9ce14, #66ffc708), var(--panel-inner)}.summary-main-card-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.summary-main-label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:600}.summary-main-value{color:var(--text-main);overflow-wrap:anywhere;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.2}.summary-main-note{color:var(--text-soft);margin-top:12px;line-height:1.5}.recommendation-pill{background:var(--accent-soft-bg);color:var(--accent-soft);border:1px solid #66ffc72e;border-radius:999px;flex-shrink:0;padding:10px 12px;font-size:.86rem;font-weight:700}.summary-insight-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;display:grid}.summary-insight-card{background:var(--panel-inner);border:1px solid var(--panel-border);border-radius:18px;min-width:0;padding:18px}.summary-insight-card-v3{background:linear-gradient(180deg, #f3f9fb08, #f3f9fb00), var(--panel-inner)}.summary-insight-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.summary-insight-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.summary-insight-mini{color:#9ad7e6;text-align:right;font-size:.82rem}.summary-insight-hero{letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;line-height:1}.summary-insight-hero.positive{color:var(--accent-soft)}.summary-insight-value{overflow-wrap:anywhere;margin-bottom:8px;font-size:1.08rem;font-weight:700;line-height:1.25}.summary-insight-value.neutral{color:var(--text-main)}.summary-insight-detail{color:var(--text-soft);margin-top:4px;line-height:1.45}.app-footer{width:min(100%,1400px);margin:8px auto 0;padding:6px 2px 0}.app-footer-inner{color:#b8f1ffb8;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.82rem;display:flex}.app-footer-text{opacity:.9}.app-footer-link{color:#b8f1ffe6;border-bottom:1px solid #b8f1ff47;text-decoration:none;transition:color .2s,border-color .2s}.app-footer-link:hover{color:#fff;border-color:#ffffff8c}@media (width<=1180px){.project-settings-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.hero-shell{flex-direction:column;align-items:flex-start}.hero-metrics{justify-content:flex-start}}@media (width<=980px){.calculator-grid,.summary-insight-grid{grid-template-columns:1fr}.comparison-summary-top,.scanner-card-header,.summary-main-card-header,.summary-insight-header{flex-direction:column;align-items:stretch}.range-badge{text-align:left;width:100%}.export-button{width:100%}.summary-insight-mini{text-align:left}}@media (width<=640px){.project-settings-grid,.micro-stats{grid-template-columns:1fr}.result-row{flex-direction:column;align-items:flex-start}.result-value{text-align:left}.calculator-card,.summary-insight-card,.summary-main-card,.hero-shell{border-radius:var(--radius-md)}.hero-chip{width:100%}}