:root{--brand:#0b9f9b;--brand-dark:#087e7b;--ink:#10202f;--muted:#6d7a86;--bg:#f5f8fa;--line:#dfe6ea;--white:#fff;--shadow:0 18px 50px rgba(24,48,68,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:64px;background:#fff;border-bottom:1px solid #e8eef1;position:sticky;top:0;z-index:50}.nav-wrap{max-width:1180px;height:100%;margin:auto;display:flex;align-items:center;gap:34px;padding:0 20px}.brand{display:flex;align-items:center;gap:9px;margin-right:auto}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.brand strong{display:block;font-size:13px;line-height:12px}.brand small{font-size:7px;letter-spacing:1.4px;color:var(--muted)}nav{display:flex;gap:25px;font-size:12px;color:#46535d}nav a:hover{color:var(--brand)}
.btn{border:0;border-radius:9px;padding:12px 18px;font-weight:800;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:7px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 7px 18px rgba(11,159,155,.20)}.btn-secondary{background:#e9f7f6;color:var(--brand-dark)}.btn-light{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-white{background:#fff;color:var(--brand-dark)}.btn-small{padding:9px 13px;font-size:11px}.text-btn{border:0;background:none;color:var(--brand-dark);font-weight:700;font-size:11px}
.hero{max-width:1180px;margin:0 auto;padding:86px 20px 74px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:60px}.eyebrow{display:inline-block;background:#e7f7f6;color:var(--brand-dark);padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;margin-bottom:14px}.eyebrow.light{background:rgba(255,255,255,.15);color:#fff}.hero h1{font-size:51px;line-height:.98;letter-spacing:-2.4px;margin:0 0 18px;max-width:620px}.hero h1 span{color:var(--brand)}.hero p{font-size:15px;line-height:1.65;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:10px;margin:25px 0 15px}.hero-pills{display:flex;gap:8px;flex-wrap:wrap}.hero-pills span{font-size:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#64717b}.hero-art{display:flex;justify-content:center}.browser-card{width:min(410px,100%);height:300px;border-radius:25px;background:#fff;box-shadow:var(--shadow);padding:20px;transform:rotate(2deg);position:relative}.browser-card:before{content:"";position:absolute;inset:12px;border:1px solid #edf1f3;border-radius:18px}.browser-top{display:flex;gap:5px;position:relative}.browser-top i{width:6px;height:6px;border-radius:50%;background:#dce4e8}.fake-line{height:5px;background:#dce5e8;border-radius:4px;width:55%;margin:30px 0 16px auto}.fake-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fake-grid div{height:48px;border:1px solid #e7edef;border-radius:9px}.fake-table{height:82px;background:#e7f5f4;border-radius:9px;margin-top:13px}.fake-total{width:95px;height:27px;background:var(--brand);border-radius:8px;margin:12px 0 0 auto}
.section{max-width:1180px;margin:auto;padding:65px 20px}.section.compact{padding-top:35px;padding-bottom:70px}.section-heading{text-align:center;max-width:720px;margin:0 auto 35px}.section-heading h2{font-size:31px;letter-spacing:-1.1px;margin:0 0 8px}.section-heading p{color:var(--muted);margin:0}
.quote-app{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.editor,.preview-wrap{background:#fff;border:1px solid #e2e9ed;border-radius:20px;box-shadow:0 12px 35px rgba(28,50,68,.07)}.editor{padding:20px}.editor-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.editor-title strong{display:block;font-size:14px}.editor-title small{color:var(--muted);font-size:10px}.form-section{padding:19px 0;border-bottom:1px solid #edf1f3}.form-section:last-child{border-bottom:0}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;font-weight:900;color:#5b6871;margin-bottom:12px}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:1fr 1fr 1fr 1.2fr}.form-grid label,.mini-card label{display:block;font-size:10px;font-weight:800;color:#68747d}.form-grid input,.form-grid select,.form-grid textarea,.mini-card input{width:100%;border:1px solid #dfe6ea;background:#fbfcfd;border-radius:8px;padding:9px 10px;margin-top:5px;outline:none;color:#22313c}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,159,155,.08)}textarea{resize:vertical}.color-control{display:grid;grid-template-columns:40px 1fr;gap:6px}.color-control input[type=color]{height:36px;padding:3px}.cards{align-items:start}.mini-card{border:1px solid #e5ebee;background:#fbfcfd;border-radius:12px;padding:12px}.mini-card h3{font-size:11px;background:var(--brand);color:#fff;padding:8px 10px;border-radius:8px;margin:0 0 10px}.row-between{display:flex;justify-content:space-between;align-items:center}.items-editor{display:grid;gap:8px}.item-row{display:grid;grid-template-columns:2.1fr .55fr .9fr .7fr 32px;gap:6px;align-items:end;background:#f8fafb;border:1px solid #e4eaed;padding:8px;border-radius:10px}.item-row label{font-size:9px}.item-row input{margin-top:4px}.remove-item{height:35px;border:0;border-radius:8px;background:#fff0f0;color:#bd3b3b;font-weight:900}.preview-wrap{padding:12px;position:sticky;top:78px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 12px;font-weight:800;font-size:12px}.paper{background:#fff;border:1px solid #e3e8eb;box-shadow:0 9px 28px rgba(20,40,60,.08);min-height:760px;padding:34px 34px 22px;position:relative;overflow:hidden}.paper-accent{position:absolute;left:0;top:0;width:100%;height:5px;background:var(--brand)}.paper-head{display:flex;justify-content:space-between;gap:15px;padding-top:4px}.company-block{display:flex;gap:11px;align-items:flex-start}.logo-box{width:68px;height:52px;border:1px dashed #cfd8dd;border-radius:7px;display:grid;place-items:center;overflow:hidden;flex:none}.logo-box img{width:100%;height:100%;object-fit:contain}.logo-box span{font-size:8px;color:#a2adb3;font-weight:800}.company-block h3{font-size:14px;margin:2px 0 5px}.company-block p{font-size:8px;color:#71808a;margin:2px 0}.quote-meta{text-align:right}.quote-meta strong{display:block;color:var(--brand-dark);font-size:22px;letter-spacing:-1px}.quote-meta span{display:block;font-size:9px;font-weight:800;margin:2px 0 7px}.quote-meta small{display:block;font-size:7px;color:#7b878f;margin-top:2px}.paper-rule{height:2px;background:var(--brand);margin:18px 0}.paper-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.paper-info-grid>div{background:#f8fafb;border-radius:8px;padding:10px}.paper-info-grid span{display:block;color:var(--brand-dark);font-size:7px;font-weight:900;margin-bottom:5px}.paper-info-grid strong,.paper-info-grid small{display:block;font-size:8px;margin:2px 0}.paper-info-grid small{color:#78848b}.paper-table{width:100%;border-collapse:collapse;font-size:8px}.paper-table th{text-align:left;background:var(--brand);color:#fff;padding:7px 6px;font-size:7px}.paper-table th:not(:first-child),.paper-table td:not(:first-child){text-align:right}.paper-table td{padding:8px 6px;border-bottom:1px solid #e8edef}.paper-bottom{display:grid;grid-template-columns:1fr 190px;gap:25px;margin-top:18px}.paper-notes h4{font-size:8px;margin:8px 0 3px;color:var(--brand-dark)}.paper-notes p{font-size:7px;line-height:1.5;color:#78848b;margin:0}.paper-totals>div{display:flex;justify-content:space-between;padding:5px 0;font-size:8px;border-bottom:1px solid #edf0f2}.paper-totals .grand{background:var(--brand);color:#fff;border-radius:6px;padding:9px;margin-top:6px;font-size:10px}.paper-footer{display:flex;justify-content:space-between;border-top:1px solid #e7edef;margin-top:25px;padding-top:10px;font-size:7px;color:#89939a}
.cta{max-width:1040px;margin:10px auto 35px;padding:30px 35px;background:var(--brand);color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 15px 35px rgba(11,159,155,.22)}.cta h2{margin:0 0 5px;font-size:25px}.cta p{margin:0;color:rgba(255,255,255,.82);font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.steps b{color:var(--brand);font-size:12px}.steps h3{font-size:13px;margin:8px 0}.steps p{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.faq{max-width:780px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:13px 15px}.faq summary{font-size:11px;font-weight:800;cursor:pointer}.faq p{color:var(--muted);font-size:11px;line-height:1.5;margin:10px 0 0}footer{background:#078d8a;color:#fff}.footer-inner{max-width:1180px;margin:auto;padding:25px 20px;display:flex;gap:25px;justify-content:space-between;font-size:9px;color:rgba(255,255,255,.8)}footer strong{color:#fff}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{display:none}.quote-app{grid-template-columns:1fr}.preview-wrap{position:static}.form-grid.four{grid-template-columns:1fr 1fr}.paper{min-height:auto}.cta{margin-left:20px;margin-right:20px}.steps{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}}
@media(max-width:600px){.hero h1{font-size:39px}.hero{padding-bottom:35px}.section{padding-top:45px}.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 1fr}.item-row label:first-child{grid-column:1/-1}.item-row .remove-item{grid-column:2}.paper{padding:27px 18px 18px}.paper-head{flex-direction:column}.quote-meta{text-align:left}.paper-bottom{grid-template-columns:1fr}.paper-table{font-size:7px}.paper-table th:nth-child(4),.paper-table td:nth-child(4){display:none}.cta{flex-direction:column;align-items:flex-start}.nav-wrap{padding:0 14px}}

.upload-help,.asset-status{display:block;font-size:9px;color:#7b8790;font-weight:500;margin-top:4px}.asset-status{color:var(--brand-dark)}
.saved-company-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf9f8;border:1px solid #d7efed;color:#0a7774;padding:9px 11px;border-radius:9px;margin-bottom:12px;font-size:9px;line-height:1.4}.saved-company-banner .text-btn{white-space:nowrap}
.signature-block{margin-top:20px;width:150px;text-align:center;font-size:7px;color:#77838a}.signature-block>span{display:block;margin-bottom:5px}.signature-box{height:48px;border-bottom:1px solid #aeb8bd;display:grid;place-items:end center;overflow:hidden}.signature-box img{max-width:100%;max-height:46px;object-fit:contain}.signature-box span{padding-bottom:8px;color:#b2bbc0}.signature-block strong{display:block;font-size:7px;color:#33414a;margin-top:5px}
@media(max-width:600px){.saved-company-banner{align-items:flex-start;flex-direction:column}.saved-company-banner .text-btn{padding:0}.signature-block{margin-left:auto;margin-right:auto}}

/* Print/PDF: keep the same brand variables as the live preview. */
@media print{html{print-color-adjust:exact;-webkit-print-color-adjust:exact}}