*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
:root{--navy:#080f1c;--navy2:#0d1829;--navy3:#112038;--accent:#2970e8;--accent-l:#5b93f0;--white:#fff;--off:#f0f4f9;--text:#3d5068;--muted:#6b7f96;--border:#dde4ef;--border-d:rgba(255,255,255,.07);--green:#22c55e;}
body{overflow-x:hidden;font-family:'Manrope',sans-serif;background:var(--white);color:var(--navy);-webkit-font-smoothing:antialiased;}
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:70px;display:flex;align-items:center;padding:0 48px;background:var(--navy);justify-content:space-between;border-bottom:1px solid var(--border-d);}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}.nav-logo img{height:36px;}.nav-logo-text{font-size:.88rem;font-weight:800;color:var(--white);}
.nav-links{display:flex;gap:36px;list-style:none;align-items:center;}.nav-links a{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.5);text-decoration:none;transition:color .15s;}.nav-links a:hover{color:rgba(255,255,255,.95);}
.nav-right{display:flex;align-items:center;gap:24px;}
.nav-phone{font-size:.85rem;font-weight:700;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:7px;}
.nav-phone::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 2px rgba(34,197,94,.25);animation:lp 2s infinite;}
@keyframes lp{0%,100%{box-shadow:0 0 0 2px rgba(34,197,94,.25);}50%{box-shadow:0 0 0 5px rgba(34,197,94,.1);}}
.nav-cta{background:var(--accent);color:var(--white);font-size:.8rem;font-weight:700;padding:9px 22px;border-radius:3px;text-decoration:none;}

.page-header{padding-top:70px;background:var(--navy);}
.page-header-inner{padding:56px 80px 48px;}
.pht{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-l);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.pht::before{content:'';width:28px;height:1px;background:var(--accent);}
.page-header h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.8rem,5vw,4.5rem);color:var(--white);letter-spacing:.02em;line-height:.95;}
.page-header p{font-size:.92rem;color:rgba(255,255,255,.42);max-width:440px;line-height:1.75;margin-top:10px;}

.filter-bar{background:var(--navy2);border-bottom:1px solid var(--border-d);padding:0 80px;}
.filter-inner{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.filter-tab{padding:16px 20px;font-size:.78rem;font-weight:700;color:rgba(255,255,255,.35);border:none;background:none;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .15s;font-family:'Manrope',sans-serif;}
.filter-tab:hover{color:rgba(255,255,255,.7);}
.filter-tab.active{color:var(--white);border-bottom-color:var(--accent);}

.main{max-width:1200px;margin:0 auto;padding:56px 80px 80px;}

.featured{display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:hidden;border:1px solid var(--border);margin-bottom:52px;text-decoration:none;color:inherit;transition:box-shadow .2s;}
.featured:hover{box-shadow:0 12px 48px rgba(8,15,28,.12);}
.featured-img{overflow:hidden;min-height:340px;position:relative;}
.featured-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.featured:hover .featured-img img{transform:scale(1.04);}
.featured-badge{position:absolute;top:20px;left:20px;background:var(--accent);color:var(--white);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:3px;}
.featured-body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;background:var(--white);}
.post-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.post-cat{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);}
.post-dot{width:3px;height:3px;border-radius:50%;background:var(--border);}
.post-date{font-size:.76rem;color:var(--muted);}
.post-read{font-size:.76rem;color:var(--muted);}
.featured-body h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px;color:var(--navy);}
.featured-body .excerpt{font-size:.91rem;color:var(--text);line-height:1.75;margin-bottom:24px;}
.read-more{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:var(--accent);}
.read-more::after{content:'→';transition:transform .2s;}
.featured:hover .read-more::after,.post-card:hover .read-more::after{transform:translateX(4px);}

.grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.grid-header h2{font-size:1rem;font-weight:800;}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:52px;}

