*{box-sizing:border-box}.controls-bar{position:sticky;top:0;z-index:100;background:white;padding:15px 20px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.controls-right{display:flex;gap:10px}.controls-bar button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;line-height:1.2;vertical-align:middle;min-height:0}.controls-bar button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-back{background:#f5f5f5;color:#333}.btn-back:hover{background:#e0e0e0}.btn-edit{background:#2196f3;color:white}.btn-edit:hover{background:#1976d2;transform:translateY(-2px)}.btn-export{background:linear-gradient(135deg,#165ab0,#1a66cc);color:white}.btn-export:hover{background:linear-gradient(135deg,#104285,#114c9e);transform:translateY(-2px)}.page-wrapper{align-items:center;gap:20px;padding-bottom:40px;background:#f0f2f5}.page,.page-wrapper{display:flex;flex-direction:column}.page{position:relative;width:595px;height:842px;background:white;color:#333;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1);flex-shrink:0;margin:0;padding:0}.shared-header{padding:30px 50px 0}.cover-header,.shared-header{display:flex;justify-content:space-between;align-items:center}.cover-header{padding:20px 40px 0}.logo-container .logo{height:35px;object-fit:contain}.logo-white{height:40px;object-fit:contain;filter:brightness(0) invert(1)}.tagline{color:#1a66cc;font-weight:600;text-align:right;font-size:13px;line-height:1.3}.shared-footer{position:absolute;bottom:0;left:0;right:0;height:40px;background-color:#1a66cc;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:11px;font-weight:500;margin:0;overflow:hidden}.shared-footer span{margin:0;padding:0;display:inline-block;vertical-align:middle;line-height:1}.pricing-table{display:flex;flex-direction:column;width:100%}.pricing-table-header,.pricing-table-row{display:grid;grid-template-columns:1fr 2fr 2fr;gap:1rem}.pricing-table-header{font-weight:700;padding:.5rem;background-color:#1A66CB;color:white;border-radius:8px}.pricing-table-row{border-bottom:1px solid #eee;padding:.5rem 0}.pricing-table-cell{padding:.1rem}.cover-page{background:white}.cover-middle{background-color:#165ab0;margin-top:60px;height:320px;display:flex;flex-direction:column;justify-content:center;padding:0 40px;color:white}.cover-middle .subtitle{font-size:32px;font-weight:600;margin:0}.cover-middle .title{font-size:90px;font-weight:600;margin:-10px 0 0 -5px;letter-spacing:-2px}.cover-bottom{padding:30px 40px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.proposed-by .label{color:#1a66cc;font-size:18px;font-weight:700;margin:0 0 5px}.proposed-by .company-name{font-size:24px;font-weight:800;color:#333;margin:0;font-weight:550}.prepared-by-card{background-color:#165ab0;padding:25px 30px;border-radius:12px;color:white;width:100%;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.prepared-by-card .card-title{font-size:14px;font-weight:700;margin:0 0 15px}.prepared-by-card .detail{margin:0 0 8px;font-size:12px;line-height:1.1}.prepared-by-left{align-items:start}.prepared-by-left,.prepared-by-right{display:flex;flex-direction:column}.cover-letter-content{padding:40px 50px;font-size:13px;line-height:1.6;color:#222}.recipient,.sender-address{margin-bottom:20px;line-height:1.5}.letter-body{margin-bottom:40px}.letter-body p{margin-bottom:20px;text-align:justify}.letter-body a{color:#1a66cc;text-decoration:none;font-weight:600}.signature{line-height:1.6}.overview-content{padding:40px 50px}.page-title{color:#1a66cc;font-size:22px;margin-bottom:50px;font-weight:700}.overview-item{display:flex;margin-bottom:40px}.item-icon{width:18px;height:18px;background-color:#1a66cc;margin-right:15px;margin-top:2px;border-radius:3px;flex-shrink:0;position:relative}.item-icon:after{content:"";position:absolute;left:9px;top:0;bottom:0;right:0;background:#4ade80;border-top-right-radius:3px;border-bottom-right-radius:3px}.overview-item h3{margin:0 0 5px;font-size:15px;color:#222}.overview-item p{margin:0;font-size:13px;line-height:1.5;color:#444}.features-page,.intro-page{background:#165ab0;color:white;position:relative}.features-header-bg,.intro-header-bg{padding:30px 40px;position:relative;text-align:center}.intro-logo{width:fit-content}.intro-title{font-size:30px;line-height:1.2;font-weight:700;position:relative;z-index:2;margin:20px 0 0}.bg-number{color:white;opacity:.1}.bg-number,.bg-number-top{position:absolute;right:50px;top:20px;font-size:140px;font-weight:800;line-height:1}.bg-number-top{color:rgba(255,255,255,.06)}.bg-number-bottom{position:absolute;right:30px;bottom:70px;font-size:130px;font-weight:800;color:rgba(255,255,255,.8);background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;z-index:1}.features-card-wrapper,.intro-card-wrapper{flex:1;display:flex;flex-direction:column;z-index:2}.intro-card{background:white;color:#333;padding:40px;border-radius:12px;flex:1;font-size:12px;line-height:1.6;box-shadow:0 10px 30px rgba(0,0,0,.1)}.intro-card p{margin-bottom:15px;text-align:justify}.benefits-title{color:#1a66cc;font-size:16px;margin:25px 0 15px}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;margin-bottom:12px}.bullet-icon-container{flex-shrink:0;margin-right:12px;margin-top:4px}.bullet-icon{width:14px;height:9px;background:#333;position:relative;border-radius:2px;overflow:hidden}.bullet-icon:after{content:"";position:absolute;left:50%;right:0;top:0;bottom:0;background:#4ade80}.list-text{color:#222}.features-card{background:white;color:#333;padding:30px;border-radius:12px;font-size:12px;line-height:1.6;box-shadow:0 10px 30px rgba(0,0,0,.1);flex:1;display:flex;flex-direction:column}.dashboard-mockup{margin-bottom:25px;border-radius:8px;overflow:hidden;background:#f9f9f9}.dashboard-mockup img{width:100%;display:block}.features-text p{margin-bottom:15px;text-align:justify}.new-features-page{background:white;position:relative}.new-features-bg{height:230px;justify-content:center}.new-features-bg,.new-features-bg2{background-color:#1a66cc;display:flex;flex-direction:column;color:white;width:100%}.new-features-bg2{height:350px;padding-top:50px}.page-main-title{font-weight:600;margin:6px 0 0}.page-main-title,.page-main-title2{font-size:60px;letter-spacing:-2px;transform:translateY(-10px);text-align:center}.page-main-title2{font-weight:550}.logo-container-center{display:flex;padding:0 40px}.new-features-content{padding:40px 30px;flex:1;border-top-left-radius:20px;border-top-right-radius:20px;background:white;margin-top:-20px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:10px}.feature-item{background:transparent}.feature-img-placeholder{background:#165ab0;height:100px;border-radius:8px;margin-bottom:15px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1)}.feature-img-placeholder img{width:100%;height:100%;object-fit:cover}.feature-item h3{font-size:12px;font-weight:700;margin:0 0 4px;color:#222}.feature-item p{font-size:12px;color:#444;line-height:1.4;margin:0}.features1-dashboard-container{position:absolute;top:30%;left:50%;transform:translateX(-50%)}.features1-dashboard-img{width:800px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:block;scale:1.5}.features1-text{font-size:14px;line-height:1.6;color:#333;text-align:left;padding-top:150px;padding-left:50px;padding-right:50px}.features1-text p{margin-bottom:20px}.pricing-page{background:#1a66cc;position:relative;color:white}.pricing-bg-quote-left,.pricing-bg-quote-right{position:absolute;font-size:120px;font-weight:900;color:white;line-height:1}.pricing-bg-quote-left{top:240px;left:20px}.pricing-bg-quote-right{bottom:180px;right:20px}.quote-right-shifted{bottom:350px}.bg-number-bottom-left{position:absolute;left:10px;bottom:70px;font-size:140px;font-weight:800;color:rgba(255,255,255,.06);line-height:1}.pricing-header{padding-top:40px;text-align:center}.pricing-cards-container{padding:40px 20px;display:flex;flex-direction:column;gap:20px;z-index:2;position:relative}.pricing-card{border-radius:12px;padding:20px;display:flex;align-items:center;color:#333;box-shadow:0 10px 30px rgba(0,0,0,.15)}.pricing-card.table{background:white;flex-direction:column;align-items:stretch}.pricing-card table{width:100%;border-collapse:collapse;margin:0}.pricing-card table thead{background:#1a66cc;color:white;margin:0;padding:0;line-height:1.2}.pricing-card table tr{display:grid;grid-template-columns:60px 100px 100px 180px;margin:0;padding:0;align-items:stretch;min-height:40px}.pricing-card table thead tr{margin:0;padding:0;align-items:center;min-height:40px}.pricing-card table td,.pricing-card table th{text-align:left;display:flex;align-items:center;box-sizing:border-box}.pricing-card table td,.pricing-card table th,.pricing-card table thead th{padding:8px 12px;border:1px solid #000;line-height:1.2;margin:0;min-height:40px;vertical-align:middle}.pricing-card table thead th{font-weight:600;font-size:13px}.pricing-card table tbody td{font-size:12px;color:#333;border:1px solid #000}.pricing-note{margin-top:20px;padding:15px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;font-size:12px;line-height:1.6;color:#333}.pricing-note strong{color:#92400e;margin-right:5px}.pricing-left{flex:1;border-right:1px solid rgba(0,0,0,.1);padding-right:20px}.pricing-right{flex:1.5;padding-left:20px}.pricing-card h2{font-size:20px;font-weight:700;margin:0 0 10px}.price{font-size:14px;font-weight:600;margin-bottom:5px}.tax-exc{font-size:11px;font-weight:400;color:#666}.volume{font-size:13px;font-weight:700;margin-top:10px}.benefit{display:flex;font-size:12px;margin-bottom:10px;line-height:1.4;font-weight:500}.benefit:last-child{margin-bottom:0}.benefit-icon{color:#10b981;margin-right:8px;font-size:12px}.bronze-card{background:#eadecd}.silver-card{background:#e2e8f0}.gold-card{background:#fae4a8}.platinum-card{background:#d0c5e3}.diamond-card{background:#d3f0fa}.pricing-footer-text{padding:0 40px;color:white;font-size:14px;line-height:1.6;text-align:left;margin-top:50px}.pricing-footer-text p{margin-bottom:15px}.terms-page{background:white}.terms-content{padding:40px 50px;flex:1}.terms-section{margin-bottom:30px}.terms-section h2{font-size:14px;color:#222;display:flex;align-items:center;margin:0 0 6px;font-weight:600}.terms-icon{margin-right:10px}.terms-section ol{margin:0;padding-left:25px;font-size:13px;color:#444;line-height:1.6}.terms-section ol li{margin-bottom:5px;list-style-type:decimal;margin-left:16px}.terms-section p{font-size:12px;color:#444;line-height:1.6;margin:0 0 15px;text-align:justify}.thank-you-page{background:#1a66cc;flex-direction:column;display:flex}.thank-you-top{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.thank-you-title{font-size:70px;font-weight:600;margin:10px 0 15px;letter-spacing:-2px}.send-message-btn{background:white;color:#333;border:none;padding:0 32px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;line-height:1;margin:0;display:inline-flex;align-items:center;justify-content:center;height:40px;box-sizing:border-box;-webkit-appearance:none;appearance:none;vertical-align:middle;white-space:nowrap;text-align:center}.thank-you-bottom-card{background:white;border-top-left-radius:20px;border-top-right-radius:20px;padding:50px;color:#333;height:350px}.contact-header{display:flex;align-items:center;margin-bottom:40px}.contact-header h2{font-size:30px;margin:0;font-weight:600;letter-spacing:-1px}.contact-header .divider{margin:0 15px;font-size:24px;color:#000;font-weight:300}.contact-header .lets-talk{font-size:24px;color:#333;font-weight:500}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-item h3{font-size:13px;font-weight:700;margin:0 0 8px;color:#222}.contact-item p{font-size:12px;margin:0;color:#444;line-height:1.5}@media print{.controls-bar{display:none}.page-wrapper{background:none;gap:0;padding:0;margin:0}.page{box-shadow:none;margin:0;page-break-after:always;width:595px;height:842px}}