@charset "utf-8";
:root{ color-scheme: light; }
/* ==========================================================================
   web-jive.com — /arkansas-copywriting/ design system
   Built mechanically 2026-09-25 from wj-webdesign-2026.css (namespace
   .wj-wd -> .wj-gbp), the same recipe used for /arkansas-web-design/ on
   2026-09-23. Two components appended below (stats strip, pricing) that
   this page's design uses and the web-design page does not.
   COMPONENT INVENTORY — what this file provides
     hero / hero-badges / hero-cta / hero-phones .......................... MOVED to wj-hero-2026.css (shared, 2026-09-25)
     book / book-menu ...................................................... inherited from wj-webdesign-2026.css (base rename)
     why / why-grid / why-card / circle .................................. inherited from wj-webdesign-2026.css (base rename)
     ai / ai-grid / ai-col / ai-tag / ai-close ............................ inherited from wj-webdesign-2026.css (base rename)
     steps / steps-row / step ............................................. inherited from wj-webdesign-2026.css (base rename)
     faq / details ......................................................... inherited from wj-webdesign-2026.css (base rename)
     close / markets / market / form-card / book .......................... inherited from wj-webdesign-2026.css (base rename)
     proof / stat / .n / .l / .c .......................................... appended, ported from wj-home-2026.css
     plans / price-card / price-top / price-name / price-amt / price-note /
       price-list / plan-fit / plan-note / .alt ........................... appended, ported from wj-hosting-2026.css
   Removed vs. the base file: 2 web-design-report-funnel-only (.wj-wdr-widget)
   declarations that this page does not carry (see notes above the rename).
   ========================================================================== */