.post-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--white);}
.post-card:hover{box-shadow:0 8px 32px rgba(8,15,28,.09);transform:translateY(-3px);}
.post-card-img{overflow:hidden;height:190px;position:relative;}
.post-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.post-card:hover .post-card-img img{transform:scale(1.06);}
.post-card-cat{position:absolute;bottom:12px;left:12px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--navy);color:var(--white);padding:4px 10px;border-radius:3px;}
.post-card-body{padding:22px 22px 26px;flex:1;display:flex;flex-direction:column;}
.post-card-body .post-meta{margin-bottom:9px;}
.post-card-body h3{font-size:.96rem;font-weight:700;letter-spacing:-.015em;line-height:1.3;margin-bottom:10px;color:var(--navy);}
.post-card-body .excerpt{font-size:.83rem;color:var(--text);line-height:1.7;flex:1;}
.post-card-body .read-more{margin-top:16px;font-size:.8rem;}

.seo-cta{background:var(--navy);border-radius:8px;padding:36px 44px;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;margin-bottom:52px;}
.seo-cta h2{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--white);letter-spacing:.04em;margin-bottom:6px;}
.seo-cta p{font-size:.87rem;color:rgba(255,255,255,.4);line-height:1.7;}
.seo-cta-btns{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;}
.btn-cta-p{display:inline-block;background:var(--accent);color:var(--white);font-size:.85rem;font-weight:700;padding:13px 26px;border-radius:4px;text-decoration:none;transition:background .15s;}
.btn-cta-p:hover{background:#1a5cd4;}
.btn-cta-s{display:inline-block;border:1px solid rgba(255,255,255,.2);color:var(--white);font-size:.85rem;font-weight:500;padding:13px 26px;border-radius:4px;text-decoration:none;}

.topics{background:var(--off);border:1px solid var(--border);border-radius:8px;padding:30px 34px;margin-bottom:52px;}
.topics h2{font-size:.88rem;font-weight:800;margin-bottom:18px;}
.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.topic-link{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--border);border-radius:6px;background:var(--white);text-decoration:none;transition:border-color .15s,background .15s;}
.topic-link:hover{border-color:var(--accent);background:#f0f5ff;}
.topic-icon{font-size:1rem;flex-shrink:0;}
.topic-text{font-size:.82rem;font-weight:700;color:var(--navy);}

footer{background:var(--navy);padding:56px 80px 32px;border-top:1px solid var(--border-d);}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:40px;border-bottom:1px solid var(--border-d);margin-bottom:24px;}
.footer-brand img{height:34px;margin-bottom:14px;opacity:.6;}.footer-brand p{font-size:.82rem;color:rgba(255,255,255,.22);line-height:1.8;max-width:280px;}
.f-col h4{font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:16px;}
.f-col ul{list-style:none;}.f-col ul li{margin-bottom:9px;}.f-col ul li a{font-size:.83rem;color:rgba(255,255,255,.3);text-decoration:none;transition:color .15s;}.f-col ul li a:hover{color:rgba(255,255,255,.78);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}.footer-bottom p{font-size:.74rem;color:rgba(255,255,255,.15);}.footer-bottom a{color:rgba(255,255,255,.26);text-decoration:none;}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease;}
.reveal.in{opacity:1;transform:none;}

@media(max-width:1024px){nav{padding:0 28px;}.nav-links{display:none;}.page-header-inner{padding:48px 32px 40px;}.filter-bar{padding:0 32px;}.main{padding:40px 32px 64px;}.featured{grid-template-columns:1fr;}.featured-img{min-height:240px;}.posts-grid{grid-template-columns:1fr 1fr;}.topics-grid{grid-template-columns:1fr 1fr;}.seo-cta{grid-template-columns:1fr;}.footer-top{grid-template-columns:1fr 1fr;gap:2rem;}footer{padding:48px 32px 28px;}}
@media(max-width:640px){.posts-grid{grid-template-columns:1fr;}.topics-grid{grid-template-columns:1fr;}.seo-cta{padding:24px 20px;}.footer-top{grid-template-columns:1fr;}}