/* Webinhance's existing design tokens, typography, buttons and spacing. */
@font-face{font-family:'Overused Grotesk';src:url('../fonts/OverusedGrotesk-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Overused Grotesk';src:url('../fonts/OverusedGrotesk-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Overused Grotesk';src:url('../fonts/OverusedGrotesk-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--primary-color:#fff;--secondary-color:#1b1b1b;--accent-secondary-color:#282828;--bg-color:#000;--text-color:#d0d0d0;--accent-color:#cff85e;--divider-color:#ffffff1a;--default-font:'Overused Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:120px}body{margin:0;background:var(--bg-color);color:var(--text-color);font:400 18px/1.65 var(--default-font);overflow-wrap:break-word}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,h4{color:var(--primary-color);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0 0 20px}p{margin:0 0 20px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent-color);outline-offset:5px}button[hidden]{display:none!important}
.container{width:calc(100% - 48px);max-width:1300px;margin-inline:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;white-space:nowrap}.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;top:10px;left:10px;background:var(--accent-color);color:#000;padding:12px 20px;z-index:99999}
.section-sub-title{display:block;color:var(--accent-color);font-size:14px;font-weight:600;letter-spacing:.07em;margin-bottom:20px}.btn-default{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent-color);color:#000;border:1px solid var(--accent-color);border-radius:100px;padding:15px 23px;font-size:16px;font-weight:600;line-height:1.2;transition:background .2s,transform .2s;white-space:normal;text-align:center}.btn-default span{font-size:22px}.btn-default:hover{background:#e0ffa0;transform:translateY(-2px)}.text-link{color:var(--accent-color);text-decoration:underline;text-underline-offset:5px}
/* Header: the agency's brand mark, primary links and lime quote button. */
.main-header{position:relative;z-index:20;background:#000;border-bottom:1px solid var(--divider-color)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:108px}.navbar-brand{display:block;flex-shrink:0}.brand-logo{width:205px;height:70px;object-fit:contain;display:block}.primary-navigation{display:flex;align-items:center;gap:36px}.nav-menu{list-style:none;display:flex;gap:30px;align-items:center;margin:0;padding:0}.nav-menu li{position:relative}.nav-menu a{display:block;padding:15px 0;font-size:16px;color:#fff}.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--accent-color)}.nav-menu .sub-menu{list-style:none;position:absolute;left:-20px;top:100%;background:#1b1b1b;padding:16px 22px;border:1px solid var(--divider-color);border-radius:14px;min-width:240px;max-width:320px;visibility:hidden;opacity:0;transition:opacity .15s}.nav-menu .sub-menu a{padding:9px 0}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu,.nav-menu li.submenu-open>.sub-menu{visibility:visible;opacity:1}.nav-menu .sub-menu .sub-menu{left:auto;right:100%;top:0}.submenu-toggle{background:transparent;color:var(--accent-color);border:0;font-size:18px;padding:8px;line-height:1}.nav-menu .menu-item-has-children>a{display:inline-block}.nav-menu .menu-item-has-children>a::after{content:'+';margin-left:8px;color:var(--accent-color)}.js .nav-menu .menu-item-has-children>a::after{display:none}.menu-toggle{background:none;border:1px solid #ffffff40;border-radius:10px;color:#fff;padding:9px 13px;align-items:center;gap:14px}
/* Archive: one heading, understated filters, an even three-column grid. */
.blog-hero{padding:95px 0 70px;background:radial-gradient(ellipse at 80% 0,#cff85e0b,transparent 65%)}.blog-hero h1{font-size:clamp(38px,5vw,68px);max-width:880px;letter-spacing:-.035em}.hero-description{max-width:740px;font-size:19px;color:#bcbcbc}.hero-description p:last-child{margin-bottom:0}.blog-listing{padding-bottom:40px}.blog-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:42px;padding-top:26px;border-top:1px solid var(--divider-color)}.topic-filters,.topic-menu{display:flex;flex-wrap:wrap;gap:8px;align-items:center;list-style:none;padding:0;margin:0}.topic-filters a{display:inline-block;padding:8px 14px;border-radius:30px;font-size:14px;color:#c8c8c8;border:1px solid transparent;transition:color .2s,background .2s}.topic-filters a:hover{color:#fff;border-color:#ffffff25}.topic-filters a[aria-current],.topic-menu .current-menu-item a{background:var(--accent-color);color:#000}.blog-search{display:flex;align-items:center;background:#171717;border:1px solid #ffffff25;border-radius:12px;max-width:400px;width:100%;overflow:hidden}.blog-tools>.blog-search{max-width:245px;flex-shrink:0}.blog-search input{min-width:0;width:100%;padding:11px 15px;border:0;background:none;color:#fff;font-size:14px;outline-offset:-3px}.blog-search input::placeholder{color:#aaa}.blog-search button{display:grid;place-items:center;padding:12px;border:0;background:none;color:var(--accent-color)}.blog-search:focus-within{border-color:var(--accent-color)}.blog-search button:focus-visible{outline-offset:-3px}.blog-hero .blog-search{margin-top:30px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.blog-card{min-width:0;display:flex;flex-direction:column;background:#141414;border:1px solid var(--divider-color);border-radius:20px;overflow:hidden;transition:transform .25s,border-color .25s}.blog-card:hover{transform:translateY(-5px);border-color:#cff85e50}.blog-card-image{display:block;aspect-ratio:3/1.7;overflow:hidden;background:#202020}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-image-placeholder{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,#cff85e25,transparent 65%),#1b1b1b}.blog-image-placeholder>span{font-size:72px;font-weight:400;color:var(--accent-color);border:1px solid #cff85e40;border-radius:50%;width:110px;height:110px;text-align:center;line-height:1.45}.blog-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:26px}.blog-category{font-size:12px;letter-spacing:.06em;color:var(--accent-color);font-weight:600;text-transform:uppercase;margin-bottom:14px;display:inline-block}.blog-card-title{font-size:25px;line-height:1.25;margin:0 0 14px}.blog-card-title a{transition:color .2s}.blog-card-title a:hover{color:var(--accent-color)}.blog-card-excerpt{font-size:16px;line-height:1.65;color:#aaa;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:28px}.blog-card-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:18px;border-top:1px solid var(--divider-color);font-size:13px}.blog-card-bottom time{color:#aaa}.readmore-btn{display:inline-flex;align-items:center;gap:10px;color:#fff;flex-shrink:0;font-weight:600}.readmore-btn>span[aria-hidden]{color:var(--accent-color);font-size:18px}.readmore-btn:hover{color:var(--accent-color)}
.blog-pagination{margin:60px 0 25px}.blog-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin:0;list-style:none}.blog-pagination a,.blog-pagination span{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 14px;border-radius:50px;border:1px solid #ffffff25;font-size:15px}.blog-pagination .current{background:var(--accent-color);color:#000;border-color:var(--accent-color)}.blog-pagination a:hover{border-color:var(--accent-color);color:var(--accent-color)}.blog-pagination .dots{border:0}.blog-empty{border:1px solid var(--divider-color);border-radius:20px;padding:65px 30px;text-align:center}.blog-empty h2{font-size:34px}.blog-empty .blog-search{margin:25px auto 0}
/* Reusable conversion section and agency footer. */
.blog-cta{padding-top:65px;padding-bottom:85px}.blog-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid #cff85e30;background:radial-gradient(ellipse at 90% 10%,#cff85e13,transparent 70%),#191919;border-radius:24px;padding:48px}.blog-cta-inner>div{max-width:750px}.blog-cta h2{font-size:clamp(28px,3vw,40px)}.blog-cta p{font-size:17px;margin:0}.blog-cta .btn-default{flex-shrink:0}.main-footer-prime{border-radius:26px 26px 0 0;background:#1b1b1b;padding:60px 0 0;margin:0 16px}.footer-header-prime{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:45px;border-bottom:1px solid var(--divider-color)}.footer-header-prime h2{font-size:clamp(28px,3.5vw,48px);max-width:650px;margin:0}.footer-header-prime h2 a:hover{color:var(--accent-color)}.footer-columns{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:45px;padding:50px 0}.footer-columns h3{font-size:20px;margin-bottom:22px}.footer-columns p,.footer-columns a{font-size:15px}.about-footer-prime>a{display:block;margin:10px 0;color:#ddd}.footer-menu,.footer-social-links{list-style:none;padding:0;margin:0}.footer-menu li,.footer-social-links li{margin-bottom:10px}.footer-columns a:hover{color:var(--accent-color)}.footer-social-links{margin-top:18px}.footer-copyright-prime{padding:25px 0;border-top:1px solid var(--divider-color);display:flex;justify-content:space-between;gap:20px;font-size:13px}.footer-copyright-prime p{margin:0}.not-found{padding:70px 0 100px;text-align:center}.error-code{font-size:clamp(100px,20vw,230px);font-weight:600;line-height:1.2;color:var(--accent-color)}.not-found h1{font-size:48px}.error-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:30px}
@media(min-width:1400px){.container{max-width:1300px}}@media(max-width:1199px){.container{max-width:1100px}.primary-navigation{gap:22px}.nav-menu{gap:20px}.blog-card-body{padding:22px}.blog-card-title{font-size:23px}.blog-tools{flex-wrap:wrap}.footer-columns{gap:28px}.header-quote{font-size:14px;padding:13px 17px;gap:15px}.brand-logo{width:180px;height:62px}.blog-cta-inner{gap:30px;padding:35px}.blog-card-bottom{flex-wrap:wrap}}
@media(max-width:991px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{flex-wrap:wrap;padding:15px 0;gap:15px}.primary-navigation{width:100%;flex-direction:column;align-items:stretch;gap:20px;padding-bottom:20px}.nav-menu{display:block}.nav-menu a{padding:12px 0}.nav-menu .sub-menu,.nav-menu .sub-menu .sub-menu{position:static;visibility:visible;opacity:1;max-width:none;border:0;border-left:1px solid #cff85e40;margin-left:15px;border-radius:0;background:none;padding:0 20px}.js .menu-toggle{display:inline-flex}.js .primary-navigation{display:none}.js .primary-navigation.is-open{display:flex}.js .nav-menu .sub-menu{display:none}.js .nav-menu .submenu-open>.sub-menu{display:block}.primary-navigation .header-quote{align-self:flex-start}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-cta-inner{flex-direction:column;align-items:flex-start}.blog-hero{padding:65px 0 50px}.blog-card-bottom{flex-wrap:nowrap}}
@media(max-width:767px){.container{width:calc(100% - 36px)}.blog-grid{grid-template-columns:1fr;gap:28px}.blog-hero h1{font-size:42px}.hero-description{font-size:17px}.blog-tools>.blog-search{max-width:none}.blog-tools{gap:20px;margin-bottom:30px}.topic-filters a{padding:7px 11px;font-size:13px}.blog-card-title{font-size:25px}.blog-card-body{padding:24px}.blog-cta{padding:45px 0 55px}.blog-cta-inner{padding:28px 24px;gap:24px}.main-footer-prime{margin:0 8px;padding-top:40px}.footer-header-prime{flex-direction:column;align-items:flex-start;gap:25px;padding-bottom:30px}.footer-columns{gap:30px;padding:35px 0}.about-footer-prime{grid-column:1/-1}.footer-copyright-prime{flex-direction:column;gap:10px}.not-found h1{font-size:38px}.blog-pagination{margin-top:40px}.blog-empty{padding:40px 22px}.error-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.blog-card:hover,.btn-default:hover{transform:none}.blog-card:hover .blog-card-image img{transform:none}}
@media(min-width:981px) {.menu-toggle{display: none;}}