:root{--navy: #1a2744;--navy-light: #243352;--navy-dark: #111b2e;--gold: #d4a853;--gold-light: #e8c97a;--gold-dark: #b8913f;--white: #ffffff;--gray-50: #f8f9fa;--gray-100: #f5f5f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--green: #2d8a4e;--green-light: #e8f5e9;--red: #c0392b;--red-light: #fdecea;--font-display: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif;--max-width: 720px;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(26, 39, 68, .08);--shadow-lg: 0 8px 40px rgba(26, 39, 68, .12);--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--navy);background:var(--white)}.container{max-width:960px;margin:0 auto;padding:0 24px}.optional{font-size:.85em;color:var(--gray-500);font-weight:400}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition);text-decoration:none;line-height:1.4}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gold);color:var(--navy)}.btn-primary:hover:not(:disabled){background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 16px #d4a8534d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--navy);border:2px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){border-color:var(--navy);background:var(--gray-50)}.btn-large{padding:18px 40px;font-size:1.1rem}.btn-loader{display:inline-flex;align-items:center;gap:8px}.spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);color:var(--white);padding:80px 0 100px;text-align:center;position:relative;overflow:hidden}#hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,168,83,.08) 0%,transparent 70%);border-radius:50%}#hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,83,.05) 0%,transparent 70%);border-radius:50%}.hero-icon{margin-bottom:24px;opacity:.9}#hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:1.2;margin-bottom:20px;max-width:700px;margin-left:auto;margin-right:auto}#hero .subtitle{font-size:clamp(1rem,2.5vw,1.15rem);color:#fffc;max-width:560px;margin:0 auto 36px;line-height:1.7}#hero .btn-primary{padding:18px 48px;font-size:1.1rem}.trust-badges{display:flex;justify-content:center;gap:32px;margin-top:40px;flex-wrap:wrap}.trust-badges span{font-size:.9rem;color:#fff9;position:relative;padding-left:20px}.trust-badges span:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}#calculator{padding:80px 0;background:var(--gray-100)}.calculator-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:48px;max-width:var(--max-width);margin:0 auto}.progress-bar{position:relative;margin-bottom:48px}.progress-fill{position:absolute;top:50%;left:0;height:3px;background:var(--gold);transform:translateY(-50%);transition:width var(--transition);width:0%;z-index:1;border-radius:2px}.progress-bar:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:var(--gray-200);transform:translateY(-50%);border-radius:2px}.progress-steps{display:flex;justify-content:space-between;position:relative;z-index:2}.step-dot{width:36px;height:36px;border-radius:50%;background:var(--white);border:3px solid var(--gray-300);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--gray-500);transition:all var(--transition);cursor:default;font-family:var(--font-body)}.step-dot.clickable{cursor:pointer}.step-dot.clickable:hover,.step-dot.active{border-color:var(--gold);color:var(--gold)}.step-dot.completed{background:var(--gold);border-color:var(--gold);color:var(--white);cursor:pointer}.form-step{display:none;animation:fadeSlideIn .4s ease}.form-step.active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-step h2{font-family:var(--font-display);font-size:1.6rem;margin-bottom:8px}.step-description{color:var(--gray-600);margin-bottom:32px;font-size:.95rem}.teaser-box{background:var(--green-light);border:1px solid #c8e6c9;border-radius:var(--radius-sm);padding:24px;margin-bottom:32px;text-align:center;display:none}.teaser-box.visible{display:block;animation:fadeSlideIn .5s ease}.teaser-icon{margin-bottom:8px}.teaser-title{font-weight:700;font-size:1.1rem;color:var(--green);margin-bottom:8px}.teaser-range{font-family:var(--font-display);font-size:1.4rem;color:var(--navy);margin-bottom:8px}.teaser-cta{font-size:.9rem;color:var(--gray-600)}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:500;margin-bottom:8px;font-size:.95rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group select{width:100%;padding:14px 16px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;color:var(--navy);background:var(--white);transition:border-color var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.form-group select{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 d='M1 1l5 5 5-5' stroke='%236c757d' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d4a85326}.form-group input.error,.form-group select.error{border-color:var(--red)}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #c0392b26}.input-with-unit{position:relative}.input-with-unit input{padding-right:60px}.input-with-unit .unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-weight:500;pointer-events:none}.field-hint{display:block;font-size:.85rem;color:var(--gray-500);margin-top:6px}.field-error{display:none;font-size:.85rem;color:var(--red);margin-top:6px}.field-error.visible{display:block}input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;outline:none;background:linear-gradient(to right,var(--gold) 35%,var(--gray-200) 35%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gold);cursor:pointer;border:3px solid var(--white);box-shadow:0 2px 8px #00000026}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gold);cursor:pointer;border:3px solid var(--white);box-shadow:0 2px 8px #00000026}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:transparent}.range-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--gray-500);margin-top:4px}.toggle-group label{margin-bottom:10px}.toggle-wrapper{display:flex;gap:8px}.toggle-btn{flex:1;padding:12px 20px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--transition)}.toggle-btn:hover{border-color:var(--gold)}.toggle-btn.active{background:var(--navy);border-color:var(--navy);color:var(--white)}.checkbox-group{margin-top:8px}.checkbox-label{display:flex!important;align-items:flex-start;gap:12px;cursor:pointer;font-weight:400!important;font-size:.9rem!important;line-height:1.5;color:var(--gray-700)}.checkbox-label input[type=checkbox]{width:20px;height:20px;min-width:20px;margin-top:2px;accent-color:var(--gold);cursor:pointer}.checkbox-label a{color:var(--gold-dark)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-200)}.form-nav .btn{min-width:140px}#btn-next,#btn-submit{margin-left:auto}#results{padding:80px 0;background:var(--gray-100)}.results-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:48px;max-width:800px;margin:0 auto}.results-card h2{font-family:var(--font-display);font-size:2rem;text-align:center;margin-bottom:8px}.results-centre-name{text-align:center;color:var(--gray-600);margin-bottom:40px}.gauge-container{margin:40px 0 48px}.gauge-scale{display:flex;justify-content:space-between;margin-bottom:6px}.gauge-scale-label{font-size:.75rem;color:var(--gray-400)}.gauge-bar{position:relative;height:20px;background:var(--gray-200);border-radius:10px;overflow:visible;margin-bottom:24px}.gauge-range{position:absolute;height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));border-radius:10px;transition:left 1.2s cubic-bezier(.4,0,.2,1),width 1.2s cubic-bezier(.4,0,.2,1);left:0;width:0}.gauge-marker{position:absolute;top:-8px;width:4px;height:36px;background:var(--navy);border-radius:2px;transition:left 1.2s cubic-bezier(.4,0,.2,1);left:0;z-index:2}.gauge-marker-label{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:700;color:var(--navy);white-space:nowrap}.gauge-labels{display:flex;justify-content:space-between;align-items:flex-start}.gauge-label{text-align:center}.gauge-label .gauge-amount{display:block;font-size:1.3rem;font-weight:700;color:var(--navy)}.gauge-label.gauge-central .gauge-amount{font-size:1.8rem;color:var(--gold-dark)}.gauge-label .gauge-desc{display:block;font-size:.8rem;color:var(--gray-500);margin-top:2px}.methods-detail{margin:48px 0}.methods-detail h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:24px;text-align:center}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method-card{background:var(--gray-50);border-radius:var(--radius-sm);padding:24px;text-align:center;border:1px solid var(--gray-200)}.method-icon{margin-bottom:12px;display:flex;justify-content:center}.method-card h4{font-size:.95rem;font-weight:700;margin-bottom:4px}.method-desc{font-size:.8rem;color:var(--gray-500);margin-bottom:12px}.method-value{font-size:1.2rem;font-weight:700;color:var(--navy)}.method-detail{font-size:.8rem;color:var(--gray-500);margin-top:4px}.factors-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}.factors-positive,.factors-negative{padding:24px;border-radius:var(--radius-sm)}.factors-positive{background:var(--green-light);border:1px solid #c8e6c9}.factors-negative{background:var(--red-light);border:1px solid #f5c6cb}.factors-positive h4,.factors-negative h4{font-size:.9rem;font-weight:700;margin-bottom:12px}.factors-positive h4{color:var(--green)}.factors-negative h4{color:var(--red)}.factors-positive ul,.factors-negative ul{list-style:none;font-size:.9rem}.factors-positive li,.factors-negative li{padding:4px 0 4px 20px;position:relative}.factors-positive li:before{content:"+";position:absolute;left:0;font-weight:700;color:var(--green)}.factors-negative li:before{content:"–";position:absolute;left:0;font-weight:700;color:var(--red)}.disclaimer{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:20px 24px;margin-top:32px}.disclaimer p{font-size:.85rem;color:var(--gray-600);line-height:1.6}.restart-section{text-align:center;margin-top:24px}.cta-final{text-align:center;padding:60px 0 20px;max-width:560px;margin:0 auto}.cta-final h2{font-family:var(--font-display);font-size:1.8rem;margin-bottom:16px}.cta-final p{color:var(--gray-600);margin-bottom:28px;line-height:1.7}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-reassurance{font-size:.9rem;color:var(--gray-500)!important;margin-top:16px!important}#footer{background:var(--navy);color:#fff9;padding:24px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.footer-links{display:flex;gap:16px;align-items:center}.footer-content a{color:#fff9;text-decoration:none;transition:color var(--transition)}.footer-content a:hover{color:var(--gold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeSlideIn .3s ease}.modal{background:var(--white);border-radius:var(--radius);max-width:640px;width:100%;max-height:80vh;overflow-y:auto;padding:40px;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition)}.modal-close:hover{background:var(--gray-100);color:var(--navy)}.modal h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:24px}.modal h3{font-size:1rem;font-weight:700;margin-top:24px;margin-bottom:8px;color:var(--navy)}.modal p{font-size:.9rem;color:var(--gray-700);line-height:1.7;margin-bottom:8px}.modal a{color:var(--gold-dark)}@media(max-width:768px){#hero{padding:60px 0 80px}.trust-badges{gap:16px}.calculator-card{padding:28px 20px}.form-row{grid-template-columns:1fr;gap:0}.method-cards{grid-template-columns:1fr;gap:12px}.factors-section{grid-template-columns:1fr}.results-card{padding:28px 20px}.gauge-label .gauge-amount{font-size:1.1rem}.gauge-label.gauge-central .gauge-amount{font-size:1.4rem}.footer-content{flex-direction:column;gap:8px;text-align:center}.modal{padding:28px 20px;max-height:90vh}.cta-final h2{font-size:1.4rem}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%}.form-nav .btn{min-width:110px;padding:12px 20px;font-size:.95rem}}@media(max-width:480px){.trust-badges{flex-direction:column;gap:12px;align-items:center}.step-dot{width:30px;height:30px;font-size:.75rem}.calculator-card{padding:24px 16px}.teaser-range{font-size:1.1rem}}