:root{--primary-blue: #1157A1;--dark-blue: #0B3B70;--green-accent: #1DAD66;--green-hover: #179455;--sand-accent: #C98B3C;--sand-light: #FDF5E8;--bg-tint: #EFF8F3;--neutral-50: #F8FAFC;--neutral-100: #F1F5F9;--neutral-200: #E2E8F0;--neutral-300: #CBD5E1;--neutral-400: #94A3B8;--neutral-500: #64748B;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1E293B;--neutral-900: #0F172A;--text-body: #2A3341;--text-muted: #64748B;--text-white: #FFFFFF;--border-color: #E2E8F0;--error-color: #EF4444;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.6;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--radius-card: 12px;--radius-pill: 9999px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-hover: 0 10px 25px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-body);line-height:1.6;background-color:var(--text-white);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary-blue);line-height:1.2}a{text-decoration:none;color:inherit}ul{list-style:none}img,svg{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.text-blue{color:var(--primary-blue)}.text-green{color:var(--green-accent)}.text-white{color:var(--text-white)}.bg-tint{background-color:var(--bg-tint)}.section-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:3rem}@media(min-width:768px){.section-title{font-size:2.5rem}}section{padding:5rem 0}@media(min-width:768px){section{padding:7rem 0}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green-accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;cursor:pointer;border:none;font-size:1rem}.btn-pill{border-radius:var(--radius-pill)}.btn-primary{background-color:var(--green-accent);color:var(--text-white)}.btn-primary:hover{background-color:var(--green-hover);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--text-white);border:2px solid var(--text-white)}.btn-ghost:hover{background-color:#ffffff1a}.full-width-mobile{width:100%}@media(min-width:768px){.full-width-mobile{width:auto}}.card{background:var(--text-white);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.site-header{position:sticky;top:0;left:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid var(--border-color);padding:1rem 0}.header-container{display:flex;justify-content:space-between;align-items:center}.brand-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-weight:800;font-size:1.5rem}.logo-icon{width:32px;height:32px;background-color:var(--primary-blue);color:var(--text-white);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:5px}.header-right{display:flex;align-items:center;gap:1.5rem}.header-phone{font-weight:600;color:var(--primary-blue);display:none}@media(min-width:768px){.header-phone{display:block}}.hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);color:var(--text-white);padding:6rem 0;overflow:hidden}.hero-container{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:1024px){.hero-container{grid-template-columns:1fr 1fr;gap:2rem}}.hero-content h1{color:var(--text-white);font-size:2.5rem;margin-bottom:1.5rem}@media(min-width:768px){.hero-content h1{font-size:3.5rem}}.hero-subtitle{font-size:1.125rem;opacity:.9;margin-bottom:2rem;max-width:540px}.hero-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media(min-width:480px){.hero-actions{flex-direction:row}}.trust-strip{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#ffffffb3}.terminal-illustration{width:100%;max-width:320px;margin:0 auto;position:relative}.terminal-body{background:#f8f9fa;border-radius:24px;padding:24px;box-shadow:0 20px 40px #0003,inset 0 2px #ffffff80;position:relative;transform:perspective(800px) rotateY(-15deg) rotateX(5deg);transform-style:preserve-3d}.terminal-screen{background:#1e293b;height:140px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 10px #00000080}.screen-content{color:#10b981;font-family:monospace;font-size:2rem;font-weight:700}.terminal-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key{background:#e2e8f0;height:32px;border-radius:6px;box-shadow:0 2px #cbd5e1}.key.green{background:#10b981;box-shadow:0 2px #059669}.key.red{background:#ef4444;box-shadow:0 2px #dc2626}.key.yellow{background:#f59e0b;box-shadow:0 2px #d97706}.terminal-slot{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:60%;height:8px;background:#cbd5e1;border-radius:4px;box-shadow:inset 0 2px 4px #0003}.benefits-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.benefit-card{position:relative;overflow:hidden;border-left:4px solid var(--green-accent)}.card-icon{width:48px;height:48px;background:var(--bg-tint);color:var(--green-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.benefit-card h3{font-size:1.25rem;margin-bottom:1rem}.terminals-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.terminals-grid{grid-template-columns:repeat(3,1fr)}}.terminal-card{text-align:center;display:flex;flex-direction:column}.terminal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.terminal-mini-illustration{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.mini-term{background:var(--primary-blue);border-radius:8px;position:relative}.mini-term.countertop{width:60px;height:90px}.mini-term.portable{width:50px;height:100px}.mini-term.mobile{width:40px;height:70px;border-radius:6px}.mini-term:after{content:"";position:absolute;top:10%;left:10%;width:80%;height:30%;background:#fff;border-radius:4px}.terminal-card h3{font-size:1.25rem;margin-bottom:.5rem}.terminal-card p{font-size:.9375rem;color:#64748b;flex-grow:1;margin-bottom:1.5rem}.terminal-card .price{font-weight:700;color:var(--primary-blue);margin-bottom:1rem;font-size:1.125rem}.text-link{color:var(--green-accent);font-weight:600;font-size:.9375rem;transition:color .2s}.text-link:hover{color:var(--green-hover)}.steps-container{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.step{display:flex;gap:1.5rem;background:var(--text-white);padding:2rem;border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.step-number{width:48px;height:48px;background:var(--green-accent);color:var(--text-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1.5rem;flex-shrink:0}.step-content h3{font-size:1.25rem;margin-bottom:.5rem}.savings-banner{padding:0}.banner-content{background:var(--bg-tint);border-radius:var(--radius-card);padding:4rem 2rem;text-align:center;border:1px solid rgba(33,166,99,.2)}.banner-content h2{font-size:1.75rem;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.banner-content p{font-size:1.125rem;margin-bottom:2rem;color:#475569}.accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.accordion-item{background:var(--text-white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-heading);font-weight:700;font-size:1.125rem;color:var(--primary-blue)}.accordion-icon{width:24px;height:24px;transition:transform .3s ease;color:var(--green-accent)}.accordion-header[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-body{padding:0 1.5rem 1.5rem;color:#475569}.quote-card{max-width:800px;margin:0 auto;padding:2rem}@media(min-width:768px){.quote-card{padding:3rem}}.quote-card-header{text-align:center;margin-bottom:2.5rem}.quote-card-header h2{font-size:2rem;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.form-grid{grid-template-columns:1fr 1fr}.full-width{grid-column:span 2}}.form-group{display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;font-size:.875rem;color:var(--text-body)}input[type=text],input[type=email],input[type=tel],select{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-family:var(--font-body);font-size:1rem;transition:border-color .2s,box-shadow .2s;background:var(--text-white)}input:focus,select:focus{outline:none;border-color:var(--green-accent);box-shadow:0 0 0 3px #21a6631a}input.error,select.error{border-color:var(--error-color)}.select-wrapper{position:relative}.select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;pointer-events:none}select{appearance:none;padding-right:2.5rem}.radio-pill-group{display:flex;gap:1rem}.radio-pill{flex:1;position:relative;cursor:pointer;font-weight:400}.radio-pill input{position:absolute;opacity:0;width:0;height:0}.radio-pill span{display:block;text-align:center;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);transition:all .2s}.radio-pill input:checked+span{background:var(--green-accent);color:var(--text-white);border-color:var(--green-accent)}.radio-pill input:focus-visible+span{box-shadow:0 0 0 3px #21a6634d}.conditional-section{max-height:0;overflow:hidden;transition:max-height .4s ease}.pt-4{padding-top:1.5rem}.mt-4{margin-top:1.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-weight:400}.checkbox-label input{position:absolute;opacity:0}.checkbox-custom{width:20px;height:20px;border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s}.checkbox-label input:checked+.checkbox-custom{background:var(--green-accent);border-color:var(--green-accent)}.checkbox-label input:checked+.checkbox-custom:after{content:"";width:10px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}.checkbox-label input:focus-visible+.checkbox-custom{box-shadow:0 0 0 3px #21a6634d}.consent-text{font-size:.875rem;color:#475569}.form-error{color:var(--error-color);font-size:.875rem;font-weight:500;text-align:center;margin-top:1rem;display:none}.form-submit{margin-top:2rem;text-align:center}.btn:disabled{opacity:.7;cursor:not-allowed}.success-message{text-align:center;padding:3rem 0}.success-message.hidden{display:none}.success-icon{width:64px;height:64px;background:var(--bg-tint);color:var(--green-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.success-message h3{font-size:1.5rem;margin-bottom:.5rem}.site-footer{background:var(--dark-blue);color:var(--text-white);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-logo{margin-bottom:1rem}.footer-logo-icon{background:#ffffff1a}.footer-brand .tagline{color:#ffffffb3;max-width:300px}.site-footer h4{color:var(--text-white);font-size:1.125rem;margin-bottom:1.5rem}.footer-contact p,.footer-links li{margin-bottom:.75rem;color:#ffffffb3}.footer-contact a:hover,.footer-links a:hover{color:var(--text-white)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.875rem;color:#ffffff80}.section-subtitle{text-align:center;color:#475569;font-size:1.0625rem;max-width:640px;margin:-2rem auto 3rem}.comparison{background:#1a2540}.comparison .section-title{color:#fff}.comparison .section-subtitle{color:#ffffffa6}.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-card)}.comparison-table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:560px}.comparison-table thead tr{background:#111c35}.comparison-table th{padding:1.125rem 1.5rem;text-align:center;font-family:var(--font-heading);font-weight:700;font-size:1rem;color:#fff}.comparison-table th.feature-col{text-align:left;color:#ffffff8c;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.comparison-table th.sandpay-col{background:var(--primary-blue);font-size:1.125rem}.comparison-table th.sandpay-col .logo-text{font-family:var(--font-heading);font-weight:800;font-size:1.25rem}.comparison-table th.others-col{color:#ffffffb3}.comparison-table tbody tr{border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table tbody tr:hover{background:#ffffff08}.comparison-table td{padding:1rem 1.5rem;color:#ffffffd9;vertical-align:middle}.comparison-table td.feature-label{text-align:left;font-weight:600;color:#ffffffe6}.comparison-table td.sandpay-val{background:#0f4c8140;text-align:center;color:#ffffffe6}.comparison-table td.others-val{text-align:center;color:#ffffff8c}.comparison-table td.highlight-text{color:var(--green-accent);font-weight:600}.tick-icon,.cross-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;vertical-align:middle;margin-right:.375rem;flex-shrink:0}.tick-icon{color:var(--green-accent)}.cross-icon{color:#f87171}.tick-icon svg,.cross-icon svg{width:20px;height:20px}.comparison-table td.sandpay-val,.comparison-table td.others-val{display:table-cell}.comparison-table td.sandpay-val,.comparison-table td.others-val{white-space:nowrap}.comparison-footnote{margin-top:1.25rem;font-size:.8125rem;color:#ffffff73;text-align:center;font-style:italic;padding:0 .5rem}.calculator .section-title{color:var(--primary-blue)}.calculator-card{max-width:860px;margin:0 auto;padding:2.5rem 2rem}@media(min-width:768px){.calculator-card{padding:3rem}}.calc-inputs{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:2.5rem}@media(min-width:768px){.calc-inputs{flex-direction:row;gap:3rem}.calc-slider-group{flex:1}}.calc-slider-group{display:flex;flex-direction:column;gap:.625rem}.calc-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.calc-label-row label{font-weight:600;font-size:.9375rem;color:var(--text-body);flex:1}.calc-value{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;color:var(--primary-blue);white-space:nowrap}.calc-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--green-accent) 0%,var(--green-accent) var(--fill-pct, 37.5%),#dde6ed var(--fill-pct, 37.5%),#dde6ed 100%);outline:none;cursor:pointer;margin:.25rem 0}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--green-accent);border:3px solid #fff;box-shadow:0 2px 6px #21a66366;cursor:pointer;transition:transform .15s,box-shadow .15s}.calc-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--green-accent);border:3px solid #fff;box-shadow:0 2px 6px #21a66366;cursor:pointer}.calc-range::-webkit-slider-thumb:hover,.calc-range:focus::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 3px 10px #21a66380}.calc-range:focus-visible{outline:2px solid var(--green-accent);outline-offset:4px}.calc-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.calc-results{background:#f8fafc;border-radius:12px;padding:1.5rem 2rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;margin-bottom:2rem}@media(max-width:767px){.calc-results{grid-template-columns:1fr;gap:1rem;padding:1.25rem 1.5rem}.calc-result-divider{display:none}}.calc-result-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem 1rem}.calc-result-label{font-size:.8125rem;color:#64748b;font-weight:500;margin-bottom:.5rem}.calc-result-value{font-family:var(--font-heading);font-weight:800;font-size:1.75rem;color:var(--primary-blue)}.calc-result-value.sandpay-cost{color:var(--primary-blue)}.saving-row .saving-amount{color:var(--green-accent);font-size:2.25rem}.calc-result-divider{width:1px;height:60px;background:#e2e8f0;flex-shrink:0}.calc-neutral{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:1rem 1.5rem;text-align:center;color:#92400e;font-weight:500;font-size:.9375rem;margin-bottom:2rem}.calc-neutral.hidden,.calc-results.hidden{display:none}.calc-cta{text-align:center}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@media(prefers-reduced-motion:reduce){.fade-up{transition:none;opacity:1;transform:none}}