/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
/* body: clean — no overflow restriction */
body{font-family:'Manrope',system-ui,sans-serif;color:#111;background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul,ol{list-style:none;}

/* Variables */
:root{
  --red:#C8102E;--redd:#A30E25;--redbg:#FBF0F2;
  --k:#111;--g7:#444;--g5:#767676;--g3:#C4C4C4;
  --g1:#F2F2F2;--g0:#F8F8F8;--w:#fff;--bd:#E0E0E0;
  --sh:0 4px 20px rgba(0,0,0,.09);--shl:0 12px 48px rgba(0,0,0,.12);
  --nh:66px;--tr:.2s ease;
}
.wrap{max-width:1180px;margin:0 auto;padding:0 36px;}

/* Reading bar */
#readBar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--red);z-index:9999;transition:width .08s linear;}

/* Nav */
#siteNav{position:fixed;top:0;left:0;right:0;height:var(--nh);background:rgba(255,255,255,.97);border-bottom:1px solid var(--bd);z-index:1000;transition:box-shadow var(--tr);}
#siteNav.scrolled{box-shadow:var(--sh);}
.nav-inner{max-width:1180px;margin:0 auto;padding:0 36px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.nav-logo{display:flex;align-items:center;gap:10px;color:var(--red);flex-shrink:0;}
.nav-logo-text{display:flex;flex-direction:column;line-height:1.1;}
.nav-name{font-size:14.5px;font-weight:800;color:#111;letter-spacing:-.2px;}
.nav-tag{font-size:8.5px;font-weight:600;color:var(--g5);letter-spacing:1.8px;text-transform:uppercase;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-link{font-size:12.5px;font-weight:600;color:var(--g7);padding:7px 12px;border-radius:4px;transition:color var(--tr),background var(--tr);white-space:nowrap;}
.nav-link:hover,.nav-link.active{color:#111;background:var(--g0);}
.nav-link.active{color:var(--red);}
.nav-cta-btn{font-size:12.5px;font-weight:700;color:#fff;background:var(--red);padding:9px 20px;border-radius:3px;white-space:nowrap;transition:background var(--tr);}
.nav-cta-btn:hover{background:var(--redd);}
.nav-chevron{width:10px;height:10px;margin-left:3px;transition:transform var(--tr);opacity:.5;}
.nav-dd{position:relative;}
.nav-dd-btn{display:inline-flex;align-items:center;cursor:default;}
.nav-dd-panel{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--bd);border-top:2px solid var(--red);min-width:200px;box-shadow:var(--shl);z-index:100;padding:6px 0;}
.nav-dd:hover .nav-dd-panel{display:block;}
.nav-dd:hover .nav-chevron{transform:rotate(180deg);opacity:1;}
.nav-dd-panel a{display:block;padding:9px 18px;font-size:12.5px;color:var(--g7);border-left:2px solid transparent;transition:all var(--tr);}
.nav-dd-panel a:hover{color:var(--red);border-left-color:var(--red);background:var(--g0);padding-left:22px;}
.nav-ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;}
.nav-ham span{display:block;width:21px;height:1.5px;background:#111;transition:var(--tr);}
.nav-ham.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px);}
.nav-ham.open span:nth-child(2){opacity:0;}
.nav-ham.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px);}
.nav-mobile{display:none;flex-direction:column;position:fixed;top:var(--nh);left:0;right:0;background:#fff;border-bottom:1px solid var(--bd);box-shadow:var(--shl);z-index:999;}
.nav-mobile.open{display:flex;}
.nav-mobile a{padding:13px 36px;font-size:13px;font-weight:600;color:var(--g7);border-bottom:1px solid var(--g1);}
.nav-mobile a:hover{color:var(--red);background:var(--g0);}

/* Blog hero */
.blog-hero{position:relative;height:68vh;min-height:480px;display:flex;align-items:flex-end;overflow:hidden;margin-top:var(--nh);}
.blog-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.blog-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,15,.92) 0%,rgba(15,15,15,.35) 55%,transparent 100%);}
.blog-hero-content{position:relative;z-index:2;padding:44px 0;max-width:840px;}
.blog-cat{display:inline-block;background:var(--red);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;margin-bottom:16px;}
.blog-hero-content h1{font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:16px;letter-spacing:-.3px;}
.blog-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
.blog-meta span{font-size:12.5px;color:rgba(255,255,255,.6);}
.blog-meta .byline{color:rgba(220,50,60,.9);font-weight:700;}
.breadcrumb{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px;}
.breadcrumb a{color:rgba(255,255,255,.45);transition:color var(--tr);}
.breadcrumb a:hover{color:rgba(255,255,255,.75);}
.breadcrumb span{color:rgba(255,255,255,.25);}

