:root{font-family:Inter,Arial,sans-serif;color:#292b30;background:var(--palette-11);font-synthesis:none;--blue:var(--palette-2);--line:var(--palette-4)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}:focus-visible{outline:3px solid var(--palette-12);outline-offset:5px}.disclaimer{background:#fff;text-align:center;color:#7b818d;font-size:13px;line-height:1.45;padding:12px 20px 26px}.progress{height:2px;background:linear-gradient(to right,var(--blue) var(--progress),#dfced6 var(--progress));position:relative;z-index:1}.progress>span{position:absolute;left:var(--progress);top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;background:var(--blue);color:white;border-radius:50%;box-shadow:0 0 0 6px #eedfe8;font-size:14px}.header{background:#fff;border-bottom:1px solid var(--line);padding:40px max(24px,calc((100% - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:16px;font-size:24px;font-weight:800;letter-spacing:-1px}.logo svg{width:23px;height:25px;color:var(--blue)}.secure{display:flex;align-items:center;gap:10px;font-size:14px;color:#68707d}.secure svg{width:22px;height:22px}.main{flex:1;padding:68px 24px}.content{max-width:900px;margin:auto}.eyebrow{margin:0 0 22px;color:var(--blue);font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}h1{font-size:44px;line-height:1.17;letter-spacing:-1.6px;margin:0;font-weight:700}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.heading-row h1{color:#302333}.changeable{background:var(--palette-3);border-radius:22px;padding:15px 22px;color:#68707d;font-size:14px;line-height:1.4;flex-shrink:0}.amount-field{display:flex;align-items:center;background:#fff;border:2px solid var(--blue);border-radius:20px;padding:12px 24px;box-shadow:0 16px 32px -22px #b6a0ac}.amount-field input{width:100%;min-width:0;border:0;background:transparent;font-size:48px;font-weight:700;letter-spacing:-1.5px;color:inherit;outline:none}.amount-field:focus-within{box-shadow:0 0 0 4px var(--palette-13)}.amount-field span{font-size:30px;font-weight:700}.error{font-size:13px;color:#b02a37;margin:8px 0;min-height:18px}.slider{appearance:none;-webkit-appearance:none;width:100%;height:8px;border-radius:10px;margin:26px 0 30px;background:linear-gradient(to right,var(--blue) var(--fill,50%),#dfced6 var(--fill,50%));cursor:pointer}.slider::-webkit-slider-thumb{appearance:none;width:34px;height:34px;border-radius:50%;background:var(--palette-14);border:6px solid white;box-shadow:0 2px 14px var(--palette-15)}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--palette-14);border:6px solid white;box-shadow:0 2px 14px var(--palette-15)}.range-labels{display:flex;justify-content:space-between;gap:20px;font-size:16px;font-weight:600;color:#68707d}.range-labels>span:last-child{text-align:right}.range-labels strong{display:block;color:#292b30;font-size:20px}.range-labels small{display:block;font-size:14px;font-weight:400;margin-top:12px}.info{display:flex;align-items:center;gap:20px;padding:30px 24px;margin-top:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,#f6e9ed,#ffffffa0);font-size:17px;line-height:1.55}.info p{margin:0}.percent{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;border-radius:50%;background:#efdbe5;color:var(--blue);font-size:34px;font-weight:700}.info summary{color:var(--blue);font-size:15px;font-weight:700;margin-top:17px;list-style:none}.info summary span{padding-left:8px}.info details[open] p{font-size:14px;margin-top:14px;color:#68707d}.footer{background:#fff;border-top:1px solid var(--line);padding:20px 24px}.footer-inner{max-width:900px;margin:auto;display:flex;justify-content:space-between;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:7px;padding:17px 24px;font-size:16px;font-weight:600;min-height:54px;transition:background .15s,box-shadow .15s}.primary{background:var(--blue);border:1px solid var(--blue);color:white}.primary:hover{background:var(--palette-14);box-shadow:0 6px 18px var(--palette-16)}.secondary{background:white;border:1px solid var(--palette-5);color:#302333}.secondary:hover{background:#f8eef0}.term-content{text-align:center}.term-content h1{font-size:44px}.term-value{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:38px 0 14px}.term-value output{font-size:80px;font-weight:700;letter-spacing:-4px;color:var(--blue)}.term-value span{font-size:19px;color:#68707d}.term-slider{max-width:710px;margin:0 auto}.term-slider .range-labels{margin-top:20px}.loan-summary{display:grid;grid-template-columns:1fr 1.15fr 1fr;background:linear-gradient(110deg,#6e365f,#292b30);border-radius:20px;color:white;margin-top:40px;box-shadow:0 24px 40px -18px #192e6150;overflow:hidden}.loan-summary>div{padding:30px 14px;display:flex;flex-direction:column;justify-content:center;gap:12px}.loan-summary>div+div{border-left:1px solid #ffffff40}.loan-summary strong{font-size:27px}.loan-summary small{font-size:15px;color:var(--palette-0);line-height:1.4}.per-month{font-weight:400;font-size:17px;color:var(--palette-0)}.calculation-note{font-size:15px;line-height:1.6;color:#68707d;margin:38px 0 0}dialog{width:min(540px,calc(100% - 32px));border:1px solid var(--line);border-radius:24px;padding:36px;color:#292b30;box-shadow:0 30px 100px #292b3040}dialog::backdrop{background:#292b3080;backdrop-filter:blur(4px)}dialog h2{font-size:28px;margin:0 0 24px}dialog p{line-height:1.6}.dialog-note{color:#68707d;font-size:14px;margin-bottom:24px}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;color:#68707d}@media(min-width:1600px){.main{padding-top:72px;padding-bottom:68px}}@media(max-width:650px){.disclaimer{font-size:11px;padding-bottom:25px}.header{padding:30px 20px}.logo{font-size:22px}.secure{font-size:11px}.main{padding:38px 20px}.eyebrow{font-size:12px;margin-bottom:18px}h1,.term-content h1{font-size:31px;letter-spacing:-1px}.heading-row{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}.changeable{font-size:12px;padding:8px 14px;border-radius:12px}.changeable br{display:none}.amount-field{padding:12px 18px;border-radius:14px}.amount-field input{font-size:38px}.range-labels strong{font-size:16px}.range-labels small{font-size:11px}.info{padding:20px 16px;gap:14px;font-size:14px}.percent{width:40px;height:40px;font-size:25px}.info summary{font-size:13px}.term-value{margin-top:28px}.term-value output{font-size:68px}.loan-summary{grid-template-columns:1fr;margin-top:30px}.loan-summary>div{padding:20px;gap:7px}.loan-summary>div+div{border-left:0;border-top:1px solid #ffffff30}.loan-summary strong{font-size:25px}.loan-summary small br{display:none}.calculation-note{font-size:13px;margin-top:26px}.footer{padding:16px 20px}.button{font-size:14px;padding:14px 18px;gap:9px}.term-slider .range-labels{font-size:14px;margin-top:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}