/* Aqary Link — landing page. Brand: green #119553, navy #14212b. */
:root{
  --g:#119553; --g-d:#0d7a44; --g-l:#e7f4ec; --navy:#14212b; --ink:#1c2b24;
  --muted:#64748b; --muted2:#8a97a3; --line:#e6ebe9; --line2:#eef2f1;
  --bg:#ffffff; --bg2:#f6f8f7; --rent:#2563a8; --comm:#7c3aed;
  --radius:16px; --shadow:0 10px 30px rgba(20,33,43,.08); --shadow-lg:0 18px 50px rgba(20,33,43,.14);
  --wrap:1180px;
}
*{box-sizing:border-box}
html,body{margin:0}
.aq-lp{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--navy);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}
.aq-lp svg{display:block}
.aq-lp a:not(.lp-btn){color:inherit;text-decoration:none}
.lp-wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
h1,h2,h3,h4,p{margin:0}

/* buttons */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;border-radius:10px;padding:11px 20px;cursor:pointer;border:1px solid transparent;transition:.15s;text-decoration:none}
.lp-btn svg{width:18px;height:18px}
.lp-btn--primary{background:var(--g);color:#fff}
.lp-btn--primary:hover{background:var(--g-d)}
.lp-btn--outline{background:#fff;color:var(--g);border-color:var(--g)}
.lp-btn--white{background:#fff;color:var(--g)}
.lp-btn--ghostwhite{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}

/* ---------------- header ---------------- */
.lp-head{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.lp-head__in{display:flex;align-items:center;gap:28px;height:72px}
.lp-brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:22px;color:var(--g);letter-spacing:-.01em}
.lp-brand__mark{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center}
.lp-brand__mark svg{width:26px;height:26px}
.lp-nav{display:flex;gap:28px;margin-inline-start:14px}
.lp-nav a{color:#3a4a54;font-weight:500;font-size:15px}
.lp-nav a:hover{color:var(--g)}
.lp-head__actions{margin-inline-start:auto;display:flex;align-items:center;gap:16px}
.lp-lang{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:14px;font-weight:500;color:#3a4a54;cursor:pointer}
.lp-lang svg{width:17px;height:17px}
.lp-lang .lp-caret{width:15px;height:15px}
.lp-signin{font-weight:600;font-size:15px;color:var(--navy)}
.lp-head__actions .lp-btn{font-size:14px;padding:10px 18px}

/* ---------------- hero ---------------- */
.lp-hero{position:relative;padding-block:0}
.lp-hero__bg{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(233,242,247,.65) 0%,rgba(233,242,247,.15) 40%,rgba(255,255,255,.05) 70%),
  linear-gradient(120deg,#cfe0ea 0%,#dfe8ec 30%,#e9ded2 70%,#f0e6d8 100%);}
.lp-hero__bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:
  linear-gradient(180deg,transparent, rgba(255,255,255,.9)),
  repeating-linear-gradient(90deg,#b9c6cf 0 3px,transparent 3px 26px);
  -webkit-mask:linear-gradient(180deg,transparent,#000 60%);mask:linear-gradient(180deg,transparent,#000 60%);opacity:.5}
.lp-hero__in{position:relative;padding-top:64px;padding-bottom:56px}
.lp-hero__h1{font-size:52px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.lp-hero__sub{margin-top:16px;color:#3f5560;font-size:18px;line-height:1.55;max-width:560px}

/* search card */
.lp-search{margin-top:36px;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);padding:14px;max-width:900px}
.lp-search__tabs{display:flex;gap:6px;padding:6px 6px 0}
.lp-tab{display:inline-flex;align-items:center;gap:8px;background:none;border:none;font:inherit;font-weight:600;font-size:15px;color:var(--muted);padding:10px 14px;border-radius:10px;cursor:pointer;position:relative}
.lp-tab svg{width:18px;height:18px}
.lp-tab.is-on{color:var(--g)}
.lp-tab.is-on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px;background:var(--g)}
.lp-search__fields{display:flex;gap:10px;padding:12px 6px}
.lp-field{flex:1;display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:12px;padding:9px 12px;cursor:pointer;background:#fff;min-width:0}
.lp-field:hover{border-color:#cfd8d4}
.lp-field__lab{font-size:11.5px;color:var(--muted2);font-weight:500}
.lp-field__val{display:flex;align-items:center;gap:7px;font-weight:600;font-size:14px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-field__val svg{width:16px;height:16px;color:var(--g);flex:none}
.lp-filters{display:inline-flex;align-items:center;gap:7px;background:#f4f6f5;border:1px solid var(--line);border-radius:12px;padding:0 16px;font:inherit;font-weight:600;font-size:14px;color:var(--navy);cursor:pointer;flex:none}
.lp-filters svg{width:18px;height:18px}
.lp-search__foot{display:flex;align-items:center;gap:16px;padding:6px 8px 8px;flex-wrap:wrap}
.lp-pop{display:flex;align-items:center;gap:9px;flex-wrap:wrap;flex:1}
.lp-pop__lab{font-size:13.5px;color:var(--muted);font-weight:500}
.lp-chip{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:500;color:#3a4a54}
.lp-chip:hover{border-color:var(--g);color:var(--g)}
.lp-near{display:inline-flex;align-items:center;gap:6px;color:var(--g);font-weight:600;font-size:13.5px}
.lp-near svg{width:16px;height:16px}
.lp-search__go{padding:12px 30px;font-size:15px}

/* ---------------- sections ---------------- */
.lp-sec{padding-top:56px}
.lp-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.lp-h2{font-size:28px;font-weight:800;letter-spacing:-.01em;color:var(--navy)}
.lp-sub{margin-top:6px;color:var(--muted);font-size:15.5px}
.lp-link{display:inline-flex;align-items:center;gap:6px;color:var(--g);font-weight:600;font-size:14.5px}
.lp-link svg{width:17px;height:17px}
.lp-link--sm{font-size:13.5px}

/* property cards */
.lp-cards{position:relative}
.lp-cards--3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 14px rgba(20,33,43,.05);transition:.18s}
.lp-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.lp-card__media{position:relative;aspect-ratio:16/11;overflow:hidden}
.lp-card__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(180deg,transparent,rgba(20,33,43,.6));z-index:1}
.lp-badge{position:absolute;top:14px;left:14px;background:var(--g);color:#fff;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:8px;z-index:2}
.lp-badge--rent{background:var(--rent)}
.lp-badge--comm{background:var(--comm)}
.lp-badge--sm{top:8px;left:8px;font-size:11px;padding:3px 9px;border-radius:6px}
.lp-heart{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3a4a54;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2}
.lp-heart svg{width:18px;height:18px}
.lp-heart--plain{position:static;box-shadow:none;width:28px;height:28px;color:var(--muted2)}
.lp-card__price{position:absolute;left:14px;bottom:12px;color:#fff;font-weight:800;font-size:20px;z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.lp-card__price small{font-weight:600;font-size:13px;opacity:.9}
.lp-card__body{padding:16px}
.lp-card__title{font-size:17px;font-weight:700;color:var(--navy)}
.lp-card__loc{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13.5px;margin-top:7px}
.lp-card__loc svg{width:15px;height:15px;color:var(--g);flex:none}
.lp-card__facts{display:flex;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line2);color:#3a4a54;font-size:13.5px}
.lp-card__facts span{display:inline-flex;align-items:center;gap:6px}
.lp-card__facts svg{width:16px;height:16px;color:var(--muted2)}
.lp-carousel{position:absolute;right:-16px;top:44%;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy)}
.lp-carousel svg{width:20px;height:20px}

/* cities */
.lp-cities{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lp-city{position:relative;aspect-ratio:1/1.05;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff}
.lp-city::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,33,43,.05) 30%,rgba(20,33,43,.72));z-index:1}
.lp-city__ic{position:absolute;top:16px;left:16px;z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.22);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}
.lp-city__ic svg{width:22px;height:22px;color:#fff}
.lp-city__body{position:relative;z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.lp-city__name{display:block;font-size:22px;font-weight:800;color:#fff}
.lp-city__count{display:block;font-size:13.5px;color:#fff;opacity:.92;margin-top:2px}

/* map + list */
.lp-maprow{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 4px 14px rgba(20,33,43,.05)}
.lp-map{position:relative;min-height:420px;border-radius:14px;overflow:hidden}
.lp-draw{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 14px;font:inherit;font-weight:600;font-size:13.5px;color:var(--navy);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.lp-draw svg{width:16px;height:16px}
.lp-mpin{position:absolute;transform:translate(-50%,-50%);background:var(--g);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.25);white-space:nowrap;z-index:2}
.lp-mpin::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--g)}
.lp-mpin--cluster{background:var(--g-d);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:3px solid #fff;padding:0}
.lp-mpin--cluster::after{display:none}
.lp-mzoom{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.lp-mzoom button{width:34px;height:34px;background:#fff;border:none;border-bottom:1px solid var(--line);font-size:18px;cursor:pointer;color:var(--navy)}
.lp-mzoom button:last-child{border-bottom:none}
.lp-listpanel{display:flex;flex-direction:column;gap:12px;padding:6px 6px 6px 0}
.lp-listpanel__head{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:var(--navy)}
.lp-lrow{display:flex;gap:12px;align-items:stretch;padding:10px;border:1px solid var(--line2);border-radius:12px;transition:.15s}
.lp-lrow:hover{border-color:var(--g);box-shadow:0 4px 12px rgba(20,33,43,.06)}
.lp-lrow__media{position:relative;width:88px;flex:none;border-radius:9px;overflow:hidden}
.lp-lrow__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lp-lrow__title{font-weight:700;font-size:14.5px;color:var(--navy)}
.lp-lrow__facts{color:#3a4a54;font-size:13px;margin-top:2px}
.lp-lrow__side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
.lp-lrow__price{font-weight:800;font-size:15px;color:var(--navy);white-space:nowrap}
.lp-lrow__price small{font-weight:600;font-size:11.5px;color:var(--muted)}
.lp-listpanel__all{margin-top:4px}

/* why */
.lp-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:6px}
.lp-feat{border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.lp-feat__ic{width:46px;height:46px;border-radius:12px;background:var(--g-l);color:var(--g);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.lp-feat__ic svg{width:24px;height:24px}
.lp-feat h3{font-size:16.5px;font-weight:700;color:var(--navy)}
.lp-feat p{margin-top:7px;color:var(--muted);font-size:14px;line-height:1.55}

/* cta */
.lp-cta{position:relative;overflow:hidden;margin-top:56px;border-radius:20px;background:linear-gradient(100deg,#0e7f47,#12a25a);color:#fff;display:flex;align-items:center;gap:24px;padding:36px 40px;flex-wrap:wrap}
.lp-cta__silhouette{position:absolute;right:0;bottom:0;width:44%;height:100%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 8px,transparent 8px 22px);-webkit-mask:linear-gradient(180deg,transparent,#000);mask:linear-gradient(180deg,transparent,#000);opacity:.5}
.lp-cta__text{position:relative;flex:1;min-width:280px}
.lp-cta__text h2{font-size:24px;font-weight:800}
.lp-cta__text p{margin-top:8px;opacity:.92;font-size:15px;max-width:520px}
.lp-cta__actions{position:relative;display:flex;gap:12px;flex-wrap:wrap}

/* footer */
.lp-foot{background:var(--navy);color:#c3ccd2;margin-top:60px;padding-top:52px}
.lp-foot__in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr;gap:32px;padding-bottom:40px}
.lp-brand--foot{color:var(--g);font-size:20px}
.lp-foot__brand p{margin-top:14px;color:#94a3ac;font-size:14px;line-height:1.6;max-width:260px}
.lp-social{display:flex;gap:10px;margin-top:18px}
.lp-social a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#c3ccd2}
.lp-social a:hover{background:var(--g);color:#fff}
.lp-social svg{width:17px;height:17px}
.lp-foot__col h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:14px}
.lp-foot__col a{display:block;color:#94a3ac;font-size:14px;padding:5px 0}
.lp-foot__col a:hover{color:#fff}
.lp-foot__news p{color:#94a3ac;font-size:14px;line-height:1.55;margin-bottom:14px}
.lp-news{display:flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden}
.lp-news input{flex:1;background:none;border:none;color:#fff;padding:11px 14px;font:inherit;font-size:14px;outline:none}
.lp-news input::placeholder{color:#8895a0}
.lp-news button{background:var(--g);border:none;width:46px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}
.lp-news button svg{width:18px;height:18px}
.lp-foot__bar{display:flex;align-items:center;justify-content:space-between;padding-block:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#8895a0}
.lp-lang--foot{background:transparent;border-color:rgba(255,255,255,.2);color:#c3ccd2}

/* placeholders (stand in for admin photos) */
.lp-ph{background-size:cover;background-position:center}
.lp-ph--a{background:linear-gradient(135deg,#1f6d4a,#3fae74 55%,#8fd0ac)}
.lp-ph--b{background:linear-gradient(135deg,#8a6a3a,#c99b5e 55%,#efd6ab)}
.lp-ph--c{background:linear-gradient(135deg,#274b73,#3f79b4 55%,#8fb8e0)}
.lp-ph--city1{background:linear-gradient(165deg,#6ea0c4 0%,#4d7ea6 45%,#2c4a63 100%)}
.lp-ph--city2{background:linear-gradient(165deg,#d0a878 0%,#b07f4e 45%,#6d4f30 100%)}
.lp-ph--city3{background:linear-gradient(165deg,#68a6ba 0%,#3f7d92 45%,#254c5a 100%)}
.lp-ph--city4{background:linear-gradient(165deg,#8095a8 0%,#556a7e 45%,#31404e 100%)}
.lp-ph--map{background:
  repeating-linear-gradient(90deg,#e7ece9 0 1px,transparent 1px 46px),
  repeating-linear-gradient(0deg,#e7ece9 0 1px,transparent 1px 46px),
  linear-gradient(135deg,#eef3f0,#e5efe9);}
.lp-ph--map::before{content:"";position:absolute;inset:0;background:
  linear-gradient(52deg,transparent 48%,#d7e2dc 48% 52%,transparent 52%),
  linear-gradient(-38deg,transparent 60%,#d7e2dc 60% 63%,transparent 63%);opacity:.8}

/* responsive */
@media(max-width:980px){
  .lp-nav{display:none}
  .lp-hero__h1{font-size:40px}
  .lp-cards--3{grid-template-columns:repeat(2,1fr)}
  .lp-cities{grid-template-columns:repeat(2,1fr)}
  .lp-maprow{grid-template-columns:1fr}
  .lp-feats{grid-template-columns:repeat(2,1fr)}
  .lp-foot__in{grid-template-columns:1fr 1fr}
  .lp-carousel{display:none}
}
@media(max-width:640px){
  .lp-search__fields{flex-wrap:wrap}
  .lp-field{flex:1 1 45%}
  .lp-cards--3,.lp-cities,.lp-feats{grid-template-columns:1fr}
  .lp-hero__h1{font-size:32px}
  .lp-head__actions .lp-signin,.lp-lang{display:none}
  .lp-foot__in{grid-template-columns:1fr}
}