@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap");:root{--font-display:"Outfit",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--bg-base:#f8f9fc;--bg-primary:#fff;--bg-secondary:#f1f3f9;--bg-tertiary:#e8ecf4;--bg-accent:#0d1b2a;--text-primary:#0d1b2a;--text-secondary:#3d5a73;--text-tertiary:#6b8299;--text-inverse:#fff;--accent-primary:#14b8a6;--accent-primary-hover:#0d9488;--accent-secondary:#f97068;--accent-tertiary:#fbbf24;--accent-glow:rgba(20,184,166,.4);--border-light:rgba(13,27,42,.08);--border-medium:rgba(13,27,42,.15);--shadow-sm:0 2px 8px rgba(13,27,42,.06);--shadow-md:0 8px 24px rgba(13,27,42,.08);--shadow-lg:0 16px 48px rgba(13,27,42,.12);--shadow-glow:0 0 40px var(--accent-glow);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;color-scheme:light}.dark-mode{--bg-base:#0a0f1a;--bg-primary:#111827;--bg-secondary:#1e293b;--bg-tertiary:#2d3a4f;--bg-accent:#14b8a6;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0d1b2a;--border-light:hsla(0,0%,100%,.06);--border-medium:hsla(0,0%,100%,.12);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 8px 24px rgba(0,0,0,.3);--shadow-lg:0 16px 48px rgba(0,0,0,.4);--shadow-glow:0 0 60px rgba(20,184,166,.3);color-scheme:dark}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base),color var(--transition-base)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:100vh;background:radial-gradient(ellipse 80% 50% at 20% -20%,rgba(20,184,166,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 20%,hsla(3,92%,69%,.1),transparent),radial-gradient(ellipse 50% 30% at 40% 80%,rgba(251,191,36,.08),transparent);pointer-events:none;z-index:-1}.dark-mode body:before{background:radial-gradient(ellipse 80% 50% at 20% -20%,rgba(20,184,166,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 20%,hsla(3,92%,69%,.08),transparent),radial-gradient(ellipse 50% 30% at 40% 80%,rgba(251,191,36,.05),transparent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin:0 0 1rem}h2{font-size:clamp(1.75rem,3vw,2.5rem);margin:0 0 .75rem}h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;margin:0 0 .5rem}p{color:var(--text-secondary);margin:0 0 1rem}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(248,249,252,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);transition:all var(--transition-base)}.dark-mode .site-header{background:rgba(10,15,26,.85)}.header-content{max-width:1200px;margin:0 auto;padding:16px 32px;justify-content:space-between}.header-content,.header-logo{display:flex;align-items:center}.logo-text{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;cursor:pointer;text-decoration:none;transition:color var(--transition-fast);position:relative}.logo-text:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.logo-text:hover:after{transform:scaleX(1);transform-origin:left}.header-nav{display:flex;align-items:center;gap:32px}.header-nav-link{font-family:var(--font-display);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color var(--transition-fast);position:relative}.header-nav-link:before{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--accent-primary);transform:scaleX(0);transition:transform var(--transition-base)}.header-nav-link:hover{color:var(--text-primary)}.header-nav-link:hover:before{transform:scaleX(1)}.header-login-btn{font-family:var(--font-display);background:var(--bg-accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:10px 24px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.header-login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.header-login-btn:active{transform:translateY(0)}.dark-mode .header-login-btn{background:var(--accent-primary);color:var(--bg-base)}main{max-width:1200px;margin:0 auto;padding:80px 32px 120px}.hero{text-align:center;padding:80px 48px;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary))}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(20,184,166,.05));color:var(--accent-primary);font-family:var(--font-display);font-size:.9rem;font-weight:600;border:1px solid rgba(20,184,166,.2)}.hero h1{background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:28px 0 20px}.dark-mode .hero h1{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text}.hero p{font-size:1.2rem;color:var(--text-secondary);max-width:680px;margin:0 auto 40px;line-height:1.7}.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}button.primary{font-family:var(--font-display);background:linear-gradient(135deg,var(--accent-primary),#0d9488);color:#fff;font-weight:600;border:none;border-radius:var(--radius-md);padding:16px 32px;cursor:pointer;font-size:1rem;box-shadow:0 4px 20px rgba(20,184,166,.4);transition:all var(--transition-fast);position:relative;overflow:hidden}button.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}button.primary:hover:before{left:100%}button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(20,184,166,.5)}button.primary:active{transform:translateY(-1px)}button.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}button.primary:disabled:before{display:none}a.secondary,button.secondary{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-medium);border-radius:var(--radius-md);padding:14px 28px;cursor:pointer;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}a.secondary:hover,button.secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(20,184,166,.05)}.anchor-btn{text-decoration:none}section{margin-top:100px}.section-heading{text-align:center;margin-bottom:56px}.section-heading h2{margin:8px 0 12px}.section-heading p{margin:0 auto;max-width:600px;font-size:1.1rem}.statistics-section{padding:64px 48px;background:var(--bg-accent);border-radius:var(--radius-xl);color:var(--text-inverse);position:relative;overflow:hidden}.statistics-section:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(20,184,166,.2),transparent 70%);pointer-events:none}.dark-mode .statistics-section{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid var(--border-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:32px;gap:32px;margin-top:48px}.stats-grid>div{text-align:center;padding:32px;background:hsla(0,0%,100%,.05);border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.1);transition:all var(--transition-base)}.stats-grid>div:hover{background:hsla(0,0%,100%,.08);transform:translateY(-4px)}.stats-grid>div>div:first-child{font-size:.9rem;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.stats-grid>div>div:nth-child(2){font-family:var(--font-display);font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:8px 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.feature-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));transition:height var(--transition-base)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.feature-card:hover:before{height:100%}.feature-card h3{margin-top:16px;margin-bottom:12px}.feature-card p{margin:0;line-height:1.6}.process-steps{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto;position:relative}.process-step{display:grid;grid-template-columns:72px 1fr;grid-gap:28px;gap:28px;padding:32px;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:relative;opacity:0;transform:translateX(-30px);transition:all var(--transition-slow)}.process-step.visible{opacity:1;transform:translateX(0)}.process-step:hover{transform:translateY(-4px) translateX(0);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.process-step:nth-child(2n){margin-left:60px}.process-step:nth-child(odd){margin-right:60px}.step-number{width:72px;height:72px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px rgba(20,184,166,.35);transition:all var(--transition-base)}.process-step:hover .step-number{transform:scale(1.08) rotate(-3deg);box-shadow:0 12px 32px rgba(20,184,166,.45)}.step-body h3{margin:8px 0 10px;font-size:1.35rem;transition:color var(--transition-fast)}.process-step:hover .step-body h3{color:var(--accent-primary)}.step-body p{margin:0;line-height:1.7}.small-badge{display:inline-flex;padding:5px 14px;border-radius:var(--radius-sm);font-size:.8rem;background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-display);font-weight:600;transition:all var(--transition-fast)}.process-step:hover .small-badge{background:rgba(20,184,166,.1);color:var(--accent-primary)}.step-connector{position:absolute;left:36px;top:110px;bottom:-24px;width:2px;background:linear-gradient(180deg,var(--accent-primary),transparent);z-index:1;opacity:0;transition:opacity var(--transition-slow) .2s}.process-step.visible .step-connector{opacity:.5}.process-step:last-child .step-connector{display:none}.rankings-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.panel{background:linear-gradient(135deg,var(--bg-accent) 0,#1e3a5f 100%);color:var(--text-inverse);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg)}.dark-mode .panel{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid var(--border-light)}.panel h3{font-family:var(--font-display);margin-top:0;margin-bottom:20px;color:#fff}.connection-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.connection-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:hsla(0,0%,100%,.05);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.connection-item:hover{background:hsla(0,0%,100%,.1)}.signal{font-family:var(--font-display);font-weight:700;color:var(--accent-primary)}.insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;gap:24px}.insight-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.insight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}footer{margin-top:100px;padding:40px 0;border-top:1px solid var(--border-light)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-nav{display:flex;gap:32px}.footer-nav a{font-family:var(--font-display);color:var(--text-tertiary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--accent-primary)}.app-shell{max-width:1200px;margin:0 auto;padding:48px 32px 120px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--border-light);margin-bottom:40px}.app-header h1{font-size:1.75rem;margin:0}.app-header p{margin:8px 0 0;color:var(--text-secondary)}.app-header-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.welcome-message{color:var(--text-secondary);font-size:.95rem}.welcome-message strong{color:var(--text-primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:12px}.logout-btn{border-color:hsla(3,92%,69%,.3)!important;color:var(--accent-secondary)!important}.logout-btn:hover{background:hsla(3,92%,69%,.08)!important;border-color:var(--accent-secondary)!important}.app-side-panel,.icp-panel,.preview-panel,.upload-panel{background:var(--bg-primary);border-radius:var(--radius-lg);padding:36px;border:1px solid var(--border-light);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.icp-panel h2,.upload-panel h2{font-size:1.35rem;margin:0 0 8px}.icp-panel p,.upload-panel p{margin:0;color:var(--text-secondary)}.upload-dropzone{margin-top:28px;padding:48px 32px;border:2px dashed var(--border-medium);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);position:relative;background:var(--bg-secondary)}.upload-dropzone:hover{border-color:var(--accent-primary);background:rgba(20,184,166,.03)}.upload-dropzone.dragging{border-color:var(--accent-primary);background:rgba(20,184,166,.08);box-shadow:var(--shadow-glow)}.upload-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-dropzone label{display:block;cursor:pointer;font-family:var(--font-display);font-weight:500;color:var(--text-secondary)}.upload-tips{margin-top:28px;padding-left:20px;color:var(--text-tertiary)}.upload-tips li{margin-bottom:8px}.upload-status{margin-top:28px;padding:20px 24px;border-radius:var(--radius-md);border:1px solid rgba(20,184,166,.3);background:rgba(20,184,166,.08);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.inline-pill{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);padding:6px 14px;font-family:var(--font-display);font-size:.85rem;font-weight:600}.helper-text{color:var(--text-tertiary)}.error-text,.helper-text{margin-top:12px;font-size:.9rem}.error-text{padding:14px 18px;border-radius:var(--radius-md);border:1px solid hsla(3,92%,69%,.3);background:hsla(3,92%,69%,.08);color:var(--accent-secondary)}.icp-panel{display:flex;flex-direction:column;gap:28px}.icp-header h2{margin:0 0 8px}.icp-header p{margin:0}.icp-form{display:grid;grid-gap:20px;gap:20px}.icp-form label{display:flex;flex-direction:column;font-family:var(--font-display);font-weight:600;color:var(--text-primary);gap:8px;font-size:.95rem}.icp-form input,.icp-form textarea{font-family:var(--font-body);border-radius:var(--radius-md);border:2px solid var(--border-light);padding:14px 16px;font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition-fast)}.icp-form textarea{resize:vertical;min-height:100px}.icp-form input:focus,.icp-form textarea:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 4px rgba(20,184,166,.15)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-top:8px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400;font-family:var(--font-body);color:var(--text-primary);font-size:.9rem;transition:color var(--transition-fast)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-label:hover{color:var(--accent-primary)}.weighting-panel{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:24px;background:rgba(20,184,166,.03)}.weighting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.weight-grid{gap:20px}.weight-control,.weight-grid{display:flex;flex-direction:column}.weight-control{gap:8px}.weight-label{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--text-primary)}.weight-control input[type=range]{accent-color:var(--accent-primary);height:8px}.weighting-hint{margin:20px 0 0;color:var(--text-tertiary);font-size:.9rem}.analyze-btn{width:100%;margin-top:20px}.analyze-helper{display:block;margin-top:10px;color:var(--text-tertiary);font-size:.85rem;text-align:center}.analysis-progress-container{width:100%}.progress-bar-wrapper{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .3s ease}.analysis-status{margin-top:12px;font-size:.9rem;color:var(--text-secondary);text-align:center}.upload-history-panel{background:var(--bg-primary);border-radius:var(--radius-lg);padding:36px;border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.upload-history-panel h3{font-size:1.2rem;margin:0 0 20px}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.history-item{padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);transition:all var(--transition-base)}.history-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}.history-stats{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.history-stat-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.75rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary)}.history-stat-badge.score{background:rgba(20,184,166,.15);color:var(--accent-primary)}.history-icp-summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.history-load-btn{margin-top:16px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--accent-primary);background:rgba(20,184,166,.08);color:var(--accent-primary);font-family:var(--font-display);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.history-load-btn:hover{background:var(--accent-primary);color:#fff}.empty-state{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:32px;text-align:center;color:var(--text-tertiary);background:var(--bg-secondary)}.empty-state span{display:block;margin-top:8px}.heat-pill{display:inline-flex;align-items:center;justify-content:flex-end;font-family:var(--font-display);font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-sm);background:hsla(3,92%,69%,.12);color:var(--accent-secondary);margin-top:4px}.enrichment-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:.85rem;color:var(--text-primary)}.enrichment-line span:after{content:"•";margin:0 6px;color:var(--text-tertiary)}.enrichment-line span:last-child:after{content:"";margin:0}.product-summary{margin:10px 0 0;font-size:.9rem;color:var(--text-secondary)}.confidence-badge{display:inline-block;margin-left:8px;padding:4px 10px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.75rem;font-weight:600}.confidence-badge[data-confidence=high]{background:rgba(20,184,166,.15);color:var(--accent-primary)}.confidence-badge[data-confidence=medium]{background:rgba(251,191,36,.15);color:#d97706}.confidence-badge[data-confidence=low]{background:hsla(3,92%,69%,.15);color:var(--accent-secondary)}.review-section{padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.review-section label{display:flex;flex-direction:column;gap:10px}.review-section .confidence-badge{align-self:flex-start;margin-left:0}.step-content h3{margin-top:0;margin-bottom:10px;font-size:1.3rem}.step-content>p{margin-bottom:24px;color:var(--text-tertiary);font-size:.95rem;line-height:1.6}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--bg-base);position:relative}.signup-container:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(ellipse 80% 50% at 20% 0,rgba(20,184,166,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,hsla(3,92%,69%,.1),transparent);pointer-events:none}.signup-card{width:100%;max-width:560px;background:var(--bg-primary);border-radius:var(--radius-xl);padding:56px 48px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;animation:fadeInUp .5s ease-out}.signup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.signup-header{text-align:center;margin-bottom:40px}.signup-header h1{font-size:2rem;margin:20px 0 12px;background:none;-webkit-text-fill-color:var(--text-primary)}.signup-header p{font-size:1.05rem;margin:0}.signup-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.signup-form label{display:flex;flex-direction:column;gap:8px;font-family:var(--font-display);font-weight:600;color:var(--text-primary);font-size:.95rem}.required{color:var(--accent-secondary)}.signup-form input,.signup-form select{font-family:var(--font-body);padding:14px 16px;border-radius:var(--radius-md);border:2px solid var(--border-light);font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition-fast)}.signup-form input:focus,.signup-form select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 4px rgba(20,184,166,.15)}.signup-form input.error,.signup-form select.error{border-color:var(--accent-secondary);background:hsla(3,92%,69%,.05)}.signup-form input.error:focus,.signup-form select.error:focus{box-shadow:0 0 0 4px hsla(3,92%,69%,.15)}.field-error{color:var(--accent-secondary);font-size:.85rem;font-weight:500;margin-top:4px}.signup-form-actions{display:flex;gap:16px;margin-top:8px}.signup-form-actions button{flex:1 1}.integrations-hero{text-align:center;padding:80px 48px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);margin-bottom:80px;position:relative;overflow:hidden}.integrations-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary))}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:28px auto 0;line-height:1.7}.integrations-value-prop{margin-bottom:100px}.value-prop-content{background:var(--bg-primary);border-radius:var(--radius-xl);padding:56px;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.value-prop-content h2{font-size:2rem;margin-bottom:16px;text-align:center}.value-prop-content>p{font-size:1.1rem;text-align:center;max-width:800px;margin:0 auto 56px;line-height:1.7}.value-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-top:48px}.value-point{display:flex;gap:24px;align-items:flex-start}.value-point-icon{font-size:2.5rem;flex-shrink:0}.value-point h3{font-size:1.25rem;margin-bottom:10px}.value-point p{margin:0;line-height:1.7}.integrations-grid-section{margin-bottom:100px}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:32px;gap:32px;margin-top:56px}.integration-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-base);position:relative;overflow:hidden}.integration-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));transition:height var(--transition-base)}.integration-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.integration-card:hover:before{height:100%}.integration-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.integration-icon{font-size:2.5rem;flex-shrink:0}.integration-title-row{display:flex;align-items:center;justify-content:space-between;flex:1 1;gap:16px}.integration-title-row h3{font-size:1.5rem;margin:0}.coming-soon-badge{display:inline-block;padding:6px 16px;border-radius:var(--radius-sm);background:rgba(251,191,36,.15);color:#d97706;font-family:var(--font-display);font-size:.85rem;font-weight:600}.integration-description{color:var(--text-secondary);line-height:1.7;margin-bottom:28px;font-size:1.05rem}.integration-benefits{margin-top:28px;padding-top:28px;border-top:1px solid var(--border-light)}.integration-benefits h4{font-size:1rem;margin-bottom:16px}.integration-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.integration-benefits li{color:var(--text-secondary);line-height:1.6;padding-left:28px;position:relative}.integration-benefits li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.integrations-cta{text-align:center;padding:72px 48px;background:linear-gradient(135deg,var(--bg-accent) 0,#1e3a5f 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:80px;position:relative;overflow:hidden}.integrations-cta:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(20,184,166,.3),transparent 70%);pointer-events:none}.dark-mode .integrations-cta{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid var(--border-light)}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:2.5rem;margin-bottom:20px;color:#fff}.cta-content p{font-size:1.2rem;color:hsla(0,0%,100%,.85);margin-bottom:36px;max-width:600px;margin-left:auto;margin-right:auto}.cta-content .primary{background:#fff;color:var(--bg-accent);padding:18px 40px;font-size:1.1rem;box-shadow:0 8px 30px rgba(0,0,0,.3)}.cta-content .primary:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(13,27,42,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 36px;border-bottom:1px solid var(--border-light)}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:transparent;border:none;font-size:1.75rem;color:var(--text-tertiary);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:36px;overflow-y:auto;flex:1 1}.preview-panel{width:100%;max-width:100%}.dark-mode-toggle-container{position:fixed;bottom:28px;right:28px;z-index:999}.dark-mode-toggle{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-medium);border-radius:var(--radius-md);padding:12px 20px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);display:flex;align-items:center;gap:10px}.dark-mode-toggle:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.dark-mode-toggle:active{transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.header-content{padding:14px 20px}.logo-text{font-size:1.5rem}.header-nav{gap:20px}.header-nav-link{font-size:.9rem}.header-login-btn{padding:8px 18px;font-size:.85rem}main{padding:48px 20px 80px}.hero{padding:56px 28px}.hero h1{font-size:2rem}.hero p{font-size:1.05rem}.hero-ctas{flex-direction:column;align-items:stretch}.feature-grid{grid-template-columns:1fr}.process-steps{gap:20px}.process-step{grid-template-columns:56px 1fr;gap:20px;padding:24px;margin-left:0!important;margin-right:0!important}.step-number{width:56px;height:56px;font-size:1.25rem}.step-connector{left:28px;top:90px}.step-body h3{font-size:1.15rem}.statistics-section{padding:48px 28px}.stats-grid{grid-template-columns:1fr;gap:20px}.stats-grid>div{padding:24px}.stats-grid>div>div:nth-child(2){font-size:2.75rem}.signup-card{padding:40px 28px}.signup-header h1{font-size:1.65rem}.form-row{grid-template-columns:1fr}.signup-form-actions{flex-direction:column}.app-shell{padding:32px 20px 80px}.app-header,.app-header-right{flex-direction:column;align-items:flex-start}.app-header-right{width:100%;gap:16px}.header-actions{width:100%;flex-direction:column;gap:10px}.header-actions button{width:100%}.icp-panel,.preview-panel,.upload-history-panel,.upload-panel{padding:28px 24px}.integrations-hero{padding:56px 28px}.hero-subtitle{font-size:1.1rem}.value-prop-content{padding:36px 28px}.value-prop-content h2{font-size:1.65rem}.value-points{grid-template-columns:1fr;gap:32px}.integrations-grid{grid-template-columns:1fr;gap:24px}.integration-card{padding:28px 24px}.integrations-cta{padding:56px 28px}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1.05rem}.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh}.modal-header{padding:20px 24px}.modal-body{padding:24px}.dark-mode-toggle-container{bottom:20px;right:20px}.dark-mode-toggle{padding:10px 16px;font-size:.85rem}.footer-content{flex-direction:column;text-align:center}.footer-nav{justify-content:center;gap:24px}.results-grid{grid-template-columns:1fr!important}.history-item-header{flex-direction:column;align-items:flex-start}.history-stats{flex-direction:row;align-items:center;margin-top:12px}}@media (max-width:480px){.hero{padding:40px 20px}.hero h1{font-size:1.75rem}a.secondary,button.primary,button.secondary{padding:14px 24px;font-size:.95rem}.signup-card{padding:32px 20px}.integration-title-row{flex-direction:column;align-items:flex-start;gap:10px}}