:root{--rent: #38bdf8;--rent-soft: rgba(56,189,248,.09);--rent-glow: rgba(56,189,248,.18);--own: #22c55e;--own-soft: rgba(34,197,94,.09);--own-glow: rgba(34,197,94,.18);--accent: #0284c7}.pr-bar strong{color:var(--rent)}.pr-bar{background:#38bdf812;border-bottom:1px solid rgba(56,189,248,.18);padding:7px 20px;text-align:center;font-size:.73rem;color:var(--text2)}.hero{position:relative;padding:52px 24px 40px;text-align:center;overflow:hidden}.hero-orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.4}.hero-orb-1{width:min(560px,100vw);height:min(340px,56vw);top:-80px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(56,189,248,.13),transparent 70%)}.hero-orb-2{width:min(260px,65vw);height:min(160px,32vw);bottom:-30px;right:-30px;background:radial-gradient(ellipse,rgba(34,197,94,.09),transparent 70%)}.hero-inner{position:relative;max-width:720px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--rent);text-transform:uppercase;background:var(--rent-soft);border:1px solid rgba(56,189,248,.22);padding:4px 12px;border-radius:20px;margin-bottom:16px}.hero-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}.hero-title .rent{color:var(--rent)}.hero-title .own{color:var(--own)}.hero-desc{font-size:.9rem;color:var(--text2);line-height:1.7;margin-bottom:20px}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}.badge{font-size:.72rem;padding:4px 10px;border-radius:6px;background:var(--surface);border:1px solid var(--border2);color:var(--text2)}.badge-rent{background:var(--rent-soft);border-color:#38bdf840;color:var(--rent)}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-cta-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hero-cta-text{font-size:.78rem;color:var(--text2)}.cta-btn-hero{display:inline-flex;align-items:center;gap:6px;background:var(--rent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.88rem;padding:11px 22px;border-radius:8px;border:none;cursor:pointer;transition:opacity .2s,transform .2s}.cta-btn-hero:after{content:"";display:inline-block;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.cta-btn-hero:hover{opacity:.88;transform:translateY(-1px)}.cta-btn-hero-sub{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--text2);font-size:.84rem;padding:11px 20px;border-radius:8px;text-decoration:none;border:1px solid var(--border2);transition:color .2s,border-color .2s}.cta-btn-hero-sub:hover{color:var(--text);border-color:var(--rent)}.container{max-width:900px;margin:0 auto;padding:0 20px 80px}.section-title.rent-title:before{background:var(--rent)}.section-title.own-title:before{background:var(--own)}.section-title.neutral:before{background:var(--gold)}.input-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media(max-width:640px){.input-cols{grid-template-columns:1fr}}.input-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px}.input-panel.rent-panel{border-top:3px solid var(--rent)}.input-panel.own-panel{border-top:3px solid var(--own)}.panel-head{font-family:var(--font-display);font-size:.9rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:8px}.panel-head-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.rent-icon-bg{background:var(--rent-soft)}.own-icon-bg{background:var(--own-soft)}.panel-head-label{color:var(--text)}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field-label{font-size:.78rem;color:var(--text2);margin-bottom:5px;display:flex;align-items:center;justify-content:space-between}.field-hint{font-size:.68rem;color:var(--text3)}.field-input-row{display:flex;align-items:center;gap:8px}.field-input-row input[type=number]{flex:1;padding:9px 12px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:1rem;text-align:right;outline:none;transition:border-color .2s;-webkit-appearance:none;min-width:0}.field-input-row input:focus{border-color:var(--rent)}.own-panel .field-input-row input:focus{border-color:var(--own)}.field-unit{font-size:.8rem;color:var(--text3);white-space:nowrap;flex-shrink:0}.common-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;margin-bottom:14px}.common-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:580px){.common-grid{grid-template-columns:1fr 1fr}}@media(max-width:380px){.common-grid{grid-template-columns:1fr}}.calc-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:340px;background:var(--rent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;padding:15px 28px;border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .2s,transform .2s,box-shadow .2s;margin:24px auto 0}.verdict-banner{border-radius:var(--radius-lg);padding:28px 24px;margin-bottom:16px;text-align:center;position:relative;overflow:hidden}.verdict-banner-orb{position:absolute;width:300px;height:200px;top:-60px;left:50%;transform:translate(-50%);border-radius:50%;filter:blur(60px);pointer-events:none}.verdict-eyebrow{position:relative;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.verdict-main{position:relative;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem);font-weight:800;line-height:1.2;margin-bottom:8px}.verdict-sub{position:relative;font-size:.85rem;color:var(--text2)}.verdict-rent{background:linear-gradient(135deg,rgba(56,189,248,.1),var(--surface));border:1px solid rgba(56,189,248,.3)}.verdict-rent .verdict-banner-orb{background:radial-gradient(ellipse,rgba(2,132,199,.12),transparent 70%)}.verdict-rent .verdict-eyebrow,.verdict-rent .verdict-main{color:var(--rent)}.verdict-own{background:linear-gradient(135deg,rgba(34,197,94,.1),var(--surface));border:1px solid rgba(34,197,94,.3)}.verdict-own .verdict-banner-orb{background:radial-gradient(ellipse,rgba(22,163,74,.12),transparent 70%)}.verdict-own .verdict-eyebrow,.verdict-own .verdict-main{color:var(--own)}.verdict-tie{background:linear-gradient(135deg,rgba(245,200,66,.08),var(--surface));border:1px solid rgba(245,200,66,.25)}.verdict-tie .verdict-banner-orb{background:radial-gradient(ellipse,rgba(245,200,66,.12),transparent 70%)}.verdict-tie .verdict-eyebrow,.verdict-tie .verdict-main{color:var(--gold)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media(max-width:580px){.summary-grid{grid-template-columns:repeat(2,1fr)}}.summary-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 12px;text-align:center}.summary-eyebrow{font-size:.66rem;color:var(--text3);margin-bottom:5px;line-height:1.3}.summary-val{font-family:var(--font-mono);font-size:1rem;font-weight:500;line-height:1}.col-rent{color:var(--rent)}.col-own{color:var(--own)}.col-gold{color:var(--gold)}.col-purple{color:var(--purple)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.legend-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--text2)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}svg{display:block;width:100%;overflow:visible}.chart-note{font-size:.73rem;color:var(--text3);margin-top:10px;line-height:1.6}.breakdown-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media(max-width:560px){.breakdown-cols{grid-template-columns:1fr}}.breakdown-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.breakdown-card.rent-bd{border-top:3px solid var(--rent)}.breakdown-card.own-bd{border-top:3px solid var(--own)}.breakdown-head{font-family:var(--font-display);font-size:.85rem;font-weight:700;margin-bottom:14px}.breakdown-head.rent-head{color:var(--rent)}.breakdown-head.own-head{color:var(--own)}.breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:.82rem;gap:8px}.breakdown-row:last-child{border-bottom:none;font-weight:700}.breakdown-label{color:var(--text2)}.breakdown-val{font-family:var(--font-mono);color:var(--text);white-space:nowrap}.breakdown-total{color:var(--rent)}.breakdown-total-own{color:var(--own)}.crossover-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.crossover-row{display:flex;align-items:center;gap:16px}.crossover-num{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--gold);line-height:1;flex-shrink:0}.crossover-label{font-size:.85rem;color:var(--text2);line-height:1.6}.crossover-label strong{color:var(--text);display:block}.no-crossover{font-size:.88rem;color:var(--text2)}.recalc-wrap{text-align:center;margin-bottom:24px}.recalc-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border2);border-radius:8px;padding:8px 14px;color:var(--text2);font-size:.8rem;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s,background .2s;min-height:40px}.recalc-btn:hover{border-color:var(--rent);color:var(--rent);background:#38bdf80f}.recalc-btn:before{content:"↺";font-size:.9rem;font-weight:700}.disclaimer{font-size:.73rem;color:var(--text3);line-height:1.7;padding:16px 0;border-top:1px solid var(--border);margin-top:8px}footer{background:var(--bg2);border-top:1px solid var(--border);padding:28px 24px;text-align:center;font-size:.78rem;color:var(--text3)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.reveal.visible{opacity:1;transform:none}.progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:200;transition:width .1s;width:0}