:root{--p:#1a3c5e;--pl:#2356a0;--a:#e8820c;--al:#f5a140;--bg:#f7f8fc;--bg2:#fff;--card:#fff;--tx:#1a1f2e;--mu:#5a6478;--lt:#8a95a8;--bd:#e4e8f0;--sh:0 4px 24px rgba(26,60,94,.08);--sh2:0 12px 40px rgba(26,60,94,.18);--r:14px;--rs:8px;--hh:72px;--ease:all .3s cubic-bezier(.4,0,.2,1)}
[data-theme=dark]{--p:#4a8fd4;--pl:#6aaee8;--a:#f5a140;--al:#f7b96a;--bg:#0f1623;--bg2:#161e2e;--card:#1c2840;--tx:#e8edf5;--mu:#8a9ab8;--lt:#5a6a85;--bd:#243050;--sh:0 4px 24px rgba(0,0,0,.3);--sh2:0 12px 40px rgba(0,0,0,.5)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--tx);line-height:1.65;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}
h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.2;color:var(--tx)}
h1{font-size:clamp(1.9rem,5vw,3.5rem);font-weight:900}h2{font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700}h3{font-size:clamp(1rem,2vw,1.3rem);font-weight:700}h4{font-size:1rem;font-weight:600}
p{color:var(--mu);font-size:.95rem}
.con{max-width:1280px;margin:0 auto;padding:0 24px}
.sec{padding:76px 0}.sec-sm{padding:46px 0}
.sh{text-align:center;margin-bottom:48px}.sh p{max-width:540px;margin:11px auto 0}
.tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a);background:rgba(232,130,12,.1);padding:4px 13px;border-radius:30px;margin-bottom:11px}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.fb{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.more{display:flex;justify-content:center;margin-top:34px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:50px;font-size:.87rem;font-weight:600;transition:var(--ease);cursor:pointer;line-height:1}
.btn-p{background:var(--p);color:#fff;border:2px solid var(--p)}.btn-p:hover{background:var(--pl);border-color:var(--pl);transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,60,94,.25)}
.btn-a{background:var(--a);color:#fff;border:2px solid var(--a)}.btn-a:hover{background:var(--al);border-color:var(--al);transform:translateY(-2px);box-shadow:0 8px 22px rgba(232,130,12,.35)}
.btn-o{border:2px solid var(--p);color:var(--p);background:transparent}.btn-o:hover{background:var(--p);color:#fff}
.btn-w{background:#fff;color:var(--p);border:2px solid #fff}.btn-w:hover{background:var(--a);color:#fff;border-color:var(--a)}
.btn-sm{padding:7px 17px;font-size:.79rem}.btn svg{width:15px;height:15px;flex-shrink:0}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--bd);overflow:hidden;transition:var(--ease)}.card:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.topbar{background:var(--p);color:rgba(255,255,255,.85);font-size:.77rem;padding:6px 0}
.topbar .con{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.topbar a{color:rgba(255,255,255,.8);margin-left:14px;transition:color .2s}.topbar a:hover{color:#fff}
.header{position:sticky;top:0;z-index:1000;background:var(--bg2);border-bottom:1px solid var(--bd);height:var(--hh);transition:background .3s,box-shadow .3s}
.header.sc{box-shadow:0 2px 18px rgba(0,0,0,.1)}
.header .con{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:9px;flex-shrink:0}
.logo-ic{width:40px;height:40px;background:var(--p);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}
.logo-tx{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:900;color:var(--tx)}.logo-tx span{color:var(--a)}
.nav-list{display:flex;align-items:center;gap:2px}
.nav-list>li{position:relative}
.nav-list>li>a{display:flex;align-items:center;gap:3px;padding:7px 12px;border-radius:7px;font-size:.84rem;font-weight:500;color:var(--mu);transition:var(--ease)}
.nav-list>li>a:hover,.nav-list>li.current-menu-item>a{color:var(--p);background:rgba(26,60,94,.06)}
.nav-list>li>ul{position:absolute;top:calc(100% + 7px);left:0;min-width:210px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh2);opacity:0;pointer-events:none;transform:translateY(-7px);transition:var(--ease);z-index:200;padding:7px}
.nav-list>li:hover>ul{opacity:1;pointer-events:all;transform:translateY(0)}
.nav-list>li>ul>li>a{display:block;padding:8px 13px;font-size:.83rem;color:var(--mu);border-radius:6px;transition:var(--ease)}.nav-list>li>ul>li>a:hover{background:var(--bg);color:var(--p)}
.ha{display:flex;align-items:center;gap:9px}
.ic{width:35px;height:35px;border-radius:50%;background:var(--bg);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--mu);transition:var(--ease);flex-shrink:0}.ic:hover{background:var(--p);color:#fff;border-color:var(--p)}
.ham{display:none;flex-direction:column;gap:5px;width:36px;height:36px;align-items:center;justify-content:center;border-radius:7px;background:var(--bg);border:1px solid var(--bd)}
.ham span{width:19px;height:2px;background:var(--tx);border-radius:2px;transition:var(--ease)}
.s-ov{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg2);border-bottom:2px solid var(--p);padding:13px 0;z-index:999}.s-ov.open{display:block}
.s-ov .con{display:flex;gap:10px;align-items:center}
.s-ov input{flex:1;padding:10px 17px;border-radius:50px;border:2px solid var(--bd);background:var(--bg);color:var(--tx);font-size:.9rem}.s-ov input:focus{outline:none;border-color:var(--p)}
.mnav{position:fixed;top:0;right:0;width:295px;bottom:0;background:var(--bg2);z-index:2000;padding:22px;transform:translateX(110%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 28px rgba(0,0,0,.15);overflow-y:auto}
.mnav.open{transform:translateX(0)}
.mnav-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.mnav-cl{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--tx);cursor:pointer}
.mnav-lk{display:flex;flex-direction:column;gap:3px}
.mnav-lk a{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:7px;font-size:.93rem;font-weight:500;color:var(--mu);transition:var(--ease)}.mnav-lk a:hover{background:var(--bg);color:var(--p)}
.mnav-ct{margin-top:20px;display:flex;flex-direction:column;gap:9px}
.mov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1999}.mov.open{display:block}
.breadcrumb{display:flex;align-items:center;gap:5px;font-size:.76rem;color:var(--lt);padding:10px 0;flex-wrap:wrap}
.breadcrumb a{color:var(--p);font-weight:500}
.hero{position:relative;background:linear-gradient(135deg,#1a3c5e 0%,#0d2a4a 100%);color:#fff;padding:88px 0 76px;overflow:hidden}
.h-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.h-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:5px 15px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:17px;color:rgba(255,255,255,.9)}
.h-badge span{width:6px;height:6px;background:var(--a);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}
.hero h1{color:#fff;margin-bottom:14px}.hero h1 em{font-style:normal;color:#f5a140}
.h-sub{color:rgba(255,255,255,.75)!important;font-size:1rem!important;max-width:480px;margin-bottom:28px!important}
.h-act{display:flex;gap:11px;flex-wrap:wrap}
.h-stats{display:flex;gap:26px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.15);flex-wrap:wrap}
.h-sn{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.h-sl{font-size:.73rem;color:rgba(255,255,255,.6);margin-top:3px}
.h-search{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--r);padding:24px}
.h-search h3{color:#fff;font-size:1rem;margin-bottom:16px}
.s-tabs{display:flex;gap:3px;margin-bottom:16px;background:rgba(255,255,255,.08);border-radius:7px;padding:3px}
.s-tab{flex:1;text-align:center;padding:7px;border-radius:5px;font-size:.76rem;font-weight:600;color:rgba(255,255,255,.7);cursor:pointer;transition:var(--ease)}.s-tab.on{background:#fff;color:var(--p)}
.sf{display:flex;flex-direction:column;gap:9px}
.sf-f{display:flex;flex-direction:column;gap:4px}
.sf-f label{font-size:.7rem;color:rgba(255,255,255,.7);font-weight:600}
.sf-f select,.sf-f input{width:100%;padding:8px 11px;border-radius:7px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:.84rem}
.sf-f select option{background:#1a3c5e}.sf-f input::placeholder{color:rgba(255,255,255,.5)}
.sf-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.q-cats{padding:20px 0;border-bottom:1px solid var(--bd);background:var(--bg2)}
.cats{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}
.chip{display:flex;align-items:center;gap:6px;padding:7px 15px;border-radius:50px;border:1.5px solid var(--bd);background:var(--card);font-size:.8rem;font-weight:500;color:var(--mu);white-space:nowrap;cursor:pointer;transition:var(--ease);text-decoration:none}
.chip:hover,.chip.on{background:var(--p);border-color:var(--p);color:#fff}
.tips-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.tip-main{position:relative;border-radius:var(--r);overflow:hidden;min-height:390px;display:flex;flex-direction:column;justify-content:flex-end}
.tip-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tip-main::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,40,.88) 0%,transparent 60%)}
.tip-mb{position:relative;z-index:1;padding:24px}
.tip-mb .ct{color:#f5a140;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:7px}
.tip-mb h2{color:#fff;font-size:1.45rem;margin-bottom:9px}
.tip-mb p{color:rgba(255,255,255,.75);font-size:.86rem;margin-bottom:13px}
.tip-side{display:flex;flex-direction:column;gap:11px}
.ts-card{display:flex;gap:11px;align-items:flex-start;padding:13px;background:var(--card);border-radius:var(--rs);border:1px solid var(--bd);transition:var(--ease);text-decoration:none}.ts-card:hover{transform:translateX(4px);box-shadow:var(--sh)}
.ts-img{width:74px;height:62px;border-radius:7px;object-fit:cover;flex-shrink:0}
.ts-ct{font-size:.64rem;font-weight:700;text-transform:uppercase;color:var(--a);letter-spacing:.07em;display:block;margin-bottom:3px}
.ts-card h4{font-size:.85rem;line-height:1.3;color:var(--tx);margin-bottom:3px}.ts-card span{font-size:.72rem;color:var(--lt)}
.fbar{background:var(--card);border-radius:var(--r);border:1px solid var(--bd);padding:20px;box-shadow:var(--sh)}
.fbar h3{font-size:.92rem;margin-bottom:14px;font-family:'DM Sans',sans-serif}
.fr{display:flex;gap:11px;flex-wrap:wrap;align-items:flex-end}
.fg{display:flex;flex-direction:column;gap:4px;flex:1;min-width:125px}
.fg label{font-size:.7rem;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.05em}
.fg select,.fg input{padding:8px 11px;border-radius:var(--rs);border:1.5px solid var(--bd);background:var(--bg);color:var(--tx);font-size:.84rem;transition:var(--ease)}.fg select:focus,.fg input:focus{outline:none;border-color:var(--p)}
.lc{background:var(--card);border-radius:var(--r);border:1px solid var(--bd);overflow:hidden;transition:var(--ease)}.lc:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.lc-img{position:relative;height:205px;overflow:hidden}
.lc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.lc:hover .lc-img img{transform:scale(1.06)}
.lc-badge{position:absolute;top:11px;left:11px;padding:4px 10px;border-radius:30px;font-size:.66rem;font-weight:700;text-transform:uppercase}
.b-new{background:var(--a);color:#fff}.b-hot{background:#e84040;color:#fff}.b-old{background:var(--p);color:#fff}.b-feat{background:#7c3aed;color:#fff}.b-ltd{background:#16a34a;color:#fff}
.lc-wish{position:absolute;top:11px;right:11px;width:31px;height:31px;background:rgba(255,255,255,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--mu);transition:var(--ease);border:none;cursor:pointer}.lc-wish:hover,.lc-wish.on{background:var(--a);color:#fff}
.lc-body{padding:15px}
.lc-type{font-size:.67rem;font-weight:700;text-transform:uppercase;color:var(--a);letter-spacing:.07em}
.lc-title{font-size:.95rem;font-weight:700;color:var(--tx);margin:4px 0 5px;line-height:1.3}
.lc-title a{color:var(--tx)}.lc-title a:hover{color:var(--p)}
.lc-loc{display:flex;align-items:center;gap:4px;font-size:.76rem;color:var(--lt)}
.lc-loc svg{width:11px;height:11px;color:var(--a);flex-shrink:0}
.lc-price{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--p);margin:9px 0 5px}
.lc-feats{display:flex;gap:11px;padding:9px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);margin-bottom:11px;flex-wrap:wrap}
.lc-feat{display:flex;align-items:center;gap:4px;font-size:.73rem;color:var(--mu)}
.lc-feat svg{width:11px;height:11px;color:var(--pl);flex-shrink:0}
.lc-act{display:flex;gap:7px}.lc-act .btn{flex:1;justify-content:center;font-size:.77rem;padding:8px 9px}
.gc{background:var(--card);border-radius:var(--r);border:1px solid var(--bd);padding:22px;display:flex;flex-direction:column;gap:11px;transition:var(--ease)}.gc:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.g-ic{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.gc h3{font-size:.95rem;color:var(--tx)}.gc p{font-size:.8rem}
.g-lk{font-size:.78rem;font-weight:600;color:var(--p);display:flex;align-items:center;gap:4px;margin-top:auto}.g-lk:hover{color:var(--a)}
.tr-grid{display:grid;grid-template-columns:3fr 2fr;gap:26px}
.tr-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.tsc{background:var(--card);border-radius:var(--rs);border:1px solid var(--bd);padding:17px}
.tsc .num{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:900;color:var(--p)}
.chg{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:20px;margin-left:6px}
.chg.up{background:rgba(34,197,94,.1);color:#16a34a}.chg.dn{background:rgba(239,68,68,.1);color:#dc2626}
.tsc .lbl{font-size:.76rem;color:var(--mu);margin-top:5px}
.ins-list{display:flex;flex-direction:column;gap:9px}
.ins-item{display:flex;gap:9px;padding:12px;background:var(--card);border-radius:var(--rs);border:1px solid var(--bd)}
.i-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex-shrink:0}
.i-b h4{font-size:.84rem;color:var(--tx);margin-bottom:2px;font-family:'DM Sans',sans-serif;font-weight:600}.i-b p{font-size:.75rem}
.bc{background:var(--card);border-radius:var(--r);border:1px solid var(--bd);overflow:hidden;transition:var(--ease)}.bc:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.bc-img{width:100%;height:182px;object-fit:cover;transition:transform .4s;display:block}.bc:hover .bc-img{transform:scale(1.04)}
.bc-body{padding:17px}
.bc-au{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.bc-av{width:29px;height:29px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}
.bc-an{font-size:.77rem;font-weight:600;color:var(--tx)}.bc-ar{font-size:.68rem;color:var(--lt)}
.bc-title{font-size:.95rem;font-weight:700;color:var(--tx);line-height:1.35;margin-bottom:6px;font-family:'Playfair Display',serif}
.bc-title a{color:var(--tx)}.bc-title a:hover{color:var(--p)}
.bc-ex{font-size:.79rem;color:var(--mu);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc-ft{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid var(--bd);font-size:.72rem;color:var(--lt)}
.rm{font-size:.77rem;font-weight:600;color:var(--p);display:flex;align-items:center;gap:3px}.rm:hover{color:var(--a)}
.cmp-sec{background:var(--p);color:#fff;padding:76px 0;position:relative;overflow:hidden}
.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.cmp-text h2{color:#fff;margin-bottom:13px}.cmp-text>p{color:rgba(255,255,255,.75);margin-bottom:20px}
.cmp-feats{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
.cmp-feat{display:flex;align-items:center;gap:9px;font-size:.85rem;color:rgba(255,255,255,.85)}
.cmp-feat svg{width:15px;height:15px;color:#f5a140;flex-shrink:0}
.cmp-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--r);padding:24px}
.cmp-box h4{color:#fff;margin-bottom:15px;font-size:.92rem;font-family:'DM Sans',sans-serif;font-weight:600}
.cp-item{display:flex;align-items:center;gap:9px;padding:10px;background:rgba(255,255,255,.06);border-radius:7px;margin-bottom:8px}
.cp-ic{width:42px;height:42px;border-radius:7px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.cp-nm{font-size:.82rem;font-weight:600;color:#fff}.cp-pr{font-size:.72rem;color:rgba(255,255,255,.65)}
.add-cmp{width:100%;padding:10px;border:2px dashed rgba(255,255,255,.3);border-radius:7px;color:rgba(255,255,255,.6);font-size:.8rem;text-align:center;cursor:pointer;transition:var(--ease)}.add-cmp:hover{border-color:rgba(255,255,255,.6);color:#fff}
.nl{background:linear-gradient(135deg,#e8820c 0%,#c06a08 100%);padding:68px 0;overflow:hidden;position:relative}
.nl-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.nl-text h2{color:#fff;margin-bottom:11px}.nl-text>p{color:rgba(255,255,255,.8)}
.nl-perks{display:flex;flex-direction:column;gap:7px;margin-top:15px}
.nl-perk{display:flex;align-items:center;gap:7px;font-size:.82rem;color:rgba(255,255,255,.85)}
.nl-perk svg{width:14px;height:14px;flex-shrink:0}
.nl-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:var(--r);padding:26px}
.nl-box h3{color:#fff;font-size:1.05rem;margin-bottom:4px}.nl-box>p{color:rgba(255,255,255,.7);font-size:.8rem;margin-bottom:16px}
.nl-f{display:flex;flex-direction:column;gap:9px}
.nl-f input,.nl-f select{padding:10px 14px;border-radius:7px;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:.86rem}
.nl-f input::placeholder{color:rgba(255,255,255,.55)}.nl-f input:focus,.nl-f select:focus{outline:none;border-color:#fff}
.nl-f select option{background:#c06a08}
#nl-msg{display:none;padding:9px;border-radius:7px;margin-top:8px;font-size:.85rem;font-weight:600;text-align:center}
.nl-note{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:7px}
.trust{padding:44px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--bg2)}
.trust-g{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}
.ti{display:flex;align-items:center;gap:10px}
.t-ic{width:40px;height:40px;border-radius:9px;background:var(--bg);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.t-lbl{font-size:.79rem;font-weight:600;color:var(--tx)}.t-sub{font-size:.69rem;color:var(--lt)}
.footer{background:var(--p);color:rgba(255,255,255,.8);padding:60px 0 26px}
[data-theme=dark] .footer{background:#0a0f1a}
.ft-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:46px}
.ft-brand p{font-size:.8rem;color:rgba(255,255,255,.6);margin:12px 0 17px;max-width:265px;line-height:1.7}
.ft-soc{display:flex;gap:7px;flex-wrap:wrap}
.soc-b{width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:.72rem;font-weight:700;transition:var(--ease)}.soc-b:hover{background:var(--a);color:#fff}
.ft-col h4{color:#fff;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:15px}
.ft-col ul{display:flex;flex-direction:column;gap:8px}
.ft-col ul a{font-size:.8rem;color:rgba(255,255,255,.6);transition:var(--ease)}.ft-col ul a:hover{color:#fff;padding-left:4px}
.ft-dis{margin-top:15px;padding:11px;background:rgba(0,0,0,.15);border-radius:7px;font-size:.68rem;color:rgba(255,255,255,.5);line-height:1.65}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.74rem;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:9px}
.ft-lk{display:flex;gap:16px;flex-wrap:wrap}.ft-lk a{color:rgba(255,255,255,.5);transition:color .2s}.ft-lk a:hover{color:#fff}
.dis-box{background:rgba(26,60,94,.06);border:1px solid var(--bd);border-radius:var(--rs);padding:12px 15px;font-size:.75rem;color:var(--mu);margin:16px 0;display:flex;gap:8px;align-items:flex-start;line-height:1.65}
.dis-box svg{width:14px;height:14px;color:var(--a);flex-shrink:0;margin-top:1px}
.s-cta{position:fixed;bottom:21px;right:21px;z-index:999;display:flex;flex-direction:column;gap:8px}
.s-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:var(--ease);cursor:pointer;border:none}.s-btn:hover{transform:scale(1.1)}
.s-btn.ba{background:var(--a);color:#fff}.s-btn.bp{background:var(--p);color:#fff}.s-btn svg{width:18px;height:18px}
/* TIP PAGE */
.tl{display:grid;grid-template-columns:1fr 330px;gap:38px}
.t-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:11px}
.t-meta span{display:flex;align-items:center;gap:4px;font-size:.76rem;color:var(--lt)}.t-meta svg{width:12px;height:12px}
.t-hero{width:100%;height:340px;object-fit:cover;border-radius:var(--r);margin-bottom:28px}
.t-body{font-size:.94rem;line-height:1.85;color:var(--mu)}
.t-body h2{font-size:1.4rem;color:var(--tx);margin:30px 0 12px}.t-body h3{font-size:1.08rem;color:var(--tx);margin:22px 0 9px}
.t-body p{margin-bottom:13px}.t-body ul,.t-body ol{margin:11px 0 17px 20px}.t-body li{margin-bottom:6px}
.t-body a{color:var(--p);text-decoration:underline}.t-body strong{color:var(--tx)}.t-body img{border-radius:var(--rs);margin:17px 0}
.take-box{background:linear-gradient(135deg,rgba(26,60,94,.08),rgba(26,60,94,.03));border:1.5px solid rgba(26,60,94,.14);border-radius:var(--r);padding:20px;margin:26px 0}
.take-box h3{color:var(--p);font-size:.96rem;margin-bottom:12px;font-family:'DM Sans',sans-serif;font-weight:700;display:flex;align-items:center;gap:7px}
.take-box ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.take-box li{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--mu)}.take-box li::before{content:'✓';color:var(--p);font-weight:700;flex-shrink:0}
.exp-box{background:rgba(232,130,12,.07);border-left:4px solid var(--a);border-radius:0 var(--rs) var(--rs) 0;padding:17px 20px;margin:24px 0}
.exp-box h4{color:var(--a);font-size:.86rem;margin-bottom:6px;font-family:'DM Sans',sans-serif;font-weight:700}
.mis-box{background:var(--bg2);border:1.5px solid var(--bd);border-radius:var(--r);padding:20px;margin:26px 0}
.mis-box>h3{font-size:.96rem;color:var(--tx);margin-bottom:13px;font-family:'DM Sans',sans-serif;font-weight:700}
.mis-item{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid var(--bd)}.mis-item:last-child{border:none;padding-bottom:0}
.mis-no{width:25px;height:25px;border-radius:50%;background:rgba(239,68,68,.1);color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}
.mis-b h4{font-size:.85rem;color:var(--tx);margin-bottom:2px;font-family:'DM Sans',sans-serif;font-weight:600}.mis-b p{font-size:.78rem}
.steps{display:flex;flex-direction:column;gap:17px;margin:19px 0}
.step{display:flex;gap:14px}
.step-n{width:34px;height:34px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;font-size:.87rem;flex-shrink:0;margin-top:2px}
.step h4{font-size:.92rem;color:var(--tx);margin-bottom:4px;font-family:'DM Sans',sans-serif;font-weight:600}.step p{font-size:.83rem}
.faq-sec{margin:30px 0}.faq-sec>h2{font-size:1.4rem;margin-bottom:16px}
.faq-item{border:1px solid var(--bd);border-radius:var(--rs);margin-bottom:7px;overflow:hidden}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;font-weight:600;font-size:.88rem;color:var(--tx);transition:background .2s}.faq-q:hover{background:var(--bg)}
.faq-q svg{width:14px;height:14px;color:var(--mu);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.84rem;color:var(--mu);line-height:1.7}
.faq-item.open .faq-a{max-height:400px;padding:0 16px 15px}
.au-box{display:flex;gap:15px;padding:20px;background:var(--bg);border-radius:var(--r);border:1px solid var(--bd);margin-top:30px}
.au-av{width:54px;height:54px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;flex-shrink:0}
.au-nm{font-weight:700;color:var(--tx);font-size:.92rem}.au-role{font-size:.76rem;color:var(--a);margin-bottom:4px}.au-bio{font-size:.8rem;color:var(--mu)}
.src-box{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rs);padding:15px;margin-top:26px}
.src-box h4{font-size:.8rem;color:var(--mu);text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px;font-family:'DM Sans',sans-serif}.src-box li{font-size:.76rem;color:var(--lt);padding:2px 0}
/* SIDEBAR */
.sw{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:19px;margin-bottom:19px}
.sw h4,.sw-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid var(--bd);font-family:'DM Sans',sans-serif;font-weight:700}
.sb-l{display:flex;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--bd)}.sb-l:last-child{border:none;margin:0;padding:0}
.sb-l img{width:58px;height:50px;border-radius:6px;object-fit:cover;flex-shrink:0}
.sb-lt{font-size:.8rem;font-weight:600;color:var(--tx);line-height:1.3}.sb-lp{font-size:.73rem;color:var(--a);font-weight:700}.sb-lc{font-size:.69rem;color:var(--lt)}
.sb-t{display:flex;gap:9px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid var(--bd)}.sb-t:last-child{border:none;margin:0;padding:0}
.sb-tt{font-size:.8rem;font-weight:600;color:var(--tx);line-height:1.3}.sb-tm{font-size:.69rem;color:var(--lt);margin-top:3px}
.sw-cta{background:var(--p);border-radius:var(--r);padding:18px;margin-bottom:18px;text-align:center}
.sw-cta h4{color:#fff;margin-bottom:5px;font-family:'DM Sans',sans-serif;font-size:.9rem}.sw-cta p{color:rgba(255,255,255,.75);font-size:.8rem;margin-bottom:13px}
/* LISTING */
.ll{display:grid;grid-template-columns:1fr 330px;gap:38px}
.l-title{font-size:1.8rem;font-weight:900;color:var(--tx);margin-bottom:7px}
.l-loc{display:flex;align-items:center;gap:5px;font-size:.9rem;color:var(--mu)}.l-loc svg{color:var(--a);width:13px;height:13px}
.l-price{font-family:'Playfair Display',serif;font-size:2rem;font-weight:900;color:var(--p)}
.l-gallery{margin-bottom:26px}
.gal-main{width:100%;height:390px;object-fit:cover;border-radius:var(--r);margin-bottom:9px}
.gal-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.gal-thumbs img{width:100%;height:76px;object-fit:cover;border-radius:var(--rs);cursor:pointer;opacity:.78;transition:opacity .2s}.gal-thumbs img:hover{opacity:1}
.specs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;background:var(--bg);border-radius:var(--r);border:1px solid var(--bd);margin-bottom:24px}
.s-item{display:flex;align-items:center;gap:9px}.s-ic{font-size:1.15rem}
.s-val{font-size:.87rem;font-weight:700;color:var(--tx)}.s-lbl{font-size:.68rem;color:var(--lt);text-transform:uppercase;letter-spacing:.04em}
.hl-g{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}
.hl-item{display:flex;align-items:flex-start;gap:7px;font-size:.84rem;color:var(--mu)}.hl-item svg{width:13px;height:13px;color:#16a34a;flex-shrink:0;margin-top:2px}
.am-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px;margin:13px 0}
.am-item{display:flex;align-items:center;gap:7px;padding:9px 12px;background:var(--bg);border-radius:var(--rs);border:1px solid var(--bd);font-size:.8rem;color:var(--mu)}
.la-list{display:flex;flex-direction:column;gap:7px;margin:13px 0}
.la-item{display:flex;align-items:flex-start;gap:7px;font-size:.84rem;color:var(--mu)}.la-item::before{content:'📍';font-size:.88rem;flex-shrink:0}
.l-cta-bar{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px;padding:20px;background:var(--bg);border-radius:var(--r);border:1px solid var(--bd)}
.spc{background:var(--p);border-radius:var(--r);padding:20px;color:#fff;margin-bottom:19px}
.spc-pr{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:900;margin-bottom:4px}
.spc-lc{font-size:.8rem;color:rgba(255,255,255,.7);margin-bottom:15px}
.spc-cta{display:flex;flex-direction:column;gap:8px}
/* ARCHIVE / BLOG / PAGES */
.arc-hero{background:var(--p);padding:48px 0 38px;color:#fff}
.arc-hero h1{color:#fff;margin-top:7px}.arc-hero p{color:rgba(255,255,255,.75)}
.blog-layout{display:grid;grid-template-columns:1fr 308px;gap:34px}
.pg-hero{background:var(--p);padding:58px 0;color:#fff}
.pg-hero h1{color:#fff;margin-top:7px}.pg-hero p{color:rgba(255,255,255,.75);max-width:540px}
.pg-content{max-width:860px;margin:0 auto;padding:48px 24px 68px}
.pg-content h2{font-size:1.45rem;margin:30px 0 13px}.pg-content h3{font-size:1.1rem;margin:22px 0 9px}
.pg-content p{margin-bottom:13px;line-height:1.8}
.pg-content ul,.pg-content ol{margin:11px 0 17px 22px}.pg-content li{margin-bottom:6px;color:var(--mu);font-size:.94rem}
.pg-content a{color:var(--p);text-decoration:underline}
.a-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:36px 0}
.a-stat{text-align:center;padding:22px;background:var(--card);border-radius:var(--r);border:1px solid var(--bd)}
.a-stat .num{font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:900;color:var(--p)}.a-stat .lbl{font-size:.78rem;color:var(--mu);margin-top:3px}
.team-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}
.team-card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:22px;text-align:center}
.team-av{width:66px;height:66px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;margin:0 auto 11px}
.team-nm{font-weight:700;color:var(--tx);font-size:.92rem;margin-bottom:2px}.team-role{font-size:.76rem;color:var(--a);margin-bottom:5px}.team-exp{font-size:.76rem;color:var(--lt)}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}
.cf{display:flex;flex-direction:column;gap:13px}
.cf-f{display:flex;flex-direction:column;gap:4px}
.cf-f label{font-size:.76rem;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:.05em}
.cf-f input,.cf-f select,.cf-f textarea{padding:10px 14px;border-radius:var(--rs);border:1.5px solid var(--bd);background:var(--bg);color:var(--tx);font-size:.88rem;transition:var(--ease)}.cf-f input:focus,.cf-f select:focus,.cf-f textarea:focus{outline:none;border-color:var(--p)}
.cf-f textarea{height:115px;resize:vertical}
.ci{display:flex;flex-direction:column;gap:15px}
.ci-item{display:flex;gap:12px;padding:15px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r)}
.ci-ic{width:38px;height:38px;border-radius:9px;background:rgba(26,60,94,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}
.nf{text-align:center;padding:96px 24px}
.nf .num{font-family:'Playfair Display',serif;font-size:5.5rem;font-weight:900;color:var(--p);line-height:1}
.rel-sec{margin-top:44px}.rel-sec h3{font-size:1.25rem;margin-bottom:20px}
.pag,.nav-links{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:38px}
.pag a,.pag span,.nav-links a,.nav-links span{padding:8px 14px;border-radius:7px;border:1.5px solid var(--bd);font-size:.82rem;font-weight:600;color:var(--mu);transition:var(--ease)}
.pag a:hover,.nav-links a:hover,.pag .current,.nav-links .current{background:var(--p);color:#fff;border-color:var(--p)}
.alignleft{float:left;margin:0 18px 13px 0}.alignright{float:right;margin:0 0 13px 18px}.aligncenter{margin:17px auto;display:block;text-align:center}
.fu{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.fu.vis{opacity:1;transform:translateY(0)}
.s1{transition-delay:.1s}.s2{transition-delay:.2s}.s3{transition-delay:.3s}.s4{transition-delay:.4s}
@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.ft-g{grid-template-columns:1fr 1fr;gap:26px}.a-stats{grid-template-columns:repeat(2,1fr)}.team-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.h-grid,.tips-grid,.tr-grid,.cmp-grid,.nl-grid,.tl,.ll,.blog-layout,.ct-grid{grid-template-columns:1fr}.g3{grid-template-columns:repeat(2,1fr)}.nav-list{display:none!important}.ham{display:flex!important}.specs-g{grid-template-columns:repeat(2,1fr)}.hl-g{grid-template-columns:1fr}}
@media(max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}.hero{padding:58px 0 48px}.sec,.sec-sm{padding:48px 0}.h-stats{gap:17px}.fr{flex-direction:column}.ft-g{grid-template-columns:1fr}.trust-g{gap:20px;justify-content:flex-start}.topbar{display:none}.specs-g{grid-template-columns:1fr 1fr}.a-stats{grid-template-columns:1fr 1fr}.team-g{grid-template-columns:1fr}.gal-thumbs{grid-template-columns:repeat(3,1fr)}.l-cta-bar{flex-direction:column}}