:root{--terra:#B85C3B;--terra-dk:#A04E33;--cream:#FDF3EC;--peach:#E8C4A0;--nb:#2D2D2D;--white:#FFFFFF;--border:#E5D5C8;--muted:#8B7B6E;--green:#4A9B6E;--cpx:32px;--cpy:36px;--h2s:26px;--body:14px}@media(max-width:479px){:root{--cpx:20px;--cpy:24px;--h2s:22px;--body:13px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;color:var(--nb);min-height:100vh;padding:40px 0 60px;background:var(--cream);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E")}@media(max-width:479px){body{padding:24px 0 40px}}.ctn{max-width:540px;margin:0 auto;padding:0 20px}@media(max-width:479px){.ctn{padding:0 16px}}.hdr{text-align:center;margin-bottom:24px}.hdr .ttl{font-weight:600;font-size:17px;color:var(--muted);margin-top:2px}@media(max-width:479px){.hdr .ttl{font-size:15px}}.card{background:var(--white);border-radius:20px;padding:var(--cpy) var(--cpx);box-shadow:0 1px 4px #8b5a3b0f,0 12px 40px #8b5a3b14;transition:opacity .3s,transform .3s}@media(max-width:479px){.card{border-radius:16px}}.card.fo{opacity:0;transform:translateY(14px)}.card.fi{opacity:1;transform:translateY(0)}.hid{display:none!important}.pb{margin-bottom:26px}.pb .t{height:3px;background:var(--peach);border-radius:2px;overflow:hidden;opacity:.5}.pb .f{height:100%;background:var(--terra);border-radius:2px;transition:width .6s ease}.pb .l{display:flex;justify-content:space-between;margin-top:7px;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.pb .l span.on{color:var(--terra);font-weight:600}h2{font-weight:800;color:var(--nb);font-size:var(--h2s);line-height:1.15;margin:0 0 6px;letter-spacing:-.02em}.sub{color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 24px}@media(max-width:479px){.sub{font-size:14px;margin-bottom:20px}}label.fl{display:block;font-size:12px;font-weight:700;color:var(--nb);margin-bottom:5px;letter-spacing:.02em;text-transform:uppercase}.inp{width:100%;padding:12px 14px;font-size:16px;border:1.5px solid var(--border);border-radius:12px;outline:none;background:var(--white);color:var(--nb);font-family:DM Sans,sans-serif;transition:border-color .2s,box-shadow .2s}.inp:focus{border-color:var(--terra);box-shadow:0 0 0 3px #b85c3b1a}.tog{display:flex;gap:8px;flex-wrap:wrap}.tog-btn{padding:11px 16px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;border:1.5px solid var(--border);border-radius:12px;background:var(--white);color:var(--muted);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;text-align:center}.tog-btn.on{border-color:var(--terra);background:#b85c3b0f;color:var(--terra)}.tog-btn.flex1{flex:1}.stepper{display:flex;align-items:center;gap:0;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;width:fit-content}.stepper button{width:40px;height:38px;font-size:18px;font-weight:600;font-family:DM Sans,sans-serif;background:var(--white);border:none;color:var(--terra);cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.stepper button:hover{background:#b85c3b0f}.stepper button:disabled{color:var(--border);cursor:default;background:var(--white)}.stepper .sv{width:42px;text-align:center;font-size:16px;font-weight:700;color:var(--nb);border-left:1.5px solid var(--border);border-right:1.5px solid var(--border);height:38px;line-height:38px;background:var(--white)}@media(max-width:479px){.stepper button{width:44px;height:40px}.stepper .sv{width:44px;height:40px;line-height:40px}}.dollar-wrap{position:relative;flex:1}.dollar-wrap .dollar{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--muted);font-weight:500;pointer-events:none}.dollar-wrap .inp{padding-left:28px}.rent-row{display:flex;gap:10px;align-items:flex-end}.rent-row .per-lbl{font-size:13px;color:var(--muted);padding-bottom:14px;white-space:nowrap;font-weight:500}@media(max-width:379px){.rent-row{flex-direction:column;align-items:stretch;gap:4px}.rent-row .per-lbl{padding-bottom:0;font-size:12px}}.hint{font-size:11px;color:var(--muted);margin-top:6px;opacity:.7}.bp{width:100%;padding:14px 24px;font-size:16px;font-weight:700;font-family:DM Sans,sans-serif;background:var(--terra);color:var(--white);border:none;border-radius:12px;cursor:pointer;transition:background .2s,transform .1s}.bp:hover{background:var(--terra-dk)}.bp:active{transform:scale(.985)}.bs{width:100%;padding:14px 24px;font-size:16px;font-weight:600;font-family:DM Sans,sans-serif;background:transparent;color:var(--terra);border:1.5px solid var(--border);border-radius:12px;cursor:pointer}.bs:hover{border-color:var(--terra)}.bl{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;margin-top:10px;padding:8px 0;width:100%;text-align:center;font-family:DM Sans,sans-serif}.err{color:var(--terra);font-size:12px;margin-top:4px;display:none}.err.show{display:block}.disc{font-size:11px;color:var(--muted);text-align:center;margin-top:16px;line-height:1.5;opacity:.6}.hero-save{text-align:center;padding:28px 16px;background:linear-gradient(135deg,#b85c3b14,#e8c4a033);border-radius:16px;margin-bottom:20px}.hero-save .hs-lbl{font-size:13px;color:var(--muted);margin-bottom:4px;font-weight:500}.hero-save .hs-val{font-weight:800;font-size:52px;color:var(--terra);line-height:1;letter-spacing:-.03em}@media(max-width:479px){.hero-save .hs-val{font-size:40px}}.hero-save .hs-sub{font-size:14px;color:var(--muted);margin-top:6px}.be{text-align:center;background:#4a9b6e14;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;color:var(--green);font-weight:600}.chart-wrap{margin-bottom:24px;background:var(--cream);border-radius:14px;padding:16px 16px 12px}@media(max-width:479px){.chart-wrap{padding:12px 12px 8px}}.chart-wrap h3{font-size:14px;font-weight:700;color:var(--nb);margin-bottom:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stats .stat:last-child:nth-child(odd){grid-column:1 / -1}.stat{padding:14px 12px;border:1.5px solid var(--border);border-radius:12px;text-align:center}.stat .sv{font-weight:800;font-size:20px;color:var(--terra);line-height:1}@media(max-width:479px){.stat .sv{font-size:17px}}.stat .sl{font-size:11px;color:var(--muted);margin-top:3px}.spend-title{font-weight:700;font-size:16px;color:var(--nb);margin-bottom:12px}.spend-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(139,90,59,.08)}.spend-item:last-child{border-bottom:none}.spend-item .si-icon{font-size:20px;flex-shrink:0}.spend-item .si-text{font-size:var(--body);color:var(--nb);line-height:1.4}.spend-item .si-text strong{color:var(--terra)}.ll-callout{background:#b85c3b0d;border-radius:14px;padding:20px;margin-bottom:18px}.ll-trust{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.ll-trust:last-child{margin-bottom:0}.ll-trust .ll-icon{font-size:18px;flex-shrink:0;margin-top:1px}.ll-trust .ll-text{font-size:13px;color:var(--nb);line-height:1.45}.ll-trust .ll-text strong{color:var(--terra)}.tl-box{background:#b85c3b0d;border-radius:14px;padding:20px;margin-bottom:24px}@media(max-width:479px){.tl-box{padding:16px}}.tl-box h3{font-weight:800;font-size:16px;color:var(--nb);margin-bottom:12px}.tl-item{font-size:var(--body);color:var(--nb);line-height:1.55;padding:10px 0;border-bottom:1px solid rgba(139,90,59,.06)}.tl-item:last-child{border-bottom:none}.tl-item strong{color:var(--terra)}.cta{background:var(--terra);border-radius:16px;padding:32px 28px;text-align:center}@media(max-width:479px){.cta{border-radius:14px;padding:24px 20px}}.cta h3{font-weight:800;font-size:20px;color:var(--white);margin:0 0 8px;letter-spacing:-.02em}@media(max-width:479px){.cta h3{font-size:17px}}.cta p{font-size:var(--body);color:#fffc;line-height:1.55;margin:0 0 22px}.cta .clk{display:inline-block;background:var(--white);color:var(--terra);font-weight:700;font-size:15px;padding:14px 32px;border-radius:12px;text-decoration:none;transition:transform .1s}.cta .clk:active{transform:scale(.98)}@media(max-width:479px){.cta .clk{font-size:14px;padding:12px 24px}}.cta .bg{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;font-size:11px;color:#ffffff8c}@media(max-width:379px){.cta .bg{flex-direction:column;align-items:center;gap:4px}}.renew-link{display:block;text-align:center;margin-top:20px;font-size:14px;color:var(--terra);font-weight:600;cursor:pointer;padding:12px;border:1.5px solid var(--border);border-radius:12px;background:var(--white);transition:all .2s;text-decoration:none}.renew-link:hover{border-color:var(--terra);background:#b85c3b0a}.date-wrap{position:relative}.date-wrap .inp{appearance:none;-webkit-appearance:none;-moz-appearance:none;color:var(--nb);cursor:pointer;padding-right:42px}.date-wrap .inp::-webkit-date-and-time-value{text-align:left}.date-wrap .inp::-webkit-calendar-picker-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;cursor:pointer;opacity:.5;transition:opacity .2s;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23B85C3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat center/contain}.date-wrap .inp:hover::-webkit-calendar-picker-indicator,.date-wrap .inp:focus::-webkit-calendar-picker-indicator{opacity:1}.date-wrap .inp:not(:placeholder-shown),.date-wrap .inp:valid{color:var(--nb)}.date-wrap .inp[value=""]{color:var(--muted)}.ren-status{text-align:center;padding:24px 16px;border-radius:16px;margin-bottom:20px}.ren-status.safe{background:#4a9b6e14}.ren-status.warn{background:#e8a03214}.ren-status.urgent{background:#b85c3b14}.ren-status .ren-icon{font-size:36px;margin-bottom:8px}.ren-status .ren-days{font-weight:800;font-size:36px;line-height:1;letter-spacing:-.03em}@media(max-width:479px){.ren-status .ren-days{font-size:28px}}.ren-status.safe .ren-days{color:var(--green)}.ren-status.warn .ren-days{color:#d4940a}.ren-status.urgent .ren-days{color:var(--terra)}.ren-status .ren-label{font-size:14px;color:var(--muted);margin-top:4px;font-weight:500}.ren-detail{background:#b85c3b0d;border-radius:14px;padding:20px;margin-bottom:20px;font-size:var(--body);color:var(--nb);line-height:1.55}.ren-detail strong{color:var(--terra)}.remind-box{border:1.5px solid var(--border);border-radius:14px;padding:20px;margin-bottom:20px}.remind-box .remind-title{font-weight:700;font-size:15px;color:var(--nb);margin-bottom:4px}.remind-box .remind-sub{font-size:13px;color:var(--muted);margin-bottom:14px;line-height:1.5}.remind-row{display:flex;gap:8px}@media(max-width:379px){.remind-row{flex-direction:column}.remind-row .bp{width:100%}}.remind-success{text-align:center;padding:16px;background:#4a9b6e14;border-radius:12px;margin-bottom:20px;font-size:14px;color:var(--green);font-weight:600}