.wj-gbp{ margin: 0px; padding: 0px; font: 14px -apple-system, BlinkMacSystemFont, sans-serif; background: rgb(250, 249, 245); color: rgb(20, 20, 19); }
.wj-gbp img{ max-width: 100%; }
.wj-gbp [hidden]:not([hidden="until-found" i]){ display: none !important; }
@charset "utf-8";
.wj-gbp{ --orange: #EF5B00; --orange-2: #F59E0B; --charcoal: #1A1A1A; --slate: #2D3748; --ink: #2b2b2b; --muted: #5a5a5a; --line: rgba(0,0,0,.08); --cream: #faf9f7; --tint: #FFF3EA; --white: #fff; --dark: #0e0e10; --head: 'Bebas Neue',Impact,sans-serif; --body: 'DM Sans',Arial,Helvetica,sans-serif; --radius: 16px; --max: 1140px; }
.wj-gbp *{ margin: 0px; padding: 0px; box-sizing: border-box; }
.wj-gbp{ scroll-behavior: smooth; }
.wj-gbp{ font-family: var(--body); color: var(--ink); background: var(--white); line-height: 1.6; -webkit-font-smoothing: antialiased; }
.wj-gbp img{ max-width: 100%; display: block; }
.wj-gbp a{ color: inherit; text-decoration: none; }
.wj-gbp .wrap{ max-width: var(--max); margin: 0px auto; padding: 0px 24px; }
.wj-gbp h1, .wj-gbp h2, .wj-gbp h3{ font-family: var(--head); font-weight: 400; letter-spacing: 0.5px; line-height: 1; }
.wj-gbp h2{ font-size: clamp(2.2rem, 4.5vw, 3.4rem); color: var(--charcoal); }
.wj-gbp .eyebrow{ font-family: var(--head); font-size: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--orange); margin-bottom: 12px; }
.wj-gbp .sub{ font-size: 17px; color: var(--muted); max-width: 620px; line-height: 1.65; }
.wj-gbp .center{ text-align: center; }
.wj-gbp .center .sub{ margin: 0px auto; }
.wj-gbp section{ padding: 96px 0px; }
.wj-gbp .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--body); font-weight: 600; font-size: 16px; padding: 15px 30px; border-radius: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; white-space: nowrap; }
.wj-gbp .btn-primary{ background: linear-gradient(135deg,var(--orange),var(--orange-2)); color: rgb(255, 255, 255); box-shadow: rgba(239, 91, 0, 0.25) 0px 4px 22px; }
.wj-gbp .btn-primary:hover{ transform: translateY(-2px); box-shadow: rgba(239, 91, 0, 0.35) 0px 8px 30px; }
.wj-gbp .btn-ghost{ background: transparent; color: var(--orange); border: 1.5px solid var(--orange); }
.wj-gbp .btn-ghost:hover{ background: var(--tint); }
.wj-gbp .btn-light{ background: transparent; color: rgb(255, 255, 255); border: 1.5px solid rgba(255, 255, 255, 0.35); }
.wj-gbp .btn-light:hover{ border-color: rgb(255, 255, 255); }
.wj-gbp .link{ color: var(--orange); font-weight: 600; font-size: 15px; }
.wj-gbp .link:hover{ text-decoration: underline; }
.wj-gbp .ic{ width: 22px; height: 22px; stroke: currentcolor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wj-gbp .circle{ width: 84px; height: 84px; border-radius: 50%; background: radial-gradient(circle at 35% 30%,#fff 0%,var(--tint) 55%,#ffe4d1 100%); box-shadow: rgba(239, 91, 0, 0.14) 0px 8px 24px, rgba(239, 91, 0, 0.12) 0px 0px 0px 1px inset; display: flex; align-items: center; justify-content: center; color: var(--orange); margin: 0px auto 22px; }
.wj-gbp .circle .ic{ width: 34px; height: 34px; stroke-width: 1.75; }
.wj-gbp .nav{ position: sticky; top: 0px; z-index: 50; background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(12px); border-bottom: 3px solid var(--orange); }
.wj-gbp .nav .wrap{ display: flex; align-items: center; justify-content: space-between; height: 68px; gap: 20px; }
.wj-gbp .logo img{ height: 34px; width: auto; }
.wj-gbp .nav-links{ display: flex; gap: 26px; list-style: none; align-items: center; }
.wj-gbp .nav-links a{ font-size: 13px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: var(--charcoal); }
.wj-gbp .nav-links a:hover{ color: var(--orange); }
.wj-gbp .nav-right{ display: flex; align-items: center; gap: 18px; }
.wj-gbp .nav-login{ font-size: 12px; color: var(--muted); font-weight: 500; }
.wj-gbp .nav-login:hover{ color: var(--charcoal); }
.wj-gbp .nav-phone{ font-size: 14px; font-weight: 700; color: var(--orange); border: 1.5px solid var(--orange); padding: 8px 16px; border-radius: 10px; }
/* .hero rules live in /assets/css/wj-hero-2026.css (the shared site hero, linked before this file). */
.wj-gbp .nav-toggle{ display: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 6px; }
.wj-gbp .nav-toggle span{ display: block; width: 24px; height: 2px; background: var(--charcoal); margin: 5px 0px; }
.wj-gbp .devices{ background: rgb(255, 255, 255); padding: 56px 0px 0px; }
.wj-gbp .cluster-outer{ margin: 0px auto; width: 100%; max-width: 1100px; height: 420px; position: relative; }
.wj-gbp .cluster{ position: absolute; left: 50%; top: 0px; width: 1100px; height: 420px; transform-origin: center top; transform: translateX(-50%) scale(var(--s,1)); }
.wj-gbp .dv{ position: absolute; bottom: 0px; }
.wj-gbp .dv img{ width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.wj-gbp .mon{ left: 50%; transform: translateX(-50%); width: 470px; z-index: 3; }
.wj-gbp .mon .scr{ background: rgb(11, 11, 13); border: 8px solid rgb(28, 28, 32); border-radius: 10px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.22) 0px 20px 50px; }
.wj-gbp .mon .scr .img{ aspect-ratio: 16 / 9.6; overflow: hidden; background: rgb(17, 17, 17); }
.wj-gbp .mon .chin{ height: 24px; background: linear-gradient(rgb(223, 223, 227), rgb(185, 185, 191)); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(167, 167, 173) rgb(167, 167, 173); border-image: none; border-radius: 0px 0px 6px 6px; margin: 0px 2px; }
.wj-gbp .mon .neck{ width: 84px; height: 40px; margin: 0px auto; background: linear-gradient(90deg, rgb(169, 169, 175), rgb(214, 214, 218), rgb(169, 169, 175)); }
.wj-gbp .mon .foot{ width: 210px; height: 12px; margin: 0px auto; background: linear-gradient(rgb(207, 207, 212), rgb(157, 157, 163)); border-radius: 0px 0px 10px 10px; }
.wj-gbp .lap{ width: 380px; z-index: 2; bottom: 14px; }
.wj-gbp .lap.l{ left: 48px; }
.wj-gbp .lap.r{ right: 48px; }
.wj-gbp .lap .scr{ background: rgb(11, 11, 13); border-width: 7px 7px 9px; border-style: solid; border-color: rgb(28, 28, 32); border-image: none; border-radius: 12px 12px 2px 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 40px; }
.wj-gbp .lap .scr .img{ aspect-ratio: 16 / 10; overflow: hidden; background: rgb(17, 17, 17); }
.wj-gbp .lap .base{ height: 12px; background: linear-gradient(rgb(230, 230, 234), rgb(184, 184, 190)); border-radius: 0px 0px 10px 10px; margin: 0px -18px; position: relative; }
.wj-gbp .lap .base::after{ content: ""; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); width: 70px; height: 4px; background: rgb(154, 154, 160); border-radius: 0px 0px 4px 4px; }
.wj-gbp .tab{ width: 140px; z-index: 4; background: rgb(11, 11, 13); border: 6px solid rgb(28, 28, 32); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 34px; overflow: hidden; }
.wj-gbp .tab .img{ aspect-ratio: 3 / 4; overflow: hidden; background: rgb(17, 17, 17); }
.wj-gbp .tab.l{ left: 0px; }
.wj-gbp .tab.r{ right: 0px; }
.wj-gbp .cluster-shadow{ position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); width: 70%; height: 30px; background: radial-gradient(rgba(0, 0, 0, 0.14), transparent 70%); z-index: 0; }
.wj-gbp .proof{ background: var(--cream); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 48px; }
.wj-gbp .proof .wrap{ display: grid; grid-template-columns: repeat(4, 1fr); }
.wj-gbp .stat{ padding: 38px 20px; text-align: center; border-left: 1px solid var(--line); }
.wj-gbp .stat:first-child{ border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.wj-gbp .stat .n{ font-family: var(--head); font-size: 58px; line-height: 1; color: var(--orange); }
.wj-gbp .stat .l{ font-size: 14px; color: var(--muted); margin-top: 6px; line-height: 1.4; }
.wj-gbp .stat .c{ font-size: 11.5px; font-weight: 700; color: var(--charcoal); margin-top: 6px; text-transform: uppercase; letter-spacing: 0.6px; }
.wj-gbp .why{ background: rgb(255, 255, 255); }
.wj-gbp .why-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin: 56px 0px 40px; }
.wj-gbp .why-card{ background: rgb(255, 255, 255); border-radius: var(--radius); padding: 38px 28px 34px; border: 1px solid var(--line); text-align: center; transition: transform 0.15s, box-shadow 0.15s; }
.wj-gbp .why-card:hover{ transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.07) 0px 12px 36px; }
.wj-gbp .why-card .pain{ font-size: 19px; font-style: italic; font-weight: 500; color: var(--charcoal); margin-bottom: 10px; line-height: 1.35; }
.wj-gbp .why-card h3{ font-size: 25px; letter-spacing: 1px; color: var(--charcoal); margin-bottom: 10px; }
.wj-gbp .why-card p{ font-size: 14.5px; color: var(--muted); line-height: 1.6; }
.wj-gbp .ai-note{ max-width: 760px; margin: 0px auto; background: var(--cream); border: 1px solid var(--line); border-radius: 12px; padding: 18px 24px; font-size: 15px; color: var(--muted); text-align: center; }
.wj-gbp .ai-note b{ color: var(--charcoal); }
.wj-gbp .cases{ background: var(--cream); }
.wj-gbp .cases-head{ display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 40px; }
.wj-gbp .case-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.wj-gbp .case{ background: rgb(255, 255, 255); border-radius: var(--radius); padding: 34px 32px; border: 1px solid var(--line); display: flex; flex-direction: column; transition: transform 0.15s, box-shadow 0.15s; }
.wj-gbp .case:hover{ transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 36px; }
.wj-gbp .case .big{ font-family: var(--head); font-size: 54px; line-height: 0.95; color: var(--orange); margin-bottom: 4px; }
.wj-gbp .case .big small{ font-size: 22px; color: var(--charcoal); letter-spacing: 1px; margin-left: 6px; }
.wj-gbp .case .who{ font-family: var(--head); font-size: 22px; letter-spacing: 1px; color: var(--charcoal); margin-bottom: 10px; }
.wj-gbp .case p{ font-size: 15px; color: var(--muted); line-height: 1.6; flex: 1 1 0%; }
.wj-gbp .case .link{ margin-top: 18px; }
.wj-gbp .audit{ background: rgb(255, 255, 255); }
.wj-gbp .audit .wrap{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.wj-gbp .audit h2{ margin-bottom: 14px; }
.wj-gbp .audit .lead{ font-size: 18px; color: var(--ink); margin-bottom: 10px; }
.wj-gbp .audit .sub{ margin-bottom: 26px; }
.wj-gbp .fit{ background: var(--tint); border-left: 3px solid var(--orange); padding: 14px 18px; border-radius: 0px 10px 10px 0px; font-size: 15px; color: var(--ink); margin-bottom: 28px; }
.wj-gbp .fit b{ display: block; font-family: var(--head); font-size: 20px; letter-spacing: 1px; color: var(--charcoal); margin-bottom: 2px; }
.wj-gbp .form-card{ background: rgb(255, 255, 255); color: var(--charcoal); border-radius: 20px; padding: 30px 28px; box-shadow: rgba(0, 0, 0, 0.1) 0px 16px 50px; border: 1px solid var(--line); }
.wj-gbp .form-card h3{ font-size: 28px; margin-bottom: 4px; }
.wj-gbp .form-card p{ font-size: 14px; color: var(--muted); margin-bottom: 14px; line-height: 1.5; }
.wj-gbp .form-card label:not(.wj-cform__check){ display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: var(--muted); margin: 12px 0px 6px; }
/* textarea included so the shared contact widget's field matches this card's inputs.
   The design carried these exact values as an inline style on its own textarea; the
   shared widget ships a bare <textarea>, so the page must supply the look. */
.wj-gbp .form-card input:not([type="checkbox"]):not([type="radio"]), .wj-gbp .form-card textarea{ width: 100%; font-family: var(--body); font-size: 15px; padding: 12px 14px; border: 1.5px solid rgb(226, 226, 226); border-radius: 10px; background: rgb(250, 250, 250); color: var(--charcoal); resize: vertical; }
.wj-gbp .form-card input:not([type="checkbox"]):not([type="radio"]):focus, .wj-gbp .form-card textarea:focus{ outline: none; border-color: var(--orange); background: rgb(255, 255, 255); }
.wj-gbp .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wj-gbp .form-card .btn{ width: 100%; margin-top: 20px; }
.wj-gbp .form-card small{ display: block; text-align: center; font-size: 12px; color: rgb(138, 138, 138); margin-top: 12px; }
.wj-gbp .form-thanks{ display: none; text-align: center; padding: 30px 0px; }
.wj-gbp .form-thanks h3{ font-size: 34px; margin-bottom: 8px; }
.wj-gbp .form-card.sent form{ display: none; }
.wj-gbp .form-card.sent .form-thanks{ display: block; }
.wj-gbp .report-wrap{ position: relative; padding: 20px 0px; }
.wj-gbp .report{ background: rgb(255, 255, 255); border-radius: 14px; box-shadow: 0 30px 70px rgba(0,0,0,.18),0 0 0 1px var(--line); padding: 26px 26px 22px; transform: rotate(-2deg); max-width: 460px; margin: 0px auto; }
.wj-gbp .report .rh{ display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid var(--orange); padding-bottom: 12px; margin-bottom: 16px; }
.wj-gbp .report .rh b{ font-family: var(--head); font-size: 22px; letter-spacing: 1px; color: var(--charcoal); }
.wj-gbp .report .rh span{ font-size: 11px; color: var(--muted); }
.wj-gbp .report .rh .wj{ font-family: var(--head); font-size: 16px; color: var(--charcoal); }
.wj-gbp .report .rh .wj i{ color: var(--orange); font-style: normal; }
.wj-gbp .scores{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.wj-gbp .score{ background: var(--cream); border-radius: 10px; padding: 10px 8px; text-align: center; }
.wj-gbp .score b{ display: block; font-family: var(--head); font-size: 30px; line-height: 1; }
.wj-gbp .score b.bad{ color: rgb(221, 51, 51); }
.wj-gbp .score b.mid{ color: rgb(227, 155, 0); }
.wj-gbp .score b.good{ color: rgb(42, 157, 74); }
.wj-gbp .score span{ font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
.wj-gbp .bars{ margin-bottom: 14px; }
.wj-gbp .bars .bt{ font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.wj-gbp .bar{ display: grid; grid-template-columns: 150px 1fr 34px; align-items: center; gap: 8px; font-size: 11.5px; color: var(--ink); margin-bottom: 6px; }
.wj-gbp .bar .tr{ height: 8px; background: rgb(238, 238, 238); border-radius: 4px; overflow: hidden; }
.wj-gbp .bar .fl{ height: 100%; background: linear-gradient(90deg,var(--orange),var(--orange-2)); border-radius: 4px; }
.wj-gbp .bar .fl.you{ background: rgb(187, 187, 187); }
.wj-gbp .bar em{ font-style: normal; font-weight: 700; text-align: right; color: var(--muted); }
.wj-gbp .fixes{ font-size: 12px; color: var(--ink); }
.wj-gbp .fixes .bt{ font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.wj-gbp .fixes div{ display: flex; gap: 8px; align-items: flex-start; margin-bottom: 4px; }
.wj-gbp .fixes .dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--orange); margin-top: 6px; flex: 0 0 auto; }
.wj-gbp .report-tag{ position: absolute; right: 6%; top: -6px; z-index: 2; background: var(--charcoal); color: rgb(255, 255, 255); font-family: var(--head); font-size: 15px; letter-spacing: 2px; padding: 8px 14px; border-radius: 8px; transform: rotate(3deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 20px; }
.wj-gbp .report-tag i{ color: var(--orange); font-style: normal; }
.wj-gbp .report{ padding: 0px; overflow: hidden; max-width: 500px; border-radius: 12px; }
.wj-gbp .rp-head{ background: var(--charcoal); color: rgb(255, 255, 255); padding: 18px 22px 14px; display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; border-bottom: 3px solid var(--orange); }
.wj-gbp .rp-brand img{ height: 22px; width: auto; display: block; }
.wj-gbp .rp-brand small{ display: block; white-space: nowrap; font-family: var(--body); font-size: 8.5px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); margin-top: 5px; }
.wj-gbp .rp-meta{ text-align: right; }
.wj-gbp .rp-meta b{ display: block; font-family: var(--head); font-size: 15px; letter-spacing: 1px; line-height: 1.1; }
.wj-gbp .rp-meta span{ display: block; font-size: 9px; color: rgba(255, 255, 255, 0.6); margin-top: 4px; }
.wj-gbp .rp-overview{ display: flex; gap: 16px; align-items: center; padding: 16px 22px 12px; border-bottom: 1px solid var(--line); }
.wj-gbp .rp-ring{ width: 78px; height: 78px; border-radius: 50%; flex: 0 0 auto; background: conic-gradient(var(--orange) calc(var(--pct)*1%),#eee 0); display: flex; align-items: center; justify-content: center; }
.wj-gbp .rp-ring-in{ width: 60px; height: 60px; border-radius: 50%; background: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.wj-gbp .rp-ring-in b{ font-family: var(--head); font-size: 26px; line-height: 1; color: var(--charcoal); }
.wj-gbp .rp-ring-in span{ font-size: 8px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
.wj-gbp .rp-ov-text b{ display: block; font-family: var(--head); font-size: 17px; letter-spacing: 0.5px; color: var(--charcoal); margin-bottom: 3px; }
.wj-gbp .rp-ov-text p{ font-size: 10.5px; line-height: 1.45; color: var(--ink); margin: 0px; }
.wj-gbp .rp-scores{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 12px 22px; border-bottom: 1px solid var(--line); }
.wj-gbp .rp-sc-top{ display: flex; justify-content: space-between; align-items: baseline; }
.wj-gbp .rp-sc-top span{ font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--muted); }
.wj-gbp .rp-sc-top b{ font-family: var(--head); font-size: 22px; line-height: 1; }
.wj-gbp .rp-score b.bad{ color: rgb(221, 51, 51); }
.wj-gbp .rp-score b.mid{ color: rgb(227, 155, 0); }
.wj-gbp .rp-score b.good{ color: rgb(42, 157, 74); }
.wj-gbp .rp-sc-bar{ height: 5px; background: rgb(238, 238, 238); border-radius: 3px; margin: 5px 0px; overflow: hidden; }
.wj-gbp .rp-sc-bar i{ display: block; height: 100%; border-radius: 3px; }
.wj-gbp .rp-sc-bar i.bad{ background: rgb(221, 51, 51); }
.wj-gbp .rp-sc-bar i.mid{ background: rgb(227, 155, 0); }
.wj-gbp .rp-sc-bar i.good{ background: rgb(42, 157, 74); }
.wj-gbp .rp-score small{ font-size: 9.5px; color: var(--muted); line-height: 1.3; display: block; }
.wj-gbp .rp-sec{ padding: 11px 22px; border-bottom: 1px solid var(--line); }
.wj-gbp .rp-st{ font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: var(--charcoal); margin-bottom: 7px; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.wj-gbp .rp-st span{ font-weight: 500; text-transform: none; letter-spacing: 0px; color: var(--muted); font-size: 9.5px; text-align: right; }
.wj-gbp .rp-table{ width: 100%; border-collapse: collapse; font-size: 10.5px; color: var(--ink); }
.wj-gbp .rp-table th{ font-size: 8.5px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--muted); font-weight: 700; text-align: left; padding: 0px 0px 4px; border-bottom: 1px solid rgb(230, 230, 230); }
.wj-gbp .rp-table td{ padding: 4px 0px; border-bottom: 1px dashed rgb(238, 238, 238); }
.wj-gbp .rp-table tr:last-child td{ border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.wj-gbp .rp-table td.you{ color: rgb(221, 51, 51); font-weight: 700; }
.wj-gbp .rp-table th:nth-child(n+2), .wj-gbp .rp-table td:nth-child(n+2){ text-align: right; white-space: nowrap; }
.wj-gbp .rp-ai div{ display: grid; grid-template-columns: 16px 110px 1fr; gap: 8px; align-items: center; font-size: 10.5px; padding: 3px 0px; }
.wj-gbp .rp-ai b{ color: var(--charcoal); }
.wj-gbp .rp-ai em{ font-style: normal; color: var(--muted); }
.wj-gbp .rp-x, .wj-gbp .rp-ok{ width: 16px; height: 16px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; }
.wj-gbp .rp-x{ background: rgb(253, 232, 232); color: rgb(221, 51, 51); }
.wj-gbp .rp-ok{ background: rgb(228, 245, 233); color: rgb(42, 157, 74); }
.wj-gbp .rp-fix{ margin: 0px; padding-left: 18px; font-size: 10.5px; line-height: 1.4; color: var(--ink); }
.wj-gbp .rp-fix li{ margin-bottom: 4px; }
.wj-gbp .rp-fix li::marker{ color: var(--orange); font-weight: 700; }
.wj-gbp .rp-fix b{ color: var(--charcoal); }
.wj-gbp .tag{ display: inline-block; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 2px 6px; border-radius: 4px; margin-left: 4px; vertical-align: middle; }
.wj-gbp .tag.hi{ background: rgb(255, 243, 234); color: var(--orange); }
.wj-gbp .tag.md{ background: rgb(242, 242, 242); color: var(--muted); }
.wj-gbp .rp-foot{ display: flex; justify-content: space-between; gap: 10px; padding: 9px 22px; font-size: 8.5px; color: var(--muted); background: var(--cream); }
.wj-gbp .report-tag{ right: -1%; top: -34px; }
.wj-gbp .work{ background: var(--cream); }
.wj-gbp .work-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 52px 0px 40px; }
.wj-gbp .shot{ display: block; background: rgb(255, 255, 255); border-radius: 14px; overflow: hidden; border: 1px solid var(--line); transition: transform 0.15s, box-shadow 0.15s; }
.wj-gbp .shot:hover{ transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 16px 40px; }
.wj-gbp .shot .bar3{ height: 22px; background: rgb(238, 236, 233); display: flex; align-items: center; gap: 5px; padding: 0px 10px; }
.wj-gbp .shot .bar3 i{ width: 7px; height: 7px; border-radius: 50%; background: rgb(211, 207, 201); display: block; }
.wj-gbp .shot img{ width: 100%; aspect-ratio: 16 / 9.5; object-fit: cover; object-position: center top; }
.wj-gbp .shot .cap{ text-align: left; padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.wj-gbp .shot .cap b{ font-family: var(--head); font-size: 19px; letter-spacing: 1px; color: var(--charcoal); }
.wj-gbp .shot .cap span{ font-size: 12px; color: var(--muted); }
.wj-gbp .shot .cap .link{ font-size: 13px; white-space: nowrap; }
.wj-gbp .logos{ background: var(--cream); padding: 0px 0px 88px; }
.wj-gbp .logos .lbl{ text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 22px; }
.wj-gbp .logo-row{ display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 36px; align-items: center; }
.wj-gbp .logo-row span{ font-family: var(--head); font-size: 24px; letter-spacing: 1.5px; color: rgb(154, 154, 154); opacity: 0.85; }
.wj-gbp .about{ background: rgb(255, 255, 255); }
.wj-gbp .about .wrap{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.wj-gbp .about h2{ margin-bottom: 18px; }
.wj-gbp .about p{ font-size: 17px; color: var(--muted); margin-bottom: 16px; max-width: 560px; }
.wj-gbp .about .facts{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 26px 0px; }
.wj-gbp .fact{ border-left: 3px solid var(--orange); padding: 4px 0px 4px 14px; }
.wj-gbp .fact b{ display: block; font-family: var(--head); font-size: 34px; line-height: 1; color: var(--charcoal); letter-spacing: 0.5px; }
.wj-gbp .fact span{ font-size: 13px; color: var(--muted); }
.wj-gbp .offices{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 8px; }
.wj-gbp .office{ background: var(--cream); border: 1px solid var(--line); border-radius: 12px; padding: 16px 16px 14px; transition: transform 0.15s, box-shadow 0.15s; }
.wj-gbp .office:hover{ transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 24px; }
.wj-gbp .office b{ display: block; font-family: var(--head); font-size: 22px; letter-spacing: 1px; color: var(--charcoal); }
.wj-gbp .office small{ display: block; font-size: 12px; color: var(--muted); margin: 2px 0px 8px; line-height: 1.4; }
.wj-gbp .office span{ font-size: 14px; font-weight: 700; color: var(--orange); }
.wj-gbp .badges-head b{ display: block; font-family: var(--head); font-size: 26px; letter-spacing: 1px; color: var(--charcoal); }
.wj-gbp .badges-head span{ font-size: 14px; color: var(--muted); }
.wj-gbp .badge-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px; }
.wj-gbp .badge{ background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; padding: 18px 12px 14px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.wj-gbp .badge img{ height: 88px; width: auto; object-fit: contain; }
.wj-gbp .badge .t{ font-size: 12.5px; font-weight: 600; color: var(--charcoal); line-height: 1.3; }
.wj-gbp .badge .s{ font-size: 11px; color: var(--muted); }
.wj-gbp .badge.text{ justify-content: center; background: var(--tint); border-color: rgba(239, 91, 0, 0.2); }
.wj-gbp .badge.text .ab{ font-family: var(--head); font-size: 24px; letter-spacing: 1px; color: var(--charcoal); line-height: 1; }
.wj-gbp .badge.text .ab em{ display: block; font-style: normal; color: var(--orange); font-size: 14px; letter-spacing: 2px; margin-top: 6px; }
.wj-gbp .badges-foot{ margin-top: 16px; font-size: 13px; color: var(--muted); }
.wj-gbp .services{ background: var(--cream); }
.wj-gbp .services .wrap > .eyebrow, .wj-gbp .services .wrap > h2, .wj-gbp .services .wrap > .sub{ text-align: center; }
.wj-gbp .services .wrap > .sub{ margin-left: auto; margin-right: auto; }
.wj-gbp .services{ padding-bottom: 0px; }
.wj-gbp .services .group{ margin: 0px calc(50% - 50vw); padding: 80px max(24px, -570px + 50vw) 84px; position: relative; overflow: hidden; border-radius: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.wj-gbp .services .group.built{ margin-top: 48px; }
@media (max-width: 820px){.wj-gbp .services .group{ padding: 48px 20px; }}
.wj-gbp .group.built{ background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-gbp .group.found{ background: center center / cover no-repeat rgb(11, 11, 13); background-image: var(--wj-hero-img); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-gbp .group.found .group-label h3{ color: rgb(255, 255, 255); }
.wj-gbp .group.found .group-label span{ background: rgba(239, 91, 0, 0.18); color: rgb(255, 178, 122); }
.wj-gbp .group.found .svc{ background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); }
.wj-gbp .group.built .svc{ background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(2px); }
.wj-gbp .group.found .svc:hover{ background: rgba(255, 255, 255, 0.1); }
.wj-gbp .group.found .svc h4{ color: rgb(255, 255, 255); }
.wj-gbp .group.found .svc p{ color: rgba(255, 255, 255, 0.72); }
.wj-gbp .group-label{ display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 26px; position: relative; z-index: 1; }
.wj-gbp .services .svc-grid{ position: relative; z-index: 1; }
.wj-gbp .group-label h3{ font-size: 26px; letter-spacing: 1px; color: var(--charcoal); }
.wj-gbp .group-label span{ font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; background: var(--tint); color: var(--orange); padding: 5px 10px; border-radius: 6px; }
.wj-gbp .svc-grid{ display: grid; gap: 20px; }
.wj-gbp .svc-grid.four{ grid-template-columns: repeat(4, 1fr); }
.wj-gbp .svc-grid.five{ grid-template-columns: repeat(5, 1fr); gap: 14px; }
.wj-gbp .svc-grid.five .svc{ padding: 28px 18px 22px; }
.wj-gbp .svc-grid.five .svc h4{ font-size: 16px; }
.wj-gbp .svc-grid.five .svc p{ font-size: 13.5px; }
.wj-gbp .svc-grid.five .svc .link{ font-size: 13px; white-space: nowrap; }
@media (max-width: 1100px){.wj-gbp .svc-grid.five{ grid-template-columns: repeat(3, 1fr); gap: 20px; }}
.wj-gbp .ai-line{ margin-top: 8px; padding: 8px 10px; background: rgb(255, 243, 234); border-left: 3px solid var(--orange); font-size: 11.5px; line-height: 1.45; color: var(--ink); }
.wj-gbp .ai-line b{ color: var(--orange); }
.wj-gbp .svc-grid.three{ grid-template-columns: repeat(3, 1fr); }
.wj-gbp .svc{ background: rgb(255, 255, 255); border-radius: var(--radius); padding: 32px 24px 26px; border: 1px solid var(--line); display: flex; flex-direction: column; text-align: center; transition: transform 0.15s, box-shadow 0.15s; }
.wj-gbp .svc:hover{ transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.07) 0px 12px 36px; }
.wj-gbp .svc .circle{ width: 72px; height: 72px; margin-bottom: 18px; }
.wj-gbp .svc .circle .ic{ width: 30px; height: 30px; }
.wj-gbp .svc h4{ font-family: var(--body); font-size: 17px; font-weight: 700; color: var(--charcoal); margin-bottom: 8px; }
.wj-gbp .svc p{ font-size: 14px; color: var(--muted); line-height: 1.6; flex: 1 1 0%; }
.wj-gbp .svc .link{ font-size: 14px; margin-top: 14px; }
.wj-gbp .quotes{ background: rgb(255, 255, 255); }
.wj-gbp .gline{ display: inline-flex; align-items: center; gap: 10px; margin: 14px auto 0px; padding: 10px 18px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; color: var(--ink); }
.wj-gbp .gline .stars{ color: rgb(245, 166, 35); letter-spacing: 1px; font-size: 15px; }
.wj-gbp .gline b{ color: var(--charcoal); }
.wj-gbp .gline .g{ font-weight: 700; color: rgb(66, 133, 244); }
.wj-gbp .quote-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 44px; text-align: left; }
.wj-gbp .quote{ background: var(--cream); border-radius: var(--radius); padding: 32px 28px; border: 1px solid var(--line); display: flex; flex-direction: column; }
.wj-gbp .quote .mark{ font-family: var(--head); font-size: 56px; line-height: 0.6; color: var(--orange); opacity: 0.5; margin-bottom: 16px; }
.wj-gbp .quote p{ font-size: 15px; color: var(--ink); line-height: 1.65; flex: 1 1 0%; font-style: italic; }
.wj-gbp .quote .who{ margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); }
.wj-gbp .quote .who b{ display: block; font-size: 15px; color: var(--charcoal); }
.wj-gbp .quote .who span{ font-size: 13px; color: var(--muted); }
.wj-gbp .faq{ background: var(--cream); }
.wj-gbp .faq .wrap{ max-width: 860px; }
.wj-gbp .faq details{ background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; margin-top: 12px; overflow: hidden; }
.wj-gbp .faq summary{ list-style: none; cursor: pointer; padding: 20px 24px; font-weight: 600; font-size: 16px; color: var(--charcoal); display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.wj-gbp .faq summary::-webkit-details-marker{ display: none; }
.wj-gbp .faq summary::after{ content: "+"; font-size: 24px; color: var(--orange); font-weight: 400; line-height: 1; }
.wj-gbp .faq details[open] summary::after{ content: "–"; }
.wj-gbp .faq details p{ padding: 0px 24px 22px; font-size: 15px; color: var(--muted); line-height: 1.65; }
.wj-gbp .close{ background: linear-gradient(135deg, rgb(26, 10, 4) 0%, rgb(12, 15, 26) 45%, rgb(2, 6, 23) 100%); color: rgb(255, 255, 255); position: relative; overflow: hidden; }
.wj-gbp .close::before{ content: ""; position: absolute; top: -40%; right: 10%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(239, 91, 0, 0.14) 0%, transparent 70%); pointer-events: none; }
.wj-gbp .close .wrap{ position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 0.9fr; gap: 56px; align-items: center; }
.wj-gbp .close h2{ color: rgb(255, 255, 255); font-size: clamp(2.6rem, 5.5vw, 4.4rem); }
.wj-gbp .close h2 .hl{ color: var(--orange); }
.wj-gbp .close .sub{ color: rgba(255, 255, 255, 0.7); margin: 18px 0px 34px; }
.wj-gbp .close .form-card{ box-shadow: rgba(0, 0, 0, 0.35) 0px 24px 60px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-gbp .markets{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.wj-gbp .market{ background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 16px 18px; transition: background 0.15s; }
.wj-gbp .market:hover{ background: rgba(255, 255, 255, 0.1); }
.wj-gbp .market b{ display: block; font-family: var(--head); font-size: 22px; letter-spacing: 1px; color: rgb(255, 255, 255); }
.wj-gbp .market span{ font-size: 15px; font-weight: 600; color: var(--orange); }
.wj-gbp .market small{ display: block; font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 2px; }
.wj-gbp footer{ background: var(--dark); color: rgba(255, 255, 255, 0.7); padding: 64px 0px 32px; border-top: 3px solid var(--orange); }
.wj-gbp .foot-grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.wj-gbp .foot-grid h5{ font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; }
.wj-gbp .foot-grid ul{ list-style: none; }
.wj-gbp .foot-grid li{ font-size: 14px; margin-bottom: 9px; }
.wj-gbp .foot-grid li a:hover{ color: rgb(255, 255, 255); }
.wj-gbp .foot-brand .tag{ font-size: 11px; letter-spacing: 3px; color: rgba(255, 255, 255, 0.4); margin: 10px 0px 20px; }
.wj-gbp .foot-brand p{ font-size: 14px; line-height: 1.7; max-width: 320px; }
.wj-gbp .foot-bottom{ border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 24px; display: flex; justify-content: space-between; gap: 20px; font-size: 12px; color: rgba(255, 255, 255, 0.4); flex-wrap: wrap; }
.wj-gbp .mock-note{ background: rgb(254, 243, 199); color: rgb(120, 53, 15); font-size: 12px; text-align: center; padding: 8px 16px; border-bottom: 1px solid rgb(252, 211, 77); }
@media (max-width: 1000px){.wj-gbp .audit .wrap, .wj-gbp .about .wrap, .wj-gbp .close .wrap{ grid-template-columns: 1fr; gap: 44px; }
.wj-gbp .proof .wrap{ grid-template-columns: repeat(2, 1fr); }
.wj-gbp .stat:nth-child(3){ border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.wj-gbp .stat:nth-child(n+3){ border-top: 1px solid var(--line); }
.wj-gbp .why-grid, .wj-gbp .work-grid, .wj-gbp .svc-grid.four, .wj-gbp .svc-grid.three, .wj-gbp .svc-grid.five{ grid-template-columns: repeat(2, 1fr); }
.wj-gbp .quote-grid{ grid-template-columns: 1fr; }
.wj-gbp .foot-grid{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 820px){.wj-gbp .nav-links, .wj-gbp .nav-login{ display: none; }
.wj-gbp .nav-toggle{ display: block; }
.wj-gbp .nav.open .nav-links{ display: flex; position: absolute; top: 68px; left: 0px; right: 0px; background: rgb(255, 255, 255); flex-direction: column; align-items: flex-start; padding: 20px 24px; gap: 18px; border-bottom: 3px solid var(--orange); }
.wj-gbp .nav-phone{ padding: 8px 12px; font-size: 13px; }}
@media (max-width: 640px){.wj-gbp .about{ background-size: auto 45%; padding-bottom: 260px; }
.wj-gbp section{ padding: 64px 0px; }
.wj-gbp .devices{ padding-top: 32px; }
.wj-gbp .case-grid, .wj-gbp .why-grid, .wj-gbp .work-grid, .wj-gbp .svc-grid.four, .wj-gbp .svc-grid.three, .wj-gbp .svc-grid.five, .wj-gbp .markets, .wj-gbp .offices, .wj-gbp .form-row{ grid-template-columns: 1fr; }
.wj-gbp .proof .wrap{ grid-template-columns: 1fr 1fr; }
.wj-gbp .cases-head{ flex-direction: column; align-items: flex-start; }
.wj-gbp .form-card{ padding: 26px 22px; }
.wj-gbp .badge-grid{ grid-template-columns: 1fr 1fr; }
.wj-gbp .about .facts{ gap: 8px; }
.wj-gbp .fact b{ font-size: 28px; }
.wj-gbp .foot-grid{ grid-template-columns: 1fr; }
.wj-gbp .report{ transform: none; }}
.wj-gbp .why{ background: rgb(255, 255, 255); }
.wj-gbp .services{ background: var(--cream); }
.wj-gbp .cases{ background: rgb(255, 255, 255); }
.wj-gbp .audit{ background: var(--cream); }
.wj-gbp .audit .form-card{ border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-gbp .quotes{ background: rgb(255, 255, 255); }
.wj-gbp .quote{ background: rgb(255, 255, 255); border: 1px solid var(--line); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 14px; }
.wj-gbp .work{ background: var(--cream); }
.wj-gbp .logos{ background: var(--cream); }
.wj-gbp .about{ background: rgb(255, 255, 255); }
.wj-gbp .faq{ background: var(--cream); }
.wj-gbp .case{ padding: 0px; overflow: hidden; }
.wj-gbp .case-img{ border-bottom: 1px solid var(--line); }
.wj-gbp .case-img .bar3{ height: 22px; background: rgb(238, 236, 233); display: flex; align-items: center; gap: 5px; padding: 0px 10px; }
.wj-gbp .case-img .bar3 i{ width: 7px; height: 7px; border-radius: 50%; background: rgb(211, 207, 201); display: block; }
.wj-gbp .case-img img{ width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center top; }
.wj-gbp .case-body{ padding: 26px 30px 30px; display: flex; flex-direction: column; flex: 1 1 0%; }
.wj-gbp .case .big{ font-size: 48px; }
.wj-gbp .why{ background: url("/assets/img/arkansas-web-design/a04.jpg") center center / cover no-repeat rgb(244, 236, 223); }
.wj-gbp .why .why-card{ background: rgba(255, 255, 255, 0.88); backdrop-filter: blur(2px); }
.wj-gbp .cases{ background: url("/wp-content/uploads/2026/09/hp/i-f99421a9dcf0.webp") center center / cover no-repeat rgb(14, 14, 16); }
.wj-gbp .cases h2{ color: rgb(255, 255, 255); }
.wj-gbp .cases .case{ background: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.12); }
.wj-gbp .work{ background: url("/wp-content/uploads/2026/09/hp/i-ae25430072e5.webp") center center / cover no-repeat rgb(247, 241, 230); }
.wj-gbp .work .shot{ box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 24px; }
.wj-gbp .logos{ background: rgb(247, 241, 230); }
.wj-gbp footer{ background: url("/wp-content/uploads/2026/09/hp/i-1d2852383296.webp") center center / cover no-repeat rgb(10, 13, 24); }
.wj-gbp .about{ background: url("/wp-content/uploads/2026/09/hp/i-95a3dc17d2e5.webp") right -40px bottom -90px / auto 78% no-repeat rgb(246, 241, 231); padding-bottom: 220px; }
.wj-gbp .about .office, .wj-gbp .about .badge{ background: rgba(255, 255, 255, 0.85); }
.wj-gbp .about .badge.text{ background: rgba(255, 243, 234, 0.9); }
.wj-gbp .quotes{ background: url("/assets/img/arkansas-web-design/a09.jpg") center center / cover no-repeat rgb(14, 14, 16); }
.wj-gbp .quotes .quote{ background: rgba(255, 255, 255, 0.96); }
.wj-gbp .quotes h2{ color: rgb(255, 255, 255); }
.wj-gbp .quotes .gline{ color: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.06); }
.wj-gbp .quotes .gline b{ color: rgb(255, 255, 255); }
.wj-gbp .audit{ background: url("/assets/img/arkansas-web-design/a10.jpg") center center / cover no-repeat rgb(251, 239, 226); }
.wj-gbp .proof{ background: url("/wp-content/uploads/2026/09/hp/i-2aad4fb28c62.webp") center center / cover no-repeat rgb(251, 246, 238); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.wj-gbp .cases{ background: url("/wp-content/uploads/2026/09/hp/i-2aad4fb28c62.webp") center center / cover no-repeat rgb(251, 246, 238); }
.wj-gbp .cases h2{ color: var(--charcoal); }
.wj-gbp .cases .case{ background: rgba(255, 255, 255, 0.92); border-color: var(--line); }
.wj-gbp footer{ background: center center / cover no-repeat rgb(11, 11, 13); background-image: var(--wj-hero-img); }
.wj-gbp .services{ background: url("/wp-content/uploads/2026/09/hp/i-4db0c653d1ec.webp") center center / cover no-repeat rgb(246, 239, 230); padding-top: 96px; }
.wj-gbp .services .wrap > h2{ color: var(--charcoal); }
.wj-gbp .services .wrap > .sub{ color: var(--muted); }
.wj-gbp .services .group.built{ margin-top: 40px; padding-top: 24px; }
.wj-gbp .group.built .group-label h3{ color: var(--charcoal); }
.wj-gbp .group.built .group-label span{ background: var(--tint); color: var(--orange); }
.wj-gbp .group.built .svc{ background: rgba(255, 255, 255, 0.82); border-color: var(--line); backdrop-filter: blur(2px); }
.wj-gbp .group.built .svc:hover{ background: rgb(255, 255, 255); }
.wj-gbp .group.built .svc h4{ color: var(--charcoal); }
.wj-gbp .group.built .svc p{ color: var(--muted); }
.wj-gbp .group.found .group-label h3{ color: rgb(255, 255, 255); }
.wj-gbp .group.found .group-label span{ background: rgba(239, 91, 0, 0.18); color: rgb(255, 178, 122); }
.wj-gbp .group.found .svc{ background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); }
.wj-gbp .group.found .svc:hover{ background: rgba(255, 255, 255, 0.1); }
.wj-gbp .group.found .svc h4{ color: rgb(255, 255, 255); }
.wj-gbp .group.found .svc p{ color: rgba(255, 255, 255, 0.72); }
.wj-gbp{ background: rgb(250, 249, 247); }
.wj-gbp .proof, .wj-gbp .why, .wj-gbp .services, .wj-gbp .services-found, .wj-gbp .cases, .wj-gbp .audit, .wj-gbp .quotes, .wj-gbp .work, .wj-gbp .about, .wj-gbp .faq{ background: transparent !important; padding: 22px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.wj-gbp .close{ padding: 22px 0px 44px !important; background: transparent !important; }
.wj-gbp .close::before{ display: none; }
.wj-gbp .proof{ padding-top: 44px !important; }
.wj-gbp .why > .wrap, .wj-gbp .services > .wrap, .wj-gbp .services-found > .wrap, .wj-gbp .cases > .wrap, .wj-gbp .audit > .wrap, .wj-gbp .quotes > .wrap, .wj-gbp .work > .wrap, .wj-gbp .about > .wrap, .wj-gbp .faq > .wrap, .wj-gbp .proof > .wrap, .wj-gbp .close > .wrap{ max-width: 1160px; padding: 64px 44px; border-radius: 26px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 20px; }
.wj-gbp .proof > .wrap{ padding: 0px 24px; background: url("/wp-content/uploads/2026/09/hp/i-2aad4fb28c62.webp") center center / cover no-repeat rgb(251, 246, 238); }
.wj-gbp .why > .wrap{ background: url("/assets/img/arkansas-web-design/a04.jpg") center center / cover no-repeat rgb(244, 236, 223); }
.wj-gbp .services > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-4db0c653d1ec.webp") center center / cover no-repeat rgb(246, 239, 230); }
.wj-gbp .services > .wrap .group.built{ margin: 0px; padding: 24px 0px 0px; border-radius: 0px; }
.wj-gbp .services-found > .wrap{ background: center center / cover no-repeat rgb(11, 11, 13); background-image: var(--wj-hero-img); }
.wj-gbp .services-found .group.found{ margin: 0px; padding: 0px; border-radius: 0px; background: none !important; }
.wj-gbp .cases > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-2aad4fb28c62.webp") center center / cover no-repeat rgb(251, 246, 238); }
.wj-gbp .audit > .wrap{ background: url("/assets/img/arkansas-web-design/a10.jpg") center center / cover no-repeat rgb(251, 239, 226); align-items: center; }
.wj-gbp .quotes > .wrap{ background: url("/assets/img/arkansas-web-design/a09.jpg") center center / cover no-repeat rgb(14, 14, 16); }
.wj-gbp .work > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-ae25430072e5.webp") center center / cover no-repeat rgb(247, 241, 230); }
.wj-gbp .logos-inline{ margin-top: 64px; padding-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.06); }
.wj-gbp .about > .wrap{ background: rgb(20, 20, 22); padding-bottom: 240px; position: relative; }
.wj-gbp .about > .wrap::after{ content: ""; position: absolute; right: -40px; bottom: -90px; width: 62%; height: 78%; background: url("/wp-content/uploads/2026/09/hp/i-95a3dc17d2e5.webp") right bottom / auto 100% no-repeat; opacity: 0.55; mix-blend-mode: screen; mask-image: linear-gradient(to top, rgb(0, 0, 0) 55%, transparent 100%), linear-gradient(to left, rgb(0, 0, 0) 60%, transparent 100%); mask-composite: intersect; pointer-events: none; }
.wj-gbp .about > .wrap > *{ position: relative; z-index: 1; }
.wj-gbp .about h2{ color: rgb(255, 255, 255); }
.wj-gbp .about p{ color: rgba(255, 255, 255, 0.74); }
.wj-gbp .about .fact b{ color: rgb(255, 255, 255); }
.wj-gbp .about .fact span{ color: rgba(255, 255, 255, 0.6); }
.wj-gbp .about .office, .wj-gbp .about .badge{ border-color: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.07) !important; }
.wj-gbp .about .badge.text{ background: rgba(239, 91, 0, 0.14) !important; }
.wj-gbp .about .office b, .wj-gbp .about .badge .t, .wj-gbp .about .badges-head b, .wj-gbp .about .badge.text .ab{ color: rgb(255, 255, 255); }
.wj-gbp .about .office small, .wj-gbp .about .badge .s, .wj-gbp .about .badges-head span{ color: rgba(255, 255, 255, 0.6); }
.wj-gbp .about .office span, .wj-gbp .about .link{ color: rgb(255, 138, 61); }
.wj-gbp .about .badge img{ background: rgb(255, 255, 255); border-radius: 8px; padding: 6px; }
.wj-gbp .faq > .wrap{ background: url("/assets/img/arkansas-web-design/a13.jpg") right center / cover no-repeat rgb(251, 246, 238); }
.wj-gbp .faq > .wrap > *{ max-width: 860px; margin-left: auto; margin-right: auto; }
.wj-gbp .close > .wrap{ background: linear-gradient(135deg, rgb(26, 10, 4) 0%, rgb(12, 15, 26) 45%, rgb(2, 6, 23) 100%); position: relative; }
.wj-gbp .close > .wrap::before{ content: ""; position: absolute; top: -40%; right: 10%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(239, 91, 0, 0.14) 0%, transparent 70%); pointer-events: none; }
.wj-gbp .close > .wrap > *{ position: relative; z-index: 1; }
@media (max-width: 820px){.wj-gbp .why > .wrap, .wj-gbp .services > .wrap, .wj-gbp .services-found > .wrap, .wj-gbp .cases > .wrap, .wj-gbp .audit > .wrap, .wj-gbp .quotes > .wrap, .wj-gbp .work > .wrap, .wj-gbp .about > .wrap, .wj-gbp .faq > .wrap, .wj-gbp .close > .wrap{ padding: 48px 22px; border-radius: 18px; }
.wj-gbp .proof > .wrap{ padding: 0px 12px; }
.wj-gbp .proof, .wj-gbp .why, .wj-gbp .services, .wj-gbp .services-found, .wj-gbp .cases, .wj-gbp .audit, .wj-gbp .quotes, .wj-gbp .work, .wj-gbp .about, .wj-gbp .faq{ padding: 12px 0px !important; }
.wj-gbp .proof > .wrap, .wj-gbp .why > .wrap, .wj-gbp .services > .wrap, .wj-gbp .services-found > .wrap, .wj-gbp .cases > .wrap, .wj-gbp .audit > .wrap, .wj-gbp .quotes > .wrap, .wj-gbp .work > .wrap, .wj-gbp .about > .wrap, .wj-gbp .faq > .wrap, .wj-gbp .close > .wrap{ margin: 0px 12px; }}
.wj-gbp .cluster-outer{ height: 460px; }
.wj-gbp .cluster{ height: 460px; }
.wj-gbp .mon{ left: auto; right: 0px; transform: none; width: 560px; z-index: 1; }
.wj-gbp .mon .scr .img{ aspect-ratio: 16 / 9.6; }
.wj-gbp .lap{ width: 400px; left: 182px; right: auto; bottom: 10px; z-index: 2; }
.wj-gbp .tab{ width: 170px; left: 52px; right: auto; bottom: 0px; z-index: 3; border-width: 7px; border-radius: 16px; }
.wj-gbp .ph{ width: 96px; left: 0px; bottom: 0px; z-index: 4; background: rgb(11, 11, 13); border: 5px solid rgb(28, 28, 32); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 34px; overflow: hidden; position: absolute; }
.wj-gbp .ph .img{ aspect-ratio: 9 / 19.5; overflow: hidden; background: rgb(17, 17, 17); }
.wj-gbp .ph .notch{ position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 44px; height: 10px; background: rgb(28, 28, 32); border-radius: 0px 0px 8px 8px; z-index: 2; }
.wj-gbp .dv .img img{ image-rendering: auto; }
.wj-gbp .logos-inline .lbl{ text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 22px; }
.wj-gbp .logos-inline .logo-row{ display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 36px; align-items: center; }
.wj-gbp .logos-inline .logo-row span{ font-family: var(--head); font-size: 24px; letter-spacing: 1.5px; color: rgb(154, 154, 154); opacity: 0.85; }
.wj-gbp .mon .scr{ background: rgb(11, 11, 13); border: 10px solid rgb(17, 17, 20); border-radius: 16px 16px 0px 0px; box-shadow: rgba(0, 0, 0, 0.28) 0px 30px 60px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset; position: relative; }
.wj-gbp .mon .scr::before{ content: ""; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background: rgb(42, 42, 46); box-shadow: rgb(0, 0, 0) 0px 0px 2px inset; }
.wj-gbp .mon .scr::after{ content: ""; position: absolute; inset: 0px; background: linear-gradient(115deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 28%); pointer-events: none; border-radius: 6px; }
.wj-gbp .mon .scr .img{ border-radius: 6px; }
.wj-gbp .mon .chin{ height: 38px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px 0px 14px 14px; background: linear-gradient(rgb(233, 233, 236) 0%, rgb(211, 211, 216) 60%, rgb(191, 191, 197) 100%); box-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px inset, rgba(0, 0, 0, 0.15) 0px -1px 0px inset, rgba(0, 0, 0, 0.18) 0px 30px 60px; position: relative; }
.wj-gbp .mon .chin::after{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 26px; height: 26px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, rgb(246, 246, 248), rgb(201, 201, 207) 70%); box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; }
.wj-gbp .mon .neck{ width: 120px; height: 44px; margin: 0px auto; background: linear-gradient(90deg, rgb(184, 184, 190) 0%, rgb(226, 226, 230) 35%, rgb(242, 242, 244) 50%, rgb(226, 226, 230) 65%, rgb(184, 184, 190) 100%); clip-path: polygon(18% 0px, 82% 0px, 100% 100%, 0px 100%); }
.wj-gbp .mon .foot{ width: 260px; height: 10px; margin: 0px auto; border-radius: 0px 0px 12px 12px; background: linear-gradient(rgb(226, 226, 230), rgb(169, 169, 175)); box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 24px; }
.wj-gbp .lap .scr{ background: rgb(11, 11, 13); border-width: 9px 9px 12px; border-style: solid; border-color: rgb(17, 17, 20); border-image: none; border-radius: 14px 14px 0px 0px; box-shadow: rgba(0, 0, 0, 0.28) 0px 24px 50px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset; position: relative; }
.wj-gbp .lap .scr::before{ content: ""; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background: rgb(42, 42, 46); box-shadow: rgb(0, 0, 0) 0px 0px 2px inset; }
.wj-gbp .lap .scr::after{ content: ""; position: absolute; inset: 0px; background: linear-gradient(115deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0) 30%); pointer-events: none; border-radius: 5px; }
.wj-gbp .lap .scr .img{ border-radius: 5px; }
.wj-gbp .lap .base{ height: 16px; margin: 0px -26px; border-radius: 0px 0px 14px 14px; background: linear-gradient(rgb(238, 238, 241) 0%, rgb(213, 213, 218) 45%, rgb(179, 179, 185) 100%); box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset, rgba(0, 0, 0, 0.22) 0px 14px 26px; position: relative; }
.wj-gbp .lap .base::after{ content: ""; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); width: 96px; height: 5px; background: linear-gradient(rgb(154, 154, 160), rgb(196, 196, 202)); border-radius: 0px 0px 6px 6px; }
.wj-gbp .lap .base::before{ content: ""; position: absolute; left: 8%; right: 8%; bottom: 4px; height: 2px; background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.12), transparent); }
.wj-gbp .eyebrow{ font-size: clamp(22px, 2.4vw, 30px); letter-spacing: 5px; margin-bottom: 14px; }
.wj-gbp .cases-head{ flex-direction: column; align-items: center; text-align: center; gap: 22px; }
.wj-gbp .cases-head .btn{ margin-top: 4px; }
.wj-gbp .devices{ padding-bottom: 40px; }
@media (max-width: 640px){.wj-gbp .eyebrow{ font-size: 20px; letter-spacing: 4px; }}
.wj-gbp .why-card p, .wj-gbp .svc p, .wj-gbp .case p, .wj-gbp .quote p, .wj-gbp .about p, .wj-gbp .audit p, .wj-gbp .faq details p{ text-align: left; }
.wj-gbp .quote p{ font-style: normal; }
.wj-gbp .form-card select{ width: 100%; font-family: var(--body); font-size: 15px; padding: 12px 14px; border: 1.5px solid rgb(226, 226, 226); border-radius: 10px; background: linear-gradient(45deg, transparent 50%, rgb(136, 136, 136) 50%) calc(100% - 20px) 50% / 6px 6px no-repeat, linear-gradient(135deg, rgb(136, 136, 136) 50%, transparent 50%) calc(100% - 14px) 50% / 6px 6px rgb(250, 250, 250); color: var(--charcoal); appearance: none; }
.wj-gbp .form-card select:focus{ outline: none; border-color: var(--orange); background-color: rgb(255, 255, 255); }
.wj-gbp .foot-grid.five{ grid-template-columns: 1.5fr 1.2fr 1fr 1fr 0.9fr; gap: 32px; }
.wj-gbp .foot-grid .offices-list li{ margin-bottom: 16px; line-height: 1.55; }
.wj-gbp .foot-grid .offices-list b{ color: rgb(255, 255, 255); font-weight: 600; }
.wj-gbp .foot-grid .offices-list a{ color: var(--orange); font-weight: 600; }
.wj-gbp .foot-grid .areas{ columns: 2; column-gap: 18px; }
.wj-gbp .social{ display: flex; gap: 10px; margin-top: 18px; }
.wj-gbp .social a{ width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.15); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.7); }
.wj-gbp .social a:hover{ border-color: var(--orange); color: rgb(255, 255, 255); }
.wj-gbp .social .ic{ width: 16px; height: 16px; }
@media (max-width: 1000px){.wj-gbp .foot-grid.five{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 640px){.wj-gbp .foot-grid.five{ grid-template-columns: 1fr; }
}
.wj-gbp .book{ position: relative; }
.wj-gbp .book .chev{ font-size: 12px; margin-left: 2px; opacity: 0.7; }
.wj-gbp .book-menu{ display: none; position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); min-width: 240px; background: rgb(255, 255, 255); border-radius: 14px; padding: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 18px 50px; z-index: 20; text-align: left; }
.wj-gbp .book-menu::before{ content: ""; position: absolute; top: -7px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 14px; height: 14px; background: rgb(255, 255, 255); }
.wj-gbp .book.open .book-menu{ display: block; }
.wj-gbp .book-title{ font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); padding: 6px 10px 8px; }
.wj-gbp .book-menu a{ display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 11px 12px; border-radius: 9px; color: var(--charcoal); }
.wj-gbp .book-menu a:hover{ background: var(--tint); }
.wj-gbp .book-menu a b{ font-family: var(--head); font-size: 19px; letter-spacing: 1px; font-weight: 400; }
.wj-gbp .book-menu a span{ font-size: 12px; color: var(--muted); }
.wj-gbp .services > .wrap{ background: center center / cover no-repeat rgb(11, 11, 13); background-image: var(--wj-hero-img); }
.wj-gbp .services .wrap > h2{ color: rgb(255, 255, 255); }
.wj-gbp .services .wrap > .sub{ color: rgba(255, 255, 255, 0.72); }
.wj-gbp .services > .wrap .group.built{ margin: 0px; padding: 24px 0px 0px; border-radius: 0px; background: none !important; }
.wj-gbp .services > .wrap .group.found{ margin: 0px; padding: 44px 0px 0px; border-radius: 0px; background: none !important; }
.wj-gbp .group.built .group-label h3{ color: rgb(255, 255, 255); }
.wj-gbp .group.built .group-label span{ background: rgba(239, 91, 0, 0.18); color: rgb(255, 178, 122); }
.wj-gbp .group.built .svc{ background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); }
.wj-gbp .group.built .svc:hover{ background: rgba(255, 255, 255, 0.1); }
.wj-gbp .group.built .svc h4{ color: rgb(255, 255, 255); }
.wj-gbp .group.built .svc p{ color: rgba(255, 255, 255, 0.72); }
.wj-gbp .why-card p, .wj-gbp .case p, .wj-gbp .quote p, .wj-gbp .faq details p, .wj-gbp .about p, .wj-gbp .form-card p{ font-size: 15.5px; }
.wj-gbp .svc p{ font-size: 15px; }
.wj-gbp .svc-grid.five .svc p{ font-size: 14px; }
.wj-gbp .faq details p, .wj-gbp .quote p{ font-size: 16px; }
.wj-gbp .sub{ font-size: 17.5px; }
.wj-gbp .editor{ background: transparent; padding: 22px 0px; }
.wj-gbp .editor > .wrap{ max-width: 1160px; padding: 64px 44px; border-radius: 26px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 20px; background: url("/wp-content/uploads/2026/09/hp/i-4db0c653d1ec.webp") center center / cover no-repeat rgb(246, 239, 230); display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; }
.wj-gbp .editor h2{ margin-bottom: 14px; }
.wj-gbp .editor .sub{ margin-bottom: 18px; }
.wj-gbp .editor-list{ list-style: none; margin: 0px 0px 18px; padding: 0px; }
.wj-gbp .editor-list li{ position: relative; padding: 8px 0px 8px 30px; font-size: 15.5px; line-height: 1.5; color: var(--ink); }
.wj-gbp .editor-list li::before{ content: ""; position: absolute; left: 2px; top: 12px; width: 16px; height: 16px; border-radius: 50%; background: var(--tint); border: 1.5px solid var(--orange); }
.wj-gbp .editor-list li::after{ content: ""; position: absolute; left: 7.5px; top: 15px; width: 5px; height: 9px; border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 2px 2px 0px; transform: rotate(45deg); }
.wj-gbp .editor-list b{ color: var(--charcoal); }
.wj-gbp .editor-note{ font-size: 14px; color: var(--muted); border-left: 3px solid var(--orange); padding: 6px 0px 6px 14px; margin-bottom: 22px; }
.wj-gbp .editor-cta{ display: flex; gap: 12px; flex-wrap: wrap; }
.wj-gbp .editor-cta .btn .ic{ width: 16px; height: 16px; fill: currentcolor; stroke: none; margin-right: 6px; vertical-align: -2px; }
.wj-gbp .editor-frame{ position: relative; background: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; box-shadow: 0 30px 70px rgba(0,0,0,.18),0 0 0 1px var(--line); }
.wj-gbp .editor-frame .bar3{ height: 26px; }
.wj-gbp .editor-loop{ display: block; width: 100%; height: auto; }
.wj-gbp .editor-play{ position: absolute; right: 14px; bottom: 14px; background: rgba(17, 17, 17, 0.85); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; padding: 9px 16px 9px 12px; font-family: var(--body); font-size: 13px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 8px; backdrop-filter: blur(4px); }
.wj-gbp .editor-play span{ display: inline-flex; width: 22px; height: 22px; border-radius: 50%; background: var(--orange); align-items: center; justify-content: center; font-size: 10px; padding-left: 2px; }
.wj-gbp .editor-play:hover{ background: rgb(0, 0, 0); }
.wj-gbp .editor-caption{ font-size: 13px; color: var(--muted); text-align: center; margin-top: 14px; }
.wj-gbp .demo-modal{ display: none; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.86); z-index: 1000; align-items: center; justify-content: center; padding: 24px; }
.wj-gbp .demo-modal.open{ display: flex; }
.wj-gbp .demo-box{ position: relative; width: min(1100px, 100%); }
.wj-gbp .demo-box video{ width: 100%; height: auto; display: block; border-radius: 12px; background: rgb(0, 0, 0); }
.wj-gbp .demo-close{ position: absolute; top: -44px; right: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 34px; line-height: 1; cursor: pointer; }
@media (max-width: 1000px){.wj-gbp .editor > .wrap{ grid-template-columns: 1fr; gap: 36px; }}
@media (max-width: 640px){.wj-gbp .editor > .wrap{ padding: 48px 22px; border-radius: 18px; margin: 0px 12px; }}
.wj-gbp .audit-dark > .wrap{ background: center center / cover no-repeat rgb(11, 11, 13); background-image: var(--wj-hero-img); }
.wj-gbp .audit-dark h2{ color: rgb(255, 255, 255); }
.wj-gbp .audit-dark .lead{ color: rgba(255, 255, 255, 0.88); }
.wj-gbp .audit-dark .sub{ color: rgba(255, 255, 255, 0.7); }
.wj-gbp .audit-dark .fit{ background: rgba(255, 255, 255, 0.07); border-left-color: var(--orange); color: rgba(255, 255, 255, 0.85); }
.wj-gbp .audit-dark .fit b{ color: rgb(255, 178, 122); }
.wj-gbp .audit-dark .report-tag{ background: var(--orange); color: rgb(255, 255, 255); }
.wj-gbp .audit-dark .report-tag i{ color: rgb(255, 255, 255); }
.wj-gbp .cases > .wrap, .wj-gbp .work > .wrap, .wj-gbp .years > .wrap{ position: relative; }
.wj-gbp .cases > .wrap > *, .wj-gbp .work > .wrap > *, .wj-gbp .years > .wrap > *{ position: relative; z-index: 1; }
.wj-gbp .cases > .wrap::before, .wj-gbp .work > .wrap::before, .wj-gbp .years > .wrap::before, .wj-gbp .cases > .wrap::after, .wj-gbp .work > .wrap::after, .wj-gbp .years > .wrap::after{ content: ""; position: absolute; left: 0px; right: 0px; height: 70%; pointer-events: none; background-size: 100% auto; background-repeat: no-repeat; z-index: 0; }
.wj-gbp .cases > .wrap::before, .wj-gbp .work > .wrap::before, .wj-gbp .years > .wrap::before{ top: 0px; background-position: center top; mask-image: linear-gradient(rgb(0, 0, 0) 45%, transparent 100%); }
.wj-gbp .cases > .wrap::after, .wj-gbp .work > .wrap::after, .wj-gbp .years > .wrap::after{ bottom: 0px; background-position: center bottom; mask-image: linear-gradient(to top, rgb(0, 0, 0) 45%, transparent 100%); }
.wj-gbp .cases > .wrap::before, .wj-gbp .cases > .wrap::after, .wj-gbp .years > .wrap::before, .wj-gbp .years > .wrap::after{ background-image: url("/wp-content/uploads/2026/09/hp/i-2aad4fb28c62.webp"); }
.wj-gbp .work > .wrap::before, .wj-gbp .work > .wrap::after{ background-image: url("/wp-content/uploads/2026/09/hp/i-ae25430072e5.webp"); }
.wj-gbp .years > .wrap{ background: url("/assets/img/arkansas-web-design/a04.jpg") center center / cover no-repeat rgb(244, 236, 223) !important; }
.wj-gbp .years > .wrap::before, .wj-gbp .years > .wrap::after{ display: none; }
.wj-gbp .cases.cases-dark > .wrap{ background: url("/assets/img/arkansas-web-design/a14.jpg") center center / cover no-repeat rgb(11, 11, 13); }
.wj-gbp .cases.cases-dark > .wrap::before, .wj-gbp .cases.cases-dark > .wrap::after{ background-image: url("/assets/img/arkansas-web-design/a14.jpg"); }
.wj-gbp .cases.cases-dark h2{ color: rgb(255, 255, 255); }
.wj-gbp .cases.cases-dark .sub{ color: rgba(255, 255, 255, 0.72); }
.wj-gbp .cases.cases-dark .case{ background: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.12); }
@media (min-width: 1360px){.wj-gbp section.why > .wrap, .wj-gbp section.services > .wrap, .wj-gbp section.services-found > .wrap, .wj-gbp section.cases > .wrap, .wj-gbp section.audit > .wrap, .wj-gbp section.quotes > .wrap, .wj-gbp section.work > .wrap, .wj-gbp section.about > .wrap, .wj-gbp section.faq > .wrap, .wj-gbp section.close > .wrap, .wj-gbp section.editor > .wrap, .wj-gbp section.how > .wrap, .wj-gbp section.years > .wrap, .wj-gbp section.pricing > .wrap, .wj-gbp section.foundai > .wrap, .wj-gbp section.ai > .wrap{ max-width: 1320px; padding-left: 124px; padding-right: 124px; }
.wj-gbp section.proof > .wrap{ max-width: 1320px; padding-left: 104px; padding-right: 104px; }}
.wj-gbp .btn-primary{ color: rgb(17, 17, 17); font-size: 17px; font-weight: 700; }
.wj-gbp .btn-primary .ic{ color: rgb(17, 17, 17); }
.wj-gbp .svc .svc-btn{ margin-top: 18px; align-self: center; font-size: 15px; padding: 12px 20px; border-radius: 10px; white-space: nowrap; }
.wj-gbp .svc-grid.five .svc .svc-btn{ font-size: 14px; padding: 11px 16px; }
.wj-gbp .svc .svc-btn{ border-radius: 0px; padding-left: 28px; padding-right: 28px; clip-path: polygon(12px 0px, 100% 0px, calc(100% - 12px) 100%, 0px 100%); }
.wj-gbp .svc-grid.five .svc .svc-btn{ padding-left: 24px; padding-right: 24px; }
.wj-gbp .btn{ clip-path: polygon(12px 0px, 100% 0px, calc(100% - 12px) 100%, 0px 100%); padding-left: 32px; padding-right: 32px; position: relative; z-index: 0; border-radius: 0px !important; }
.wj-gbp .btn-primary:hover{ transform: none; filter: brightness(1.06); }
.wj-gbp .btn-light, .wj-gbp .btn-ghost{ border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-gbp .btn-light{ background: rgba(255, 255, 255, 0.45); color: rgb(255, 255, 255); }
.wj-gbp .btn-light::before{ content: ""; position: absolute; inset: 1.5px; background: rgb(17, 18, 20); clip-path: polygon(11px 0px, 100% 0px, calc(100% - 11px) 100%, 0px 100%); z-index: -1; }
.wj-gbp .btn-light:hover{ background: rgb(255, 255, 255); }
.wj-gbp .btn-ghost{ background: var(--orange); color: var(--orange); }
.wj-gbp .btn-ghost::before{ content: ""; position: absolute; inset: 1.5px; background: rgb(246, 239, 230); clip-path: polygon(11px 0px, 100% 0px, calc(100% - 11px) 100%, 0px 100%); z-index: -1; }
.wj-gbp .btn-ghost:hover::before{ background: var(--tint); }
.wj-gbp .svc .svc-btn{ padding-left: 28px; padding-right: 28px; }
.wj-gbp{ --radius: 10px; }
.wj-gbp section.why > .wrap, .wj-gbp section.services > .wrap, .wj-gbp section.services-found > .wrap, .wj-gbp section.cases > .wrap, .wj-gbp section.audit > .wrap, .wj-gbp section.quotes > .wrap, .wj-gbp section.work > .wrap, .wj-gbp section.about > .wrap, .wj-gbp section.faq > .wrap, .wj-gbp section.close > .wrap, .wj-gbp section.proof > .wrap, .wj-gbp section.editor > .wrap, .wj-gbp section.how > .wrap, .wj-gbp section.years > .wrap, .wj-gbp section.pricing > .wrap, .wj-gbp section.foundai > .wrap, .wj-gbp section.ai > .wrap{ border-radius: 14px; }
.wj-gbp .why-card, .wj-gbp .case, .wj-gbp .svc, .wj-gbp .shot, .wj-gbp .form-card, .wj-gbp .quote, .wj-gbp .faq details, .wj-gbp .office, .wj-gbp .badge, .wj-gbp .market, .wj-gbp .editor-frame, .wj-gbp .demo-box, .wj-gbp .ai-note, .wj-gbp .pillar, .wj-gbp .step, .wj-gbp .fa-card, .wj-gbp .ai-col, .wj-gbp .price-card, .wj-gbp .price-addons, .wj-gbp .book-menu{ border-radius: 10px; }
.wj-gbp .report{ border-radius: 8px; }
.wj-gbp section.editor > .wrap{ grid-template-columns: 1fr; gap: 40px; align-items: start; }
.wj-gbp .editor-copy{ display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.wj-gbp .editor-lead .sub{ margin-bottom: 0px; }
.wj-gbp .editor-points .editor-list{ margin-top: 6px; }
.wj-gbp .editor-points .editor-note{ margin-bottom: 0px; }
.wj-gbp .editor-media{ max-width: 920px; margin: 0px auto; width: 100%; }
.wj-gbp .editor-under{ display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 22px; }
.wj-gbp .editor-under .btn .ic{ width: 16px; height: 16px; fill: currentcolor; stroke: none; margin-right: 6px; vertical-align: -2px; }
.wj-gbp .editor-under .editor-caption{ margin-top: 0px; }
@media (max-width: 800px){.wj-gbp .editor-copy{ grid-template-columns: 1fr; gap: 20px; }}
.wj-gbp section.editor > .wrap{ background: linear-gradient(rgba(246, 239, 230, 0.78) 0px, rgba(246, 239, 230, 0.78) 26%, rgba(246, 239, 230, 0) 44%), url("/wp-content/uploads/2026/09/hp/i-4db0c653d1ec.webp") center center / cover no-repeat rgb(246, 239, 230); }
.wj-gbp .about > .wrap::after{ opacity: 0.8; }
.wj-gbp .btn-primary{ gap: 0px; transition: padding 0.25s, filter 0.2s; }
.wj-gbp .btn-primary::after{ content: "→"; display: inline-block; max-width: 0px; opacity: 0; overflow: hidden; margin-left: 0px; transform: translateX(-6px); transition: max-width 0.25s, opacity 0.2s, margin 0.25s, transform 0.25s; }
.wj-gbp .btn-primary:hover::after{ max-width: 1.4em; opacity: 1; margin-left: 10px; transform: translateX(0px); }
.wj-gbp .btn-primary:hover{ padding-right: 34px; }
.wj-gbp .form-card .btn, .wj-gbp .price-card .btn{ width: auto; align-self: flex-start; }
.wj-gbp .why-row-label{ font-family: var(--head); font-size: 22px; letter-spacing: 0.08em; color: var(--orange); margin: 44px 0px -34px; text-align: center; }
.wj-gbp .why-row-label + .why-grid{ margin-top: 52px; }
.wj-gbp .why .sub{ max-width: 760px; margin-left: auto; margin-right: auto; }
.wj-gbp .form-card .wj-cform{background:none;box-shadow:none;padding:0;border-radius:0;max-width:none;margin:0}
.wj-gbp .form-card .wj-cform-sec{padding:0}

/* ==========================================================================
   PAGE-UNIQUE BLOCKS — arkansas-web-design only, not present on the homepage
   Ported directly from design/site.css (not re-authored), .wj-gbp namespaced,
   background asset URLs swapped to this page's own /assets/img/arkansas-web-design/
   files per the build spec's Assets table. Source: design/site.css lines
   762-787 (steps/years), 817-836 (ai/platform), 882-885 (yrs.cmp), 906-916 (own-list).
   ========================================================================== */

/* ---- platform section (.ai / #platform) ---- */
.wj-gbp .ai{background:transparent;padding:22px 0}
.wj-gbp .ai > .wrap{max-width:1160px;padding:64px 44px;border-radius:26px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.06);background:#0b0b0d url(/assets/img/arkansas-web-design/s04.jpg) center/cover no-repeat}
.wj-gbp .ai h2{color:#fff}
.wj-gbp .ai .sub{color:rgba(255,255,255,.72)}
.wj-gbp .ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:48px 0 28px;text-align:left}
.wj-gbp .ai-col{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:30px 26px 28px;backdrop-filter:blur(2px)}
.wj-gbp .ai-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:rgba(239,91,0,.18);color:#ffb27a;padding:5px 10px;border-radius:6px;margin-bottom:14px}
.wj-gbp .ai-col h3{font-size:24px;letter-spacing:1px;color:#fff;margin-bottom:10px}
.wj-gbp .ai-col p{font-size:15.5px;color:rgba(255,255,255,.74);line-height:1.6}
.wj-gbp .ai-close{font-family:var(--head);font-size:clamp(22px,2.6vw,30px);letter-spacing:1px;color:#fff;margin:0 auto 40px;max-width:820px}
.wj-gbp .ai-close::before{content:'';display:block;width:56px;height:3px;background:var(--orange);margin:0 auto 18px;border-radius:2px}
@media (max-width:1000px){.wj-gbp .ai-grid{grid-template-columns:1fr}}

/* ---- "kind of site we build" comparison list (.own-list, #html) ---- */
.wj-gbp .own-list{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 26px;text-align:left;counter-reset:own}
.wj-gbp .own-list li{counter-increment:own;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:10px;padding:20px 22px 20px 70px;position:relative;font-size:15.5px;color:var(--muted);line-height:1.55}
.wj-gbp .own-list li::before{content:counter(own,decimal-leading-zero);position:absolute;left:22px;top:18px;font-family:var(--head);font-size:30px;color:var(--orange);line-height:1}
.wj-gbp .own-list b{display:block;font-family:var(--head);font-size:22px;letter-spacing:1px;font-weight:400;color:var(--charcoal);margin-bottom:4px}
.wj-gbp .own-list li:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:820px){.wj-gbp .own-list{grid-template-columns:1fr}}

/* ---- timeline steps (.steps, #years) ---- */
.wj-gbp .steps{margin-top:0;text-align:center}
.wj-gbp .steps-head h3{font-size:clamp(1.8rem,3.2vw,2.4rem);color:var(--charcoal);margin-bottom:6px}
.wj-gbp .steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.wj-gbp .step{position:relative;background:rgba(255,255,255,.86);backdrop-filter:blur(2px);border:1px solid var(--line);border-radius:var(--radius);padding:38px 28px 34px;text-align:center}
.wj-gbp .step .circle{width:84px;height:84px;margin:0 auto 18px}
.wj-gbp .step-n{position:absolute;top:18px;left:22px;font-family:var(--head);font-size:22px;letter-spacing:1px;color:var(--orange);opacity:.85}
.wj-gbp .step b{display:block;font-family:var(--head);font-size:25px;letter-spacing:1px;font-weight:400;color:var(--charcoal)}
.wj-gbp .step em{display:inline-block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);background:var(--tint);padding:5px 10px;border-radius:6px;margin:8px 0 14px}
.wj-gbp .step span{display:block;font-size:15.5px;color:var(--muted);line-height:1.6;text-align:left}
.wj-gbp .steps-row.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1180px){.wj-gbp .steps-row.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1000px){.wj-gbp .steps-row, .wj-gbp .steps-row.four{grid-template-columns:1fr}}

/* ---- ".years" section base (id="html" AND id="years" both use this class) ----
   .years > .wrap background resolves to the SAME image as .why (a04.jpg): design/
   site.css line 672 sets it with !important, which beats the later non-important
   s02.jpg rule at line 775 regardless of source order. Ported as-authored, not
   as it first appears — see build report for the cascade trace. */
.wj-gbp .years{background:transparent;padding:22px 0}
.wj-gbp .years > .wrap{max-width:1160px;padding:64px 44px;border-radius:26px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.06)}
.wj-gbp .yrs-head-block{margin-top:64px}
.wj-gbp .yrs-head-block h3{font-size:clamp(1.8rem,3.2vw,2.4rem);color:var(--charcoal);margin-bottom:10px}
@media (max-width:640px){.wj-gbp .years > .wrap{padding:48px 22px;border-radius:18px;margin:0 12px}}

