@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap);.landing-page{background:radial-gradient(circle at 15% 50%,#3a7bd526,#0000 25%),radial-gradient(circle at 85% 30%,#c8a9511a,#0000 25%),var(--navy);color:var(--text-primary);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}.landing-nav{justify-content:space-between;left:0;padding:24px 48px;position:absolute;right:0;top:0;z-index:100}.landing-nav,.nav-brand{align-items:center;display:flex}.nav-brand{color:#fff;font-size:24px;font-weight:700;gap:12px;letter-spacing:-.5px}.nav-brand span{color:var(--gold)}.hero-section{margin:0 auto;max-width:1200px;padding:160px 48px 100px;position:relative;text-align:center}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:var(--blue-light);display:inline-flex;font-size:14px;gap:8px;margin-bottom:24px;padding:6px 16px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.hero-subtitle{color:var(--text-secondary);font-size:20px;line-height:1.6;margin:0 auto 48px;max-width:700px}.hero-actions{display:flex;gap:16px;justify-content:center}.btn-glow{background:var(--blue-accent);border:none;border-radius:8px;box-shadow:0 4px 20px #3a7bd566;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-glow:hover{background:var(--blue-light);box-shadow:0 6px 28px #3a7bd599;transform:translateY(-2px)}.section-container{margin:0 auto;max-width:1200px;padding:100px 48px}.section-header{margin-bottom:64px;text-align:center}.section-title{color:#fff;font-size:40px;font-weight:700;margin-bottom:16px}.section-subtitle{color:var(--text-secondary);font-size:18px;margin:0 auto;max-width:600px}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#16223166;border:1px solid #ffffff14;border-radius:16px;padding:40px;transition:transform .3s ease,border-color .3s ease}.glass-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.feature-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-icon-wrapper{align-items:center;background:#3a7bd526;border-radius:12px;color:var(--blue-light);display:flex;height:48px;justify-content:center;margin-bottom:24px;width:48px}.feature-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:12px}.feature-description{color:var(--text-secondary);font-size:15px;line-height:1.6}.philosophy-grid{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.philosophy-content h3{font-size:32px;line-height:1.3;margin-bottom:24px}.philosophy-content p{color:var(--text-secondary);font-size:18px;line-height:1.7;margin-bottom:24px}.philosophy-list{list-style:none}.philosophy-list li{align-items:flex-start;color:var(--text-primary);display:flex;font-size:16px;gap:16px;margin-bottom:16px}.philosophy-list .check-icon{color:var(--success);flex-shrink:0;margin-top:2px}.glass-panel,.philosophy-visual{position:relative}.glass-panel{background:linear-gradient(145deg,#1e314899,#16223166);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:32px}.glass-panel:before{background:radial-gradient(circle at center,#c8a95126 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.panel-content{position:relative;z-index:1}.footer{border-top:1px solid #ffffff0d;color:var(--text-secondary);margin-top:64px;padding:48px;text-align:center}@media (max-width:968px){.feature-grid,.philosophy-grid{grid-template-columns:1fr}.hero-title{font-size:48px}.section-container{padding:60px 24px}.nav-brand{font-size:20px}}:root{--navy:#0a0a0a;--navy-mid:#111;--navy-light:#1a1a1a;--navy-border:#2a2a2a;--gold:#fff;--gold-light:#ebebeb;--gold-dim:#ffffff14;--blue-accent:#5e6ad2;--blue-light:#828df8;--text-primary:#ededed;--text-secondary:#a0a0a0;--text-muted:#666;--success:#2eaa5f;--warning:#d98c00;--danger:#d14d4d;--surface:#111;--surface-hover:#1a1a1a;--radius:6px;--radius-sm:4px;--shadow:0 4px 12px #00000080;--shadow-sm:0 2px 4px #00000080;--bottom-nav-height:72px;--mobile-header-height:56px;--tap-min:48px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;background-color:#0a0a0a;background-color:var(--navy);color:#ededed;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100dvh}.mono{font-family:Space Mono,monospace}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0a0a0a;background:var(--navy)}::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--navy-border);border-radius:3px}.btn{align-items:center;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;min-height:40px;padding:10px 20px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.btn-primary{background:#ededed;background:var(--text-primary);border-color:#ededed;border-color:var(--text-primary);color:#0a0a0a;color:var(--navy)}.btn-primary:hover{background:#ebebeb;background:var(--gold-light);box-shadow:none;transform:translateY(0)}.btn-secondary{background:#1a1a1a;background:var(--navy-light);border:1px solid #2a2a2a;border:1px solid var(--navy-border);color:#ededed;color:var(--text-primary)}.btn-secondary:hover{background:#2a2a2a;background:var(--navy-border)}.btn-outline{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--navy-border);color:#ededed;color:var(--text-primary)}.btn-outline:hover{background:#1a1a1a;background:var(--navy-light)}.btn-danger{background:#e05c5c26;border:1px solid #e05c5c4d;color:#d14d4d;color:var(--danger)}.btn-danger:hover{background:#e05c5c40}.btn-ghost{background:#0000;color:#a0a0a0;color:var(--text-secondary)}.btn-ghost:hover{background:#1a1a1a;background:var(--navy-light);color:#ededed;color:var(--text-primary)}.btn-sm{font-size:12px;min-height:32px;padding:6px 14px}.btn-lg{font-size:16px;padding:14px 28px}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.card{background:#111;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--navy-border);border-radius:6px;border-radius:var(--radius);padding:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#a0a0a0;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#0a0a0a;background:var(--navy);border:1px solid #2a2a2a;border:1px solid var(--navy-border);border-radius:4px;border-radius:var(--radius-sm);color:#ededed;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fff;border-color:var(--gold);box-shadow:0 0 0 3px #ffffff14;box-shadow:0 0 0 3px var(--gold-dim);outline:none}.form-select{-webkit-appearance:none;appearance:none}.form-textarea{min-height:80px;resize:vertical}.form-input::placeholder{color:#666;color:var(--text-muted)}.field-ai-filled{border-color:#5e6ad2!important;border-color:var(--blue-accent)!important;box-shadow:0 0 0 1px #5e6ad2!important;box-shadow:0 0 0 1px var(--blue-accent)!important}.grid-2{grid-gap:16px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.badge-gold{background:#ffffff14;background:var(--gold-dim);border:1px solid #c8a9514d;color:#fff;color:var(--gold)}.badge-blue{background:#3a7bd526;border:1px solid #3a7bd54d;color:#828df8;color:var(--blue-light)}.badge-success{background:#34c77b26;border:1px solid #34c77b4d;color:#2eaa5f;color:var(--success)}.badge-warning{background:#f0a50026;border:1px solid #f0a5004d;color:#d98c00;color:var(--warning)}.badge-danger{background:#e05c5c26;border:1px solid #e05c5c4d;color:#d14d4d;color:var(--danger)}.divider{background:#2a2a2a;background:var(--navy-border);height:1px;margin:20px 0}.spinner{animation:spin .8s linear infinite;border:2px solid #2a2a2a;border-top-color:#fff;border:2px solid var(--navy-border);border-radius:50%;border-top-color:var(--gold);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.toast{align-items:center;animation:slideUp .3s ease;background:#1a1a1a;background:var(--navy-light);border:1px solid #2a2a2a;border:1px solid var(--navy-border);border-radius:6px;border-radius:var(--radius);bottom:88px;box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow);display:flex;font-size:14px;gap:12px;max-width:340px;padding:14px 20px;position:fixed;right:16px;z-index:9999}.toast.success{border-left:3px solid #2eaa5f;border-left:3px solid var(--success)}.toast.error{border-left:3px solid #d14d4d;border-left:3px solid var(--danger)}.toast.info{border-left:3px solid #828df8;border-left:3px solid var(--blue-light)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.page-title{color:#ededed;color:var(--text-primary);font-size:24px;font-weight:700}.page-subtitle{color:#a0a0a0;color:var(--text-secondary);font-size:14px;margin-top:4px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#0a0a0a;background:var(--navy);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--navy-border);color:#a0a0a0;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #2a406080;color:#ededed;color:var(--text-primary);font-size:14px;padding:14px 16px}.data-table tr:hover td{background:#1a1a1a;background:var(--surface-hover)}.data-table tr:last-child td{border-bottom:none}.photo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.photo-thumb{aspect-ratio:1;border:1px solid #2a2a2a;border:1px solid var(--navy-border);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;height:100%;object-fit:cover;transition:transform .2s;width:100%}.photo-thumb:hover{transform:scale(1.05)}.upload-zone{border:2px dashed #2a2a2a;border:2px dashed var(--navy-border);border-radius:6px;border-radius:var(--radius);cursor:pointer;padding:32px;text-align:center;transition:all .2s}.upload-zone.drag-over,.upload-zone:hover{background:#ffffff14;background:var(--gold-dim);border-color:#fff;border-color:var(--gold)}.stat-card{padding:20px;text-align:center}.stat-number{color:#fff;color:var(--gold);font-family:Space Mono,monospace;font-size:36px;font-weight:700}.stat-label{color:#a0a0a0;color:var(--text-secondary);font-size:12px;letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.comp-card{background:#0a0a0a;background:var(--navy);border:1px solid #2a2a2a;border:1px solid var(--navy-border);border-radius:6px;border-radius:var(--radius);padding:20px;position:relative;transition:border-color .2s}.comp-card:hover{border-color:#5e6ad2;border-color:var(--blue-accent)}.comp-rank{background:#5e6ad2;background:var(--blue-accent);border-radius:100px;color:#fff;font-size:11px;font-weight:700;left:16px;padding:2px 10px;position:absolute;top:-10px}.comp-price{color:#2eaa5f;color:var(--success);font-family:Space Mono,monospace;font-size:28px;font-weight:700}.quick-chip{align-items:center;background:#1a1a1a;background:var(--navy-light);border:1px solid #2a2a2a;border:1px solid var(--navy-border);border-radius:24px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;min-height:48px;min-height:var(--tap-min);padding:8px 16px;transition:all .15s}.quick-chip.active,.quick-chip:hover{background:#ededed;background:var(--text-primary);border-color:#ededed;border-color:var(--text-primary);color:#0a0a0a;color:var(--navy)}.wizard-step-indicator{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:24px}.wizard-step-dot{background:#2a2a2a;background:var(--navy-border);border-radius:50%;height:8px;transition:all .2s;width:8px}.wizard-step-dot.active{background:#fff;background:var(--gold);border-radius:4px;width:24px}.wizard-step-dot.done{background:#2eaa5f;background:var(--success)}.category-chip{align-items:center;background:#0a0a0a;background:var(--navy);border:1px solid #2a2a2a;border:1px solid var(--navy-border);border-radius:6px;border-radius:var(--radius);color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:14px 10px;text-align:center;transition:all .15s}.category-chip.active,.category-chip:hover{background:#ffffff14;background:var(--gold-dim);border-color:#fff;border-color:var(--gold);color:#fff;color:var(--gold);transform:translateY(-1px)}.category-chip-icon{font-size:22px}.main-content{-webkit-overflow-scrolling:touch;flex:1 1;margin-left:220px;max-width:100%;overflow-x:hidden;padding:32px}.mobile-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--navy-border);height:56px;height:var(--mobile-header-height);justify-content:space-between;padding:0 16px;right:0;z-index:200}.mobile-drawer,.mobile-header{background:#111;background:var(--navy-mid);display:none;left:0;position:fixed;top:0}.mobile-drawer{border-right:1px solid #2a2a2a;border-right:1px solid var(--navy-border);bottom:0;flex-direction:column;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:280px;z-index:300}.mobile-drawer.open{transform:translateX(0)}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:none;inset:0;position:fixed;z-index:250}.bottom-nav{align-items:center;background:#111;background:var(--navy-mid);border-top:1px solid #2a2a2a;border-top:1px solid var(--navy-border);bottom:0;display:none;height:72px;height:var(--bottom-nav-height);justify-content:space-around;left:0;padding:0 8px env(safe-area-inset-bottom);position:fixed;right:0;z-index:200}.bottom-nav-item{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#666;color:var(--text-muted);display:flex;flex-direction:column;gap:3px;min-width:60px;padding:8px 20px;text-decoration:none;transition:color .15s}.bottom-nav-item.active{color:#fff;color:var(--gold)}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{font-family:Inter,sans-serif;font-size:11px;font-weight:500}.bottom-nav-fab{align-items:center;background:#ededed;background:var(--text-primary);border:none;border-radius:50%;box-shadow:0 4px 12px #ffffff26;color:#0a0a0a;color:var(--navy);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:600;height:56px;justify-content:center;margin-bottom:6px;transition:all .2s;width:56px}.bottom-nav-fab:hover{background:#ebebeb;background:var(--gold-light);transform:scale(1.05)}.camera-capture-btn{align-items:center;background:#0a0a0a;background:var(--navy);border:2px dashed #2a2a2a;border:2px dashed var(--navy-border);border-radius:6px;border-radius:var(--radius);color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:8px;justify-content:center;min-height:120px;transition:all .2s;width:100%}.camera-capture-btn:hover{background:#ffffff14;background:var(--gold-dim);border-color:#ededed;border-color:var(--text-primary);color:#ededed;color:var(--text-primary)}.camera-capture-btn .camera-icon{font-size:36px}.camera-capture-btn .camera-label{font-size:15px;font-weight:600}.camera-capture-btn .camera-sub{color:#666;color:var(--text-muted);font-size:12px}.mobile-only{display:none}.desktop-only{display:block}.w-full{width:100%}.text-center{text-align:center}.flex-center{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.mobile-only{display:block}.desktop-only,.sidebar{display:none!important}.mobile-drawer,.mobile-header{display:flex}.mobile-overlay{display:block}.bottom-nav{display:none!important}.main-content{margin-left:0!important;padding:68px 14px 32px!important;padding:calc(var(--mobile-header-height) + 12px) 14px 32px!important}.form-input,.form-select{font-size:16px;min-height:48px;min-height:var(--tap-min);padding:12px 14px}.form-textarea{font-size:16px}form .btn-primary:not(.btn-sm){justify-content:center;width:100%}.toast{bottom:20px;left:14px;max-width:none;right:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-title{font-size:20px}.card{padding:16px}.comp-price{font-size:22px}.data-table .hide-mobile{display:none}.hide-mobile{display:none!important}}