*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a2e;background:#fff;line-height:1.7;font-size:16px}img,svg{max-width:100%;display:block}a{color:#1d4ed8;text-decoration:none;transition:color .2s}a:hover{color:#1e3a8a}ul,ol{padding-left:1.5rem}table{width:100%;border-collapse:collapse}h1{font-size:2.25rem;font-weight:800;line-height:1.2;color:#1a1a2e;letter-spacing:-.02em}h2{font-size:1.625rem;font-weight:700;line-height:1.3;color:#1a1a2e;margin-top:2.5rem;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin-top:2rem;margin-bottom:.75rem}p{margin-bottom:1rem}strong{font-weight:600}.container{max-width:1140px;margin:0 auto;padding:0 1.25rem}.section{padding:3rem 0}.section-alt{background:#f8fafc}.site-header{background:#1a1a2e;color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;max-width:1140px;margin:0 auto}.logo{font-size:1.25rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.5rem}.logo svg{width:28px;height:28px}.logo span{color:#d97706}.nav{display:flex;align-items:center;gap:0}.nav-item{position:relative}.nav-link{color:#ffffffd9;padding:.5rem .875rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.25rem;border-radius:.375rem;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#d97706}.dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:.5rem;box-shadow:0 10px 40px #00000026;min-width:260px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:200}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{display:block;padding:.5rem .75rem;color:#1a1a2e;font-size:.875rem;border-radius:.375rem;transition:background .15s}.dropdown a:hover{background:#f8fafc;color:#1d4ed8}.menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.hero{background:linear-gradient(135deg,#1a1a2e,#2d2d4e);color:#fff;padding:3rem 0 2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero h1{font-size:2.5rem;margin-bottom:.75rem}.hero p{font-size:1.125rem;color:#fffc;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:.375rem;background:#d9770626;color:#fcd34d;padding:.25rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:600;margin-bottom:1rem;border:1px solid rgba(217,119,6,.3)}.calc-wrapper{background:#fff;border-radius:1rem;box-shadow:0 4px 24px #00000014;overflow:hidden;margin:-1.5rem auto 2rem;position:relative;z-index:10;max-width:960px;border:1px solid #e5e7eb}.calc-header{background:linear-gradient(135deg,#92400e,#b45309);color:#fff;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem}.calc-header svg{width:24px;height:24px;flex-shrink:0}.calc-header h2{margin:0;color:#fff;font-size:1.125rem}.calc-body{padding:1.5rem}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.calc-field{display:flex;flex-direction:column;gap:.375rem}.calc-field label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.calc-field input,.calc-field select{padding:.625rem .875rem;border:2px solid #E5E7EB;border-radius:.5rem;font-size:1rem;transition:border-color .2s;background:#fff;color:#1a1a2e}.calc-field input:focus,.calc-field select:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.calc-field input::placeholder{color:#9ca3af}.calc-actions{margin-top:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#1d4ed8;color:#fff}.btn-primary:hover{background:#1e3a8a;transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed84d}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #E5E7EB}.btn-secondary:hover{background:#e5e7eb}.btn-add{background:transparent;color:#1d4ed8;border:2px dashed #93C5FD;padding:.625rem 1rem;font-size:.875rem}.btn-add:hover{background:#eff6ff;border-color:#1d4ed8}.calc-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.875rem;margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #F3F4F6}.result-card{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:.75rem;padding:1rem;text-align:center;transition:transform .2s}.result-card:hover{transform:translateY(-2px)}.result-card .result-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.result-card .result-value{font-size:1.75rem;font-weight:800;color:#059669}.result-card .result-unit{font-size:.8rem;color:#6b7280;margin-top:.125rem}.result-card.cost{background:#fef3c7;border-color:#fde68a}.result-card.cost .result-value{color:#92400e}.calc-tabs{display:flex;border-bottom:2px solid #E5E7EB;margin-bottom:1.5rem;overflow-x:auto}.calc-tab{padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none}.calc-tab:hover{color:#1a1a2e}.calc-tab.active{color:#1d4ed8;border-bottom-color:#1d4ed8}.tab-content{display:none}.tab-content.active{display:block}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.related-card{background:#fff;border:1px solid #E5E7EB;border-radius:.75rem;padding:1.25rem;transition:all .2s;display:flex;align-items:flex-start;gap:.875rem}.related-card:hover{border-color:#1d4ed8;box-shadow:0 4px 16px #1d4ed81a;transform:translateY(-2px)}.related-card .rc-icon{width:40px;height:40px;border-radius:.5rem;background:#fef3c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.related-card .rc-icon svg{width:20px;height:20px;color:#92400e}.related-card h3{font-size:.95rem;margin:0 0 .25rem;line-height:1.3}.related-card p{font-size:.8rem;color:#6b7280;margin:0;line-height:1.4}.content-section{max-width:800px;margin:0 auto}.content-section h2{padding-bottom:.5rem;border-bottom:2px solid #F3F4F6}.content-section ul,.content-section ol{margin-bottom:1rem}.content-section li{margin-bottom:.375rem}.table-wrap{overflow-x:auto;margin:1rem 0 1.5rem;border-radius:.75rem;border:1px solid #E5E7EB}.table-wrap table{margin:0}.table-wrap th{background:#f8fafc;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;padding:.75rem 1rem;text-align:left;border-bottom:2px solid #E5E7EB;white-space:nowrap}.table-wrap td{padding:.625rem 1rem;border-bottom:1px solid #F3F4F6;font-size:.9rem}.table-wrap tr:last-child td{border-bottom:none}.table-wrap tr:hover td{background:#f8fafc}.table-wrap .highlight{font-weight:600;color:#059669}.faq-list{max-width:800px;margin:1rem auto 0}.faq-item{border:1px solid #E5E7EB;border-radius:.75rem;margin-bottom:.75rem;overflow:hidden;transition:border-color .2s}.faq-item:hover{border-color:#93c5fd}.faq-question{width:100%;padding:1rem 1.25rem;background:none;border:none;font-size:1rem;font-weight:600;color:#1a1a2e;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .2s}.faq-question:hover{background:#f8fafc}.faq-question svg{width:20px;height:20px;color:#9ca3af;transition:transform .3s;flex-shrink:0}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{padding:0 1.25rem;max-height:0;overflow:hidden;transition:all .3s ease}.faq-item.open .faq-answer{padding:0 1.25rem 1rem;max-height:500px}.faq-answer p{font-size:.925rem;color:#374151;margin-bottom:.5rem}.cta-box{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:1rem;padding:2rem;text-align:center;color:#fff;margin:2rem 0}.cta-box h3{color:#fff;margin:0 0 .5rem;font-size:1.25rem}.cta-box p{color:#ffffffd9;margin-bottom:1rem}.cta-box .btn{background:#fff;color:#1d4ed8}.cta-box .btn:hover{background:#f0f4ff}.breadcrumbs{padding:.75rem 0;font-size:.8rem}.breadcrumbs a{color:#6b7280}.breadcrumbs a:hover{color:#1d4ed8}.breadcrumbs span{color:#9ca3af;margin:0 .375rem}.breadcrumbs .current{color:#1a1a2e;font-weight:500}.site-footer{background:#1a1a2e;color:#ffffffb3;padding:3rem 0 1.5rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-col h4{color:#fff;font-size:.9rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-col a{display:block;color:#fff9;font-size:.875rem;padding:.25rem 0;transition:color .2s}.footer-col a:hover{color:#d97706}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center;font-size:.8rem;color:#fff6}.trust-content{max-width:700px;margin:2rem auto;padding:2rem 0}.trust-content h1{font-size:1.75rem;margin-bottom:1.5rem}.trust-content h2{font-size:1.25rem;margin-top:2rem}.trust-content p,.trust-content li{font-size:.925rem}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.375rem}.hero{padding:2rem 0 1.5rem}.hero h1{font-size:1.875rem}.calc-grid{grid-template-columns:1fr}.calc-results{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr 1fr}.calc-tabs{gap:0}.calc-tab{padding:.625rem .875rem;font-size:.8rem}.nav{position:fixed;top:56px;left:0;right:0;background:#1a1a2e;flex-direction:column;padding:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 8px 24px #0003}.nav.open{transform:translateY(0);opacity:1;visibility:visible}.nav-item{width:100%}.nav-link{padding:.75rem .5rem;width:100%}.dropdown{position:static;box-shadow:none;background:#ffffff0d;opacity:1;visibility:visible;transform:none;display:none;padding-left:1rem}.nav-item:hover .dropdown,.nav-item.open .dropdown,.menu-toggle{display:block}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.calc-results,.related-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:1.5rem}}