:root{--cream:#faf6ee;--cream-2:#f3ecdd;--spruce:#17352a;--spruce-2:#214a3a;--amber:#c9862c;--amber-2:#a86c1d;--ink:#22271f;--muted:#6c705f;--line:#e0d7c2;--white:#fff;--serif:'Fraunces',Georgia,serif;--sans:'Karla',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font:17px/1.62 var(--sans);margin:0}
body.planner-busy{cursor:progress}
img{display:block;max-width:100%}
a{color:var(--amber-2)}
h1,h2,h3{color:var(--spruce);font-family:var(--serif);line-height:1.1}
.wrap{margin:auto;width:min(1180px,calc(100% - 48px))}
.hero{background:linear-gradient(90deg,rgba(12,29,22,.9),rgba(17,41,31,.52)),url('../photos/001-71188469.jpg') center 35%/cover;color:#fff;min-height:620px;padding:96px 0 82px}
.hero-grid{align-items:end;display:grid;gap:48px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);min-height:440px}
.kicker{color:var(--amber-2);font-size:.77rem;font-weight:700;letter-spacing:.22em;margin:0 0 12px;text-transform:uppercase}
.hero .kicker{color:#f4d9a8}
.hero h1{color:#fff;font-size:clamp(3rem,6.4vw,5.8rem);letter-spacing:-.04em;margin:0;max-width:14ch}
.hero-lead{color:#f0ead9;font-size:1.14rem;max-width:62ch}
.hero-proof{background:rgba(250,246,238,.94);border:1px solid rgba(255,255,255,.32);border-radius:22px;color:var(--ink);padding:28px}
.hero-proof strong{color:var(--spruce);display:block;font:600 1.42rem/1.18 var(--serif);margin-bottom:16px}
.hero-proof ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.hero-proof li{padding-left:25px;position:relative}
.hero-proof li::before{color:var(--amber);content:"✓";font-weight:700;left:0;position:absolute}
.intro{padding:86px 0}
.intro-grid{display:grid;gap:36px;grid-template-columns:1.05fr .95fr}
.intro h2,.planner-section h2,.catalog h2,.seo-copy h2{font-size:clamp(2.15rem,4.5vw,3.8rem);letter-spacing:-.025em;margin:0 0 20px}
.intro p{font-size:1.08rem;max-width:68ch}
.benefits{display:grid;gap:12px}
.benefit{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.benefit h3{font-size:1.2rem;margin:0 0 7px}
.benefit p{color:var(--muted);font-size:.92rem;margin:0}
.planner-section{background:var(--cream-2);padding:86px 0}
.planner-intro{max-width:76ch}
.source-note{color:var(--muted);font-size:.82rem;margin-top:14px}
.planner-shell{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 60px -46px rgba(23,53,42,.72);margin-top:38px;overflow:hidden}
.planner-form{display:grid;gap:26px 30px;grid-template-columns:repeat(2,minmax(0,1fr));padding:32px}
.step{border:0;margin:0;min-width:0;padding:0}
.group-step{grid-column:1/-1}
.step legend{color:var(--spruce);font:600 1.28rem var(--serif);margin-bottom:15px}
.step-number{align-items:center;background:var(--spruce);border-radius:50%;color:#fff;display:inline-flex;font:700 .72rem var(--sans);height:25px;justify-content:center;margin-right:8px;vertical-align:3px;width:25px}
.people-grid{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}
.date-grid{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
label.field{color:var(--muted);display:grid;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.05em;text-transform:uppercase}
.stepper{align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:44px minmax(38px,1fr) 44px;min-height:50px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.stepper:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px rgba(201,134,44,.16)}
.stepper button{appearance:none;background:var(--cream-2);border:0;color:var(--spruce);cursor:pointer;font:500 1.35rem/1 var(--sans);height:100%;min-height:48px;transition:background .2s,color .2s}
.stepper button:hover,.stepper button:focus-visible{background:var(--spruce);color:#fff;outline:0}
.stepper button:disabled{color:#a9aa9f;cursor:not-allowed}
.stepper button:disabled:hover{background:var(--cream-2)}
.stepper input[type="number"]{-moz-appearance:textfield;appearance:textfield;background:#fff;border:0;border-radius:0;color:var(--spruce);font:700 1.02rem var(--sans);min-height:48px;padding:8px 2px;text-align:center;width:100%}
.stepper input[type="number"]::-webkit-inner-spin-button,.stepper input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.stepper input:focus{box-shadow:none;outline:0}
.date-control,.select-control{display:block;position:relative}
.date-control input,.select-control select,.flatpickr-input+.form-control{appearance:none;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);font:700 .94rem var(--sans);min-height:50px;padding:10px 44px 10px 13px;width:100%}
.date-control input:focus,.select-control select:focus,.flatpickr-input+.form-control:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(201,134,44,.16);outline:0}
.date-control i{height:18px;pointer-events:none;position:absolute;right:15px;top:16px;width:18px}
.date-control i::before{border:2px solid var(--spruce);border-radius:3px;content:"";inset:2px 0 0;position:absolute}
.date-control i::after{background:linear-gradient(var(--spruce),var(--spruce)) 3px 0/2px 5px no-repeat,linear-gradient(var(--spruce),var(--spruce)) 11px 0/2px 5px no-repeat,linear-gradient(var(--spruce),var(--spruce)) 2px 8px/12px 2px no-repeat;content:"";inset:0;position:absolute}
.select-control i{border-bottom:2px solid var(--spruce);border-right:2px solid var(--spruce);height:9px;pointer-events:none;position:absolute;right:17px;top:18px;transform:rotate(45deg);width:9px}
.choice-grid{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
.choice{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:13px;cursor:pointer;display:flex;gap:11px;min-height:82px;padding:13px;transition:border-color .2s,box-shadow .2s}
.choice:hover{border-color:#b7a989}
.choice:has(input:checked){border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
.choice input[type="radio"]{appearance:none;background:#fff;border:2px solid #a7aa9d;border-radius:50%;flex:0 0 20px;height:20px;margin:1px 0 0;min-height:20px;padding:0;position:relative;width:20px}
.choice input[type="radio"]::after{background:var(--amber);border-radius:50%;content:"";height:10px;left:3px;position:absolute;top:3px;transform:scale(0);transition:transform .16s;width:10px}
.choice input[type="radio"]:checked{border-color:var(--amber)}
.choice input[type="radio"]:checked::after{transform:scale(1)}
.choice input[type="radio"]:focus-visible{box-shadow:0 0 0 3px rgba(201,134,44,.2);outline:0}
.choice-copy{display:block;min-width:0}
.choice b{color:var(--spruce);display:block;font-size:.9rem}
.choice-copy>span{color:var(--muted);display:block;font-size:.76rem;font-weight:400;line-height:1.35;margin-top:3px}
.features{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.feature-choice{cursor:pointer}
.feature-choice input{position:absolute;opacity:0;pointer-events:none}
.feature-choice span{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:700;gap:6px;padding:8px 11px}
.feature-choice span::before{border:1.5px solid #a7aa9d;border-radius:4px;content:"";height:13px;width:13px}
.feature-choice input:checked+span{background:#edf2ec;border-color:#779286;color:var(--spruce)}
.feature-choice input:checked+span::before{background:var(--spruce);border-color:var(--spruce);box-shadow:inset 0 0 0 3px #edf2ec}
.feature-choice input:focus-visible+span{box-shadow:0 0 0 3px rgba(201,134,44,.18)}
.plan-button,.offer-button{align-items:center;background:var(--spruce);border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:700 .9rem var(--sans);justify-content:center;min-height:52px;padding:0 24px;text-decoration:none;width:100%}
.plan-button{grid-column:1/-1}
.plan-button:hover,.offer-button:hover{background:var(--amber)}
.planner-results{border-top:1px solid var(--line);min-height:360px;padding:32px}
.results-head{align-items:flex-end;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;margin-bottom:22px;padding-bottom:18px}
.results-head h3{font-size:1.6rem;margin:0}
.results-head p{color:var(--muted);font-size:.82rem;margin:4px 0 0}
.results-total{color:var(--amber-2);font-size:.78rem;font-weight:700;text-align:right;text-transform:uppercase}
.empty-result{align-items:center;color:var(--muted);display:grid;min-height:240px;padding:35px;text-align:center}
.empty-result b{color:var(--spruce);display:block;font:600 1.7rem var(--serif);margin-bottom:8px}
.result-list{display:grid;gap:16px}
.bundle{border:1px solid var(--line);border-radius:18px;overflow:hidden}
.bundle.best{border-color:#779286;box-shadow:0 16px 35px -30px rgba(23,53,42,.9)}
.bundle-top{align-items:start;background:var(--cream);display:flex;gap:16px;justify-content:space-between;padding:20px}
.bundle.best .bundle-top{background:#edf2ec}
.bundle-label{color:var(--amber-2);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.bundle h4{color:var(--spruce);font:600 1.35rem/1.12 var(--serif);margin:4px 0 7px}
.bundle-summary{color:var(--muted);font-size:.84rem;margin:0}
.bundle-cap{color:var(--spruce);font-size:.8rem;font-weight:700;text-align:right;white-space:nowrap}
.bundle-body{padding:18px 20px 20px}
.bundle-stats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.stat{background:var(--cream-2);border-radius:999px;color:var(--spruce);font-size:.72rem;font-weight:700;padding:6px 9px}
.bundle-apartments{display:grid;gap:7px;list-style:none;margin:0;padding:0}
.bundle-apartments li{align-items:center;border-top:1px solid #eee7d9;display:flex;font-size:.82rem;gap:9px;justify-content:space-between;padding-top:8px}
.bundle-apartments small{color:var(--muted)}
.bundle-note{border-left:3px solid var(--amber);color:var(--muted);font-size:.78rem;margin:15px 0;padding-left:11px}
.offer-button{margin-top:3px;min-height:45px;width:auto}
.flatpickr-calendar{border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 55px -26px rgba(23,53,42,.65);font-family:var(--sans);overflow:hidden}
.flatpickr-calendar.arrowTop::before{border-bottom-color:var(--line)}
.flatpickr-calendar.arrowTop::after{border-bottom-color:#fff}
.flatpickr-months{background:var(--spruce);padding:5px 4px}
.flatpickr-months .flatpickr-month,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year,.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff}
.flatpickr-weekdays{background:var(--cream-2)}
span.flatpickr-weekday{background:var(--cream-2);color:var(--spruce);font-weight:700}
.flatpickr-day{border-radius:9px}
.flatpickr-day:hover{background:var(--cream-2);border-color:var(--cream-2)}
.flatpickr-day.selected,.flatpickr-day.selected:hover{background:var(--spruce);border-color:var(--spruce)}
.flatpickr-day.today{border-color:var(--amber)}
.catalog{padding:86px 0}
.catalog-toolbar{align-items:end;display:flex;gap:24px;justify-content:space-between}
.catalog-toolbar p{color:var(--muted);max-width:64ch}
.apartment-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}
.apartment-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.apartment-card summary{cursor:pointer;list-style:none;padding:20px 22px}
.apartment-card summary::-webkit-details-marker{display:none}
.apartment-card summary::after{color:var(--amber);content:"＋";float:right;font-size:1.3rem}
.apartment-card[open] summary::after{content:"−"}
.apt-type{color:var(--amber-2);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.apartment-card h3{font-size:1.18rem;margin:5px 32px 5px 0}
.quick{color:var(--muted);font-size:.82rem}
.apt-detail{border-top:1px solid var(--line);padding:18px 22px 22px}
.facility-tags{display:flex;flex-wrap:wrap;gap:6px}
.facility-tags span{background:var(--cream-2);border-radius:999px;color:var(--spruce);font-size:.7rem;font-weight:700;padding:5px 8px}
.apt-detail p{color:var(--muted);font-size:.84rem}
.apt-link{font-size:.8rem;font-weight:700}
.seo-copy{background:var(--spruce);color:#dfe5d8;padding:86px 0}
.seo-copy h2,.seo-copy h3{color:#fff}
.seo-columns{display:grid;gap:40px;grid-template-columns:1fr 1fr}
.seo-copy p{max-width:65ch}
.couples-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:27px}
.couples-card h3{font-size:1.5rem;margin-top:0}
.couples-card a{color:#f4d9a8;font-weight:700}
.fine-print{background:#101f18;color:#b9c2b3;padding:32px 0;font-size:.82rem}
.fine-print .wrap{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between}
.fine-print a{color:#e8d8ae}
@media(max-width:900px){
  .hero-grid,.intro-grid,.seo-columns{grid-template-columns:1fr}
  .hero{min-height:0}
  .hero-grid{min-height:0}
  .hero-proof{max-width:560px}
  .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .wrap{width:min(100% - 30px,1180px)}
  .hero{padding:68px 0}
  .hero h1{font-size:clamp(2.65rem,15vw,4.3rem)}
  .intro,.planner-section,.catalog,.seo-copy{padding:60px 0}
  .apartment-grid,.planner-form{grid-template-columns:1fr}
  .group-step,.plan-button{grid-column:auto}
  .planner-form,.planner-results{padding:20px}
  .choice-grid{grid-template-columns:1fr}
  .bundle-top,.results-head,.catalog-toolbar{align-items:start;flex-direction:column}
  .bundle-cap,.results-total{text-align:left}
}
@media(max-width:460px){
  .people-grid,.date-grid{grid-template-columns:1fr}
  .hero h1{font-size:clamp(2.45rem,14vw,3.6rem)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}