:root{--accent:#ff6b00;--bg:#111;--surface:#1a1a2e;--text:#c8d0e0;--border:#2d2d3d;--text-bright:#fff;--font:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#111111e6;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--text-bright);letter-spacing:-.02em;font-size:1.5rem;font-weight:900}.nav-links{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text);font-size:.9rem;font-weight:700;transition:color .2s}.nav-links a:hover{color:var(--accent)}.btn{font-family:var(--font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.btn-primary{background:var(--accent);color:var(--text-bright)}.btn-primary:hover{background:#e85f00}.btn-google{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-google:hover{border-color:var(--accent);background:#222240}.btn-google svg{width:20px;height:20px}.accent{color:var(--accent)}.section{max-width:1100px;margin:0 auto;padding:6rem 2rem}.hero{text-align:center;background:url(/hero_1920x1080.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative}.hero:before{content:"";background:radial-gradient(ellipse at center, #1119 0%, #111111e6 70%, var(--bg) 100%);z-index:0;position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero-logo{color:var(--text-bright);letter-spacing:-.03em;font-size:clamp(3.5rem,10vw,6rem);font-weight:900;line-height:1.1}.hero-tagline{color:var(--text);max-width:500px;margin-top:1rem;font-size:clamp(1.1rem,3vw,1.5rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.features-section{position:relative;overflow:visible}.accent-cube{opacity:.35;pointer-events:none;filter:blur(.5px);width:180px;height:180px;animation:6s ease-in-out infinite float;position:absolute;top:-40px;right:-60px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(3deg)}}@media (width<=768px){.accent-cube{opacity:.2;width:100px;height:100px;top:-20px;right:-10px}}.features-heading{text-align:center;color:var(--text-bright);margin-bottom:3rem;font-size:2rem;font-weight:900}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #ff6b0014}.feature-icon{margin-bottom:1rem;font-size:2rem}.feature-title{color:var(--text-bright);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.feature-desc{color:var(--text);font-size:.95rem}.steps-heading{text-align:center;color:var(--text-bright);margin-bottom:3rem;font-size:2rem;font-weight:900}.steps{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.step{text-align:center;flex:1;min-width:200px;max-width:300px}.step-number{background:var(--accent);width:48px;height:48px;color:var(--text-bright);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:900;display:inline-flex}.step-title{color:var(--text-bright);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.step-desc{color:var(--text);font-size:.9rem}.cta-section{text-align:center;background:url(/feature_1920x600.png) 50%/cover no-repeat;padding:5rem 2rem;position:relative}.cta-section:before{content:"";z-index:0;background:#111111bf;position:absolute;inset:0}.cta-section>*{z-index:1;position:relative}.cta-heading{color:var(--text-bright);margin-bottom:1.5rem;font-size:2.5rem;font-weight:900}.footer{text-align:center;border-top:1px solid var(--border);color:#666;padding:2rem;font-size:.85rem}.onboarding-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.onboarding-container{width:100%;max-width:560px}.onboarding-progress{justify-content:center;align-items:center;gap:0;margin-bottom:3rem;display:flex}.progress-step{opacity:.35;flex-direction:column;align-items:center;gap:.4rem;transition:opacity .3s;display:flex}.progress-step.active{opacity:1}.progress-dot{background:var(--surface);border:2px solid var(--border);width:36px;height:36px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;transition:all .3s;display:flex}.progress-step.active .progress-dot{background:var(--accent);border-color:var(--accent);color:var(--text-bright)}.progress-step.completed .progress-dot{color:var(--text-bright);background:#22c55e;border-color:#22c55e}.progress-step span{color:var(--text);font-size:.75rem;font-weight:700}.progress-line{background:var(--border);width:60px;height:2px;margin:0 .5rem 1.2rem;transition:background .3s}.progress-line.active{background:var(--accent)}.onboarding-step{text-align:center;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-step.hidden{display:none}.step-icon{margin-bottom:1rem;font-size:3rem}.onboarding-step h1{color:var(--text-bright);margin-bottom:.5rem;font-size:2rem;font-weight:900}.step-description{color:var(--text);max-width:400px;margin:0 auto 2rem;font-size:1rem;line-height:1.5}.nip-input-group{gap:.75rem;max-width:360px;margin:0 auto;display:flex}.nip-input{background:var(--surface);border:2px solid var(--border);color:var(--text-bright);text-align:center;letter-spacing:2px;border-radius:10px;flex:1;padding:.85rem 1rem;font-family:JetBrains Mono,SF Mono,monospace;font-size:1.25rem;transition:border-color .2s}.nip-input:focus{border-color:var(--accent);outline:none}.nip-input::placeholder{color:#444;letter-spacing:2px}.nip-error{color:#f44;margin-top:.75rem;font-size:.85rem}.nip-hint{color:#555;margin-top:1rem;font-size:.8rem}.hidden{display:none!important}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.company-form{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.form-row{gap:1rem;margin-bottom:1rem;display:flex}.form-row:last-child{margin-bottom:0}.form-field{flex:1}.form-field.full{flex:100%}.form-field label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.step-actions{justify-content:center;gap:1rem;display:flex}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--text);color:var(--text-bright)}@media (width<=480px){.nip-input-group{flex-direction:column}.form-row{flex-direction:column;gap:0}.onboarding-step h1{font-size:1.5rem}}.dashboard-page{max-width:900px;margin:0 auto;padding:6rem 2rem 3rem}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-header h1{color:var(--text-bright);font-size:2rem;font-weight:900}.dashboard-subtitle{color:var(--text);margin-top:.25rem;font-size:.95rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:1.5rem}.stat-value{color:var(--text-bright);font-size:2rem;font-weight:900;line-height:1.2}.stat-label{color:var(--text);margin-top:.25rem;font-size:.85rem}.empty-state{text-align:center;color:var(--text);padding:3rem 1rem}.empty-icon{opacity:.4;margin-bottom:1rem;font-size:3rem}.dashboard-footer{text-align:center;margin-top:3rem}.settings-page{max-width:900px;margin:0 auto;padding:6rem 2rem 3rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:var(--text-bright);font-size:2rem;font-weight:900}.settings-subtitle{color:var(--text);margin-top:.25rem;font-size:.95rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.settings-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.settings-card-header h2{color:var(--text-bright);font-size:1.1rem;font-weight:700}.settings-card-body{padding:1.5rem}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.badge-soon{color:var(--accent);background:#ff6b0026}.profile-section{align-items:flex-start;gap:1.5rem;display:flex}.avatar-img{border:2px solid var(--border);border-radius:50%;width:72px;height:72px}.avatar-placeholder{background:var(--accent);width:72px;height:72px;color:var(--text-bright);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;font-weight:900;display:flex}.profile-info{flex-direction:column;flex:1;gap:.75rem;display:flex}.field-group{margin-bottom:1rem}.field-group:last-child{margin-bottom:0}.field-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.field-value{color:var(--text-bright);font-size:1rem;font-weight:400}.field-input{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);background:#ffffff0d;border-radius:8px;padding:.6rem .8rem;font-size:.9rem;transition:border-color .2s}.field-input:focus{border-color:var(--accent);outline:none}.field-input:disabled{opacity:.5;cursor:not-allowed}.logo-upload-placeholder{border:2px dashed var(--border);color:var(--text);opacity:.5;cursor:not-allowed;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.85rem;display:flex}.logo-upload-icon{font-size:2rem;font-weight:300;line-height:1}.subdomain-preview{align-items:center;gap:0;display:flex}.subdomain-input{text-align:right;border-right:none;border-radius:8px 0 0 8px}.subdomain-suffix{border:1px solid var(--border);color:var(--accent);white-space:nowrap;background:#ffffff08;border-radius:0 8px 8px 0;padding:.6rem .8rem;font-size:.9rem;font-weight:700}.danger-zone{border-color:#ff44444d;margin-top:1.5rem}.danger-zone .settings-card-header{border-color:#f443}.danger-zone h2{color:#f44}.danger-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.danger-desc{color:var(--text);margin-top:.2rem;font-size:.85rem}.btn-logout{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:0 0}.btn-logout:hover{color:#f44;border-color:#f44}@media (width<=768px){.nav{padding:.75rem 1rem}.nav-links{gap:.75rem}.section{padding:4rem 1.25rem}.hero{padding-top:4rem}.cta-heading{font-size:1.75rem}}@media (width<=480px){.nav-links a{font-size:.8rem}.hero-actions{flex-direction:column;align-items:center}}