:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#17105d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--purple: #7044f2;--purple-bright: #8b6cff;--navy: #15105d;--ink: #111111;--muted: #777581;--line: #dedce8;--accent: #18a873;--accent-soft: #e8f7ef}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;overflow-x:hidden}button,input{font:inherit}.offer-bar{display:flex;align-items:center;justify-content:center;gap:18px;min-height:43px;padding:10px 18px;background:var(--purple);color:#fff;font-size:.98rem;font-weight:850;letter-spacing:0;text-align:center;text-decoration:none}.offer-bar span{font-size:1.4rem;line-height:1}.page-shell{position:relative;min-height:calc(100vh - 43px);display:grid;grid-template-columns:1fr;justify-items:center;align-items:start;gap:clamp(34px,5vw,48px);padding:clamp(34px,6vw,72px) clamp(22px,7vw,84px);background:radial-gradient(circle at 50% 100%,rgba(255,255,255,.72),rgba(255,255,255,.04) 35%,transparent 58%),linear-gradient(180deg,#15105d,#32229c 48%,#746be0);overflow:hidden}.page-shell:before,.page-shell:after{content:"";position:absolute;left:50%;bottom:-210px;width:980px;height:520px;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:translate(-50%);pointer-events:none}.page-shell:after{bottom:-250px;width:1180px;height:600px;opacity:.65}.hero-copy,.calculator-card{position:relative;z-index:1}.hero-copy{display:grid;justify-items:center;max-width:760px;color:#fff;text-align:center}.brand-lockup{display:inline-flex;align-items:center;justify-self:center;margin-bottom:clamp(28px,5vw,44px)}.brand-lockup img{width:clamp(220px,24vw,330px);height:auto}h1,h2{margin:0;letter-spacing:0}h1{max-width:830px;font-size:clamp(2.25rem,4.5vw,3.85rem);line-height:.96;font-weight:850;text-shadow:0 12px 0 rgba(0,0,0,.12)}.hero-copy p{max-width:710px;margin:24px 0 0;color:#ffffffeb;font-size:clamp(1.02rem,1.8vw,1.26rem);line-height:1.45}.calculator-card{width:min(100%,500px);display:grid;gap:20px;justify-self:center;padding:28px;border:1px solid rgba(255,255,255,.34);border-radius:18px;color:var(--ink);background:#fffffff5;box-shadow:0 35px 80px #09053747,0 0 0 8px #ffffff1f}.card-top{display:grid;justify-items:center;gap:14px;text-align:center}.eyebrow{margin:0 0 8px;color:var(--purple);font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:uppercase}h2{max-width:430px;color:var(--ink);font-size:clamp(1.65rem,3.4vw,2.15rem);line-height:1.02;font-weight:850}.brand-mark{display:grid;place-items:center;width:166px;height:auto;flex:0 0 auto;border-radius:0;background:transparent;box-shadow:none;order:-1}.brand-mark img{display:block;width:166px;height:auto;filter:brightness(0)}.result-band{display:grid;gap:8px;padding:20px;border:1px solid rgba(24,168,115,.18);border-radius:12px;background:linear-gradient(180deg,#ffffffb3,#e8f7efc7),var(--accent-soft)}.result-label,.summary-grid span{color:var(--muted);font-size:.83rem;font-weight:700}#monthlyRecovered{color:#237651;font-size:clamp(2.5rem,8vw,4rem);line-height:.94;letter-spacing:0}.result-row{display:flex;justify-content:space-between;gap:16px;color:#235846;font-size:.9rem;font-weight:800}.calculator-form{display:grid;gap:20px}.field{display:grid;gap:10px}.field-head{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#201e2d;font-size:.93rem;font-weight:750}input[type=range]{width:100%;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer;--range-progress: 0%}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--purple) 0%,var(--purple) var(--range-progress),#ddd9ee var(--range-progress),#ddd9ee 100%)}input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:#ddd9ee}input[type=range]::-moz-range-progress{height:5px;border-radius:999px;background:var(--purple)}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7.5px;appearance:none;border:3px solid #ffffff;border-radius:50%;background:var(--purple);box-shadow:0 5px 14px #7044f261}input[type=range]::-moz-range-thumb{width:20px;height:20px;border:3px solid #ffffff;border-radius:50%;background:var(--purple);box-shadow:0 5px 14px #7044f261}.value-input{width:76px;height:34px;padding:0 9px;border:1px solid transparent;border-radius:8px;color:var(--ink);background:#f2f0fa;font-size:.98rem;font-weight:850;text-align:right;outline:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.value-input:focus{border-color:#7044f23d;background:#fff;box-shadow:0 0 0 4px #7044f21f}.value-input::-webkit-outer-spin-button,.value-input::-webkit-inner-spin-button{margin:0}.number-shell{display:inline-flex;align-items:center;gap:2px;padding:0 9px;border-radius:8px;background:#f2f0fa;transition:background-color .16s ease,box-shadow .16s ease}.number-shell span{color:var(--ink);font-weight:850}.number-shell .value-input{width:64px;padding:0;border:0;background:transparent;box-shadow:none}.number-shell:focus-within{background:#fff;box-shadow:0 0 0 1px #7044f23d,0 0 0 5px #7044f21f}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-grid div{display:grid;gap:8px;min-height:82px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.summary-grid strong{align-self:end;color:var(--ink);font-size:1.45rem;letter-spacing:0}.primary-action{width:100%;min-height:56px;appearance:none;border:0;border-radius:999px;color:#fff;background-color:var(--purple);background-image:linear-gradient(180deg,var(--purple-bright),var(--purple));font-size:.98rem;font-weight:850;opacity:1;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff2e,0 14px 30px #7044f257;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.primary-action:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:inset 0 0 0 2px #ffffff38,0 18px 38px #7044f266}.primary-action:active{transform:translateY(0)}@media(max-width:980px){.page-shell{padding:38px 22px}}@media(max-width:560px){.offer-bar{font-size:.84rem}.page-shell{padding:26px 16px}.hero-copy{text-align:center}h1{font-size:clamp(2rem,9.5vw,2.9rem)}.hero-copy p{font-size:1rem}.calculator-card{padding:20px;border-radius:16px}.card-top{align-items:center}h2{max-width:300px;font-size:1.72rem}.brand-mark,.brand-mark img{width:142px}.field-head{align-items:flex-start;gap:10px}.result-row{display:grid;gap:6px}.summary-grid{grid-template-columns:1fr}}