/* ---- 2-column "first two years" table (.yrs, base — NOT present on the homepage
   either, so ported fresh from design/site.css lines 777-786). ⚠ the <820px
   fallback label on non-.cmp cells is hardcoded "Without SEO" in the SOURCE
   site.css (leftover from where this rule was first authored, for the SEO
   page) — ported as-authored per the no-re-author instruction; see build
   report for why this reads oddly on this page's copy ("The site you have"
   vs. "With WebJIVE"). ---- */
.wj-gbp .yrs{margin-top:32px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wj-gbp .yrs-head{display:grid;grid-template-columns:150px 1fr 1fr;background:var(--charcoal)}
.wj-gbp .yrs-col-title{padding:18px 24px;font-family:var(--head);font-size:22px;letter-spacing:1.5px;color:rgba(255,255,255,.7)}
.wj-gbp .yrs-col-title.hi{color:#fff;background:var(--orange)}
.wj-gbp .yrs-row{display:grid;grid-template-columns:150px 1fr 1fr;border-top:1px solid var(--line)}
.wj-gbp .yrs-row:first-of-type{border-top:none}
.wj-gbp .yrs-when{padding:26px 24px;font-family:var(--head);font-size:30px;letter-spacing:1px;color:var(--charcoal);background:var(--cream);display:flex;align-items:center}
.wj-gbp .yrs-cell{padding:26px 24px;font-size:17px;line-height:1.6;color:var(--muted);display:flex;align-items:center}
.wj-gbp .yrs-cell.hi{color:var(--charcoal);background:var(--tint);border-left:3px solid var(--orange);font-weight:500}
@media (max-width:820px){.wj-gbp .yrs-head{display:none}.wj-gbp .yrs-row{grid-template-columns:1fr}.wj-gbp .yrs-when{padding:16px 20px;font-size:24px}.wj-gbp .yrs-cell{padding:16px 20px;font-size:15px}.wj-gbp .yrs-cell::before{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.wj-gbp .yrs-cell:not(.hi)::before{content:'Without SEO'}.wj-gbp .yrs-cell.hi::before{content:'With WebJIVE';color:var(--orange)}}

/* ---- 4-column WebJIVE/WordPress/Wix comparison table (.yrs.cmp) ---- */
.wj-gbp .yrs.cmp .yrs-head, .wj-gbp .yrs.cmp .yrs-row{grid-template-columns:170px 1fr 1fr 1fr}
.wj-gbp .yrs.cmp .yrs-when{font-size:22px;line-height:1.1}
.wj-gbp .yrs.cmp .yrs-cell{font-size:15.5px}
@media (max-width:820px){.wj-gbp .yrs.cmp .yrs-row{grid-template-columns:1fr}.wj-gbp .yrs.cmp .yrs-cell::before{content:attr(data-l)!important}}
/* ==========================================================================
   STATS STRIP (.proof / .stat) — component the web-design page's rendered
   CONTENT does not use. Core rules below are a MECHANICAL port from
   wj-home-2026.css (.wj-hp -> .wj-gbp), verified line-for-line identical in
   effect to design/site.css lines 129-135 + 390-391 + 409 (only shorthand
   vs. longhand / rgb() vs hex notation differs — see BUILD-NOTES).
   NOTE: the base file above (wj-webdesign-2026.css, renamed .wj-wd -> .wj-gbp)
   ALREADY carries a byte-identical (mod prefix) copy of the fuller .proof
   "card" cascade (background photo on .proof .wrap, rounded corners,
   box-shadow, the transparent-override + padding overrides, the
   min-width:1360px padding bump) inherited from the same home-page source,
   entangled in multi-section compound selectors (.why, .services, .cases,
   .audit, .quotes, .work, .about, .faq). That cascade is NOT re-appended
   here a second time — see BUILD-NOTES for why. This block supplies the
   .proof/.stat rules on their own, self-contained. ========================================================================== */
.wj-gbp .proof{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px}
.wj-gbp .proof .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.wj-gbp .stat{padding:38px 20px;text-align:center;border-left:1px solid var(--line)}
.wj-gbp .stat:first-child{border-left:none}
.wj-gbp .stat .n{font-family:var(--head);font-size:58px;line-height:1;color:var(--orange)}
.wj-gbp .stat .l{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.4}
.wj-gbp .stat .c{font-size:11.5px;font-weight:700;color:var(--charcoal);margin-top:6px;text-transform:uppercase;letter-spacing:.6px}
@media (max-width:1000px){
  .wj-gbp .proof .wrap{grid-template-columns:repeat(2,1fr)}
  .wj-gbp .stat:nth-child(3){border-left:none}
  .wj-gbp .stat:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:640px){
  .wj-gbp .proof .wrap{grid-template-columns:1fr 1fr}
}
/* ==========================================================================
   PRICING (.plans / .price-card / .alt / .price-top / .price-name /
   .price-amt / .cur / .per / .price-note / .price-list / .plan-fit /
   .plan-note) — component the web-design page does not have at all (only
   2 incidental mentions of .price-card in shared compound-selector lists,
   already inherited above; no .plans anywhere in the base file).
   Ported VERBATIM from wj-hosting-2026.css's own dedicated pricing block
   (.wj-wh -> .wj-gbp), which is itself a verified line-for-line match for
   design/site.css lines 791-803 + 890-899 (see BUILD-NOTES for the one
   thing design/site.css has that this port intentionally omits:
   .price-addons, unused by this page's markup).
   ========================================================================== */
/* ---- pricing (.plans / .price-card, #plans) ---- */
.wj-gbp .price-card{background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.12);border:1px solid var(--line);padding:32px 30px 28px}
.wj-gbp .price-top{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}
.wj-gbp .price-name{font-family:var(--head);font-size:18px;letter-spacing:3px;color:var(--orange)}
.wj-gbp .price-amt{font-family:var(--head);font-size:64px;line-height:1;color:var(--charcoal);margin:6px 0 4px}
.wj-gbp .price-amt .cur{font-size:30px;vertical-align:top;margin-right:2px;position:relative;top:8px}
.wj-gbp .price-amt .per{font-family:var(--body);font-size:16px;font-weight:600;color:var(--muted);margin-left:6px}
.wj-gbp .price-note{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.wj-gbp .price-list{list-style:none;margin:0 0 18px;padding:0}
.wj-gbp .price-list li{position:relative;padding:8px 0 8px 28px;font-size:15.5px;color:var(--ink);line-height:1.45;border-bottom:1px dashed #eee}
.wj-gbp .price-list li::before{content:'';position:absolute;left:2px;top:12px;width:14px;height:14px;border-radius:50%;background:var(--tint);border:1.5px solid var(--orange)}
.wj-gbp .price-list li::after{content:'';position:absolute;left:6.5px;top:15px;width:5px;height:8px;border:solid var(--orange);border-width:0 2px 2px 0;transform:rotate(45deg)}
.wj-gbp .price-card .btn{width:100%}
@media (max-width:640px){.wj-gbp .price-amt{font-size:52px}}
.wj-gbp .plans{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px;text-align:left}
.wj-gbp .plans .price-card.alt{background:var(--charcoal);border-color:var(--charcoal)}
.wj-gbp .plans .price-card.alt .price-amt,.wj-gbp .plans .price-card.alt .price-list li{color:#fff}
.wj-gbp .plans .price-card.alt .price-note{color:rgba(255,255,255,.6)}
.wj-gbp .plans .price-card.alt .price-list li{border-bottom-color:rgba(255,255,255,.1)}
.wj-gbp .plans .price-card.alt .price-top{border-bottom-color:rgba(255,255,255,.12)}
.wj-gbp .plan-fit{font-size:14.5px;color:var(--muted);margin:-6px 0 16px;line-height:1.5}
.wj-gbp .plans .price-card.alt .plan-fit{color:rgba(255,255,255,.7)}
.wj-gbp .plan-note{font-size:13.5px;color:var(--muted);margin-top:22px;text-align:center;line-height:1.5}
@media (max-width:1000px){.wj-gbp .plans{grid-template-columns:1fr}}

/* ==========================================================================
   GBP-only additions — single-market / single-plan variants.
   /google-business-profile/ has ONE plan and ONE office (unlike the 2/3-up
   layouts this sheet inherited from wj-copywriting-2026.css), so the base
   .plans / .markets grids need a 1-column variant. New selectors only;
   nothing above this line was touched beyond the wj-cw -> wj-gbp rename.
   Both reuse the sheet's existing variables/components — no inline
   grid-template-columns anywhere in the page (contract: house-style.md
   "NEVER put grid-template-columns INLINE").
   ========================================================================== */
.wj-gbp .plans.single{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}
.wj-gbp .markets.single{grid-template-columns:1fr;max-width:220px}

/* GBP: the 4 monthly cards sit 2x2 on desktop, not 3 + 1 (below 1001px the base 2-col / 1-col rules apply) */
@media (min-width:1001px){.wj-gbp #management .why-grid{grid-template-columns:repeat(2,1fr);max-width:880px;margin-left:auto;margin-right:auto}}