.webeko-post{--we-blue:#0072CE;--we-dark:#1F2A37;color:var(--we-dark);
background:linear-gradient(180deg,#F9FBFF 0%,#F3F7FF 100%);
padding:clamp(2rem,4vw,4rem) 1rem;font-family:"Montserrat",Arial,sans-serif;text-align:center;}
.webeko-post .wrap{max-width:900px;margin:0 auto;background:#fff;border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.06);padding:clamp(1.25rem,3.5vw,2.75rem);}
.webeko-post .brand img{max-width:180px;margin:0 auto 1rem;display:block;}
.webeko-post h1{font-size:clamp(1.6rem,4.5vw,2.6rem);color:var(--we-blue);margin-bottom:1rem;}
.webeko-post .lead,.webeko-post .lead2{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6;margin-bottom:1.25rem;}
.webeko-post .illustration img{width:100%;max-width:480px;border-radius:12px;margin:1.5rem auto;box-shadow:0 4px 14px rgba(0,0,0,.08);}
.webeko-post .cta .btn{display:inline-block;background:var(--we-blue);color:#fff;
padding:.9rem 1.4rem;border-radius:999px;font-weight:600;text-decoration:none;
box-shadow:0 6px 18px rgba(0,114,206,.25);transition:transform .12s ease,box-shadow .12s ease;}
.webeko-post .cta .btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,114,206,.32);}
.webeko-post .note{margin-top:.8rem;font-size:.95rem;color:#4B5563;}
@media (prefers-color-scheme:dark){.webeko-post{background:linear-gradient(180deg,#0E1520 0%,#0B1220 100%);}
.webeko-post .wrap{background:#0F1A26;color:#E5E7EB;}.webeko-post .note{color:#B7C1CC;}}