/* Completely remove mobile tap highlight and blue focus flashes across all elements */
* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none;
}

/* Also remove outline/focus boxes if they flash blue on click */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
    outline: none !important;
}























/* Amplified Funnels — editorial design refresh */
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/web/dm-mono-400.ttf') format('truetype')}@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/web/dm-mono-500.ttf') format('truetype')}@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/web/manrope-400.ttf') format('truetype')}@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/web/manrope-500.ttf') format('truetype')}@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/web/manrope-600.ttf') format('truetype')}@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/web/manrope-700.ttf') format('truetype')}@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/web/manrope-800.ttf') format('truetype')}

:root { --ink:#000000; --ink-2:#15161d; --paper:#f4f2ee; --paper-2:#e9e6e0; --white:#fff; --pink:#ff2e73; --blue:#5966ff; --muted:#a7a5ad; --line:rgba(255,255,255,.16); --dark-line:rgba(11,12,16,.14); --display:'Manrope',Arial,sans-serif; --mono:'DM Mono',monospace; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body.af-refresh{margin:0;background:var(--ink);color:var(--white);font-family:var(--display);overflow-x:hidden}.af-refresh a{color:inherit;text-decoration:none}.af-refresh .container{width:min(1360px,100% - 48px);margin-inline:auto}.scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;z-index:2000;background:rgba(255,255,255,.12)}.scroll-progress span{display:block;width:0;height:100%;background:var(--pink);transform-origin:left;box-shadow:none}

.site-header.af-header{position:fixed;inset:3px 0 auto;z-index:1900;padding:13px 0;background:transparent;transition:background .35s ease,border-color .35s ease}
.site-header.af-header.is-scrolled{background:rgba(11,12,16,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.af-header__inner{width:min(1360px,100% - 48px);margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:38px}
.af-brand{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:800;letter-spacing:-.04em;line-height:.9;text-transform:uppercase}
.af-brand img{width:27px;height:27px;object-fit:contain}
.af-brand span{display:block}

/* Header Nav with Pink/Blue Underlines */
.af-nav{display:flex;align-items:center;gap:27px}
.af-nav a{position:relative;font-family:var(--mono);font-size:11px;color:#cfced4;text-decoration:none;padding-bottom:4px;transition:color .25s ease}
.af-nav a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--pink);transition:width 0.3s cubic-bezier(.16,1,.3,1)}
.af-nav a:hover,.af-nav a.active{color:#fff}
.af-nav a:hover::after,.af-nav a.active::after{width:100%}

.af-nav a.af-nav__contact{border-bottom:0!important;color:var(--pink)!important;transition:color 0.25s ease}
.af-nav a.af-nav__contact::after{background:#3b82f6!important}
.af-nav a.af-nav__contact:hover{color:#60a5fa!important}

.af-menu{display:none;border:0;background:transparent;color:#fff;font:500 11px var(--mono);padding:8px 0}
.af-menu span{display:inline-block;width:23px;border-top:1px solid currentColor;margin-left:8px;vertical-align:middle}
.af-menu span:after{content:'';display:block;border-top:1px solid currentColor;margin-top:6px}
.af-menu[aria-expanded=true] span:after{transform:translateY(-4px) rotate(45deg)}
.af-menu[aria-expanded=true] span{transform:rotate(-45deg)}

.af-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:150px 0 58px;background:radial-gradient(circle at 73% 34%,rgba(89,102,255,.24),transparent 23%),radial-gradient(circle at 27% 83%,rgba(255,79,139,.18),transparent 24%),var(--ink)}.af-hero:before,.af-hero:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}.af-hero:before{width:74vw;height:74vw;right:-22vw;top:-30vw}.af-hero:after{width:46vw;height:46vw;right:-2vw;top:-9vw;border-color:rgba(255,79,139,.4)}.af-orbit{position:absolute;right:10%;top:29%;width:13px;height:13px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 11px rgba(255,79,139,.12);animation:drift 5s ease-in-out infinite}.af-orbit--two{right:32%;top:57%;width:7px;height:7px;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.08);animation-delay:-2s}@keyframes drift{50%{transform:translateY(-27px)}}.af-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .55fr;gap:42px;align-items:end}.eyebrow{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pink);display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:21px;border-top:1px solid currentColor}.af-hero h1{font-size:clamp(53px,8.4vw,140px);line-height:.88;letter-spacing:-.085em;max-width:1050px;margin:23px 0 29px;font-weight:800}.af-hero h1 em{font-family:Georgia,serif;color:var(--pink);font-weight:400;letter-spacing:-.1em}.hero-copy{max-width:485px;color:#d0cfd4;font-size:16px;line-height:1.55;margin:0 0 29px}.af-actions{display:flex;align-items:center;gap:20px}.button-link{display:inline-flex;align-items:center;gap:13px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.button-link--solid{padding:15px 19px;background:var(--pink);color:#16070e;transition:transform .25s,background .25s}.button-link--solid:hover{transform:translateY(-3px);background:#ff76a7}.button-link--text:after,.arrow:after{content:'↗';font-size:17px;font-family:Arial}.af-hero__aside{font:400 10px/1.55 var(--mono);color:var(--muted);border-left:1px solid var(--line);padding:0 0 4px 18px}.af-hero__aside strong{display:block;color:#fff;font-size:11px;margin-bottom:10px}.hero-index{position:absolute;right:0;bottom:58px;font:400 10px var(--mono);color:var(--muted)}.hero-index b{font-weight:400;color:#fff}.af-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;background:var(--ink-2);white-space:nowrap}.af-marquee__track{display:inline-flex;gap:23px;align-items:center;animation:marquee 25s linear infinite;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#d4d2d8}.af-marquee__track i{font-style:normal;color:var(--pink);font-size:15px}@keyframes marquee{to{transform:translateX(-50%)}}

.af-section{padding:clamp(82px,11vw,160px) 0}.af-section--paper{background:var(--paper);color:var(--ink)}.af-section--ink{background:var(--ink);color:#fff}.section-top{display:flex;justify-content:space-between;gap:35px;margin-bottom:clamp(43px,6vw,86px)}.section-top h2{max-width:750px;margin:13px 0 0;font-size:clamp(38px,5.5vw,84px);line-height:.95;letter-spacing:-.075em}.section-top h2 em{font-family:Georgia,serif;font-weight:400}.section-top p{max-width:325px;margin:34px 0 0;font-size:15px;line-height:1.55;color:#53535b}.af-section--ink .section-top p{color:var(--muted)}.manifesto{display:grid;grid-template-columns:1.5fr .72fr;gap:8vw;align-items:end}.manifesto__lead{font-size:clamp(29px,4vw,59px);line-height:1.03;letter-spacing:-.065em;margin:0}.manifesto__lead strong{color:var(--pink);font-weight:700}.manifesto__side{border-top:1px solid var(--dark-line);padding-top:18px;color:#4c4c53;font-size:15px;line-height:1.6}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dark-line);margin-top:88px}.numbers div{padding:18px 18px 0;border-right:1px solid var(--dark-line)}.numbers div:first-child{padding-left:0}.numbers div:last-child{border:0}.numbers b{display:block;font-size:clamp(30px,4vw,55px);letter-spacing:-.07em;line-height:1}.numbers span{font:400 10px var(--mono);color:#62616a;text-transform:uppercase;display:block;margin-top:8px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:80px 1fr minmax(150px,310px) 24px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .28s,color .28s}.service-row:hover{color:var(--pink);padding-inline:12px}.service-row__no{font:400 10px var(--mono);color:var(--muted)}.service-row h3{font-size:clamp(24px,3vw,43px);letter-spacing:-.06em;margin:0}.service-row p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.service-row__go{font-size:21px}.af-divider{height:1px;background:var(--line)}

.work-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}.work-card{min-height:450px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:25px;overflow:hidden;background:#191b25;isolation:isolate}.work-card:before{content:'';position:absolute;width:80%;aspect-ratio:1;z-index:-1;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--blue));filter:blur(5px);right:-16%;top:-9%;opacity:.9}.work-card:nth-child(2){background:#e1ded7;color:var(--ink)}.work-card:nth-child(2):before{background:linear-gradient(135deg,#9188ff,#fbf8f1);left:-30%;top:17%}.work-card:nth-child(3){grid-column:1/-1;min-height:310px;background:#ff4f8b;color:#1a080f}.work-card:nth-child(3):before{height:110%;width:37%;right:6%;top:-5%;background:repeating-linear-gradient(90deg,#14151c 0 1px,transparent 1px 16px),radial-gradient(circle,#fff 0 1px,transparent 1px);filter:none;opacity:.5;border-radius:0}.work-card__meta{display:flex;justify-content:space-between;font:500 10px var(--mono);text-transform:uppercase}.work-card h3{margin:0;max-width:470px;font-size:clamp(33px,4.2vw,64px);line-height:.94;letter-spacing:-.07em}.work-card p{margin:14px 0 0;max-width:400px;font-size:14px;line-height:1.5}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--dark-line)}.process__item{padding:23px 22px 8px 0;border-right:1px solid var(--dark-line);min-height:210px}.process__item:not(:first-child){padding-left:22px}.process__item:last-child{border:0}.process__num{font:400 10px var(--mono);color:var(--pink)}.process h3{font-size:21px;letter-spacing:-.05em;margin:49px 0 10px}.process p{font-size:13px;line-height:1.52;color:#56555d;margin:0}.af-quote{background:#dedbd5;color:var(--ink);padding:clamp(70px,12vw,170px) 0}.af-quote blockquote{font-size:clamp(43px,6vw,94px);line-height:.93;letter-spacing:-.08em;margin:0;max-width:1100px}.af-quote footer{font:500 10px var(--mono);margin-top:31px;text-transform:uppercase;color:#6a6870}.final-cta{min-height:72svh;display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}.final-cta:before{content:'';position:absolute;inset:25% 15%;background:radial-gradient(ellipse,rgba(89,102,255,.5),transparent 65%);filter:blur(25px)}.final-cta .container{position:relative}.final-cta h2{font-size:clamp(53px,9vw,140px);letter-spacing:-.1em;line-height:.83;margin:21px auto 35px;max-width:1100px}.final-cta h2 em{font-family:Georgia,serif;color:var(--pink);font-weight:400}.site-footer.af-footer{padding:24px 0;background:#07080b;border-top:1px solid var(--line);font:400 10px var(--mono);color:var(--muted)}.af-footer__line{display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}

/* Services directory */
.af-services-main{padding-top:145px}.directory-hero{padding-bottom:78px;border-bottom:1px solid var(--line)}.directory-hero h1{font-size:clamp(55px,9vw,138px);line-height:.84;letter-spacing:-.1em;max-width:1000px;margin:20px 0}.directory-hero p{max-width:445px;color:var(--muted);line-height:1.55;font-size:15px}.directory-group{border-bottom:1px solid var(--line);padding:29px 0}.directory-group__head{display:grid;grid-template-columns:74px 1fr auto;gap:17px;align-items:baseline;margin-bottom:23px}.directory-group__no{font:400 10px var(--mono);color:var(--pink)}.directory-group h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.06em;margin:0}.directory-group__head a:last-child{font:500 10px var(--mono);text-transform:uppercase;color:var(--muted)}.directory-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.directory-card{background:#171820;padding:21px;min-height:218px;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,transform .25s}.directory-card:hover{background:#242631;transform:translateY(-4px)}.directory-card__index{font:400 10px var(--mono);color:var(--pink)}.directory-card h3{font-size:21px;letter-spacing:-.05em;margin:0 0 7px}.directory-card p{color:var(--muted);font-size:13px;line-height:1.48;margin:0}.directory-card__more{font:500 10px var(--mono);text-transform:uppercase}.directory-fallback{padding:40px 0;color:var(--muted);font:400 12px var(--mono)}




/* 

thie was the previous banner responsivness before */

@media(max-width:760px){.af-refresh .container,.af-header__inner{width:min(100% - 32px,1360px)}.site-header.af-header{padding:12px 0}.af-brand{font-size:10px}.af-nav{position:fixed;z-index:1800;inset:55px 0 auto;background:rgba(11,12,16,.98);border-bottom:1px solid var(--line);padding:26px 16px 31px;display:flex;flex-direction:column;align-items:flex-start;gap:19px;transform:translateY(-135%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s}.af-nav.is-open{transform:none;opacity:1;pointer-events:auto}.af-nav a{font-size:15px;color:#fff}.af-nav__contact{margin-top:4px}.af-menu{display:block;position:relative;z-index:1901}.af-hero{padding:193px 0 38px;min-height:690px}.af-hero:before{width:115vw;height:115vw;right:-47vw;top:-23vw}.af-hero:after{width:72vw;height:72vw;right:-11vw;top:-4vw}.af-hero__grid{grid-template-columns:1fr;gap:48px}.af-hero h1{font-size:clamp(50px,15.5vw,86px);margin:19px 0 24px}.hero-copy{font-size:15px}.hero-index{right:16px;bottom:16px}.af-hero__aside{max-width:255px;margin-left:auto}.section-top,.manifesto{grid-template-columns:1fr;display:grid;gap:0}.section-top p{margin:20px 0 0}.numbers{margin-top:60px;grid-template-columns:1fr}.numbers div{padding:18px 0;border-right:0;border-bottom:1px solid var(--dark-line)}.numbers div:last-child{border-bottom:0}.service-row{grid-template-columns:35px 1fr 19px;gap:10px;padding:20px 0}.service-row p{display:none}.service-row h3{font-size:27px}.work-grid{grid-template-columns:1fr}.work-card{min-height:330px;padding:18px}.work-card:nth-child(3){grid-column:auto;min-height:260px}.process{grid-template-columns:1fr}.process__item,.process__item:not(:first-child){padding:20px 0;border-right:0;border-bottom:1px solid var(--dark-line);min-height:0}.process h3{margin:27px 0 8px}.af-footer__line{flex-direction:column}.directory-cards{grid-template-columns:1fr}.directory-group__head{grid-template-columns:37px 1fr}.directory-group__head a:last-child{grid-column:2}.directory-card{min-height:175px}.af-services-main{padding-top:102px}.directory-hero{padding-bottom:55px}.directory-hero h1{font-size:clamp(54px,16vw,86px)}.final-cta{min-height:590px}.af-orbit--two{right:15%;top:67%}}













@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.af-marquee__track,.af-orbit{animation:none}.reveal{transition:none;opacity:1;transform:none}}

/* V2 motion, client belt and cross-page finish */
.scroll-progress{height:4px;background:#0b0c10;border-bottom:1px solid rgba(255,255,255,.13)}.scroll-progress span{background:linear-gradient(90deg,#ff4f8b,#ff8b55);box-shadow:none}.af-hero{padding-bottom:82px}.hero-stars{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.af-hero__grid,.hero-index{z-index:3}.hero-index{right:clamp(24px,4vw,68px);bottom:23px;padding:8px 0;border-top:1px solid var(--line);width:112px;text-align:right;letter-spacing:.07em}.hero-index span{color:#767580}.af-orbit{z-index:2}.af-hero:after{opacity:.65}.client-belt{background:var(--paper);color:var(--ink);padding:0 0 40px;overflow:hidden}.client-belt__eyebrow{width:min(1360px,100% - 48px);margin:auto;border-top:1px solid var(--dark-line);padding:21px 0 17px;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#68666c}.client-belt__window{overflow:hidden;position:relative}.client-belt__window:before,.client-belt__window:after{content:'';position:absolute;top:0;bottom:0;width:7vw;z-index:2;pointer-events:none}.client-belt__window:before{left:0;background:linear-gradient(90deg,var(--paper),transparent)}.client-belt__window:after{right:0;background:linear-gradient(-90deg,var(--paper),transparent)}.client-belt__track{display:flex;align-items:center;gap:0;width:max-content;animation:clientBelt 18s ease-in-out infinite alternate}.client-belt__track span{min-width:205px;padding:13px 34px;color:#1f2026;font-size:clamp(20px,2.4vw,36px);font-weight:700;letter-spacing:-.055em;border-right:1px solid var(--dark-line);text-align:center}.client-belt__track span:nth-child(3n){font-family:Georgia,serif;font-style:italic;font-weight:400}.client-belt__track span:nth-child(4n){color:var(--pink)}@keyframes clientBelt{from{transform:translateX(0)}to{transform:translateX(-49%)}}
.work-card{will-change:transform;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}.work-card:hover{transform:translateY(-8px);box-shadow:0 30px 55px rgba(11,12,16,.17)}.work-card--orbit{background:#171a2a}.work-card--orbit:before{opacity:.4;background:radial-gradient(circle at 65% 36%,#7582ff 0 4%,#ff4f8b 5% 12%,transparent 32%)}.work-card__art{position:absolute;inset:0;z-index:-1;pointer-events:none}.work-card__art--orbital i{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:49%;top:35%;animation:orbitPulse 7s ease-in-out infinite}.work-card__art--orbital i:nth-child(1){width:40%;aspect-ratio:1}.work-card__art--orbital i:nth-child(2){width:63%;aspect-ratio:1;animation-delay:-2.2s}.work-card__art--orbital i:nth-child(3){width:84%;aspect-ratio:1;animation-delay:-4.4s}@keyframes orbitPulse{50%{transform:scale(1.08);border-color:rgba(255,79,139,.75)}}.work-card--signal{background:#e5e1da;color:#101116}.work-card--signal:before{opacity:0}.work-card--signal .work-card__art--signal{display:flex;align-items:center;gap:10px;justify-content:center;transform:rotate(-17deg) scale(1.25);opacity:.42}.work-card__art--signal i{display:block;width:14%;height:30%;background:#5966ff;border-radius:100px;animation:signalBars 3.6s ease-in-out infinite}.work-card__art--signal i:nth-child(2){height:55%;animation-delay:-.7s;background:#ff4f8b}.work-card__art--signal i:nth-child(3){height:80%;animation-delay:-1.4s;background:#242630}.work-card__art--signal i:nth-child(4){height:42%;animation-delay:-2.1s;background:#ff4f8b}.work-card__art--signal i:nth-child(5){height:68%;animation-delay:-2.8s;background:#5966ff}@keyframes signalBars{50%{transform:translateY(-30px) scaleY(.62)}}.work-card--scale{background:#11131b;color:#fff}.work-card--scale:before{opacity:0}.work-card__art--grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;opacity:.2;transform:skewY(-8deg) scale(1.25);transform-origin:right bottom}.work-card__art--grid span{display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);font:400 42px var(--mono);color:var(--pink);animation:gridGlow 4s ease-in-out infinite}.work-card__art--grid span:nth-child(2n){animation-delay:-1.5s}.work-card__art--grid span:nth-child(3n){animation-delay:-2.5s}@keyframes gridGlow{50%{background:rgba(255,79,139,.55);color:#fff}}.process{grid-template-columns:repeat(3,1fr)}.process__item:nth-child(3n){border-right:0}.process__item:nth-child(n+4){border-top:1px solid var(--dark-line);padding-top:28px}.process h3{margin-top:40px}.process small{display:block;margin-top:18px;font:400 10px/1.45 var(--mono);color:#77757d;text-transform:uppercase}.pillar-section .section-top{margin-bottom:56px}.pillar-map{border-top:1px solid var(--line)}.pillar-map__item{position:relative;display:grid;grid-template-columns:82px 1fr auto;gap:16px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.pillar-map__item:hover{padding-inline:17px;background:#151721}.pillar-map__item span{font:400 10px var(--mono);color:var(--pink)}.pillar-map__item strong{font-size:clamp(25px,3.3vw,47px);letter-spacing:-.065em}.pillar-map__item em{font-style:normal;font-size:22px}.pillar-section__link{margin-top:31px}.proof-section{padding-top:0}.proof-section>.container{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding-top:clamp(80px,10vw,140px);border-top:1px solid var(--dark-line)}.proof-section h2{font-size:clamp(46px,5.6vw,89px);line-height:.87;letter-spacing:-.085em;margin:17px 0 24px}.proof-section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.proof-section__lead p{max-width:390px;line-height:1.58;color:#56545b}.proof-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--dark-line)}.proof-grid article{display:grid;grid-template-columns:50px 1fr;padding:23px 0;border-bottom:1px solid var(--dark-line);column-gap:15px}.proof-grid b{grid-row:span 2;font:400 10px var(--mono);color:var(--pink)}.proof-grid h3{font-size:22px;letter-spacing:-.05em;margin:0}.proof-grid p{font-size:14px;line-height:1.55;color:#59575e;margin:9px 0 0}.faq-refresh__list{border-top:1px solid var(--line)}.faq-refresh details{border-bottom:1px solid var(--line);padding:0}.faq-refresh summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:clamp(20px,2.3vw,32px);letter-spacing:-.055em}.faq-refresh summary::-webkit-details-marker{display:none}.faq-refresh summary span{color:var(--pink);font:400 26px var(--mono);transition:transform .25s}.faq-refresh details[open] summary span{transform:rotate(45deg)}.faq-refresh details p{max-width:650px;margin:0 0 24px;color:var(--muted);line-height:1.6;font-size:15px}.quick-offer{position:fixed;z-index:1700;left:20px;bottom:20px;display:grid;grid-template-columns:1fr auto;gap:5px 16px;width:260px;padding:15px 17px;background:rgba(11,12,16,.94);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.18);box-shadow:0 15px 40px rgba(0,0,0,.28);transform:translateY(0);transition:transform .35s,opacity .35s}.quick-offer.is-dismissed{transform:translateY(135%);opacity:0;pointer-events:none}.quick-offer span{font:500 9px var(--mono);letter-spacing:.12em;color:var(--pink);text-transform:uppercase}.quick-offer strong{font-size:15px;letter-spacing:-.05em}.quick-offer a{grid-column:1/-1;font:500 10px var(--mono);padding-top:7px;text-transform:uppercase}.quick-offer a i{font-style:normal;color:var(--pink);font-size:15px}.quick-offer__close{position:absolute;right:8px;top:5px;border:0;background:transparent;color:#999;font-size:20px;cursor:pointer}.af-page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#0b0c10;color:#fff;transition:opacity .5s ease,visibility .5s ease}.af-page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.af-page-loader__mark{width:68px;height:68px;position:relative;display:grid;place-items:center}.af-page-loader__mark:before,.af-page-loader__mark:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.af-page-loader__mark:before{inset:0;border-top-color:var(--pink);animation:spinLoader 1s linear infinite}.af-page-loader__mark:after{inset:12px;border-right-color:var(--blue);animation:spinLoader 1.4s linear infinite reverse}.af-page-loader__mark img{width:28px;position:relative;z-index:2}.af-page-loader__text{font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-top:15px;color:#d4d2d8}@keyframes spinLoader{to{transform:rotate(360deg)}}
body.af-refresh.af-legacy{font-family:var(--display);background:#0b0c10;color:#f4f2ee}body.af-refresh.af-legacy .site-header{padding:.7rem 0!important;background:rgba(11,12,16,.96)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}body.af-refresh.af-legacy .header-container{max-width:1360px!important;padding:0 24px!important}body.af-refresh.af-legacy .logo-icon{width:27px!important;height:27px!important}body.af-refresh.af-legacy .logo{font-size:11px!important;line-height:.9!important;text-transform:uppercase;letter-spacing:-.04em}body.af-refresh.af-legacy .logo small{font-size:9px!important}body.af-refresh.af-legacy main{padding-top:25px}body.af-refresh.af-legacy .site-footer{border-top:1px solid var(--line)}
@media(max-width:760px){.af-hero{padding-bottom:66px}.hero-index{right:16px;bottom:15px;width:78px;font-size:9px}.client-belt{padding-bottom:24px}.client-belt__eyebrow{width:min(100% - 32px,1360px);padding:16px 0 11px}.client-belt__track span{min-width:145px;padding:9px 18px;font-size:24px}.work-card--signal .work-card__art--signal{opacity:.24}.process{grid-template-columns:1fr}.process__item:nth-child(n){padding:20px 0;border-right:0;border-top:0;border-bottom:1px solid var(--dark-line)}.process h3{margin-top:25px}.proof-section>.container{grid-template-columns:1fr;gap:43px}.proof-section h2{font-size:53px}.pillar-map__item{grid-template-columns:34px 1fr 18px}.quick-offer{left:12px;bottom:12px;width:calc(100% - 24px);max-width:300px}.af-page-loader__mark{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.client-belt__track,.work-card__art--orbital i,.work-card__art--signal i,.work-card__art--grid span,.af-page-loader__mark:before,.af-page-loader__mark:after{animation:none}}

/* Shared Services dropdown: quiet desktop menu, clean stacked mobile menu. */
.af-nav__services{position:relative;display:flex;align-items:center;height:100%}
.af-nav__services-trigger{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}
.af-nav__services-trigger::after{content:'⌄';font-size:12px;opacity:.6;transition:transform .2s ease}
.af-nav__services.is-submenu-open .af-nav__services-trigger::after{transform:rotate(180deg)}
.af-nav__submenu{position:absolute;top:calc(100% + 13px);left:-16px;min-width:210px;padding:9px;background:#11131b;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(-7px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.af-nav__services.is-submenu-open .af-nav__submenu{opacity:1;transform:none;pointer-events:auto}
.af-nav__submenu a{display:block;padding:11px 12px;color:#b8b7bf!important;font-size:11px!important;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.07)}
.af-nav__submenu a:last-child{border-bottom:0}
.af-nav__submenu a:hover,.af-nav__submenu a:focus-visible{color:#fff!important;background:rgba(255,79,139,.12)}
.af-nav__submenu-all{margin-top:5px;padding-top:14px!important;color:#fff!important;font-weight:700!important;text-transform:uppercase;border-bottom:0!important}.af-nav__submenu-all span{color:var(--pink)}
@media(max-width:760px){.af-nav__services{display:block;width:100%;height:auto}.af-nav__services-trigger{width:100%;justify-content:space-between;font-size:15px}.af-nav__submenu{position:static;min-width:0;max-height:0;overflow:hidden;margin-top:0;padding:0;background:transparent;border:0;box-shadow:none;opacity:1;transform:none;pointer-events:none;transition:max-height .3s ease,margin .3s ease}.af-nav__services.is-submenu-open .af-nav__submenu{max-height:1000px;margin-top:8px;pointer-events:auto}.af-nav__submenu-list{padding:4px 0 4px 14px}.af-nav__submenu a{padding:9px 0;font-size:12px!important;border:0}.af-nav__submenu-all{margin-left:14px!important;padding-top:12px!important}}

/* Unified compact navigation — the Services trigger now uses the exact same type scale as links. */
.af-nav{gap:25px!important}.af-nav>a,.af-nav__services-trigger{font:500 11px/1 var(--mono)!important;letter-spacing:.02em!important;text-transform:none!important;color:#cfced4!important}.af-nav__services-trigger{height:22px;position:relative}.af-nav__services-trigger:hover,.af-nav__services.is-submenu-open .af-nav__services-trigger{color:#fff!important}.af-nav__services-trigger::after{content:'+'!important;font:400 15px/1 var(--mono)!important;margin-left:2px;opacity:.9!important}.af-nav__services.is-submenu-open .af-nav__services-trigger::after{transform:rotate(45deg)!important}.af-nav__submenu{top:calc(100% + 15px)!important;left:-14px!important;min-width:230px!important;padding:8px!important;border-radius:2px!important}.af-nav__submenu-list a{font:500 10px/1.2 var(--mono)!important;letter-spacing:.04em;padding:12px!important}.af-nav__submenu-all{font:600 9px/1.2 var(--mono)!important;letter-spacing:.08em;border-top:1px solid rgba(255,255,255,.1)!important;margin-top:4px!important}.af-nav__submenu a::after{display:none!important}
@media(max-width:760px){.af-nav{gap:18px!important}.af-nav>a,.af-nav__services-trigger{font-size:14px!important}.af-nav__services-trigger{height:auto}.af-nav__submenu{left:0!important;padding:0!important}.af-nav__submenu-list a{font-size:11px!important;padding:9px 0!important}.af-nav__submenu-all{font-size:10px!important;margin-left:14px!important;padding:12px 0 4px!important}}

/* Services directory uses the same centred desktop frame as every editorial page. */
@media(min-width:761px){.services-hero-section{padding-inline:0!important}.services-hero-section .container,.services-directory-wrapper{width:min(1360px,100% - 48px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}.services-directory-wrapper{padding-bottom:20px!important}.service-directory-row{padding-inline:0!important}.service-directory-row:hover,.service-directory-row.active{padding-inline:18px!important}}
@media(max-width:760px){.services-hero-section{padding-inline:16px!important}.services-hero-section .container,.services-directory-wrapper{width:min(100% - 32px,1360px)!important;margin-inline:auto!important;padding-inline:0!important}}

/* Fast-track offer: one durable shared card on every public page. */
.quick-offer{position:fixed!important;z-index:1700!important;left:22px!important;bottom:22px!important;width:min(330px,calc(100vw - 32px))!important;display:grid!important;grid-template-columns:1fr auto!important;gap:15px!important;padding:17px 17px 16px!important;background:rgba(13,14,19,.97)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 45px rgba(0,0,0,.26)!important;backdrop-filter:blur(16px)!important}.quick-offer:before{content:'';position:absolute;left:0;top:0;width:54px;height:2px;background:linear-gradient(90deg,var(--pink),#ff9c70)}.quick-offer__copy{min-width:0}.quick-offer span{display:block;font:500 9px/1.2 var(--mono)!important;letter-spacing:.12em!important;color:var(--pink)!important;text-transform:uppercase;margin-bottom:7px}.quick-offer strong{display:block;font-size:18px!important;line-height:1!important;letter-spacing:-.06em!important;color:#fff}.quick-offer strong em{font-family:Georgia,serif;font-weight:400;color:#ff91b9}.quick-offer small{display:block;margin-top:8px;color:#aaa8b0;font-size:11px;line-height:1.4}.quick-offer>a{align-self:end;display:inline-flex!important;align-items:center;gap:6px;padding:9px 11px!important;border:1px solid var(--pink)!important;color:#fff!important;font:600 9px var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.quick-offer>a:hover{background:var(--pink);color:#17040d!important}.quick-offer>a i{font-style:normal;color:var(--pink);font-size:14px}.quick-offer>a:hover i{color:inherit}.quick-offer__close{right:8px!important;top:4px!important;font-size:17px!important;line-height:1!important}.quick-offer.is-ready{transform:none!important}.quick-offer.is-dismissed{transform:translateY(145%)!important;opacity:0!important}
@media(max-width:760px){.quick-offer{left:16px!important;bottom:16px!important;width:calc(100vw - 32px)!important}.quick-offer strong{font-size:16px!important}.quick-offer small{font-size:10px}}

/* Final offer-card priority: public pages, including mobile, use this compact action card. */
.quick-offer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:15px!important;width:min(330px,calc(100vw - 32px))!important;padding:17px!important;background:rgba(13,14,19,.97)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;box-shadow:0 18px 45px rgba(0,0,0,.26)!important;transform:translateY(0)!important}.quick-offer>div{display:block!important}.quick-offer>a{grid-column:auto!important;width:auto!important;height:auto!important;border-radius:0!important;transform:none!important}.quick-offer.is-dismissed{transform:translateY(145%)!important}.quick-offer.is-ready{transform:translateY(0)!important}@media(max-width:760px){.quick-offer{display:grid!important;left:16px!important;bottom:16px!important;max-width:none!important}}

/* Loader alignment: one centered column with a level progress track. */
.af-page-loader{display:flex!important;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.af-page-loader__inner{width:min(290px,76vw);display:flex;flex-direction:column;align-items:center}
.af-page-loader__mark{flex:0 0 auto}
.af-page-loader__text{width:100%;line-height:1.4}
.af-page-loader__line{width:100%!important;height:2px!important;margin:18px 0 9px!important;background:rgba(255,255,255,.16)!important;border-radius:99px}
.af-page-loader__line i{height:100%!important;border-radius:inherit}
.blog-load-more-wrap{display:flex;justify-content:center;margin:46px 0 12px}.blog-load-more-wrap .button-link{border:1px solid rgba(255,255,255,.18);background:#ff4f8b;color:#16070e}.blog-load-more-wrap .button-link:hover{background:#fff;border-color:#fff}
@media(max-width:760px){.blog-load-more-wrap{margin:34px 0 4px}.blog-load-more-wrap .button-link{width:100%;justify-content:center}}

.quick-offer{transform:translateY(140%)}.quick-offer.is-ready{transform:translateY(0)}.quick-offer.is-dismissed{transform:translateY(135%)}
@media(max-width:760px){.quick-offer{display:none!important}}
@media(min-width:761px){body.af-refresh.af-legacy .main-nav .nav-list{gap:25px!important}body.af-refresh.af-legacy .main-nav .nav-link{font:500 11px var(--mono)!important;color:#cfced4!important}body.af-refresh.af-legacy .main-nav .nav-link.active,body.af-refresh.af-legacy .main-nav .nav-link:hover{color:#fff!important}body.af-refresh.af-legacy .desktop-cta-btn{padding:10px 15px!important;border-radius:0!important;font:500 10px var(--mono)!important;text-transform:uppercase;letter-spacing:.04em!important}}

/* Post-hero showcase and contrast corrections */
.showcase-slider{position:relative;overflow:hidden;background:#11131b;color:#fff;padding:clamp(28px,4vw,55px) max(24px,calc((100vw - 1360px)/2));min-height:360px}.showcase-slider__rail{position:relative;min-height:300px}.showcase-slide{position:absolute;inset:0;display:grid;grid-template-columns:90px 1fr minmax(220px,330px);gap:28px;align-items:end;padding:5px 0 38px;opacity:0;transform:translateX(7%);pointer-events:none;transition:opacity .65s ease,transform .7s cubic-bezier(.16,1,.3,1)}.showcase-slide.is-active{opacity:1;transform:none;pointer-events:auto}.showcase-slide__number{align-self:start;font:400 10px var(--mono);color:var(--pink)}.showcase-slide h2{position:relative;z-index:2;margin:14px 0 0;font-size:clamp(38px,5vw,76px);line-height:.88;letter-spacing:-.08em}.showcase-slide h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.showcase-slide p{position:relative;z-index:2;margin:0;color:#b8b7bf;line-height:1.55;font-size:14px}.showcase-slide .eyebrow{position:relative;z-index:2}.showcase-slide__shape{position:absolute;right:11%;top:-11%;width:260px;aspect-ratio:1;border-radius:50%;z-index:1;opacity:.75}.showcase-slide__shape--one{background:radial-gradient(circle at 35% 35%,#ff9c70 0 10%,#ff4f8b 35%,#5966ff 70%,transparent 71%);animation:showcaseFloat 7s ease-in-out infinite}.showcase-slide__shape--two{border-radius:35% 65% 59% 41% / 43% 37% 63% 57%;background:linear-gradient(140deg,#a8adff,#ff72a5);filter:blur(1px);animation:showcaseFloat 6s ease-in-out infinite reverse}.showcase-slide__shape--three{background:repeating-radial-gradient(circle at center,#ff4f8b 0 1px,transparent 2px 17px),radial-gradient(circle,#5966ff,transparent 67%);animation:spinShape 20s linear infinite}.showcase-slider__controls{position:absolute;bottom:23px;left:max(24px,calc((100vw - 1360px)/2 + 90px));display:flex;gap:7px;z-index:4}.showcase-slider__controls button{width:27px;height:2px;border:0;background:#5c5d65;padding:0;cursor:pointer;transition:background .25s,width .25s}.showcase-slider__controls button.is-active{width:48px;background:var(--pink)}@keyframes showcaseFloat{50%{transform:translateY(24px) scale(.94)}}@keyframes spinShape{to{transform:rotate(360deg)}}
.client-belt{background:linear-gradient(110deg,#1b1d26,#252633 55%,#171820);color:#fff;padding-bottom:40px}.client-belt__eyebrow{border-color:rgba(255,255,255,.16);color:#dad9df}.client-belt__window:before{background:linear-gradient(90deg,#1b1d26,transparent)}.client-belt__window:after{background:linear-gradient(-90deg,#252633,transparent)}.client-belt__track span{color:#fff;border-color:rgba(255,255,255,.16)}.client-belt__track span:nth-child(4n){color:#ff92b6}.client-belt__logo{display:grid!important;place-items:center;min-width:205px;height:70px;padding:13px 34px!important}.client-belt__logo img{max-width:128px;max-height:35px;filter:brightness(0) invert(1) contrast(.96);opacity:.92}
.faq-refresh{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 18%,rgba(89,102,255,.2),transparent 25%),radial-gradient(circle at 18% 84%,rgba(255,79,139,.16),transparent 26%),#0b0c10}.faq-refresh>.container{position:relative;z-index:2}.faq-stars{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.faq-refresh:before,.faq-refresh:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;z-index:0}.faq-refresh:before{width:52vw;height:52vw;right:-17vw;top:-27vw}.faq-refresh:after{width:35vw;height:35vw;left:-16vw;bottom:-24vw;border-color:rgba(255,79,139,.3)}.faq-refresh details{position:relative;transition:background .35s,padding .35s}.faq-refresh details:hover,.faq-refresh details[open]{background:rgba(255,255,255,.045);padding-inline:18px}.faq-refresh details[open]{box-shadow:inset 3px 0 0 var(--pink)}
@media(max-width:760px){.showcase-slider{min-height:390px;padding:24px 16px}.showcase-slider__rail{min-height:330px}.showcase-slide{grid-template-columns:1fr;gap:15px;padding-bottom:49px}.showcase-slide__number{position:absolute;right:0;top:0}.showcase-slide p{max-width:290px}.showcase-slide__shape{right:-15%;top:8%;width:190px;opacity:.45}.showcase-slider__controls{left:16px;bottom:19px}.client-belt__logo{min-width:145px;height:61px}.client-belt__logo img{max-width:100px;max-height:28px}}

/* Preserve original platform logo colours and keep the belt compact. */
.client-belt{padding-bottom:0}.client-belt__window{min-height:86px}.client-belt__logo{height:70px}.client-belt__logo img{filter:none;opacity:1}

/* Continuous platform belt: enough repeated cards to never reveal a blank edge. */
.client-belt{overflow:hidden}.client-belt__window{overflow:hidden}.client-belt__track{animation:clientBeltLoop 30s linear infinite!important}.client-belt__track:hover{animation-play-state:paused}.client-belt__logo{flex:none}@keyframes clientBeltLoop{from{transform:translateX(0)}to{transform:translateX(-25%)}}

/* Rich but brief page transition. */
.af-page-loader{background:radial-gradient(circle at 50% 50%,#171a29 0, #0b0c10 42%,#07080b 100%)}.af-page-loader:before,.af-page-loader:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:min(54vw,760px);aspect-ratio:1;animation:loaderOrb 2.2s ease-in-out infinite}.af-page-loader:after{width:min(37vw,520px);animation-delay:-1.1s;border-color:rgba(255,79,139,.2)}.af-page-loader__inner{position:relative;z-index:2;text-align:center;min-width:210px}.af-page-loader__line{height:1px;background:rgba(255,255,255,.18);margin:17px auto 9px;width:180px;overflow:hidden}.af-page-loader__line i{display:block;width:38%;height:100%;background:linear-gradient(90deg,var(--pink),#ff9c70);animation:loadLine .72s cubic-bezier(.16,1,.3,1) forwards}.af-page-loader__count{font:400 9px var(--mono);letter-spacing:.12em;color:#8f8e96}@keyframes loaderOrb{50%{transform:scale(1.08);border-color:rgba(89,102,255,.28)}}@keyframes loadLine{to{width:100%}}.af-page-loader__mark{box-shadow:0 0 0 8px rgba(255,79,139,.05)}

/* Fast Track: a composed side card instead of a floating text block. */
.quick-offer{width:276px;grid-template-columns:1fr 46px;align-items:center;gap:14px;padding:17px 17px 16px;background:linear-gradient(135deg,rgba(22,24,34,.98),rgba(10,11,16,.98));border-color:rgba(255,255,255,.17)}.quick-offer>div{display:grid;gap:5px}.quick-offer span{font-size:9px}.quick-offer strong{font-size:16px;line-height:1;letter-spacing:-.06em}.quick-offer small{font-size:11px;color:#aaa8b0;line-height:1.35}.quick-offer>a{grid-column:auto;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,79,139,.7);border-radius:50%;font:400 23px Arial;color:#fff;transition:background .25s,transform .25s}.quick-offer>a:hover{background:var(--pink);transform:rotate(45deg)}.quick-offer__close{z-index:2}.quick-offer.is-ready{box-shadow:0 18px 45px rgba(0,0,0,.32)}

/* Proper footer. */
.af-footer--full{padding:clamp(45px,7vw,92px) 0 22px;background:#08090d}.af-footer__top{display:grid;grid-template-columns:.6fr 1.3fr auto;gap:30px;align-items:start;padding-bottom:clamp(45px,7vw,90px);border-bottom:1px solid var(--line)}.af-footer__top h2{font-size:clamp(35px,4.8vw,75px);line-height:.9;letter-spacing:-.08em;margin:0}.af-footer__top h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.af-footer__links{display:grid;grid-template-columns:170px 170px 1fr;gap:30px;padding:35px 0 50px}.af-footer__links>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.af-footer__links a{font-size:14px;color:#d1d0d5;transition:color .2s}.af-footer__links a:hover{color:var(--pink)}.af-footer__label{font:500 9px var(--mono);letter-spacing:.12em;color:var(--pink);text-transform:uppercase;margin-bottom:5px}.af-footer__note p{max-width:260px;color:#8d8b93;font-size:13px;line-height:1.55;margin:0}.af-footer--full .af-footer__line{padding-top:19px;border-top:1px solid var(--line)}
@media(max-width:760px){.af-page-loader:before{width:115vw}.af-page-loader:after{width:80vw}.af-footer__top{grid-template-columns:1fr;gap:27px}.af-footer__links{grid-template-columns:1fr 1fr;gap:27px;padding-bottom:35px}.af-footer__note{grid-column:1/-1}.client-belt__track{animation-duration:22s!important}}





/* =========================================================
   MAIN SERVICE PILLARS — PINK DRAWING LINE HOVER
   ========================================================= */

.pillar-map__item {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Create the animated pink line */
.pillar-map__item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;

    width: 100%;
    height: 2px;

    background: var(--pink);

    /* Start hidden */
    transform: scaleX(0);
    transform-origin: left center;

    /* Drawing animation */
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);

    pointer-events: none;
    z-index: 10;
}

/* Draw the line from left to right */
.pillar-map__item:hover::after,
.pillar-map__item:focus-visible::after {
    transform: scaleX(1);
}

/* Improve the hover state */
.pillar-map__item {
    transition:
        background 0.35s ease,
        padding 0.35s ease;
}

.pillar-map__item:hover,
.pillar-map__item:focus-visible {
    background: rgba(255, 79, 139, 0.03);
}

/* Service number */
.pillar-map__item span {
    transition:
        color 0.3s ease,
        transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.pillar-map__item:hover span,
.pillar-map__item:focus-visible span {
    color: #ffffff;
    transform: translateX(5px);
}

/* Service title */
.pillar-map__item strong {
    transition:
        color 0.35s ease,
        transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.pillar-map__item:hover strong,
.pillar-map__item:focus-visible strong {
    color: var(--pink);
    transform: translateX(8px);
}

/* Arrow */
.pillar-map__item em {
    transition:
        color 0.3s ease,
        transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.pillar-map__item:hover em,
.pillar-map__item:focus-visible em {
    color: var(--pink);
    transform: translate(5px, -5px);
}


/* =========================================================
   SEE ALL CAPABILITIES — CORRECT HOVER EFFECT
   ========================================================= */

.pillar-section__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 13px;

    color: #ffffff;
    text-decoration: none;

    transition:
        color 0.3s ease,
        transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ---------------------------------------------------------
   PINK UNDERLINE
   --------------------------------------------------------- */

.pillar-section__link::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: -8px;

    width: 100%;
    height: 2px;

    background: var(--pink);

    transform: scaleX(0);
    transform-origin: left center;

    transition:
        transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);

    pointer-events: none;
}

/* ---------------------------------------------------------
   ARROW
   The existing arrow is generated by ::after
   --------------------------------------------------------- */

.pillar-section__link::after {
    display: inline-block;

    transition:
        transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
        color 0.3s ease;
}

/* ---------------------------------------------------------
   HOVER STATE
   --------------------------------------------------------- */

.pillar-section__link:hover,
.pillar-section__link:focus-visible {
    color: var(--pink);
    transform: translateX(6px);
}

/* Draw pink line */

.pillar-section__link:hover::before,
.pillar-section__link:focus-visible::before {
    transform: scaleX(1);
}

/* Move arrow */

.pillar-section__link:hover::after,
.pillar-section__link:focus-visible::after {
    transform: translate(6px, -4px);
    color: var(--pink);
}







/* =========================================================
   03 · SELECTED APPROACH
   BLUE + WHITE CARD COLOR RESTORE
   ========================================================= */

/* ---------------------------------------------------------
   CARD 01 — BLUE BACKGROUND / WHITE TEXT
   --------------------------------------------------------- */

.work-card--orbit {
    background: #2437d6;
    color: #ffffff;
}

.work-card--orbit h3,
.work-card--orbit p,
.work-card--orbit .work-card__meta {
    color: #ffffff;
}

/* Keep the visual glow inside the blue card */
.work-card--orbit::before {
    opacity: 0.65;
    background:
        radial-gradient(
            circle at 65% 36%,
            rgba(89, 102, 255, 0.95) 0 4%,
            rgba(255, 79, 139, 0.75) 5% 12%,
            transparent 32%
        );
}

/* ---------------------------------------------------------
   CARD 02 — WHITE BACKGROUND / BLACK TEXT
   --------------------------------------------------------- */

.work-card--signal {
    background: #ffffff;
    color: #0b0c10;
}

.work-card--signal h3,
.work-card--signal p,
.work-card--signal .work-card__meta {
    color: #0b0c10;
}

/* Keep the coloured signal artwork visible */
.work-card--signal::before {
    opacity: 0;
}

/* ---------------------------------------------------------
   CARD 03 — BLUE BACKGROUND / WHITE TEXT
   --------------------------------------------------------- */

.work-card--scale {
    background: #2437d6;
    color: #ffffff;
}

.work-card--scale h3,
.work-card--scale p,
.work-card--scale .work-card__meta {
    color: #ffffff;
}

/* Restore the grid artwork */
.work-card--scale::before {
    opacity: 0;
}

/* Grid lines */
.work-card--scale .work-card__art--grid {
    opacity: 0.28;
}

/* Grid boxes */
.work-card--scale .work-card__art--grid span {
    border-color: rgba(255, 255, 255, 0.45);
    color: rgba(255, 255, 255, 0.7);
}

/* ---------------------------------------------------------
   KEEP TEXT CLEAR ABOVE ARTWORK
   --------------------------------------------------------- */

.work-card > div:not(.work-card__art) {
    position: relative;
    z-index: 2;
}

/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

.work-card--orbit:hover,
.work-card--signal:hover,
.work-card--scale:hover {
    transform: translateY(-8px);
}
/* PURE WHITE BACKGROUND — SELECTED APPROACH CARD 02 */

.work-card--signal {
    background: #ffffff !important;
}









/* =========================================================
   03 / SYSTEMS CARD
   PULSE ANIMATION INSIDE THE VERTICAL BLACK LINES
   ========================================================= */

.work-card--scale {
    position: relative;
    overflow: hidden;
}

/* Keep all text above the animated background */
.work-card--scale > div:not(.work-card__art) {
    position: relative;
    z-index: 5;
}

/* =========================================================
   GRID / BLACK VERTICAL LINES AREA
   ========================================================= */

.work-card--scale .work-card__art--grid {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 52%;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12px, 1fr));

    gap: 0;

    padding: 0;

    opacity: 1;

    transform: none;

    pointer-events: none;

    z-index: 2;
}

/* =========================================================
   EACH COLUMN BETWEEN THE BLACK LINES
   ========================================================= */

.work-card--scale .work-card__art--grid span {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    border: 0;
    border-left: 1px solid rgba(20, 20, 30, 0.5);

    color: transparent;
    font-size: 0;

    overflow: hidden;

    background:
        linear-gradient(
            to top,
            rgba(255, 255, 255, 0.85) 0%,
            rgba(255, 255, 255, 0.45) 18%,
            rgba(255, 255, 255, 0.12) 42%,
            transparent 70%
        );

    background-size: 100% 250%;
    background-position: 0 120%;

    transform: none;

    animation: systemColumnPulse 3s
        cubic-bezier(0.65, 0, 0.35, 1)
        infinite;

    box-shadow: none;
}

/* =========================================================
   DIFFERENT PULSE TIMING FOR EACH COLUMN
   ========================================================= */

.work-card--scale .work-card__art--grid span:nth-child(1) {
    animation-delay: -0.2s;
}

.work-card--scale .work-card__art--grid span:nth-child(2) {
    animation-delay: -1.1s;
}

.work-card--scale .work-card__art--grid span:nth-child(3) {
    animation-delay: -2.1s;
}

.work-card--scale .work-card__art--grid span:nth-child(4) {
    animation-delay: -0.7s;
}

.work-card--scale .work-card__art--grid span:nth-child(5) {
    animation-delay: -1.7s;
}

.work-card--scale .work-card__art--grid span:nth-child(6) {
    animation-delay: -2.5s;
}

.work-card--scale .work-card__art--grid span:nth-child(7) {
    animation-delay: -1.4s;
}

.work-card--scale .work-card__art--grid span:nth-child(8) {
    animation-delay: -0.4s;
}

.work-card--scale .work-card__art--grid span:nth-child(9) {
    animation-delay: -2.3s;
}

.work-card--scale .work-card__art--grid span:nth-child(10) {
    animation-delay: -1.9s;
}

.work-card--scale .work-card__art--grid span:nth-child(11) {
    animation-delay: -0.9s;
}

.work-card--scale .work-card__art--grid span:nth-child(12) {
    animation-delay: -2.7s;
}

/* =========================================================
   PULSE MOVES UP AND DOWN INSIDE EACH COLUMN
   ========================================================= */

@keyframes systemColumnPulse {

    0% {
        background-position: 0 120%;
        opacity: 0;
    }

    15% {
        opacity: 0.25;
    }

    40% {
        background-position: 0 60%;
        opacity: 0.7;
    }

    55% {
        background-position: 0 15%;
        opacity: 1;
    }

    75% {
        background-position: 0 55%;
        opacity: 0.5;
    }

    100% {
        background-position: 0 120%;
        opacity: 0;
    }

}

/* =========================================================
   SUBTLE ACTIVE COLUMN GLOW
   ========================================================= */

.work-card--scale .work-card__art--grid span:nth-child(3n) {
    animation-duration: 2.3s;
}

.work-card--scale .work-card__art--grid span:nth-child(4n) {
    animation-duration: 3.6s;
}

/* =========================================================
   HOVER — MAKE THE SYSTEM MORE ACTIVE
   ========================================================= */

.work-card--scale:hover .work-card__art--grid span {
    animation-duration: 1.7s;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

    .work-card--scale .work-card__art--grid {
        width: 100%;
        opacity: 0.7;
    }

    .work-card--scale .work-card__art--grid span {
        border-left-color: rgba(20, 20, 30, 0.35);
    }

}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .work-card--scale .work-card__art--grid span {
        animation: none;
        background-position: 0 70%;
        opacity: 0.25;
    }

}

/* =========================================================
   REMOVE VERTICAL LINES — 03 / SYSTEMS CARD ONLY
   ========================================================= */

.work-card--scale::before {
    display: none !important;
}




/* =========================================================
   FOOTER — ADD SERVICES COLUMN
   ========================================================= */

.af-footer__links {
    display: grid;
    grid-template-columns:
        minmax(130px, 0.8fr)
        minmax(180px, 1.2fr)
        minmax(150px, 0.9fr)
        minmax(220px, 1.3fr);

    gap: clamp(30px, 5vw, 80px);

    padding: 40px 0 55px;
}


/* Footer columns */

.af-footer__column,
.af-footer__links > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/* Services column */

.af-footer__services {
    min-width: 180px;
}


/* Footer links */

.af-footer__links a {
    position: relative;

    width: fit-content;

    color: #d1d0d5;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


/* Nice hover effect */

.af-footer__links a:hover {
    color: var(--pink);

    transform: translateX(5px);
}


/* Small pink line on hover */

.af-footer__links a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: var(--pink);

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


.af-footer__links a:hover::after {
    transform: scaleX(1);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .af-footer__links {
        grid-template-columns: repeat(2, 1fr);

        gap: 40px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .af-footer__links {
        grid-template-columns: 1fr;

        gap: 32px;

        padding: 35px 0 40px;
    }

    .af-footer__services {
        min-width: 0;
    }

}
/* =========================================================
   FOOTER LOGO SIZE — BIGGER
   ========================================================= */

.af-footer .af-brand img {
    width: 50px !important;
    height: auto !important;
}

.af-footer .af-brand {
    gap: 10px;
}

.af-footer .af-brand span {
    font-size: 14px;
    line-height: 1.1;
}

















/* =========================================================
   03 · CLIENT REVIEWS SLIDER
========================================================= */

.client-reviews-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding: clamp(90px, 10vw, 150px) 0;

    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(89, 102, 255, 0.20),
            transparent 25%
        ),
        radial-gradient(
            circle at 18% 84%,
            rgba(255, 79, 139, 0.16),
            transparent 26%
        ),
        #0b0c10;
}


/* =========================================================
   STAR CANVAS
========================================================= */

.client-reviews-stars {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 0;

    pointer-events: none;
}


/* =========================================================
   FAQ-STYLE DECORATIVE CURVES
========================================================= */

.client-reviews-section::before,
.client-reviews-section::after {
    content: "";

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


/* TOP RIGHT */

.client-reviews-section::before {
    width: 52vw;
    height: 52vw;

    right: -17vw;
    top: -27vw;

    border: 1px solid rgba(255, 255, 255, 0.10);
}


/* BOTTOM LEFT */

.client-reviews-section::after {
    width: 35vw;
    height: 35vw;

    left: -16vw;
    bottom: -24vw;

    border: 1px solid rgba(255, 79, 139, 0.30);
}


/* =========================================================
   CONTENT
========================================================= */

.client-reviews-section .container {
    position: relative;

    z-index: 2;
}


/* =========================================================
   HEADER
========================================================= */

.client-reviews-header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(260px, 0.55fr);

    align-items: start;

    gap: clamp(40px, 8vw, 130px);

    margin-bottom: clamp(45px, 6vw, 80px);
}


.client-reviews-heading .eyebrow {
    margin-bottom: 22px;
}


.client-reviews-heading h2 {
    margin: 0;

    max-width: 780px;

    font-size: clamp(48px, 6.2vw, 105px);

    line-height: 0.92;

    letter-spacing: -0.075em;

    color: #f4f2ee;
}


.client-reviews-heading h2 em {
    font-style: italic;

    font-weight: 400;
}


.client-reviews-intro {
    margin: clamp(55px, 7vw, 100px) 0 0;

    max-width: 360px;

    color: var(--muted);

    font-size: clamp(15px, 1.15vw, 18px);

    line-height: 1.65;
}


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.reviews-slider {
    position: relative;
}


/* =========================================================
   NAVIGATION
========================================================= */

.reviews-slider-nav {
    display: flex;

    justify-content: flex-end;

    gap: 10px;

    margin-bottom: 18px;
}


.reviews-nav-btn {
    width: 52px;
    height: 52px;

    display: grid;

    place-items: center;

    padding: 0;

    background: rgba(255, 255, 255, 0.03);

    border: 1px solid rgba(255, 255, 255, 0.20);

    border-radius: 50%;

    color: #ffffff;

    font-size: 22px;

    cursor: pointer;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        opacity 0.3s ease;
}


.reviews-nav-btn:hover {
    background: var(--pink);

    border-color: var(--pink);

    transform: scale(1.06);
}


.reviews-nav-btn:disabled {
    opacity: 0.35;

    cursor: not-allowed;

    transform: none;
}


/* =========================================================
   VIEWPORT
========================================================= */

.reviews-slider-viewport {
    width: 100%;

    overflow: hidden;

    cursor: grab;
}


.reviews-slider-viewport:active {
    cursor: grabbing;
}


/* =========================================================
   SLIDER TRACK
========================================================= */

.reviews-slider-track {
    display: flex;

    gap: 18px;

    width: max-content;

    will-change: transform;

    transition:
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}


/* =========================================================
   REVIEW CARD
========================================================= */

.client-review-card {
    position: relative;

    width: min(72vw, 780px);

    min-height: 500px;

    padding: clamp(28px, 4vw, 52px);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    flex-shrink: 0;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.015)
        );

    border: 1px solid rgba(255, 255, 255, 0.12);

    backdrop-filter: blur(4px);

    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s ease,
        background 0.35s ease;
}


/* CARD DECORATION */

.client-review-card::after {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -150px;
    bottom: -150px;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.08);

    pointer-events: none;

    transition:
        transform 0.6s ease,
        border-color 0.4s ease;
}


.client-review-card:hover {
    transform: translateY(-8px);

    border-color: rgba(255, 79, 139, 0.55);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.085),
            rgba(255, 255, 255, 0.025)
        );
}


.client-review-card:hover::after {
    transform: scale(1.25);

    border-color: rgba(255, 79, 139, 0.35);
}


/* =========================================================
   CARD TOP
========================================================= */

.client-review-top {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}


.client-review-number {
    font-family: var(--mono);

    font-size: 11px;

    letter-spacing: 0.10em;

    color: var(--pink);
}


.client-review-category {
    font-family: var(--mono);

    font-size: 9px;

    letter-spacing: 0.13em;

    text-transform: uppercase;

    color: rgba(244, 242, 238, 0.55);
}


/* =========================================================
   REVIEW QUOTE
========================================================= */

.client-review-content {
    position: relative;

    z-index: 2;

    margin: auto 0;

    padding: 55px 0;
}


.client-review-quote {
    margin: 0;

    color: #f4f2ee;

    font-size: clamp(28px, 3vw, 52px);

    line-height: 1.05;

    letter-spacing: -0.055em;

    font-weight: 500;
}


/* =========================================================
   CARD FOOTER
========================================================= */

.client-review-footer {
    position: relative;

    z-index: 2;

    padding-top: 24px;

    border-top: 1px solid rgba(255, 255, 255, 0.10);
}


.client-review-footer > div {
    display: flex;

    flex-direction: column;

    gap: 6px;
}


.client-review-footer strong {
    color: #f4f2ee;

    font-size: 15px;

    font-weight: 500;
}


.client-review-footer span {
    color: var(--muted);

    font-size: 12px;
}


/* =========================================================
   SLIDER STATUS
========================================================= */

.reviews-slider-status {
    display: flex;

    align-items: center;

    gap: 7px;

    margin-top: 22px;

    font-family: var(--mono);

    font-size: 10px;

    letter-spacing: 0.12em;

    color: rgba(244, 242, 238, 0.45);
}


.reviews-current {
    color: var(--pink);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .client-review-card {
        width: min(82vw, 680px);

        min-height: 460px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

    .client-reviews-section {
        padding: 80px 0;
    }


    .client-reviews-header {
        grid-template-columns: 1fr;

        gap: 0;

        margin-bottom: 45px;
    }


    .client-reviews-heading h2 {
        font-size: clamp(48px, 13vw, 72px);

        line-height: 0.95;
    }


    .client-reviews-intro {
        margin-top: 30px;

        max-width: 100%;
    }


    .reviews-slider-nav {
        justify-content: flex-start;
    }


    .reviews-nav-btn {
        width: 48px;
        height: 48px;
    }


    .client-review-card {
        width: 88vw;

        min-height: 430px;

        padding: 28px;
    }


    .client-review-content {
        padding: 45px 0;
    }


    .client-review-quote {
        font-size: clamp(27px, 7vw, 40px);
    }


    .client-reviews-section::before {
        width: 110vw;
        height: 110vw;

        right: -55vw;
        top: -45vw;
    }


    .client-reviews-section::after {
        width: 100vw;
        height: 100vw;

        left: -55vw;
        bottom: -50vw;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .reviews-slider-track,
    .client-review-card,
    .client-review-card::after,
    .reviews-nav-btn {
        transition: none;
    }

}

.client-reviews-heading h2 {
    letter-spacing: -0.045em;
    word-spacing: 0.02em;
}

.reviews-title-line {
    display: block;
}

.client-reviews-heading h2 em {
    letter-spacing: -0.04em;
}

.reviews-slider-track {
  display: flex;
  gap: 18px;
  width: max-content;
  will-change: transform;
  /* Smooth easing curve for high-end feel */
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}


















/* =========================================================
   08 · ABOUT AMPLIFIED FUNNELS (EQUAL 6x6 EDITORIAL MATRIX)
   ========================================================= */
.about-editorial-section {
    position: relative;
    border-top: 1px solid var(--dark-line);
    border-bottom: 1px solid var(--dark-line);
}

.about-header-top {
    display: grid !important;
    grid-template-columns: 1.25fr 0.75fr !important;
    gap: clamp(24px, 5vw, 64px) !important;
    align-items: flex-end !important;
    margin-bottom: clamp(36px, 5vw, 60px) !important;
}

.about-header-main h2 {
    max-width: 820px !important;
    margin: 16px 0 0 !important;
    font-size: clamp(38px, 5.2vw, 76px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.07em !important;
    font-weight: 800 !important;
    color: var(--ink) !important;
}

.about-header-main h2 em {
    font-family: Georgia, serif !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: var(--pink) !important;
    letter-spacing: -0.04em !important;
}

.about-header-aside p {
    max-width: 440px !important;
    margin: 0 !important;
    font-size: clamp(14px, 1.1vw, 16px) !important;
    line-height: 1.65 !important;
    color: #4a4952 !important;
    font-weight: 500 !important;
}

.about-editorial-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(36px, 5vw, 64px);
    align-items: stretch;
    margin-top: clamp(20px, 3vw, 40px);
}

.editorial-col {
    display: flex;
    flex-direction: column;
}

.editorial-col-label {
    display: block;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--pink);
    text-transform: uppercase;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--dark-line);
}

/* Left: Ruled Index Rows */
.editorial-index-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.index-row {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid var(--dark-line);
    transition: padding 0.3s ease, background 0.3s ease;
}

.index-row:first-child {
    padding-top: 0;
}

.index-row:hover {
    padding-left: 10px;
    padding-right: 10px;
    background: rgba(11, 12, 16, 0.03);
}

.index-num {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--pink);
    font-weight: 700;
    padding-top: 2px;
}

.index-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 4px;
}

.index-header strong {
    font-size: clamp(16px, 1.4vw, 19px);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--ink);
    line-height: 1.2;
}

.index-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    color: var(--pink);
    background: rgba(255, 46, 115, 0.12);
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.index-body p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
    color: #4a4952;
    margin: 0;
}

/* Right: 6 Matching Pillar Blocks */
.editorial-pillars-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.pillar-block {
    position: relative;
    padding: 16px 0 16px 18px;
    border-left: 2px solid var(--dark-line);
    border-bottom: 1px solid var(--dark-line);
    transition: border-left-color 0.3s ease, transform 0.3s ease;
}

.pillar-block:first-child {
    padding-top: 0;
}

.pillar-block:hover {
    border-left-color: var(--pink);
    transform: translateX(4px);
}

.pillar-top {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 4px;
}

.pillar-code {
    display: inline-block;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    color: var(--pink);
    letter-spacing: 0.1em;
}

.pillar-block h3 {
    font-size: clamp(15px, 1.35vw, 18px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin: 0;
}

.pillar-block p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
    color: #4a4952;
    margin: 0;
}

/* Bottom Recognition Badges Row */
.about-badges-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 56px;
    padding-top: 32px;
    border-top: 1px solid var(--dark-line);
}

.about-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #44434b;
    padding: 9px 18px;
    background: transparent;
    border: 1.5px solid var(--dark-line);
    border-radius: 99px;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.about-badge:hover {
    background: #ffffff;
    border-color: rgba(11, 12, 16, 0.4);
    color: var(--ink);
}

/* Responsive Breakpoints */
@media (max-width: 900px) {
    .about-header-top {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        align-items: flex-start !important;
    }
    
    .about-header-main h2 {
        font-size: clamp(34px, 8.5vw, 52px) !important;
        line-height: 1.02 !important;
    }
    
    .about-header-aside p {
        max-width: 100% !important;
    }

    .about-editorial-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .editorial-index-list,
    .editorial-pillars-list {
        height: auto;
    }
}

@media (max-width: 600px) {
    .index-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    
    .pillar-top {
        flex-direction: column;
        gap: 2px;
    }
    
    .about-badges-strip {
        gap: 8px;
        justify-content: flex-start;
    }
}




































/* =========================================================
   07 · DYNAMIC CASE STUDIES SECTION (AMPLIFIED FUNNELS DARK)
   ========================================================= */
.cases-section {
    position: relative;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: clamp(80px, 9vw, 130px) 0;
}

.cases-header-top {
    display: grid !important;
    grid-template-columns: 1.25fr 0.75fr !important;
    gap: clamp(24px, 5vw, 64px) !important;
    align-items: flex-end !important;
    margin-bottom: clamp(36px, 5vw, 60px) !important;
}

.cases-header-main h2 {
    max-width: 860px !important;
    margin: 14px 0 0 !important;
    font-size: clamp(38px, 5.2vw, 76px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.065em !important;
    font-weight: 800 !important;
    color: #ffffff !important;
}

.cases-header-main h2 em {
    font-family: Georgia, serif !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: var(--pink) !important;
    letter-spacing: -0.04em !important;
}

.cases-header-aside p {
    max-width: 460px !important;
    margin: 0 !important;
    font-size: clamp(14px, 1.1vw, 16px) !important;
    line-height: 1.65 !important;
    color: #9493a0 !important;
    font-weight: 400 !important;
}

.cases-dynamic-wrapper {
    display: flex;
    flex-direction: column;
    gap: clamp(28px, 4vw, 44px);
}

/* =========================================================
   FEATURED HERO CASE CARD
   ========================================================= */
.case-hero-card {
    background: #141622;
    border: 1px solid var(--line);
    border-radius: 6px;
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(.16,1,.3,1), border-color 0.35s ease, box-shadow 0.35s ease;
}

.case-hero-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 46, 115, 0.4);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}

.case-hero-media {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 8.5;
    background: #08090d;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid var(--line);
}

.case-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.5s cubic-bezier(.16,1,.3,1);
}

.case-hero-card:hover .case-hero-media img {
    transform: scale(1.02);
}

.case-hero-info {
    padding: clamp(24px, 3.5vw, 36px);
}

.case-hero-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}

.case-hero-heading-group {
    max-width: 880px;
}

.case-hero-heading-group h3 {
    margin: 0 0 8px 0;
    font-size: clamp(22px, 2.2vw, 30px);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.2;
    color: #ffffff;
}

.case-hero-heading-group h3 a {
    color: #ffffff;
    transition: color 0.25s ease;
}

.case-hero-heading-group h3 a:hover {
    color: var(--pink);
}

.case-hero-desc {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #9493a0;
    font-weight: 400;
}

/* =========================================================
   SECONDARY SUB-GRID (4 COLUMNS)
   ========================================================= */
.cases-subgrid-slot {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(16px, 2vw, 24px);
}

.case-sub-card {
    background: #141622;
    border: 1px solid var(--line);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.35s cubic-bezier(.16,1,.3,1), border-color 0.35s ease, box-shadow 0.35s ease;
}

.case-sub-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 46, 115, 0.4);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

.case-sub-media {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #08090d;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
}

.case-sub-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(.16,1,.3,1);
}

.case-sub-card:hover .case-sub-media img {
    transform: scale(1.04);
}

.case-sub-info {
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    gap: 16px;
}

.case-sub-info h4 {
    margin: 0 0 6px 0;
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.25;
    color: #ffffff;
}

.case-sub-info h4 a {
    color: #ffffff;
    transition: color 0.25s ease;
}

.case-sub-info h4 a:hover {
    color: var(--pink);
}

.case-sub-desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #888796;
    font-weight: 400;
}

.case-tags-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.case-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c4c3cd;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 4px 10px;
    border-radius: 3px;
}

.case-view-link {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pink);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: transform 0.25s ease;
}

.case-view-link:hover {
    transform: translateX(4px);
}

.cases-footer-action {
    display: flex;
    justify-content: center;
    margin-top: clamp(40px, 5vw, 64px);
}

/* =========================================================
   RESPONSIVE BREAKPOINTS
   ========================================================= */
@media (max-width: 1100px) {
    .cases-subgrid-slot {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 800px) {
    .cases-header-top {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .case-hero-title-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    
    .case-hero-media {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 580px) {
    .cases-subgrid-slot {
        grid-template-columns: 1fr;
    }
}



































/* Bold key points styling */
.process__item h3 strong,
.proof-grid h3 strong,
.process__item h3,
.proof-grid h3 {
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
}







































































/* Completely strip mobile tap highlight flash across everything */
*, *:before, *:after {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

/* Force links, buttons, and interactive elements to ignore default browser click flashes */
a, button, input, textarea, select, summary, .button-link, .af-nav a {
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
}

/* Override any default browser active background flashes */
a:active, button:active, .button-link:active, .af-menu:active {
    background-color: transparent !important;
    color: inherit;
}

/* All public pages share the transparent header until scrolling starts. */
.site-header.af-header:not(.is-scrolled):not(.scrolled){background:transparent!important;border-bottom-color:transparent!important;backdrop-filter:none!important}

/* A roomier fast-track card with a clear full-width primary action. */
.quick-offer{grid-template-columns:1fr!important;gap:18px!important;width:min(410px,calc(100vw - 40px))!important;padding:22px!important}.quick-offer strong{font-size:21px!important;line-height:1.04!important;max-width:285px}.quick-offer small{max-width:310px;margin-top:10px!important;font-size:12px!important;line-height:1.48!important}.quick-offer>a{grid-column:1/-1!important;justify-content:center!important;align-self:stretch!important;padding:13px 16px!important;font-size:10px!important}.quick-offer__close{right:12px!important;top:10px!important}@media(max-width:760px){.quick-offer{width:calc(100vw - 32px)!important;padding:18px!important;gap:15px!important}.quick-offer strong{font-size:18px!important}.quick-offer small{font-size:11px!important}}

/* Shared 72-hour offer — final priority so it remains visible and consistent on every public page. */
.quick-offer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:15px!important;left:22px!important;bottom:22px!important;width:min(330px,calc(100vw - 32px))!important;max-width:none!important;padding:17px!important;background:rgba(13,14,19,.97)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;box-shadow:0 18px 45px rgba(0,0,0,.26)!important;transform:translateY(140%)!important}.quick-offer>div{display:block!important}.quick-offer>a{grid-column:auto!important;width:auto!important;height:auto!important;border-radius:0!important;transform:none!important}.quick-offer.is-dismissed{transform:translateY(145%)!important}.quick-offer.is-ready{transform:translateY(0)!important}@media(max-width:760px){.quick-offer{display:grid!important;left:16px!important;bottom:16px!important;width:calc(100vw - 32px)!important}.quick-offer strong{font-size:16px!important}.quick-offer small{font-size:10px!important}}

/* Roomy offer layout — deliberately placed last to override older card variations. */
.quick-offer{grid-template-columns:1fr!important;align-items:stretch!important;gap:18px!important;width:min(410px,calc(100vw - 40px))!important;padding:22px!important}.quick-offer strong{font-size:21px!important;line-height:1.04!important;max-width:285px}.quick-offer small{max-width:310px;margin-top:10px!important;font-size:12px!important;line-height:1.48!important}.quick-offer>a{grid-column:1/-1!important;justify-content:center!important;align-self:stretch!important;width:auto!important;height:auto!important;padding:13px 16px!important;font-size:10px!important}.quick-offer__close{right:12px!important;top:10px!important}@media(max-width:760px){.quick-offer{width:calc(100vw - 32px)!important;padding:18px!important;gap:15px!important}.quick-offer strong{font-size:18px!important}.quick-offer small{font-size:11px!important}}

/* Service galleries: full, uncropped artwork with a quiet single-line control bar. */
#slideshowFrame{background:#08090d!important;min-height:clamp(250px,52vw,680px)!important;aspect-ratio:16/9!important}#slideshowFrame .slide-item img{object-fit:contain!important;background:#08090d!important}#slideshowFrame .indicator-dot{width:5px!important;height:5px!important;flex:0 0 5px!important}#slideshowFrame button{width:38px!important;height:38px!important;font-size:1rem!important}#slideCounterLabel{white-space:nowrap}@media(max-width:760px){#slideshowFrame{min-height:220px!important;aspect-ratio:4/3!important}#slideshowFrame>div[style*="bottom:16px"]{bottom:10px!important;padding:5px 10px!important;gap:9px!important}#slideshowFrame button{left:10px!important;width:32px!important;height:32px!important}#slideshowFrame button+button{left:auto!important;right:10px!important}}

/* Pink actions always keep white, readable labels. */
.button-link--solid,.button-link--solid:hover,.blog-load-more-wrap .button-link,.blog-load-more-wrap .button-link:hover{color:#fff!important}
.pillar-sub-item>div:first-child{height:auto!important;aspect-ratio:auto!important}.pillar-sub-item>div:first-child img{object-fit:contain!important;width:100%!important;height:auto!important;min-height:0!important;background:#08090d!important}

/* Homepage conversion sections */
.home-industries{background:#10121a;color:#fff}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16)}.industry-grid a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:22px 10px 22px 0;border-bottom:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.12);transition:background .25s,padding .25s}.industry-grid a:nth-child(3n){border-right:0;padding-left:18px}.industry-grid a:nth-child(3n+2){padding-left:18px}.industry-grid a:hover{background:rgba(255,79,139,.1);padding-left:18px}.industry-grid span{font:500 10px var(--mono);color:var(--pink)}.industry-grid strong{font-size:clamp(18px,2vw,28px);letter-spacing:-.06em}.industry-grid i{font-style:normal;color:var(--pink);font-size:20px}.home-results{background:linear-gradient(120deg,#ff4f8b,#ff6c9e 48%,#ff9c70);color:#17070e}.home-results .eyebrow,.home-results .section-top p{color:#4b1226}.home-results h2 em{font-family:Georgia,serif;font-weight:400}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-grid article{padding:26px 22px;border:1px solid rgba(23,7,14,.2);background:rgba(255,255,255,.14);min-height:210px;transition:transform .3s,background .3s}.result-grid article:hover{transform:translateY(-7px);background:rgba(255,255,255,.25)}.result-grid strong{display:block;font-size:clamp(48px,6vw,82px);line-height:.8;letter-spacing:-.1em}.result-grid strong span{font:400 20px var(--mono);letter-spacing:0;margin-left:5px}.result-grid h3{font-size:20px;margin:44px 0 7px;letter-spacing:-.05em}.result-grid p{font-size:13px;line-height:1.5;max-width:250px}.home-toolkit{background:#0b0c10;color:#fff}.toolkit-list{display:flex;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.toolkit-list span{flex:1 0 25%;padding:22px 15px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);font:500 13px var(--mono);letter-spacing:.06em;color:#d5d2da}.toolkit-list span:nth-child(4n){border-right:0}.toolkit-list span:hover{color:var(--pink)}
@media(max-width:760px){.industry-grid,.result-grid{grid-template-columns:1fr}.industry-grid a,.industry-grid a:nth-child(3n),.industry-grid a:nth-child(3n+2){padding:18px 0;border-right:0}.industry-grid a:hover{padding-left:10px}.result-grid article{min-height:160px}.result-grid h3{margin-top:30px}.toolkit-list span{flex-basis:50%;padding:17px 10px}.toolkit-list span:nth-child(2n){border-right:0}}
.toolkit-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.toolkit-list article{position:relative;display:grid;gap:10px;min-height:150px;padding:21px 18px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);transition:background .3s,transform .3s}.toolkit-list article:nth-child(4n){border-right:0}.toolkit-list article:hover{background:rgba(255,79,139,.08);transform:translateY(-4px)}.toolkit-list article b{font:500 10px var(--mono);color:var(--pink)}.toolkit-list article strong{font-size:20px;letter-spacing:-.05em}.toolkit-list article span{font:400 12px/1.45 var(--display);color:#8e8d96}.toolkit-cta{margin-top:26px}.toolkit-cta:after{content:'↗';font-size:16px}@media(max-width:760px){.toolkit-list{grid-template-columns:repeat(2,1fr)}.toolkit-list article,.toolkit-list article:nth-child(4n){padding:16px 12px;min-height:132px;border-right:1px solid rgba(255,255,255,.15)}.toolkit-list article:nth-child(2n){border-right:0}.toolkit-list article strong{font-size:17px}.toolkit-list article span{font-size:11px}}
.home-results{background:linear-gradient(115deg,#ed397e,#ff5c9b 38%,#ff8d83 72%,#ffb06e)!important;background-size:240% 240%!important;animation:resultsGradient 14s ease-in-out infinite alternate}.home-results,.home-results h2,.home-results h2 em,.home-results .eyebrow,.home-results .section-top p,.home-results .result-grid strong,.home-results .result-grid h3,.home-results .result-grid p{color:#fff!important}.home-results .eyebrow:before{border-color:rgba(255,255,255,.75)}.home-results .result-grid article{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.13)}.home-results .result-grid article:hover{background:rgba(255,255,255,.24)}@keyframes resultsGradient{0%{background-position:0% 50%}100%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.home-results{animation:none}}
.toolkit-cta{position:relative;display:inline-flex!important;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.35);color:#fff!important;transition:color .25s,transform .25s,border-color .25s}.toolkit-cta:hover{color:var(--pink)!important;border-color:var(--pink);transform:translateX(8px)}.toolkit-cta:focus-visible{outline:2px solid var(--pink);outline-offset:6px}
.home-results{position:relative;isolation:isolate;overflow:hidden;background:#f04488!important}.home-results:before{content:'';position:absolute;inset:-35%;z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 35%,rgba(255,225,155,.9),transparent 24%),radial-gradient(circle at 76% 64%,rgba(180,46,255,.72),transparent 30%),linear-gradient(115deg,#ed397e,#ff5c9b 45%,#ffad78);background-size:48% 65%,55% 70%,180% 180%;background-position:0% 20%,100% 80%,0% 50%;background-repeat:no-repeat;filter:saturate(1.18);opacity:.9;animation:resultsLightField 7s ease-in-out infinite alternate}.home-results>.container{position:relative;z-index:1}@keyframes resultsLightField{0%{transform:translate3d(-12%,5%,0) rotate(-4deg);background-position:0% 20%,100% 80%,0% 50%}50%{transform:translate3d(5%,-7%,0) rotate(4deg);background-position:45% 70%,58% 20%,50% 50%}100%{transform:translate3d(13%,8%,0) rotate(-3deg);background-position:90% 25%,8% 78%,100% 50%}}@media(prefers-reduced-motion:reduce){.home-results:before{animation:none}}
.policy-page{max-width:900px!important;padding-top:clamp(110px,14vw,180px);padding-bottom:100px;color:#f5f3f7}.policy-page h1{font-size:clamp(44px,8vw,92px);line-height:.95;letter-spacing:-.07em;max-width:760px;margin:20px 0}.policy-page h2{font-size:clamp(22px,3vw,34px);margin:48px 0 12px;color:#fff}.policy-page p{max-width:720px;color:#aaaab6;font-size:16px;line-height:1.7}.policy-page .policy-lead{font-size:clamp(19px,2.5vw,28px);line-height:1.35;color:#d8d5de;max-width:680px}.policy-page a:not(.button-link){color:#ff4f8b;text-decoration:underline;text-underline-offset:3px}.policy-note{border-left:2px solid #ff4f8b;padding-left:16px;margin-top:60px;font-size:13px!important}.error-page{text-align:center;min-height:75vh;display:grid;align-content:center;justify-items:center}.error-page p{max-width:650px}.error-page .button-link{display:inline-flex;margin:18px 8px 0}.af-footer__legal{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.af-footer__legal a{color:inherit;text-decoration:none;opacity:.75;font-size:11px}.af-footer__legal a:hover{color:var(--pink);opacity:1}@media(max-width:760px){.policy-page{padding-top:100px;padding-left:22px!important;padding-right:22px!important}.policy-page p{font-size:15px}.af-footer__legal{width:100%;margin-left:0;margin-top:14px;gap:10px}}
.policy-nav{position:fixed;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(8,9,13,.92);backdrop-filter:blur(14px)}.policy-nav__inner{width:min(900px,100% - 44px);margin:auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}.policy-nav a{font:600 11px var(--mono);letter-spacing:.05em;text-transform:uppercase}.policy-nav a:last-child{color:#ff4f8b}.policy-footer{max-width:900px;margin:0 auto;padding:0 22px 38px;color:#85838d;font:400 11px var(--mono);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.policy-footer a{color:#ff4f8b}@media(max-width:760px){.policy-nav__inner{min-height:56px;width:calc(100% - 32px)}.policy-nav__inner a:not(:first-child){font-size:9px}.policy-footer{line-height:1.7}}