/*
Theme Name: Afinityinc
Theme URI: https://example.com/
Author: Afinityinc
Description: Premium black + light-purple agency theme with editable WordPress content and scroll-driven interactions.
Version: 63.0.0
Text Domain: afinityinc
*/
:root{--black:#070707;--black-2:#0d0d0f;--purple:#c8b6ff;--purple-2:#9d82e8;--purple-soft:#f2efff;--white:#fff;--muted:#96969d;--line:rgba(255,255,255,.12);--container:1200px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(calc(100% - 48px),var(--container));margin:auto}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;background:rgba(7,7,7,.88);backdrop-filter:blur(16px);border-top:3px solid var(--purple);transition:.35s}.site-header.scrolled{background:rgba(7,7,7,.96)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:26px;font-weight:800;letter-spacing:-1.4px}.logo .accent{color:var(--purple)}.desktop-nav{display:flex;align-items:center;gap:34px}.primary-menu,.primary-menu ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:32px}.primary-menu>li{position:relative}.primary-menu a{font-size:16px;color:#f4f4f4;display:flex;align-items:center;gap:7px;padding:9px 0}.primary-menu>li.current-menu-item>a,.primary-menu>li.current_page_item>a{color:var(--purple)}.primary-menu .sub-menu{position:absolute;top:45px;left:-18px;min-width:220px;padding:10px;background:#101012;border:1px solid var(--line);border-radius:14px;display:block;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.primary-menu .sub-menu a{padding:10px 12px;border-radius:9px}.primary-menu .sub-menu a:hover{background:rgba(200,182,255,.1)}.menu-chevron{width:17px;height:17px;border-radius:50%;background:#5c5c61;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:13px 22px;font-size:14px;transition:transform .25s,background .25s,color .25s,border-color .25s}.header-cta:hover,.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--purple);border-color:var(--purple);color:#09090b;font-weight:700}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:790px;display:flex;align-items:center;text-align:center;position:relative;isolation:isolate;padding:140px 0 100px;overflow:hidden;background:radial-gradient(circle at 52% 43%,rgba(200,182,255,.18),transparent 30%),radial-gradient(circle at 18% 45%,rgba(200,182,255,.10),transparent 25%)}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:45% 55% 60% 40%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.08),rgba(200,182,255,.04) 42%,transparent 70%);border:1px solid rgba(255,255,255,.08);filter:blur(.2px);left:14%;top:18%;transform:rotate(18deg);z-index:-1;animation:float 9s ease-in-out infinite}.hero:after{content:"✦";position:absolute;color:var(--purple);font-size:72px;left:14%;bottom:110px;animation:float 5s ease-in-out infinite reverse}.hero-inner{max-width:1100px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.eyebrow strong{color:var(--purple)}.hero h1{font-size:clamp(58px,7.8vw,116px);line-height:1.3em;letter-spacing:-.065em;margin:0 auto 28px;text-transform:uppercase;max-width:1000px}.hero h1 .purple{color:var(--purple)}.hero p{max-width:670px;margin:0 auto 32px;color:#d0d0d4;font-size:18px;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:12px}.hero-orb{position:absolute;right:11%;top:30%;width:16px;height:16px;border-radius:50%;background:var(--purple);box-shadow:0 0 70px 20px rgba(200,182,255,.3);animation:pulse 4s infinite}.trust-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(14,14,16,.8);border-radius:12px;padding:9px 13px;margin-bottom:28px;font-size:14px}.trust-dot{width:22px;height:22px;border-radius:7px;background:var(--purple);display:inline-block}
.logo-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;background:#0a0a0a}.logo-track{display:flex;align-items:center;gap:70px;width:max-content;animation:marquee 25s linear infinite}.logo-placeholder{font-size:15px;letter-spacing:.12em;color:#b9b9bd;white-space:nowrap;font-weight:700}
.section{padding:120px 0;background:var(--black)}.section.light{background:var(--purple-soft);color:#11111a}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:start;margin-bottom:55px}.section-head h2{font-size:42px;line-height:1.2em;letter-spacing:0em;text-transform:capitalize;margin:0}.section-head h2 .purple{color:var(--purple-2)}.section-head p{color:var(--muted);line-height:1.65;margin:0}.light .section-head p{color:#77727f}
.showcase{height:720px;position:relative;overflow:hidden;background:#090909}.showcase-stage{height:100%;position:relative;display:flex;align-items:center;justify-content:center;perspective:1400px}.showcase-floor{position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(200,182,255,.18),transparent 42%),linear-gradient(180deg,#080808,#111116)}.showcase-frame{position:relative;width:min(1050px,82vw);height:500px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#24242a,#0b0b0e);box-shadow:0 35px 100px rgba(0,0,0,.7);transform:rotateX(5deg) rotateY(-8deg);overflow:hidden;z-index:2}.showcase-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,182,255,.22),transparent 35%,rgba(255,255,255,.03) 70%)}.screen-grid{position:absolute;inset:45px 50px;display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.screen-main,.screen-side{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#15151a;overflow:hidden}.screen-main:before{content:"AFINITYINC / DIGITAL EXPERIENCE";display:block;color:#fff;font-weight:800;font-size:28px;padding:45px 30px}.screen-main:after{content:"";display:block;width:62%;height:120px;margin:0 30px;border-radius:14px;background:linear-gradient(135deg,var(--purple),#8e6ee5)}.screen-side{padding:18px}.screen-side span{display:block;height:45px;border-radius:8px;background:#26262d;margin-bottom:12px}.showcase-caption{position:absolute;left:6%;bottom:45px;z-index:3}.showcase-caption span{color:var(--purple);font-size:12px;text-transform:uppercase;letter-spacing:.15em}.showcase-caption h3{font-size:36px;margin:8px 0 0;letter-spacing:-.04em}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:210px;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px;background:#0c0c0f;transition:.35s;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:140px;height:140px;background:var(--purple);filter:blur(80px);opacity:0;right:-50px;bottom:-50px;transition:.35s}.service-card:hover{transform:translateY(-6px);border-color:rgba(200,182,255,.35)}.service-card:hover:after{opacity:.16}.service-num{font-size:12px;color:var(--purple);margin-bottom:35px}.service-card h3{font-size:22px;margin:0 0 12px;letter-spacing:-.03em}.service-card p{color:var(--muted);line-height:1.5;margin:0}
.process-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.process-list{position:relative;padding-left:34px}.process-line{position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:#d5cdef}.process-progress{position:absolute;left:3px;top:8px;width:5px;height:0;background:var(--purple-2);border-radius:8px;transition:height .25s}.process-item{position:relative;min-height:150px;padding:0 0 48px 30px;opacity:.32;transition:opacity .35s}.process-item:before{content:"";position:absolute;left:-35px;top:5px;width:10px;height:10px;border-radius:50%;background:#bdb7c8;transition:.35s}.process-item.active{opacity:1}.process-item.active:before{background:var(--purple-2);box-shadow:0 0 0 6px rgba(114,89,189,.14)}.process-item .step-no{color:#8f879f;font-size:12px;letter-spacing:.1em}.process-item h3{font-size:30px;margin:7px 0 8px;letter-spacing:-.04em}.process-item p{margin:0;color:#77727f;line-height:1.5;max-width:470px}.process-visual{position:sticky;top:120px;height:600px;display:flex;align-items:center;justify-content:center}.process-image{position:absolute;width:100%;height:100%;border-radius:20px;background:#15121d;border:1px solid #d9d2eb;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.94) translateY(20px);transition:opacity .55s,transform .7s}.process-image.active{opacity:1;transform:none}.mock-ui{width:72%;height:72%;border-radius:18px;background:#08080a;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.mock-ui .bar{height:18px;width:38%;background:#3b3744;border-radius:6px;margin-bottom:30px}.mock-ui .hero-block{height:150px;background:var(--purple);border-radius:14px;margin-bottom:16px}.mock-ui .rows{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-ui .rows i{height:80px;background:#302c3a;border-radius:12px;display:block}
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{border-radius:18px;overflow:hidden;background:#0d0d10;border:1px solid rgba(255,255,255,.08);transition:.4s}.project-card:hover{transform:translateY(-7px)}.project-media{aspect-ratio:1.45;background:linear-gradient(135deg,#2b2340,#110f18);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:800;letter-spacing:-.04em;position:relative;overflow:hidden}.project-media:after{content:"";position:absolute;inset:15%;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(200,182,255,.2),transparent)}.project-body{padding:20px}.project-body h3{margin:0 0 7px;font-size:20px}.project-body p{margin:0;color:var(--muted);line-height:1.5}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:34px 18px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:50px;letter-spacing:-.06em;color:var(--purple)}.stat span{display:block;color:var(--muted);margin-top:6px}.cta{padding:150px 0;text-align:center;background:radial-gradient(circle at center,rgba(200,182,255,.18),transparent 42%),#080808}.cta h2{font-size:clamp(50px,7vw,92px);line-height:.9;letter-spacing:-.065em;max-width:900px;margin:15px auto 35px}.cta h2 span{color:var(--purple)}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-item{border-top:1px solid #d9d2e3}.faq-q{padding:22px 0;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.faq-q span{font-size:22px}.faq-a{display:grid;grid-template-rows:0fr;transition:.4s}.faq-a>div{overflow:hidden}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a-inner{padding:0 0 22px;color:#77727f;line-height:1.6}
.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.post-card{border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:#0d0d10}.post-thumb{aspect-ratio:auto;background:linear-gradient(135deg,#2e2742,#141119);display:flex;align-items:center;justify-content:center;color:var(--purple);font-weight:800}.post-body{padding:20px}.post-tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--purple)}.post-body h3{font-size:22px;line-height:1.05;margin:12px 0}.post-body p{color:var(--muted);line-height:1.5}.testimonial{max-width:900px;margin:auto;text-align:center}.quote{font-size:clamp(30px,4vw,55px);line-height:1;letter-spacing:-.05em}.quote-mark{color:var(--purple)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid h2{font-size:clamp(50px,6vw,82px);line-height:.9;letter-spacing:-.06em;margin:0 0 25px}.contact-grid h2 span{color:var(--purple)}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);background:#0d0d10;color:#fff;border-radius:10px;padding:15px 16px;font:inherit}.contact-form textarea{min-height:150px;resize:vertical}.site-footer{border-top:1px solid var(--line);padding:75px 0 30px;background:#080808}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-brand{font-size:clamp(55px,9vw,125px);font-weight:800;letter-spacing:-.08em;line-height:.8;margin:70px 0 35px}.footer-col h4{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.12em}.footer-col a{display:block;margin:10px 0;color:#ddd}.copyright{border-top:1px solid var(--line);padding-top:22px;color:#666;font-size:12px;display:flex;justify-content:space-between}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translate(18px,-22px) rotate(28deg)}}@keyframes pulse{50%{transform:scale(1.5);opacity:.65}}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.hero .reveal{opacity:1;transform:none;transition:none;animation:heroReveal .8s ease both}@keyframes heroReveal{from{opacity:.01;transform:translateY(35px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero .reveal{animation:none}}
@media(max-width:900px){.container{width:min(calc(100% - 32px),var(--container))}.desktop-nav{display:none}.mobile-toggle{display:block}.nav{height:72px}.hero{min-height:700px;padding-top:110px}.hero h1{font-size:40px !important;}.hero:after{left:5%;bottom:80px;font-size:50px}.section{padding:85px 0}.section-head,.process-wrap,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.showcase{height:560px}.showcase-frame{height:350px;width:92vw}.screen-grid{inset:25px}.screen-main:before{font-size:18px;padding:30px 18px}.service-grid,.insights{grid-template-columns:1fr 1fr}.process-visual{position:sticky;top:90px;height:430px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.work-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{margin-top:45px}}
@media(max-width:600px){.hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:210px}.logo-track{gap:40px}.section-head h2{font-size:52px}.service-grid,.insights,.footer-grid{grid-template-columns:1fr}.showcase-caption{left:20px}.showcase-caption h3{font-size:27px}.process-wrap{gap:25px}.process-list{padding-left:28px}.process-item{padding-left:22px}.process-item:before{left:-29px}.process-visual{height:380px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:36px}.stat{padding:25px 12px}.contact-grid h2{font-size:55px}.copyright{flex-direction:column;gap:10px}}
/* V3: ZeeFrames-inspired mega menu, video showcase and editable footer */
.site-header{border-top-width:3px}.mega-menu{position:absolute;left:0;right:0;top:100%;background:rgba(8,8,9,.98);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s;z-index:999}.site-header:has(.mega-trigger:hover) .mega-menu,.site-header.mega-open .mega-menu,.mega-menu:hover{opacity:1;visibility:visible;transform:none}.mega-inner{width:min(calc(100% - 100px),1240px);margin:auto;display:grid;grid-template-columns:270px 1fr;gap:24px;padding:34px 0 38px}.mega-categories{display:flex;flex-direction:column;gap:8px}.mega-category{border:0;background:transparent;color:#eee;padding:16px 18px;border-radius:10px;text-align:left;font:700 16px Inter,Arial,sans-serif;display:flex;align-items:center;gap:13px;cursor:pointer}.mega-category.active,.mega-category:hover{background:rgba(200,182,255,.11)}.mega-category:first-child.active{box-shadow:inset 0 0 0 1px rgba(200,182,255,.04)}.mega-category>span{display:inline-block}.mega-panels{min-height:390px}.mega-panel{display:none;grid-template-columns:1fr 1fr;gap:20px}.mega-panel.active{display:grid}.mega-card{display:flex;gap:15px;padding:22px 22px;background:#0b0b0d;border:1px solid rgba(255,255,255,.025);min-height:112px;transition:.25s}.mega-card:hover{background:#0f0f12;border-color:rgba(200,182,255,.12);transform:translateY(-2px)}.mega-card-icon{width:26px;color:#eee;font-size:22px;line-height:1}.mega-card strong{display:block;font-size:16px;margin-bottom:8px}.mega-card small{display:block;color:#aaa;line-height:1.45;font-size:14px;max-width:320px}.menu-item-icon{display:inline-flex;width:22px;justify-content:center}.primary-menu>li>a{position:relative}.primary-menu>li.mega-trigger>a{color:#fff}.primary-menu>li.mega-trigger>a:hover{color:var(--purple)}
.showcase{height:760px}.showcase-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.showcase-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.5) 55%,rgba(0,0,0,.86)),radial-gradient(circle at center,rgba(200,182,255,.12),transparent 45%)}.showcase-caption{left:6%;bottom:54px;max-width:680px}.showcase-caption h3{font-size:clamp(32px,4vw,60px);line-height:.95}.showcase-caption p{max-width:560px;color:#ccc;line-height:1.5;margin-top:14px}
.process-list{min-height:850px}.process-item{min-height:150px}.process-visual{height:700px}.process-image{overflow:hidden}.process-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(200,182,255,.22),transparent 30%)}.visual-label{position:absolute;bottom:20px;left:22px;font-size:11px;letter-spacing:.12em;color:#777;text-transform:uppercase}.light .process-item h3{font-size:30px}.light .process-item p{font-size:15px}
.project-media img,.post-thumb img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.project-media>span{position:relative;z-index:3}.project-media:has(img):after{display:none}
.contact-form-wrap form.wpcf7-form{display:grid;gap:12px}.contact-form-wrap .wpcf7-form-control-wrap{display:block}.contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select{width:100%;border:1px solid var(--line);background:#0d0d10;color:#fff;border-radius:10px;padding:15px 16px;font:inherit}.contact-form-wrap textarea{min-height:150px;resize:vertical}.contact-form-wrap input[type=submit]{width:auto;display:inline-flex;cursor:pointer;background:var(--purple);border-color:var(--purple);color:#09090b;font-weight:700;border-radius:999px;padding:14px 24px}.contact-form-wrap .wpcf7-spinner{display:none}.contact-form-wrap .wpcf7-not-valid-tip{font-size:12px;color:#ff9d9d;margin-top:5px}.contact-form-wrap .wpcf7-response-output{margin:10px 0 0;border-radius:8px;color:#fff}
.site-footer{padding:0;background:#080808}.footer-locations{background:#191919;border-bottom:1px solid rgba(255,255,255,.12)}.footer-location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:16px 0}.footer-location{display:flex;align-items:center;gap:18px;min-height:88px}.location-icon{width:60px;height:70px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:40px;border-right:1px solid rgba(255,255,255,.1)}.footer-location strong{display:block;font-size:15px;color:#fff}.footer-location p{font-size:12px;color:#aaa;line-height:1.45;margin:4px 0}.footer-location a{font-size:12px;color:var(--purple);font-weight:700}.footer-main{padding:36px 0 22px}.footer-brand-big{font-size:clamp(80px,13vw,170px);line-height:.78;font-weight:800;letter-spacing:-.085em;margin:0 0 55px;color:#f4f4f4;white-space:nowrap}.footer-content-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:45px}.footer-about p{color:#c7c7c7;line-height:1.55;max-width:400px;font-size:14px}.footer-badges{display:flex;align-items:center;gap:15px;margin-top:24px;min-height:45px}.footer-badges img{max-height:45px;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.5)}.footer-col h4{color:#fff;margin:0 0 15px;font-size:13px;text-transform:none;letter-spacing:0}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin:0 0 10px}.footer-links a{color:#8f8f95;font-size:13px}.footer-links a:hover{color:#fff}.footer-menu-note{color:#666;font-size:12px}.copyright{margin-top:42px;padding-top:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.copyright>a{color:#888;text-align:center;font-size:12px}.socials{display:flex;justify-content:flex-end;gap:8px}.socials a{width:31px;height:31px;border-radius:50%;background:#222;display:inline-flex;align-items:center;justify-content:center;color:#ddd;font-size:12px;font-weight:700}.socials a:hover{background:var(--purple);color:#111}
@media(max-width:1000px){.mega-inner{width:calc(100% - 40px);grid-template-columns:200px 1fr}.mega-card{padding:16px}.footer-location-grid{grid-template-columns:1fr}.footer-content-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-col:last-child{grid-column:2}.copyright{grid-template-columns:1fr auto}.copyright .socials{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:900px){.mega-menu{display:none}.showcase{height:560px}.showcase-caption{bottom:28px}.process-list{min-height:auto}.process-visual{height:430px}.footer-content-grid{grid-template-columns:1fr 1fr}.footer-col:last-child{grid-column:auto}.footer-brand-big{white-space:normal}}
@media(max-width:600px){.footer-content-grid{grid-template-columns:1fr}.copyright{display:flex;flex-direction:column;align-items:flex-start}.socials{justify-content:flex-start}.footer-location-grid{padding:8px 0}.footer-brand-big{font-size:70px;margin-bottom:38px}.footer-badges{flex-wrap:wrap}}
@media(max-width:900px){.desktop-nav.mobile-open{display:block;position:absolute;left:16px;right:16px;top:78px;background:#0b0b0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px}.desktop-nav.mobile-open .primary-menu{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.desktop-nav.mobile-open .header-cta{margin-top:10px}.desktop-nav.mobile-open nav{width:100%}}

/* V4 content system */
.service-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-category{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#0c0c0f;padding:28px;position:relative;overflow:hidden}.service-category:after{content:"";position:absolute;width:220px;height:220px;right:-100px;bottom:-120px;background:var(--purple);filter:blur(90px);opacity:.05}.service-category-top{display:flex;align-items:flex-start;gap:18px}.service-category-top>span{color:var(--purple);font-size:12px;font-weight:700;letter-spacing:.1em}.service-category-top h3{font-size:28px;letter-spacing:-.04em;margin:0}.category-intro{color:var(--muted);line-height:1.55;max-width:560px}.category-services{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.service-mini{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#eee;font-size:14px;transition:.25s}.service-mini b{color:var(--purple);font-weight:400}.service-mini:hover{background:rgba(200,182,255,.08);border-color:rgba(200,182,255,.2);transform:translateY(-2px)}.category-link{display:inline-block;margin-top:24px;color:var(--purple);font-size:13px;font-weight:700}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.testimonial-card{border:1px solid rgba(0,0,0,.1);border-radius:18px;padding:28px;background:#fff}.testimonial-head{display:flex;align-items:center;gap:13px}.testimonial-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#16161a;color:var(--purple);display:flex;align-items:center;justify-content:center;font-weight:800}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-head strong{display:block;font-size:15px}.testimonial-head small{display:block;color:#77727f;margin-top:3px;font-size:12px}.stars{color:#111;margin:20px 0 12px;letter-spacing:2px}.testimonial-card blockquote{margin:0;color:#17171c;font-size:19px;line-height:1.4;letter-spacing:-.02em}.testimonial-card blockquote p{margin:0}.page-top-spacer{height:86px}
@media(max-width:900px){.service-category-grid,.testimonial-grid{grid-template-columns:1fr}.category-services{grid-template-columns:1fr}}

.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.industry-card{position:relative;min-height:150px;border:1px solid rgba(17,17,26,.1);border-radius:14px;padding:20px;background:rgba(255,255,255,.4);display:flex;flex-direction:column;justify-content:space-between;color:#11111a;transition:.3s}.industry-card span{font-size:11px;color:#77727f}.industry-card strong{font-size:18px;line-height:1.05;letter-spacing:-.03em}.industry-card b{position:absolute;right:17px;top:17px;color:#765bd0;font-weight:400}.industry-card:hover{transform:translateY(-5px);background:#fff;border-color:rgba(118,91,208,.25)}.logo img{max-height:55px;width:auto;object-fit:contain}.logo{display:flex;align-items:center}
@media(max-width:1000px){.industry-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.industry-grid{grid-template-columns:1fr 1fr}}

/* V5 refinements */
.selected-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.selected-service{min-height:255px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0c0c0f;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .35s,border-color .35s,background .35s}.selected-service:after{content:"";position:absolute;width:240px;height:240px;right:-120px;bottom:-140px;background:var(--purple);filter:blur(100px);opacity:.07}.selected-service:hover{transform:translateY(-5px);border-color:rgba(200,182,255,.28);background:#101014}.selected-service-top{display:flex;justify-content:space-between;align-items:center;color:var(--purple);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.selected-service .service-cat{color:#74747c;font-weight:500;letter-spacing:.04em}.selected-service h3{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.045em;line-height:1;margin:22px 0 10px;max-width:520px}.selected-service p{color:#9c9ca4;line-height:1.55;max-width:560px;margin:0}.selected-service>a{margin-top:24px;color:var(--purple);font-weight:700;font-size:14px}.selected-service>a b{font-weight:400;margin-left:5px}.testimonial-contact{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:var(--purple-soft)}.testimonial-side{background:#fff;color:#16161b;padding:80px max(40px,6vw);display:flex;flex-direction:column;justify-content:center;position:relative}.contact-side{background:#080808;color:#fff;padding:80px max(40px,6vw);display:flex;flex-direction:column;justify-content:center}.testimonial-kicker,.contact-side .eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:24px;color:#7660c9}.contact-side .eyebrow{color:var(--purple)}.testimonial-carousel{position:relative;min-height:420px}.testimonial-slide{display:none;animation:testimonialIn .5s ease}.testimonial-slide.active{display:flex;flex-direction:column}.quote-mark{font-family:Georgia,serif;font-size:100px;line-height:.55;color:#575762;height:50px}.testimonial-slide blockquote{font-size:clamp(24px,2.3vw,36px);line-height:1.2;letter-spacing:-.035em;margin:18px 0 45px;max-width:650px}.testimonial-person{display:flex;align-items:center;gap:14px}.testimonial-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#eee}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-person strong{display:block;font-size:15px}.testimonial-person small{display:block;color:#777;margin-top:4px}.review-stars{margin-top:18px;letter-spacing:3px;font-size:14px}.testimonial-controls{display:flex;align-items:center;gap:14px;margin-top:30px}.testimonial-prev,.testimonial-next{width:44px;height:44px;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:#fff;color:#222;font-size:26px;line-height:1;cursor:pointer}.testimonial-dots{display:flex;gap:5px;align-items:center}.testimonial-dot{width:8px;height:8px;border:0;border-radius:50%;background:#d7d7dc;padding:0;cursor:pointer}.testimonial-dot.active{width:30px;border-radius:10px;background:#17171c}.contact-side h2{font-size:clamp(42px,5vw,72px);line-height:.92;letter-spacing:-.055em;margin:0 0 16px;max-width:600px}.contact-side>p{color:#9b9ba3;line-height:1.5;max-width:620px;margin:0 0 34px}.contact-form-wrap form.wpcf7-form{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;row-gap:22px}.contact-form-wrap form.wpcf7-form>label{display:block}.contact-form-wrap form.wpcf7-form>label:nth-of-type(5){grid-column:1/-1}.contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select{border:0;border-bottom:1px solid #666;background:transparent;border-radius:0;padding:13px 0;color:#fff}.contact-form-wrap textarea{min-height:85px}.contact-form-wrap input::placeholder,.contact-form-wrap textarea::placeholder{color:#888}.contact-form-wrap select{color:#aaa}.contact-form-wrap option{background:#111;color:#fff}.contact-form-wrap input[type=submit]{grid-column:1/-1;width:100%;border:1px solid var(--purple);background:rgba(200,182,255,.08);color:#fff;padding:16px 20px;margin-top:10px;transition:.25s}.contact-form-wrap input[type=submit]:hover{background:var(--purple);color:#111}.back-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#111;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;z-index:9998;cursor:pointer}.back-to-top.show{opacity:1;visibility:visible;transform:none}.footer-location-grid{grid-template-columns:1fr 1fr}.footer-location{min-height:110px;padding:12px 22px}.footer-location+.footer-location{border-left:1px solid rgba(255,255,255,.12)}.location-icon{width:62px;font-size:42px}.location-copy strong{font-size:17px}.location-copy p{font-size:14px;line-height:1.45}.location-contact{display:flex;gap:16px;flex-wrap:wrap}.location-contact a{font-size:13px}.footer-main{padding-top:55px}.footer-brand-big{font-size:clamp(100px,15vw,205px);margin-bottom:70px}.footer-content-grid{gap:65px}.footer-about p{font-size:16px;line-height:1.6}.footer-col h4{font-size:15px;margin-bottom:20px}.footer-links li{margin-bottom:13px}.footer-links a{font-size:15px}.copyright{font-size:13px}.copyright>a{font-size:13px}.socials a{width:36px;height:36px;font-size:13px}.afinityinc-multi-select{display:grid;gap:7px;margin-top:8px}.afinityinc-multi-select label{display:flex;align-items:center;gap:7px}.afinityinc-multi-select input{margin:0}.customize-control-description{display:block;margin:0 0 10px}
@keyframes testimonialIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.selected-services-grid,.testimonial-contact{grid-template-columns:1fr}.testimonial-side,.contact-side{padding:60px 28px}.testimonial-side{min-height:580px}.contact-side{min-height:650px}.footer-location-grid{grid-template-columns:1fr}.footer-location+.footer-location{border-left:0;border-top:1px solid rgba(255,255,255,.12)}.contact-form-wrap form.wpcf7-form{grid-template-columns:1fr}.contact-form-wrap form.wpcf7-form>label:nth-of-type(5),.contact-form-wrap input[type=submit]{grid-column:auto}.footer-brand-big{font-size:90px;margin-bottom:45px}}
@media(max-width:600px){.selected-service{min-height:230px;padding:22px}.testimonial-slide blockquote{font-size:23px}.testimonial-carousel{min-height:390px}.contact-side h2{font-size:48px}.footer-brand-big{font-size:64px}.footer-about p{font-size:14px}.footer-links a{font-size:14px}.location-copy p{font-size:13px}}

/* V7 contact form + Google Reviews refinement */
.google-reviews-badge{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;width:max-content;padding:9px 13px 9px 9px;border:1px solid rgba(17,17,26,.12);border-radius:12px;background:#fff}.google-g-mark{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.google-g-mark svg{width:25px;height:25px;display:block}.google-reviews-badge strong{display:block;font-size:14px;line-height:1.1;color:#17171c}.google-reviews-badge small{display:block;margin-top:4px;font-size:11px;letter-spacing:1.5px;color:#6f6f77}.google-reviews-badge small b{letter-spacing:0;color:#17171c;margin-left:4px}.contact-form-wrap form.wpcf7-form{grid-template-columns:1fr 1fr;column-gap:42px;row-gap:20px}.contact-form-wrap form.wpcf7-form>label{display:block;font-size:0;line-height:0}.contact-form-wrap form.wpcf7-form>label:nth-of-type(5){grid-column:1/-1}.contact-form-wrap .wpcf7-form-control-wrap{display:block;width:100%}.contact-form-wrap input:not([type=submit]),.contact-form-wrap textarea,.contact-form-wrap select{width:100%;font-size:15px;line-height:1.4}.contact-form-wrap textarea{min-height:110px;resize:vertical}.contact-form-wrap select{appearance:auto}.contact-form-wrap input[type=submit]{grid-column:1/-1;width:100%;margin-top:2px;min-height:52px;border-radius:999px;font-size:15px;font-weight:700}.contact-form-wrap .wpcf7-not-valid-tip{font-size:11px;line-height:1.3;margin-top:5px;color:#ffb3b3}.contact-form-wrap .wpcf7-response-output{grid-column:1/-1;margin:10px 0 0!important;font-size:12px;border-color:var(--purple)!important}.contact-form-wrap .wpcf7-spinner{display:none}
@media(max-width:900px){.contact-form-wrap form.wpcf7-form{grid-template-columns:1fr}.contact-form-wrap form.wpcf7-form>label:nth-of-type(5),.contact-form-wrap input[type=submit]{grid-column:auto}.google-reviews-badge{margin-bottom:14px}}

/* V8: editable brand marquee + process image controls + reference-style contact form */
.logo-image{display:flex;align-items:center;justify-content:center;min-width:110px;height:32px;white-space:nowrap}.logo-image img{display:block;max-width:150px;max-height:30px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(1.35);opacity:.78;transition:opacity .25s,filter .25s}.logo-image:hover img{filter:none;opacity:1}
.process-image{background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.process-image:has(.process-image-fallback){background-color:#15121d}.process-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(200,182,255,.08),rgba(8,8,10,.75))}.process-image[style*="background-image"] .process-image-fallback{opacity:0}.process-image[style*="background-image"] .visual-label{background:rgba(7,7,7,.7);padding:7px 10px;border-radius:999px}
.contact-form-wrap form.wpcf7-form{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:30px}.contact-form-wrap form.wpcf7-form br{display:none}.contact-form-wrap form.wpcf7-form>label{display:block;font-size:16px;line-height:1.3;font-weight:600;color:#f6f4fb}.contact-form-wrap form.wpcf7-form>label:nth-of-type(5){grid-column:1/-1}.contact-form-wrap .wpcf7-form-control-wrap{display:block;width:100%;margin-top:12px}.contact-form-wrap input:not([type=submit]),.contact-form-wrap textarea,.contact-form-wrap select{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #68656f;background:transparent;border-radius:0;outline:0;padding:0 0 13px;color:#fff;font:inherit;font-size:15px;line-height:1.4;box-shadow:none}.contact-form-wrap input:not([type=submit]):focus,.contact-form-wrap textarea:focus,.contact-form-wrap select:focus{border-bottom-color:var(--purple);box-shadow:none}.contact-form-wrap input::placeholder,.contact-form-wrap textarea::placeholder{color:transparent}.contact-form-wrap select{color:#b8b4c0;appearance:auto}.contact-form-wrap option{background:#111;color:#fff}.contact-form-wrap textarea{min-height:82px;resize:vertical}.contact-form-wrap input[type=submit]{grid-column:1/-1;width:100%;min-height:52px;margin:2px 0 0;border:1px solid var(--purple);border-radius:999px;background:rgba(200,182,255,.08);color:#fff;padding:14px 24px;font-size:15px;font-weight:700;cursor:pointer;transition:background .25s,color .25s,transform .25s}.contact-form-wrap input[type=submit]:hover{background:var(--purple);color:#111;transform:translateY(-1px)}.contact-form-wrap .wpcf7-not-valid-tip{font-size:11px;line-height:1.3;margin-top:6px;color:#ffb3b3}.contact-form-wrap .wpcf7-response-output{grid-column:1/-1;margin:4px 0 0!important;font-size:12px;border-color:var(--purple)!important}.contact-form-wrap .wpcf7-spinner{display:none}
.testimonial-name-row{display:flex;align-items:center;gap:11px}.google-mini{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}.google-mini svg{width:18px;height:18px;display:block}.testimonial-person-copy{min-width:0}.testimonial-person-copy>small{display:block;color:#777;margin-top:4px}
@media(max-width:900px){.contact-form-wrap form.wpcf7-form{grid-template-columns:1fr;row-gap:25px}.contact-form-wrap form.wpcf7-form>label:nth-of-type(5),.contact-form-wrap input[type=submit]{grid-column:auto}.logo-image{min-width:90px}.logo-image img{max-width:120px;max-height:26px}}

/* V9 contact layout fix: CF7 may wrap fields in <p>; force message and submit onto full-width rows. */
.contact-form-wrap form.wpcf7-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:48px!important;row-gap:30px!important;align-items:end!important}
.contact-form-wrap form.wpcf7-form>p{margin:0!important;min-width:0!important}
.contact-form-wrap form.wpcf7-form>p:has(textarea),
.contact-form-wrap form.wpcf7-form>label:has(textarea){grid-column:1/-1!important;width:100%!important}
.contact-form-wrap form.wpcf7-form>p:has(input[type="submit"]),
.contact-form-wrap form.wpcf7-form>label:has(input[type="submit"]){grid-column:1/-1!important;width:100%!important}
.contact-form-wrap form.wpcf7-form>p:has(textarea) label,
.contact-form-wrap form.wpcf7-form>label:has(textarea){width:100%!important}
.contact-form-wrap form.wpcf7-form textarea{width:100%!important;display:block!important;min-height:92px!important}
.contact-form-wrap form.wpcf7-form input[type="submit"]{display:block!important;width:100%!important;grid-column:1/-1!important;margin:0!important}
@media(max-width:900px){.contact-form-wrap form.wpcf7-form{grid-template-columns:1fr!important;column-gap:0!important}.contact-form-wrap form.wpcf7-form>p:has(textarea),.contact-form-wrap form.wpcf7-form>p:has(input[type="submit"]),.contact-form-wrap form.wpcf7-form>label:has(textarea),.contact-form-wrap form.wpcf7-form>label:has(input[type="submit"]){grid-column:1!important}}

/* V10: Contact Form 7 layout — message full width, submit always below message. */
.contact-form-wrap form.wpcf7-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 48px !important;
  row-gap: 28px !important;
  width: 100% !important;
}

/* Keep the first four fields in two columns. */
.contact-form-wrap form.wpcf7-form > p:has(input:not([type="submit"])),
.contact-form-wrap form.wpcf7-form > label:has(input:not([type="submit"])),
.contact-form-wrap form.wpcf7-form > div:has(input:not([type="submit"])) {
  min-width: 0 !important;
}

/* Message: its own full-width row. */
.contact-form-wrap form.wpcf7-form > p:has(textarea),
.contact-form-wrap form.wpcf7-form > label:has(textarea),
.contact-form-wrap form.wpcf7-form > div:has(textarea) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.contact-form-wrap form.wpcf7-form > p:has(textarea) .wpcf7-form-control-wrap,
.contact-form-wrap form.wpcf7-form > label:has(textarea) .wpcf7-form-control-wrap,
.contact-form-wrap form.wpcf7-form > div:has(textarea) .wpcf7-form-control-wrap,
.contact-form-wrap form.wpcf7-form textarea {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}

/* Submit: its own full-width row after the message. */
.contact-form-wrap form.wpcf7-form > p:has(input[type="submit"]),
.contact-form-wrap form.wpcf7-form > label:has(input[type="submit"]),
.contact-form-wrap form.wpcf7-form > div:has(input[type="submit"]) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.contact-form-wrap form.wpcf7-form input[type="submit"] {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .contact-form-wrap form.wpcf7-form {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  .contact-form-wrap form.wpcf7-form > p:has(textarea),
  .contact-form-wrap form.wpcf7-form > label:has(textarea),
  .contact-form-wrap form.wpcf7-form > div:has(textarea),
  .contact-form-wrap form.wpcf7-form > p:has(input[type="submit"]),
  .contact-form-wrap form.wpcf7-form > label:has(input[type="submit"]),
  .contact-form-wrap form.wpcf7-form > div:has(input[type="submit"]) {
    grid-column: 1 !important;
  }
}

/* V11: CF7 — first four fields two columns; message full width; submit below. */
.contact-form-wrap form.wpcf7-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 28px 42px !important;
  width: 100% !important;
}
.contact-form-wrap form.wpcf7-form > p,
.contact-form-wrap form.wpcf7-form > label,
.contact-form-wrap form.wpcf7-form > div {
  grid-column: auto;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.contact-form-wrap form.wpcf7-form > p:has(textarea),
.contact-form-wrap form.wpcf7-form > label:has(textarea),
.contact-form-wrap form.wpcf7-form > div:has(textarea) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
.contact-form-wrap form.wpcf7-form > p:has(input[type="submit"]),
.contact-form-wrap form.wpcf7-form > label:has(input[type="submit"]),
.contact-form-wrap form.wpcf7-form > div:has(input[type="submit"]) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
.contact-form-wrap form.wpcf7-form textarea,
.contact-form-wrap form.wpcf7-form > p:has(textarea) .wpcf7-form-control-wrap,
.contact-form-wrap form.wpcf7-form > label:has(textarea) .wpcf7-form-control-wrap,
.contact-form-wrap form.wpcf7-form > div:has(textarea) .wpcf7-form-control-wrap {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}
.contact-form-wrap form.wpcf7-form input:not([type="submit"]),
.contact-form-wrap form.wpcf7-form select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.contact-form-wrap form.wpcf7-form input[type="submit"] {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  .contact-form-wrap form.wpcf7-form { grid-template-columns: 1fr !important; }
  .contact-form-wrap form.wpcf7-form > p,
  .contact-form-wrap form.wpcf7-form > label,
  .contact-form-wrap form.wpcf7-form > div,
  .contact-form-wrap form.wpcf7-form > p:has(textarea),
  .contact-form-wrap form.wpcf7-form > label:has(textarea),
  .contact-form-wrap form.wpcf7-form > div:has(textarea),
  .contact-form-wrap form.wpcf7-form > p:has(input[type="submit"]),
  .contact-form-wrap form.wpcf7-form > label:has(input[type="submit"]),
  .contact-form-wrap form.wpcf7-form > div:has(input[type="submit"]) { grid-column: 1 !important; width: 100% !important; }
}

/* V12: Explicit support for the user's custom CF7 .afinity-form-grid markup. */
.contact-form-wrap .afinity-form-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 48px !important;
  row-gap: 30px !important;
  width: 100% !important;
  margin: 0 !important;
}
.contact-form-wrap .afinity-form-grid > .afinity-field {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.contact-form-wrap .afinity-form-grid > .afinity-message {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
.contact-form-wrap .afinity-form-grid > .afinity-submit {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 !important;
}
.contact-form-wrap .afinity-form-grid .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
  margin-top: 12px !important;
}
.contact-form-wrap .afinity-form-grid input:not([type="submit"]),
.contact-form-wrap .afinity-form-grid select,
.contact-form-wrap .afinity-form-grid textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.contact-form-wrap .afinity-form-grid textarea {
  min-height: 92px !important;
}
.contact-form-wrap .afinity-form-grid .afinity-submit input[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  .contact-form-wrap .afinity-form-grid {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }
  .contact-form-wrap .afinity-form-grid > .afinity-field,
  .contact-form-wrap .afinity-form-grid > .afinity-message,
  .contact-form-wrap .afinity-form-grid > .afinity-submit {
    grid-column: 1 !important;
  }
}


/* v13 — Hero, brand marquee, footer locations and requested menu chevron. */
.menu-chevron {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(92, 92, 97);
    color: transparent;
    font-size: 0;
    line-height: 1;
    position: relative;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
}
.menu-chevron::before {
    content: "";
    width: 4px;
    height: 4px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) translate(0px, 0px);
}

.hero { min-height: 790px; }
.hero-inner { position: relative; z-index: 2; }
.trust-pill { gap: 9px; padding: 9px 12px; border-radius: 12px; }
.trust-copy { font-size: var(--hero-eyebrow-size, 13px); color: #f1f1f3; white-space: nowrap; }
.hero-tool-logos { display: inline-flex; align-items: center; gap: 4px; }
.hero-tool-logo { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #242427; overflow: hidden; }
.hero-tool-logo img { width: 20px; height: 20px; object-fit: contain; }
.hero h1 { font-size: 72px; margin-bottom: 24px; }
.hero-subheading { display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 0; color: #f3f3f5; font-size: var(--hero-subheading-size, 24px); line-height: 1.25; margin: 0 auto 17px; letter-spacing: -.025em; }
.hero-subheading strong { color: #e7ff00; font-weight: 700; display: inline-block; min-width: 1ch; transition: opacity .2s, transform .2s; }
.hero-subheading strong.is-changing { opacity: 0; transform: translateY(5px); }
.hero p { font-size: var(--hero-text-size, 17px); }
.hero-actions .btn { font-size: var(--hero-button-size, 14px); font-weight: var(--hero-button-weight, 600); }
.hero-actions .btn.primary { font-weight: var(--hero-button-weight, 600); }

.logo-marquee { border-top: 0; border-bottom: 0; padding: 44px 0 48px; background: #0a0a0a; }
.brand-marquee-inner { overflow: hidden; }
.brand-marquee-heading { text-align: center; color: #f0f0f2; font-size: 13px; font-weight: 800; letter-spacing: .03em; margin-bottom: 30px; }
.logo-track { gap: 66px; animation-duration: 28s; }
.logo-image { min-width: 125px; height: 42px; }
.logo-image img { max-width: 150px; max-height: 38px; width: auto; height: auto; object-fit: contain; filter: grayscale(1) brightness(1.45); opacity: .82; }
.logo-image:hover img { filter: none; opacity: 1; }

.project-body p { max-width: 430px; line-height: 1.45; }

.footer-locations { border-bottom: 0; background: #191919; }
.footer-location-grid { grid-template-columns: 1fr 1fr; gap: 0; padding: 16px 0; }
.footer-location { min-height: 112px; padding: 10px 22px; gap: 18px; }
.footer-location + .footer-location { border-left: 1px solid rgba(255,255,255,.12); }
.location-icon { width: 62px; height: 82px; border-right: 1px solid rgba(255,255,255,.1); color: #aaa; font-size: 0; flex: 0 0 62px; }
.location-icon svg { width: 62px; height: 70px; }
.location-icon-asia { color: #c9c9cc; }
.location-icon-europe { color: #c9c9cc; }
.location-copy { min-width: 0; flex: 1; }
.location-copy strong { font-size: 17px; }
.location-copy p { margin: 5px 0 7px; max-width: 470px; font-size: 14px; line-height: 1.45; color: #aaa; }
.location-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.location-contact a { font-size: 13px; line-height: 1.4; color: var(--purple); font-weight: 700; }
.location-phone, .location-email { display: block; }

@media (max-width: 900px) {
    .trust-copy { white-space: normal; }
    .hero-tool-logo { width: 26px; height: 26px; }
    .hero-tool-logo img { width: 17px; height: 17px; }
    .footer-location-grid { grid-template-columns: 1fr; }
    .footer-location + .footer-location { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
}
@media (max-width: 600px) {
    .hero { min-height: 720px; padding-top: 125px; }
    .trust-pill { max-width: calc(100% - 20px); flex-wrap: wrap; justify-content: center; }
    .trust-copy { width: 100%; font-size: 11px; }
    .hero-tool-logos { gap: 3px; }
    .hero-tool-logo { width: 25px; height: 25px; }
    .hero-tool-logo img { width: 16px; height: 16px; }
    .hero-subheading { font-size: max(18px, calc(var(--hero-subheading-size, 24px) * .78)); }
    .brand-marquee-heading { font-size: 11px; padding: 0 15px; }
    .logo-track { gap: 42px; }
    .logo-image { min-width: 95px; }
    .footer-location { padding: 10px 8px; }
}


/* V14 Hero typewriter + clean brand logo marquee */
.logo-marquee {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.hero-subheading strong {
    color: var(--purple) !important;
    position: relative;
    min-width: 0;
}

.hero-animated-word {
    display: inline-block;
    white-space: nowrap;
    min-width: 0;
}

.logo-image img {
    filter: brightness(0) invert(1) !important;
    opacity: .82;
    transition: opacity .25s ease, filter .25s ease, transform .25s ease;
}

.logo-image:hover img {
    filter: brightness(0) invert(1) !important;
    opacity: 1;
}

/* V15 — consistent site-wide CTA button typography + larger brand logos */
.header-cta,
.btn,
.contact-form-wrap input[type="submit"] {
    font-size: var(--hero-button-size, 14px) !important;
    font-weight: var(--hero-button-weight, 600) !important;
}

.logo-image img {
    max-width: 200px;
    max-height: 60px;
}

.logo-image:hover img {
    filter: brightness(0) invert(1) !important;
    opacity: 1;
}

@media (max-width: 900px) {
    .logo-image img {
        max-width: 145px;
        max-height: 34px;
    }
}


/* V16 — CTA sections, FAQ alignment and footer refinements */
.project-placeholder-cta {
    background: var(--black);
    padding: 85px 0 70px;
}

.project-placeholder-card {
    max-width: 930px;
    margin: 0 auto;
    padding: 48px 50px 50px;
    text-align: center;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 24px;
    background: rgba(255,255,255,.012);
}

.project-placeholder-card .eyebrow,
.conversation-cta .eyebrow {
    color: var(--muted);
}

.project-placeholder-card h2 {
    margin: 0 auto 16px;
    max-width: 720px;
    font-size: clamp(34px, 4vw, 58px);
    line-height: .98;
    letter-spacing: -.05em;
}

.project-placeholder-card p {
    max-width: 660px;
    margin: 0 auto 28px;
    color: #a7a7ae;
    font-size: 16px;
    line-height: 1.6;
}

.conversation-cta {
    background: var(--purple);
    color: #09090b;
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}

.conversation-cta-gif {
    position: absolute;
    width: min(360px, 31vw);
    height: auto;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    z-index: 1;
    pointer-events: none;
    object-fit: contain;
}

.conversation-cta-inner {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.conversation-cta .eyebrow {
    color: rgba(9,9,11,.65);
    margin-bottom: 18px;
}

.conversation-cta h2 {
    max-width: 750px;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 42px;
    line-height: .92;
    letter-spacing: 0em;
}

.conversation-cta h2 .purple {
    color: #09090b;
}

.conversation-cta p {
    max-width: 650px;
    margin: 0 0 28px;
    color: rgba(9,9,11,.72);
    font-size: 16px;
    line-height: 1.55;
}

.conversation-cta .btn.primary {
    background: #09090b;
    border-color: #09090b;
    color: var(--purple);
}

/* Keep the FAQ heading at the top instead of vertically centering it. */
#faq .faq-grid {
    align-items: start;
}

#faq .faq-grid > .section-head {
    align-self: start;
    align-items: start;
    margin: 0;
}

#faq .faq {
    align-self: start;
}

#faq .faq-item {
    min-height: 72px;
}

#faq .faq-q {
    min-height: 72px;
    padding: 22px 0;
    align-items: center;
}

/* Large centered footer wordmark using the full available width. */
.footer-brand-big {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: clamp(82px, 17.5vw, 225px);
    line-height: .72;
    letter-spacing: -.095em;
    margin: 0 0 72px;
    white-space: nowrap;
}

.footer-about p {
    max-width: 500px;
}

.footer-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 26px;
    min-height: 48px;
}

.footer-badges img {
    width: auto;
    max-width: 105px;
    max-height: 48px;
    object-fit: contain;
    filter: grayscale(1) brightness(1.5);
}

.footer-badges img:hover {
    filter: grayscale(0) brightness(1);
}

/* Use the same button typography everywhere, including footer and form CTAs. */
.header-cta,
.btn,
.contact-form-wrap input[type="submit"],
.project-placeholder-card .btn,
.conversation-cta .btn {
    font-size: var(--hero-button-size, 14px) !important;
    font-weight: var(--hero-button-weight, 600) !important;
}

/* Requested Services chevron — keep this implementation unchanged. */
.menu-chevron {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(92, 92, 97);
    color: transparent;
    font-size: 0;
    line-height: 1;
    position: relative;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
}

.menu-chevron::before {
    content: "";
    width: 4px;
    height: 4px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) translate(0px, 0px);
}

@media (max-width: 900px) {
    .project-placeholder-card {
        padding: 38px 28px 40px;
    }

    .conversation-cta {
        padding: 75px 0;
    }

    .conversation-cta-gif {
        width: 260px;
        right: -25px;
        opacity: .9;
    }

    .footer-brand-big {
        font-size: 15vw;
        margin-bottom: 55px;
    }
}

@media (max-width: 600px) {
    .project-placeholder-cta {
        padding: 60px 0 50px;
    }

    .project-placeholder-card {
        padding: 32px 20px 34px;
        border-radius: 18px;
    }

    .project-placeholder-card p,
    .conversation-cta p {
        font-size: 15px;
    }

    .conversation-cta {
        padding: 65px 0;
    }

    .conversation-cta-gif {
        width: 190px;
        right: -55px;
        opacity: .65;
    }

    .conversation-cta h2 {
        font-size: clamp(40px, 12vw, 60px);
    }

    .footer-brand-big {
        font-size: 17vw;
        line-height: .78;
        margin-bottom: 42px;
        white-space: normal;
        word-break: keep-all;
    }

    .footer-badges {
        gap: 14px;
    }
}


/* V18 refinements: footer alignment, wordmark fit, and compact FAQ spacing. */
#faq.section {
    padding-top: 55px;
    padding-bottom: 55px;
}

#faq .faq-item {
    min-height: 60px;
}

#faq .faq-q {
    min-height: 60px;
    padding: 16px 0;
}

.footer-brand-big {
    width: calc(100% - 36px);
    margin-left: 18px;
    margin-right: 18px;
    font-size: clamp(82px, 12vw, 175px);
    line-height: .78;
    letter-spacing: -.085em;
    text-align: center;
    overflow: hidden;
}

.copyright {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.copyright > span {
    flex: 0 1 auto;
}

.copyright .socials {
    margin-left: auto;
    justify-content: flex-end;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    #faq.section {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .footer-brand-big {
        width: calc(100% - 28px);
        margin-left: 14px;
        margin-right: 14px;
        font-size: clamp(70px, 15vw, 125px);
    }
}

@media (max-width: 600px) {
    #faq.section {
        padding-top: 38px;
        padding-bottom: 38px;
    }

    #faq .faq-q {
        padding: 14px 0;
    }

    .copyright {
        flex-direction: row !important;
        align-items: center !important;
    }

    .copyright .socials {
        margin-left: auto;
        justify-content: flex-end;
    }

    .footer-brand-big {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        font-size: clamp(58px, 16vw, 95px);
    }
}


/* V19 — keep visible spacing around the animated hero word. */
.hero-subheading {
    gap: 0;
}

.hero-subheading .hero-animated-word {
    margin-left: 0.22em;
    margin-right: 0.22em;
}

/* V19 — both hero buttons use the same diagonal arrow direction. */
.hero-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* V21 — hero logo count, footer wordmark visibility, and social icon refinement */
.footer-brand-big {
    width: 100%;
    max-width: 100%;
    padding: 0 24px;
    box-sizing: border-box;
    font-size: clamp(58px, 10.5vw, 150px);
    line-height: .82;
    letter-spacing: -.075em;
    overflow: visible;
    white-space: nowrap;
}

.socials a {
    width: 38px;
    height: 38px;
    font-size: 0;
}

.socials a svg {
    width: 17px;
    height: 17px;
    display: block;
    fill: currentColor;
}

@media (max-width: 900px) {
    .footer-brand-big {
        padding: 0 16px;
        font-size: clamp(54px, 12vw, 120px);
        white-space: nowrap;
    }
}

@media (max-width: 600px) {
    .footer-brand-big {
        padding: 0 10px;
        font-size: clamp(48px, 15vw, 88px);
        letter-spacing: -.07em;
    }
}

/* V22 — requested visual refinements */
.hero {
    min-height: 650px;
}

/* Keep the existing mobile height comfortable while reducing the desktop hero. */
@media (max-width: 900px) {
    .hero {
        min-height: 700px;
    }
}

/* Rounded ZeeFrames-style mega menu container. */
.mega-menu {
    left: 18px;
    right: 18px;
    border: 1px solid rgba(255,255,255,.09);
    border-top: 0;
    border-radius: 0 0 24px 24px;
    overflow: hidden;
    box-shadow: 0 35px 90px rgba(0,0,0,.58);
}

.mega-inner {
    width: min(calc(100% - 56px), 1240px);
    padding: 30px 0 34px;
}

.mega-card {
    border-radius: 16px;
}

.mega-category {
    border-radius: 14px;
}

/* Reduce the empty space around the "Your next project" placeholder. */
.project-placeholder-cta {
    padding: 45px 0 45px;
}

.project-placeholder-card {
    padding: 38px 44px 40px;
}

/* Footer wordmark with optional left/right decorative SVGs. */
.footer-wordmark-row {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr);
    align-items: center;
    gap: 28px;
    width: 100%;
    margin: 0 0 58px;
}

.footer-wordmark-decoration {
    display: flex;
    align-items: center;
    min-width: 0;
}

.footer-wordmark-decoration-left {
    justify-content: flex-end;
}

.footer-wordmark-decoration-right {
    justify-content: flex-start;
}

.footer-wordmark-decoration img {
    display: block;
    width: auto;
    max-width: min(220px, 100%);
    max-height: 110px;
    object-fit: contain;
}

.footer-wordmark-row .footer-brand-big {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: clamp(68px, 10.5vw, 170px);
    line-height: .78;
    overflow: visible;
}

.location-icon {
    width: 72px;
    height: 82px;
    flex: 0 0 72px;
}

.location-icon img {
    display: block;
    width: 58px;
    height: 70px;
    object-fit: contain;
}

/* Cleaner Instagram/social icon rendering. */
.socials a {
    width: 38px;
    height: 38px;
}

.socials a svg {
    width: 19px;
    height: 19px;
}

.socials .social-instagram svg {
    fill: none;
    overflow: visible;
}

.socials .social-instagram svg circle:last-child {
    fill: currentColor;
}

/* V24 — ZeeFrames-inspired atmospheric cursor: prominent active glow, slow visible trail, dark sections only. */
@media (pointer: fine) {
    body.afinity-atmospheric-cursor { cursor: default; }

    body.afinity-atmospheric-cursor.afinity-cursor-ready:not(.afinity-cursor-interactive),
    body.afinity-atmospheric-cursor.afinity-cursor-ready:not(.afinity-cursor-interactive) * {
        cursor: default !important;
    }

    body.afinity-atmospheric-cursor.afinity-cursor-interactive,
    body.afinity-atmospheric-cursor.afinity-cursor-interactive * {
        cursor: pointer !important;
    }

    .afinity-cursor-glow-wrap {
        --afinity-glow: 200,182,255;
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 999999;
        overflow: hidden;
        opacity: 0;
        transition: opacity .25s ease;
    }

    .afinity-cursor-glow,
    .afinity-cursor-trail {
        position: fixed;
        top: 0;
        left: 0;
        width: 330px;
        height: 330px;
        margin: -165px 0 0 -165px;
        border-radius: 50%;
        pointer-events: none;
        transform: translate3d(-999px,-999px,0);
        will-change: transform, opacity;
        mix-blend-mode: screen;
        background: radial-gradient(circle,
            rgba(var(--afinity-glow),.28) 0%,
            rgba(var(--afinity-glow),.16) 18%,
            rgba(var(--afinity-glow),.075) 40%,
            rgba(var(--afinity-glow),.025) 58%,
            rgba(var(--afinity-glow),0) 76%);
        filter: blur(20px);
    }

    .afinity-cursor-glow {
        width: 390px;
        height: 390px;
        margin: -195px 0 0 -195px;
        opacity: 1;
        filter: blur(22px);
        background: radial-gradient(circle,
            rgba(var(--afinity-glow),.38) 0%,
            rgba(var(--afinity-glow),.22) 16%,
            rgba(var(--afinity-glow),.10) 35%,
            rgba(var(--afinity-glow),.035) 57%,
            rgba(var(--afinity-glow),0) 76%);
    }

    .afinity-cursor-trail {
        width: calc(315px - (var(--trail-index) * 7px));
        height: calc(315px - (var(--trail-index) * 7px));
        margin-left: calc(-157.5px + (var(--trail-index) * 3.5px));
        margin-top: calc(-157.5px + (var(--trail-index) * 3.5px));
        opacity: calc(.22 - (var(--trail-index) * .022));
        filter: blur(calc(20px + (var(--trail-index) * 2px)));
    }

    body.afinity-cursor-ready:not(.afinity-cursor-interactive) .afinity-cursor-glow-wrap {
        opacity: 1;
    }

    body.afinity-cursor-interactive .afinity-cursor-glow-wrap {
        opacity: 0;
    }
}

@media (max-width: 900px) {
    .mega-menu {
        left: 10px;
        right: 10px;
    }

    .footer-wordmark-row {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 42px;
    }

    .footer-wordmark-decoration-left,
    .footer-wordmark-decoration-right {
        justify-content: center;
    }

    .footer-wordmark-decoration img {
        max-width: 180px;
        max-height: 70px;
    }

    .footer-wordmark-row .footer-brand-big {
        font-size: clamp(62px, 13vw, 120px);
        white-space: nowrap;
    }
}

@media (max-width: 600px) {
    .project-placeholder-cta {
        padding: 35px 0 35px;
    }

    .project-placeholder-card {
        padding: 30px 20px 32px;
    }

    .footer-wordmark-row .footer-brand-big {
        font-size: clamp(48px, 15vw, 88px);
    }
}


/* V25 Contact page styles retained from the existing theme. */
.contact-page-hero{min-height:620px;display:flex;align-items:center;padding:150px 0 100px;background:radial-gradient(circle at 65% 45%,rgba(200,182,255,.16),transparent 30%),#070707;position:relative;overflow:hidden}.contact-page-hero:after{content:"✦";position:absolute;right:12%;bottom:80px;color:var(--purple);font-size:54px;opacity:.7;animation:float 5s ease-in-out infinite reverse}.contact-page-hero-inner{max-width:1000px}.contact-page-hero h1{font-size:clamp(58px,8vw,112px);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 28px;max-width:1000px}.contact-page-hero h1 .purple{color:var(--purple)}.contact-page-hero p{max-width:720px;color:#bdbdc5;font-size:18px;line-height:1.6;margin:0}.contact-map-section{padding:110px 0 120px;background:#f2efff;color:#11111a}.contact-map-section .section-head{margin-bottom:42px}.contact-map-section .section-head h2{color:#11111a}.contact-map-section .section-head p{color:#716d79;max-width:620px}.contact-map-link{display:block;color:inherit}.contact-map-frame{height:520px;border-radius:24px;overflow:hidden;border:1px solid rgba(17,17,26,.12);background:#ddd;position:relative;box-shadow:0 25px 70px rgba(30,22,52,.12)}.contact-map-frame iframe{width:100%;height:100%;border:0;display:block;pointer-events:none;filter:saturate(.8)}.contact-map-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;pointer-events:none}.contact-map-overlay span{display:inline-flex;align-items:center;padding:12px 18px;border-radius:999px;background:#11111a;color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 25px rgba(0,0,0,.2)}.contact-map-meta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px}.contact-map-meta>div>span{display:block;color:#7660c9;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:8px}.contact-map-meta strong{display:block;font-size:22px;letter-spacing:-.03em}.contact-map-meta p{color:#716d79;line-height:1.5;margin:5px 0 0;white-space:pre-line}.contact-map-meta .btn{border-color:#17171c;color:#17171c;background:transparent}.contact-map-meta .btn:hover{background:#17171c;color:#fff}
@media(max-width:900px){.contact-page-hero{min-height:560px;padding:135px 0 80px}.contact-page-hero h1{font-size:clamp(48px,11vw,78px)}.contact-map-section{padding:80px 0}.contact-map-frame{height:430px}.contact-map-meta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.contact-page-hero{min-height:520px;padding:125px 0 70px}.contact-page-hero p{font-size:16px}.contact-map-section{padding:65px 0}.contact-map-frame{height:360px;border-radius:18px}.contact-map-overlay{padding:14px}.contact-map-overlay span{font-size:12px;padding:10px 14px}.contact-map-meta{margin-top:20px}}



/* V26 — Work, Insights and Industry page system. Dark Afinityinc branding, no sidebar. */
.dark-page{background:var(--black);color:#fff;min-height:1px;overflow:hidden}
.inner-page-hero{position:relative;display:flex;align-items:center;min-height:650px;padding:150px 0 100px;background:radial-gradient(circle at 72% 42%,rgba(200,182,255,.18),transparent 27%),radial-gradient(circle at 18% 60%,rgba(200,182,255,.08),transparent 28%),#070707;overflow:hidden}
.inner-page-hero:after{content:"✦";position:absolute;right:10%;bottom:80px;color:var(--purple);font-size:70px;opacity:.8;animation:float 6s ease-in-out infinite}
.inner-page-hero .container{position:relative;z-index:2}
.inner-page-hero h1{max-width:1050px;margin:0 0 25px;font-size:clamp(58px,8.2vw,112px);line-height:.9;letter-spacing:-.065em;text-transform:uppercase}
.inner-page-hero h1 .purple{color:var(--purple)}
.inner-page-hero p{max-width:720px;color:#a8a8b0;font-size:18px;line-height:1.6;margin:0 0 30px}
.inner-page-hero .btn{margin-top:4px}
.work-industry-section{padding:34px 0 20px;background:#0a0a0c;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.industry-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.industry-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 16px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#101013;color:#c8c8ce;font-size:12px;line-height:1;transition:.25s}
.industry-tab:hover,.industry-tab.active{border-color:var(--purple);background:rgba(200,182,255,.1);color:#fff;transform:translateY(-1px)}
.work-portfolio-section,.industry-projects-section,.insights-list-section{background:#070707}
.work-portfolio-section .section-head,.industry-projects-section .section-head{align-items:end}
.work-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.work-project-card{background:#0c0c0f;border-color:rgba(255,255,255,.1);height:100%}
.work-project-card .project-card-link{display:block;height:100%}
.work-project-card .project-media{aspect-ratio:1.32;background:#111118}
.work-project-card .project-media img{transition:transform .6s ease}
.work-project-card:hover .project-media img{transform:scale(1.035)}
.project-visit{position:absolute;right:18px;top:18px;z-index:5;padding:9px 13px;border-radius:999px;background:rgba(7,7,7,.78);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);font-size:11px;color:#fff}
.project-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#777780;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.project-meta span:first-child{color:var(--purple)}
.work-project-card .project-body{padding:24px 24px 27px}
.work-project-card .project-body h3{font-size:28px;letter-spacing:-.045em;margin-bottom:9px}
.work-project-card .project-body p{color:#9898a1;max-width:620px}
.portfolio-tools{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px}
.portfolio-shuffle{background:transparent;color:#fff}
.portfolio-shuffle:hover{background:var(--purple);border-color:var(--purple);color:#111 !important;}
.portfolio-count{color:#66666e;font-size:12px}
.empty-state{grid-column:1/-1;border:1px dashed rgba(255,255,255,.14);border-radius:20px;padding:50px;color:#aaa;text-align:center}.empty-state h3{color:#fff;font-size:28px;margin:0 0 10px}.empty-state p{max-width:620px;margin:0 auto;line-height:1.6}
.dark-page-cta{border-top:1px solid rgba(255,255,255,.06)}
.dark-testimonial-contact{background:#080808!important;min-height:650px;border-top:1px solid rgba(255,255,255,.08)}
.dark-testimonial-contact .testimonial-side{background:#0d0d10;color:#fff;border-right:1px solid rgba(255,255,255,.08)}
.dark-testimonial-contact .testimonial-kicker{color:var(--purple)}
.dark-testimonial-contact .testimonial-slide blockquote{color:#fff}
.dark-testimonial-contact .testimonial-person strong{color:#fff}.dark-testimonial-contact .testimonial-person small{color:#85858d}
.dark-testimonial-contact .testimonial-controls{margin-top:25px}.dark-testimonial-contact .testimonial-prev,.dark-testimonial-contact .testimonial-next{background:#121216;color:#fff;border-color:rgba(255,255,255,.18)}
.dark-testimonial-contact .testimonial-dot{background:#44444b}.dark-testimonial-contact .testimonial-dot.active{background:var(--purple)}
.dark-testimonial-contact .contact-side{background:#070707}
.dark-testimonial-contact .contact-side h2{color:#fff}
.dark-testimonial-contact .contact-side>p{color:#9999a1}
.dark-testimonial-contact .review-stars{color:var(--purple)}

.insights-search{display:flex;align-items:center;width:min(430px,100%);margin-top:8px;background:#101013;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 7px 5px 18px}.insights-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:13px}.insights-search input::placeholder{color:#74747d}.insights-search button{width:36px;height:36px;border:0;border-radius:50%;background:var(--purple);color:#111;cursor:pointer;font-weight:700}
.insights-featured-section{padding:72px 0 28px;background:#070707}.featured-insight{display:grid;grid-template-columns:1fr 1fr;min-height:390px;border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden;background:#0d0d10;transition:transform .35s,border-color .35s}.featured-insight:hover{transform:translateY(-5px);border-color:rgba(200,182,255,.28)}.featured-insight-copy{padding:50px;display:flex;flex-direction:column;justify-content:center}.featured-insight-copy h2{font-size:clamp(32px,4vw,58px);line-height:.96;letter-spacing:-.055em;margin:12px 0 17px}.featured-insight-copy p{color:#9999a2;line-height:1.6;max-width:580px;margin:0 0 28px}.text-link{color:var(--purple);font-size:13px;font-weight:700}.featured-insight-media{min-height:390px;background:linear-gradient(135deg,#211b30,#0b0b0d);overflow:hidden;display:flex;align-items:center;justify-content:center}.featured-insight-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.featured-insight:hover .featured-insight-media img{transform:scale(1.04)}.featured-insight-media span{font-size:48px;font-weight:800;color:var(--purple)}
.insights-filter-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.insights-filter-row .eyebrow{margin:0}.insights-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.insight-filter{padding:8px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#8d8d96;font-size:11px}.insight-filter:hover,.insight-filter.active{border-color:var(--purple);color:#fff;background:rgba(200,182,255,.08)}.insights-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.insight-page-card{height:100%;background:#0d0d10;border-color:rgba(255,255,255,.1)}.insight-page-card>a{display:block;height:100%}.insight-page-card .post-thumb{aspect-ratio:auto;background:#111118;overflow:hidden}.insight-page-card .post-thumb img{transition:transform .6s ease}.insight-page-card:hover .post-thumb img{transform:scale(1.04)}.insight-page-card .post-body{padding:22px}.insight-page-card .post-body h3{font-size:24px;line-height:1.02;letter-spacing:-.035em}.insight-page-card .post-body p{color:#9999a2;line-height:1.55}.insights-pagination{display:flex;justify-content:center;margin-top:42px}.insights-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;margin:0 4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#aaa;font-size:12px}.insights-pagination .page-numbers.current,.insights-pagination .page-numbers:hover{border-color:var(--purple);background:var(--purple);color:#111}
.industry-page-hero{min-height:590px}.industry-tabs-section{padding-top:28px}.industry-projects-section .section-head h2{max-width:680px}

@media(max-width:900px){.inner-page-hero{min-height:560px;padding:135px 0 80px}.inner-page-hero h1{font-size:clamp(48px,11vw,82px)}.work-portfolio-grid,.featured-insight{grid-template-columns:1fr}.featured-insight-media{min-height:330px}.featured-insight-copy{padding:36px}.insights-page-grid{grid-template-columns:1fr 1fr}.insights-filter-row{align-items:flex-start;flex-direction:column}.insights-filters{justify-content:flex-start}.dark-testimonial-contact .testimonial-side{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}
@media(max-width:600px){.inner-page-hero{min-height:510px;padding:120px 0 65px}.inner-page-hero h1{font-size:clamp(45px,13vw,70px)}.inner-page-hero p{font-size:16px}.industry-tabs{gap:7px}.industry-tab{font-size:11px;padding:8px 12px}.work-project-card .project-body{padding:20px}.work-project-card .project-body h3{font-size:24px}.portfolio-tools{flex-direction:column;gap:12px}.insights-featured-section{padding-top:45px}.featured-insight-copy{padding:27px}.featured-insight-copy h2{font-size:36px}.featured-insight-media{min-height:250px}.insights-page-grid{grid-template-columns:1fr}.insights-search{width:100%}}


/* V26 Insights article presentation — no sidebar. */
.insight-single-hero h1{max-width:1000px;text-transform:none;line-height:.95}.insight-single-hero p{max-width:760px}.insight-article-wrap{background:#070707;padding:60px 0 110px}.insight-article-media{max-width:1050px;margin:0 auto 55px;border-radius:22px;overflow:hidden;background:#111118;border:1px solid rgba(255,255,255,.1)}.insight-article-media img{width:100%;height:auto}.insight-article-content{max-width:820px;margin:auto;color:#c9c9d0;font-size:18px;line-height:1.75}.insight-article-content h2,.insight-article-content h3{color:#fff;line-height:1.05;letter-spacing:-.035em;margin:45px 0 15px}.insight-article-content h2{font-size:38px}.insight-article-content h3{font-size:28px}.insight-article-content a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.insight-article-content blockquote{border-left:2px solid var(--purple);padding:8px 0 8px 24px;margin:35px 0;color:#fff;font-size:24px}.insight-article-content img{border-radius:14px}.insight-article-content ul,.insight-article-content ol{padding-left:24px}.insight-article-content li{margin:7px 0}
@media(max-width:600px){.insight-article-wrap{padding:40px 0 70px}.insight-article-media{border-radius:16px;margin-bottom:35px}.insight-article-content{font-size:16px;line-height:1.7}.insight-article-content h2{font-size:31px}.insight-article-content h3{font-size:25px}}


/* V27 refinements — centered inner heroes, shorter headers, dark reviews, simplified contact/insights. */
:root{--page-title-size:72px}
.inner-page-hero{min-height:520px;padding:125px 0 75px}
.inner-page-hero .container{text-align:center;margin-left:auto;margin-right:auto}
.inner-page-hero h1{font-size:var(--page-title-size);max-width:900px;margin:0 auto 22px;line-height:.95}
.inner-page-hero p{max-width:680px;margin:0 auto 26px}
.inner-page-hero .btn{margin-top:2px}
.work-page-hero{min-height:500px}
.work-page-hero h1{max-width:900px}
.work-page-hero .eyebrow,.insights-page-hero .eyebrow{margin-bottom:18px}
.work-industry-section{padding:28px 0 18px}
.work-industry-section .eyebrow{text-align:center}
.industry-tabs{justify-content:center}
.testimonial-contact,.dark-testimonial-contact{background:#080808!important}
.testimonial-contact .testimonial-side,.dark-testimonial-contact .testimonial-side{background:#0d0d10!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.08)}
.testimonial-contact .contact-side,.dark-testimonial-contact .contact-side{background:#070707!important;color:#fff!important}
.testimonial-contact .testimonial-kicker,.dark-testimonial-contact .testimonial-kicker{color:var(--purple)}
.testimonial-contact .testimonial-slide blockquote,.dark-testimonial-contact .testimonial-slide blockquote{color:#fff}
.testimonial-contact .testimonial-person strong,.dark-testimonial-contact .testimonial-person strong{color:#fff}
.testimonial-contact .testimonial-person small,.dark-testimonial-contact .testimonial-person small{color:#85858d}
.testimonial-contact .testimonial-prev,.testimonial-contact .testimonial-next,.dark-testimonial-contact .testimonial-prev,.dark-testimonial-contact .testimonial-next{background:#121216;color:#fff;border-color:rgba(255,255,255,.18)}
.testimonial-contact .testimonial-dot,.dark-testimonial-contact .testimonial-dot{background:#44444b}.testimonial-contact .testimonial-dot.active,.dark-testimonial-contact .testimonial-dot.active{background:var(--purple)}
.testimonial-contact .review-stars,.dark-testimonial-contact .review-stars{color:var(--purple)}
.contact-only-testimonial{min-height:680px}
.contact-only-testimonial .testimonial-side{padding-top:65px;padding-bottom:65px}
.contact-only-testimonial .contact-side{padding-top:65px;padding-bottom:65px}
.contact-map-section{padding:85px 0 105px;background:#0a0a0c;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.contact-map-section .section-head{margin-bottom:38px}
.contact-map-section .section-head h2{color:#fff}
.contact-map-section .section-head h2 .purple{color:var(--purple)}
.contact-map-section .section-head p{color:#9999a2}
.contact-map-frame{border-color:rgba(255,255,255,.12);box-shadow:0 25px 70px rgba(0,0,0,.35)}
.contact-map-meta strong{color:#fff}.contact-map-meta p{color:#9999a2}.contact-map-meta .btn{border-color:rgba(255,255,255,.5);color:#fff}.contact-map-meta .btn:hover{background:var(--purple);color:#111;border-color:var(--purple)}
.insights-page-hero{min-height:500px}
.insights-page-hero p{max-width:720px}
.insights-page-heading{margin-bottom:42px}
.insights-page-heading h2{max-width:none}
.insights-list-section{padding-top:90px}
.insights-page .insights-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.insights-page .insight-page-card{background:#0d0d10}
.insight-single-hero{min-height:500px}
.insight-single-hero h1{max-width:900px;font-size:var(--page-title-size);text-align:center;text-transform:none}
.insight-single-hero p{max-width:700px;text-align:center}
.insight-single-hero .container{text-align:center}

@media(max-width:900px){
 .inner-page-hero{min-height:470px;padding:115px 0 65px}
 .inner-page-hero h1{font-size:clamp(52px,9vw,72px)}
 .work-page-hero,.insights-page-hero,.insight-single-hero{min-height:460px}
 .contact-only-testimonial .testimonial-side,.contact-only-testimonial .contact-side{padding:55px 28px}
 .insights-page .insights-page-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .inner-page-hero{min-height:430px;padding:105px 0 55px}
 .inner-page-hero h1,.insight-single-hero h1{font-size:clamp(44px,12vw,62px)}
 .inner-page-hero p{font-size:16px}
 .work-page-hero,.insights-page-hero,.insight-single-hero{min-height:430px}
 .contact-map-section{padding:65px 0 75px}
 .insights-list-section{padding-top:65px}
 .insights-page .insights-page-grid{grid-template-columns:1fr}
}

/* V28 testimonial correction — restore the white review panel across all pages. */
.testimonial-contact .testimonial-side,
.dark-testimonial-contact .testimonial-side,
.contact-only-testimonial .testimonial-side{
  background:#fff!important;
  color:#16161b!important;
  border-right:1px solid rgba(17,17,26,.08)!important;
}
.testimonial-contact .testimonial-kicker,
.dark-testimonial-contact .testimonial-kicker,
.contact-only-testimonial .testimonial-kicker{color:#7660c9!important}
.testimonial-contact .testimonial-slide blockquote,
.dark-testimonial-contact .testimonial-slide blockquote,
.contact-only-testimonial .testimonial-slide blockquote{color:#16161b!important}
.testimonial-contact .testimonial-person strong,
.dark-testimonial-contact .testimonial-person strong,
.contact-only-testimonial .testimonial-person strong{color:#17171c!important}
.testimonial-contact .testimonial-person small,
.dark-testimonial-contact .testimonial-person small,
.contact-only-testimonial .testimonial-person small{color:#777!important}
.testimonial-contact .quote-mark,
.dark-testimonial-contact .quote-mark,
.contact-only-testimonial .quote-mark{color:#575762!important}
.testimonial-contact .testimonial-prev,
.testimonial-contact .testimonial-next,
.dark-testimonial-contact .testimonial-prev,
.dark-testimonial-contact .testimonial-next,
.contact-only-testimonial .testimonial-prev,
.contact-only-testimonial .testimonial-next{background:#fff!important;color:#222!important;border-color:rgba(0,0,0,.16)!important}
.testimonial-contact .testimonial-dot,
.dark-testimonial-contact .testimonial-dot,
.contact-only-testimonial .testimonial-dot{background:#d7d7dc!important}
.testimonial-contact .testimonial-dot.active,
.dark-testimonial-contact .testimonial-dot.active,
.contact-only-testimonial .testimonial-dot.active{background:#17171c!important}
.testimonial-contact .review-stars,
.dark-testimonial-contact .review-stars,
.contact-only-testimonial .review-stars{color:#17171c!important}

/* V32 — About, Services and editable Service Detail pages. */
.about-page,.services-page,.service-detail-page{background:var(--black)}
.about-hero,.services-page-hero,.service-detail-hero{min-height:560px}
.about-stats{padding-top:36px;padding-bottom:90px}
.about-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.about-stat{min-height:170px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:#0b0b0d}
.about-stat strong{font-size:40px;letter-spacing:-.05em}.about-stat span{font-size:12px;color:#92929a;line-height:1.5;max-width:230px}.about-stat-feature{grid-column:span 3;min-height:130px;flex-direction:row;align-items:end;justify-content:space-between}.about-stat-feature strong{font-size:30px}.about-stat-feature span{max-width:360px}
.about-two-col,.about-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.about-belief{padding-top:105px;padding-bottom:105px}.about-belief h2,.about-mission h2{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:0}.about-two-col>div:last-child p,.about-mission-grid>div:last-child p{font-size:17px;line-height:1.75;color:#77727f;margin:0 0 22px}.about-belief .purple,.about-mission .purple{color:var(--purple-2)}
.about-section-head{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:50px}.about-section-head h2{font-size:clamp(38px,4.5vw,62px);line-height:.98;letter-spacing:-.05em;margin:0}.about-section-head>p{color:var(--muted);line-height:1.7;margin:0}.about-client-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}.about-client-grid span{padding:28px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;letter-spacing:.08em;color:#d8d8dc}.about-client-grid span:nth-child(4n){border-right:0}.about-client-grid span:nth-last-child(-n+4){border-bottom:0}
.about-types{padding-top:100px;padding-bottom:105px}.about-work-types{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:hidden}.about-work-types article{padding:30px;border-right:1px solid rgba(0,0,0,.1)}.about-work-types article:last-child{border-right:0}.about-work-types span{font-size:11px;color:#77727f}.about-work-types h3{font-size:28px;margin:55px 0 10px;letter-spacing:-.04em}.about-work-types p{color:#77727f;line-height:1.6;margin:0}.about-mission{padding-top:110px;padding-bottom:110px}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.difference-grid article{padding:28px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);min-height:200px}.difference-grid strong{font-size:12px;color:var(--purple)}.difference-grid h3{font-size:20px;margin:50px 0 10px}.difference-grid p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}
.services-category-nav{padding-top:55px;padding-bottom:45px}.service-category-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.service-category-pills a{padding:10px 15px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#aaa;font-size:12px}.service-category-pills a:hover{border-color:var(--purple);color:#fff;background:rgba(200,182,255,.08)}.service-category-section{padding-top:90px;padding-bottom:100px}.service-category-section:nth-of-type(even){background:#09090b}.service-category-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:40px}.service-category-head h2{font-size:clamp(38px,4.6vw,64px);line-height:.95;letter-spacing:-.055em;margin:0}.service-category-head p{color:var(--muted);line-height:1.65;margin:0}.service-category-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.service-feature-card{border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:#0c0c0f}.service-feature-media{aspect-ratio:1.2;background:radial-gradient(circle at 50% 40%,rgba(200,182,255,.2),transparent 45%),#111118;display:flex;align-items:center;justify-content:center;color:#ddd}.service-feature-media img{width:100%;height:100%;object-fit:cover}.service-feature-copy{padding:24px}.service-feature-copy h3{font-size:28px;margin:12px 0}.service-feature-copy p{color:var(--muted);line-height:1.55}.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-detail-card{position:relative;min-height:190px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#111113;padding:24px;transition:.3s}.service-detail-card:hover{transform:translateY(-4px);border-color:rgba(200,182,255,.45);background:#15151a}.service-icon{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center;color:var(--purple);border:1px solid rgba(200,182,255,.2);font-size:10px}.service-detail-card h3{font-size:21px;margin:35px 0 8px;letter-spacing:-.03em}.service-detail-card p{font-size:13px;color:#888890;line-height:1.5;max-width:360px}.service-arrow{position:absolute;right:20px;top:20px;color:#777}
.service-detail-hero .container{text-align:center}.service-detail-hero h1{max-width:900px;margin-left:auto;margin-right:auto;text-transform:none}.service-detail-hero p{max-width:760px;margin-left:auto;margin-right:auto}.service-hero-image{max-width:900px;margin:45px auto 0;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:#111118}.service-hero-image img{width:100%;max-height:520px;object-fit:cover}
.service-stack-section{padding-top:85px;padding-bottom:90px}.service-stack-head{text-align:center;max-width:720px;margin:0 auto 45px}.service-stack-head h2{font-size:clamp(38px,4.5vw,62px);line-height:.95;letter-spacing:-.05em;margin:0 0 16px}.service-stack-head p{color:#77727f;line-height:1.6}.service-stack-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;max-width:900px;margin:auto}.service-stack-logos span{min-width:125px;min-height:105px;padding:18px 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:rgba(255,255,255,.45);color:#17171c;text-align:center;font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.service-stack-logos img{width:42px;height:42px;object-fit:contain}.service-stack-logos b{font-size:12px}
.service-content-section{padding-top:105px;padding-bottom:105px}.service-content-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.service-content-grid aside{position:sticky;top:120px;height:max-content}.service-content-grid aside h2{font-size:clamp(34px,4vw,55px);line-height:.98;letter-spacing:-.05em;margin:0 0 20px}.service-content-grid aside p{color:var(--muted);line-height:1.65}.service-rich-content{font-size:17px;line-height:1.75;color:#c8c8ce}.service-rich-content h2,.service-rich-content h3{color:#fff;line-height:1.05;letter-spacing:-.04em;margin:0 0 16px}.service-rich-content h2{font-size:42px;margin-top:0}.service-rich-content h3{font-size:28px;margin-top:45px}.service-rich-content ul,.service-rich-content ol{padding-left:24px}.service-rich-content li{margin:8px 0}.service-rich-content a{color:var(--purple);text-decoration:underline}
.service-section-head{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:45px}.service-section-head h2{font-size:clamp(38px,4.5vw,62px);line-height:.95;letter-spacing:-.05em;margin:0}.service-section-head>p{color:#77727f;line-height:1.6}.service-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:hidden}.service-process-grid>div{padding:25px;border-right:1px solid rgba(0,0,0,.1);min-height:160px}.service-process-grid>div:last-child{border-right:0}.service-process-grid span{font-size:11px;color:#77727f}.service-process-grid p{font-weight:600;margin-top:50px;color:#17171c}.service-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.service-faq-grid h2{font-size:clamp(38px,4.5vw,62px);line-height:.95;letter-spacing:-.05em;margin:0}.service-faq-copy{color:#aaa;line-height:1.7}.service-faq-copy p{margin-top:0}
@media(max-width:900px){.about-stats-grid{grid-template-columns:1fr 1fr}.about-stat-feature{grid-column:span 2}.about-two-col,.about-mission-grid,.about-section-head,.service-category-head,.service-content-grid,.service-section-head,.service-faq-grid{grid-template-columns:1fr;gap:35px}.about-client-grid{grid-template-columns:1fr 1fr}.about-client-grid span:nth-child(4n){border-right:1px solid rgba(255,255,255,.08)}.about-client-grid span:nth-child(2n){border-right:0}.about-client-grid span:nth-last-child(-n+4){border-bottom:1px solid rgba(255,255,255,.08)}.about-client-grid span:nth-last-child(-n+2){border-bottom:0}.about-work-types,.difference-grid{grid-template-columns:1fr}.about-work-types article{border-right:0;border-bottom:1px solid rgba(0,0,0,.1)}.about-work-types article:last-child{border-bottom:0}.difference-grid{border-right:1px solid rgba(255,255,255,.1)}.service-category-layout{grid-template-columns:1fr}.service-detail-grid{grid-template-columns:1fr 1fr}.service-content-grid aside{position:static}.service-process-grid{grid-template-columns:1fr 1fr}.service-process-grid>div:nth-child(2){border-right:0}.service-process-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.1)}}
@media(max-width:600px){.about-stats-grid{grid-template-columns:1fr}.about-stat-feature{grid-column:auto;display:block}.about-client-grid{grid-template-columns:1fr 1fr}.about-belief h2,.about-mission h2{font-size:40px}.about-section-head h2,.service-category-head h2,.service-stack-head h2,.service-section-head h2,.service-faq-grid h2{font-size:40px}.service-detail-grid{grid-template-columns:1fr}.service-process-grid{grid-template-columns:1fr}.service-process-grid>div{border-right:0!important;border-bottom:1px solid rgba(0,0,0,.1)}.service-process-grid>div:last-child{border-bottom:0}.service-content-section{padding-top:70px;padding-bottom:70px}.service-rich-content{font-size:16px}.service-stack-logos span{min-width:95px;padding:16px 12px}.about-stats{padding-bottom:65px}}

/* About page — Afinityinc at-a-glance / where-we-work layouts */
.about-glance{padding-top:90px;padding-bottom:90px;background:#070707}
.about-glance-head{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:end;margin-bottom:55px}
.about-glance-head h1{font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.06em;margin:0;max-width:760px}
.about-glance-head h1 .purple,.about-glance .purple,.about-where .purple{color:var(--purple)}
.about-glance-copy{max-width:560px}
.about-glance-copy p{font-size:16px;line-height:1.65;color:#a5a5ad;margin:0 0 24px}
.about-glance-actions{display:flex;align-items:center;gap:22px}
.about-glance-actions .btn{font-size:13px;padding:12px 18px}
.about-glance-actions .text-link{color:#8f8f98;text-decoration:none;font-size:13px;transition:color .25s ease}
.about-glance-actions .text-link:hover{color:var(--purple)}
.about-glance-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:150px 165px;gap:10px}
.glance-card{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:7px;padding:22px;background:#09090a;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.glance-card strong{font-size:38px;line-height:1;letter-spacing:-.05em;color:#f7f7f8;font-weight:600}
.glance-card strong span{color:var(--purple)}
.glance-card small{font-size:11px;line-height:1.35;color:#d1d1d5}
.glance-label{font-size:8px;letter-spacing:.08em;color:#8b8b94}
.glance-card-tall{grid-row:span 2;background:radial-gradient(circle at 50% 82%,rgba(186,157,255,.36),transparent 48%),#09090a}
.glance-card-wide{grid-column:2 / 4;display:grid;grid-template-columns:1fr .9fr;align-items:end}
.glance-card-wide strong{font-size:28px}
.glance-card-wide small{align-self:end;max-width:330px}
.about-belief{padding-top:100px;padding-bottom:100px}
.about-platforms{padding-top:90px;padding-bottom:95px;background:#070707}
.about-platform-head,.about-where-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:45px}
.about-platform-head h2,.about-where-head h2{font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-.055em;margin:0}
.about-platform-head p,.about-where-head p{font-size:15px;line-height:1.7;color:#8f8f98;margin:0;max-width:520px}
.about-platform-grid,.about-where-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}
.about-platform-grid span,.about-where-grid span{min-height:62px;padding:18px 14px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:.06em;color:#dedee2}
.about-platform-grid span:nth-child(4n),.about-where-grid span:nth-child(4n){border-right:0}
.about-platform-grid span:nth-last-child(-n+4),.about-where-grid span:nth-last-child(-n+4){border-bottom:0}
.about-where{padding-top:100px;padding-bottom:100px;background:#070707}
.about-where-grid span{min-height:58px}
@media(max-width:900px){.about-glance-head,.about-platform-head,.about-where-head{grid-template-columns:1fr;gap:30px}.about-glance-grid{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px 150px}.glance-card-tall{grid-row:span 2}.glance-card-wide{grid-column:1 / 3}.about-platform-grid,.about-where-grid{grid-template-columns:1fr 1fr}.about-platform-grid span:nth-child(4n),.about-where-grid span:nth-child(4n){border-right:1px solid rgba(255,255,255,.08)}.about-platform-grid span:nth-child(2n),.about-where-grid span:nth-child(2n){border-right:0}.about-platform-grid span:nth-last-child(-n+4),.about-where-grid span:nth-last-child(-n+4){border-bottom:1px solid rgba(255,255,255,.08)}.about-platform-grid span:last-child,.about-platform-grid span:nth-last-child(2),.about-where-grid span:last-child,.about-where-grid span:nth-last-child(2){border-bottom:0}}
@media(max-width:600px){.about-glance{padding-top:65px;padding-bottom:65px}.about-glance-head h1{font-size:46px}.about-glance-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.glance-card-tall{grid-row:auto;min-height:190px}.glance-card{min-height:145px}.glance-card-wide{grid-column:auto;display:flex}.about-glance-actions{flex-wrap:wrap}.about-platforms,.about-where{padding-top:70px;padding-bottom:70px}.about-platform-grid,.about-where-grid{grid-template-columns:1fr 1fr}.about-platform-grid span,.about-where-grid span{min-height:58px;font-size:10px}.about-platform-grid span:nth-child(2n),.about-where-grid span:nth-child(2n){border-right:0}.about-platform-grid span:nth-last-child(-n+2),.about-where-grid span:nth-last-child(-n+2){border-bottom:0}}

/* V34 — About page typography/layout refinement to match the supplied reference while keeping Afinityinc branding/content. */
.about-page .container{max-width:1200px}
.about-page .about-glance{padding-top:72px;padding-bottom:70px}
.about-page .about-glance-head{grid-template-columns:1.02fr .88fr;gap:70px;align-items:end;margin-bottom:34px}
.about-page .about-glance-head h1{font-size:clamp(34px,3.35vw,52px);line-height:.98;letter-spacing:-.055em;max-width:650px}
.about-page .about-glance-copy{max-width:470px}
.about-page .about-glance-copy p{font-size:13px;line-height:1.55;margin-bottom:18px}
.about-page .about-glance-actions{gap:18px}
.about-page .about-glance-actions .btn{font-size:11px;padding:10px 16px}
.about-page .about-glance-actions .text-link{font-size:11px}
.about-page .about-glance-grid{grid-template-rows:110px 105px;gap:8px}
.about-page .glance-card{border-radius:6px;padding:16px}
.about-page .glance-card strong{font-size:30px}
.about-page .glance-card small{font-size:9px;line-height:1.25}
.about-page .glance-label{font-size:7px}
.about-page .glance-card-wide strong{font-size:20px}
.about-page .glance-card-wide small{font-size:9px;line-height:1.35}

.about-page .about-belief{padding-top:78px;padding-bottom:78px}
.about-page .about-two-col{grid-template-columns:1fr .9fr;gap:70px}
.about-page .about-belief .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:12px}
.about-page .about-belief h2{font-size:clamp(34px,3.6vw,54px);line-height:.96;letter-spacing:-.055em}
.about-page .about-two-col>div:last-child p{font-size:13px;line-height:1.6;margin-bottom:18px;color:#85818d}

.about-page .about-platforms{padding-top:76px;padding-bottom:78px}
.about-page .about-platform-head,.about-page .about-where-head{grid-template-columns:1fr .85fr;gap:70px;margin-bottom:30px}
.about-page .about-platform-head .eyebrow,.about-page .about-where-head .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:12px}
.about-page .about-platform-head h2,.about-page .about-where-head h2{font-size:clamp(34px,3.6vw,54px);line-height:.96;letter-spacing:-.055em}
.about-page .about-platform-head p,.about-page .about-where-head p{font-size:12px;line-height:1.55;max-width:440px}
.about-page .about-platform-grid,.about-page .about-where-grid{border-radius:7px}
.about-page .about-platform-grid span,.about-page .about-where-grid span{min-height:48px;padding:12px 10px;font-size:8px;letter-spacing:.05em}

.about-page .about-where{padding-top:78px;padding-bottom:78px}

/* Keep the shared CTA/contact/footer intact, but tighten the transition around the About page. */
.about-page .conversation-cta{padding-top:72px;padding-bottom:72px}
.about-page .dark-contact{padding-top:82px;padding-bottom:82px}

@media(max-width:900px){
 .about-page .about-glance{padding-top:60px;padding-bottom:60px}
 .about-page .about-glance-head,.about-page .about-platform-head,.about-page .about-where-head{grid-template-columns:1fr;gap:26px}
 .about-page .about-glance-head h1{font-size:44px}
 .about-page .about-glance-grid{grid-template-rows:120px 120px 120px}
 .about-page .about-belief{padding-top:65px;padding-bottom:65px}
 .about-page .about-two-col{gap:35px}
 .about-page .about-platforms,.about-page .about-where{padding-top:65px;padding-bottom:65px}
}
@media(max-width:600px){
 .about-page .about-glance-head h1{font-size:40px}
 .about-page .about-glance-grid{grid-template-rows:auto}
 .about-page .about-glance-copy p{font-size:13px}
 .about-page .about-belief h2,.about-page .about-platform-head h2,.about-page .about-where-head h2{font-size:40px}
}

/* About page — full ZeeFrames-inspired structure adapted to Afinityinc. */
.about-page .about-glance,
.about-page .about-belief,
.about-page .about-types,
.about-page .about-mission,
.about-page .about-different{background:#070707;color:#f7f7f8}
.about-page .about-glance{padding-top:72px;padding-bottom:74px}
.about-page .about-glance-head{margin-bottom:34px}
.about-page .about-glance-head h1{max-width:690px}
.about-page .about-glance-copy p{max-width:490px}
.about-page .about-belief{padding-top:92px;padding-bottom:92px}
.about-page .about-belief-copy-grid{margin-bottom:55px}
.about-page .about-belief h2{max-width:620px}
.about-page .about-client-grid{border-color:rgba(255,255,255,.12);border-radius:7px;background:#070707}
.about-page .about-client-grid span{color:#e5e5e9;border-color:rgba(255,255,255,.09);min-height:58px;padding:18px 12px;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.about-page .about-types{padding-top:86px;padding-bottom:88px}
.about-page .about-section-head{margin-bottom:38px}
.about-page .about-section-head h2{max-width:670px}
.about-page .about-section-head>p{color:#8f8f98}
.about-page .about-work-types{border-color:rgba(255,255,255,.12);background:#09090a}
.about-page .about-work-types article{border-color:rgba(255,255,255,.10);min-height:330px;display:flex;flex-direction:column}
.about-page .about-work-types span{color:#8f8f98;letter-spacing:.12em}
.about-page .about-work-types h3{font-size:25px;line-height:1.05;color:#f5f5f6;margin:52px 0 12px}
.about-page .about-work-types p{font-size:13px;line-height:1.6;color:#8f8f98}
.about-type-meta{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#85818d}
.about-type-meta strong{font-weight:500;color:#c5b1ff}
.about-page .about-mission{padding-top:94px;padding-bottom:94px}
.about-page .about-mission h2{max-width:680px}
.about-page .about-mission-grid>div:last-child p{font-size:14px;line-height:1.7;color:#8f8f98}
.about-page .about-mission-grid>div:last-child h3{font-size:25px;line-height:1.15;margin:28px 0 0;color:#f5f5f6}
.about-page .about-different{padding-top:88px;padding-bottom:92px}
.about-page .difference-grid{border-color:rgba(255,255,255,.10)}
.about-page .difference-grid article{border-color:rgba(255,255,255,.10);background:#070707;min-height:205px;padding:25px}
.about-page .difference-grid strong{color:var(--purple)}
.about-page .difference-grid h3{font-size:19px;margin:48px 0 10px;color:#f4f4f6}
.about-page .difference-grid p{font-size:12px;line-height:1.55;color:#8f8f98}
.about-page .dark-testimonial-contact{margin-top:0}
@media(max-width:900px){
 .about-page .about-work-types{grid-template-columns:1fr}
 .about-page .about-work-types article{min-height:260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}
 .about-page .about-work-types article:last-child{border-bottom:0}
}


/* V36 — About page visual refinement: readable type, expandable work cards, mission panel, technology logo uploads, and icons. */
.about-page{font-family:Inter,Arial,sans-serif}
.about-page .eyebrow{font-size:12px;line-height:1.2;letter-spacing:.14em;margin-bottom:18px;color:#aaa7b2}
.about-page p{font-size:16px;line-height:1.65}

/* At a glance: readable icon-led cards instead of number-heavy stat cards. */
.about-page .about-glance{padding-top:95px;padding-bottom:95px}
.about-page .about-glance-head{gap:80px;margin-bottom:42px}
.about-page .about-glance-head h1{font-size:clamp(46px,5vw,70px);line-height:.98;letter-spacing:-.055em}
.about-page .about-glance-copy p{font-size:16px;line-height:1.65;color:#aaa7b2}
.about-page .about-glance-grid{grid-template-rows:170px 190px;gap:10px}
.about-page .glance-card{padding:24px;border-radius:10px}
.about-page .glance-icon,.about-page .difference-icon{width:42px;height:42px;border:1px solid rgba(200,182,255,.35);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--purple);flex:0 0 auto}
.about-page .glance-icon svg,.about-page .difference-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.about-page .glance-card strong{font-size:25px;line-height:1.05;margin-top:10px}
.about-page .glance-card small{font-size:14px;line-height:1.45;color:#c8c7ce}
.about-page .glance-label{font-size:9px;letter-spacing:.13em}
.about-page .glance-card-wide strong{font-size:26px}
.about-page .glance-card-wide{grid-template-columns:auto 1fr .9fr;gap:20px;align-items:center}
.about-page .glance-card-wide small{max-width:390px}

/* Technology grid: screenshot-inspired 4-column black matrix with optional uploaded logos. */
.about-page .about-belief{padding-top:100px;padding-bottom:100px}
.about-page .about-belief-copy-grid{margin-bottom:58px}
.about-page .about-belief h2{font-size:clamp(42px,4.5vw,66px);line-height:.98;max-width:720px}
.about-page .about-two-col>div:last-child p{font-size:16px;line-height:1.7;color:#aaa7b2}
.about-page .about-tools-grid{grid-template-columns:repeat(4,1fr);border-color:rgba(255,255,255,.13);border-radius:9px;background:#070707}
.about-page .about-tools-grid .about-tool-cell{min-height:86px;padding:18px 14px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;letter-spacing:.08em;color:#f1f0f4;transition:background .25s,color .25s,transform .25s}
.about-page .about-tools-grid .about-tool-cell:nth-child(4n){border-right:0}
.about-page .about-tools-grid .about-tool-cell:nth-last-child(-n+4){border-bottom:0}
.about-page .about-tools-grid .about-tool-cell:hover{background:rgba(200,182,255,.06);color:var(--purple);transform:translateY(-1px)}
.about-page .about-tool-cell img{max-width:145px;max-height:34px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.92;transition:transform .25s,opacity .25s,filter .25s}
.about-page .about-tool-cell:hover img{transform:scale(1.06);opacity:1}

/* Three ways section — same 2:1:1 expandable-column composition as the reference. */
.about-page .about-types{background:#f5f4ef;color:#101014;padding-top:105px;padding-bottom:105px}
.about-page .about-types .eyebrow{color:#56545b}
.about-page .about-section-head{grid-template-columns:1fr .72fr;gap:70px;margin-bottom:42px}
.about-page .about-section-head h2{font-size:clamp(42px,4.4vw,64px);line-height:.98;color:#101014}
.about-page .about-section-head h2 .purple{color:var(--purple-2)}
.about-page .about-section-head>p{font-size:16px;line-height:1.65;color:#5e5b64}
.about-page .about-work-types{display:flex;align-items:stretch;gap:0;border:1px solid rgba(16,16,20,.18);border-radius:12px;overflow:hidden;background:#faf9f5;min-height:410px}
.about-page .about-work-types article{flex:1 1 0;min-width:0;min-height:410px;padding:28px 30px;border-right:1px solid rgba(16,16,20,.16);background:#faf9f5;color:#111118;display:flex;flex-direction:column;transition:flex .65s cubic-bezier(.2,.75,.2,1),background .3s,padding .35s}
.about-page .about-work-types article:first-child{flex:1.95 1 0}
.about-page .about-work-types article:last-child{border-right:0}
.about-page .about-work-types:hover article{flex:.68 1 0}
.about-page .about-work-types:hover article:hover{flex:1.9 1 0;background:#fffefa}
.about-page .about-type-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px}
.about-page .about-type-top>span:first-child{font-size:12px;letter-spacing:.08em;color:#17151b}
.about-page .about-type-arrow{width:34px;height:34px;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;background:var(--purple);color:#111!important;font-size:17px!important;line-height:1;letter-spacing:0!important;transition:transform .45s cubic-bezier(.2,.75,.2,1),background .25s}
.about-page .about-work-types article:hover .about-type-arrow{transform:rotate(45deg) scale(1.08)}
.about-page .about-work-types h3{font-size:27px;line-height:1.08;letter-spacing:-.04em;color:#111118;margin:64px 0 13px;max-width:420px}
.about-page .about-work-types p{font-size:15px;line-height:1.55;color:#55525b;margin:0;max-width:500px}
.about-page .about-type-link{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#111118;font-weight:600}
.about-page .about-type-link span{font-size:17px;color:#111118;transition:transform .3s}
.about-page .about-type-link:hover span{transform:translate(3px,-3px)}
.about-page .about-type-stats{margin-top:auto;padding-top:32px;display:flex;gap:58px}
.about-page .about-type-stats div{display:flex;flex-direction:column;gap:5px}
.about-page .about-type-stats strong{font-size:28px;line-height:1;color:#111118;font-weight:500}
.about-page .about-type-stats small{font-size:13px;line-height:1.4;color:#77737d}

/* Mission — full-width Afinityinc purple panel inspired by the attached reference. */
.about-page .about-mission{background:var(--purple);color:#0b0a0f;padding-top:105px;padding-bottom:105px}
.about-page .about-mission .eyebrow{color:#16131d;margin-bottom:34px}
.about-page .about-mission-grid{grid-template-columns:1.35fr .72fr;gap:70px;align-items:end}
.about-page .about-mission h2{font-size:clamp(54px,6.5vw,92px);line-height:.96;letter-spacing:-.065em;max-width:1000px;color:#0b0a0f;margin:0}
.about-page .about-mission h2 span{color:#0b0a0f}
.about-page .about-mission-grid>div:last-child{padding-bottom:6px}
.about-page .about-mission-grid>div:last-child p{font-size:17px;line-height:1.55;color:#201c27;margin:0;max-width:520px}

/* Difference cards: replace numeric markers with simple line icons and increase readability. */
.about-page .about-different{padding-top:100px;padding-bottom:105px}
.about-page .difference-grid article{min-height:235px;padding:28px;background:#070707}
.about-page .difference-grid .difference-icon{width:40px;height:40px}
.about-page .difference-grid h3{font-size:21px;line-height:1.1;margin:46px 0 12px;color:#f4f4f6}
.about-page .difference-grid p{font-size:15px;line-height:1.6;color:#9c99a3}

@media(max-width:900px){
 .about-page .about-glance-head,.about-page .about-section-head,.about-page .about-mission-grid{grid-template-columns:1fr;gap:32px}
 .about-page .about-glance-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 170px 170px}
 .about-page .glance-card-tall{grid-row:span 2}
 .about-page .glance-card-wide{grid-column:1 / 3}
 .about-page .about-tools-grid{grid-template-columns:1fr 1fr}
 .about-page .about-tools-grid .about-tool-cell:nth-child(4n){border-right:1px solid rgba(255,255,255,.09)}
 .about-page .about-tools-grid .about-tool-cell:nth-child(2n){border-right:0}
 .about-page .about-tools-grid .about-tool-cell:nth-last-child(-n+4){border-bottom:1px solid rgba(255,255,255,.09)}
 .about-page .about-tools-grid .about-tool-cell:nth-last-child(-n+2){border-bottom:0}
 .about-page .about-work-types{display:flex;flex-direction:column;min-height:0}
 .about-page .about-work-types article,.about-page .about-work-types article:first-child,.about-page .about-work-types:hover article,.about-page .about-work-types:hover article:hover{flex:none;min-height:300px;border-right:0;border-bottom:1px solid rgba(16,16,20,.16)}
 .about-page .about-work-types article:last-child{border-bottom:0}
 .about-page .about-work-types h3{margin-top:42px}
 .about-page .about-mission h2{font-size:clamp(48px,8vw,72px)}
}
@media(max-width:600px){
 .about-page .about-glance{padding-top:75px;padding-bottom:75px}
 .about-page .about-glance-head h1{font-size:46px}
 .about-page .about-glance-grid{grid-template-columns:1fr;grid-template-rows:auto}
 .about-page .glance-card-tall,.about-page .glance-card-wide{grid-row:auto;grid-column:auto;min-height:190px}
 .about-page .glance-card-wide{display:flex;align-items:flex-start}
 .about-page .about-tools-grid{grid-template-columns:1fr 1fr}
 .about-page .about-tools-grid .about-tool-cell{min-height:76px;font-size:11px}
 .about-page .about-section-head h2{font-size:44px}
 .about-page .about-work-types article,.about-page .about-work-types article:first-child,.about-page .about-work-types:hover article,.about-page .about-work-types:hover article:hover{min-height:330px;padding:24px}
 .about-page .about-work-types h3{font-size:25px;margin-top:48px}
 .about-page .about-work-types p{font-size:15px}
 .about-page .about-type-stats{gap:30px}
 .about-page .about-mission{padding-top:78px;padding-bottom:78px}
 .about-page .about-mission h2{font-size:46px}
 .about-page .about-different{padding-top:78px;padding-bottom:80px}
}

.about-page .about-stat-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#111;border:1px solid rgba(17,17,24,.25);background:var(--purple);margin-bottom:8px}
.about-page .about-stat-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.about-page .about-type-stats strong{display:none}

/* V37 — About page final visual corrections: reference-style glance stats and readable heading contrast. */
.about-page .about-glance-grid{
  display:grid;
  grid-template-columns:1.06fr .94fr .94fr;
  grid-template-rows:190px 250px;
  gap:10px;
  min-height:450px;
}
.about-page .glance-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:0;
  padding:24px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#0b0b0c;
  color:#f6f6f7;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}
.about-page .glance-card-tall{
  grid-row:1 / 3;
  background:
    radial-gradient(circle at 52% 72%,rgba(200,182,255,.95),rgba(200,182,255,.34) 27%,transparent 62%),
    linear-gradient(180deg,#0b0b0c 0%,#0b0b0c 30%,#15121e 100%);
}
.about-page .glance-card-tall:after{
  content:"";
  position:absolute;
  width:330px;height:330px;
  left:50%;bottom:-180px;
  transform:translateX(-50%);
  border-radius:50%;
  background:var(--purple);
  filter:blur(75px);
  opacity:.85;
  pointer-events:none;
}
.about-page .glance-card-wide{
  grid-column:2 / 4;
  display:grid;
  grid-template-columns:1fr 1.1fr;
  grid-template-rows:auto 1fr auto;
  column-gap:30px;
  background:
    radial-gradient(circle at 75% 40%,rgba(200,182,255,.18),transparent 42%),
    #17151b;
}
.about-page .glance-card-wide:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,.03),transparent 50%,rgba(200,182,255,.08));
  pointer-events:none;
}
.about-page .glance-number{
  position:relative;
  z-index:2;
  font-size:52px;
  line-height:.95;
  letter-spacing:-.065em;
  font-weight:500;
  color:#f6f6f7;
  margin:0 0 18px;
}
.about-page .glance-number span{color:var(--purple);}
.about-page .glance-card strong{
  position:relative;
  z-index:2;
  font-size:15px;
  line-height:1.25;
  font-weight:500;
  color:#f4f4f5;
  margin:0 0 7px;
}
.about-page .glance-card small{
  position:relative;
  z-index:2;
  font-size:14px;
  line-height:1.4;
  color:#c4c2c9;
  max-width:310px;
}
.about-page .glance-label{
  position:relative;
  z-index:2;
  margin-top:auto;
  font-size:11px;
  line-height:1;
  letter-spacing:.08em;
  color:#dddbe1;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:6px;
  background:rgba(7,7,8,.62);
}
.about-page .glance-card-wide .glance-number{grid-column:1;grid-row:1;margin-bottom:10px;}
.about-page .glance-card-wide strong{grid-column:1;grid-row:2;align-self:start;}
.about-page .glance-card-wide small{grid-column:2;grid-row:1 / 3;align-self:center;max-width:390px;}
.about-page .glance-card-wide .glance-label{grid-column:1;grid-row:3;align-self:end;margin-top:12px;}
.about-page .glance-icon{display:none!important;}

/* The dark About section needs the same clear contrast as the reference. */
.about-page .about-different .about-section-head h2{color:#f5f5f7;}
.about-page .about-different .about-section-head h2 .purple{color:var(--purple);}
.about-page .about-different .about-section-head>p{color:#9d9aa5;}

/* Keep the purple conversation CTA heading dark and readable on its light background. */
.about-page .conversation-cta h2{color:#09090b;}
.about-page .conversation-cta h2 .purple{color:#09090b;}
.about-page .conversation-cta .eyebrow{color:rgba(9,9,11,.58);}

@media(max-width:900px){
  .about-page .about-glance-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 250px;min-height:0;}
  .about-page .glance-card-tall{grid-row:1 / 3;}
  .about-page .glance-card-wide{grid-column:1 / 3;grid-row:3;}
}
@media(max-width:600px){
  .about-page .about-glance-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:10px;}
  .about-page .glance-card-tall,.about-page .glance-card-wide{grid-column:auto;grid-row:auto;min-height:230px;}
  .about-page .glance-card-wide{display:flex;}
  .about-page .glance-card-wide .glance-number,
  .about-page .glance-card-wide strong,
  .about-page .glance-card-wide small,
  .about-page .glance-card-wide .glance-label{grid-column:auto;grid-row:auto;}
  .about-page .glance-number{font-size:48px;}
  .about-page .glance-card small{font-size:14px;}
}


/* V38 — Services page redesigned to follow the supplied ZeeFrames-style reference while keeping Afinityinc branding. */
.services-page{background:#080808;color:#f4f4f6;overflow:hidden}
.services-page .services-page-hero{min-height:430px;display:flex;align-items:flex-end;padding-top:150px;padding-bottom:72px;background:
  radial-gradient(circle at 78% 72%,rgba(200,182,255,.14),transparent 22%),
  radial-gradient(circle at 26% 82%,rgba(200,182,255,.08),transparent 28%),#080808}
.services-page .services-page-hero .container{max-width:1080px}
.services-page .services-page-hero h1{font-size:clamp(48px,6vw,84px);line-height:.9;letter-spacing:-.065em;max-width:900px;margin:0 0 22px}
.services-page .services-page-hero p{font-size:15px;line-height:1.55;color:#a9a6af;max-width:650px;margin:0}
.services-page .service-category-section{padding:72px 0 86px;background:#080808}
.services-page .service-category-section:nth-of-type(even){background:#0a0a0b}
.services-page .service-category-head{grid-template-columns:1fr .72fr;gap:60px;align-items:end;margin-bottom:28px}
.services-page .service-category-head .eyebrow{margin-bottom:10px;color:#8f8c98;font-size:10px;letter-spacing:.16em}
.services-page .service-category-head h2{font-size:clamp(34px,4vw,58px);line-height:.92;letter-spacing:-.055em;color:#f4f4f6;margin:0}
.services-page .service-category-head h2 .purple{color:var(--purple)}
.services-page .service-category-head>p{font-size:13px;line-height:1.5;color:#88858f;max-width:420px;margin:0}
.services-page .service-category-layout{display:grid;grid-template-columns:minmax(190px,.38fr) minmax(0,.62fr);gap:9px;align-items:stretch}
.services-page .service-feature-card,.services-page .service-detail-card{border:1px solid rgba(255,255,255,.085);border-radius:8px;background:#151516;overflow:hidden}
.services-page .service-feature-card{display:flex;flex-direction:column;min-height:510px}
.services-page .service-feature-media{aspect-ratio:1/1.02;min-height:240px;background:
 radial-gradient(circle at 50% 44%,rgba(200,182,255,.25),transparent 42%),#121217;display:flex;align-items:center;justify-content:center;color:#dedbe6;overflow:hidden}
.services-page .service-feature-media img{width:100%;height:100%;object-fit:cover;display:block}
.services-page .service-feature-media>span{font-size:12px;text-align:center;color:#d5d1dd;padding:20px}
.services-page .service-feature-copy{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.services-page .service-feature-label{font-size:8px;letter-spacing:.16em;color:#817d89;margin-bottom:8px}
.services-page .service-feature-copy h3{font-size:21px;line-height:1.05;letter-spacing:-.035em;color:#fff;margin:0 0 9px}
.services-page .service-feature-copy p{font-size:12px;line-height:1.45;color:#97939e;margin:0;max-width:330px}
.services-page .service-feature-copy .text-link{margin-top:auto;padding-top:18px;font-size:11px;color:#fff;display:inline-flex;gap:5px;align-items:center}
.services-page .service-feature-copy .text-link span{color:var(--purple);font-size:15px}
.services-page .service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.services-page .service-detail-card{position:relative;display:flex;flex-direction:column;min-height:0;padding:17px 17px 16px;color:#f3f2f5;transition:transform .35s cubic-bezier(.2,.75,.2,1),background .35s,border-color .35s,box-shadow .35s}
.services-page .service-detail-card:hover{transform:translateY(-3px);background:#1b1b1d;border-color:rgba(200,182,255,.38);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.services-page .service-icon{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(200,182,255,.25);background:rgba(200,182,255,.06);color:var(--purple);flex:0 0 auto}
.services-page .service-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.services-page .service-card-arrow{position:absolute;top:16px;right:17px;width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0b0b0d;background:var(--purple);font-size:13px;line-height:1;opacity:0;transform:translate(-3px,3px) rotate(-18deg);transition:.35s}
.services-page .service-detail-card:hover .service-card-arrow{opacity:1;transform:translate(0,0) rotate(0)}
.services-page .service-detail-card h3{font-size:16px;line-height:1.12;letter-spacing:-.025em;color:#f6f5f7;margin:30px 0 7px}
.services-page .service-detail-card p{font-size:10px;line-height:1.45;color:#898690;margin:0;max-width:260px}
.services-page .service-card-link{margin-top:auto;padding-top:13px;font-size:9px;color:#c9c5ce;opacity:.78;display:inline-flex;gap:4px;align-items:center}
.services-page .service-card-link b{font-size:12px;color:var(--purple);font-weight:400}

/* Reference-inspired supporting blocks. */
.services-page .services-approach-section{background:#f5f4ef;color:#111115;padding:82px 0 88px}
.services-page .services-approach-head{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:35px}
.services-page .services-approach-head .eyebrow{grid-column:1/-1;color:#77737c;margin-bottom:-42px;font-size:10px;letter-spacing:.15em}
.services-page .services-approach-head h2{font-size:clamp(38px,4.8vw,66px);line-height:.94;letter-spacing:-.06em;margin:0;color:#111115}
.services-page .services-approach-head h2 .purple{color:var(--purple-2)}
.services-page .services-approach-head>p{font-size:14px;line-height:1.6;color:#66636c;margin:0}
.services-page .services-approach-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(17,17,21,.12);border-radius:10px;overflow:hidden;background:#fbfaf7}
.services-page .services-approach-grid article{min-height:205px;padding:20px;border-right:1px solid rgba(17,17,21,.10);display:flex;flex-direction:column}
.services-page .services-approach-grid article:last-child{border-right:0}
.services-page .approach-icon{font-size:10px;color:#55515a;letter-spacing:.1em}
.services-page .services-approach-grid h3{font-size:17px;line-height:1.05;margin:48px 0 8px;color:#151419}
.services-page .services-approach-grid p{font-size:11px;line-height:1.5;color:#77737c;margin:0}
.services-page .services-partner-section{padding:90px 0;background:#080808}
.services-page .services-partner-head{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:35px}
.services-page .services-partner-head h2{font-size:clamp(40px,4.8vw,66px);line-height:.94;letter-spacing:-.06em;color:#f4f4f6;margin:0;max-width:760px}
.services-page .services-partner-head h2 .purple{color:var(--purple)}
.services-page .services-partner-head>p{font-size:14px;line-height:1.6;color:#898690;margin:0}
.services-page .services-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.09);border-radius:9px;overflow:hidden;background:#101011}
.services-page .services-partner-grid article{min-height:190px;padding:22px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transition:background .3s}
.services-page .services-partner-grid article:nth-child(3n){border-right:0}
.services-page .services-partner-grid article:nth-last-child(-n+3){border-bottom:0}
.services-page .services-partner-grid article:hover{background:rgba(200,182,255,.045)}
.services-page .partner-icon{width:25px;height:25px;border-radius:6px;border:1px solid rgba(200,182,255,.25);color:var(--purple);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.services-page .services-partner-grid h3{font-size:17px;line-height:1.08;margin:36px 0 8px;color:#f4f4f6}
.services-page .services-partner-grid p{font-size:11px;line-height:1.5;color:#85818b;margin:0;max-width:330px}
.services-page .services-work-cta{padding:40px 0 85px;background:#080808}
.services-page .services-work-cta-inner{position:relative;overflow:hidden;border-radius:9px;background:var(--purple);color:#0c0b10;padding:38px 40px;min-height:205px;display:flex;justify-content:space-between;align-items:center}
.services-page .services-work-cta-inner .eyebrow{color:rgba(12,11,16,.58);margin-bottom:10px;font-size:9px}
.services-page .services-work-cta-inner h2{font-size:clamp(30px,4vw,50px);line-height:.95;letter-spacing:-.055em;margin:0 0 10px;max-width:700px;color:#0c0b10}
.services-page .services-work-cta-inner h2 .purple{color:#0c0b10}
.services-page .services-work-cta-inner p{font-size:12px;line-height:1.5;max-width:590px;color:#25202e;margin:0 0 18px}
.services-page .services-work-cta-inner .btn.primary{background:#0b0b0d;color:#fff;border-color:#0b0b0d;font-size:11px;padding:11px 17px}
.services-page .services-work-shape{width:125px;height:125px;border-radius:36% 64% 62% 38%/38% 37% 63% 62%;border:2px solid rgba(12,11,16,.8);display:flex;align-items:center;justify-content:center;font-size:58px;transform:rotate(45deg);flex:0 0 auto}

@media(max-width:900px){
 .services-page .services-page-hero{min-height:350px;padding-top:125px;padding-bottom:55px}
 .services-page .services-page-hero h1{font-size:52px}
 .services-page .service-category-head,.services-page .services-approach-head,.services-page .services-partner-head{grid-template-columns:1fr;gap:22px}
 .services-page .services-approach-head .eyebrow{grid-column:auto;margin-bottom:0}
 .services-page .service-category-layout{grid-template-columns:31% 69%;gap:7px}
 .services-page .service-feature-card{min-height:430px}
 .services-page .service-feature-media{min-height:170px;aspect-ratio:1/1.05}
 .services-page .service-feature-copy{padding:13px}
 .services-page .service-feature-copy h3{font-size:17px}
 .services-page .service-feature-copy p{font-size:10px}
 .services-page .service-detail-grid{gap:7px}
 .services-page .service-detail-card{padding:12px;min-height:135px}
 .services-page .service-detail-card h3{font-size:13px;margin:25px 0 6px}
 .services-page .service-detail-card p{font-size:9px}
 .services-page .service-card-link{font-size:8px}
 .services-page .services-approach-grid{grid-template-columns:1fr 1fr}
 .services-page .services-approach-grid article:nth-child(2n){border-right:0}
 .services-page .services-approach-grid article:nth-last-child(-n+3){border-bottom:1px solid rgba(17,17,21,.10)}
 .services-page .services-approach-grid article:nth-last-child(-n+2){border-bottom:0}
 .services-page .services-partner-grid{grid-template-columns:1fr 1fr}
 .services-page .services-partner-grid article:nth-child(3n){border-right:1px solid rgba(255,255,255,.08)}
 .services-page .services-partner-grid article:nth-child(2n){border-right:0}
 .services-page .services-partner-grid article:nth-last-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08)}
 .services-page .services-partner-grid article:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:600px){
 .services-page .services-page-hero{min-height:285px;padding-top:105px;padding-bottom:38px}
 .services-page .services-page-hero h1{font-size:39px;line-height:.93}
 .services-page .services-page-hero p{font-size:11px;max-width:340px}
 .services-page .service-category-section{padding:50px 0 55px}
 .services-page .service-category-head{margin-bottom:17px}
 .services-page .service-category-head h2{font-size:30px}
 .services-page .service-category-head>p{font-size:10px;line-height:1.45}
 .services-page .service-category-layout{grid-template-columns:31% 69%;gap:5px}
 .services-page .service-feature-card{min-height:390px;border-radius:6px}
 .services-page .service-feature-media{min-height:145px}
 .services-page .service-feature-copy{padding:10px}
 .services-page .service-feature-label{font-size:6px}
 .services-page .service-feature-copy h3{font-size:14px}
 .services-page .service-feature-copy p{font-size:8px;line-height:1.4}
 .services-page .service-feature-copy .text-link{font-size:8px;padding-top:10px}
 .services-page .service-feature-copy .text-link span{font-size:11px}
 .services-page .service-detail-grid{gap:5px}
 .services-page .service-detail-card{padding:9px;border-radius:6px;min-height:112px}
 .services-page .service-icon{width:20px;height:20px;border-radius:5px}
 .services-page .service-icon svg{width:11px;height:11px}
 .services-page .service-card-arrow{width:18px;height:18px;top:9px;right:9px;font-size:10px}
 .services-page .service-detail-card h3{font-size:10px;line-height:1.1;margin:22px 0 5px}
 .services-page .service-detail-card p{font-size:7px;line-height:1.35}
 .services-page .service-card-link{font-size:6.5px;padding-top:8px}
 .services-page .service-card-link b{font-size:9px}
 .services-page .services-approach-section{padding:58px 0 62px}
 .services-page .services-approach-head h2,.services-page .services-partner-head h2{font-size:38px}
 .services-page .services-approach-grid,.services-page .services-partner-grid{grid-template-columns:1fr 1fr}
 .services-page .services-approach-grid article{min-height:170px;padding:14px}
 .services-page .services-approach-grid h3{font-size:13px;margin:32px 0 7px}
 .services-page .services-approach-grid p{font-size:8px}
 .services-page .services-partner-section{padding:62px 0}
 .services-page .services-partner-grid article{min-height:155px;padding:14px}
 .services-page .services-partner-grid h3{font-size:13px;margin:27px 0 7px}
 .services-page .services-partner-grid p{font-size:8px}
 .services-page .services-work-cta{padding:25px 0 58px}
 .services-page .services-work-cta-inner{padding:25px 20px;min-height:170px}
 .services-page .services-work-cta-inner h2{font-size:29px}
 .services-page .services-work-shape{width:75px;height:75px;font-size:34px}
}


/* V39 — Services hero follows the supplied product-services reference; Afinityinc branding retained. */
.services-page .services-reference-hero{min-height:520px;padding:118px 0 72px;display:flex;align-items:center;background:
 radial-gradient(circle at 78% 65%,rgba(200,182,255,.12),transparent 24%),
 radial-gradient(circle at 29% 80%,rgba(200,182,255,.09),transparent 28%),#080808}
.services-page .services-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:70px;align-items:center}
.services-page .services-hero-copy{position:relative;z-index:2}
.services-page .services-breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:#aaa7b1;margin-bottom:38px}
.services-page .services-breadcrumb a:hover{color:var(--purple)}
.services-page .services-breadcrumb span{font-size:22px;color:#66636c;line-height:1}
.services-page .services-breadcrumb strong{color:#f5f4f7;font-weight:600}
.services-page .services-reference-hero .eyebrow{font-size:11px;letter-spacing:.15em;color:#9a96a2;margin-bottom:12px}
.services-page .services-reference-hero h1{font-size:clamp(54px,6vw,82px);line-height:.92;letter-spacing:-.06em;max-width:700px;margin:0 0 22px;text-transform:none}
.services-page .services-reference-hero h1 .purple{color:var(--purple)}
.services-page .services-reference-hero p{font-size:17px;line-height:1.55;color:#b0adb6;max-width:690px;margin:0 0 31px}
.services-page .services-trust-title{font-size:13px;font-weight:700;letter-spacing:.02em;color:#f5f4f7;margin-bottom:17px}
.services-page .services-trust-logos{display:flex;align-items:center;gap:18px;min-height:58px}
.services-page .services-trust-logo{height:58px;min-width:72px;display:flex;align-items:center;justify-content:center;color:#e9e7ed;font-size:10px;text-align:center;line-height:1.15}
.services-page .services-trust-logo img{max-width:105px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}
.services-page .services-hero-card-wrap{position:relative;min-height:360px;display:flex;align-items:center;justify-content:flex-end}
.services-page .services-hero-orb{position:absolute;width:430px;height:430px;right:8px;top:50%;transform:translateY(-50%);border-radius:46% 54% 48% 52%;background:radial-gradient(circle at 38% 35%,rgba(200,182,255,.08),rgba(8,8,8,.95) 58%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 80px rgba(200,182,255,.06)}
.services-page .services-hero-card{position:relative;z-index:2;width:min(100%,500px);display:grid;grid-template-columns:180px 1fr;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(30,30,27,.76);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.35)}
.services-page .services-hero-card-media{min-height:165px;border-radius:8px;overflow:hidden;background:#1b1b1d;display:flex;align-items:center;justify-content:center}
.services-page .services-hero-card-media img{width:100%;height:100%;object-fit:cover}
.services-page .services-hero-card-placeholder{font-size:13px;letter-spacing:.12em;color:#aaa6b0}
.services-page .services-hero-card-copy{display:flex;flex-direction:column;justify-content:center;padding:3px 2px 3px 0}
.services-page .services-hero-card-copy .hero-card-title{font-size:19px;line-height:1.18;letter-spacing:-.025em;color:#f5f4f6;margin:0 0 12px}
.services-page .services-hero-card-copy p{font-size:14px;line-height:1.45;color:#b9b5be;margin:0 0 18px}
.services-page .services-hero-card-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:var(--purple);color:#09090b;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:600;transition:transform .25s,filter .25s}
.services-page .services-hero-card-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.services-page .services-hero-card-btn span{font-size:18px;line-height:1}

/* V39 — Improve service-card readability at the current desktop composition. */
.services-page .service-feature-copy h3{font-size:24px;line-height:1.08}
.services-page .service-feature-copy p{font-size:14px;line-height:1.52}
.services-page .service-feature-copy .text-link{font-size:13px}
.services-page .service-detail-card h3{font-size:19px;line-height:1.14;margin:34px 0 9px}
.services-page .service-detail-card p{font-size:13px;line-height:1.5;max-width:330px}
.services-page .service-card-link{font-size:11px;padding-top:16px}
.services-page .service-card-link b{font-size:14px}
.services-page .service-icon{width:28px;height:28px}
.services-page .service-icon svg{width:15px;height:15px}
.services-page .service-card-arrow{width:27px;height:27px;font-size:14px}

@media(max-width:900px){
 .services-page .services-reference-hero{min-height:0;padding:110px 0 65px}
 .services-page .services-hero-grid{grid-template-columns:1fr;gap:45px}
 .services-page .services-hero-card-wrap{justify-content:center;min-height:320px}
 .services-page .services-hero-orb{right:50%;transform:translate(50%,-50%)}
 .services-page .service-detail-card h3{font-size:17px}
 .services-page .service-detail-card p{font-size:12px}
}
@media(max-width:600px){
 .services-page .services-reference-hero{padding:98px 0 52px}
 .services-page .services-breadcrumb{font-size:12px;margin-bottom:28px}
 .services-page .services-reference-hero h1{font-size:43px;line-height:.94}
 .services-page .services-reference-hero p{font-size:14px}
 .services-page .services-trust-logos{gap:8px;flex-wrap:wrap}
 .services-page .services-trust-logo{height:46px;min-width:62px}
 .services-page .services-trust-logo img{max-width:78px;max-height:46px}
 .services-page .services-hero-card{grid-template-columns:110px 1fr;padding:11px;gap:11px;border-radius:12px}
 .services-page .services-hero-card-media{min-height:125px}
 .services-page .services-hero-card-copy .hero-card-title{font-size:15px}
 .services-page .services-hero-card-copy p{font-size:11px}
 .services-page .services-hero-card-btn{font-size:11px;padding:9px 12px}
 .services-page .services-hero-card-btn span{font-size:14px}
 .services-page .service-feature-copy h3{font-size:18px}
 .services-page .service-feature-copy p{font-size:12px}
 .services-page .service-detail-card h3{font-size:15px;margin:25px 0 7px}
 .services-page .service-detail-card p{font-size:10.5px;line-height:1.45}
 .services-page .service-card-link{font-size:9px}
}

/* V40 — Services page spacing, full-width containers and readability refinements. */
.services-page .container{
  width:100%;
  max-width:none !important;
  margin-left:0;
  margin-right:0;
  padding-left:58px;
  padding-right:58px;
}
.services-page .services-reference-hero{
  min-height:500px;
  padding-top:78px;
  padding-bottom:55px;
}
.services-page .service-category-section{
  padding-top:48px;
  padding-bottom:60px;
}
.services-page .service-category-head{
  margin-bottom:24px;
}
.services-page .service-category-head>p{
  font-size:14px;
  line-height:1.55;
  max-width:none;
}
.services-page .service-feature-copy p,
.services-page .service-detail-card p,
.services-page .services-approach-grid p,
.services-page .services-partner-grid p{
  font-size:14px;
  line-height:1.55;
}
.services-page .service-feature-copy p,
.services-page .service-detail-card p,
.services-page .services-partner-grid p{
  max-width:none;
}
.services-page .service-feature-copy h3{font-size:25px}
.services-page .service-detail-card h3{font-size:20px}
.services-page .services-approach-section{
  padding-top:58px;
  padding-bottom:64px;
}
.services-page .services-partner-section{
  padding-top:64px;
  padding-bottom:68px;
}
.services-page .services-approach-grid article,
.services-page .services-partner-grid article{
  padding:24px;
}
.services-page .services-approach-grid h3,
.services-page .services-partner-grid h3{
  font-size:19px;
}

@media(max-width:900px){
  .services-page .container{padding-left:32px;padding-right:32px}
  .services-page .services-reference-hero{padding-top:80px;padding-bottom:52px}
  .services-page .service-category-section{padding-top:42px;padding-bottom:52px}
  .services-page .service-detail-card p,
  .services-page .service-feature-copy p,
  .services-page .services-approach-grid p,
  .services-page .services-partner-grid p{font-size:14px}
}
@media(max-width:600px){
  .services-page .container{padding-left:20px;padding-right:20px}
  .services-page .services-reference-hero{padding-top:72px;padding-bottom:42px}
  .services-page .service-category-section{padding-top:36px;padding-bottom:44px}
  .services-page .service-category-head>p{font-size:14px}
  .services-page .service-feature-copy p,
  .services-page .service-detail-card p,
  .services-page .services-approach-grid p,
  .services-page .services-partner-grid p{font-size:14px;line-height:1.5}
  .services-page .service-feature-copy h3{font-size:19px}
  .services-page .service-detail-card h3{font-size:16px}
  .services-page .services-approach-grid article,
  .services-page .services-partner-grid article{padding:18px}
  .services-page .services-approach-grid h3,
  .services-page .services-partner-grid h3{font-size:16px}
}


/* V41 — Services responsive category cards, hero cleanup and final readability. */
.services-page .service-card-link{font-size:14px;padding-top:18px}
.services-page .service-card-link b{font-size:16px}
.services-page .approach-icon{font-size:14px;letter-spacing:.1em}
.services-page .partner-icon{width:30px;height:30px;font-size:14px}
.services-page .service-icon{width:32px;height:32px}
.services-page .service-icon svg{width:17px;height:17px}
.services-page .service-card-arrow{width:30px;height:30px;font-size:15px}
.services-page .service-detail-card p{font-size:14px;line-height:1.55;max-width:none}
.services-page .service-feature-copy p{font-size:14px;line-height:1.55}
.services-page .services-approach-grid p,
.services-page .services-partner-grid p{font-size:14px;line-height:1.55}

@media (max-width:1100px){
  .services-page .service-category-layout{grid-template-columns:35% 65%;gap:7px}
  .services-page .service-detail-grid{grid-template-columns:1fr 1fr;gap:7px}
  .services-page .service-detail-card{min-width:0;padding:16px}
  .services-page .service-detail-card h3{font-size:18px;line-height:1.15;margin-top:34px}
  .services-page .service-detail-card p{font-size:14px}
}

@media (max-width:760px){
  .services-page .service-category-layout{grid-template-columns:1fr;gap:12px}
  .services-page .service-feature-card{min-height:0}
  .services-page .service-feature-media{min-height:230px;aspect-ratio:16/8}
  .services-page .service-feature-copy{padding:18px}
  .services-page .service-feature-label{font-size:9px}
  .services-page .service-feature-copy h3{font-size:25px}
  .services-page .service-feature-copy p{font-size:14px}
  .services-page .service-detail-grid{grid-template-columns:1fr 1fr;gap:8px}
  .services-page .service-detail-card{min-height:185px;padding:16px}
  .services-page .service-detail-card h3{font-size:18px;margin:35px 0 9px}
  .services-page .service-detail-card p{font-size:14px;line-height:1.5}
  .services-page .service-card-link{font-size:14px;padding-top:14px}
  .services-page .service-icon{width:32px;height:32px}
  .services-page .service-card-arrow{width:28px;height:28px}
}

@media (max-width:520px){
  .services-page .service-detail-grid{grid-template-columns:1fr}
  .services-page .service-detail-card{min-height:170px;padding:18px}
  .services-page .service-detail-card h3{font-size:20px;margin-top:38px}
  .services-page .service-detail-card p{font-size:14px}
  .services-page .service-card-link{font-size:14px}
  .services-page .service-feature-media{min-height:200px}
}

/* V42 — Service detail pages: ZeeFrames-inspired editorial flow with Afinityinc branding. */
.service-detail-page{background:#09090b;color:#f5f4f7;overflow:hidden}
.service-detail-page .container{width:min(1280px,calc(100% - 80px));max-width:none}
.service-detail-reference-hero{position:relative;min-height:0;padding:34px 0 72px;background:radial-gradient(55% 100% at 13% 75%,rgba(200,182,255,.18),transparent 52%),radial-gradient(38% 70% at 78% 40%,rgba(200,182,255,.10),transparent 60%),#09090b}
.service-detail-breadcrumb{display:flex;align-items:center;gap:11px;margin:0 0 58px;color:#8e8b96;font-size:13px}
.service-detail-breadcrumb a{color:#b5b1bd;text-decoration:none}.service-detail-breadcrumb a:hover{color:#fff}.service-detail-breadcrumb strong{color:#fff;font-weight:600}.service-detail-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:360px}
.service-detail-hero-copy{text-align:left;max-width:680px}.service-detail-hero-copy .eyebrow{font-size:11px;letter-spacing:.14em;color:#aaa6b2;margin-bottom:14px}.service-detail-hero-copy h1{font-size:clamp(54px,6vw,88px);line-height:.91;letter-spacing:-.06em;margin:0 0 24px;color:#fff;text-transform:none}.service-detail-hero-copy p{font-size:18px;line-height:1.55;color:#b8b5bf;max-width:650px;margin:0 0 34px}.service-detail-trust-title{font-size:12px;letter-spacing:.07em;font-weight:700;color:#e9e7ed;margin-bottom:17px}.service-detail-trust-logos{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.service-detail-trust-logos span{height:52px;min-width:58px;display:flex;align-items:center;justify-content:center}.service-detail-trust-logos img{max-width:100px;max-height:52px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(1.8)}
.service-detail-hero-card-wrap{position:relative;display:flex;justify-content:flex-end;min-height:350px;align-items:center}.service-detail-hero-orb{position:absolute;width:410px;height:410px;border-radius:50%;right:15px;top:50%;transform:translateY(-50%);background:radial-gradient(circle at 40% 35%,rgba(200,182,255,.15),rgba(200,182,255,.04) 48%,transparent 70%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 80px rgba(200,182,255,.05)}
.service-detail-hero-card{position:relative;z-index:1;width:min(570px,100%);display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(27,27,29,.76);backdrop-filter:blur(14px);box-shadow:0 25px 80px rgba(0,0,0,.28)}.service-detail-hero-card-media{min-height:190px;border-radius:10px;overflow:hidden;background:#151518;display:flex;align-items:center;justify-content:center;color:#aaa}.service-detail-hero-card-media img{width:100%;height:100%;object-fit:cover}.service-detail-hero-card-copy{display:flex;flex-direction:column;justify-content:center;padding:8px 8px 8px 0}.service-detail-hero-card-copy .hero-card-title{font-size:21px;line-height:1.1;margin:0 0 18px;color:#fff}.service-detail-hero-card-copy p{font-size:14px;line-height:1.5;color:#aaa7b0;margin:0 0 22px}.service-detail-hero-card-copy a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--purple);color:#0b0b0d;text-decoration:none;font-weight:700;font-size:13px;width:max-content}.service-detail-hero-card-copy a:hover{transform:translateY(-2px)}
.service-detail-page .section{padding:92px 0}.service-audience-section{background:#f7f6f2;color:#111}.service-detail-section-head{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:42px}.service-detail-section-head .eyebrow{font-size:11px;letter-spacing:.15em;color:#77727f;margin-bottom:14px}.service-detail-section-head h2{font-size:clamp(40px,4.8vw,66px);line-height:.93;letter-spacing:-.055em;margin:0;color:inherit}.service-detail-section-head>p{font-size:15px;line-height:1.65;color:#77727f;margin:0;max-width:none}.service-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:hidden}.service-audience-grid article{padding:28px 24px;min-height:190px;border-right:1px solid rgba(0,0,0,.12)}.service-audience-grid article:last-child{border-right:0}.service-detail-mini-icon{width:30px;height:30px;border:1px solid currentColor;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#77727f}.service-detail-mini-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.service-audience-grid h3{font-size:19px;line-height:1.15;margin:42px 0 10px;letter-spacing:-.03em}.service-audience-grid p{font-size:14px;line-height:1.5;color:#77727f;margin:0}
.service-offer-section{background:#09090b}.service-offer-section .service-detail-section-head h2{color:#fff}.service-offer-section .service-detail-section-head>p{color:#85818b}.service-offer-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:12px}.service-offer-feature{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#151516;min-height:540px;display:flex;flex-direction:column}.service-offer-feature-glow{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,rgba(200,182,255,.24),transparent 48%),#111118;color:#e9e6f0}.service-offer-feature-glow span{font-size:16px}.service-offer-feature-copy{padding:26px}.service-offer-feature-copy .eyebrow{font-size:10px;letter-spacing:.14em;color:#aaa6b2}.service-offer-feature-copy h3{font-size:25px;line-height:1.08;margin:12px 0;color:#fff}.service-offer-feature-copy p{font-size:14px;line-height:1.55;color:#aaa7b0;margin:0}.service-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-offer-card{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#151516;padding:18px;min-height:170px;transition:.3s}.service-offer-card:hover{background:#1b1b1d;border-color:rgba(200,182,255,.45);transform:translateY(-3px)}.service-offer-card .service-detail-mini-icon{color:var(--purple);border-color:rgba(200,182,255,.35)}.service-offer-arrow{position:absolute;right:18px;top:18px;color:#777;font-size:15px;transition:.3s}.service-offer-card:hover .service-offer-arrow{color:var(--purple);transform:translate(3px,-3px)}.service-offer-card h3{font-size:19px;line-height:1.15;margin:36px 0 9px;color:#fff}.service-offer-card p{font-size:14px;line-height:1.5;color:#92909a;margin:0;max-width:none}
.service-process-section{background:#f7f6f2;color:#111}.service-process-reference-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:hidden}.service-process-reference-grid article{position:relative;min-height:245px;padding:22px;border-right:1px solid rgba(0,0,0,.12);overflow:hidden}.service-process-reference-grid article:last-child{border-right:0}.service-process-number{font-size:12px;color:#77727f}.service-process-reference-grid h3{font-size:18px;line-height:1.12;margin:52px 0 9px}.service-process-reference-grid p{font-size:14px;line-height:1.5;color:#77727f;margin:0}.service-process-reference-grid article.has-image{padding:0;background:#111}.service-process-reference-grid article.has-image .service-process-number,.service-process-reference-grid article.has-image h3,.service-process-reference-grid article.has-image p{position:relative;z-index:2;margin-left:22px;margin-right:22px;color:#fff}.service-process-reference-grid article.has-image h3{margin-top:52px}.service-process-reference-grid article.has-image p{color:#ddd}.service-process-reference-grid article.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}.service-process-reference-grid article.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.1))}
.service-tools-section{background:#f7f6f2;color:#111;padding-top:65px}.service-tools-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(0,0,0,.12);border-radius:12px;overflow:hidden}.service-tools-grid>div{min-height:120px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);background:#f1efe9}.service-tools-grid>div:nth-child(6n){border-right:0}.service-tools-grid>div:nth-last-child(-n+6){border-bottom:0}.service-tools-grid img{width:38px;height:38px;object-fit:contain}.service-tools-grid strong{font-size:13px}.service-tool-letter{width:38px;height:38px;border-radius:8px;background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.service-partner-section{background:#09090b;padding-top:80px}.service-partner-panel{padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:radial-gradient(circle at 80% 10%,rgba(200,182,255,.09),transparent 35%),#111113}.service-partner-panel .service-detail-section-head{margin-bottom:34px}.service-partner-panel .service-detail-section-head h2{color:#fff}.service-partner-panel .service-detail-section-head>p{color:#8c8992}.service-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.service-partner-grid article{padding:22px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);min-height:155px}.service-partner-grid article:nth-child(3n){border-right:0}.service-partner-grid article:nth-last-child(-n+3){border-bottom:0}.service-partner-grid span{font-size:11px;color:var(--purple)}.service-partner-grid h3{font-size:18px;margin:28px 0 8px;color:#fff}.service-partner-grid p{font-size:14px;line-height:1.5;color:#8d8994;margin:0}
.service-faq-section{background:#f7f6f2;color:#111}.service-faq-list{border:1px solid rgba(0,0,0,.12);border-radius:10px;overflow:hidden}.service-faq-list details{border-bottom:1px solid rgba(0,0,0,.12);background:#fff}.service-faq-list details:last-child{border-bottom:0}.service-faq-list summary{list-style:none;cursor:pointer;padding:20px 24px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.service-faq-list summary::-webkit-details-marker{display:none}.service-faq-list summary span{font-size:22px;font-weight:400;color:#777}.service-faq-list details[open] summary span{transform:rotate(45deg)}.service-faq-list details>div{padding:0 24px 20px;color:#77727f;font-size:14px;line-height:1.6}.service-faq-list details>div p{margin:0}
.service-detail-page .dark-page-cta{margin-top:0}
@media(max-width:900px){
 .service-detail-page .container{width:min(100% - 48px,1280px)}.service-detail-hero-grid{grid-template-columns:1fr;gap:45px}.service-detail-hero-copy{max-width:none}.service-detail-hero-card-wrap{justify-content:center}.service-detail-section-head{grid-template-columns:1fr;gap:24px}.service-audience-grid{grid-template-columns:1fr 1fr}.service-audience-grid article:nth-child(2n){border-right:0}.service-audience-grid article{border-bottom:1px solid rgba(0,0,0,.12)}.service-audience-grid article:nth-last-child(-n+2){border-bottom:0}.service-offer-layout{grid-template-columns:1fr}.service-process-reference-grid{grid-template-columns:1fr 1fr}.service-process-reference-grid article:nth-child(2n){border-right:0}.service-process-reference-grid article{border-bottom:1px solid rgba(0,0,0,.12)}.service-process-reference-grid article:nth-last-child(-n+2){border-bottom:0}.service-tools-grid{grid-template-columns:repeat(3,1fr)}.service-tools-grid>div:nth-child(6n){border-right:1px solid rgba(0,0,0,.12)}.service-tools-grid>div:nth-child(3n){border-right:0}.service-tools-grid>div:nth-last-child(-n+6){border-bottom:1px solid rgba(0,0,0,.12)}.service-tools-grid>div:nth-last-child(-n+3){border-bottom:0}.service-partner-grid{grid-template-columns:1fr 1fr}.service-partner-grid article:nth-child(3n){border-right:1px solid rgba(255,255,255,.08)}.service-partner-grid article:nth-child(2n){border-right:0}.service-partner-grid article:nth-last-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08)}.service-partner-grid article:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:600px){
 .service-detail-page .container{width:calc(100% - 32px)}.service-detail-page .section{padding:64px 0}.service-detail-reference-hero{padding:24px 0 48px}.service-detail-breadcrumb{margin-bottom:38px;font-size:12px;gap:7px}.service-detail-hero-grid{min-height:0;gap:34px}.service-detail-hero-copy h1{font-size:clamp(45px,13vw,64px)}.service-detail-hero-copy p{font-size:15px}.service-detail-hero-card{grid-template-columns:1fr;padding:10px}.service-detail-hero-card-media{min-height:180px}.service-detail-hero-card-copy{padding:8px}.service-detail-hero-card-copy .hero-card-title{font-size:20px}.service-detail-hero-orb{width:310px;height:310px;right:50%;transform:translate(50%,-50%)}.service-audience-grid{grid-template-columns:1fr}.service-audience-grid article,.service-audience-grid article:nth-child(2n){border-right:0;border-bottom:1px solid rgba(0,0,0,.12)}.service-audience-grid article:last-child{border-bottom:0}.service-detail-section-head h2{font-size:42px}.service-offer-grid{grid-template-columns:1fr}.service-offer-feature{min-height:420px}.service-offer-card{min-height:180px}.service-process-reference-grid{grid-template-columns:1fr}.service-process-reference-grid article,.service-process-reference-grid article:nth-child(2n){border-right:0;border-bottom:1px solid rgba(0,0,0,.12)}.service-process-reference-grid article:last-child{border-bottom:0}.service-tools-grid{grid-template-columns:repeat(2,1fr)}.service-tools-grid>div:nth-child(3n){border-right:1px solid rgba(0,0,0,.12)}.service-tools-grid>div:nth-child(2n){border-right:0}.service-tools-grid>div:nth-last-child(-n+3){border-bottom:1px solid rgba(0,0,0,.12)}.service-tools-grid>div:nth-last-child(-n+2){border-bottom:0}.service-partner-grid{grid-template-columns:1fr}.service-partner-grid article,.service-partner-grid article:nth-child(2n),.service-partner-grid article:nth-child(3n){border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.service-partner-grid article:last-child{border-bottom:0}.service-faq-list summary{padding:17px 16px;font-size:14px}.service-faq-list details>div{padding:0 16px 17px;font-size:14px}
}


/* V53 — Service tool logos use the exact Customizer setting keys; About glance keeps the section but removes the eyebrow label. */
.service-tools-grid > div img { display:block; width:auto; max-width:64px; height:42px; object-fit:contain; margin:0 auto 12px; }
.service-tools-grid > div strong { display:block; }


/* V54 — Natural technology logos + remove About glance labels. */
.about-page .about-tool-cell img{filter:none!important;opacity:1!important;}
.about-page .about-tool-cell:hover img{filter:none!important;opacity:1!important;}
.service-tools-grid > div img{filter:none!important;opacity:1!important;}
.service-tools-grid > div{gap:0;}
.service-tools-grid > div strong{display:none!important;}
.service-tools-grid .service-tool-letter{display:none!important;}
.about-page .glance-label{display:none!important;}


.google-reviews-badge,
.google-mini {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.google-mini {
  display: inline-flex;
  align-items: center;
}
.google-reviews-badge:hover,
.google-mini:hover {
  text-decoration: none;
}

.wpcf7-response-output{
	    grid-column: 1 / -1 !important;
}
/* ==========================================================================
   V60 — SEO, AEO & GEO sections (uses existing design tokens)
   ========================================================================== */
.showcase-caption h2{font-size:clamp(32px,4vw,60px);line-height:.95;margin:8px 0 0;letter-spacing:-.04em;color:#fff}
@media(max-width:600px){.showcase-caption h2{font-size:27px}}
h3.faq-q{margin:0;font-size:inherit;line-height:inherit;font-family:inherit}
.faq-heading{font:inherit;margin:0;letter-spacing:inherit;color:inherit;line-height:1.35}
.service-faq-list summary .faq-heading{padding-right:16px}

/* Homepage: What is Afinityinc */
.home-definition{padding:110px 0 90px}
.home-definition .section-head{margin-bottom:40px}
.home-definition .home-definition-text{font-size:17px;line-height:1.7;color:#c9c9cf}
.home-definition-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.home-definition-points li{padding:24px 22px;border-right:1px solid var(--line);color:#e9e7ef;font-size:15px;line-height:1.45;display:flex;gap:10px;align-items:flex-start}
.home-definition-points li:last-child{border-right:0}
.home-definition-points li span{color:var(--purple)}
@media(max-width:900px){.home-definition-points{grid-template-columns:1fr 1fr}.home-definition-points li:nth-child(2n){border-right:0}.home-definition-points li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.home-definition{padding:70px 0}.home-definition-points{grid-template-columns:1fr}.home-definition-points li{border-right:0;border-bottom:1px solid var(--line)}.home-definition-points li:last-child{border-bottom:0}}

/* Service: quick answer, rich content, related */
.service-definition-section{background:#09090b;padding-top:70px!important;padding-bottom:70px!important;border-top:1px solid rgba(255,255,255,.06)}
.service-definition-section .service-detail-section-head{margin-bottom:0;align-items:start}
.service-definition-section h2{color:#fff}
.service-definition-section .service-definition-answer{font-size:17px!important;line-height:1.7!important;color:#cfcdd6!important;border-left:2px solid var(--purple);padding-left:22px}
.service-rich-section{background:#f7f6f2;color:#111}
.service-rich-content-wrap{max-width:900px}
.service-rich-content-wrap h2{font-size:clamp(32px,3.6vw,48px);line-height:1;letter-spacing:-.045em;margin:0 0 18px}
.service-rich-content-wrap h2:not(:first-child){margin-top:56px}
.service-rich-content-wrap h3{font-size:22px;letter-spacing:-.02em;margin:32px 0 10px}
.service-rich-content-wrap p,.service-rich-content-wrap li{font-size:16px;line-height:1.7;color:#4f4c56}
.service-rich-content-wrap ul,.service-rich-content-wrap ol{padding-left:22px}
.service-rich-content-wrap li{margin-bottom:8px}
.service-rich-content-wrap a{color:#6c52c9;text-decoration:underline;text-underline-offset:3px}
.service-rich-content-wrap table,.insight-article-content table{width:100%;border-collapse:collapse;margin:20px 0;color: #11111a;font-size:15px;background:#fff;border-radius:10px;overflow:hidden}
.service-rich-content-wrap th,.service-rich-content-wrap td,.insight-article-content th,.insight-article-content td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;vertical-align:top}
.service-rich-content-wrap th{background:#11111a;color:#fff;font-weight:600}
.insight-article-content th{background:rgba(200,182,255,.14)}
.service-related-section{background:#09090b}
.service-related-section .service-detail-section-head h2{color:#fff}
.service-related-section .service-detail-section-head>p{color:#85818b}
.service-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-related-grid .service-offer-card{color:inherit;text-decoration:none;display:block}
@media(max-width:900px){.service-related-grid{grid-template-columns:1fr 1fr}.service-rich-content-wrap{overflow-x:auto}}
@media(max-width:600px){.service-related-grid{grid-template-columns:1fr}}

/* Page FAQ sections on dark pages */
.afinity-page-faq{background:#f7f6f2;color:#111;padding:92px 0}
.afinity-page-faq .service-detail-section-head h2{color:#111}
@media(max-width:600px){.afinity-page-faq{padding:64px 0}}

/* About: founder */
.about-founder{background:#09090b;padding:90px 0}
.about-founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.about-founder h2{font-size:clamp(38px,4.4vw,62px);line-height:.98;letter-spacing:-.05em;margin:0;color:#f5f5f7}
.about-founder-card{display:flex;gap:26px;align-items:flex-start;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#111113}
.about-founder-card img{width:120px;height:120px;border-radius:12px;object-fit:cover;flex-shrink:0}
.about-founder-card h3{margin:0;font-size:24px;color:#fff;letter-spacing:-.02em}
.about-founder-card span{display:block;color:var(--purple);font-size:13px;letter-spacing:.06em;margin:6px 0 14px}
.about-founder-card p{color:#a5a5ad;line-height:1.7;margin:0;font-size:15px}
@media(max-width:900px){.about-founder-grid{grid-template-columns:1fr;gap:30px}.about-founder-card{flex-direction:column}}

/* Contact page */
.contact-page-actions{justify-content:flex-start;margin-top:30px}
.contact-page-hours{margin-top:22px!important;font-size:14px!important;color:#8f8f98!important}
.contact-details-section{background:#09090b;padding:0 0 90px}
.contact-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-detail-card{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#111113;display:grid;gap:8px}
.contact-detail-card h2{margin:0 0 6px;font-size:22px;color:#fff}
.contact-detail-card address{font-style:normal;color:#a5a5ad;line-height:1.6}
.contact-detail-card a{color:var(--purple);text-decoration:none}
@media(max-width:700px){.contact-details-grid{grid-template-columns:1fr}}

/* Industry + category pages */
.industry-page-hero .btn,.service-category-page .inner-page-hero .btn{margin-top:28px}
.industry-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.industry-features-grid .service-offer-card h3{margin-top:30px}
@media(max-width:900px){.industry-features-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.industry-features-grid{grid-template-columns:1fr}}
.service-category-page .service-category-section{padding:90px 0}
.service-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:900px){.service-category-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.service-category-grid{grid-template-columns:1fr!important}}

/* Blog byline */
.insight-byline{font-size:14px!important;color:#8f8f98!important;margin-top:18px!important}
.insight-byline strong{color:#e9e7ef}
.hero-card-title{font-weight:700;display:block}

/* ==========================================================================
   V61 — Icons, enquiry, products, industries hub
   ========================================================================== */
.afi-icon{width:20px;height:20px;flex:0 0 auto;display:inline-block;vertical-align:middle}
.primary-menu a .menu-icon{display:inline-flex;width:17px;height:17px;color:var(--purple);opacity:.9}
.primary-menu a .menu-icon .afi-icon{width:17px;height:17px}
.primary-menu a:hover .menu-icon{opacity:1}
.mega-category .afi-icon{width:20px;height:20px;color:var(--purple)}
.mega-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(200,182,255,.22);background:rgba(200,182,255,.07);color:var(--purple)}
.mega-card-icon .afi-icon{width:19px;height:19px}
.service-icon .afi-icon{width:15px;height:15px}
.selected-service-icon{display:inline-flex;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;border:1px solid rgba(200,182,255,.25);background:rgba(200,182,255,.07);color:var(--purple)}
.selected-service-icon .afi-icon{width:21px;height:21px}
.service-feature-label{display:flex;align-items:center;gap:10px}
.service-feature-icon{display:inline-flex;color:var(--purple)}
.service-feature-icon .afi-icon{width:18px;height:18px}
.service-feature-big-icon{display:flex;justify-content:center;margin-bottom:14px;color:var(--purple)}
.service-feature-big-icon .afi-icon{width:64px;height:64px;stroke-width:1.1}
.service-offer-feature-glow{flex-direction:column}
.service-detail-mini-icon .afi-icon{width:16px;height:16px}
.industry-tab .tab-icon{width:14px;height:14px;margin-right:7px;color:var(--purple)}
.industry-eyebrow{display:inline-flex;align-items:center;gap:10px}
.industry-hero-icon{display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;border:1px solid rgba(200,182,255,.3);color:var(--purple)}
.industry-hero-icon .afi-icon{width:18px;height:18px}
.footer-location-single{grid-template-columns:1fr!important}

/* Enquiry band */
.afi-enquiry-band{background:#09090b;padding:70px 0}
.afi-enquiry-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:30px 60px;align-items:center;padding:40px;border-radius:18px;border:1px solid rgba(200,182,255,.22);background:radial-gradient(circle at 85% 20%,rgba(200,182,255,.16),transparent 45%),#111114}
.afi-enquiry-inner h2{font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:-.045em;margin:10px 0 12px;color:#fff}
.afi-enquiry-inner p{color:#a5a5ad;line-height:1.6;margin:0}
.afi-enquiry-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.afi-enquiry-actions .btn{display:inline-flex;align-items:center;gap:8px}
.afi-enquiry-actions .afi-icon{width:17px;height:17px}
.afi-enquiry-points{grid-column:1/-1;list-style:none;margin:0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:12px 30px}
.afi-enquiry-points li{display:flex;align-items:center;gap:8px;color:#d6d4dc;font-size:14px}
.afi-enquiry-points .afi-icon{width:17px;height:17px;color:var(--purple)}
@media(max-width:900px){.afi-enquiry-inner{grid-template-columns:1fr;padding:28px}.afi-enquiry-actions{justify-content:flex-start}}

/* Quick contact */
.afi-quick-cta{position:fixed;left:24px;bottom:24px;z-index:9997;display:flex;gap:8px}
.afi-quick-cta a{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:.25s}
.afi-quick-main{background:var(--purple);color:#111}
.afi-quick-main:hover{transform:translateY(-2px)}
.afi-quick-alt{background:#141417;color:#fff;border:1px solid rgba(255,255,255,.14)}
.afi-quick-alt span,.afi-quick-call{display:none!important}
.afi-quick-alt{width:48px;padding:0!important;justify-content:center}
.afi-quick-cta .afi-icon{width:18px;height:18px}
@media(max-width:700px){
 .afi-quick-cta{left:0;right:0;bottom:0;gap:0;background:#0b0b0d;border-top:1px solid rgba(255,255,255,.1);padding:8px 10px calc(8px + env(safe-area-inset-bottom));}
 .afi-quick-cta a{flex:1;justify-content:center;height:46px;border-radius:12px;box-shadow:none;margin:0 4px;width:auto}
 .afi-quick-main{flex:2!important}
 .afi-quick-alt span{display:inline!important}
 .afi-quick-call{display:inline-flex!important}
 body{padding-bottom:70px}
 .back-to-top{bottom:84px}
}

/* Products */
.afi-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.afi-product-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:#111113;color:inherit;text-decoration:none;transition:.3s}
.afi-product-card:hover{border-color:rgba(200,182,255,.45);transform:translateY(-3px)}
.afi-product-media{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 50% 40%,rgba(200,182,255,.22),transparent 55%),#16161a;display:flex;align-items:center;justify-content:center;overflow:hidden}
.afi-product-media img{width:100%;height:100%;object-fit:cover}
.afi-product-placeholder{color:var(--purple)}
.afi-product-placeholder .afi-icon{width:64px;height:64px;stroke-width:1.1}
.afi-product-status{position:absolute;top:14px;left:14px;padding:6px 11px;border-radius:999px;background:var(--purple);color:#111;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.afi-product-body{padding:22px;display:grid;gap:10px}
.afi-product-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#8f8f98;text-transform:uppercase;letter-spacing:.08em}
.afi-product-meta strong{color:var(--purple);text-transform:none;letter-spacing:0;font-size:14px}
.afi-product-body h3{margin:0;font-size:22px;color:#fff;letter-spacing:-.02em}
.afi-product-body p{margin:0;color:#a5a5ad;line-height:1.55;font-size:14px}
.afi-products-empty{text-align:center;padding:60px 20px;border:1px dashed rgba(255,255,255,.15);border-radius:18px}
.afi-products-empty .afi-icon{width:54px;height:54px;color:var(--purple)}
.afi-products-empty h2{color:#fff}
@media(max-width:900px){.afi-product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.afi-product-grid{grid-template-columns:1fr}}
.product-tagline{font-size:19px!important;color:#d6d4dc!important}
.product-actions{justify-content:flex-start;margin:26px 0}
.product-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.product-facts li{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;color:#a5a5ad}
.product-facts li strong{color:#fff}
.product-facts .afi-icon{width:16px;height:16px;color:var(--purple)}
.product-hero-media{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#121215;min-height:320px;display:flex;align-items:center;justify-content:center}
.product-hero-media img{width:100%;height:auto;display:block}
.product-video{width:100%;aspect-ratio:16/9}.product-video iframe{width:100%;height:100%}
.product-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.product-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.product-feature-grid{grid-template-columns:1fr}}
.product-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.product-gallery img{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1)}
@media(max-width:600px){.product-gallery{grid-template-columns:1fr}}

/* Industries hub */
.industries-group{padding:90px 0}
.industries-group-sialkot{background:#0d0d10;border-top:1px solid rgba(255,255,255,.06)}
.afi-industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.afi-industry-card{display:grid;gap:10px;align-content:start;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#111113;color:inherit;text-decoration:none;transition:.3s}
.afi-industry-card:hover{border-color:rgba(200,182,255,.45);transform:translateY(-3px)}
.afi-industry-icon{display:inline-flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;border:1px solid rgba(200,182,255,.25);background:rgba(200,182,255,.07);color:var(--purple)}
.afi-industry-icon .afi-icon{width:22px;height:22px}
.afi-industry-card h3{margin:8px 0 0;font-size:19px;color:#fff}
.afi-industry-card p{margin:0;color:#a5a5ad;font-size:14px;line-height:1.55}
@media(max-width:1000px){.afi-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.afi-industry-grid{grid-template-columns:1fr}}

/* ==========================================================================
   V62 — footer connect, About animation, quieter manufacturers section
   ========================================================================== */
.footer-locations .footer-location-grid{grid-template-columns:1fr auto!important;align-items:center;gap:30px}
.footer-locations .footer-location-grid:not(.footer-location-single){grid-template-columns:1fr 1fr auto!important}
.footer-connect{display:flex;align-items:center;gap:28px;padding:12px 0 12px 32px;border-left:1px solid rgba(255,255,255,.12);min-height:88px}
.footer-connect-copy strong{display:block;color:#fff;font-size:18px;letter-spacing:-.01em}
.footer-connect-copy p{margin:6px 0 0;color:#a5a5ad;font-size:13px}
.footer-connect-actions{display:flex;align-items:center;gap:14px}
.footer-connect-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--purple);color:#111;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;transition:.25s}
.footer-connect-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(200,182,255,.25)}
.footer-connect-btn .afi-icon{width:17px;height:17px}
.footer-connect-icons{display:flex;gap:8px}
.footer-connect-icons a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);color:#e9e7ef;transition:.25s}
.footer-connect-icons a:hover{color:#111;background:var(--purple);border-color:var(--purple)}
.footer-connect-icons .afi-icon{width:18px;height:18px}
@media(max-width:1000px){.footer-locations .footer-location-grid,.footer-locations .footer-location-grid:not(.footer-location-single){grid-template-columns:1fr!important}.footer-connect{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:22px;flex-wrap:wrap}}
@media(max-width:600px){.footer-connect-actions{flex-wrap:wrap}}

/* About: animated glance cards */
.about-page .about-glance-grid .glance-card{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.about-page .about-glance-grid.is-visible .glance-card{opacity:1;transform:none}
.about-page .about-glance-grid.is-visible .glance-card:nth-child(2){transition-delay:.12s,.12s,0s,0s}
.about-page .about-glance-grid.is-visible .glance-card:nth-child(3){transition-delay:.24s,.24s,0s,0s}
.about-page .about-glance-grid.is-visible .glance-card:nth-child(4){transition-delay:.36s,.36s,0s,0s}
.about-page .glance-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(200,182,255,.22),transparent 45%);opacity:0;transition:opacity .35s}
.about-page .glance-card:hover{border-color:rgba(200,182,255,.45);box-shadow:0 18px 50px rgba(120,90,220,.18);transform:translateY(-4px)!important}
.about-page .glance-card:hover::after{opacity:1}
.about-page .glance-number{transition:color .3s}
.about-page .glance-card:hover .glance-number{color:#fff}
.about-page .glance-card-tall::before{content:"";position:absolute;width:220px;height:220px;right:-60px;bottom:-60px;border-radius:50%;background:radial-gradient(circle,rgba(200,182,255,.35),transparent 65%);animation:afiFloatGlow 7s ease-in-out infinite;pointer-events:none}
@keyframes afiFloatGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,-25px) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.about-page .about-glance-grid .glance-card{opacity:1;transform:none;transition:none}.about-page .glance-card-tall::before{animation:none}}

/* Manufacturers section on the Industries hub: compact and secondary */
.industries-group-sialkot{padding:60px 0!important}
.industries-group-sialkot .section-head{margin-bottom:28px}
.industries-group-sialkot .section-head h2{font-size:28px}
.industries-group-sialkot .afi-industry-card{padding:18px;gap:6px}
.industries-group-sialkot .afi-industry-card h3{font-size:16px}
.industries-group-sialkot .afi-industry-card p{display:none}
.industries-group-sialkot .afi-industry-icon{width:36px;height:36px}

/* ==========================================================================
   V63 — Animated conversion buttons (all primary CTAs, every page)
   Shimmer sweep + soft glow pulse; secondary buttons get a hover border sweep.
   ========================================================================== */
.btn.primary,.afi-quick-main,.footer-connect-btn,.services-hero-card-btn,.service-detail-hero-card-copy a,.header-cta{position:relative;overflow:hidden;isolation:isolate}
.btn.primary::after,.afi-quick-main::after,.footer-connect-btn::after,.services-hero-card-btn::after,.service-detail-hero-card-copy a::after,.header-cta::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:afiShine 3.8s ease-in-out infinite;pointer-events:none;z-index:1}
.header-cta::after{background:linear-gradient(100deg,transparent,rgba(200,182,255,.45),transparent)}
.btn.primary,.afi-quick-main,.footer-connect-btn,.services-hero-card-btn,.service-detail-hero-card-copy a{animation:afiGlow 2.8s ease-in-out infinite}
.btn.primary:hover,.afi-quick-main:hover,.footer-connect-btn:hover,.services-hero-card-btn:hover,.service-detail-hero-card-copy a:hover{transform:translateY(-2px) scale(1.02);animation-play-state:paused}
.btn.primary:hover::after,.afi-quick-main:hover::after,.footer-connect-btn:hover::after,.header-cta:hover::after{animation-duration:1.1s}
@keyframes afiShine{0%{left:-75%}38%,100%{left:130%}}
@keyframes afiGlow{0%,100%{box-shadow:0 0 0 0 rgba(200,182,255,.0),0 6px 18px rgba(200,182,255,.12)}50%{box-shadow:0 0 0 6px rgba(200,182,255,.14),0 10px 30px rgba(200,182,255,.28)}}
/* Arrow nudge on every button */
.btn,.header-cta,.text-link{transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s}
.btn:not(.primary):hover{border-color:var(--purple);color:var(--purple);transform:translateY(-2px)}
.header-cta span,.services-hero-card-btn span,.service-detail-hero-card-copy a span{display:inline-block;transition:transform .25s}
.header-cta:hover span,.services-hero-card-btn:hover span,.service-detail-hero-card-copy a:hover span{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:reduce){.btn.primary,.afi-quick-main,.footer-connect-btn,.services-hero-card-btn,.service-detail-hero-card-copy a{animation:none}.btn.primary::after,.afi-quick-main::after,.footer-connect-btn::after,.services-hero-card-btn::after,.service-detail-hero-card-copy a::after,.header-cta::after{animation:none;display:none}}
.location-contact{display:flex;flex-direction:column;gap:4px}
.location-contact .location-phone{display:block}

#g-recaptcha-response{
	display:none !important;
}