:root {
  --green: #0c302a;
  --green-2: #123e36;
  --green-3: #071f1b;
  --gold: #b79268;
  --gold-light: #dec6a9;
  --sand: #f2ede4;
  --paper: #faf8f4;
  --ink: #17201e;
  --muted: #6c706c;
  --line: #d8cdbf;
  --white: #fff;
  --max: 1220px;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, Arial, sans-serif;
  --shadow: 0 18px 50px rgba(18, 38, 32, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; padding-bottom: 58px; color: var(--ink); background: var(--paper); font-family: var(--sans); line-height: 1.65; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid #d9b581; outline-offset: 3px; }
.skip-link { position: fixed; z-index: 500; top: 8px; left: 8px; transform: translateY(-160%); padding: 10px 14px; background: #fff; color: #111; }
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 150;
  min-height: 82px;
  padding: 8px max(18px, calc((100vw - var(--max)) / 2));
  display: flex;
  align-items: center;
  gap: 18px;
  background: rgba(7, 31, 27, .98);
  color: #fff;
  box-shadow: 0 6px 25px rgba(0, 0, 0, .22);
}
.brand { width: 132px; height: 62px; display: flex; align-items: center; flex: 0 0 auto; }
.brand img { width: 100%; height: 100%; object-fit: contain; }
.site-header nav { margin-left: auto; display: flex; align-items: center; gap: 13px; }
.site-header nav a { text-decoration: none; font-size: .72rem; letter-spacing: .025em; white-space: nowrap; }
.site-header nav a:hover { color: var(--gold-light); }
.wa-header { flex: 0 0 auto; padding: 9px 12px; border: 1px solid var(--gold); text-decoration: none; font-size: .72rem; font-weight: 700; }
.wa-header span { display: block; color: var(--gold-light); font-weight: 500; }
.menu-toggle { display: none; }

.hero {
  width: 100%;
  min-height: calc(100vh - 82px);
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  align-items: stretch;
  background: var(--green);
  color: #fff;
  overflow: hidden;
}
.hero-copy {
  padding: clamp(70px, 8vw, 118px) max(28px, calc((100vw - var(--max)) / 2)) clamp(65px, 8vw, 100px);
  padding-right: clamp(36px, 5vw, 74px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.eyebrow { margin: 0 0 13px; text-transform: uppercase; letter-spacing: .19em; font-size: .68rem; font-weight: 800; color: var(--gold-light); }
.eyebrow.dark { color: #8b6848; }
.hero h1, .section h2, .ceboom-bridge h2 { font: 400 clamp(3rem, 5.6vw, 6.4rem) / .96 var(--serif); margin: .08em 0 .26em; letter-spacing: -.035em; }
.hero h1 em, .section h2 em { color: var(--gold); font-weight: 400; }
.hero-lead { max-width: 620px; margin: 0; font-size: clamp(1rem, 1.5vw, 1.18rem); color: #e9e5de; }
.hero-price { margin: 28px 0 0; padding: 17px 18px; max-width: 520px; border-left: 3px solid var(--gold); background: rgba(255, 255, 255, .06); }
.hero-price span, .hero-price small { display: block; }
.hero-price span { text-transform: uppercase; letter-spacing: .13em; font-size: .62rem; color: var(--gold-light); }
.hero-price strong { display: block; margin: 2px 0; font: 1.55rem var(--serif); }
.hero-price small { font-size: .7rem; color: #d7ddd9; }
.actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 27px; }
.btn { display: inline-block; border: 0; padding: 13px 19px; text-decoration: none; text-transform: uppercase; letter-spacing: .09em; font-weight: 800; font-size: .7rem; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover { transform: translateY(-2px); }
.gold { background: var(--gold); color: #102d27; }
.outline { border: 1px solid rgba(255, 255, 255, .72); color: #fff; background: transparent; }
.darkbtn { background: var(--green); color: #fff; text-align: center; }
.text-cta { font-size: .82rem; color: var(--gold-light); text-underline-offset: 4px; }
.hero-facts { display: flex; flex-wrap: wrap; gap: 1px; margin-top: 30px; max-width: 580px; background: rgba(255, 255, 255, .13); }
.hero-facts span { min-width: 150px; flex: 1; padding: 13px 15px; background: rgba(18, 62, 54, .86); font-size: .66rem; text-transform: uppercase; letter-spacing: .06em; }
.hero-facts b { display: block; margin-bottom: 1px; font: 1.45rem var(--serif); color: var(--gold-light); }
.hero-visual { margin: 0; min-width: 0; position: relative; background: #e7ddd0; display: flex; flex-direction: column; justify-content: center; }
.hero-visual img { width: 100%; height: 100%; min-height: 620px; object-fit: contain; object-position: center; background: #e7ddd0; }
.hero-visual figcaption { position: absolute; right: 16px; bottom: 14px; max-width: 70%; padding: 6px 9px; background: rgba(7, 31, 27, .82); color: #f4efe7; font-size: .62rem; }

.trust-strip { max-width: none; padding: 0 max(20px, calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #cbbda9; }
.trust-strip span { padding: 17px 16px; background: #eee7dc; color: #58605b; font-size: .73rem; }
.trust-strip b { display: block; color: #413f39; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }

.section { max-width: var(--max); margin: auto; padding: 92px 24px; }
.section h2, .ceboom-bridge h2 { font-size: clamp(2.35rem, 4.3vw, 4.8rem); }
.section-heading { max-width: 850px; }
.section-heading > p:last-child { max-width: 730px; color: #5e6560; }
.centered { text-align: center; margin: 0 auto 42px; }
.centered p { margin-inline: auto; }

.decision-path { padding-top: 72px; padding-bottom: 72px; }
.decision-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 34px; }
.decision-grid a { min-height: 178px; padding: 24px; display: flex; flex-direction: column; text-decoration: none; background: #fff; border: 1px solid #ded5ca; box-shadow: 0 8px 28px rgba(18, 38, 32, .05); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.decision-grid a:hover { transform: translateY(-4px); border-color: var(--gold); box-shadow: var(--shadow); }
.decision-grid span { color: #9a7a57; font: 1rem var(--serif); }
.decision-grid b { margin-top: auto; font: 1.55rem var(--serif); }
.decision-grid small { margin-top: 5px; color: #66706b; }

.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 70px; align-items: center; }
.tower-frame { padding: 16px; background: #dfd3c4; }
.tower-frame img { width: 100%; height: min(680px, 61vw); object-fit: contain; background: #eee7dc; }
.section-copy > p { max-width: 610px; color: #5b625e; }
.stat-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 31px; border-top: 1px solid #d6cec2; }
.stat-grid div { padding: 18px 10px; border-bottom: 1px solid #d6cec2; }
.stat-grid b, .stat-grid span { display: block; }
.stat-grid b { font: 1.15rem var(--serif); color: #765739; }
.stat-grid span { font-size: .77rem; color: #6b716d; }

.green { max-width: none; background: var(--green); color: #f7f1e8; padding-left: max(24px, calc((100vw - var(--max)) / 2)); padding-right: max(24px, calc((100vw - var(--max)) / 2)); }
.green .section-heading > p:last-child { color: #d8ddd9; }
.value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 38px 0 0; background: rgba(255, 255, 255, .15); }
.value-grid article { padding: 24px; background: var(--green-2); }
.value-grid b { display: block; font: 1.28rem var(--serif); color: #e3c9aa; }
.value-grid p { margin: 8px 0 0; font-size: .8rem; color: #d8dfdc; }
.plan-pair { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr); gap: 45px; align-items: center; margin-top: 48px; }
.plan-pair figure { margin: 0; }
.plan-pair img { width: 100%; max-height: 650px; object-fit: contain; background: #fff; }
.plan-pair figcaption { padding: 9px; text-align: center; color: #222; background: #fff; font-size: .7rem; }
.plan-pair h3, .included h3 { font: 2rem var(--serif); }
.plan-pair li { margin: 7px 0; }
.inline-link { display: inline-block; margin-top: 12px; color: var(--gold-light); text-underline-offset: 4px; }

.unit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.unit-card { padding: 22px; display: flex; flex-direction: column; gap: 14px; background: #fff; border: 1px solid #ddd4c9; box-shadow: 0 10px 36px rgba(32, 35, 30, .04); }
.unit-title { display: flex; justify-content: space-between; gap: 18px; align-items: end; }
.unit-title p { margin: 0; color: #876441; text-transform: uppercase; letter-spacing: .15em; font-size: .67rem; }
.unit-title h3 { margin: 0; font: 2rem var(--serif); }
.unit-title strong { font: 1.24rem var(--serif); white-space: nowrap; }
.unit-badges { display: flex; flex-wrap: wrap; gap: 7px; }
.unit-badges span { padding: 7px 9px; background: #f1ece4; color: #5d625e; font-size: .7rem; }
.visual-label { margin: 3px 0 -6px; color: #806248; text-transform: uppercase; letter-spacing: .12em; font-size: .64rem; font-weight: 800; }
.unit-plan { display: block; padding: 10px; border: 1px solid #d6cabb; background: #f7f3ed; }
.unit-plan img { width: 100%; height: 470px; object-fit: contain; background: #fff; }
.unit-view { width: 100%; height: 295px; object-fit: contain; border: 1px solid #ded5ca; background: #fff; }
.unit-card summary, .faq-list summary { font-weight: 700; cursor: pointer; }
.unit-card details ul { columns: 2; }
.included { margin-top: 38px; padding: 30px; background: #eee8df; }
.included > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #d5cabd; }
.included > div span { padding: 17px; background: #f8f5ef; color: #283430; font-size: .78rem; }

.sand { max-width: none; background: var(--sand); padding-left: max(24px, calc((100vw - var(--max)) / 2)); padding-right: max(24px, calc((100vw - var(--max)) / 2)); }
.floor-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 29px 0; }
.floor-tabs button { border: 1px solid #bba98e; background: transparent; padding: 10px 14px; cursor: pointer; }
.floor-tabs button[aria-selected='true'] { background: var(--green); color: #fff; }
.floor-image { display: block; padding: 16px; border: 1px solid #d8cbb9; background: #fff; }
.floor-image img { width: 100%; height: min(690px, 70vw); object-fit: contain; background: #fff; }
.zoom-note { text-align: center; font-size: .76rem; color: #6f716d; }

.amenity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.amenity-grid figure { margin: 0; background: #fff; border: 1px solid #ded7ce; }
.amenity-grid img { width: 100%; aspect-ratio: 16 / 9; object-fit: contain; object-position: center; background: #eae4da; }
.amenity-grid figcaption { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; }
.amenity-grid figcaption span { text-align: right; font-size: .75rem; color: #766656; }
.amenity-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 22px; background: #ddd3c6; }
.amenity-list span { padding: 17px; background: #eee8df; color: #3f4a47; font-size: .78rem; }

.video-section { max-width: none; background: #e9e1d7; padding-left: max(24px, calc((100vw - var(--max)) / 2)); padding-right: max(24px, calc((100vw - var(--max)) / 2)); }
.video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.video-grid article { padding: 14px 14px 22px; background: #fff; border: 1px solid #d6cab9; }
.video-frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--green); }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-grid h3 { margin: 17px 8px 5px; font: 1.65rem var(--serif); }
.video-grid p { margin: 0 8px; font-size: .84rem; color: #5f625e; }
.video-action { text-align: center; margin-top: 24px; }

.pricing-explorer { max-width: none; background: var(--paper); padding-left: max(24px, calc((100vw - var(--max)) / 2)); padding-right: max(24px, calc((100vw - var(--max)) / 2)); }
.pricing-controls { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin: 31px 0 15px; }
.pricing-controls label { font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.pricing-controls select, .pricing-controls input { display: block; width: 100%; margin-top: 7px; padding: 12px; border: 1px solid #c9bca9; background: #fff; color: var(--ink); }
.price-count { font-size: .78rem; color: #746657; }
.price-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.price-results button { display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 15px; border: 1px solid #d5cabd; background: #fff; color: var(--ink); cursor: pointer; }
.price-results button:hover, .price-results button:focus-visible { border-color: var(--gold); box-shadow: 0 5px 18px rgba(0, 0, 0, .08); }
.price-results b { font: 1.1rem var(--serif); }
.price-results span { font-size: .69rem; }
.price-results strong { margin-top: 6px; color: #765739; }
.unit-computation { margin-top: 29px; padding: 28px; background: var(--green); color: #fff; }
.computation-head { display: flex; justify-content: space-between; gap: 28px; align-items: end; }
.computation-head p { margin: 0; color: #d6b793; text-transform: uppercase; letter-spacing: .15em; font-size: .65rem; }
.computation-head h3 { margin: 4px 0; font: 1.9rem var(--serif); }
.computation-head > strong { font: 1.65rem var(--serif); text-align: right; }
.computation-head small { display: block; font: 700 .6rem var(--sans); text-transform: uppercase; letter-spacing: .08em; color: #d8c6b1; }
.computation-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin-top: 21px; background: rgba(255, 255, 255, .16); }
.computation-grid article { padding: 15px; background: var(--green-2); display: flex; flex-direction: column; gap: 5px; }
.computation-grid b { font-size: .72rem; }
.computation-grid span { font: 1.04rem var(--serif); color: var(--gold-light); }
.computation-grid small, .calculation-note { font-size: .65rem; opacity: .86; }
.computation-cta { margin-top: 10px; background: var(--gold); color: #102d27; }

.payment-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 35px; }
.payment-grid article { padding: 25px; display: flex; flex-direction: column; gap: 10px; border: 1px solid rgba(255, 255, 255, .14); background: #153f38; }
.payment-grid p { margin: 0; color: #d6b793; text-transform: uppercase; letter-spacing: .15em; font-size: .65rem; }
.payment-grid h3 { margin: 0; font: 1.85rem var(--serif); }
.payment-grid b, .payment-grid span, .payment-grid small { display: block; }
.payment-grid span { min-height: 74px; font-size: .8rem; }
.payment-grid small { padding-top: 13px; border-top: 1px solid rgba(255, 255, 255, .14); }
.disclaimer { font-size: .72rem; opacity: .84; margin-top: 19px; }

.location { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 46px; align-items: center; }
.location-copy > p:not(.eyebrow) { color: #636964; }
.location img { width: 100%; max-height: 640px; object-fit: contain; background: var(--green); }
.distance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 28px; background: #ddd5c9; }
.distance-grid span { padding: 12px; background: #fff; font-size: .8rem; }
.distance-grid b { display: block; color: #8b6848; }

.developer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 34px; }
.developer-grid article { padding: 27px; background: #fff; border-top: 3px solid var(--gold); box-shadow: 0 8px 30px rgba(30, 31, 27, .05); }
.developer-grid span { color: #8b6848; text-transform: uppercase; letter-spacing: .12em; font-size: .64rem; font-weight: 800; }
.developer-grid h3 { margin: 10px 0 8px; font: 1.75rem var(--serif); }
.developer-grid p { margin: 0; color: #656b67; font-size: .8rem; }

.update-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 35px; background: rgba(255, 255, 255, .15); }
.update-grid article { padding: 26px; background: var(--green-2); }
.update-grid time, .update-grid article > span { color: var(--gold-light); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 800; }
.update-grid h3 { margin: 9px 0; font: 1.6rem var(--serif); }
.update-grid p { margin: 0; color: #d7dfdc; font-size: .8rem; }
.source-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 25px; }

.requirement-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 33px; }
.requirement-grid article, .notice-box { padding: 25px; background: #fff; border: 1px solid #d8cdbc; }
.requirement-grid h3, .notice-box h3 { margin: 0 0 11px; font: 1.65rem var(--serif); }
.requirement-grid li, .notice-box li { margin: 7px 0; }
.notice-box { margin: 18px 0 24px; border-left: 5px solid var(--gold); }

.faq-list { max-width: 900px; margin: auto; }
.faq-list details { border-bottom: 1px solid #cfc3b2; padding: 18px 0; }
.faq-list summary { font: 1.22rem var(--serif); }
.faq-list p { max-width: 780px; color: #5f6561; }

.inquire { max-width: none; display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: 64px; background: #0a2823; color: #fff; padding-left: max(24px, calc((100vw - var(--max)) / 2)); padding-right: max(24px, calc((100vw - var(--max)) / 2)); }
.inquire-copy > p:not(.eyebrow):not(.privacy-note) { color: #d7dedb; }
.contact-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 24px; }
.contact-cards a { padding: 14px; border: 1px solid rgba(255, 255, 255, .2); text-decoration: none; color: #dfc09d; }
.contact-cards b, .contact-cards span { display: block; }
.contact-cards b { color: #fff; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.contact-cards span { font-size: .8rem; }
.privacy-note { margin-top: 18px; font-size: .72rem; color: #cbd4d0; }
.inquire form { padding: 29px; background: #fff; color: #1d2926; box-shadow: 0 20px 55px rgba(0, 0, 0, .18); }
.inquire label { display: block; margin-bottom: 13px; font-size: .75rem; font-weight: 800; }
.inquire input, .inquire select, .inquire textarea { width: 100%; margin-top: 5px; padding: 12px; border: 1px solid #c9c1b5; background: #fff; color: #1d2926; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.consent { display: grid !important; grid-template-columns: 20px 1fr; gap: 8px; align-items: start; margin: 17px 0 !important; font-weight: 500 !important; line-height: 1.4; }
.consent input { width: 17px; height: 17px; margin: 1px 0 0; }
.form-status { min-height: 24px; font-size: .8rem; }
.inquire button:disabled { opacity: .55; cursor: wait; }

.ceboom-bridge { padding: 56px max(24px, calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 42px; align-items: center; background: #1b3731; color: #fff; }
.ceboom-bridge h2 { margin-bottom: 10px; font-size: clamp(2.1rem, 3.8vw, 4rem); }
.ceboom-bridge p { max-width: 720px; margin: 0; color: #d3dcd8; }
.ceboom-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: end; }

.site-footer { padding: 50px max(24px, calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 44px; background: var(--green-3); color: #d8d2c9; border-top: 1px solid rgba(255, 255, 255, .08); }
.site-footer img { width: 170px; height: 85px; object-fit: contain; }
.site-footer strong { display: block; color: #fff; margin-bottom: 8px; }
.site-footer a, .site-footer p { display: block; margin: 7px 0; font-size: .76rem; }

.chat-launch { position: fixed; right: 20px; bottom: 72px; z-index: 210; padding: 12px 16px; border: 0; background: var(--gold); color: #102d27; font-weight: 800; box-shadow: 0 7px 25px rgba(0, 0, 0, .32); cursor: pointer; }
.chat-panel { position: fixed; right: 20px; bottom: 120px; z-index: 211; width: min(360px, calc(100vw - 30px)); background: #fff; box-shadow: 0 15px 55px rgba(0, 0, 0, .42); }
.chat-head { padding: 14px; display: flex; justify-content: space-between; background: var(--green); color: #fff; }
.chat-head small { display: block; }
.chat-close { border: 0; background: none; color: #fff; font-size: 1.6rem; cursor: pointer; }
.chat-body { padding: 15px; }
.bot { padding: 11px; background: #eee9e1; }
.chat-options { display: flex; flex-wrap: wrap; gap: 7px; }
.chat-options button { padding: 8px; border: 1px solid #bca98f; background: #fff; cursor: pointer; }
#chat-answer { margin-top: 10px; }
#chat-answer .btn { margin-top: 3px; }

.conversion-dock { position: fixed; z-index: 200; left: 0; right: 0; bottom: 0; height: 58px; display: grid; grid-template-columns: repeat(4, 1fr); background: #061b17; color: #fff; border-top: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 -7px 24px rgba(0, 0, 0, .18); }
.conversion-dock a { display: flex; align-items: center; justify-content: center; padding: 7px; border-right: 1px solid rgba(255, 255, 255, .1); text-align: center; text-decoration: none; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.conversion-dock a:last-child { border-right: 0; background: var(--gold); color: #102d27; }
.conversion-dock a:hover { background: var(--green-2); }
.conversion-dock a:last-child:hover { background: #c6a27a; }

.section img { object-position: center; }
.amenity-grid img, .plan-pair img, .floor-image img, .unit-plan img, .unit-view, .location img, .tower-frame img, .hero-visual img { visibility: visible; opacity: 1; }

@media (max-width: 1120px) {
  .site-header nav { gap: 9px; }
  .site-header nav a { font-size: .66rem; }
  .wa-header span { display: none; }
  .hero { grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr); }
  .payment-grid { grid-template-columns: repeat(2, 1fr); }
  .price-results { grid-template-columns: repeat(3, 1fr); }
  .computation-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 930px) {
  html { scroll-padding-top: 74px; }
  .site-header { min-height: 70px; }
  .brand { width: 120px; height: 52px; }
  .menu-toggle { display: block; margin-left: auto; padding: 8px 10px; border: 1px solid var(--gold); background: transparent; color: #fff; }
  .site-header nav { display: none; position: absolute; top: 70px; left: 0; right: 0; margin: 0; padding: 18px max(22px, calc((100vw - var(--max)) / 2)); flex-direction: column; align-items: stretch; background: var(--green-3); box-shadow: 0 14px 25px rgba(0, 0, 0, .2); }
  .site-header nav.open { display: flex; }
  .site-header nav a { padding: 6px 0; font-size: .78rem; }
  .hero { min-height: auto; grid-template-columns: 1fr; }
  .hero-copy { padding: 68px 24px 50px; }
  .hero-visual img { min-height: 0; max-height: 620px; aspect-ratio: 16 / 9; }
  .trust-strip { grid-template-columns: repeat(2, 1fr); }
  .decision-grid, .value-grid { grid-template-columns: repeat(2, 1fr); }
  .split, .plan-pair, .location, .inquire, .ceboom-bridge { grid-template-columns: 1fr; }
  .plan-pair { gap: 28px; }
  .amenity-grid { grid-template-columns: repeat(2, 1fr); }
  .amenity-list, .included > div { grid-template-columns: repeat(2, 1fr); }
  .developer-grid, .update-grid { grid-template-columns: 1fr; }
  .pricing-controls { grid-template-columns: repeat(2, 1fr); }
  .price-results { grid-template-columns: repeat(2, 1fr); }
  .computation-grid { grid-template-columns: repeat(2, 1fr); }
  .requirement-grid { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr 1fr; }
  .ceboom-actions { justify-content: start; }
  .section { padding-top: 74px; padding-bottom: 74px; }
}

@media (max-width: 680px) {
  body { padding-bottom: 62px; }
  .wa-header { font-size: 0; padding: 8px 10px; }
  .wa-header::before { content: 'WA'; font-size: .7rem; }
  .hero-copy { padding: 52px 18px 42px; }
  .hero h1 { font-size: 3.25rem; }
  .hero-price strong { font-size: 1.3rem; }
  .hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .hero-facts span { min-width: 0; padding: 11px 8px; font-size: .56rem; }
  .hero-facts b { font-size: 1.12rem; }
  .hero-visual figcaption { max-width: calc(100% - 28px); left: 14px; right: auto; }
  .trust-strip, .decision-grid, .value-grid, .unit-grid, .amenity-grid, .distance-grid, .form-row, .site-footer, .contact-cards { grid-template-columns: 1fr; }
  .section { padding: 60px 18px; }
  .section h2 { font-size: 2.55rem; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .unit-title { align-items: start; flex-direction: column; }
  .unit-plan img { height: 91vw; }
  .unit-view { height: 61vw; }
  .unit-card details ul { columns: 1; }
  .amenity-list, .included > div { grid-template-columns: 1fr; }
  .video-grid, .pricing-controls, .price-results, .payment-grid, .computation-grid { grid-template-columns: 1fr; }
  .computation-head { align-items: start; flex-direction: column; }
  .computation-head > strong { text-align: left; }
  .unit-computation { padding: 20px; }
  .floor-image img { height: 74vw; }
  .inquire { gap: 30px; }
  .inquire form { padding: 20px; }
  .ceboom-bridge { padding: 46px 18px; gap: 24px; }
  .site-footer { gap: 22px; padding: 42px 18px; }
  .chat-launch { right: 12px; bottom: 76px; }
  .chat-panel { right: 12px; bottom: 124px; }
  .conversion-dock { height: 62px; }
  .conversion-dock a { font-size: .58rem; letter-spacing: .03em; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* v2.7.1 crawlable SEO/AI-search landing pages */
.seo-landing .seo-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.8fr); gap:clamp(32px,6vw,86px); align-items:center; }
.seo-hero h1 { font-size:clamp(2.6rem,6vw,5.6rem); max-width:12ch; margin:.2em 0; }
.seo-hero-copy > p:not(.eyebrow) { max-width:64ch; font-size:1.05rem; }
.seo-hero figure { margin:0; background:rgba(255,255,255,.06); padding:14px; }
.seo-hero figure img { width:100%; aspect-ratio:16/10; object-fit:contain; background:#eee9df; display:block; }
.seo-hero figcaption { font-size:.72rem; margin-top:8px; opacity:.75; }
.seo-fact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:30px 0 44px; }
.seo-fact-grid article { padding:28px; border:1px solid rgba(20,45,37,.14); background:#f8f4ec; }
.seo-fact-grid span { display:block; text-transform:uppercase; letter-spacing:.12em; font-size:.68rem; }
.seo-fact-grid strong { display:block; font-size:clamp(1.7rem,3vw,2.6rem); margin:9px 0; }
.seo-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.seo-image-link { display:block; background:#eee9df; border:1px solid rgba(20,45,37,.12); padding:10px; min-height:220px; }
.seo-image-link img { display:block; width:100%; height:100%; max-height:440px; object-fit:contain; background:#eee9df; }
.seo-landing .amenity-grid .seo-image-link { min-height:230px; }
.seo-landing .amenity-grid h2 { font-size:1.1rem; margin:12px 0 0; }
.seo-next { display:flex; justify-content:space-between; align-items:end; gap:40px; }
.seo-next > div:first-child { max-width:720px; }
@media (max-width:900px){ .seo-landing .seo-hero{grid-template-columns:1fr}.seo-fact-grid,.seo-plan-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .seo-fact-grid,.seo-plan-grid{grid-template-columns:1fr}.seo-next{display:block}.seo-image-link{min-height:180px} }