.condo-page { --color-primary: #b1f36b; --color-text-muted: #aebdb4; --color-btn-primary-text: #14200c; --color-btn-primary-hover-text: #14200c; padding-bottom: 80px; }
:root[data-theme="light"] .condo-page { --color-primary:#367821; --color-text-muted:#526156; --color-btn-primary-text:#fff; --color-btn-primary-hover-text:#fff; }
.condo-page .container { max-width:1200px; }
.condo-hero { padding-top:145px; padding-bottom:65px; display:grid; grid-template-columns:1.15fr 1fr; gap:65px; align-items:center; }
.condo-eyebrow { display:block; font-size:11px; letter-spacing:.13em; font-weight:700; color:var(--color-primary); margin-bottom:20px; }
.condo-page h1 { font-size:clamp(38px,4.4vw,62px); line-height:1.05; letter-spacing:-.04em; }
.condo-page h1 em { font-style:normal; color:var(--color-primary); }
.condo-page h2 { font-size:clamp(29px,3vw,43px); line-height:1.15; letter-spacing:-.03em; margin-bottom:22px; }
.condo-lead { color:var(--color-text-muted); font-size:16px; line-height:1.8; max-width:780px; margin:24px 0; }
.condo-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 18px; }
.condo-page .btn { border-radius:8px; font-size:13px; box-shadow:none; }
.condo-page .btn-primary { background:var(--color-primary); border-color:var(--color-primary); }
.condo-small { color:var(--color-text-muted); font-size:12px; line-height:1.7; }
.condo-visual { margin:0; border-radius:20px; overflow:hidden; border:1px solid var(--color-border); background:var(--color-bg-card); }
.condo-visual img { display:block; width:100%; height:auto; }
.condo-visual figcaption { padding:10px 16px; color:var(--color-text-muted); font-size:11px; }
.condo-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding-block:28px; border-block:1px solid var(--color-border); }
.condo-facts strong { display:block; color:var(--color-primary); font-family:Outfit,sans-serif; font-size:27px; }
.condo-facts span { font-size:13px; color:var(--color-text-muted); }
.condo-section { padding-top:80px; padding-bottom:80px; scroll-margin-top:80px; }
.condo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:36px; }
.condo-card { background:var(--color-bg-card); border:1px solid var(--color-border); border-radius:14px; padding:30px; }
.condo-card i { color:var(--color-primary); font-size:25px; margin-bottom:22px; }
.condo-page h3 { font-size:21px; margin-bottom:12px; }
.condo-card p,.condo-steps p,.condo-price p,.condo-faq p { color:var(--color-text-muted); font-size:14px; line-height:1.8; }
.condo-band { background:var(--color-bg-section-alt); border-block:1px solid var(--color-border); }
.condo-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; list-style:none; margin-top:38px; }
.condo-steps li > span { display:block; color:var(--color-primary); font-size:35px; margin-bottom:22px; font-family:Outfit,sans-serif; }
.condo-split { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:start; }
.condo-checks { list-style:none; }
.condo-checks li { padding:12px 0; border-bottom:1px solid var(--color-border); font-size:14px; }
.condo-checks li::before { content:'✓'; color:var(--color-primary); margin-right:12px; }
.condo-price { border:1px solid var(--color-primary); border-radius:18px; padding:34px; background:var(--color-bg-card); }
.condo-price > span,.condo-result > span { font-size:11px; letter-spacing:.1em; color:var(--color-primary); }
.condo-price h3 { font-size:36px; margin:18px 0 8px; }
.condo-price h3 small { font-size:18px; }
.condo-price hr { border:0; border-top:1px solid var(--color-border); margin:25px 0; }
.condo-price p { margin-bottom:20px; }
.condo-calculator { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:35px; }
.condo-inputs { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-content:start; }
.condo-inputs label { font-size:13px; font-weight:600; }
.condo-inputs input { width:100%; margin-top:10px; padding:14px; border:1px solid var(--color-border); border-radius:8px; background:var(--color-input-bg); color:var(--color-text-main); font-size:18px; }
.condo-inputs .condo-small { grid-column:1/-1; }
.condo-page :focus-visible { outline:2px solid var(--color-primary); outline-offset:4px; }
.condo-result { padding:32px; background:var(--color-bg-card); border:1px solid var(--color-border); border-radius:16px; }
.condo-result dl { margin:24px 0; }
.condo-result dl div { display:flex; justify-content:space-between; gap:18px; font-size:13px; padding:12px 0; border-bottom:1px solid var(--color-border); }
.condo-result dd { white-space:nowrap; font-weight:700; }
.condo-result h3 { font-size:16px; }
.condo-result output { display:block; font-size:42px; font-family:Outfit,sans-serif; color:var(--color-primary); }
.condo-result > p { margin-top:18px; font-size:13px; }
.condo-faq { max-width:900px !important; }
.condo-faq details { border-bottom:1px solid var(--color-border); padding:22px 0; }
.condo-faq summary { cursor:pointer; font-weight:600; }
.condo-faq p { margin-top:15px; }
.condo-close { padding:50px 30px; border:1px solid var(--color-border); border-radius:20px; background:var(--color-bg-card); text-align:center; }
.condo-close p { margin-bottom:25px; color:var(--color-text-muted); }
@media(max-width:900px) { .condo-hero,.condo-split,.condo-calculator { grid-template-columns:1fr; gap:32px; } .condo-visual { max-width:540px; } .condo-grid { grid-template-columns:1fr; } .condo-steps { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .condo-hero { padding-top:110px; } .condo-facts,.condo-steps,.condo-inputs { grid-template-columns:1fr; } .condo-section { padding-block:50px; } .condo-result,.condo-price { padding:24px; } .condo-actions .btn { width:100%; } .condo-close { width:calc(100% - 40px); } }