:root{--ink:#1f2a24;--evergreen:#1f4435;--evergreen-deep:#163026;--cream:#f6f1e7;--cream-deep:#efe7d6;--gold:#c08a3e;--clay:#b5673e;--muted:#6f7d73;--line:#d9cfba;--white:#fffdf8}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}body{font-family:Newsreader,Georgia,serif;background:var(--cream);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(circle at 20% -10%,rgba(31,68,53,.06),transparent 40%),radial-gradient(circle at 90% 10%,rgba(192,138,62,.07),transparent 35%)}.wrap{max-width:920px;margin:0 auto;padding:18px 24px 80px;width:100%}.hero{position:relative;overflow:hidden;border:1px solid rgba(31,68,53,.12);border-radius:20px;background:linear-gradient(180deg,#fffdf8f5,#f6f1e7db),radial-gradient(circle at 15% 0%,rgba(192,138,62,.12),transparent 34%),radial-gradient(circle at 90% 8%,rgba(31,68,53,.1),transparent 36%);box-shadow:0 16px 48px -36px #1f443599;margin-bottom:14px;padding:16px clamp(18px,3vw,32px) 16px}.hero:before{content:"";position:absolute;left:clamp(18px,3vw,32px);right:clamp(18px,3vw,32px);bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(192,138,62,.4),transparent);pointer-events:none}.brand-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:920px;margin:0 auto 12px;padding-bottom:12px;border-bottom:1px solid rgba(31,68,53,.1)}.brand-mark{display:inline-flex;align-items:center;text-decoration:none;width:clamp(200px,32vw,360px)}.brand-mark img{display:block;width:100%;height:auto}.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-height:32px;font-size:.74rem;color:var(--evergreen);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(31,68,53,.22);border-radius:999px;padding:6px 13px;background:#fffdf894;transition:all .18s;white-space:nowrap}.lang-switch:hover{color:var(--gold);border-color:var(--gold);background:var(--white)}.hero-copy{position:relative;max-width:780px;margin:0 auto;text-align:center}h1{font-family:Fraunces,serif;font-weight:500;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--evergreen);opacity:.72;letter-spacing:-.01em;line-height:1.25}h1 em{font-style:italic;color:var(--gold)}.sub{color:var(--muted);font-size:clamp(.9rem,1.6vw,1rem);margin:6px auto 0;max-width:620px}.content{max-width:920px;margin:0 auto}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -30px #1f443566;overflow:hidden;width:100%;min-width:0}.tabs{max-width:920px;margin:0 auto 16px;position:relative;z-index:2;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:6px;border:1px solid rgba(31,68,53,.12);border-radius:14px;background:#fffdf8c7;box-shadow:0 10px 28px -22px #1f443580}.tabs a{font-family:Newsreader,serif;font-size:.95rem;padding:8px 16px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;transition:all .18s;text-decoration:none;display:inline-block}.tabs a.active{background:var(--evergreen);color:var(--cream);border-color:var(--evergreen);box-shadow:0 10px 22px -16px #1f4435cc}.tabs a:hover:not(.active){border-color:#1f443533;background:#f6f1e7ad}.use-btn{margin-top:24px;width:100%;font-family:Newsreader,serif;font-size:1rem;padding:13px;border-radius:11px;border:1px solid rgba(246,241,231,.4);background:#f6f1e71a;color:var(--cream);cursor:pointer;transition:all .18s}.use-btn:hover{background:#f6f1e733}.calc{display:grid;grid-template-columns:1.05fr .95fr}@media (max-width:760px){.calc{grid-template-columns:1fr}}.inputs{padding:36px 34px}.field{margin-bottom:22px}.field:last-child{margin-bottom:0}label{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;font-weight:500}.control{position:relative}.prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1.05rem;pointer-events:none}.suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1.05rem;pointer-events:none}input[type=text]{width:100%;padding:13px 16px 13px 30px;font-family:Newsreader,serif;font-size:1.15rem;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:11px;outline:none;transition:border-color .2s,box-shadow .2s}input.plain{padding-left:16px}input.pct{padding-right:34px}input[type=text]:focus{border-color:var(--evergreen);box-shadow:0 0 0 3px #1f44351f;background:var(--white)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:var(--cream-deep);margin-top:14px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--evergreen);border:3px solid var(--white);box-shadow:0 2px 8px #1f443566;cursor:pointer}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--evergreen);border:3px solid var(--white);cursor:pointer}.terms{display:flex;gap:8px;margin-top:4px}.term-btn{flex:1;padding:11px 0;text-align:center;font-family:Newsreader,serif;font-size:1rem;border:1px solid var(--line);border-radius:10px;background:var(--cream);color:var(--ink);cursor:pointer;transition:all .18s}.term-btn.active{background:var(--evergreen);color:var(--white);border-color:var(--evergreen)}.term-btn:hover:not(.active){border-color:var(--evergreen)}.dp-toggle{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;vertical-align:middle;margin-left:6px}.dp-toggle button{font-family:Newsreader,serif;font-size:.8rem;padding:2px 10px;border:none;background:var(--cream);color:var(--muted);cursor:pointer;line-height:1.5}.dp-toggle button.active{background:var(--evergreen);color:var(--white)}.divider{display:flex;align-items:center;gap:14px;margin:28px 0 22px;color:var(--muted);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:420px){.two{grid-template-columns:1fr}}.result{background:var(--evergreen);color:var(--cream);padding:40px 34px;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(circle at 80% 0%,rgba(192,138,62,.22),transparent 50%)}.result .label{color:#f6f1e7a6;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}.payment{font-family:Fraunces,serif;font-weight:500;font-size:clamp(2.8rem,7vw,3.8rem);line-height:1;margin:10px 0 4px;letter-spacing:-.02em}.payment .cents{font-size:.5em;color:var(--gold);vertical-align:super}.per{color:#f6f1e799;font-size:.95rem;margin-bottom:26px}.breakdown{border-top:1px solid rgba(246,241,231,.18);padding-top:18px}.row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;font-size:1rem}.row span:first-child{color:#f6f1e7b3}.row span:last-child{font-family:Fraunces,serif;font-weight:500}.row.hidden{display:none}.row.sumline{border-top:1px solid rgba(246,241,231,.18);margin-top:10px;padding-top:14px}.row.sumline span:first-child{color:var(--cream)}.row.sumline span:last-child{color:var(--gold)}.lifetime{margin-top:20px;padding-top:16px;border-top:1px solid rgba(246,241,231,.12);font-size:.86rem;color:#f6f1e799;display:flex;justify-content:space-between}.lifetime b{font-family:Fraunces,serif;font-weight:500;color:#f6f1e7d9}.compare{padding:36px 34px}.compare h2{font-family:Fraunces,serif;font-weight:500;font-size:1.9rem;color:var(--evergreen);margin-bottom:4px}.compare .lead{color:var(--muted);margin-bottom:26px}.horizon-out{color:var(--gold);font-family:Fraunces,serif}details.assume{margin:6px 0 26px;border:1px solid var(--line);border-radius:12px;background:var(--cream);overflow:hidden}details.assume summary{cursor:pointer;list-style:none;padding:13px 18px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center}details.assume summary::-webkit-details-marker{display:none}details.assume summary:after{content:"+";font-size:1.2rem;color:var(--gold)}details.assume[open] summary:after{content:"–"}.assume-list{padding:4px 20px 18px}.assume-intro{color:var(--muted);font-size:.92rem;margin:8px 0 6px;line-height:1.55}.assume-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.assume-row:last-child{border-bottom:none}.assume-row .ar-text{flex:1}.assume-row .ar-text strong{display:block;font-weight:500;font-size:1.02rem;color:var(--ink)}.assume-row .ar-text small{display:block;color:var(--muted);font-size:.86rem;margin-top:1px}.assume-row .control{width:104px;flex:none}.assume-row input[type=text]{font-size:1.05rem;padding:11px 30px 11px 14px}.reset-btn{margin-top:16px;font-family:Newsreader,serif;font-size:.92rem;color:var(--gold);background:none;border:1px solid var(--line);border-radius:9px;padding:9px 18px;cursor:pointer;transition:all .18s}.reset-btn:hover{border-color:var(--gold);background:#c08a3e14}.verdict{border-radius:14px;padding:22px 26px;margin-bottom:24px;border:1px solid var(--line)}.scenario{display:flex;gap:8px}.scenario button{flex:1;padding:11px 6px;font-family:Newsreader,serif;font-size:.98rem;border:1px solid var(--line);border-radius:10px;background:var(--cream);color:var(--ink);cursor:pointer;transition:all .18s;line-height:1.3}.scenario button em{display:block;font-style:normal;font-family:Fraunces,serif;color:var(--gold);font-size:.92rem;margin-top:1px}.scenario button.active{background:var(--evergreen);color:var(--white);border-color:var(--evergreen)}.scenario button.active em{color:var(--cream)}.scenario button:hover:not(.active){border-color:var(--evergreen)}.scenario-hint{color:var(--muted);font-size:.88rem;line-height:1.55;margin-top:10px}.verdict.buy{background:#1f44350f;border-color:#1f443540}.verdict.rent{background:#b5673e14;border-color:#b5673e4d}.verdict .v-label{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.verdict .v-head{font-family:Fraunces,serif;font-size:1.55rem;font-weight:500;margin:6px 0 4px;color:var(--evergreen)}.verdict.rent .v-head{color:var(--clay)}.verdict .v-head b{color:var(--gold)}.verdict .v-sub{color:var(--muted);font-size:.98rem}.chart-wrap{margin-bottom:6px}.chart-wrap svg{width:100%;height:auto;display:block}.legend{display:flex;gap:22px;justify-content:center;margin:4px 0 22px;font-size:.92rem;color:var(--ink);flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:8px}.swatch{width:22px;height:0;border-top:3px solid}.swatch.buy{border-color:var(--evergreen)}.swatch.rent{border-top-style:dashed;border-color:var(--clay)}.swatch.extra{border-top-style:dashed;border-color:var(--gold)}.swatch.be{border:none;width:11px;height:11px;border-radius:50%;background:var(--gold)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}@media (max-width:480px){.tiles{grid-template-columns:1fr}}.tile{border:1px solid var(--line);border-radius:13px;padding:18px 20px;background:var(--cream)}.tile .t-label{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.tile .t-val{font-family:Fraunces,serif;font-size:1.7rem;font-weight:500;color:var(--evergreen)}.tile.rent .t-val{color:var(--clay)}.tile .t-note{font-size:.85rem;color:var(--muted);margin-top:4px}footer{max-width:920px;text-align:center;margin:30px auto 0;color:var(--muted);font-size:.88rem;line-height:1.7}footer .dot{color:var(--gold);margin:0 8px}@media (max-width:760px){.wrap{padding:14px 12px 56px}.hero{border-radius:18px;padding:18px 16px 26px;margin-bottom:14px}.brand-row{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:14px;gap:10px}.brand-mark{width:min(220px,58vw)}.lang-switch{font-size:.7rem;min-height:32px;padding:6px 11px;white-space:nowrap}.hero-copy{text-align:center}h1{font-size:1rem}h1{font-size:1.1rem}.sub{font-size:.9rem}.tabs{border-radius:14px;gap:0;padding:5px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{flex:0 0 auto;white-space:nowrap;text-align:center;padding:8px 14px;font-size:.85rem}.card{border-radius:14px}.inputs{padding:22px 18px}.result{padding:28px 18px}.two{gap:12px}.payment{font-size:2.4rem}}@media (max-width:420px){.brand-mark{width:min(180px,52vw)}.two{grid-template-columns:1fr}}
