:root{--green:#003f36;--green-dark:#002f29;--gold:#e7aa4b;--gold-light:#f3c36e;--ink:#123e37;--cream:#f7f3ed;--white:#fff;--shadow:0 8px 24px rgba(9,39,34,.12);--radius:8px;--container:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:"Inter",Arial,sans-serif;line-height:1.45;overflow-x:hidden}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}
.section{padding:48px 0}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,.price,.stat b,.button,.final__phone{font-family:"Oswald","Roboto Condensed",Arial,sans-serif}
h2{text-align:center;text-transform:uppercase;font-size:clamp(26px,3.2vw,42px);line-height:1.04;letter-spacing:.01em;margin-bottom:50px}
h3{font-size:18px;margin-bottom:6px}
.section-subtitle{text-align:center;margin:-20px 0 24px;color:#6e7b77}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;padding:12px 24px;text-transform:uppercase;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s ease}
.button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.button--gold{color:#172f2a;background:linear-gradient(#f6c86f,#d99a3b);box-shadow:0 4px 12px rgba(226,157,56,.32)}
.button--outline{color:#fff;border:2px solid var(--gold);background:rgba(0,47,41,.38)}
.button svg{width:22px;height:22px}
.header{height:74px;color:#fff;background:var(--green-dark);position:relative;z-index:20;border-bottom:1px solid rgba(231,170,75,.35)}
.header__inner{height:100%;display:flex;align-items:center;gap:34px}
.brand{display:flex;align-items:center;color:#fff;text-decoration:none;margin-right:auto}
.brand__logo{display:block;width:172px;height:62px;object-fit:contain;object-position:left center}
.nav{display:flex;align-items:center;gap:30px}.nav a{color:#fff;text-decoration:none;font-weight:700}.nav a:hover{color:var(--gold-light)}.nav .nav__cta{color:#17352f;padding:9px 16px;min-height:40px;font-size:13px;white-space:nowrap}.nav .nav__cta:hover{color:#17352f}
.header__cta{font-size:13px;min-height:42px;padding-inline:18px;text-transform:none}
.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero{min-height:605px;position:relative;color:#fff;background:linear-gradient(100deg,#003c34 0%,#00352e 45%,#132e28 100%);overflow:hidden}
.hero__picture{position:absolute;inset:0;height:100%}.hero__picture img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,48,42,.96) 0%,rgba(0,48,42,.84) 31%,rgba(0,48,42,.26) 58%,rgba(0,48,42,.04) 78%)}
.hero__content{position:relative;padding-top:42px;padding-bottom:42px}
.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.2;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px;text-shadow:0 2px 8px #002d27}
.hero__lead{font-size:27px;line-height:1.25;color:var(--gold-light);font-weight:800}
.address{display:flex;align-items:center;gap:10px;width:440px;font-size:15px}.address svg{width:26px;height:30px;flex:none;color:var(--gold-light)}
.price{display:inline-block;margin:8px 0 14px;background:linear-gradient(100deg,#f3c36e,#dfa447);color:#083a33;border-radius:8px;padding:4px 20px 6px;font-size:clamp(40px,5vw,64px);line-height:1.12;font-weight:900;letter-spacing:.03em;box-shadow:var(--shadow)}
.hero__actions{display:flex;align-items:center;gap:18px}.mortgage-card{display:flex;align-items:center;gap:11px;width:348px;min-height:112px;padding:10px 14px 9px 11px;color:#fff;background:linear-gradient(145deg,rgba(0,78,67,.95),rgba(0,43,37,.96));border:2px solid var(--gold);border-radius:14px 34px 14px 14px;box-shadow:0 10px 24px rgba(0,26,22,.42),inset 0 1px rgba(255,255,255,.15)}.mortgage-card__logo{width:82px;height:82px;flex:none;color:var(--gold-light);stroke-width:3}.mortgage-card__copy{display:flex;flex-direction:column;line-height:1.05}.mortgage-card strong{font-family:"Oswald","Roboto Condensed",Arial,sans-serif;font-size:18px;text-transform:uppercase;font-weight:600;letter-spacing:.02em}.mortgage-card strong b{display:inline-block;margin-top:3px;font-size:25px;color:#fff}.mortgage-card small{margin-top:9px;padding-top:7px;border-top:1px solid rgba(243,195,110,.55);color:var(--gold-light);font-size:11px;font-weight:700}
.stats{background:var(--green);color:#fff;border-block:2px solid rgba(231,170,75,.6)}
.stats__grid{display:grid;grid-template-columns:repeat(5,1fr);padding:20px 0}
.stat{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-right:1px solid var(--gold);font-size:22px;text-align:center}.stat:last-child{border:0}.stat svg{width:44px;height:44px;color:var(--gold-light)}
.nearby{background:#fbf9f5}
.nearby__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature{display:flex;gap:18px;align-items:center;background:linear-gradient(145deg,#fff,#f7f1e8);border:1px solid #e4d5c3;padding:20px;border-radius:12px;box-shadow:0 12px 28px rgba(9,57,48,.1),inset 0 1px 0 #fff}
.feature>svg{width:76px;height:76px;flex:none;padding:15px;border-radius:23px;color:#f2bd68;background:linear-gradient(145deg,#0b5a4d,#002f29);border:1px solid rgba(242,189,104,.68);box-shadow:8px 9px 18px rgba(0,47,41,.24),inset 3px 3px 7px rgba(255,255,255,.14),inset -4px -5px 9px rgba(0,25,22,.38);filter:drop-shadow(0 2px 1px rgba(0,0,0,.28));stroke-width:2}
.feature p{margin:0;font-size:14px;color:#5d6966}
.plan{background:#f7f4ef;padding-block:28px}
.plan__grid{display:grid;grid-template-columns:minmax(270px,.55fr) minmax(520px,1.45fr);align-items:center;gap:28px}
.plan h2{text-align:left}.check-list{list-style:none;padding:0;margin:0}.check-list li{position:relative;padding:7px 0 7px 29px}.check-list li:before{content:"✓";position:absolute;left:0;color:#719d18;font-size:20px;font-weight:bold}
.plan__image{border:0;background:#fff;padding:4px;cursor:zoom-in;border-radius:6px;box-shadow:var(--shadow)}.plan__image img{width:100%;height:auto}
.gallery{background:#fff}.slider{position:relative}.slider__viewport{overflow:hidden;border-radius:10px}.slider__track{display:flex;gap:18px;padding-inline:22%;transition:transform .45s ease}.slide{flex:0 0 56%;height:640px;padding:0;border:0;border-radius:10px;background:linear-gradient(145deg,#eee7dd,#d8d0c5);overflow:hidden;cursor:zoom-in;opacity:.68;transform:scale(.9);transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease}.slide.active{opacity:1;transform:scale(1);box-shadow:0 18px 36px rgba(0,47,41,.2)}.slide picture{display:block;width:100%;height:100%}.slide img{width:100%;height:100%;object-fit:contain;object-position:center top}
.slider__arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:2px solid var(--gold);background:var(--green);color:var(--gold);font-size:38px;line-height:1;cursor:pointer}.slider__arrow--prev{left:0}.slider__arrow--next{right:0}
.slider__dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.slider__dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#b7c0bd}.slider__dots button.active{background:var(--gold);transform:scale(1.3)}
.finish-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}.finish-features span{display:flex;justify-content:center;align-items:center;gap:14px}.finish-features svg{width:42px;height:42px;color:var(--gold)}
.nature{padding-block:32px}.nature__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:32px;align-items:center}.nature__photo{margin:0}.nature__grid picture img{width:100%;height:380px;object-fit:cover;object-position:center;border-radius:10px}.nature__photo figcaption{padding:9px 4px 0;font-size:14px;color:#5e6d69}
.icon-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}.icon-list li{display:flex;gap:14px;align-items:center}.icon-list svg{width:38px;height:38px;color:var(--green)}.icon-list span{display:flex;flex-direction:column}.icon-list small{color:#64716d}
.route{background:#fbf8f2}.route h2{margin-bottom:22px}.route__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:46px;align-items:center}.route__image{display:block;width:100%;padding:0;border:1px solid #eadfd2;border-radius:8px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.route__image img{width:100%;height:auto}
.route__facts{list-style:none;margin:0;padding:0;display:grid;gap:13px}.route__facts li{display:flex;align-items:center;gap:14px;padding:10px 12px;background:#fff;border:1px solid #eadfd2;border-radius:7px}.route__facts svg{width:38px;height:38px;flex:none;color:var(--green)}.route__facts span{display:flex;flex-direction:column}.route__facts small{color:#687570}
.benefits{padding-top:30px}.benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefits article{text-align:center;background:linear-gradient(145deg,#fff,#f2ece4);padding:24px 15px;border:1px solid #dfcfbd;border-radius:14px;box-shadow:0 13px 28px rgba(9,57,48,.1),inset 0 1px 0 #fff}.benefits article svg{width:82px;height:82px;padding:15px;margin-bottom:8px;color:#f2bd68;background:linear-gradient(145deg,#0d5b4e,#002e28);border:1px solid rgba(242,189,104,.7);border-radius:25px;box-shadow:8px 10px 18px rgba(0,47,41,.23),inset 3px 3px 7px rgba(255,255,255,.15),inset -4px -5px 9px rgba(0,24,21,.4);filter:drop-shadow(0 2px 1px rgba(0,0,0,.24));stroke-width:2}.benefits article p{font-size:13px;margin:0;color:#60706c}
.video-tour{background:#f1ece4}.video-tour__frame{position:relative;aspect-ratio:16/9;max-width:960px;margin:0 auto;border:5px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,47,41,.18)}.video-tour__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-tour__link{display:block;width:max-content;margin:18px auto 0;color:var(--green);font-weight:700;text-underline-offset:4px}
.final{min-height:550px;position:relative;color:#fff;background:var(--green-dark);overflow:hidden}.final__picture{position:absolute;inset:0 0 0 42%}.final__picture img{width:100%;height:100%;object-fit:cover;object-position:center}.final__shade{position:absolute;inset:0;background:linear-gradient(90deg,#003a33 0%,rgba(0,58,51,.98) 52%,rgba(0,58,51,.72) 67%,rgba(0,58,51,.24) 86%)}
.final__grid{position:relative;display:block;padding-block:44px}.final__copy{max-width:560px;position:relative;z-index:2}.final__copy h2{text-align:left;color:var(--gold-light);font-size:52px;margin-bottom:50px}.final__phone{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:34px;font-weight:900;white-space:nowrap;text-shadow:0 3px 12px rgba(0,20,17,.95)}.final__phone svg{width:48px;height:48px;color:var(--gold-light)}.final__copy small{display:block;margin-left:61px}.final__email{display:block;width:max-content;margin:12px 0 0 61px;color:#fff;text-decoration:none;font-weight:600}.final__email:hover{color:var(--gold-light)}
.final__socials{display:flex;gap:10px;margin:14px 0 0 61px}.social-link{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid rgba(243,195,110,.75);border-radius:999px;color:#fff;text-decoration:none;background:rgba(0,47,41,.62);box-shadow:inset 0 1px rgba(255,255,255,.12);transition:.2s}.social-link:hover{color:var(--gold-light);transform:translateY(-2px)}.social-link svg{width:21px;height:21px}.social-link span{font-size:12px;font-weight:800;letter-spacing:.05em}
.final__question{width:max-content;min-width:220px;margin:16px 0 0 61px}
.footer{color:#fff;background:var(--green);padding:18px 0;border-top:2px solid var(--gold)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{display:flex;align-items:center;gap:8px;margin:0}.footer p svg{width:22px;height:22px;color:var(--gold)}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;min-width:40px;height:36px;padding:0 9px;border:1px solid var(--gold);border-radius:5px;color:#fff;text-decoration:none}
.to-top{position:fixed;right:20px;bottom:20px;z-index:15;width:44px;height:44px;border:0;border-radius:50%;background:var(--gold);color:var(--green-dark);font-size:24px;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.to-top.visible{opacity:1;pointer-events:auto}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,20,17,.94);display:grid;place-items:center;padding:50px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(1100px,100%);max-height:86vh;object-fit:contain}.lightbox__close{position:absolute;right:22px;top:14px;border:0;background:none;color:#fff;font-size:48px;cursor:pointer}
@media(max-width:1023px){.header__inner{gap:18px}.nav{gap:15px}.nav .nav__cta{display:none}.hero{min-height:570px}.hero__picture img{object-position:58% center}.hero h1{font-size:58px}.mortgage-card{width:315px}.mortgage-card strong b{font-size:22px}.plan__grid{gap:30px}.benefits__grid{grid-template-columns:repeat(2,1fr)}.final__copy h2{font-size:44px}.final__phone{font-size:29px}}
@media(max-width:767px){.container{width:min(100% - 28px,var(--container))}.section{padding:38px 0}.header{height:66px;position:sticky;top:0}.brand b{font-size:17px}.brand__mark{width:40px}.menu-toggle{display:block}.nav{position:absolute;top:66px;left:0;right:0;display:none;flex-direction:column;background:var(--green-dark);padding:20px}.nav.open{display:flex}.hero{min-height:690px}.hero__picture{inset:235px 0 0 0;height:455px}.hero__picture img{object-position:center top}.hero__shade{background:linear-gradient(180deg,#003c34 0,#003c34 35%,rgba(0,60,52,.32) 67%,rgba(0,47,41,.14))}.hero__content{padding-top:25px}.hero h1{font-size:42px}.hero__lead{font-size:20px;margin-bottom:10px}.address{width:100%;font-size:12px}.price{font-size:38px;margin-top:3px}.hero__actions{position:absolute;top:592px;left:14px;right:14px;gap:8px}.hero__actions .button{flex:1;padding:10px 8px;font-size:12px}.stats__grid{grid-template-columns:repeat(2,1fr);padding:10px 0}.stat{font-size:17px;border-bottom:1px solid rgba(231,170,75,.55)}.stat:nth-child(even){border-right:0}.stat:last-child{grid-column:1/-1;border-bottom:0}.nearby__grid,.plan__grid,.nature__grid,.route__grid{grid-template-columns:1fr}.nearby__grid{gap:12px}.feature{padding:14px}.plan h2,.route h2{text-align:center}.plan__grid{gap:24px}.plan__image{order:-1}.slider{padding:0}.slider__arrow{width:42px;height:42px;background:rgba(0,63,54,.9)}.slider__arrow--prev{left:8px}.slider__arrow--next{right:8px}.slide{height:330px}.finish-features{grid-template-columns:1fr;justify-items:start;padding-left:12px}.nature__grid picture img{height:190px}.route__grid{gap:20px}.route-line{font-size:10px}.benefits__grid{grid-template-columns:1fr 1fr;gap:8px}.benefits article{padding:16px 8px}.benefits article h3{font-size:15px}.final{min-height:720px}.final__picture{inset:0 0 auto 0;height:310px}.final__shade{background:linear-gradient(180deg,rgba(0,58,51,.28),#003a33 42%)}.final__grid{display:block;padding-top:32px}.final__copy{height:290px}.final__copy h2{font-size:40px}.final__copy p{font-size:14px;width:75%}.final__phone{font-size:27px;margin-top:116px}.final__copy small{margin-left:57px}.footer__inner{flex-direction:column;text-align:center}.footer p{font-size:12px}.lightbox{padding:20px}.to-top{bottom:14px;right:14px}}
@media(max-width:380px){.hero h1{font-size:36px}.hero__lead{font-size:18px}.price{font-size:32px}.slide{height:270px}.benefits__grid{grid-template-columns:1fr}.final__phone{font-size:24px}.final__copy h2{font-size:36px}}
@media(max-width:767px){.route__grid{gap:20px}.final{min-height:620px}.final__shade{background:linear-gradient(180deg,rgba(0,58,51,.28),#003a33 58%)}.final__copy{height:auto}.final__phone{margin-top:248px}}
@media(max-width:1023px){.plan__grid{grid-template-columns:minmax(240px,.6fr) minmax(430px,1.4fr);gap:20px}.slider__track{padding-inline:18%}.slide{flex-basis:64%;height:580px}}
@media(max-width:767px){.brand__logo{width:142px;height:54px}.hero{min-height:750px}.hero__picture{inset:280px 0 0;height:470px}.hero__picture img{object-position:78% center}.hero__shade{background:linear-gradient(180deg,#003c34 0,#003c34 39%,rgba(0,60,52,.25) 70%,rgba(0,47,41,.08))}.hero h1{font-size:38px}.hero__actions{top:652px}.plan__grid{grid-template-columns:1fr;gap:18px}.slider__track{gap:10px;padding-inline:8%}.slide{flex-basis:84%;height:430px}.nature__grid picture img{height:260px}.feature>svg{width:68px;height:68px}.benefits__grid{grid-template-columns:1fr}.benefits article svg{width:70px;height:70px}.video-tour__frame{border-width:3px;border-radius:9px}.final{min-height:750px}.final__picture{height:330px}.final__picture img{object-position:center}.final__shade{background:linear-gradient(180deg,rgba(0,58,51,.18),#003a33 48%)}.final__phone{margin-top:136px}.final__email{margin-left:0;font-size:13px}}
.section{padding-block:72px}
.slide{height:auto;aspect-ratio:3/4}
@media(max-width:767px){.section{padding-block:54px}}
@media(max-width:767px){
  .nav{align-items:stretch}.nav .nav__cta{display:flex;margin-top:4px}
  .price{flex:none}.mortgage-card{width:190px;min-height:82px;gap:6px;padding:7px;border-radius:10px 22px 10px 10px}.mortgage-card__logo{width:54px;height:54px}.mortgage-card strong{font-size:11px}.mortgage-card strong b{font-size:14px}.mortgage-card small{font-size:8px;margin-top:5px;padding-top:4px}
  .final{min-height:800px}.final__grid{display:block;padding:32px 0 38px}.final__copy{height:auto}.final__phone{margin-top:136px}.final__socials,.final__question{margin-left:0}
}
@media(max-width:380px){.mortgage-card{width:170px}.mortgage-card__logo{width:46px}.mortgage-card strong b{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slider__track,.button,.to-top{transition:none}}
