@charset "utf-8";
:root{ color-scheme: light; }
.wj-hp{ margin: 0px; padding: 0px; font: 14px -apple-system, BlinkMacSystemFont, sans-serif; background: rgb(250, 249, 245); color: rgb(20, 20, 19); }
.wj-hp img{ max-width: 100%; }
.wj-hp [hidden]:not([hidden="until-found" i]){ display: none !important; }
@charset "utf-8";
.wj-hp{ --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-hp *{ margin: 0px; padding: 0px; box-sizing: border-box; }
.wj-hp{ scroll-behavior: smooth; }
.wj-hp{ font-family: var(--body); color: var(--ink); background: var(--white); line-height: 1.6; -webkit-font-smoothing: antialiased; }
.wj-hp img{ max-width: 100%; display: block; }
.wj-hp a{ color: inherit; text-decoration: none; }
.wj-hp .wrap{ max-width: var(--max); margin: 0px auto; padding: 0px 24px; }
.wj-hp h1, .wj-hp h2, .wj-hp h3{ font-family: var(--head); font-weight: 400; letter-spacing: 0.5px; line-height: 1; }
.wj-hp h2{ font-size: clamp(2.2rem, 4.5vw, 3.4rem); color: var(--charcoal); }
.wj-hp .eyebrow{ font-family: var(--head); font-size: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--orange); margin-bottom: 12px; }
.wj-hp .sub{ font-size: 17px; color: var(--muted); max-width: 620px; line-height: 1.65; }
.wj-hp .center{ text-align: center; }
.wj-hp .center .sub{ margin: 0px auto; }
.wj-hp section{ padding: 96px 0px; }
.wj-hp .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-hp .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-hp .btn-primary:hover{ transform: translateY(-2px); box-shadow: rgba(239, 91, 0, 0.35) 0px 8px 30px; }
.wj-hp .btn-ghost{ background: transparent; color: var(--orange); border: 1.5px solid var(--orange); }
.wj-hp .btn-ghost:hover{ background: var(--tint); }
.wj-hp .btn-light{ background: transparent; color: rgb(255, 255, 255); border: 1.5px solid rgba(255, 255, 255, 0.35); }
.wj-hp .btn-light:hover{ border-color: rgb(255, 255, 255); }
.wj-hp .link{ color: var(--orange); font-weight: 600; font-size: 15px; }
.wj-hp .link:hover{ text-decoration: underline; }
.wj-hp .ic{ width: 22px; height: 22px; stroke: currentcolor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wj-hp .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-hp .circle .ic{ width: 34px; height: 34px; stroke-width: 1.75; }
.wj-hp .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-hp .nav .wrap{ display: flex; align-items: center; justify-content: space-between; height: 68px; gap: 20px; }
.wj-hp .logo img{ height: 34px; width: auto; }
.wj-hp .nav-links{ display: flex; gap: 26px; list-style: none; align-items: center; }
.wj-hp .nav-links a{ font-size: 13px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: var(--charcoal); }
.wj-hp .nav-links a:hover{ color: var(--orange); }
.wj-hp .nav-right{ display: flex; align-items: center; gap: 18px; }
.wj-hp .nav-login{ font-size: 12px; color: var(--muted); font-weight: 500; }
.wj-hp .nav-login:hover{ color: var(--charcoal); }
.wj-hp .nav-phone{ font-size: 14px; font-weight: 700; color: var(--orange); border: 1.5px solid var(--orange); padding: 8px 16px; border-radius: 10px; }
.wj-hp .nav-toggle{ display: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 6px; }
.wj-hp .nav-toggle span{ display: block; width: 24px; height: 2px; background: var(--charcoal); margin: 5px 0px; }
.wj-hp .hero{ position: relative; background: url("/wp-content/uploads/2026/09/hp/i-2438c6503aa4.webp") center center / cover no-repeat rgb(11, 11, 13); color: rgb(255, 255, 255); padding: 80px 0px 0px; overflow: hidden; text-align: center; }
.wj-hp .hero::before{ content: ""; position: absolute; inset: 0px; background: radial-gradient(at 50% 45%, rgba(11, 11, 13, 0.55) 0%, rgba(11, 11, 13, 0.15) 45%, transparent 70%); pointer-events: none; }
.wj-hp .hero .wrap{ position: relative; z-index: 2; }
.wj-hp .hero-badge{ display: inline-block; font-family: var(--head); font-size: 14px; letter-spacing: 3px; color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.15); padding: 6px 14px; border-radius: 999px; margin-bottom: 26px; }
.wj-hp .hero h1{ font-family: 'Bebas Neue', Impact, sans-serif; font-weight: 400; text-transform: uppercase; font-size: clamp(4rem, 9.6vw, 8.6rem); line-height: 0.92; letter-spacing: 2px; margin: 0px auto 26px; max-width: 1100px; color: rgb(255, 255, 255); }
.wj-hp .hero h1 .hl{ color: var(--orange); }
.wj-hp .hero-sub{ font-size: 22px; line-height: 1.5; color: rgba(255, 255, 255, 0.72); max-width: 860px; margin: 0px auto 22px; text-align: left; }
.wj-hp .hero-trust{ font-family: var(--head); font-size: 15px; letter-spacing: 3px; color: rgba(255, 255, 255, 0.5); margin-bottom: 34px; }
.wj-hp .hero-trust span{ color: var(--orange); margin: 0px 10px; }
.wj-hp .hero-cta{ display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 0px; padding-bottom: 64px; }
.wj-hp .hero-cta .btn-light .ic{ color: var(--orange); }
.wj-hp .devices{ background: rgb(255, 255, 255); padding: 56px 0px 0px; }
.wj-hp .cluster-outer{ margin: 0px auto; width: 100%; max-width: 1100px; height: 420px; position: relative; }
.wj-hp .cluster{ position: absolute; left: 50%; top: 0px; width: 1100px; height: 420px; transform-origin: center top; transform: translateX(-50%) scale(var(--s,1)); }
.wj-hp .dv{ position: absolute; bottom: 0px; }
.wj-hp .dv img{ width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.wj-hp .mon{ left: 50%; transform: translateX(-50%); width: 470px; z-index: 3; }
.wj-hp .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-hp .mon .scr .img{ aspect-ratio: 16 / 9.6; overflow: hidden; background: rgb(17, 17, 17); }
.wj-hp .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-hp .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-hp .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-hp .lap{ width: 380px; z-index: 2; bottom: 14px; }
.wj-hp .lap.l{ left: 48px; }
.wj-hp .lap.r{ right: 48px; }
.wj-hp .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-hp .lap .scr .img{ aspect-ratio: 16 / 10; overflow: hidden; background: rgb(17, 17, 17); }
.wj-hp .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-hp .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-hp .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-hp .tab .img{ aspect-ratio: 3 / 4; overflow: hidden; background: rgb(17, 17, 17); }
.wj-hp .tab.l{ left: 0px; }
.wj-hp .tab.r{ right: 0px; }
.wj-hp .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-hp .proof{ background: var(--cream); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 48px; }
.wj-hp .proof .wrap{ display: grid; grid-template-columns: repeat(4, 1fr); }
.wj-hp .stat{ padding: 38px 20px; text-align: center; border-left: 1px solid var(--line); }
.wj-hp .stat:first-child{ border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.wj-hp .stat .n{ font-family: var(--head); font-size: 58px; line-height: 1; color: var(--orange); }
.wj-hp .stat .l{ font-size: 14px; color: var(--muted); margin-top: 6px; line-height: 1.4; }
.wj-hp .stat .c{ font-size: 11.5px; font-weight: 700; color: var(--charcoal); margin-top: 6px; text-transform: uppercase; letter-spacing: 0.6px; }
.wj-hp .why{ background: rgb(255, 255, 255); }
.wj-hp .why-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin: 56px 0px 40px; }
.wj-hp .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-hp .why-card:hover{ transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.07) 0px 12px 36px; }
.wj-hp .why-card .pain{ font-size: 19px; font-style: italic; font-weight: 500; color: var(--charcoal); margin-bottom: 10px; line-height: 1.35; }
.wj-hp .why-card h3{ font-size: 25px; letter-spacing: 1px; color: var(--charcoal); margin-bottom: 10px; }
.wj-hp .why-card p{ font-size: 14.5px; color: var(--muted); line-height: 1.6; }
.wj-hp .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-hp .ai-note b{ color: var(--charcoal); }
.wj-hp .cases{ background: var(--cream); }
.wj-hp .cases-head{ display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 40px; }
.wj-hp .case-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.wj-hp .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-hp .case:hover{ transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 36px; }
.wj-hp .case .big{ font-family: var(--head); font-size: 54px; line-height: 0.95; color: var(--orange); margin-bottom: 4px; }
.wj-hp .case .big small{ font-size: 22px; color: var(--charcoal); letter-spacing: 1px; margin-left: 6px; }
.wj-hp .case .who{ font-family: var(--head); font-size: 22px; letter-spacing: 1px; color: var(--charcoal); margin-bottom: 10px; }
.wj-hp .case p{ font-size: 15px; color: var(--muted); line-height: 1.6; flex: 1 1 0%; }
.wj-hp .case .link{ margin-top: 18px; }
.wj-hp .audit{ background: rgb(255, 255, 255); }
.wj-hp .audit .wrap{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.wj-hp .audit h2{ margin-bottom: 14px; }
.wj-hp .audit .lead{ font-size: 18px; color: var(--ink); margin-bottom: 10px; }
.wj-hp .audit .sub{ margin-bottom: 26px; }
.wj-hp .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-hp .fit b{ display: block; font-family: var(--head); font-size: 20px; letter-spacing: 1px; color: var(--charcoal); margin-bottom: 2px; }
.wj-hp .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-hp .form-card h3{ font-size: 28px; margin-bottom: 4px; }
.wj-hp .form-card p{ font-size: 14px; color: var(--muted); margin-bottom: 14px; line-height: 1.5; }
.wj-hp .form-card label{ display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: var(--muted); margin: 12px 0px 6px; }
.wj-hp .form-card input{ 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); }
.wj-hp .form-card input:focus{ outline: none; border-color: var(--orange); background: rgb(255, 255, 255); }
.wj-hp .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wj-hp .form-card .btn{ width: 100%; margin-top: 20px; }
.wj-hp .form-card small{ display: block; text-align: center; font-size: 12px; color: rgb(138, 138, 138); margin-top: 12px; }
.wj-hp .form-thanks{ display: none; text-align: center; padding: 30px 0px; }
.wj-hp .form-thanks h3{ font-size: 34px; margin-bottom: 8px; }
.wj-hp .form-card.sent form{ display: none; }
.wj-hp .form-card.sent .form-thanks{ display: block; }
.wj-hp .report-wrap{ position: relative; padding: 20px 0px; }
.wj-hp .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-hp .report .rh{ display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid var(--orange); padding-bottom: 12px; margin-bottom: 16px; }
.wj-hp .report .rh b{ font-family: var(--head); font-size: 22px; letter-spacing: 1px; color: var(--charcoal); }
.wj-hp .report .rh span{ font-size: 11px; color: var(--muted); }
.wj-hp .report .rh .wj{ font-family: var(--head); font-size: 16px; color: var(--charcoal); }
.wj-hp .report .rh .wj i{ color: var(--orange); font-style: normal; }
.wj-hp .scores{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.wj-hp .score{ background: var(--cream); border-radius: 10px; padding: 10px 8px; text-align: center; }
.wj-hp .score b{ display: block; font-family: var(--head); font-size: 30px; line-height: 1; }
.wj-hp .score b.bad{ color: rgb(221, 51, 51); }
.wj-hp .score b.mid{ color: rgb(227, 155, 0); }
.wj-hp .score b.good{ color: rgb(42, 157, 74); }
.wj-hp .score span{ font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
.wj-hp .bars{ margin-bottom: 14px; }
.wj-hp .bars .bt{ font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.wj-hp .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-hp .bar .tr{ height: 8px; background: rgb(238, 238, 238); border-radius: 4px; overflow: hidden; }
.wj-hp .bar .fl{ height: 100%; background: linear-gradient(90deg,var(--orange),var(--orange-2)); border-radius: 4px; }
.wj-hp .bar .fl.you{ background: rgb(187, 187, 187); }
.wj-hp .bar em{ font-style: normal; font-weight: 700; text-align: right; color: var(--muted); }
.wj-hp .fixes{ font-size: 12px; color: var(--ink); }
.wj-hp .fixes .bt{ font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.wj-hp .fixes div{ display: flex; gap: 8px; align-items: flex-start; margin-bottom: 4px; }
.wj-hp .fixes .dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--orange); margin-top: 6px; flex: 0 0 auto; }
.wj-hp .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-hp .report-tag i{ color: var(--orange); font-style: normal; }
.wj-hp .report{ padding: 0px; overflow: hidden; max-width: 500px; border-radius: 12px; }
.wj-hp .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-hp .rp-brand img{ height: 22px; width: auto; display: block; }
.wj-hp .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-hp .rp-meta{ text-align: right; }
.wj-hp .rp-meta b{ display: block; font-family: var(--head); font-size: 15px; letter-spacing: 1px; line-height: 1.1; }
.wj-hp .rp-meta span{ display: block; font-size: 9px; color: rgba(255, 255, 255, 0.6); margin-top: 4px; }
.wj-hp .rp-overview{ display: flex; gap: 16px; align-items: center; padding: 16px 22px 12px; border-bottom: 1px solid var(--line); }
.wj-hp .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-hp .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-hp .rp-ring-in b{ font-family: var(--head); font-size: 26px; line-height: 1; color: var(--charcoal); }
.wj-hp .rp-ring-in span{ font-size: 8px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
.wj-hp .rp-ov-text b{ display: block; font-family: var(--head); font-size: 17px; letter-spacing: 0.5px; color: var(--charcoal); margin-bottom: 3px; }
.wj-hp .rp-ov-text p{ font-size: 10.5px; line-height: 1.45; color: var(--ink); margin: 0px; }
.wj-hp .rp-scores{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 12px 22px; border-bottom: 1px solid var(--line); }
.wj-hp .rp-sc-top{ display: flex; justify-content: space-between; align-items: baseline; }
.wj-hp .rp-sc-top span{ font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--muted); }
.wj-hp .rp-sc-top b{ font-family: var(--head); font-size: 22px; line-height: 1; }
.wj-hp .rp-score b.bad{ color: rgb(221, 51, 51); }
.wj-hp .rp-score b.mid{ color: rgb(227, 155, 0); }
.wj-hp .rp-score b.good{ color: rgb(42, 157, 74); }
.wj-hp .rp-sc-bar{ height: 5px; background: rgb(238, 238, 238); border-radius: 3px; margin: 5px 0px; overflow: hidden; }
.wj-hp .rp-sc-bar i{ display: block; height: 100%; border-radius: 3px; }
.wj-hp .rp-sc-bar i.bad{ background: rgb(221, 51, 51); }
.wj-hp .rp-sc-bar i.mid{ background: rgb(227, 155, 0); }
.wj-hp .rp-sc-bar i.good{ background: rgb(42, 157, 74); }
.wj-hp .rp-score small{ font-size: 9.5px; color: var(--muted); line-height: 1.3; display: block; }
.wj-hp .rp-sec{ padding: 11px 22px; border-bottom: 1px solid var(--line); }
.wj-hp .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-hp .rp-st span{ font-weight: 500; text-transform: none; letter-spacing: 0px; color: var(--muted); font-size: 9.5px; text-align: right; }
.wj-hp .rp-table{ width: 100%; border-collapse: collapse; font-size: 10.5px; color: var(--ink); }
.wj-hp .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-hp .rp-table td{ padding: 4px 0px; border-bottom: 1px dashed rgb(238, 238, 238); }
.wj-hp .rp-table tr:last-child td{ border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.wj-hp .rp-table td.you{ color: rgb(221, 51, 51); font-weight: 700; }
.wj-hp .rp-table th:nth-child(n+2), .wj-hp .rp-table td:nth-child(n+2){ text-align: right; white-space: nowrap; }
.wj-hp .rp-ai div{ display: grid; grid-template-columns: 16px 110px 1fr; gap: 8px; align-items: center; font-size: 10.5px; padding: 3px 0px; }
.wj-hp .rp-ai b{ color: var(--charcoal); }
.wj-hp .rp-ai em{ font-style: normal; color: var(--muted); }
.wj-hp .rp-x, .wj-hp .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-hp .rp-x{ background: rgb(253, 232, 232); color: rgb(221, 51, 51); }
.wj-hp .rp-ok{ background: rgb(228, 245, 233); color: rgb(42, 157, 74); }
.wj-hp .rp-fix{ margin: 0px; padding-left: 18px; font-size: 10.5px; line-height: 1.4; color: var(--ink); }
.wj-hp .rp-fix li{ margin-bottom: 4px; }
.wj-hp .rp-fix li::marker{ color: var(--orange); font-weight: 700; }
.wj-hp .rp-fix b{ color: var(--charcoal); }
.wj-hp .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-hp .tag.hi{ background: rgb(255, 243, 234); color: var(--orange); }
.wj-hp .tag.md{ background: rgb(242, 242, 242); color: var(--muted); }
.wj-hp .rp-foot{ display: flex; justify-content: space-between; gap: 10px; padding: 9px 22px; font-size: 8.5px; color: var(--muted); background: var(--cream); }
.wj-hp .report-tag{ right: -1%; top: -34px; }
.wj-hp .work{ background: var(--cream); }
.wj-hp .work-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 52px 0px 40px; }
.wj-hp .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-hp .shot:hover{ transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 16px 40px; }
.wj-hp .shot .bar3{ height: 22px; background: rgb(238, 236, 233); display: flex; align-items: center; gap: 5px; padding: 0px 10px; }
.wj-hp .shot .bar3 i{ width: 7px; height: 7px; border-radius: 50%; background: rgb(211, 207, 201); display: block; }
.wj-hp .shot img{ width: 100%; aspect-ratio: 16 / 9.5; object-fit: cover; object-position: center top; }
.wj-hp .shot .cap{ text-align: left; padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.wj-hp .shot .cap b{ font-family: var(--head); font-size: 19px; letter-spacing: 1px; color: var(--charcoal); }
.wj-hp .shot .cap span{ font-size: 12px; color: var(--muted); }
.wj-hp .shot .cap .link{ font-size: 13px; white-space: nowrap; }
.wj-hp .logos{ background: var(--cream); padding: 0px 0px 88px; }
.wj-hp .logos .lbl{ text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 22px; }
.wj-hp .logo-row{ display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 36px; align-items: center; }
.wj-hp .logo-row span{ font-family: var(--head); font-size: 24px; letter-spacing: 1.5px; color: rgb(154, 154, 154); opacity: 0.85; }
.wj-hp .about{ background: rgb(255, 255, 255); }
.wj-hp .about .wrap{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.wj-hp .about h2{ margin-bottom: 18px; }
.wj-hp .about p{ font-size: 17px; color: var(--muted); margin-bottom: 16px; max-width: 560px; }
.wj-hp .about .facts{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 26px 0px; }
.wj-hp .fact{ border-left: 3px solid var(--orange); padding: 4px 0px 4px 14px; }
.wj-hp .fact b{ display: block; font-family: var(--head); font-size: 34px; line-height: 1; color: var(--charcoal); letter-spacing: 0.5px; }
.wj-hp .fact span{ font-size: 13px; color: var(--muted); }
.wj-hp .offices{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 8px; }
.wj-hp .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-hp .office:hover{ transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 24px; }
.wj-hp .office b{ display: block; font-family: var(--head); font-size: 22px; letter-spacing: 1px; color: var(--charcoal); }
.wj-hp .office small{ display: block; font-size: 12px; color: var(--muted); margin: 2px 0px 8px; line-height: 1.4; }
.wj-hp .office span{ font-size: 14px; font-weight: 700; color: var(--orange); }
.wj-hp .badges-head b{ display: block; font-family: var(--head); font-size: 26px; letter-spacing: 1px; color: var(--charcoal); }
.wj-hp .badges-head span{ font-size: 14px; color: var(--muted); }
.wj-hp .badge-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px; }
.wj-hp .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-hp .badge img{ height: 88px; width: auto; object-fit: contain; }
.wj-hp .badge .t{ font-size: 12.5px; font-weight: 600; color: var(--charcoal); line-height: 1.3; }
.wj-hp .badge .s{ font-size: 11px; color: var(--muted); }
.wj-hp .badge.text{ justify-content: center; background: var(--tint); border-color: rgba(239, 91, 0, 0.2); }
.wj-hp .badge.text .ab{ font-family: var(--head); font-size: 24px; letter-spacing: 1px; color: var(--charcoal); line-height: 1; }
.wj-hp .badge.text .ab em{ display: block; font-style: normal; color: var(--orange); font-size: 14px; letter-spacing: 2px; margin-top: 6px; }
.wj-hp .badges-foot{ margin-top: 16px; font-size: 13px; color: var(--muted); }
.wj-hp .services{ background: var(--cream); }
.wj-hp .services .wrap > .eyebrow, .wj-hp .services .wrap > h2, .wj-hp .services .wrap > .sub{ text-align: center; }
.wj-hp .services .wrap > .sub{ margin-left: auto; margin-right: auto; }
.wj-hp .services{ padding-bottom: 0px; }
.wj-hp .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-hp .services .group.built{ margin-top: 48px; }
@media (max-width: 820px){.wj-hp .services .group{ padding: 48px 20px; }}
.wj-hp .group.built{ background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-hp .group.found{ background: url("/wp-content/uploads/2026/09/hp/i-2438c6503aa4.webp") center center / cover no-repeat rgb(11, 11, 13); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-hp .group.found .group-label h3{ color: rgb(255, 255, 255); }
.wj-hp .group.found .group-label span{ background: rgba(239, 91, 0, 0.18); color: rgb(255, 178, 122); }
.wj-hp .group.found .svc{ background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); }
.wj-hp .group.built .svc{ background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(2px); }
.wj-hp .group.found .svc:hover{ background: rgba(255, 255, 255, 0.1); }
.wj-hp .group.found .svc h4{ color: rgb(255, 255, 255); }
.wj-hp .group.found .svc p{ color: rgba(255, 255, 255, 0.72); }
.wj-hp .group-label{ display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 26px; position: relative; z-index: 1; }
.wj-hp .services .svc-grid{ position: relative; z-index: 1; }
.wj-hp .group-label h3{ font-size: 26px; letter-spacing: 1px; color: var(--charcoal); }
.wj-hp .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-hp .svc-grid{ display: grid; gap: 20px; }
.wj-hp .svc-grid.four{ grid-template-columns: repeat(4, 1fr); }
.wj-hp .svc-grid.five{ grid-template-columns: repeat(5, 1fr); gap: 14px; }
.wj-hp .svc-grid.five .svc{ padding: 28px 18px 22px; }
.wj-hp .svc-grid.five .svc h4{ font-size: 16px; }
.wj-hp .svc-grid.five .svc p{ font-size: 13.5px; }
.wj-hp .svc-grid.five .svc .link{ font-size: 13px; white-space: nowrap; }
@media (max-width: 1100px){.wj-hp .svc-grid.five{ grid-template-columns: repeat(3, 1fr); gap: 20px; }}
.wj-hp .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-hp .ai-line b{ color: var(--orange); }
.wj-hp .svc-grid.three{ grid-template-columns: repeat(3, 1fr); }
.wj-hp .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-hp .svc:hover{ transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.07) 0px 12px 36px; }
.wj-hp .svc .circle{ width: 72px; height: 72px; margin-bottom: 18px; }
.wj-hp .svc .circle .ic{ width: 30px; height: 30px; }
.wj-hp .svc h4{ font-family: var(--body); font-size: 17px; font-weight: 700; color: var(--charcoal); margin-bottom: 8px; }
.wj-hp .svc p{ font-size: 14px; color: var(--muted); line-height: 1.6; flex: 1 1 0%; }
.wj-hp .svc .link{ font-size: 14px; margin-top: 14px; }
.wj-hp .quotes{ background: rgb(255, 255, 255); }
.wj-hp .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-hp .gline .stars{ color: rgb(245, 166, 35); letter-spacing: 1px; font-size: 15px; }
.wj-hp .gline b{ color: var(--charcoal); }
.wj-hp .gline .g{ font-weight: 700; color: rgb(66, 133, 244); }
.wj-hp .quote-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 44px; text-align: left; }
.wj-hp .quote{ background: var(--cream); border-radius: var(--radius); padding: 32px 28px; border: 1px solid var(--line); display: flex; flex-direction: column; }
.wj-hp .quote .mark{ font-family: var(--head); font-size: 56px; line-height: 0.6; color: var(--orange); opacity: 0.5; margin-bottom: 16px; }
.wj-hp .quote p{ font-size: 15px; color: var(--ink); line-height: 1.65; flex: 1 1 0%; font-style: italic; }
.wj-hp .quote .who{ margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); }
.wj-hp .quote .who b{ display: block; font-size: 15px; color: var(--charcoal); }
.wj-hp .quote .who span{ font-size: 13px; color: var(--muted); }
.wj-hp .faq{ background: var(--cream); }
.wj-hp .faq .wrap{ max-width: 860px; }
.wj-hp .faq details{ background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; margin-top: 12px; overflow: hidden; }
.wj-hp .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-hp .faq summary::-webkit-details-marker{ display: none; }
.wj-hp .faq summary::after{ content: "+"; font-size: 24px; color: var(--orange); font-weight: 400; line-height: 1; }
.wj-hp .faq details[open] summary::after{ content: "–"; }
.wj-hp .faq details p{ padding: 0px 24px 22px; font-size: 15px; color: var(--muted); line-height: 1.65; }
.wj-hp .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-hp .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-hp .close .wrap{ position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 0.9fr; gap: 56px; align-items: center; }
.wj-hp .close h2{ color: rgb(255, 255, 255); font-size: clamp(2.6rem, 5.5vw, 4.4rem); }
.wj-hp .close h2 .hl{ color: var(--orange); }
.wj-hp .close .sub{ color: rgba(255, 255, 255, 0.7); margin: 18px 0px 34px; }
.wj-hp .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-hp .markets{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.wj-hp .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-hp .market:hover{ background: rgba(255, 255, 255, 0.1); }
.wj-hp .market b{ display: block; font-family: var(--head); font-size: 22px; letter-spacing: 1px; color: rgb(255, 255, 255); }
.wj-hp .market span{ font-size: 15px; font-weight: 600; color: var(--orange); }
.wj-hp .market small{ display: block; font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 2px; }
.wj-hp footer{ background: var(--dark); color: rgba(255, 255, 255, 0.7); padding: 64px 0px 32px; border-top: 3px solid var(--orange); }
.wj-hp .foot-grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.wj-hp .foot-grid h5{ font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; }
.wj-hp .foot-grid ul{ list-style: none; }
.wj-hp .foot-grid li{ font-size: 14px; margin-bottom: 9px; }
.wj-hp .foot-grid li a:hover{ color: rgb(255, 255, 255); }
.wj-hp .foot-brand .tag{ font-size: 11px; letter-spacing: 3px; color: rgba(255, 255, 255, 0.4); margin: 10px 0px 20px; }
.wj-hp .foot-brand p{ font-size: 14px; line-height: 1.7; max-width: 320px; }
.wj-hp .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-hp .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-hp .audit .wrap, .wj-hp .about .wrap, .wj-hp .close .wrap{ grid-template-columns: 1fr; gap: 44px; }
.wj-hp .proof .wrap{ grid-template-columns: repeat(2, 1fr); }
.wj-hp .stat:nth-child(3){ border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.wj-hp .stat:nth-child(n+3){ border-top: 1px solid var(--line); }
.wj-hp .why-grid, .wj-hp .work-grid, .wj-hp .svc-grid.four, .wj-hp .svc-grid.three, .wj-hp .svc-grid.five{ grid-template-columns: repeat(2, 1fr); }
.wj-hp .quote-grid{ grid-template-columns: 1fr; }
.wj-hp .foot-grid{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 820px){.wj-hp .nav-links, .wj-hp .nav-login{ display: none; }
.wj-hp .nav-toggle{ display: block; }
.wj-hp .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-hp .nav-phone{ padding: 8px 12px; font-size: 13px; }}
@media (max-width: 640px){.wj-hp .about{ background-size: auto 45%; padding-bottom: 260px; }
.wj-hp section{ padding: 64px 0px; }
.wj-hp .hero{ padding: 56px 0px 0px; }
.wj-hp .hero h1{ font-size: 3.6rem; }
.wj-hp .hero-cta{ padding-bottom: 48px; }
.wj-hp .devices{ padding-top: 32px; }
.wj-hp .case-grid, .wj-hp .why-grid, .wj-hp .work-grid, .wj-hp .svc-grid.four, .wj-hp .svc-grid.three, .wj-hp .svc-grid.five, .wj-hp .markets, .wj-hp .offices, .wj-hp .form-row{ grid-template-columns: 1fr; }
.wj-hp .proof .wrap{ grid-template-columns: 1fr 1fr; }
.wj-hp .cases-head{ flex-direction: column; align-items: flex-start; }
.wj-hp .form-card{ padding: 26px 22px; }
.wj-hp .badge-grid{ grid-template-columns: 1fr 1fr; }
.wj-hp .about .facts{ gap: 8px; }
.wj-hp .fact b{ font-size: 28px; }
.wj-hp .foot-grid{ grid-template-columns: 1fr; }
.wj-hp .report{ transform: none; }}
.wj-hp .why{ background: rgb(255, 255, 255); }
.wj-hp .services{ background: var(--cream); }
.wj-hp .cases{ background: rgb(255, 255, 255); }
.wj-hp .audit{ background: var(--cream); }
.wj-hp .audit .form-card{ border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-hp .quotes{ background: rgb(255, 255, 255); }
.wj-hp .quote{ background: rgb(255, 255, 255); border: 1px solid var(--line); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 14px; }
.wj-hp .work{ background: var(--cream); }
.wj-hp .logos{ background: var(--cream); }
.wj-hp .about{ background: rgb(255, 255, 255); }
.wj-hp .faq{ background: var(--cream); }
.wj-hp .case{ padding: 0px; overflow: hidden; }
.wj-hp .case-img{ border-bottom: 1px solid var(--line); }
.wj-hp .case-img .bar3{ height: 22px; background: rgb(238, 236, 233); display: flex; align-items: center; gap: 5px; padding: 0px 10px; }
.wj-hp .case-img .bar3 i{ width: 7px; height: 7px; border-radius: 50%; background: rgb(211, 207, 201); display: block; }
.wj-hp .case-img img{ width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center top; }
.wj-hp .case-body{ padding: 26px 30px 30px; display: flex; flex-direction: column; flex: 1 1 0%; }
.wj-hp .case .big{ font-size: 48px; }
.wj-hp .why{ background: url("/wp-content/uploads/2026/09/hp/i-c10895435159.webp") center center / cover no-repeat rgb(244, 236, 223); }
.wj-hp .why .why-card{ background: rgba(255, 255, 255, 0.88); backdrop-filter: blur(2px); }
.wj-hp .cases{ background: url("/wp-content/uploads/2026/09/hp/i-f99421a9dcf0.webp") center center / cover no-repeat rgb(14, 14, 16); }
.wj-hp .cases h2{ color: rgb(255, 255, 255); }
.wj-hp .cases .case{ background: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.12); }
.wj-hp .work{ background: url("/wp-content/uploads/2026/09/hp/i-ae25430072e5.webp") center center / cover no-repeat rgb(247, 241, 230); }
.wj-hp .work .shot{ box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 24px; }
.wj-hp .logos{ background: rgb(247, 241, 230); }
.wj-hp footer{ background: url("/wp-content/uploads/2026/09/hp/i-1d2852383296.webp") center center / cover no-repeat rgb(10, 13, 24); }
.wj-hp .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-hp .about .office, .wj-hp .about .badge{ background: rgba(255, 255, 255, 0.85); }
.wj-hp .about .badge.text{ background: rgba(255, 243, 234, 0.9); }
.wj-hp .quotes{ background: url("/wp-content/uploads/2026/09/hp/i-d9ef5e483985.webp") center center / cover no-repeat rgb(14, 14, 16); }
.wj-hp .quotes .quote{ background: rgba(255, 255, 255, 0.96); }
.wj-hp .quotes h2{ color: rgb(255, 255, 255); }
.wj-hp .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-hp .quotes .gline b{ color: rgb(255, 255, 255); }
.wj-hp .audit{ background: url("/wp-content/uploads/2026/09/hp/i-6d6a12d86c0a.webp") center center / cover no-repeat rgb(251, 239, 226); }
.wj-hp .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-hp .cases{ background: url("/wp-content/uploads/2026/09/hp/i-2aad4fb28c62.webp") center center / cover no-repeat rgb(251, 246, 238); }
.wj-hp .cases h2{ color: var(--charcoal); }
.wj-hp .cases .case{ background: rgba(255, 255, 255, 0.92); border-color: var(--line); }
.wj-hp footer{ background: url("/wp-content/uploads/2026/09/hp/i-2438c6503aa4.webp") center center / cover no-repeat rgb(11, 11, 13); }
.wj-hp .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-hp .services .wrap > h2{ color: var(--charcoal); }
.wj-hp .services .wrap > .sub{ color: var(--muted); }
.wj-hp .services .group.built{ margin-top: 40px; padding-top: 24px; }
.wj-hp .group.built .group-label h3{ color: var(--charcoal); }
.wj-hp .group.built .group-label span{ background: var(--tint); color: var(--orange); }
.wj-hp .group.built .svc{ background: rgba(255, 255, 255, 0.82); border-color: var(--line); backdrop-filter: blur(2px); }
.wj-hp .group.built .svc:hover{ background: rgb(255, 255, 255); }
.wj-hp .group.built .svc h4{ color: var(--charcoal); }
.wj-hp .group.built .svc p{ color: var(--muted); }
.wj-hp .group.found .group-label h3{ color: rgb(255, 255, 255); }
.wj-hp .group.found .group-label span{ background: rgba(239, 91, 0, 0.18); color: rgb(255, 178, 122); }
.wj-hp .group.found .svc{ background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); }
.wj-hp .group.found .svc:hover{ background: rgba(255, 255, 255, 0.1); }
.wj-hp .group.found .svc h4{ color: rgb(255, 255, 255); }
.wj-hp .group.found .svc p{ color: rgba(255, 255, 255, 0.72); }
.wj-hp{ background: rgb(250, 249, 247); }
.wj-hp .proof, .wj-hp .why, .wj-hp .services, .wj-hp .services-found, .wj-hp .cases, .wj-hp .audit, .wj-hp .quotes, .wj-hp .work, .wj-hp .about, .wj-hp .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-hp .close{ padding: 22px 0px 44px !important; background: transparent !important; }
.wj-hp .close::before{ display: none; }
.wj-hp .proof{ padding-top: 44px !important; }
.wj-hp .why > .wrap, .wj-hp .services > .wrap, .wj-hp .services-found > .wrap, .wj-hp .cases > .wrap, .wj-hp .audit > .wrap, .wj-hp .quotes > .wrap, .wj-hp .work > .wrap, .wj-hp .about > .wrap, .wj-hp .faq > .wrap, .wj-hp .proof > .wrap, .wj-hp .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-hp .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-hp .why > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-c10895435159.webp") center center / cover no-repeat rgb(244, 236, 223); }
.wj-hp .services > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-4db0c653d1ec.webp") center center / cover no-repeat rgb(246, 239, 230); }
.wj-hp .services > .wrap .group.built{ margin: 0px; padding: 24px 0px 0px; border-radius: 0px; }
.wj-hp .services-found > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-2438c6503aa4.webp") center center / cover no-repeat rgb(11, 11, 13); }
.wj-hp .services-found .group.found{ margin: 0px; padding: 0px; border-radius: 0px; background: none !important; }
.wj-hp .cases > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-2aad4fb28c62.webp") center center / cover no-repeat rgb(251, 246, 238); }
.wj-hp .audit > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-6d6a12d86c0a.webp") center center / cover no-repeat rgb(251, 239, 226); align-items: center; }
.wj-hp .quotes > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-d9ef5e483985.webp") center center / cover no-repeat rgb(14, 14, 16); }
.wj-hp .work > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-ae25430072e5.webp") center center / cover no-repeat rgb(247, 241, 230); }
.wj-hp .logos-inline{ margin-top: 64px; padding-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.06); }
.wj-hp .about > .wrap{ background: rgb(20, 20, 22); padding-bottom: 240px; position: relative; }
.wj-hp .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-hp .about > .wrap > *{ position: relative; z-index: 1; }
.wj-hp .about h2{ color: rgb(255, 255, 255); }
.wj-hp .about p{ color: rgba(255, 255, 255, 0.74); }
.wj-hp .about .fact b{ color: rgb(255, 255, 255); }
.wj-hp .about .fact span{ color: rgba(255, 255, 255, 0.6); }
.wj-hp .about .office, .wj-hp .about .badge{ border-color: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.07) !important; }
.wj-hp .about .badge.text{ background: rgba(239, 91, 0, 0.14) !important; }
.wj-hp .about .office b, .wj-hp .about .badge .t, .wj-hp .about .badges-head b, .wj-hp .about .badge.text .ab{ color: rgb(255, 255, 255); }
.wj-hp .about .office small, .wj-hp .about .badge .s, .wj-hp .about .badges-head span{ color: rgba(255, 255, 255, 0.6); }
.wj-hp .about .office span, .wj-hp .about .link{ color: rgb(255, 138, 61); }
.wj-hp .about .badge img{ background: rgb(255, 255, 255); border-radius: 8px; padding: 6px; }
.wj-hp .faq > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-809d9f5c5e28.webp") right center / cover no-repeat rgb(251, 246, 238); }
.wj-hp .faq > .wrap > *{ max-width: 860px; margin-left: auto; margin-right: auto; }
.wj-hp .close > .wrap{ background: linear-gradient(135deg, rgb(26, 10, 4) 0%, rgb(12, 15, 26) 45%, rgb(2, 6, 23) 100%); position: relative; }
.wj-hp .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-hp .close > .wrap > *{ position: relative; z-index: 1; }
@media (max-width: 820px){.wj-hp .why > .wrap, .wj-hp .services > .wrap, .wj-hp .services-found > .wrap, .wj-hp .cases > .wrap, .wj-hp .audit > .wrap, .wj-hp .quotes > .wrap, .wj-hp .work > .wrap, .wj-hp .about > .wrap, .wj-hp .faq > .wrap, .wj-hp .close > .wrap{ padding: 48px 22px; border-radius: 18px; }
.wj-hp .proof > .wrap{ padding: 0px 12px; }
.wj-hp .proof, .wj-hp .why, .wj-hp .services, .wj-hp .services-found, .wj-hp .cases, .wj-hp .audit, .wj-hp .quotes, .wj-hp .work, .wj-hp .about, .wj-hp .faq{ padding: 12px 0px !important; }
.wj-hp .proof > .wrap, .wj-hp .why > .wrap, .wj-hp .services > .wrap, .wj-hp .services-found > .wrap, .wj-hp .cases > .wrap, .wj-hp .audit > .wrap, .wj-hp .quotes > .wrap, .wj-hp .work > .wrap, .wj-hp .about > .wrap, .wj-hp .faq > .wrap, .wj-hp .close > .wrap{ margin: 0px 12px; }}
.wj-hp .cluster-outer{ height: 460px; }
.wj-hp .cluster{ height: 460px; }
.wj-hp .mon{ left: auto; right: 0px; transform: none; width: 560px; z-index: 1; }
.wj-hp .mon .scr .img{ aspect-ratio: 16 / 9.6; }
.wj-hp .lap{ width: 400px; left: 182px; right: auto; bottom: 10px; z-index: 2; }
.wj-hp .tab{ width: 170px; left: 52px; right: auto; bottom: 0px; z-index: 3; border-width: 7px; border-radius: 16px; }
.wj-hp .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-hp .ph .img{ aspect-ratio: 9 / 19.5; overflow: hidden; background: rgb(17, 17, 17); }
.wj-hp .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-hp .dv .img img{ image-rendering: auto; }
.wj-hp .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-hp .logos-inline .logo-row{ display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 36px; align-items: center; }
.wj-hp .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-hp .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-hp .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-hp .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-hp .mon .scr .img{ border-radius: 6px; }
.wj-hp .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-hp .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-hp .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-hp .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-hp .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-hp .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-hp .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-hp .lap .scr .img{ border-radius: 5px; }
.wj-hp .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-hp .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-hp .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-hp .eyebrow{ font-size: clamp(22px, 2.4vw, 30px); letter-spacing: 5px; margin-bottom: 14px; }
.wj-hp .cases-head{ flex-direction: column; align-items: center; text-align: center; gap: 22px; }
.wj-hp .cases-head .btn{ margin-top: 4px; }
.wj-hp .devices{ padding-bottom: 40px; }
@media (max-width: 640px){.wj-hp .eyebrow{ font-size: 20px; letter-spacing: 4px; }}
.wj-hp .why-card p, .wj-hp .svc p, .wj-hp .case p, .wj-hp .quote p, .wj-hp .about p, .wj-hp .audit p, .wj-hp .faq details p{ text-align: left; }
.wj-hp .quote p{ font-style: normal; }
.wj-hp .hero-badges{ display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 26px; }
.wj-hp .hero-badge{ margin-bottom: 0px; }
.wj-hp .hero-badge.rating{ color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.28); }
.wj-hp .hero-badge.rating .stars{ color: rgb(245, 166, 35); letter-spacing: 1px; margin-right: 6px; }
.wj-hp .hero-phones{ display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 22px; }
.wj-hp .hero-phones a{ font-size: 13px; color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); padding: 7px 14px; border-radius: 999px; }
.wj-hp .hero-phones a b{ color: rgb(255, 255, 255); font-weight: 600; margin-right: 6px; }
.wj-hp .hero-phones a:hover{ background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
.wj-hp .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-hp .form-card select:focus{ outline: none; border-color: var(--orange); background-color: rgb(255, 255, 255); }
.wj-hp .foot-grid.five{ grid-template-columns: 1.5fr 1.2fr 1fr 1fr 0.9fr; gap: 32px; }
.wj-hp .foot-grid .offices-list li{ margin-bottom: 16px; line-height: 1.55; }
.wj-hp .foot-grid .offices-list b{ color: rgb(255, 255, 255); font-weight: 600; }
.wj-hp .foot-grid .offices-list a{ color: var(--orange); font-weight: 600; }
.wj-hp .foot-grid .areas{ columns: 2; column-gap: 18px; }
.wj-hp .social{ display: flex; gap: 10px; margin-top: 18px; }
.wj-hp .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-hp .social a:hover{ border-color: var(--orange); color: rgb(255, 255, 255); }
.wj-hp .social .ic{ width: 16px; height: 16px; }
@media (max-width: 1000px){.wj-hp .foot-grid.five{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 640px){.wj-hp .foot-grid.five{ grid-template-columns: 1fr; }
.wj-hp .hero-phones a{ font-size: 12px; padding: 6px 10px; }}
.wj-hp .hero-cta{ padding-bottom: 0px !important; }
.wj-hp .hero-phones{ margin-top: 20px; padding-bottom: 64px; }
@media (max-width: 640px){.wj-hp .hero-phones{ padding-bottom: 48px; }}
.wj-hp .book{ position: relative; }
.wj-hp .book .chev{ font-size: 12px; margin-left: 2px; opacity: 0.7; }
.wj-hp .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-hp .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-hp .book.open .book-menu{ display: block; }
.wj-hp .book-title{ font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); padding: 6px 10px 8px; }
.wj-hp .book-menu a{ display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 11px 12px; border-radius: 9px; color: var(--charcoal); }
.wj-hp .book-menu a:hover{ background: var(--tint); }
.wj-hp .book-menu a b{ font-family: var(--head); font-size: 19px; letter-spacing: 1px; font-weight: 400; }
.wj-hp .book-menu a span{ font-size: 12px; color: var(--muted); }
.wj-hp .hero{ overflow: visible !important; }
.wj-hp .hero .wrap{ z-index: 5; }
.wj-hp .services > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-2438c6503aa4.webp") center center / cover no-repeat rgb(11, 11, 13); }
.wj-hp .services .wrap > h2{ color: rgb(255, 255, 255); }
.wj-hp .services .wrap > .sub{ color: rgba(255, 255, 255, 0.72); }
.wj-hp .services > .wrap .group.built{ margin: 0px; padding: 24px 0px 0px; border-radius: 0px; background: none !important; }
.wj-hp .services > .wrap .group.found{ margin: 0px; padding: 44px 0px 0px; border-radius: 0px; background: none !important; }
.wj-hp .group.built .group-label h3{ color: rgb(255, 255, 255); }
.wj-hp .group.built .group-label span{ background: rgba(239, 91, 0, 0.18); color: rgb(255, 178, 122); }
.wj-hp .group.built .svc{ background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); }
.wj-hp .group.built .svc:hover{ background: rgba(255, 255, 255, 0.1); }
.wj-hp .group.built .svc h4{ color: rgb(255, 255, 255); }
.wj-hp .group.built .svc p{ color: rgba(255, 255, 255, 0.72); }
.wj-hp .why-card p, .wj-hp .case p, .wj-hp .quote p, .wj-hp .faq details p, .wj-hp .about p, .wj-hp .form-card p{ font-size: 15.5px; }
.wj-hp .svc p{ font-size: 15px; }
.wj-hp .svc-grid.five .svc p{ font-size: 14px; }
.wj-hp .faq details p, .wj-hp .quote p{ font-size: 16px; }
.wj-hp .sub{ font-size: 17.5px; }
.wj-hp .editor{ background: transparent; padding: 22px 0px; }
.wj-hp .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-hp .editor h2{ margin-bottom: 14px; }
.wj-hp .editor .sub{ margin-bottom: 18px; }
.wj-hp .editor-list{ list-style: none; margin: 0px 0px 18px; padding: 0px; }
.wj-hp .editor-list li{ position: relative; padding: 8px 0px 8px 30px; font-size: 15.5px; line-height: 1.5; color: var(--ink); }
.wj-hp .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-hp .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-hp .editor-list b{ color: var(--charcoal); }
.wj-hp .editor-note{ font-size: 14px; color: var(--muted); border-left: 3px solid var(--orange); padding: 6px 0px 6px 14px; margin-bottom: 22px; }
.wj-hp .editor-cta{ display: flex; gap: 12px; flex-wrap: wrap; }
.wj-hp .editor-cta .btn .ic{ width: 16px; height: 16px; fill: currentcolor; stroke: none; margin-right: 6px; vertical-align: -2px; }
.wj-hp .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-hp .editor-frame .bar3{ height: 26px; }
.wj-hp .editor-loop{ display: block; width: 100%; height: auto; }
.wj-hp .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-hp .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-hp .editor-play:hover{ background: rgb(0, 0, 0); }
.wj-hp .editor-caption{ font-size: 13px; color: var(--muted); text-align: center; margin-top: 14px; }
.wj-hp .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-hp .demo-modal.open{ display: flex; }
.wj-hp .demo-box{ position: relative; width: min(1100px, 100%); }
.wj-hp .demo-box video{ width: 100%; height: auto; display: block; border-radius: 12px; background: rgb(0, 0, 0); }
.wj-hp .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-hp .editor > .wrap{ grid-template-columns: 1fr; gap: 36px; }}
@media (max-width: 640px){.wj-hp .editor > .wrap{ padding: 48px 22px; border-radius: 18px; margin: 0px 12px; }}
.wj-hp .audit-dark > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-2438c6503aa4.webp") center center / cover no-repeat rgb(11, 11, 13); }
.wj-hp .audit-dark h2{ color: rgb(255, 255, 255); }
.wj-hp .audit-dark .lead{ color: rgba(255, 255, 255, 0.88); }
.wj-hp .audit-dark .sub{ color: rgba(255, 255, 255, 0.7); }
.wj-hp .audit-dark .fit{ background: rgba(255, 255, 255, 0.07); border-left-color: var(--orange); color: rgba(255, 255, 255, 0.85); }
.wj-hp .audit-dark .fit b{ color: rgb(255, 178, 122); }
.wj-hp .audit-dark .report-tag{ background: var(--orange); color: rgb(255, 255, 255); }
.wj-hp .audit-dark .report-tag i{ color: rgb(255, 255, 255); }
.wj-hp .cases > .wrap, .wj-hp .work > .wrap, .wj-hp .years > .wrap{ position: relative; }
.wj-hp .cases > .wrap > *, .wj-hp .work > .wrap > *, .wj-hp .years > .wrap > *{ position: relative; z-index: 1; }
.wj-hp .cases > .wrap::before, .wj-hp .work > .wrap::before, .wj-hp .years > .wrap::before, .wj-hp .cases > .wrap::after, .wj-hp .work > .wrap::after, .wj-hp .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-hp .cases > .wrap::before, .wj-hp .work > .wrap::before, .wj-hp .years > .wrap::before{ top: 0px; background-position: center top; mask-image: linear-gradient(rgb(0, 0, 0) 45%, transparent 100%); }
.wj-hp .cases > .wrap::after, .wj-hp .work > .wrap::after, .wj-hp .years > .wrap::after{ bottom: 0px; background-position: center bottom; mask-image: linear-gradient(to top, rgb(0, 0, 0) 45%, transparent 100%); }
.wj-hp .cases > .wrap::before, .wj-hp .cases > .wrap::after, .wj-hp .years > .wrap::before, .wj-hp .years > .wrap::after{ background-image: url("/wp-content/uploads/2026/09/hp/i-2aad4fb28c62.webp"); }
.wj-hp .work > .wrap::before, .wj-hp .work > .wrap::after{ background-image: url("/wp-content/uploads/2026/09/hp/i-ae25430072e5.webp"); }
.wj-hp .years > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-c10895435159.webp") center center / cover no-repeat rgb(244, 236, 223) !important; }
.wj-hp .years > .wrap::before, .wj-hp .years > .wrap::after{ display: none; }
.wj-hp .cases.cases-dark > .wrap{ background: url("/wp-content/uploads/2026/09/hp/i-d8a3a4d3660f.webp") center center / cover no-repeat rgb(11, 11, 13); }
.wj-hp .cases.cases-dark > .wrap::before, .wj-hp .cases.cases-dark > .wrap::after{ background-image: url("/wp-content/uploads/2026/09/hp/i-d8a3a4d3660f.webp"); }
.wj-hp .cases.cases-dark h2{ color: rgb(255, 255, 255); }
.wj-hp .cases.cases-dark .sub{ color: rgba(255, 255, 255, 0.72); }
.wj-hp .cases.cases-dark .case{ background: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.12); }
@media (min-width: 1360px){.wj-hp section.why > .wrap, .wj-hp section.services > .wrap, .wj-hp section.services-found > .wrap, .wj-hp section.cases > .wrap, .wj-hp section.audit > .wrap, .wj-hp section.quotes > .wrap, .wj-hp section.work > .wrap, .wj-hp section.about > .wrap, .wj-hp section.faq > .wrap, .wj-hp section.close > .wrap, .wj-hp section.editor > .wrap, .wj-hp section.how > .wrap, .wj-hp section.years > .wrap, .wj-hp section.pricing > .wrap, .wj-hp section.foundai > .wrap, .wj-hp section.ai > .wrap{ max-width: 1320px; padding-left: 124px; padding-right: 124px; }
.wj-hp section.proof > .wrap{ max-width: 1320px; padding-left: 104px; padding-right: 104px; }}
.wj-hp .btn-primary{ color: rgb(17, 17, 17); font-size: 17px; font-weight: 700; }
.wj-hp .btn-primary .ic{ color: rgb(17, 17, 17); }
.wj-hp .svc .svc-btn{ margin-top: 18px; align-self: center; font-size: 15px; padding: 12px 20px; border-radius: 10px; white-space: nowrap; }
.wj-hp .svc-grid.five .svc .svc-btn{ font-size: 14px; padding: 11px 16px; }
.wj-hp .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-hp .svc-grid.five .svc .svc-btn{ padding-left: 24px; padding-right: 24px; }
.wj-hp .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-hp .btn-primary:hover{ transform: none; filter: brightness(1.06); }
.wj-hp .btn-light, .wj-hp .btn-ghost{ border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.wj-hp .btn-light{ background: rgba(255, 255, 255, 0.45); color: rgb(255, 255, 255); }
.wj-hp .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-hp .btn-light:hover{ background: rgb(255, 255, 255); }
.wj-hp .btn-ghost{ background: var(--orange); color: var(--orange); }
.wj-hp .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-hp .btn-ghost:hover::before{ background: var(--tint); }
.wj-hp .svc .svc-btn{ padding-left: 28px; padding-right: 28px; }
.wj-hp{ --radius: 10px; }
.wj-hp section.why > .wrap, .wj-hp section.services > .wrap, .wj-hp section.services-found > .wrap, .wj-hp section.cases > .wrap, .wj-hp section.audit > .wrap, .wj-hp section.quotes > .wrap, .wj-hp section.work > .wrap, .wj-hp section.about > .wrap, .wj-hp section.faq > .wrap, .wj-hp section.close > .wrap, .wj-hp section.proof > .wrap, .wj-hp section.editor > .wrap, .wj-hp section.how > .wrap, .wj-hp section.years > .wrap, .wj-hp section.pricing > .wrap, .wj-hp section.foundai > .wrap, .wj-hp section.ai > .wrap{ border-radius: 14px; }
.wj-hp .why-card, .wj-hp .case, .wj-hp .svc, .wj-hp .shot, .wj-hp .form-card, .wj-hp .quote, .wj-hp .faq details, .wj-hp .office, .wj-hp .badge, .wj-hp .market, .wj-hp .editor-frame, .wj-hp .demo-box, .wj-hp .ai-note, .wj-hp .pillar, .wj-hp .step, .wj-hp .fa-card, .wj-hp .ai-col, .wj-hp .price-card, .wj-hp .price-addons, .wj-hp .book-menu{ border-radius: 10px; }
.wj-hp .report{ border-radius: 8px; }
.wj-hp section.editor > .wrap{ grid-template-columns: 1fr; gap: 40px; align-items: start; }
.wj-hp .editor-copy{ display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.wj-hp .editor-lead .sub{ margin-bottom: 0px; }
.wj-hp .editor-points .editor-list{ margin-top: 6px; }
.wj-hp .editor-points .editor-note{ margin-bottom: 0px; }
.wj-hp .editor-media{ max-width: 920px; margin: 0px auto; width: 100%; }
.wj-hp .editor-under{ display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 22px; }
.wj-hp .editor-under .btn .ic{ width: 16px; height: 16px; fill: currentcolor; stroke: none; margin-right: 6px; vertical-align: -2px; }
.wj-hp .editor-under .editor-caption{ margin-top: 0px; }
@media (max-width: 800px){.wj-hp .editor-copy{ grid-template-columns: 1fr; gap: 20px; }}
.wj-hp 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-hp .about > .wrap::after{ opacity: 0.8; }
.wj-hp .hero{ border-bottom: 3px solid var(--orange); }
.wj-hp .btn-primary{ gap: 0px; transition: padding 0.25s, filter 0.2s; }
.wj-hp .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-hp .btn-primary:hover::after{ max-width: 1.4em; opacity: 1; margin-left: 10px; transform: translateX(0px); }
.wj-hp .btn-primary:hover{ padding-right: 34px; }
.wj-hp .form-card .btn, .wj-hp .price-card .btn{ width: auto; align-self: flex-start; }
.wj-hp .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-hp .why-row-label + .why-grid{ margin-top: 52px; }
.wj-hp .why .sub{ max-width: 760px; margin-left: auto; margin-right: auto; }
.wj-hp .form-card .wj-cform,
.wj-hp .form-card .wj-wdr-widget .wj-audit-form{background:none;box-shadow:none;padding:0;border-radius:0;max-width:none;margin:0}
.wj-hp .form-card .wj-cform-sec{padding:0}
.wj-hp .form-card .wj-wdr-widget{width:100%}