@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&family=Sora:wght@400;600;700;800&display=swap');
:root{--bg:#050505;--surface:#111111;--surface-soft:rgba(255,255,255,.04);--text:#fff;--muted:#a1a1aa;--gold:#c9a227;--border:rgba(255,255,255,.09);--shadow:0 20px 60px rgba(0,0,0,.4);--radius-lg:28px;--radius-md:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(201,162,39,.13),transparent 26%),radial-gradient(circle at 10% 75%,rgba(201,162,39,.06),transparent 24%),#050505;color:var(--text);font:16px/1.7 "Inter",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,rgba(0,0,0,.44),transparent 88%)}
a{color:var(--gold);text-decoration:none;transition:color .2s ease,border-color .2s ease,transform .2s ease}
a:hover{color:#f0d16c}
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.site-header-inner{max-width:1180px;min-height:86px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{display:inline-flex;align-items:center;max-width:52%;min-width:180px}
.site-brand img{display:block;width:clamp(180px,22vw,284px);max-width:100%;height:auto;filter:drop-shadow(0 0 24px rgba(201,162,39,.18))}
.site-header nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,34px)}
.site-header nav a{color:rgba(255,255,255,.82);font-size:.94rem;font-weight:500}
.site-header nav a:hover,.site-header nav a[aria-current=page]{color:#fff}
.site-header nav a[aria-current=page]:not(.site-nav-cta){text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:9px}
.site-header nav .site-nav-cta{display:inline-flex;gap:9px;align-items:center;background:linear-gradient(135deg,#d8b03d,var(--gold));color:#111;border:1px solid rgba(255,219,119,.4);padding:10px 19px;border-radius:999px;font-weight:700;box-shadow:0 12px 30px rgba(201,162,39,.16)}
.site-header nav .site-nav-cta:hover{transform:translateY(-2px);color:#111}
.site-main{max-width:1180px;margin:0 auto;padding:64px 24px 90px;min-height:68vh}
.page-heading,.article h1{font-family:"Manrope","Sora",sans-serif;font-weight:800;letter-spacing:-.05em;line-height:1.06}
.page-heading{font-size:clamp(2.6rem,6vw,4.6rem);margin:0 0 14px}
.page-heading:after{content:"";display:block;width:64px;height:3px;margin-top:22px;border-radius:9px;background:linear-gradient(90deg,#d8b03d,var(--gold))}
.page-intro{max-width:720px;color:var(--muted);font-size:1.08rem;margin:0 0 42px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.post-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:var(--shadow);transition:transform .3s ease,border-color .3s ease}
.post-card:hover{transform:translateY(-5px);border-color:rgba(201,162,39,.38)}
.post-card>a:first-child{display:block;overflow:hidden;background:#111}
.post-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}
.post-card:hover img{transform:scale(1.035)}
.post-card-body{display:flex;flex-direction:column;flex:1;padding:24px}
.post-meta,.article .post-meta{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.post-card h2{font:700 clamp(1.25rem,2vw,1.55rem)/1.25 "Sora",sans-serif;letter-spacing:-.035em;margin:12px 0}
.post-card h2 a{color:#fff}.post-card h2 a:hover{color:#e5c45d}
.post-card p{color:var(--muted);margin:14px 0 24px;overflow-wrap:anywhere}
.read-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:700}
.read-more:hover{gap:12px}
.post-categories{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}
.category-pill{display:inline-flex;align-items:center;background:rgba(201,162,39,.09);border:1px solid rgba(201,162,39,.25);color:#e4c45e;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600}
.category-pill:hover{background:rgba(201,162,39,.16);color:#ffe28a}
.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:42px;color:var(--muted)}
.pagination a,.pagination span{padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025)}
.pagination a{color:#fff}.pagination a:hover{border-color:var(--gold);color:var(--gold)}
.empty-state{padding:34px;border:1px dashed rgba(201,162,39,.35);border-radius:var(--radius-md);background:rgba(255,255,255,.02);color:var(--muted)}
.article{max-width:820px;margin:0 auto}
.article h1{font-size:clamp(2.5rem,6vw,4.6rem);margin:14px 0 20px}
.article .post-categories{margin:0 0 28px}
.article-featured{display:block;width:100%;max-height:560px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-lg);margin:30px 0 38px;box-shadow:var(--shadow)}
.article-content{font-size:1.075rem;line-height:1.9;color:rgba(255,255,255,.86);overflow-wrap:anywhere}
.article-content h2,.article-content h3,.article-content h4{font-family:"Sora",sans-serif;color:#fff;letter-spacing:-.035em;line-height:1.2;margin:2.1em 0 .7em}
.article-content h2{font-size:clamp(1.7rem,4vw,2.4rem)}.article-content h3{font-size:1.55rem}
.article-content p{margin:0 0 1.35em}.article-content a{color:#e2bd48;text-decoration:underline;text-underline-offset:3px}
.article-content ul,.article-content ol{padding-left:1.5em;margin:0 0 1.5em}.article-content li{padding-left:.3em;margin:.35em 0}
.article-content strong,.article-content b{color:#fff}
.article-content blockquote{margin:2em 0;padding:18px 24px;border-left:3px solid var(--gold);border-radius:0 14px 14px 0;background:rgba(201,162,39,.06);color:#d4d4d8}
.article-content img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:16px}
.article-content pre{overflow:auto;background:#101010;border:1px solid var(--border);padding:18px;border-radius:14px}
.article-content code{font-size:.9em;color:#e5c45d}
.article-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.article-content td,.article-content th{border:1px solid var(--border);padding:10px 12px;text-align:left}
.article-content th{background:rgba(201,162,39,.08);color:#fff}
.site-footer{border-top:1px solid var(--border);padding:28px 20px;text-align:center;color:var(--muted);font-size:.88rem;background:rgba(255,255,255,.012)}
.site-footer p{margin:0}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-main{padding-top:48px}}
@media(max-width:600px){.site-header-inner{min-height:72px;padding:12px 18px;gap:14px}.site-brand{min-width:0;max-width:54%}.site-brand img{width:190px}.site-header nav{gap:14px}.site-header nav a{font-size:.86rem}.site-header nav .site-nav-cta{padding:8px 12px}.site-main{padding:38px 18px 64px}.post-grid{grid-template-columns:1fr;gap:18px}.post-card-body{padding:21px}.page-intro{margin-bottom:30px}.article h1{font-size:clamp(2.2rem,10vw,3.2rem)}.article-content{font-size:1rem}.article-featured{border-radius:18px;margin:24px 0 28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Shared main-site navigation and footer styling */
.blog-page{padding-top:0}
.blog-site-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#050505}
.blog-site-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,rgba(0,0,0,.44),transparent 88%)}
.blog-site-bg span{position:absolute;width:34vw;height:34vw;min-width:280px;min-height:280px;border-radius:50%;filter:blur(100px);background:rgba(201,162,39,.08)}
.blog-site-bg span:nth-child(1){top:-18vw;left:8%}.blog-site-bg span:nth-child(2){top:28%;right:-20vw;background:rgba(201,162,39,.06)}.blog-site-bg span:nth-child(3){bottom:-22vw;left:25%;background:rgba(201,162,39,.04)}
.blog-navbar{position:sticky;top:0;z-index:1000;padding:1.15rem 0;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.08)}
.blog-navbar .navbar-brand{width:284px;max-width:52vw;min-width:202px;overflow:visible}
.blog-brand-logo{display:block;width:284px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 24px rgba(201,162,39,.18))}
.blog-navbar .nav-link{position:relative;color:rgba(255,255,255,.8);font-weight:500;padding:.5rem .3rem!important}
.blog-navbar .nav-link:hover,.blog-navbar .nav-link.active{color:#fff}
.blog-navbar .nav-link:after{content:"";position:absolute;left:0;bottom:-.2rem;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.blog-navbar .nav-link:hover:after,.blog-navbar .nav-link.active:after{transform:scaleX(1)}
@media(min-width:992px){.blog-navbar .navbar-nav{transform:translateX(-18px)}}
.blog-navbar .blog-book-call{border-radius:999px;background:linear-gradient(135deg,#d8b03d,#c9a227);color:#111;border:1px solid rgba(255,219,119,.4);padding:.72rem 1.2rem;font-weight:700;box-shadow:0 12px 30px rgba(201,162,39,.16)}
.blog-navbar .blog-book-call:hover{background:#e5c45d;color:#111;transform:translateY(-1px)}
.blog-footer{padding:1.8rem 0 2.4rem;border-top:1px solid rgba(255,255,255,.09);background:transparent}
.blog-footer .brand-logo-footer{width:230px;max-width:100%;height:auto;filter:drop-shadow(0 0 24px rgba(201,162,39,.18))}
.blog-footer .footer-links a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.2rem;border:1px solid rgba(201,162,39,.24);border-radius:50%;background:rgba(255,255,255,.02);transition:color .3s ease,transform .3s ease,border-color .3s ease,background .3s ease}
.blog-footer .footer-links a:hover{color:#111;background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
.blog-footer .footer-meta{margin-top:1rem;color:var(--muted)}
@media(max-width:991.98px){.blog-navbar .navbar-brand{min-width:0;width:auto;max-width:70vw}.blog-brand-logo{width:230px}.blog-navbar .navbar-collapse{padding-top:1rem}.blog-navbar .navbar-nav{gap:.25rem!important}}