/* Article layout */
.blog-wrap{display:grid;grid-template-columns:1fr 320px;gap:56px;padding:64px 0 96px;}
.blog-article p{font-size:15px;line-height:1.9;color:#444;margin-bottom:24px;}
.blog-article h2{font-size:1.65rem;font-weight:800;color:#111;margin:48px 0 16px;padding-bottom:9px;border-bottom:2px solid var(--red);letter-spacing:-.3px;}
.blog-article h3{font-size:1.05rem;font-weight:700;color:#111;margin:28px 0 11px;}
.blog-article ul,.blog-article ol{margin:14px 0 24px;display:flex;flex-direction:column;gap:9px;}
.blog-article li{font-size:14px;color:#444;line-height:1.75;display:flex;align-items:flex-start;gap:8px;}
.blog-article ul li::before{content:'→';color:var(--red);font-weight:800;flex-shrink:0;font-size:11px;margin-top:3px;}
.blog-article ol{counter-reset:n;}
.blog-article ol li{counter-increment:n;}
.blog-article ol li::before{content:counter(n)'.';color:var(--red);font-weight:800;font-size:13px;flex-shrink:0;min-width:18px;}
.blog-article blockquote{border-left:3px solid var(--red);padding:16px 22px;background:var(--redbg);margin:28px 0;font-size:15px;font-style:italic;color:#222;line-height:1.75;}
.blog-article strong{color:#111;font-weight:700;}

/* Key box */
.kbox{background:var(--g0);border:1px solid var(--bd);border-left:3px solid var(--red);padding:22px 26px;margin:26px 0;}
.kbox h4{font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:14px;}
.kbox ul{display:flex;flex-direction:column;gap:8px;margin:0;}
.kbox li{font-size:13.5px;color:#444;display:flex;align-items:flex-start;gap:7px;}
.kbox li::before{content:'✓';color:var(--red);font-weight:700;flex-shrink:0;}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);margin:26px 0;}
.stat{background:#fff;padding:20px;text-align:center;}
.stat-n{display:block;font-size:1.9rem;font-weight:800;color:var(--red);letter-spacing:-.5px;line-height:1.1;}
.stat-l{display:block;font-size:9.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--g5);margin-top:5px;}

/* Share */
.share{display:flex;align-items:center;gap:10px;padding:20px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);margin:32px 0;}
.share-lbl{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--g5);}
.share-btn{width:32px;height:32px;border:1px solid var(--bd);border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--g5);transition:all var(--tr);}
.share-btn:hover{background:var(--red);border-color:var(--red);color:#fff;}

/* Author */
.author-box{background:var(--g0);border:1px solid var(--bd);border-left:3px solid var(--red);padding:18px 22px;margin-bottom:28px;}
.author-lbl{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);display:block;margin-bottom:7px;}
.author-box p{font-size:13.5px;color:var(--g7);margin:0;line-height:1.75;}
.author-box a{color:var(--red);font-weight:700;}

/* FAQ */
.fi{border-bottom:1px solid var(--bd);}
.fq{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:15px 0;cursor:pointer;font-size:13.5px;font-weight:600;color:#111;line-height:1.45;background:none;border:none;width:100%;text-align:left;transition:color var(--tr);}
.fq:hover{color:var(--red);}
.fq-icon{flex-shrink:0;width:20px;height:20px;border:1.5px solid var(--bd);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--g5);transition:all var(--tr);}
.fi.open .fq{color:var(--red);}
.fi.open .fq-icon{background:var(--red);border-color:var(--red);color:#fff;transform:rotate(45deg);}
.fa{display:none;padding:2px 0 16px;font-size:13.5px;color:var(--g7);line-height:1.8;}
.fi.open .fa{display:block;}

/* Sidebar */
.sidebar{}
.sw{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--bd);}
.sw:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.sw-hd{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--g5);margin-bottom:14px;padding-bottom:9px;border-bottom:2px solid var(--red);}
.s-cta{background:var(--red);padding:24px;}
.s-cta h3{color:#fff;font-size:15px;font-weight:700;margin-bottom:7px;}
.s-cta p{color:rgba(255,255,255,.8);font-size:12.5px;margin-bottom:16px;line-height:1.6;}
.s-cta-btn{display:block;background:#fff;color:var(--red);padding:10px;text-align:center;font-weight:700;font-size:12px;border-radius:2px;margin-bottom:8px;transition:opacity var(--tr);}
.s-cta-btn:hover{opacity:.9;}
.s-ghost{display:block;color:rgba(255,255,255,.65);font-size:12px;text-align:center;padding:6px;transition:color var(--tr);}
.s-ghost:hover{color:#fff;}
.rp{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid var(--g1);}
.rp:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.rp img{width:60px;height:48px;object-fit:cover;flex-shrink:0;}
.rp-cat{font-size:8.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:3px;}
.rp-title{font-size:12px;font-weight:600;color:#111;line-height:1.4;transition:color var(--tr);}
.rp-title:hover{color:var(--red);}
.tags{display:flex;flex-wrap:wrap;gap:6px;}
.tag{display:inline-block;padding:4px 11px;border:1px solid var(--bd);font-size:10.5px;color:#444;border-radius:2px;transition:all var(--tr);}
.tag:hover{background:var(--red);color:#fff;border-color:var(--red);}
.wa-sb{display:flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:11px 14px;font-weight:700;font-size:12.5px;border-radius:3px;transition:opacity var(--tr);}
.wa-sb:hover{opacity:.9;color:#fff;}

/* Next article */
.next-post{background:#111;padding:44px 0;text-align:center;}
.next-post p{font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:10px;}
.next-post a{font-size:1.5rem;font-weight:800;color:#fff;transition:color var(--tr);}
.next-post a:hover{color:var(--red);}

/* Footer */
.site-footer{background:#111;border-top:3px solid var(--red);}
.footer-inner{max-width:1180px;margin:0 auto;padding:52px 36px 44px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:48px;}
.footer-brand p{font-size:12.5px;color:rgba(255,255,255,.38);line-height:1.8;margin:14px 0 20px;}
.footer-logo{display:flex;align-items:center;gap:10px;color:var(--red);}
.footer-logo-text{display:flex;flex-direction:column;line-height:1.1;}
.footer-name{font-size:14px;font-weight:800;color:#fff;}
.footer-tag{font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);}
.footer-social{display:flex;gap:7px;}
.footer-social a{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);border-radius:2px;transition:all var(--tr);}
.footer-social a:hover{border-color:var(--red);color:var(--red);}
.footer-col h5{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--red);margin-bottom:16px;}
.footer-col ul li{margin-bottom:8px;}
.footer-col ul li a{font-size:12.5px;color:rgba(255,255,255,.38);transition:color var(--tr);}
.footer-col ul li a:hover{color:#fff;}
.footer-contact{display:flex;flex-direction:column;gap:12px;}
.fc-row{display:flex;align-items:flex-start;gap:8px;color:rgba(255,255,255,.38);}
.fc-row svg{flex-shrink:0;margin-top:2px;color:var(--red);}
.fc-row span{font-size:12.5px;line-height:1.55;}
.fc-row a{color:rgba(255,255,255,.38);transition:color var(--tr);}
.fc-row a:hover{color:var(--red);}
.footer-bar{border-top:1px solid rgba(255,255,255,.06);}
.footer-bar-inner{max-width:1180px;margin:0 auto;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.footer-bar-inner p{font-size:11px;color:rgba(255,255,255,.2);}
.footer-bar-links{display:flex;gap:18px;}
.footer-bar-links a{font-size:11px;color:rgba(255,255,255,.3);transition:color var(--tr);}
.footer-bar-links a:hover{color:var(--red);}

/* WA float */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:500;width:48px;height:48px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.4);transition:transform var(--tr);}
.wa-float:hover{transform:scale(1.1);}

/* Responsive */
@media(max-width:900px){
  .nav-links{display:none;}
  .nav-ham{display:flex;}
  .blog-wrap{grid-template-columns:1fr;gap:36px;padding:44px 0 72px;}
  .blog-hero{height:54vh;min-height:340px;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:36px;}
  .stats{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .wrap{padding:0 18px;}
  .blog-hero{height:48vh;min-height:280px;}
  .blog-hero-content h1{font-size:1.4rem;}
  .footer-inner{grid-template-columns:1fr;gap:28px;}
  .stats{grid-template-columns:1fr;}
  .footer-bar-inner{flex-direction:column;text-align:center;}
}