@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap’);
body .entry-header, body .page-title { display: none !important; }
body, body .ct-container, body article, body .site-main, body .entry-content { background: #faf8f4 !important; }
.zlwh-wrap { max-width: 1180px; margin: 20px auto; padding: 0 16px; font-family: ‘Inter’, sans-serif; color: #141414; }
.zlwh-panel { background: #fff; border: 1px solid #eee8df; border-radius: 28px; padding: 58px 44px; margin: 20px 0; }
.zlwh-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: 38px; align-items: center; background: #f4f0f8; }
.zlwh-badge { display: inline-block; background: #e0f5e5; color: #00701e; border-radius: 999px; padding: 7px 15px; font-size: 11px; font-weight: 800; letter-spacing: .9px; margin: 0 0 16px; }
.zlwh-hero h1 { font-size: 46px; line-height: 1.08; letter-spacing: -1.8px; margin: 0 0 16px; }
.zlwh-acc { color: #5b2d82; font-family: Georgia, serif; font-style: italic; }
.zlwh-sub { color: #58525f; font-size: 17px; line-height: 1.65; margin: 0 0 26px; max-width: 580px; }
.zlwh-btn { display: inline-flex; padding: 14px 27px; border-radius: 999px; background: #00a82d; color: #fff !important; text-decoration: none !important; font-weight: 800; }
.zlwh-browser { position: relative; background: #fff; border: 1px solid #ded5e5; border-radius: 20px; box-shadow: 0 20px 50px rgba(36,20,55,.12); padding: 48px 24px 24px; min-height: 320px; animation: zlwhFloat 5s ease-in-out infinite; }
.zlwh-browser::before { content: “”; position: absolute; left: 0; right: 0; top: 0; height: 34px; border-radius: 20px 20px 0 0; background: #241437; }
.zlwh-dots { position: absolute; top: 13px; left: 16px; display: flex; gap: 6px; }
.zlwh-dots i { width: 8px; height: 8px; border-radius: 50%; background: #e54e40; }.zlwh-dots i:nth-child(2){background:#f4c360}.zlwh-dots i:nth-child(3){background:#4dc869}
.zlwh-mock-title { height: 18px; width: 72%; border-radius: 9px; background: #5b2d82; margin: 12px 0; }
.zlwh-mock-line { height: 9px; border-radius: 5px; background: #e9e1ed; margin: 10px 0; }.zlwh-mock-line.short{width:68%}
.zlwh-mock-cta { width: 120px; height: 34px; border-radius: 20px; background: #00a82d; margin-top: 22px; }
.zlwh-mock-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:30px }.zlwh-mock-cards i{height:70px;border-radius:10px;background:#fff1cc}.zlwh-mock-cards i:nth-child(2){background:#e0f5e5}.zlwh-mock-cards i:nth-child(3){background:#e8f4fb}
@keyframes zlwhFloat { 50% { transform: translateY(-8px); } }
.zlwh-center { text-align: center; }.zlwh-center h2 { font-size: 36px; letter-spacing: -1.1px; margin: 0 0 12px; }.zlwh-center > p { max-width: 680px; margin: 0 auto 28px; color: #666; line-height: 1.65; }
.zlwh-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.zlwh-card { text-align:left; background:#faf8f4; border:1px solid #eee8df; border-radius:18px; padding:28px; }.zlwh-card strong { display:flex; width:42px;height:42px;border-radius:13px;align-items:center;justify-content:center;background:#e0f5e5;color:#00701e;margin-bottom:16px }.zlwh-card h3{font-size:19px;margin:0 0 8px}.zlwh-card p{font-size:14.5px;color:#666;line-height:1.6;margin:0}
.zlwh-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe9e2;border:1px solid #dfe9e2;border-radius:18px;overflow:hidden }.zlwh-step{background:#f2fbf4;padding:24px;text-align:left}.zlwh-step span{color:#00a82d;font-size:12px;font-weight:800}.zlwh-step h3{margin:8px 0}.zlwh-step p{margin:0;color:#66706a;font-size:14px;line-height:1.5}
.zlwh-blog { background:#fff; }.zlwh-filtered-posts .stk-block-posts__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left}.zlwh-filtered-posts article{background:#faf8f4;border-radius:16px;overflow:hidden;padding-bottom:18px}.zlwh-filtered-posts .stk-block-posts__title,.zlwh-filtered-posts .stk-block-posts__excerpt{padding:0 18px}
.zlwh-cta { text-align:center;background:#241437;color:#fff }.zlwh-cta h2{font-size:38px;margin:0 0 10px}.zlwh-cta p{color:#ddd2e7;margin:0 0 24px}
@media(max-width:781px){.zlwh-panel{padding:38px 20px}.zlwh-hero{grid-template-columns:1fr}.zlwh-hero h1{font-size:36px}.zlwh-browser{min-height:260px}.zlwh-cards,.zlwh-steps{grid-template-columns:1fr}.zlwh-filtered-posts .stk-block-posts__items{grid-template-columns:1fr}.zlwh-center h2{font-size:29px}}
/* ===== v2 regression repair: stable category-specific blog cards ===== */
.zlwh-blogcards { display: grid; grid-template-columns: repeat(2,minmax(0,380px)); gap: 18px; justify-content: center; margin-top: 8px; }
.zlwh-blogcard { display: block; overflow: hidden; border: 1px solid #eee8df; border-radius: 18px; background: #faf8f4; color: #141414 !important; text-align: left; text-decoration: none !important; box-shadow: 0 8px 24px rgba(20,20,20,.06); transition: transform .18s ease, box-shadow .18s ease; }
.zlwh-blogcard:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(20,20,20,.10); }
.zlwh-blogcard img { display: block; width: 100%; height: 190px; object-fit: cover; }
.zlwh-blogcard > div { padding: 20px; }
.zlwh-blogcard h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.35; }
.zlwh-blogcard p { margin: 0; color: #666; font-size: 14px; line-height: 1.6; }
.zlwh-blog-more { display: inline-flex; margin-top: 24px; color: #5b2d82 !important; font-weight: 800; text-underline-offset: 4px; }
@media (max-width: 781px) { .zlwh-blogcards { grid-template-columns: 1fr; } }
CREATE WEBSITES
Create WordPress websites that turn visitors into customers
We create websites that explain your value quickly, look trustworthy, and make the next step obvious on every screen. Whether you want to create a website or make a website from scratch, we keep the process clear and focused.
Discuss your websiteWHAT YOU GET
A clear website, built around one business goal
We combine message, layout, speed, and WordPress development so your website feels simple to visitors and useful to your sales team.
01Clear structure
A strong first screen, easy-to-scan sections, and a natural path from interest to action.
02Conversion-focused copy
Headlines and calls to action that explain what you do without making visitors work for it.
03Fast on mobile
Responsive WordPress layouts, compressed WebP images, and careful performance choices.
PROCESS
From rough idea to published page
You see the direction early and keep control throughout the project.
STEP 1Plan
We clarify the audience, offer, proof, and main action.
STEP 2Design & build
We create the copy and responsive WordPress layout together.
STEP 3Review & launch
You review the page, we refine it, test it, and publish it.
Ready to create a stronger website?
Tell us what you need your website to achieve.
Chat on WhatsApp
WORDPRESS HOMEPAGE BLOG
Better home pages, explained simply
Only articles about homepage design, conversion, speed, and useful WordPress experiences.
Browse WordPress homepage articles →
.zlwh-blogcards { grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:1100px; margin-left:auto; margin-right:auto; }
@media(max-width:781px){.zlwh-blogcards{grid-template-columns:1fr!important}}
