:root{--hd-navy:#0b2545;--hd-blue:#1d4ed8;--hd-blue-soft:#e8efff;--hd-teal:#0f9d8a;--hd-teal-soft:#e3f6f3;--hd-ink:#1f2937;--hd-muted:#6b7280;--hd-surface:#fff;--hd-page:#f5f7fb;--hd-border:#e5e7eb;--hd-radius:1rem;--hd-shadow:0 10px 30px #0b254514;--bs-primary:var(--hd-blue);--bs-primary-rgb:29, 78, 216;--bs-link-color:var(--hd-blue);--bs-link-color-rgb:29, 78, 216;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background:var(--hd-page);color:var(--hd-ink);margin:0}#app{min-height:100vh}.btn-primary{--bs-btn-bg:var(--hd-blue);--bs-btn-border-color:var(--hd-blue);--bs-btn-hover-bg:#1e40af;--bs-btn-hover-border-color:#1e40af;--bs-btn-active-bg:#1e3a8a;--bs-btn-disabled-bg:#93a8e8;--bs-btn-disabled-border-color:#93a8e8}.hd-navbar{-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--hd-border);z-index:1030;background:#ffffffeb;position:sticky;top:0}.hd-brand{color:var(--hd-navy);align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:flex}.hd-brand img{width:auto;height:2.5rem}.hd-brand-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--hd-teal);background:var(--hd-teal-soft);border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600}.hd-navbar .nav-link{color:var(--hd-muted);border-radius:.5rem;font-weight:500;padding:.4rem .8rem!important}.hd-navbar .nav-link:hover,.hd-navbar .nav-link.active{color:var(--hd-navy);background:var(--hd-blue-soft)}.hd-avatar{object-fit:cover;border:2px solid var(--hd-blue-soft);border-radius:50%;width:2.25rem;height:2.25rem}.hd-initials{width:2.5rem;height:2.5rem;color:var(--hd-blue);background:var(--hd-blue-soft);border-radius:50%;flex:0 0 2.5rem;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.hd-hero{background:radial-gradient(1200px 400px at 85% -10%, #0f9d8a2e, transparent 60%), radial-gradient(900px 500px at -10% 110%, #1d4ed829, transparent 60%), linear-gradient(180deg, #fff 0%, var(--hd-page) 100%);padding:4.5rem 0 3.5rem}.hd-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--hd-blue);background:var(--hd-blue-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.hd-hero h1{color:var(--hd-navy);letter-spacing:-.02em;margin:1.25rem 0 1rem;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.1}.hd-hero h1 span{color:var(--hd-teal)}.hd-hero .hd-lead{color:var(--hd-muted);max-width:34rem;font-size:1.15rem}.hd-hero-visual{position:relative}.hd-hero-visual img{width:100%;box-shadow:var(--hd-shadow);object-fit:cover;aspect-ratio:4/3;border-radius:1.5rem}.hd-float-card{background:var(--hd-surface);border-radius:var(--hd-radius);max-width:17rem;box-shadow:var(--hd-shadow);padding:1rem 1.1rem;font-size:.9rem;position:absolute;bottom:-1.5rem;left:-1.5rem}@media (width<=991.98px){.hd-float-card{max-width:none;margin-top:1rem;position:static}}.hd-section{padding:3.5rem 0}.hd-section-title{color:var(--hd-navy);letter-spacing:-.01em;font-weight:800}.hd-feature{background:var(--hd-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius);height:100%;padding:1.5rem;transition:transform .15s,box-shadow .15s}.hd-feature:hover{box-shadow:var(--hd-shadow);transform:translateY(-3px)}.hd-feature h3{color:var(--hd-navy);margin:1rem 0 .5rem;font-size:1.1rem;font-weight:700}.hd-feature p{color:var(--hd-muted);margin:0}.hd-icon{width:3rem;height:3rem;color:var(--hd-blue);background:var(--hd-blue-soft);border-radius:.85rem;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.hd-icon.teal{color:var(--hd-teal);background:var(--hd-teal-soft)}.hd-step-number{color:#fff;background:var(--hd-navy);border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:700;display:inline-flex}.hd-rules{background:var(--hd-navy);color:#dbe4f3;border-radius:1.25rem;padding:2rem}.hd-rules h2{color:#fff}.hd-rules li{margin-bottom:.5rem}.hd-rules svg{color:#5eead4}.hd-page{padding:2rem 0 3rem}.hd-page-header h1{color:var(--hd-navy);margin:0;font-size:1.75rem;font-weight:800}.hd-card{background:var(--hd-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius);box-shadow:0 1px 2px #0b25450a}.hd-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1.25rem 0;display:flex}.hd-card-header h2{color:var(--hd-navy);align-items:center;gap:.6rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.hd-card-body{padding:1.25rem}.hd-step-badge{color:#fff;background:var(--hd-blue);border-radius:50%;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:700;display:inline-flex}.hd-customer-list{max-height:26rem;overflow-y:auto}.hd-customer{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.hd-customer:hover{background:var(--hd-page)}.hd-customer.selected{background:var(--hd-blue-soft);border-color:#1d4ed859}.hd-customer .name{color:var(--hd-navy);font-weight:600}.hd-customer .email{color:var(--hd-muted);word-break:break-all;font-size:.85rem}.hd-preview{background:var(--hd-teal-soft);border:1px dashed #0f9d8a99;border-radius:.85rem;padding:1rem 1.1rem}.hd-empty{text-align:center;color:var(--hd-muted);padding:2rem 1rem}.hd-empty svg{color:#c7d2fe;margin-bottom:.5rem;font-size:1.75rem}.hd-footer{border-top:1px solid var(--hd-border);background:var(--hd-surface);color:var(--hd-muted);padding:1.25rem 0;font-size:.875rem}.hd-footer img{width:auto;height:1.75rem}.contract-card{background-color:var(--hd-surface);border-radius:var(--hd-radius);border:1px solid var(--hd-border);margin-top:1em}