:root{--navy:#0b223f;--navy2:#14365d;--gold:#b89667;--soft:#f6f8fb;--line:#e7eaf0;--muted:#667085;--ink:#172033;--white:#fff;--shadow:0 22px 60px rgba(11,34,63,.12)}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:linear-gradient(90deg,var(--navy),var(--navy2));color:#fff;font-size:14px}
.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:9px 0}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-weight:950;color:var(--navy);font-size:28px;letter-spacing:-1px}.logo span{color:var(--gold)}
.menu{display:flex;gap:20px;font-weight:800;color:var(--navy);font-size:15px}.menu a:hover{color:var(--gold)}
.cta{background:var(--navy);color:#fff!important;padding:12px 18px;border-radius:999px}
.hero{padding:70px 0 44px;background:radial-gradient(circle at top right,#eef4fb 0,#fff 38%,#f7f3ed 100%)}
.eyebrow{display:inline-block;color:var(--gold);font-weight:950;letter-spacing:.15em;font-size:12px;text-transform:uppercase;margin-bottom:12px}
h1{font-size:clamp(36px,4.4vw,62px);line-height:1.05;margin:0 0 16px;color:var(--navy);letter-spacing:-1.4px}
.hero p{font-size:18px;color:var(--muted);max-width:820px;margin:0 0 24px}
.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:15px}.breadcrumb a{color:var(--navy);font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:900}.primary{background:#25d366;color:#fff}.secondary{background:#fff;color:var(--navy);border:1px solid rgba(184,150,103,.5)}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.section{padding:64px 0}.soft{background:var(--soft)}
.section-head{text-align:center;max-width:780px;margin:0 auto 38px}.section-head h2{font-size:clamp(28px,3vw,44px);line-height:1.12;margin:0 0 10px;color:var(--navy)}.section-head p{color:var(--muted);font-size:18px;margin:0}
.category-grid,.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.category-card,.landing-card{display:block;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(11,34,63,.07);transition:.25s}
.category-card:hover,.landing-card:hover{transform:translateY(-7px);border-color:rgba(184,150,103,.55)}
.thumb{height:190px;background:linear-gradient(135deg,var(--navy),var(--navy2));position:relative;overflow:hidden}
.thumb:before{content:"";position:absolute;right:-65px;top:-65px;width:220px;height:220px;background:var(--gold);border-radius:50%}
.thumb:after{content:"";position:absolute;left:38px;bottom:36px;width:110px;height:54px;background:#fff;border-radius:14px 22px 10px 10px}
.card-body{padding:25px}.card-body small{display:block;color:var(--gold);font-weight:950;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}.card-body h2,.card-body h3{font-size:24px;line-height:1.18;color:var(--navy);margin:0 0 10px}.card-body p{color:var(--muted);margin:0 0 16px}.card-body strong{display:inline-flex;background:var(--navy);color:#fff;border-radius:999px;padding:10px 15px;font-size:14px}
.layout{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start}
.article{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 18px 50px rgba(11,34,63,.06)}
.article h2{color:var(--navy);font-size:30px;line-height:1.16;margin:28px 0 12px}.article h2:first-child{margin-top:0}.article p,.article li{color:var(--muted);font-size:17px}
.side{position:sticky;top:116px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.side p{color:#d7dde7}
.link-cloud{display:flex;flex-wrap:wrap;gap:10px}.link-cloud a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:800;color:var(--navy)}
.footer{background:#07182c;color:#cfd8e6;padding:44px 0;text-align:center}.footer a{color:#fff}
.fixed-contact{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;display:none;grid-template-columns:1fr 1fr;gap:10px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 18px 45px rgba(11,34,63,.2)}
.fixed-contact a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:16px;color:#fff;font-weight:950}.call{background:var(--navy)}.wa{background:#25d366}
@media(max-width:900px){body{padding-bottom:78px}.menu{display:none}.nav{height:78px}.category-grid,.landing-grid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.side{position:static}.fixed-contact{display:grid}}
@media(max-width:620px){.topbar .container{display:block;text-align:center}h1{font-size:36px}.hero{padding:44px 0 32px}.category-grid,.landing-grid{grid-template-columns:1fr}.actions .btn{width:100%}.article{padding:24px}}