:root{--color-m1:#000126;--color-m2:#00317A;--color-m3:#0067B2;--color-m4:#009CDE;--color-m5:#7BCAED;--color-m6:#E1F4FF;--color-s1:#080C13;--color-s2:#2C3038;--color-s3:#6B7077;--color-s4:#A4A7AB;--color-s5:#D3D5D6;--color-s6:#EFF0F0;--color-red:#DA2025;--color-orange:#E56600;--color-yellow:#F6A900;--color-green:#36A058;--color-black:#000000;--color-white:#FFFFFF;--color-primary:var(--color-m3);--color-primary-hover:var(--color-m2);--color-primary-light:var(--color-m6);--color-bg:var(--color-white);--color-surface:var(--color-white);--color-text:var(--color-s1);--color-text-secondary:var(--color-s3);--color-border:var(--color-s5);--color-success:var(--color-green);--color-error:var(--color-red);--color-warning:var(--color-orange);--radius:0.75rem;--radius-sm:0.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,1,38,0.05);--shadow-md:0 4px 6px -1px rgba(0,1,38,0.07),0 2px 4px -2px rgba(0,1,38,0.05);--shadow-lg:0 10px 15px -3px rgba(0,1,38,0.08),0 4px 6px -4px rgba(0,1,38,0.05);--shadow-card:0 1px 3px rgba(0,1,38,0.04),0 1px 2px rgba(0,1,38,0.02);--shadow-card-hover:0 8px 25px -5px rgba(0,1,38,0.1),0 4px 10px -5px rgba(0,1,38,0.04);--shadow-pricing-popular:0 20px 40px -10px rgba(0,103,178,0.2),0 0 0 1px rgba(0,103,178,0.15);--shadow-nav:0 1px 3px rgba(0,1,38,0.06),0 1px 2px rgba(0,1,38,0.04);--shadow-glow-primary:0 0 20px rgba(0,103,178,0.15),0 0 60px rgba(0,103,178,0.05);--gradient-hero:linear-gradient(180deg,#000126,#001a4a 50%,#00264d);--color-surface-warm:#FAFBFC;--color-surface-cool:#F7F9FB;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out-soft:cubic-bezier(0.45,0,0.55,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-entrance:500ms;--font-family:"Inter","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Fira Code","Consolas",monospace}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-s6);color:var(--color-text);line-height:1.5;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}.card{background:var(--color-surface);border:1px solid rgba(0,1,38,.06);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-card);transition:border-color var(--duration-normal) ease,box-shadow var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.card-hero{background:linear-gradient(135deg,rgba(0,103,178,.06),rgba(0,156,222,.03));border:1px solid rgba(0,103,178,.12);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;font-family:var(--font-family);cursor:pointer;border:1px solid transparent;transition:all var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),transform var(--duration-fast) ease;min-height:40px;position:relative;overflow:hidden}.btn,.btn:hover{text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);transition-duration:50ms}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 1px 2px rgba(0,103,178,.2)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px rgba(0,103,178,.3)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-s6);border-color:var(--color-s4)}.btn-ghost{background:transparent;color:var(--color-primary);border-color:transparent;padding:.5rem .75rem}.btn-ghost:hover{background:var(--color-m6);transform:none}.btn-lg{padding:.875rem 1.75rem;border-radius:12px}.btn-lg,.input{font-size:.9375rem;min-height:48px}.input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:10px;font-family:var(--font-family);outline:none;transition:border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease,background var(--duration-normal) ease;background:var(--color-white);color:var(--color-text)}.input::placeholder{color:var(--color-s4)}.input:hover{border-color:var(--color-s4)}.input:focus{border-color:var(--color-m3);box-shadow:0 0 0 3px rgba(0,103,178,.1);background:var(--color-white)}.label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem;color:var(--color-s2)}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.01em}.badge-success{background:#e8f5ec;color:#1f7a3f}.badge-warning{background:#fef3e0;color:#b85400}.badge-error{background:#fce8e8;color:#b01a1e}.badge-info{background:var(--color-m6);color:var(--color-m2)}.nav{background:var(--color-m1);padding:0 1.5rem}.nav-inner{max-width:1120px;margin:0 auto;gap:2rem;height:3.5rem}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{gap:.5rem;font-size:1rem;font-weight:700;letter-spacing:-.01em}.nav-brand,.nav-brand:hover{color:var(--color-white);text-decoration:none}.nav-brand-icon{width:24px;height:24px}.nav-links{display:flex;gap:1.5rem}.nav-link{font-size:.8125rem;font-weight:500;color:var(--color-m5);text-decoration:none;padding:.25rem 0;transition:color .15s ease}.nav-link:hover{color:var(--color-white);text-decoration:none}.page-header{padding:1.5rem 0 1.25rem}.page-title{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--color-m1)}.page-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin-top:.125rem}.form-group{margin-bottom:1rem}.code-block{background:var(--color-m1);color:var(--color-m5);padding:.875rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;overflow-x:auto;position:relative}.copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.25rem .625rem;font-size:.6875rem;font-family:var(--font-family);font-weight:600;background:rgba(255,255,255,.08);color:var(--color-m5);border:1px solid rgba(255,255,255,.12);border-radius:.25rem;cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:rgba(255,255,255,.16);color:var(--color-white)}.progress-bar{width:100%;height:8px;background:var(--color-s6);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .5s ease}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:1rem}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1rem}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.stat-card{text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-m3)}.stat-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem}.empty-state,.stat-label{color:var(--color-text-secondary)}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state h3{font-size:1.125rem;color:var(--color-text);margin-bottom:.5rem}.tenant-list{display:flex;flex-direction:column;gap:.5rem}.tenant-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-sm)}.tenant-card:hover{border-color:var(--color-m4);box-shadow:var(--shadow-md)}.tenant-info h3{font-size:.9375rem;font-weight:600;color:var(--color-m1)}.tenant-info p{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.125rem}.setup-layout{display:grid;grid-template-columns:240px 1fr;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:768px){.setup-layout{grid-template-columns:1fr;gap:1rem}}.stepper{flex-direction:column}.stepper,.stepper-item{display:flex;position:relative}.stepper-item{align-items:flex-start;gap:.75rem;padding:.875rem 0;cursor:pointer;border:none;background:none;text-align:left;font-family:var(--font-family)}.stepper-node{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1}.stepper-node-pending{background:var(--color-s6);color:var(--color-s4);border:2px solid var(--color-s5)}.stepper-node-active{background:var(--color-m3);color:var(--color-white);border:2px solid var(--color-m3);box-shadow:0 0 0 4px rgba(0,103,178,.12)}.stepper-node-done{background:var(--color-green);color:var(--color-white);border:2px solid var(--color-green)}.stepper-line{position:absolute;left:13px;top:42px;width:2px;height:calc(100% - 28px);background:var(--color-s5);transition:background .3s ease}.stepper-line-done{background:var(--color-green)}.stepper-label{font-size:.875rem;font-weight:600;color:var(--color-s3);transition:color .2s ease;line-height:1.3}.stepper-label-active{color:var(--color-m1)}.stepper-sublabel{font-size:.75rem;color:var(--color-s4);margin-top:1px;font-weight:400}.step-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.step-counter{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-m3);margin-bottom:.5rem}.step-title{font-size:1.125rem;font-weight:700;color:var(--color-m1);margin-bottom:.25rem}.step-desc{font-size:.875rem;color:var(--color-s3);margin-bottom:1.25rem;line-height:1.5}.tone-pills{display:flex;gap:.375rem;flex-wrap:wrap}.tone-pill{padding:.375rem .875rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-white);color:var(--color-s2);font-size:.8125rem;font-weight:400;cursor:pointer;font-family:var(--font-family);transition:all .15s ease}.tone-pill:hover{border-color:var(--color-m4);color:var(--color-m2)}.tone-pill-active{border-color:var(--color-m3);background:var(--color-m6);color:var(--color-m2);font-weight:600}.tab-bar{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;gap:0}.tab-item{padding:.625rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-s3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:var(--font-family);transition:color .15s ease,border-color .15s ease;white-space:nowrap}.tab-item-active,.tab-item:hover{color:var(--color-m1)}.tab-item-active{font-weight:600;border-bottom-color:var(--color-m3)}.tab-badge{margin-left:.375rem;font-size:.6875rem;padding:1px 6px;border-radius:var(--radius-full);font-weight:600}@keyframes pulse-live{0%,to{box-shadow:0 0 0 0 rgba(54,160,88,.3)}50%{box-shadow:0 0 0 6px rgba(54,160,88,0)}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-green);animation:pulse-live 3s ease-in-out infinite;flex-shrink:0}.scrape-phases{display:flex;gap:.375rem;margin-bottom:.75rem}.scrape-phase{flex:1 1;text-align:center}.scrape-phase-node{width:24px;height:24px;border-radius:50%;margin:0 auto 2px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;transition:all .4s ease}.scrape-phase-label{font-size:.625rem;font-weight:400;color:var(--color-s4);transition:all .3s ease}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.celebrate{animation:celebrate .6s ease}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--color-s6) 0,#e8e9ea 40px,var(--color-s6) 80px);background-size:200px 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--radius-sm)}.disclosure-trigger{background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--color-m3);font-weight:500;font-family:var(--font-family);padding:0;display:inline-flex;align-items:center;gap:.25rem}.disclosure-trigger:hover{color:var(--color-m2)}.hero{padding:5rem 0;text-align:center}.hero-title{font-size:3rem;font-weight:700;line-height:1.1;color:var(--color-m1);margin-bottom:1rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:560px;margin:0 auto 2.5rem;line-height:1.6}.hero-actions{display:flex;gap:.75rem;justify-content:center}.hero-actions .btn{font-size:1rem;padding:.875rem 1.75rem}.features{margin-top:5rem}.feature-card{text-align:center;padding:2rem 1.5rem}.feature-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-m6);color:var(--color-m3);font-size:1rem;font-weight:700;margin-bottom:1rem}.feature-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--color-m1)}.feature-card p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.dismiss-btn{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-s3);cursor:pointer;transition:all .15s ease;padding:0;font-family:var(--font-family)}.dismiss-btn:hover{background:rgba(0,0,0,.05);color:var(--color-s1)}.text-mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}