.hero.is-compact+.section{padding-top:4rem}.blog-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}@media(max-width:1080px){.blog-wrap{grid-template-columns:1fr;gap:48px}}.blog-main{min-width:0}.featured-head{display:flex;align-items:baseline;gap:12px;margin-bottom:1.5rem}.featured-head .side-eyebrow{margin:0}.featured-head h2{margin:0;font-size:1.4rem;letter-spacing:-.01em}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:3rem}@media(max-width:680px){.featured-grid{grid-template-columns:1fr;gap:22px}}.featured-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;padding:1.5rem;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px #00000052;transition:transform .25s cubic-bezier(.2,.6,.2,1),box-shadow .25s ease}.featured-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px #0006,0 0 0 1px #99cc3352}.featured-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.featured-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a0e2626,#0a0e268c,#0a0e26eb)}.featured-card .blog-tag{margin-bottom:12px}.featured-card h3{margin:0 0 8px;font-size:1.35rem;font-weight:500;color:#fff;letter-spacing:-.01em;line-height:1.25}.featured-card:hover h3{color:var(--primary, #99cc33)}.featured-card .blog-meta{color:#ffffffb3}.blog-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px dashed rgba(255,255,255,.08)}.blog-count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase}.blog-count .accent{color:var(--primary, #99cc33);font-weight:600}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}@media(max-width:680px){.blog-grid{grid-template-columns:1fr;gap:22px}}.blog-card{display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit;transition:transform .25s cubic-bezier(.2,.6,.2,1)}.blog-card:hover{transform:translateY(-3px)}.blog-card .blog-cover{aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #00000047;background:#0d12358c;transition:box-shadow .25s ease,border-color .25s ease}.blog-card:hover .blog-cover{box-shadow:0 18px 40px #0000005c,0 0 0 1px #99cc3352}.blog-card .blog-cover img{width:100%;height:100%;object-fit:cover;display:block}.blog-card .blog-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0e2600 60%,#0a0e2680)}.blog-tag{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#99cc3324;color:var(--primary, #99cc33);border:1px solid rgba(153,204,51,.28)}.blog-tag[data-cat]{border:1px solid transparent;background:linear-gradient(#0d1235d9,#0d1235d9) padding-box,var(--grad-primary) border-box}.blog-tag[data-cat=web-design]{color:#b89bf2;background:linear-gradient(#0d1235d9,#0d1235d9) padding-box,var(--grad-purple) border-box}.blog-tag[data-cat=web-development]{color:#b6e06a;background:linear-gradient(#0d1235d9,#0d1235d9) padding-box,var(--grad-green) border-box}.blog-tag[data-cat=digital-marketing]{color:#7fdede;background:linear-gradient(#0d1235d9,#0d1235d9) padding-box,var(--grad-cyan) border-box}.blog-card h3{margin:0;font-size:1.25rem;font-weight:500;color:#fff;letter-spacing:-.01em;text-transform:none;line-height:1.3}.blog-card:hover h3{color:var(--primary, #99cc33)}.blog-card .blog-excerpt{margin:0;font-size:14px;line-height:1.55;color:#ffffff9e;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{display:flex;align-items:center;gap:10px;margin-top:2px;font-size:12px;color:#ffffff80}.blog-meta .blog-author{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.blog-author.av1{background:linear-gradient(135deg,#7b3fe4,#c13b8a)}.blog-author.av2{background:linear-gradient(135deg,#2a7b4f,#9c3)}.blog-author.av3{background:linear-gradient(135deg,#2d7db8,#3cc)}.blog-author.av4{background:linear-gradient(135deg,#d14f8c,#f0a050)}.blog-meta .blog-author-name{color:#ffffffc7;font-weight:500}.blog-meta .sep{color:#ffffff40}.blog-empty{grid-column:1 / -1;padding:3rem 1.5rem;text-align:center;color:#fff9;border:1px dashed rgba(255,255,255,.12);border-radius:14px}.blog-sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:100px}@media(max-width:1080px){.blog-sidebar{position:static}}.side-card{padding:1.5rem;background:#0d12358c;border:1px solid rgba(255,255,255,.08);border-radius:16px;backdrop-filter:blur(8px)}.side-card h3{margin:0 0 14px;font-size:1rem;font-weight:600;color:#fff;letter-spacing:.04em;text-transform:uppercase}.side-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--primary, #99cc33);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:8px}.sub-card{position:relative;padding:1.75rem 1.5rem;background:linear-gradient(160deg,#14261eb3,#0b1c168c) padding-box,linear-gradient(160deg,#99cc33,rgba(51,204,204,.5) 60%,transparent) border-box;border:1px solid transparent;border-radius:16px;overflow:hidden}.sub-card:before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(153,204,51,.25) 0%,transparent 70%);pointer-events:none}.sub-card h3{font-size:1.125rem;text-transform:none;letter-spacing:-.01em;margin-bottom:8px}.sub-card p{margin:0 0 16px;font-size:13px;line-height:1.5;color:#ffffffb3;max-width:none}.sub-form{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.sub-form input{appearance:none;background:#0a0e2699;border:1px solid rgba(255,255,255,.12);color:#fff;font:inherit;font-size:14px;padding:11px 14px;border-radius:10px;width:100%;transition:border-color .2s ease,background .2s ease}.sub-form input::placeholder{color:#fff6}.sub-form input:focus{outline:none;border-color:var(--primary, #99cc33);background:#0a0e26cc}.sub-form .btn{width:100%;justify-content:center}.sub-note{margin-top:12px;font-size:11.5px;color:#ffffff80;line-height:1.5}.cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cat-list .cat-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;color:#ffffffc7;font-size:14px}.cat-list .count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#ffffff73;background:#ffffff0d;padding:2px 7px;border-radius:999px}.feat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.feat-item{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start;text-decoration:none;color:inherit;transition:opacity .2s ease}.feat-item:hover{opacity:.92}.feat-item .feat-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;position:relative;background:#ffffff0f}.feat-item .feat-thumb img{width:100%;height:100%;object-fit:cover;display:block}.feat-item .feat-body{min-width:0;display:flex;flex-direction:column;gap:4px}.feat-item .feat-title{font-size:13px;color:#fff;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feat-item:hover .feat-title{color:var(--primary, #99cc33)}.feat-item .feat-date{font-size:11px;color:#ffffff73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.blog-card[hidden],.blog-featured[hidden]{display:none!important}.blog-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:2rem}.blog-filters-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-right:2px}.blog-filter-chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 15px;border-radius:999px;font:inherit;font-size:13.5px;font-weight:500;color:#fffc;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}.blog-filter-chip:hover{color:#fff;border-color:#99cc3373;background:#99cc3314}.blog-filter-chip .chip-count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;opacity:.6}.blog-filter-chip[aria-pressed=true]{color:var(--secondary, #0a0e26);background:var(--primary, #99cc33);border-color:var(--primary, #99cc33);font-weight:600}.blog-filter-chip[aria-pressed=true] .chip-count{opacity:.7}.blog-filter-chip:focus-visible{outline:2px solid var(--primary, #99cc33);outline-offset:2px}.cat-list .cat-row{width:100%;min-height:44px;border:0;background:none;font:inherit;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.cat-list .cat-row:hover{background:#ffffff0d;color:#fff}.cat-list .cat-row[aria-pressed=true]{background:#99cc331f;color:#fff}.cat-list .cat-row[aria-pressed=true] .count{background:#9c33;color:var(--primary, #99cc33)}.cat-list .cat-row:focus-visible{outline:2px solid var(--primary, #99cc33);outline-offset:-2px}.blog-loadmore{display:flex;justify-content:center;margin-top:2.75rem}.blog-loadmore[hidden]{display:none}