*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--charcoal);color:var(--cream);margin:0;font-family:Poppins,Segoe UI,sans-serif}:root{--charcoal:#2a0a0a;--charcoal-light:#3c1410;--surface:#43150f;--ember:#c23020;--flame:#f07840;--cream:#f8e8e0;--muted:#d9b6ac}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.navbar{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#2a0a0af2,#2a0a0acc);border-bottom:1px solid #f8e8e01a;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.logo{letter-spacing:.5px;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;display:flex}.logo span.flame{color:var(--flame)}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--muted);border-bottom:2px solid #0000;padding:6px 2px;font-weight:500;transition:all .15s}.nav-links a.active,.nav-links a:hover{color:var(--cream);border-bottom-color:var(--flame)}.btn{white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--flame), var(--ember));color:#fff;box-shadow:0 6px 18px #c2302066}.btn-primary:hover{box-shadow:0 8px 22px #f0784080}.btn-outline{border:1.5px solid var(--muted);color:var(--cream);background:0 0}.btn-outline:hover{border-color:var(--flame);color:var(--flame)}.btn-ghost{color:var(--cream);background:#f8e8e014}.btn-ghost:hover{background:#f8e8e026}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:.85rem}.hero{text-align:center;padding:90px 0 70px}.hero h1{margin:0 0 18px;font-size:3.1rem;font-weight:800;line-height:1.1}.hero h1 .accent{color:var(--flame)}.hero p.sub{color:var(--muted);max-width:620px;margin:0 auto 34px;font-size:1.2rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.badge{color:var(--flame);letter-spacing:.3px;background:#f0784026;border-radius:999px;margin-bottom:20px;padding:5px 14px;font-size:.8rem;font-weight:600;display:inline-block}.section{padding:60px 0}.section h2{margin-bottom:8px;font-size:2rem;font-weight:700}.section p.lead{color:var(--muted);margin-bottom:36px}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:var(--surface);border:1px solid #f8e8e014;border-radius:16px;padding:24px;transition:border-color .15s,transform .15s}.card:hover{border-color:#f0784066}.template-card{cursor:pointer;flex-direction:column;gap:10px;display:flex}.template-card .icon{font-size:2rem}.template-card h3{margin:0;font-size:1.05rem}.template-card p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.4}.template-card .cat{text-transform:uppercase;letter-spacing:.6px;color:var(--flame);font-size:.72rem;font-weight:700}.upload-zone{text-align:center;color:var(--muted);border:2px dashed #f8e8e04d;border-radius:16px;margin-top:10px;padding:40px 24px;transition:border-color .15s}.upload-zone:hover{border-color:var(--flame)}.upload-zone input{display:none}.pricing-table{border-collapse:collapse;background:var(--surface);border-radius:16px;width:100%;overflow:hidden}.pricing-table th,.pricing-table td{text-align:left;border-bottom:1px solid #f8e8e014;padding:14px 18px}.pricing-table th{color:var(--flame);text-transform:uppercase;letter-spacing:.4px;font-size:.85rem}.pricing-table tr:last-child td{border-bottom:none}.pricing-table .sq{color:var(--flame);font-weight:700}.form-row{margin-bottom:18px}.form-row label{color:var(--muted);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-row input,.form-row select{background:var(--charcoal-light);width:100%;color:var(--cream);border:1px solid #f8e8e033;border-radius:10px;padding:11px 14px;font-size:.95rem}.form-row input:focus,.form-row select:focus{border-color:var(--flame);outline:none}.mode-toggle{background:var(--charcoal-light);border-radius:999px;margin-bottom:28px;padding:4px;display:inline-flex}.mode-toggle button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:10px 22px;font-weight:600}.mode-toggle button.active{background:linear-gradient(135deg, var(--flame), var(--ember));color:#fff}.signer-row{grid-template-columns:1.2fr 1.4fr 1fr auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.signer-row .remove-btn{color:var(--flame);background:#c2302026;border:none;border-radius:8px;height:fit-content;padding:11px 14px}.signer-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.signer-tab{background:var(--charcoal-light);color:var(--muted);border:1px solid #f8e8e01a;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:.88rem;font-weight:600;display:flex}.signer-tab.active{border-color:var(--flame);color:var(--cream)}.signer-tab.signed{color:#7ed99a}.doc-preview{background:var(--cream);color:#2a0a0a;border-radius:14px;max-height:320px;margin-bottom:28px;padding:32px;font-size:.92rem;line-height:1.7;overflow-y:auto}.doc-preview h4{margin-top:0}.progress-bar{background:var(--charcoal-light);border-radius:999px;height:8px;margin-bottom:24px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--flame), var(--ember));height:100%;transition:width .3s}.signature-input{font-family:Caveat,cursive;font-size:1.7rem}.checkbox-row{color:var(--muted);align-items:center;gap:10px;margin:18px 0;font-size:.9rem;display:flex}.checkbox-row input{width:18px;height:18px}.success-banner{text-align:center;background:#7ed99a1f;border:1px solid #7ed99a66;border-radius:14px;margin-bottom:24px;padding:22px}.success-banner h3{color:#7ed99a;margin:0 0 6px}.signed-table{border-collapse:collapse;width:100%;margin-top:10px}.signed-table td,.signed-table th{text-align:left;border-bottom:1px solid #f8e8e014;padding:10px 14px;font-size:.88rem}.plan-card{flex-direction:column;display:flex;position:relative}.plan-card .icon{margin-bottom:4px;font-size:2rem}.plan-popular{border-color:var(--flame);box-shadow:0 0 0 1px #f078404d}.plan-badge{background:linear-gradient(135deg, var(--flame), var(--ember));color:#fff;border-radius:999px;padding:4px 14px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;right:20px}.plan-price{align-items:baseline;gap:4px;margin:14px 0 4px;display:flex}.plan-price .amount{color:var(--cream);font-size:2.2rem;font-weight:800}.plan-price .per{color:var(--muted);font-size:.9rem}.plan-limits{color:var(--muted);flex-direction:column;gap:8px;margin:16px 0;padding:0;font-size:.88rem;list-style:none;display:flex}.compare-list{background:#f8e8e00d;border-radius:10px;flex-direction:column;gap:6px;margin:14px 0 0;padding:10px 14px;list-style:none;display:flex}.compare-list li{color:var(--muted);justify-content:space-between;font-size:.8rem;display:flex}.compare-list li span:last-child{color:var(--flame);font-weight:600}.checkout-overlay{z-index:50;background:#2a0a0abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.checkout-card{width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.how-heading{margin-bottom:20px;font-size:1.3rem}.steps{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.step{background:var(--surface);border:1px solid #f8e8e014;border-radius:14px;gap:16px;padding:18px 22px;display:flex}.step-num{background:linear-gradient(135deg, var(--flame), var(--ember));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.step h4{margin:0 0 6px}.step p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.search-bar{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.search-bar input[type=search],.search-bar input[type=text]{background:var(--charcoal-light);min-width:220px;color:var(--cream);border:1px solid #f8e8e033;border-radius:999px;flex:1;padding:12px 16px}.search-bar select{background:var(--charcoal-light);color:var(--cream);border:1px solid #f8e8e033;border-radius:999px;padding:12px 16px}.search-bar input:focus,.search-bar select:focus{border-color:var(--flame);outline:none}.status-badge{white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.pending{color:var(--flame);background:#f0784026}.status-badge.completed{color:#7ed99a;background:#7ed99a26}.docs-table-wrap{margin-bottom:24px;overflow-x:auto}.docs-table{border-collapse:collapse;background:var(--surface);border-radius:16px;width:100%;overflow:hidden}.docs-table th,.docs-table td{text-align:left;vertical-align:top;border-bottom:1px solid #f8e8e014;padding:14px 16px;font-size:.88rem}.docs-table th{color:var(--flame);text-transform:uppercase;letter-spacing:.4px;font-size:.72rem}.docs-table tr:last-child td{border-bottom:none}.schedule-card{flex-direction:column;gap:10px;display:flex}.schedule-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.schedule-meta{color:var(--muted);margin:0;font-size:.85rem}.schedule-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.freq-toggle{background:var(--charcoal-light);border-radius:999px;padding:3px;display:inline-flex}.freq-toggle button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:600}.freq-toggle button.active{background:linear-gradient(135deg, var(--flame), var(--ember));color:#fff}.qr-box{background:var(--cream);border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.qr-link{word-break:break-all;color:#2a0a0a;text-align:center;background:#2a0a0a0f;border-radius:10px;margin:0;padding:10px 14px;font-size:.8rem}.empty-row{text-align:center;color:var(--muted);padding:30px 10px}.footer{text-align:center;color:var(--muted);border-top:1px solid #f8e8e014;margin-top:auto;padding:30px 0;font-size:.85rem}.error-text{color:#f07840;margin-top:-8px;margin-bottom:14px;font-size:.85rem}.note{color:var(--muted);background:#f8e8e00f;border-radius:10px;margin-top:16px;padding:10px 14px;font-size:.82rem}.empty-state{text-align:center;color:var(--muted);padding:80px 20px}@media (width<=720px){.hero h1{font-size:2.1rem}.signer-row{grid-template-columns:1fr}}