/* Property page */
:root{--bg:#f4f7fd;--card:#fff;--ink:#0c1b33;--mut:#55627a;--line:#dbe3f1;--pri:#1557d6;--pri2:#3b8bff;--acc:#ffb703;--soft:#e8f0ff;--sh:0 10px 30px rgba(21,87,214,.1);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]){--bg:#08101f;--card:#0f1c36;--ink:#e8f0ff;--mut:#93a6cc;--line:#1d2f55;--soft:#1a2d57;--sh:0 10px 30px rgba(0,0,0,.4)}
}
:root[data-theme="dark"]{--bg:#08101f;--card:#0f1c36;--ink:#e8f0ff;--mut:#93a6cc;--line:#1d2f55;--soft:#1a2d57;--sh:0 10px 30px rgba(0,0,0,.4)}
*{box-sizing:border-box;margin:0}
html{scroll-padding-top:84px;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
section{padding:70px 0}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:clamp(26px,4vw,40px);font-weight:800}
.sub{color:var(--mut);max-width:620px;margin-top:10px}
:focus-visible{outline:2px solid var(--pri2);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:12px;border:0;cursor:pointer;font:inherit;font-weight:700;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.p{background:var(--acc);color:#1a1a00}
.b{background:var(--pri);color:#fff}
.g{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}
.hero{background:#0a1a0f;color:#fff;padding:84px 0 130px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#3b8bff;filter:blur(110px);opacity:.35;right:-120px;top:-160px}
.hero .w{position:relative}
.hero h1{font-size:clamp(36px,6vw,68px);font-weight:800;max-width:780px;margin:0 0 16px}
.hero p{opacity:.85;font-size:18px;max-width:560px;margin-bottom:28px}
.hs{display:flex;gap:40px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);flex-wrap:wrap}
.hs b{display:block;font-size:26px}
.hs span{font-size:13px;opacity:.7}
.cats{margin-top:-70px;position:relative;z-index:2;padding:0}
.cg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ct{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:250px;padding:20px;border-radius:20px;color:#fff;overflow:hidden;border:0;font:inherit;text-align:left;cursor:pointer;box-shadow:var(--sh);transition:transform .25s}
.ct:hover,.ct.on{transform:translateY(-6px)}
.ct.on{outline:3px solid var(--acc)}
.ct i{font-style:normal;font-size:44px;position:absolute;top:16px;left:18px}
.ct:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%)}
.ct>*{position:relative;z-index:1}
.ct i{z-index:1}
.ct b{font-size:19px;display:block}
.ct span{font-size:12.5px;opacity:.85}
.c1{background:linear-gradient(135deg,#0f3fa0,#3b8bff)}
.c2{background:linear-gradient(135deg,#0d3b4f,#2a8fa8)}
.c3{background:linear-gradient(135deg,#6d4c1b,#c9a24a)}
.c4{background:linear-gradient(135deg,#3b2a5c,#7e57c2)}
.c5{background:linear-gradient(135deg,#7a2e2e,#d9694a)}
.ab{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ab p{color:var(--mut);margin-top:14px}
.vals{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vals div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
.vals b{display:block;margin:4px 0}
.vals small{color:var(--mut)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.tabs button{padding:10px 18px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.tabs button.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .25s}
.pc:hover{transform:translateY(-5px)}
.pi{height:160px;display:grid;place-items:center;font-size:60px;position:relative}
.tag{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px}
.pb{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.pb h3{font-size:20px}
.pb p{color:var(--mut);font-size:13.5px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kv div{background:var(--soft);border-radius:12px;padding:9px 12px}
.kv small{display:block;font-size:11px;font-weight:700;color:var(--mut)}
.kv b{font-size:14px}
.pr{color:var(--pri);font-size:18px;margin-top:auto}
.fine{font-size:12px;color:var(--mut);margin-top:18px}
.cta{background:linear-gradient(135deg,#0f3fa0,#1557d6 60%,#3b8bff);color:#fff;border-radius:26px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cta p{opacity:.85}
@media(max-width:1020px){
.cg{grid-template-columns:repeat(3,1fr)}
.pg{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
section{padding:44px 0}
.hero{padding:48px 0 100px}
.hero p{font-size:15.5px}
.hs{gap:24px}
.cg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 10px}
.ct{flex:0 0 62%;scroll-snap-align:start;min-height:210px}
.ab{grid-template-columns:1fr}
.pg{grid-template-columns:1fr}
.cta{padding:26px}
}
@media(prefers-reduced-motion:reduce){
*{transition:none!important;scroll-behavior:auto!important}
}