body.blog-body{background:var(--off-white)}.blog-topbar{position:sticky;top:0;z-index:1000;background:rgba(0,51,38,.96);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,0,.16)}.blog-topbar-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.blog-logo{width:230px;display:block}.blog-logo img{width:100%;height:auto}.blog-nav{display:flex;gap:26px;align-items:center}.blog-nav a{color:#fff;font-weight:750;font-size:.92rem;position:relative}.blog-nav a:after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--lime);transition:var(--transition)}.blog-nav a:hover:after{width:100%}.blog-hero{padding:130px 0 70px;background:linear-gradient(135deg,var(--emerald-deep),var(--emerald));color:#fff;position:relative;overflow:hidden}.blog-hero:after{content:'';position:absolute;right:8%;top:20%;width:360px;height:360px;border-radius:50%;background:rgba(0,174,239,.16);filter:blur(12px)}.blog-hero .container{position:relative;z-index:1}.blog-hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;font-weight:900;max-width:980px;margin-bottom:20px}.blog-hero p{max-width:780px;color:rgba(255,255,255,.74);font-size:clamp(1rem,2vw,1.22rem)}.blog-list,.blog-preview,.blog-related{padding:84px 0}.blog-preview{background:#fff}.blog-preview-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:32px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-grid-compact{grid-template-columns:repeat(3,1fr)}.blog-card{background:#fff;border:1px solid var(--gray-100);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);position:relative}.blog-card:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--emerald),var(--lime));transform:scaleX(0);transform-origin:left;transition:var(--transition);z-index:1}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.blog-card:hover:before{transform:scaleX(1)}.blog-card-media{height:220px;background:linear-gradient(180deg,#fff,var(--off-white));display:flex;align-items:center;justify-content:center;padding:18px}.blog-card-media img{width:100%;height:100%;object-fit:contain}.blog-card-visual{width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,rgba(0,92,69,.12),rgba(0,174,239,.18));display:grid;place-items:center;color:var(--emerald);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.blog-card-body{padding:24px}.blog-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.blog-meta span{display:inline-flex;padding:7px 11px;border-radius:60px;background:rgba(0,174,239,.12);color:var(--lime);font-size:.76rem;font-weight:900}.blog-card h3{font-size:1.18rem;line-height:1.25;color:var(--emerald-deep);margin-bottom:12px}.blog-card p{color:var(--gray-500);font-size:.92rem;line-height:1.65;margin-bottom:18px}.blog-read{color:var(--emerald);font-weight:900}.article-hero{padding:118px 0 64px;background:linear-gradient(135deg,var(--emerald-deep),var(--emerald));color:#fff}.article-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.blog-back{display:inline-flex;color:rgba(255,255,255,.72);font-weight:800;margin-bottom:22px}.article-hero h1{font-size:clamp(2rem,4.4vw,4.2rem);line-height:1.07;font-weight:900;margin-bottom:20px}.article-hero p{max-width:740px;color:rgba(255,255,255,.75);font-size:1.12rem}.article-hero-media{min-height:360px;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.26);padding:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.article-hero-media img{width:100%;height:100%;max-height:430px;object-fit:contain}.article-content{padding:72px 32px 88px;max-width:980px}.article-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 42px}.article-gallery img{height:160px;width:100%;object-fit:contain;background:#fff;border:1px solid var(--gray-100);border-radius:16px;padding:12px}.article-section{background:#fff;border:1px solid var(--gray-100);border-radius:20px;padding:32px;margin-bottom:20px;box-shadow:var(--shadow)}.article-section h2{font-size:1.55rem;color:var(--emerald-deep);margin-bottom:16px}.article-section p{color:var(--gray-500);font-size:1.02rem;line-height:1.8;margin:0 0 12px}.article-section p:last-child{margin-bottom:0}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:34px 0;padding:32px;border-radius:22px;background:linear-gradient(135deg,var(--emerald),var(--emerald-deep));color:#fff}.article-cta h2{font-size:1.7rem;margin-bottom:8px}.article-cta p{color:rgba(255,255,255,.72);max-width:610px}.article-source{font-size:.9rem;color:var(--gray-500);text-align:center}.article-source a{color:var(--emerald);font-weight:850}.blog-generated-visual{width:100%;min-height:310px;border-radius:20px;background:linear-gradient(135deg,rgba(0,92,69,.1),rgba(0,174,239,.2));display:grid;place-items:center;text-align:center;color:var(--emerald);padding:28px}.visual-tank{width:250px;height:140px;border:5px solid var(--emerald-deep);border-top-width:8px;border-radius:8px;position:relative;background:linear-gradient(180deg,transparent 38%,#78d7f2 39%)}.visual-tank span{position:absolute;left:28px;right:92px;top:48px;height:28px;border-radius:60px;background:#ffd22e}.visual-tank b,.visual-tank i{position:absolute;top:0;bottom:0;width:4px;background:var(--emerald-deep);transform:skewX(-7deg)}.visual-tank b{left:45%}.visual-tank i{left:68%}.blog-generated-visual strong{display:block;margin-top:24px;font-size:1.3rem;color:var(--emerald-deep)}.blog-generated-visual p{color:var(--gray-500)}@media(max-width:1100px){.blog-nav{display:none}.blog-grid,.blog-grid-compact{grid-template-columns:repeat(2,1fr)}.article-hero-grid{grid-template-columns:1fr}.blog-preview-head{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.blog-topbar-inner{min-height:68px}.blog-logo{width:180px}.blog-topbar .btn{display:none}.blog-hero,.article-hero{padding:96px 0 54px}.blog-list,.blog-preview,.blog-related{padding:58px 0}.blog-grid,.blog-grid-compact{grid-template-columns:1fr}.blog-card-media{height:200px}.article-hero-media{min-height:240px;border-radius:18px}.article-content{padding:52px 20px 64px}.article-gallery{grid-template-columns:1fr 1fr}.article-gallery img{height:130px}.article-section{padding:24px}.article-cta{align-items:flex-start;flex-direction:column}.article-cta .btn{width:100%}}