@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-page:#e8e6e3;--bg-card:#fff;--text-primary:#050505;--text-secondary:#555;--text-muted:#888;--accent:#ff7d00;--accent-hover:#e67000;--border-color:#00000014;--input-bg:#f5f5f3;--success:#10b981;--header-height:56px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;padding-top:var(--header-height);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6}header.site-header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;background:#e8e6e3cc;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.logo-wrapper{align-items:center;display:flex}.logo-img{width:auto;height:18px}.container{width:100%;max-width:1100px;margin:0 auto 4rem;padding:0 2rem}.hero-section{align-items:flex-start;gap:3rem;margin-bottom:4rem;padding-top:0;display:flex}.hero-content{flex:1.2;padding-top:4rem}.hero-section h2{letter-spacing:-.07em;text-transform:uppercase;margin-bottom:1.5rem;font-size:3.75rem;font-weight:500;line-height:.85}.orange-text{color:var(--accent)}.subtitle{color:var(--text-secondary);max-width:500px;font-size:1.15rem;font-weight:400;line-height:1.5}.hero-image{flex:1;justify-content:flex-end;display:flex}.hero-image img{width:100%;max-width:550px;height:auto;box-shadow:0 30px 60px #0000001a}.card{background:var(--bg-card);border:none;border-radius:40px;margin-bottom:2rem;padding:3rem;box-shadow:0 4px 20px #00000008}.section-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.section-header h3{letter-spacing:-.02em;font-size:2rem;font-weight:600}.header-instruction{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:400}.grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.form-group{flex-direction:column;gap:.75rem;display:flex}label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem;font-weight:600}input[type=text],input[type=number],select{background:var(--input-bg);width:100%;color:var(--text-primary);border:1px solid #0000001a;border-radius:12px;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23555' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;padding-right:2.5rem}input:focus,select:focus{border-color:var(--accent);background-color:#fff;outline:none}.product-lines{flex-direction:column;gap:2.5rem;display:flex}.product-row{gap:1.5rem;display:grid}.product-row.four-col{grid-template-columns:repeat(4,1fr)}.product-row.three-col{grid-template-columns:repeat(3,1fr)}.product-row.two-col{grid-template-columns:repeat(2,1fr)}.product-row.single-col{grid-template-columns:1fr}.product-input label{margin-bottom:.75rem;font-size:.8rem;display:block}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.checkbox-wrapper{cursor:pointer;background:var(--input-bg);border:1px solid #0000001a;border-radius:12px;align-items:center;gap:1rem;padding:1rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.checkbox-wrapper:hover{background:#eee;border-color:#00000026}.checkbox-wrapper input{display:none}.custom-checkbox{border:2px solid var(--border-color);background:#fff;border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:all .2s;position:relative}.checkbox-wrapper input:checked+.custom-checkbox{background:var(--accent);border-color:var(--accent)}.checkbox-wrapper input:checked+.custom-checkbox:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:4px;left:8px;transform:rotate(45deg)}#calculate-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:1rem;width:auto;min-width:300px;margin:4rem auto;padding:1.25rem 3rem;font-size:1.1rem;font-weight:600;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 20px #ff7d0033}#calculate-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 15px 30px #ff7d004d}#calculate-btn:active{transform:translateY(0)}#calculate-btn.loading{background:var(--accent-hover);cursor:not-allowed;padding-right:4.5rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:none;position:absolute;right:2rem}#calculate-btn.loading .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.modal{-webkit-backdrop-filter:blur(16px);z-index:2000;background:#05050580;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:none;position:fixed;top:0;left:0}.modal.show{display:flex}.modal-content{background:var(--bg-card);opacity:0;border-radius:28px;width:100%;max-width:520px;padding:3rem 3.5rem;transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .35s;position:relative;transform:translateY(24px)scale(.97);box-shadow:0 0 0 1px #0000000a,0 24px 68px #0000001f,0 2px 6px #0000000a}.modal.show .modal-content{opacity:1;transform:translateY(0)scale(1)}.close-modal{background:var(--input-bg);cursor:pointer;width:36px;height:36px;color:var(--text-muted);border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:0;transition:background .2s,color .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.close-modal:hover{color:var(--text-primary);background:#eaeaea}.close-modal svg{width:16px;height:16px}.result-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.result-price{letter-spacing:-.04em;color:var(--accent);margin-bottom:1rem;font-size:4rem;font-weight:700;line-height:1}.result-mode{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mode-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--text-primary);color:#fff;border-radius:100px;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.location-text{color:var(--text-secondary);font-size:.95rem;font-weight:400}.result-divider{background:var(--border-color);height:1px;margin:2rem 0}.result-items{margin-bottom:2rem}.result-items-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;font-size:.7rem;font-weight:600}.result-item-row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.result-item-row:last-child{border-bottom:none}.result-item-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.result-item-qty{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.result-stats{background:var(--border-color);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.result-stat-block{text-align:center;background:var(--input-bg);flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem .75rem;display:flex}.result-stat-value{color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:700}.result-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.65rem;font-weight:500}@media (max-width:1024px){header.site-header{padding:0 2rem}.hero-section{text-align:center;flex-direction:column;gap:3rem;margin-bottom:4rem}.hero-section h2{text-align:center;font-size:4rem}.subtitle{margin:0 auto;font-size:1.25rem}.hero-image{justify-content:center}}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.product-row.four-col,.product-row.three-col,.product-row.two-col{grid-template-columns:1fr 1fr}.card{padding:2rem}.modal-content{border-radius:24px;max-width:100%;padding:2rem}.result-price{font-size:3rem}.result-stats{grid-template-columns:1fr;gap:1px}}@media (max-width:480px){.product-row.four-col,.product-row.three-col{grid-template-columns:1fr}.hero-section h2{font-size:3rem}}