*,:before,:after{box-sizing:border-box;margin:0;padding:0}.cf-page{min-height:calc(100vh - var(--nav-h));max-width:var(--max-w);flex-direction:column;margin:0 auto;padding:0 40px 40px;display:flex}.cf-topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 16px;display:flex}.cf-topbar-left{align-items:center;gap:16px;display:flex}.cf-topbar-right{align-items:center;gap:10px;display:flex}.cf-form{flex-direction:column;flex:1;display:flex}.cf-block{border-bottom:1px solid var(--border);grid-template-columns:180px 1fr;align-items:start;gap:0 32px;padding:20px 0;display:grid}.cf-block-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;padding-top:11px;font-size:11px;font-weight:600;display:flex}.cf-num{color:var(--red);font-variant-numeric:tabular-nums}.cf-fields{flex-direction:column;gap:12px;display:flex}.cf-row{gap:12px;display:grid}.cf-row-2{grid-template-columns:1fr 1fr}.cf-row-3{grid-template-columns:1fr 1fr 1fr}.cf-col-2{grid-column:span 2}.cf-split-row{border:1px solid var(--border);border-radius:6px;align-items:stretch;margin-top:4px;display:flex;overflow:hidden}.cf-split-cell{background:#f5f5f5;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cf-split-divider{background:var(--border);flex-shrink:0;width:1px}.cf-split-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.cf-split-dot{background:var(--red);border-radius:1px;flex-shrink:0;width:6px;height:6px}.cf-split-value{color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;font-size:18px;font-weight:300}@media (width<=760px){.cf-page{padding:0 16px 24px}.cf-block{grid-template-columns:1fr;gap:8px}.cf-block-label{padding-top:0}.cf-row-3,.cf-row-2,.cf-row{grid-template-columns:1fr}.cf-col-2{grid-column:span 1}.cf-split-row{flex-direction:column}.cf-split-divider{width:100%;height:1px}.navbar{z-index:300;background:#fff;border-bottom:1px solid #0000000f;padding:0;box-shadow:0 1px 8px #00000012}.navbar-left{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;margin:0;padding:8px 16px}.navbar-logo{text-align:center;justify-content:center}.navbar-logo-text{text-align:center}.scope-item{grid-template-columns:28px 1fr 40px;align-items:center;gap:12px;padding:6px 0;display:grid}.scope-item-num{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:28px;font-size:12px}.scope-item input{background:var(--dark-input);box-sizing:border-box;border:1px solid #e6e6e6;border-radius:6px;width:100%;min-height:44px;padding:10px 12px}.scope-item .btn-danger{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;margin-top:0;padding:0;font-size:16px;transition:color .12s,background .12s;display:inline-flex;position:static;top:auto;right:auto;transform:none}.scope-item .btn-danger:hover{color:var(--red);background:#00000005}#preview-btn{display:none}.preview-btn-mobile{box-sizing:border-box;width:100%;margin:18px auto 0;padding:12px 16px;display:block}.mobile-preview-wrap{max-width:var(--max-w);margin:0 auto;padding:0 16px 20px}}:root{--bg:#fff;--bg-2:#f7f7f7;--bg-input:#f5f5f5;--dark:#fff;--dark-2:#f7f7f7;--dark-card:#f0f0f0;--dark-input:#f5f5f5;--light:#0d0d0d;--red:#c0392b;--accent:#d45f3c;--success:#2e7d52;--border:#0000001a;--border-hover:#0003;--border-strong:#00000059;--text-primary:#0d0d0d;--text-secondary:#666;--text-muted:#aaa;--font-sans:"Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--max-w:1200px;--nav-h:72px}html,body{height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}#root{min-height:100vh}.navbar{z-index:200;pointer-events:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-left{pointer-events:all;background:#fff;border:1px solid #0000001f;border-radius:4px;align-items:center;gap:24px;padding:8px 20px 8px 14px;display:flex;box-shadow:0 1px 8px #00000012}.navbar-logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo-mark{color:#f0ede6;letter-spacing:-1px;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:flex;overflow:hidden}.navbar-logo-mark img{object-fit:cover;width:100%;height:100%;display:block}.navbar-logo-text{color:var(--text-primary);letter-spacing:-.2px;font-size:14px;font-weight:600}.navbar-links{align-items:center;gap:2px;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font-sans);background:0 0;border:none;border-radius:4px;padding:5px 12px;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);background:#ffffff0f}.navbar-right{pointer-events:all}.page-wrapper{min-height:100vh;padding-top:var(--nav-h)}.page-container{max-width:var(--max-w);margin:0 auto;padding:0 40px}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.section-label:before{content:"";background:var(--red);border-radius:1px;flex-shrink:0;width:7px;height:7px;display:inline-block}.page-hero{border-bottom:1px solid var(--border);padding:60px 0 40px}.page-hero h1{letter-spacing:-1.5px;margin-bottom:0;font-size:clamp(42px,5vw,72px);font-weight:300;line-height:.95}.page-hero h1 em{color:var(--text-secondary);font-style:normal}.page-hero-sub{color:var(--text-secondary);max-width:480px;margin-top:16px;font-size:15px;line-height:1.6}.page-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.form-section{border-bottom:1px solid var(--border);padding:48px 0}.form-section:last-of-type{border-bottom:none}.form-section-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:32px;display:flex}.form-section-header-left{min-width:240px}.form-section-header-left h3{letter-spacing:-.5px;color:var(--text-primary);font-size:22px;font-weight:300;line-height:1.2}.form-section-header-left h3 em{color:var(--text-secondary);font-style:normal}.form-section-header-left p{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.6}.form-section-fields{flex:1}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid.cols-1{grid-template-columns:1fr}.form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.span-2{grid-column:span 2}.form-group.span-3{grid-column:span 3}label{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);font-size:10px;font-weight:600}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=url],textarea,select{color:var(--text-primary);font-family:var(--font-sans);appearance:none;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s,background .15s}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=url],select{height:42px}input:focus,textarea:focus,select:focus{background:#fff;border-color:#0006}input.field-error,textarea.field-error{border-color:var(--red)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:96px;line-height:1.6}.field-error-msg{color:var(--red);letter-spacing:.3px;font-size:11px}.btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;letter-spacing:.1px;border:none;align-items:center;gap:10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn-dot:before{content:"";background:var(--red);border-radius:1px;flex-shrink:0;width:7px;height:7px;display:inline-block}.btn-primary{color:#f0ede6;background:#0d0d0d;border-radius:4px;padding:11px 22px}.btn-primary:hover{background:#222}.btn-outline{color:var(--text-primary);background:0 0;border:1px solid #00000040;border-radius:4px;padding:11px 22px}.btn-outline:hover{background:#0000000a;border-color:#0d0d0d}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:8px 12px;font-size:13px}.btn-ghost:hover{color:var(--text-primary);background:#0000000d}.btn-danger{color:#888;cursor:pointer;font-size:18px;line-height:1;font-family:var(--font-sans);background:0 0;border:none;border-radius:4px;padding:6px 10px;transition:color .15s}.btn-danger:hover{color:var(--red)}.btn-dashed{color:var(--text-secondary);background:0 0;border:1px dashed #00000040;border-radius:4px;align-self:flex-start;align-items:center;width:max-content;padding:8px 16px;font-size:13px;display:inline-flex}.btn-dashed:hover{color:var(--text-primary);background:#00000008;border-color:#00000080}.btn-sm{padding:8px 16px;font-size:12px}.btn-lg{padding:13px 28px;font-size:14px}.btn-arrow:after{content:"→";font-size:15px;line-height:1}.scope-list{flex-direction:column;gap:8px;display:flex}.scope-item{align-items:center;gap:10px;display:flex}.scope-item-num{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:18px;font-size:11px}.scope-item input{flex:1}.scope-add-btn{margin-top:12px}.payment-breakdown{background:var(--border);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;margin-top:20px;display:grid;overflow:hidden}.payment-cell{background:var(--dark-input);padding:20px 24px}.payment-cell-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:10px;font-weight:600}.payment-cell-value{color:var(--text-primary);letter-spacing:-1px;font-size:28px;font-weight:300;line-height:1}.stats-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.stats-row:first-child{border-top:1px solid var(--border)}.stats-row-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.stats-row-label:before{content:"";background:var(--red);border-radius:1px;flex-shrink:0;width:7px;height:7px}.stats-row-value{color:var(--text-primary);letter-spacing:-.3px;text-align:right;font-size:16px;font-weight:300}.stats-row-value em{color:var(--text-muted);font-size:13px;font-style:italic}.preview-modal-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.preview-modal{background:var(--dark-2);border:1px solid var(--border);border-radius:8px;width:100%;max-width:900px}.preview-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 28px;display:flex}.preview-toolbar-left h3{color:var(--text-primary);letter-spacing:-.2px;font-size:14px;font-weight:400}.preview-toolbar-left p{color:var(--text-muted);margin-top:2px;font-size:12px}.preview-actions{align-items:center;gap:10px;display:flex}.preview-body{padding:28px}.contract-document{color:#1a1a1a;background:#fff;border-radius:4px;max-width:780px;margin:0 auto;padding:36px 44px;font-family:Times New Roman,Times,serif;font-size:11pt;line-height:1.6}.contract-header{border-bottom:2px solid #1a1a1a;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:20px;display:flex}.contract-header-col h2{color:#111;margin-bottom:4px;font-size:15pt;font-weight:700}.contract-header-col p{color:#333;margin:0;font-size:9.5pt;line-height:1.5}.contract-header-col.right{text-align:right}.contract-header-col.right h2{color:#444;text-transform:uppercase;letter-spacing:1px;font-size:11pt;font-weight:700}.contract-title{text-align:center;margin-bottom:20px}.contract-title h1{text-transform:uppercase;letter-spacing:2px;color:#111;border-bottom:1px solid #ccc;padding-bottom:4px;font-size:17pt;font-weight:700;display:inline-block}.contract-title p{color:#555;margin-top:6px;font-size:10pt}.contract-section{margin-bottom:20px}.contract-section h3{text-transform:uppercase;letter-spacing:1px;color:#111;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:4px;font-size:11pt;font-weight:700}.contract-section p{color:#222;margin-bottom:6px;font-size:10.5pt}.contract-section ul{margin:0;padding-left:20px}.contract-section ul li{color:#222;margin-bottom:4px;font-size:10.5pt}.contract-tc-list{margin:0;padding:0;list-style:none}.contract-tc-list li{color:#333;margin-bottom:8px;font-size:10pt;line-height:1.55}.contract-tc-list li strong{color:#111}.contract-signature{justify-content:space-between;gap:32px;margin-top:36px;display:flex}.contract-sig-block{border-top:1.5px solid #333;flex:1;padding-top:10px}.contract-sig-block p{color:#333;margin:2px 0;font-size:10pt}.contract-sig-block .sig-name{color:#111;font-size:11pt;font-weight:700}.toast{color:#6ecb98;z-index:9999;letter-spacing:.2px;background:#1a1a1a;border:1px solid #4a9e6e80;border-radius:6px;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:500;animation:.25s toastIn,.25s 2.75s forwards toastOut;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 32px #0009}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s fadeUp}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=900px){.page-container{padding:0 24px}.form-section-header{flex-direction:column;gap:20px}.form-section-header-left{min-width:unset}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.form-group.span-2,.form-group.span-3{grid-column:span 1}.payment-breakdown{grid-template-columns:1fr}.navbar-links{display:none}}