.calc{min-height:100vh;background:#0a0a0a}.calc__hero{padding:140px 24px 48px;background:linear-gradient(180deg,#0d0d0d,#0a0a0a);position:relative}.calc__hero:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,#c9a227,transparent);opacity:.4}.calc__hero-inner{max-width:680px;margin:0 auto;text-align:center}.calc__hero-label{display:inline-block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#c9a227;margin-bottom:16px;padding:5px 14px;border:1px solid rgba(201,162,39,.2);border-radius:20px;background:#c9a2270f}.calc__hero-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}.calc__hero-subtitle{font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.7;color:#ffffff80;margin:0 auto;max-width:540px}.calc__body{padding:0 24px 60px}.calc__container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:start}@media(max-width:900px){.calc__container{grid-template-columns:1fr;gap:32px}}.calc__inputs{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:28px;position:sticky;top:90px}@media(max-width:900px){.calc__inputs{position:static}}.calc__presets{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.calc__presets-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:10px}.calc__presets-row{display:flex;flex-wrap:wrap;gap:6px}.calc__preset{font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:#ffffff80;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 14px;cursor:pointer;transition:all .2s ease}.calc__preset:hover{color:#fffc;border-color:#ffffff26}.calc__preset--active{color:#c9a227;background:#c9a22714;border-color:#c9a22740}.calc__input-group{margin-bottom:28px}.calc__input-group:last-of-type{margin-bottom:20px}.calc__input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calc__input-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:#ffffffb3}.calc__input-value-wrap{display:flex;align-items:center;gap:4px}.calc__input-currency{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#c9a227}.calc__input-number{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;width:60px;text-align:right;transition:border-color .2s}.calc__input-number:focus{outline:none;border-color:#c9a227}.calc__input-number::-webkit-inner-spin-button,.calc__input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc__input-number{-moz-appearance:textfield}.calc__input-number--wide{width:80px}.calc__input-unit{font-family:Inter,sans-serif;font-size:.8rem;color:#ffffff59}.calc__slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff14;outline:none;cursor:pointer;position:relative;background:linear-gradient(to right,rgba(201,162,39,.5) 0%,rgba(201,162,39,.5) var(--fill, 50%),rgba(255,255,255,.08) var(--fill, 50%),rgba(255,255,255,.08) 100%)}.calc__slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#c9a227;border:3px solid #0a0a0a;box-shadow:0 0 0 1px #c9a2274d,0 2px 8px #0006;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.calc__slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 2px #c9a22766,0 2px 12px #00000080}.calc__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#c9a227;border:3px solid #0a0a0a;box-shadow:0 0 0 1px #c9a2274d;cursor:pointer}.calc__slider-labels{display:flex;justify-content:space-between;margin-top:6px;font-family:Inter,sans-serif;font-size:.7rem;color:#ffffff40}.calc__slider-benchmark{display:flex;align-items:center;gap:4px;color:#c9a22780;font-size:.65rem}.calc__benchmark-dot{width:4px;height:4px;border-radius:50%;background:#c9a22780}.calc__sources{padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}.calc__sources-text{font-family:Inter,sans-serif;font-size:.7rem;line-height:1.5;color:#ffffff40;margin:0}.calc__results{display:flex;flex-direction:column;gap:24px}.calc__results-hero{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:36px 32px;text-align:center}.calc__results-hero-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff6;display:block;margin-bottom:8px}.calc__results-hero-number{font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;color:#c9a227;line-height:1.1;margin-bottom:8px}.calc__results-hero-context{font-family:Inter,sans-serif;font-size:.9rem;color:#ffffff73}.calc__breakdown{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:28px}.calc__breakdown-title{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 20px}.calc__breakdown-row{margin-bottom:18px}.calc__breakdown-row:last-child{margin-bottom:0}.calc__breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.calc__breakdown-label{font-family:Inter,sans-serif;font-size:.825rem;font-weight:500;color:#ffffffb3}.calc__breakdown-value{font-family:Inter,sans-serif;font-size:.825rem;font-weight:600;color:#fff}.calc__breakdown-bar-track{width:100%;height:8px;border-radius:4px;background:#ffffff0d;overflow:hidden}.calc__breakdown-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.22,1,.36,1)}.calc__breakdown-desc{font-family:Inter,sans-serif;font-size:.7rem;color:#ffffff40;margin:5px 0 0;line-height:1.4}.calc__monthly{display:flex;align-items:center;justify-content:space-around;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px 20px}.calc__monthly-item{display:flex;flex-direction:column;align-items:center;gap:2px}.calc__monthly-value{font-family:Inter,sans-serif;font-size:1.15rem;font-weight:700;color:#fff}.calc__monthly-label{font-family:Inter,sans-serif;font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.05em}.calc__monthly-divider{width:1px;height:36px;background:#ffffff14}.calc__savings{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:28px}.calc__savings-title{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 16px}.calc__savings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:600px){.calc__savings-grid{grid-template-columns:1fr}}.calc__savings-card{text-align:center;padding:20px 12px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.calc__savings-card--highlight{background:#c9a2270f;border-color:#c9a22733}.calc__savings-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0a0a0a;background:#c9a227;padding:3px 10px;border-radius:10px;white-space:nowrap}.calc__savings-pct{font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700;color:#ffffff80}.calc__savings-card--highlight .calc__savings-pct{color:#c9a227}.calc__savings-amount{font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;color:#fff}.calc__savings-label{font-family:Inter,sans-serif;font-size:.7rem;color:#ffffff4d}.calc__share{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:#ffffff80;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 24px;cursor:pointer;transition:all .2s ease;width:100%}.calc__share:hover{color:#fffc;border-color:#ffffff26;background:#ffffff0d}.calc__share--copied{color:#22c55e;border-color:#22c55e4d;background:#22c55e0f}.calc__cta-section{padding:80px 24px;border-top:1px solid rgba(255,255,255,.06)}.calc__cta-inner{max-width:600px;margin:0 auto;text-align:center}.calc__cta-title{font-family:Playfair Display,serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#fff;margin:0 0 12px}.calc__cta-text{font-family:Inter,sans-serif;font-size:1rem;color:#ffffff80;margin:0 0 32px;line-height:1.6}.calc__cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.calc__cta-btn{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;padding:14px 28px;border-radius:8px;text-decoration:none;transition:all .2s ease}.calc__cta-btn--primary{background:#c9a227;color:#0a0a0a}.calc__cta-btn--primary:hover{background:#d4af37;transform:translateY(-1px)}.calc__cta-btn--secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#ffffffb3}.calc__cta-btn--secondary:hover{background:#ffffff14;color:#fff}@media(max-width:900px){.calc__hero{padding:120px 20px 32px}.calc__body{padding:0 16px 40px}.calc__inputs{padding:24px 20px}.calc__results-hero{padding:28px 24px}.calc__breakdown,.calc__savings{padding:24px 20px}}@media(max-width:480px){.calc__monthly{flex-direction:column;gap:16px;padding:20px}.calc__monthly-divider{width:40px;height:1px}.calc__results-hero-number{font-size:2.2rem}.calc__input-header{flex-direction:column;align-items:flex-start;gap:6px}}
