*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#18233c;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:#0d1837;color:#b9c5d7;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.topin{height:34px;display:flex;justify-content:space-between;align-items:center}.top a{color:#fff}header{height:82px;background:#fff;border-bottom:1px solid #e9eef3;position:sticky;top:0;z-index:20;box-shadow:0 5px 20px #12304a0a}.nav{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px}.brand img{width:48px;height:48px;object-fit:contain;transform:none;border-radius:5px;background:#101317}.brand b{display:flex;flex-direction:column;font-size:18px;letter-spacing:.1em}.brand small{font-size:8px;color:#0b85cf;letter-spacing:.5em}.nav nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:700;color:#56616e}.nav nav>a:hover{color:#087fc7}.navcta{background:linear-gradient(100deg,#087fc7,#542791);color:#fff!important;padding:12px 16px;border-radius:5px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:660px;background:linear-gradient(120deg,#effaff,#fff 45%,#f5efff);overflow:hidden}.herogrid{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.hero label{background:#153c82;color:#fff;border-radius:25px;padding:8px 16px;font-size:10px;font-weight:800}.hero h1{font-size:clamp(52px,6.2vw,82px);line-height:.94;letter-spacing:-.06em;margin:25px 0 18px}.hero h1 span,.pagehero h1 span{background:linear-gradient(90deg,#087fc7,#bb1677,#e44d2c);color:transparent;background-clip:text}.hero p{font-size:16px;color:#69737f;max-width:600px}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;padding:13px 20px;border-radius:5px;border:1px solid #b8c8d7;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.primary{border:0;background:linear-gradient(100deg,#087fc7,#532894);color:#fff;box-shadow:0 9px 24px #225ba72b}.light{background:#fff;color:#25466f}.outline{background:#fff;color:#173f71}.ticks{margin-top:25px;font-size:9px;color:#66717e;text-transform:uppercase}.heroart{height:500px;position:relative;display:grid;place-items:center}.card{width:min(480px,100%);aspect-ratio:1.25;background:linear-gradient(145deg,#151d4a,#3c1e76);border-radius:15px;padding:14px;box-shadow:0 30px 60px #183a5c35;transform:rotate(-3deg)}.ctop,.cbot{display:flex;justify-content:space-between;color:#b9c3dd;font-size:7px;letter-spacing:.12em}.ctop b{background:#f2a61c;color:#15213d;padding:6px 10px;border-radius:15px}.card img{width:100%;height:calc(100% - 45px);object-fit:cover;margin:8px 0;border-radius:9px}.float{position:absolute;background:#fff;border:1px solid #dde6ee;padding:12px 15px;border-radius:8px;box-shadow:0 15px 35px #183d5d1c}.roas{right:0;top:55px}.roas small{display:block;font-size:7px;color:#7a8590}.roas strong{font-size:26px;color:#0c83ca}.live{left:0;bottom:55px;font-size:9px;font-weight:800}.trusted{border-bottom:1px solid #e4ebf0;padding:17px 0}.trusted b{display:block;text-align:center;font-size:9px;color:#7a8692;letter-spacing:.16em}.trusted div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.trusted span{font-size:10px;color:#294568;font-weight:900}.section{padding:100px 0}.two{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.section>div>small,.two>small{font-size:9px;letter-spacing:.16em;color:#66727f;font-weight:900}.section h2{font-size:clamp(36px,4.4vw,59px);line-height:1.03;letter-spacing:-.05em;margin:0 0 20px}.section h2 span{color:#087fc7}.lead{font-size:19px;color:#52606d}.link{color:#087fc7;font-size:10px;font-weight:900;text-transform:uppercase}.services{background:#f5faff}.head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.head small{font-size:9px;letter-spacing:.15em;color:#087fc7;font-weight:900}.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.svc{background:#fff;border:1px solid #dce6ee;border-radius:9px;padding:25px;min-height:290px;position:relative;box-shadow:0 8px 25px #24405c08}.svc:hover{transform:translateY(-4px);box-shadow:0 15px 30px #24405c13}.svc i,.detail>i{width:45px;height:45px;border-radius:11px;display:grid;place-items:center;color:#fff;font-style:normal;font-size:20px}.svc h3{font-size:20px;line-height:1.15;margin:18px 0 10px}.svc p{font-size:12px;color:#6c7782}.svc>b{position:absolute;bottom:20px;color:#087fc7;font-size:9px;text-transform:uppercase}.blue{background:#087fc7}.pink{background:#d21a78}.purple{background:#6d37b6}.orange{background:#ee9015}.green{background:#13a878}.cyan{background:#169bd2}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce5eb;border-radius:8px;overflow:hidden}.steps>div{padding:27px;border-right:1px solid #dce5eb;min-height:210px}.steps>div:last-child{border:0}.steps b{display:grid;place-items:center;width:34px;height:34px;background:#17203b;color:#fff;border-radius:50%;font-size:10px}.steps h3{font-size:20px;margin:22px 0 6px}.steps p{font-size:12px;color:#68727c}.metrics{background:linear-gradient(100deg,#121a40,#382271,#123b70);color:#fff;padding:36px 0}.metrics .container{display:grid;grid-template-columns:repeat(3,1fr)}.metrics .container>div{text-align:center;border-right:1px solid #ffffff2a}.metrics .container>div:last-child{border:0}.metrics strong{font-size:44px;line-height:1;background:linear-gradient(90deg,#54dcff,#fff,#efa9e4);color:transparent;background-clip:text}.metrics span{display:block;color:#cbd4e2;font-size:9px;text-transform:uppercase;letter-spacing:.13em;margin-top:7px}.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industries a{border:1px solid #dce5ec;border-radius:9px;padding:27px;min-height:220px}.industries a:hover{border-color:#85bfe0}.industries b{color:#087fc7;font-size:9px}.industries h3{font-size:23px;margin:28px 0 7px}.industries p{font-size:12px;color:#6d7782}.cta{padding:65px 0;background:linear-gradient(105deg,#081b45,#19418c,#5a267e);color:#fff}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta small{font-size:9px;letter-spacing:.15em;color:#68d9ff;font-weight:900}.cta h2{font-size:clamp(38px,4.5vw,58px);line-height:1;margin:17px 0 8px}.cta h2 span{color:#55d7ff}.cta p{color:#c5d0e2}.pagehero{padding:100px 0 90px;background:linear-gradient(115deg,#07183f,#183e8a,#5b277e);color:#fff}.pagehero h1{font-size:clamp(50px,6vw,78px);line-height:.95;letter-spacing:-.06em;margin:20px 0}.pagehero p{color:#c6d1e2;font-size:17px;max-width:650px}.pagehero small{font-size:9px;color:#63d8ff;letter-spacing:.16em;font-weight:900}.soft{background:#f5faff}.leaders{display:grid;grid-template-columns:1fr 1fr;gap:18px}.leaders article{background:#fff;border:1px solid #dce5ed;border-radius:9px;padding:30px}.leaders article>b{display:grid;place-items:center;width:55px;height:55px;background:linear-gradient(135deg,#087fc7,#582994);color:#fff;border-radius:10px}.leaders h3{font-size:27px;margin:17px 0 0}.leaders p{font-size:13px}.servicepage{background:#f5faff}.detail{display:grid;grid-template-columns:50px 55px 1fr;gap:22px;padding:55px 0;border-top:1px solid #d7e2ea}.detail:last-child{border-bottom:1px solid #d7e2ea}.detail>.no{font-size:9px;color:#77828d}.detail h2{font-size:37px;margin:0 0 10px}.detail p{max-width:750px}.detail ul{padding-left:18px;color:#65707b;font-size:12px;line-height:2}.indgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.indgrid article{border:1px solid #dce5ec;border-radius:10px;padding:35px;min-height:290px;background:#fff}.indgrid article:nth-child(odd){background:#f4fbff}.indgrid small{font-size:9px;color:#087fc7;letter-spacing:.14em}.indgrid h2{font-size:36px;margin:24px 0 10px}.indgrid p{font-size:13px}.indgrid b{font-size:9px;color:#087fc7;text-transform:uppercase}.workgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workgrid article{border:1px solid #dce5ec;border-radius:9px;padding:20px}.workgrid article>small{font-size:8px;color:#6f7b87;letter-spacing:.1em}.workart{height:240px;margin:17px 0;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:35px}.workart span{color:#5ce0ff}.workart.a{background:linear-gradient(135deg,#0b397b,#078fd0)}.workart.b{background:linear-gradient(135deg,#34165f,#b42891)}.workart.c{background:linear-gradient(135deg,#064b40,#17ae7c)}.workart.d{background:linear-gradient(135deg,#8b3414,#f1a119)}.workgrid h2{font-size:27px;margin:0}.workgrid p{font-size:12px;color:#69747e}.contact{background:#f5faff}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact h2{font-size:52px;line-height:1;margin:18px 0}.contact p{font-size:13px}.contact a{color:#087fc7}.contact form{background:#fff;border:1px solid #dce5ed;border-radius:9px;padding:30px;box-shadow:0 15px 40px #25425e0b}.contact form h3{margin:0 0 25px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#66717c;margin-bottom:15px}.contact input,.contact select,.contact textarea{width:100%;margin-top:6px;border:1px solid #d3dfe8;border-radius:5px;padding:12px;background:#fbfdff}.success{padding:10px;background:#edf8f1;color:#28704b;margin-bottom:15px;font-size:11px}.footer{background:#0a1430;color:#b9c4d4;padding:60px 0 20px}.foot{display:grid;grid-template-columns:1.5fr .7fr .9fr 1fr;gap:45px}.foot img{width:145px;height:60px;object-fit:cover;transform:scale(1.8);border-radius:5px}.foot p{font-size:11px;color:#7f8ca0;max-width:340px}.foot a{display:block;font-size:10px;color:#8794a9;margin:8px 0}.foot a:hover{color:#55d7ff}.foot h4{font-size:9px;color:#fff;letter-spacing:.14em;text-transform:uppercase}.copy{border-top:1px solid #273550;margin-top:40px;padding-top:16px;font-size:8px;color:#63728a;text-transform:uppercase}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.visible{opacity:1;transform:none}
@media(max-width:950px){.topin span:nth-child(2){display:none}.nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px 20px;gap:0}.nav nav.open{display:flex}.nav nav>a{padding:12px 0}.menu{display:block}.herogrid,.two,.contactgrid{grid-template-columns:1fr}.heroart{height:410px}.grid6,.steps,.leaders,.indgrid,.workgrid{grid-template-columns:1fr 1fr}.industries{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}.head{align-items:flex-start;flex-direction:column}.section{padding:75px 0}}
@media(max-width:600px){.top{display:none}.header{height:70px}.nav nav{top:70px}.hero h1,.pagehero h1{font-size:45px}.hero{min-height:0}.herogrid{padding:60px 0 70px}.actions{flex-direction:column;align-items:flex-start}.heroart{height:310px}.card{transform:none}.roas{top:0}.live{bottom:0}.grid6,.steps,.leaders,.indgrid,.workgrid,.industries,.metrics .container,.foot{grid-template-columns:1fr}.metrics .container>div{border:0;border-bottom:1px solid #ffffff22;padding:17px}.metrics .container>div:last-child{border:0}.detail{grid-template-columns:35px 45px 1fr;gap:10px}.detail h2{font-size:30px}.row{grid-template-columns:1fr}.contact form{padding:22px}.cta .container{align-items:flex-start;flex-direction:column}}
/* Premium navigation, exact-logo treatment and scroll-reveal enhancements */
header{transition:height .28s ease,box-shadow .28s ease,background .28s ease}header.scrolled{height:72px;box-shadow:0 12px 35px rgba(15,34,62,.12);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.brand{min-width:205px}.brand-logo{width:58px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#171b27;border:1px solid #2d3442;flex:none}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block;transform:none;border-radius:7px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:17px;letter-spacing:.14em;color:#17213b}.brand-copy small{font-size:8px;color:#b07a2a;letter-spacing:.48em;margin-top:5px}.nav nav{gap:7px;font-size:12px}.nav nav>a:not(.navcta){padding:11px 12px;border-radius:6px;color:#39475b;position:relative}.nav nav>a:not(.navcta):after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#087fc7,#6d37b6);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.nav nav>a:not(.navcta):hover,.nav nav>a.active{color:#087fc7}.nav nav>a:not(.navcta):hover:after,.nav nav>a.active:after{transform:scaleX(1)}.navcta{padding:12px 17px;border-radius:7px!important;margin-left:7px;box-shadow:0 8px 20px rgba(41,88,169,.18)}.navcta span{margin-left:5px}.hero-logo{height:calc(100% - 45px);margin:8px 0;border-radius:9px;background:#171a22;display:grid;place-items:center;overflow:hidden}.hero-logo img{width:100%;height:100%;object-fit:contain;display:block;transform:none}.card{padding:14px;background:linear-gradient(145deg,#151d4a,#3c1e76)}.footer-logo{display:block;width:175px;height:68px;background:#151923;border:1px solid #2b3341;border-radius:8px;overflow:hidden}.footer-logo img{width:100%;height:100%;object-fit:contain;display:block;transform:none;border-radius:0}.foot p{margin-top:18px}.headlead{font-size:14px;color:#6c7782;max-width:680px;margin:0}.service-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{background:#fff;border:1px solid #dce6ee;border-radius:12px;padding:28px;display:grid;grid-template-columns:58px 1fr;gap:20px;min-height:335px;box-shadow:0 12px 35px rgba(26,58,90,.06);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(26,58,90,.12);border-color:#b8d2e6}.service-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:11px;box-shadow:0 10px 22px rgba(25,70,110,.15)}.service-content{min-width:0}.service-kicker{font-size:8px;letter-spacing:.13em;font-weight:900;color:#7a8692;text-transform:uppercase}.service-card h3{font-size:25px;line-height:1.1;margin:10px 0 11px;letter-spacing:-.03em}.service-card p{font-size:12px;color:#66727e;margin:0 0 12px}.service-card ul{padding-left:17px;margin:0 0 17px;color:#64707b;font-size:11px;line-height:1.85}.service-card li::marker{color:#087fc7}.service-link{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#087fc7}.service-link span{margin-left:5px;transition:margin .2s}.service-link:hover span{margin-left:10px}.industries a span{display:block;margin-top:20px;font-size:9px;font-weight:900;color:#087fc7;text-transform:uppercase}.reveal{opacity:0;transform:translateY(24px);transition:opacity .46s ease var(--delay,0ms),transform .46s cubic-bezier(.2,.75,.25,1) var(--delay,0ms)}.reveal-left{transform:translateX(-45px)}.reveal-right{transform:translateX(45px)}.reveal-scale{transform:scale(.94)}.visible{opacity:1;transform:none}.steps>div{transition:background .3s ease,transform .3s ease}.steps>div:hover{background:#f8fbff;transform:translateY(-3px)}
@media(max-width:1050px){.brand{min-width:auto}.nav nav{gap:2px}.nav nav>a:not(.navcta){padding:10px 8px}.service-showcase{grid-template-columns:1fr}}
@media(max-width:950px){header,header.scrolled{height:72px}.brand-copy b{font-size:15px}.nav nav{top:72px;box-shadow:0 20px 35px rgba(15,34,62,.12);border-top:1px solid #edf1f4}.nav nav>a:not(.navcta){padding:13px 4px}.navcta{margin:7px 0 0}.hero-logo{height:calc(100% - 45px)}}
@media(max-width:600px){.brand-logo{width:52px;height:44px}.brand-copy b{font-size:14px}.brand-copy small{font-size:7px}.service-card{grid-template-columns:48px 1fr;padding:22px;gap:14px;min-height:0}.service-icon{width:46px;height:46px;border-radius:12px}.service-card h3{font-size:21px}.hero-logo{height:calc(100% - 45px)}}
/* ===== Premium dark refinement ===== */
:root{--ink:#0d1220;--ink2:#151b2b;--gold:#c9a15a;--gold2:#e2c27f;--accent:#48b9ff;--muted:#697386;--line:#dce2ea}
body{color:var(--ink);background:#fff}
.top{background:linear-gradient(90deg,#080c15,#111827 55%,#0a0f19);color:#9ca7b9}
.top a{color:#f4f6f8}
#site-header{background:rgba(10,14,24,.97);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 8px 28px rgba(0,0,0,.16)}
header.scrolled{background:rgba(8,12,21,.96);box-shadow:0 15px 38px rgba(0,0,0,.24)}
.brand-logo{width:54px;height:46px;background:#111722;border:1px solid rgba(201,161,90,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.brand-logo img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:7px}
.brand-copy b{color:#fff;font-size:18px;font-weight:900;letter-spacing:.14em}
.brand-copy small{color:var(--gold2);font-weight:800}
.nav nav{font-size:14px;font-weight:800}
.nav nav>a:not(.navcta){color:#dce3ee;padding:12px 13px}
.nav nav>a:not(.navcta):hover,.nav nav>a.active{color:#fff}
.nav nav>a:not(.navcta):after{background:linear-gradient(90deg,var(--gold),var(--accent))}
.navcta{background:linear-gradient(105deg,#b8893e,#d6ad63);color:#10141e!important;box-shadow:0 10px 25px rgba(201,161,90,.22);font-weight:900}
.navcta:hover{filter:brightness(1.06)}
.hero{background:radial-gradient(circle at 85% 25%,rgba(72,185,255,.13),transparent 28%),radial-gradient(circle at 20% 80%,rgba(201,161,90,.09),transparent 30%),linear-gradient(135deg,#0a0f1a,#111827 58%,#0b1320);color:#fff}
.hero p{color:#aeb8c9}.hero h1{color:#fff}.hero h1 span{background:linear-gradient(90deg,#f2d18c,#55c7ff,#d8a6ff);color:transparent;background-clip:text}.hero label{background:rgba(201,161,90,.14);border:1px solid rgba(201,161,90,.35);color:#f2d18c}.btn.light,.btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.24)}.ticks{color:#9da8ba}.card{background:linear-gradient(145deg,#171d2a,#0b0f18);border:1px solid rgba(201,161,90,.28);box-shadow:0 30px 70px rgba(0,0,0,.38)}.ctop,.cbot{color:#aab4c6}.ctop b{background:var(--gold);color:#10141e}.hero-logo{background:#090d14;border:1px solid rgba(255,255,255,.08)}.float{background:#151c2a;border-color:rgba(255,255,255,.12);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.28)}.roas small{color:#8f9aad}.roas strong{color:#58c6ff}.live{color:#f4f6f8}
.trusted{background:#0b1019;border-bottom-color:rgba(255,255,255,.08)}.trusted b{color:#8f9aab}.trusted span{color:#e0e6ef}
.section{background:#fff}.section h2 span{color:#087fc7}.services{background:#f3f5f8}.service-card{background:#fff;border-color:#d8dee7;box-shadow:0 14px 35px rgba(13,18,32,.07)}.service-card:hover{border-color:rgba(201,161,90,.65);box-shadow:0 24px 50px rgba(13,18,32,.12)}.service-link{color:#a57932}.service-card li::marker{color:#b78945}.service-icon{box-shadow:0 10px 24px rgba(13,18,32,.16)}
.metrics{background:linear-gradient(110deg,#080c15,#151d2d 55%,#0d1727)}
.pagehero{background:radial-gradient(circle at 78% 25%,rgba(72,185,255,.12),transparent 30%),linear-gradient(115deg,#070b13,#111827 60%,#171321);border-bottom:1px solid rgba(255,255,255,.08)}
.pagehero h1 span{background:linear-gradient(90deg,#f0ce89,#55c7ff);color:transparent;background-clip:text}.pagehero p{color:#aeb8c9}
.cta{background:linear-gradient(110deg,#080c15,#111a2b 58%,#24182f)}.cta h2 span{color:#5bcaff}
footer{background:#070b12;color:#aab4c4;border-top:1px solid rgba(255,255,255,.07)}.foot h4{color:#fff}.foot a{color:#8995a8}.foot a:hover{color:#e3c17d}.footer-logo{background:#0e131d;border-color:rgba(201,161,90,.3)}
/* Premium contact section */
.contact-premium{background:linear-gradient(135deg,#0b1019,#121a28 62%,#0b111c);color:#fff;position:relative;overflow:hidden}.contact-premium:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(72,185,255,.16),transparent 68%)}.contactgrid{position:relative;z-index:1}.contact-intro>small{color:#d8b36f;font-weight:900;letter-spacing:.18em}.contact h2,.contact-premium h2{font-size:clamp(42px,4.8vw,64px);color:#fff;margin:20px 0 18px}.contact-premium h2 span{color:#5bc8ff}.contact-premium .lead{color:#aeb8c7}.contact-premium p{color:#aeb8c7}.contact-premium a{color:inherit}.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.contact-info-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);transition:.25s}.contact-info-card:hover{transform:translateY(-3px);border-color:rgba(201,161,90,.4);background:rgba(255,255,255,.055)}.contact-info-card>b,.contact-info-card span b{color:#fff}.contact-info-card span:last-child{display:flex;flex-direction:column}.contact-info-card small{color:#929db0;margin-top:2px}.ci-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#c59b55,#6f542b);color:#0b1019!important;font-weight:900}.contact-note{margin-top:20px;padding:17px 18px;border-left:2px solid var(--gold);background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:4px}.contact-note b{color:#f0d39a}.contact-note span{font-size:11px;color:#929db0}.contact-form-premium{background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:31px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.form-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}.form-top small{color:#9a7435;font-size:9px;letter-spacing:.14em;font-weight:900}.form-top h3{font-size:29px;color:#101622;margin:7px 0 0}.form-top>span{font-size:10px;font-weight:900;color:#9ba5b3;letter-spacing:.12em}.contact-form-premium label{color:#586474;margin-bottom:15px}.contact-form-premium input,.contact-form-premium select,.contact-form-premium textarea{background:#f8fafc;border:1px solid #d9e0e8;color:#182131;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form-premium input:focus,.contact-form-premium select:focus,.contact-form-premium textarea:focus{border-color:#b78945;box-shadow:0 0 0 3px rgba(183,137,69,.1)}.contact-form-premium input::placeholder,.contact-form-premium textarea::placeholder{color:#a2acba}.form-submit{background:linear-gradient(105deg,#b8893e,#d8b16b);color:#111620;min-width:180px;justify-content:center;box-shadow:0 12px 25px rgba(184,137,62,.2)}.form-submit span{margin-left:8px}.form-footnote{font-size:9px!important;color:#8b96a5!important;margin:12px 0 0!important}.contact-bottom{padding:80px 0;background:#f4f5f7}.contact-bottom small{font-size:9px;letter-spacing:.16em;color:#9b7537;font-weight:900}.contact-bottom h2{font-size:clamp(38px,4.5vw,58px);max-width:800px;line-height:1;margin:16px 0 25px}.contact-bottom h2 span{color:#087fc7}.contact-bottom .light{color:#111827;border-color:#b8c0cc;background:#fff}
@media(max-width:950px){.nav nav{background:#0c111b;border-top:1px solid rgba(255,255,255,.08)}.nav nav>a:not(.navcta){color:#dce3ee}.contact-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.contact-info-grid{grid-template-columns:1fr}.contact-form-premium{padding:22px}.form-top h3{font-size:24px}}
/* =========================================================
PARSONIX PREMIUM DARK SYSTEM — full-site refinement
========================================================= */
:root{
--bg:#070b12;
--bg2:#0b1019;
--panel:#101722;
--panel2:#131c29;
--panel3:#0d141f;
--text:#f5f7fb;
--text2:#c6cfdd;
--muted2:#8d99aa;
--line2:rgba(255,255,255,.09);
--gold:#d2a85f;
--gold-hi:#f0ce8a;
--blue:#52c6ff;
--blue2:#238fd0;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text)}
.container{position:relative}
.top{background:#05080e;border-bottom:1px solid rgba(255,255,255,.06)}
#site-header{background:rgba(7,11,18,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line2)}
.brand-logo{width:178px;height:55px;background:#080d15;border:0;box-shadow:none;overflow:hidden;border-radius:4px;display:flex;align-items:center}
.brand-logo img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;transform:none}
.nav nav>a:not(.navcta){font-size:14px;font-weight:800;color:#dbe3ee}
.nav nav>a:not(.navcta):hover,.nav nav>a.active{color:#fff}
.nav nav>a:not(.navcta):after{background:linear-gradient(90deg,var(--gold),var(--blue))}
.navcta{background:linear-gradient(105deg,#b98a40,#e0b968);color:#111722!important;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(210,168,95,.22)}
.menu{color:#fff}
/* Every major section is dark — no more light bands. */
.section,.services,.servicepage,.soft,.contact,.contact-bottom{background:var(--bg)}
.section h2,.contact-bottom h2{color:var(--text)}
.section>div>small,.two>small,.head small{color:#c8a05c}
.section h2 span{color:var(--blue)}
.lead,.headlead{color:var(--text2)}
.section p,.section li,.detail p,.detail ul,.leaders p,.indgrid p,.workgrid p{color:var(--muted2)}
.link,.service-link,.industries a span{color:var(--gold-hi)}
/* Hero: darker, more editorial and closer to the supplied premium mockup. */
.hero{background:
radial-gradient(circle at 82% 25%,rgba(82,198,255,.12),transparent 27%),
radial-gradient(circle at 22% 76%,rgba(210,168,95,.11),transparent 28%),
linear-gradient(135deg,#05090f 0%,#0b111b 55%,#090e17 100%)}
.hero h1{color:#fff}
.hero p{color:#aeb8c7}
.hero label{background:rgba(210,168,95,.11);border-color:rgba(210,168,95,.38);color:var(--gold-hi)}
.hero h1 span{background:linear-gradient(90deg,#f0ce8a 0%,#52c6ff 55%,#d9a8ff 100%);color:transparent;background-clip:text}
.btn.light,.btn.outline{background:transparent;color:#f4f6f9;border-color:rgba(255,255,255,.22)}
.btn.light:hover,.btn.outline:hover{border-color:var(--gold);background:rgba(255,255,255,.04)}
.ticks{color:#8995a7}
.card{background:linear-gradient(145deg,#111925,#080d14);border-color:rgba(210,168,95,.35);box-shadow:0 35px 80px rgba(0,0,0,.48)}
.hero-logo{background:#080d14;border-color:rgba(255,255,255,.08)}
.float{background:#121a26;border-color:rgba(255,255,255,.11);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.38)}
.roas strong{color:var(--blue)}
.trusted{background:#080d14;border-color:var(--line2)}
.trusted b{color:#8e9aaa}
.trusted span{color:#e5e9ef}
/* Service cards — premium dark glass panels. */
.service-showcase{gap:18px}
.service-card{background:linear-gradient(145deg,#101722,#0c131d);border-color:var(--line2);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.service-card:hover{background:linear-gradient(145deg,#141e2b,#0e1722);border-color:rgba(210,168,95,.55);box-shadow:0 26px 60px rgba(0,0,0,.34)}
.service-kicker{color:#78879a}
.service-card h3{color:#f5f7fb}
.service-card p{color:#a2adbc}
.service-card ul{color:#9aa6b7}
.service-card li::marker{color:var(--gold)}
.service-link{color:var(--gold-hi)}
.service-icon{box-shadow:0 10px 28px rgba(0,0,0,.28)}
/* Framework / cards / industries. */
.steps{border-color:var(--line2);background:#0b1119}
.steps>div{border-color:var(--line2)}
.steps>div:hover{background:#121b27}
.steps h3{color:#f4f6fa}
.steps p{color:#8f9bad}
.steps b{background:linear-gradient(135deg,#c89b50,#e0bd77);color:#111722}
.industries a,.leaders article,.indgrid article,.workgrid article{background:linear-gradient(145deg,#101722,#0d141e);border-color:var(--line2);color:var(--text);box-shadow:0 15px 40px rgba(0,0,0,.18)}
.industries a:hover{border-color:rgba(210,168,95,.5);background:#121b27}
.industries h3,.indgrid h2,.leaders h3,.workgrid h2{color:#f5f7fb}
.industries b,.indgrid small,.indgrid b{color:var(--gold-hi)}
.indgrid article:nth-child(odd){background:linear-gradient(145deg,#111a25,#0c141e)}
.detail{border-color:var(--line2)}
.detail>.no{color:#6f7d90}
.detail h2{color:#f5f7fb}
.detail ul{color:#8e9bad}
/* Results bar. */
.metrics{background:linear-gradient(105deg,#060a10,#0e1723 52%,#111825);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.metrics strong{background:linear-gradient(90deg,#f0ce8a,#fff,#52c6ff);color:transparent;background-clip:text}
.metrics span{color:#99a6b8}
/* Page headers. */
.pagehero{background:radial-gradient(circle at 80% 20%,rgba(82,198,255,.11),transparent 28%),linear-gradient(135deg,#060a10,#0d151f 58%,#11111b);border-bottom:1px solid var(--line2)}
.pagehero h1{color:#fff}
.pagehero h1 span{background:linear-gradient(90deg,#f0ce8a,#52c6ff);color:transparent;background-clip:text}
.pagehero p{color:#aeb8c8}
/* Work / portfolio. */
.workart{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 40px rgba(0,0,0,.2)}
/* Contact — already dark, now integrated with the rest of the site. */
.contact-premium{background:radial-gradient(circle at 90% 15%,rgba(82,198,255,.1),transparent 28%),linear-gradient(135deg,#080d14,#101925 62%,#0a1019)}
.contact-bottom{border-top:1px solid var(--line2)}
.contact-bottom h2 span{color:var(--blue)}
.contact-bottom .light{background:transparent;color:#fff;border-color:rgba(255,255,255,.22)}
/* Footer. */
footer{background:#05080d;border-top:1px solid var(--line2)}
.foot p{color:#7e8b9e}
.foot a{color:#8794a7}
.foot a:hover{color:var(--gold-hi)}
.copy{color:#667487;border-color:var(--line2)!important}
/* Scroll polish. */
.reveal{transition:opacity .46s ease var(--delay,0ms),transform .46s cubic-bezier(.2,.75,.25,1) var(--delay,0ms)}
header.scrolled{height:72px;background:rgba(5,9,15,.97)}
header.scrolled .brand-logo{width:165px;height:49px}
header.scrolled .nav nav>a:not(.navcta){font-size:13px}
@media(max-width:950px){
.brand-logo{width:155px;height:50px}
.nav nav{background:#080d15;border-top:1px solid var(--line2)}
.nav nav>a:not(.navcta){color:#dbe3ee}
}
@media(max-width:600px){
.brand-logo{width:140px;height:46px}
header.scrolled .brand-logo{width:138px;height:44px}
}
/* AI video showcase */
.ai-showcase{position:relative;overflow:hidden}
.ai-showcase:before{content:"";position:absolute;inset:10% -10% auto;height:420px;background:radial-gradient(circle,rgba(201,161,90,.09),transparent 62%);pointer-events:none}
.ai-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.ai-video-card{background:linear-gradient(180deg,rgba(15,24,35,.98),rgba(8,13,20,.98));border:1px solid rgba(120,160,190,.22);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.28);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.ai-video-card:hover{transform:translateY(-9px);border-color:rgba(201,161,90,.62);box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 30px rgba(201,161,90,.07)}
.ai-video-media{position:relative;aspect-ratio:9/16;background:#05090f;overflow:hidden}
.ai-video-media video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.ai-video-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 48%,rgba(0,0,0,.58));pointer-events:none}
.ai-label{position:absolute;left:15px;bottom:14px;z-index:2;font-size:10px;letter-spacing:.17em;font-weight:800;color:#f7f4ec;background:rgba(4,8,13,.68);border:1px solid rgba(255,255,255,.15);padding:7px 9px;border-radius:999px;backdrop-filter:blur(10px)}
.ai-play{position:absolute;right:14px;top:14px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:12px;color:#0a0d12;background:linear-gradient(135deg,#f1c66a,#b98b3e);box-shadow:0 8px 25px rgba(0,0,0,.35)}
.ai-video-copy{padding:20px 20px 22px}
.ai-video-copy h3{font-size:19px;line-height:1.15;margin:0 0 9px}
.ai-video-copy p{font-size:13px;line-height:1.65;color:#9eabb8;margin:0 0 15px}
.ai-video-copy a{font-size:12px;font-weight:800;color:#e8bc5e;letter-spacing:.02em}
.ai-video-copy a span{margin-left:5px}
.ai-showcase-footer{margin-top:20px;border:1px solid rgba(120,160,190,.2);border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(10,17,26,.7)}
.ai-showcase-footer div{display:flex;flex-direction:column;gap:5px}
.ai-showcase-footer strong{font-size:15px}
.ai-showcase-footer span{font-size:12px;color:#8493a2}
@media(max-width:1050px){.ai-video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ai-video-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ai-video-copy{padding:13px}.ai-video-copy h3{font-size:15px}.ai-video-copy p{font-size:11px}.ai-showcase-footer{flex-direction:column;align-items:flex-start}.ai-showcase-footer .link{font-size:12px}}
/* Final navbar/logo refinement — horizontal brand lockup like the supplied reference. */
.brand-logo{
width:220px;
height:55px;
background:#070b12;
border:0;
border-radius:0;
display:flex;
align-items:center;
overflow:hidden;
}
.brand-logo img{
width:220px;
height:55px;
object-fit:contain;
object-position:center;
transform:none;
background:#070b12;
}
header.scrolled .brand-logo{width:205px;height:51px}
header.scrolled .brand-logo img{width:205px;height:51px}
/* AI videos: no autoplay; the visual stays still until the pointer enters the card. */
.ai-video-media{cursor:pointer}
.ai-video-media video{opacity:.9;transition:opacity .25s ease,transform .45s ease}
.ai-video-card.is-playing .ai-video-media video{opacity:1;transform:scale(1.015)}
.ai-play{transition:transform .25s ease,opacity .25s ease}
.ai-video-card.is-playing .ai-play{transform:scale(.92);opacity:.9}
.ai-hover-hint{
position:absolute;
right:14px;
bottom:14px;
z-index:3;
font-size:9px;
letter-spacing:.08em;
text-transform:uppercase;
color:#f4f6f9;
background:rgba(4,8,13,.72);
border:1px solid rgba(255,255,255,.12);
padding:6px 8px;
border-radius:999px;
backdrop-filter:blur(10px);
transition:opacity .25s ease,transform .25s ease;
}
.ai-video-card.is-playing .ai-hover-hint{opacity:0;transform:translateY(5px)}
@media(max-width:600px){
.brand-logo,.brand-logo img{width:155px;height:48px}
header.scrolled .brand-logo,header.scrolled .brand-logo img{width:150px;height:46px}
.ai-hover-hint{display:none}
}
/* =========================================================
PARSONIX PREMIUM GOLD / GRAPHITE THEME — V7
Inspired by the tones of the supplied Parsonix logo.
========================================================= */
:root{
--bg:#06090e;
--bg2:#0a0f16;
--panel:#0d131b;
--panel2:#111923;
--line:rgba(210,184,132,.18);
--line2:rgba(255,255,255,.08);
--gold:#c9a15a;
--gold-hi:#e6c477;
--silver:#f1eee7;
--muted:#9aa4b2;
--muted2:#697585;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--silver);font-family:Inter,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 8%,rgba(201,161,90,.075),transparent 25%),radial-gradient(circle at 12% 42%,rgba(82,104,132,.06),transparent 28%)}
.container{width:min(1200px,calc(100% - 48px))}
.top{background:#05080d;color:#87919f;border-bottom:1px solid var(--line2)}
.top a{color:var(--gold-hi)}
header{height:88px;background:rgba(5,8,13,.93);border-bottom:1px solid var(--line2);box-shadow:0 15px 45px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
header.scrolled{height:76px;background:rgba(5,8,13,.97);border-bottom-color:var(--line)}
.brand-logo{width:220px;height:55px;background:#070b12;border:1px solid rgba(201,161,90,.13);border-radius:5px;box-shadow:0 0 0 1px rgba(255,255,255,.025) inset}
.brand-logo img{width:220px;height:55px;object-fit:contain;object-position:center;background:#070b12}
header.scrolled .brand-logo,header.scrolled .brand-logo img{width:205px;height:51px}
.nav nav{gap:30px;font-size:13px;font-weight:750;color:#d8dce1}
.nav nav>a{position:relative;padding:31px 0;color:#d8dce1;transition:color .25s ease}
.nav nav>a:not(.navcta):after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:linear-gradient(90deg,var(--gold-hi),var(--gold));transition:right .25s ease}
.nav nav>a:not(.navcta):hover,.nav nav>a.active{color:var(--gold-hi)}
.nav nav>a:not(.navcta):hover:after,.nav nav>a.active:after{right:0}
.navcta{background:linear-gradient(135deg,#e3bd6a,#b78b3f)!important;color:#0a0c10!important;border:1px solid #f0d18b;padding:13px 20px!important;border-radius:8px;box-shadow:0 9px 28px rgba(201,161,90,.18);font-weight:900!important}
.navcta:hover{color:#05070a!important;transform:translateY(-1px)}
.menu{color:var(--gold-hi)}
.hero{min-height:690px;background:radial-gradient(circle at 77% 44%,rgba(201,161,90,.12),transparent 22%),radial-gradient(circle at 15% 25%,rgba(255,255,255,.035),transparent 24%),linear-gradient(120deg,#05080d,#080d14 52%,#06090e);position:relative;border-bottom:1px solid var(--line2)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 43%,rgba(201,161,90,.055) 44%,transparent 45%),linear-gradient(150deg,transparent 0 63%,rgba(255,255,255,.025) 64%,transparent 65%);pointer-events:none}
.herogrid{min-height:690px;position:relative;z-index:1}
.hero label{background:rgba(201,161,90,.09);border:1px solid rgba(201,161,90,.32);color:var(--gold-hi);letter-spacing:.18em}
.hero h1{font-size:clamp(52px,6.3vw,86px);color:#f4f2ed}
.hero h1 span,.pagehero h1 span{background:linear-gradient(90deg,#f3eee2,#d6b267,#a98243);color:transparent;background-clip:text}
.hero p{color:#a6afbb;max-width:590px}
.btn{border-radius:8px;padding:14px 22px;color:#eae6dd;border-color:rgba(255,255,255,.16);transition:all .25s ease}
.btn:hover{transform:translateY(-2px);border-color:rgba(201,161,90,.5)}
.primary{background:linear-gradient(135deg,#e3bd6a,#b88d43);color:#080b0f;box-shadow:0 12px 35px rgba(201,161,90,.17)}
.primary:hover{color:#05070a;box-shadow:0 16px 40px rgba(201,161,90,.26)}
.light,.outline{background:rgba(255,255,255,.025);color:#e9e6df;border-color:rgba(201,161,90,.35)}
.light:hover,.outline:hover{background:rgba(201,161,90,.08);color:#f1d18b}
.ticks{color:#8994a2}
.heroart{height:540px}
.card{background:linear-gradient(145deg,#0d141d,#080c12);border:1px solid rgba(201,161,90,.24);box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 70px rgba(201,161,90,.05)}
.ctop,.cbot{color:#8d98a7}
.ctop b{background:rgba(201,161,90,.13);border:1px solid rgba(201,161,90,.3);color:var(--gold-hi)}
.float{background:rgba(12,17,24,.92);border:1px solid rgba(201,161,90,.22);color:#e6e2da;box-shadow:0 20px 50px rgba(0,0,0,.38);backdrop-filter:blur(12px)}
.roas small{color:#8d98a5}.roas strong{color:var(--gold-hi)}
.trusted{background:#070b10;border-color:var(--line2);padding:25px 0}
.trusted b{color:#7d8997}.trusted span{color:#c8cbd0}
.section{padding:105px 0;background:var(--bg)}
.section>div>small,.two>small,.head small{color:var(--gold)}
.section h2{color:#f2f0eb}.section h2 span{color:var(--gold-hi)}
.lead,.headlead{color:#a5afbb}.section p{color:#9ba6b4}
.link,.service-link{color:var(--gold-hi)}
.services,.servicepage,.contact,.soft{background:linear-gradient(180deg,#080d13,#06090e)}
.services{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.head{margin-bottom:44px}
.service-showcase{gap:18px}
.service-card{background:linear-gradient(145deg,rgba(16,23,31,.98),rgba(8,12,18,.98));border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 55px rgba(0,0,0,.24);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.service-card:before{background:linear-gradient(90deg,transparent,var(--gold),transparent)!important;opacity:.3}
.service-card:hover{transform:translateY(-8px);border-color:rgba(201,161,90,.4);box-shadow:0 30px 75px rgba(0,0,0,.42)}
.service-icon,.blue,.pink,.purple,.orange,.green,.cyan{background:linear-gradient(135deg,#dcb968,#a77c38)!important;color:#0a0d12!important;box-shadow:0 8px 25px rgba(201,161,90,.12)}
.service-kicker{color:#7f8a99}
.service-card h3{color:#eeeae2}
.service-card p{color:#9aa5b3}
.service-card li{color:#8e99a7}
.service-card li:before{color:var(--gold-hi)}
.service-link{border-color:rgba(201,161,90,.2)}
.service-link:hover{color:#f1d18b}
.ai-showcase{background:radial-gradient(circle at 50% 20%,rgba(201,161,90,.07),transparent 32%),#070b10}
.ai-video-card{background:linear-gradient(180deg,#111923,#080c12);border-color:rgba(201,161,90,.14);box-shadow:0 20px 55px rgba(0,0,0,.34)}
.ai-video-card:hover{border-color:rgba(201,161,90,.55);box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 35px rgba(201,161,90,.08)}
.ai-label{color:#efe9db;border-color:rgba(201,161,90,.25);background:rgba(7,10,14,.82)}
.ai-play{background:linear-gradient(135deg,#e4bf6a,#b7893e);color:#090c10}
.ai-hover-hint{border-color:rgba(201,161,90,.22);color:#e7dfcf}
.ai-video-copy h3{color:#eeeae2}.ai-video-copy p{color:#929eac}
.ai-showcase-footer{background:rgba(13,19,27,.78);border-color:rgba(201,161,90,.16)}
.ai-showcase-footer strong{color:#ece7dd}.ai-showcase-footer span{color:#8793a1}
.steps{border-color:rgba(255,255,255,.08);background:#0b1118}
.steps>div{border-color:rgba(255,255,255,.08)}
.steps b{background:linear-gradient(135deg,#dfbc68,#a67a38);color:#090c10}
.steps h3{color:#eeeae2}.steps p{color:#929daa}
.metrics{background:linear-gradient(105deg,#090d13,#15120d 48%,#0a0e14);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}
.metrics .container>div{border-color:rgba(201,161,90,.18)}
.metrics strong{background:linear-gradient(90deg,#f0d38c,#c49a50,#f5efe1);color:transparent;background-clip:text}
.metrics span{color:#9aa5b2}
.industries a{background:linear-gradient(145deg,#101720,#080d13);border-color:rgba(255,255,255,.08);transition:all .3s ease}
.industries a:hover{border-color:rgba(201,161,90,.42);transform:translateY(-5px);background:linear-gradient(145deg,#141b24,#090e14)}
.industries b,.industries a span{color:var(--gold-hi)}
.industries h3{color:#eeeae2}.industries p{color:#909ba9}
.cta{background:radial-gradient(circle at 75% 50%,rgba(201,161,90,.16),transparent 28%),linear-gradient(105deg,#080c12,#11130f,#080c12);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta small{color:var(--gold)}.cta h2{color:#f1eee7}.cta h2 span{color:var(--gold-hi)}.cta p{color:#9aa5b2}
.pagehero{background:radial-gradient(circle at 78% 50%,rgba(201,161,90,.13),transparent 30%),linear-gradient(120deg,#05080d,#0c1118 65%,#080b10);border-bottom:1px solid var(--line);padding:115px 0 95px}
.pagehero h1{color:#f2efe8}.pagehero p{color:#a2acb9}.pagehero small{color:var(--gold)}
.leaders article,.indgrid article,.workgrid article{background:linear-gradient(145deg,#101720,#080d13);border-color:rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.leaders article>b{background:linear-gradient(135deg,#e0bb66,#a77b3a);color:#090c10}.leaders h3,.indgrid h2,.workgrid h2{color:#eeeae2}.leaders p,.indgrid p,.workgrid p{color:#969fac}
.detail{border-color:rgba(255,255,255,.08)}
.detail>.no,.detail ul{color:#7f8b99}.detail h2{color:#eeeae2}.detail p{color:#99a4b1}
.service-detail-hero,.detail-overview,.detail-deliverables,.related-services,.service-connect{background:#070b10!important}
.detail-number{color:var(--gold)!important}.service-breadcrumb{color:#7f8a98}.service-breadcrumb a{color:var(--gold-hi)}
.deliverable-card,.result-card,.related-card{background:linear-gradient(145deg,#101720,#080d13)!important;border-color:rgba(255,255,255,.08)!important;color:#e9e5dc}
.deliverable-card p,.result-card p,.related-card p{color:#919daa}
.deliverable-no{color:var(--gold)!important}.visual-panel{background:linear-gradient(145deg,#111a24,#080c12)!important;border-color:rgba(201,161,90,.25)!important}
.service-enquiry,.contact form,.contact-form-premium{background:linear-gradient(145deg,#101720,#080d13)!important;border-color:rgba(201,161,90,.18)!important;box-shadow:0 25px 70px rgba(0,0,0,.32)!important}
.contact-intro,.connect-copy{color:#eeeae2}.contact h2{color:#eeeae2}.contact p{color:#98a3b0}.contact a{color:var(--gold-hi)}
.contact-info-card{background:#0c131b!important;border-color:rgba(255,255,255,.08)!important}.contact-info-card h4{color:#eeeae2}.contact-info-card p{color:#8f9aa8}
.contact label,.form-footnote{color:#8995a3!important}.contact input,.contact select,.contact textarea{background:#070b10!important;color:#eeeae2!important;border-color:rgba(255,255,255,.1)!important}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:none;border-color:rgba(201,161,90,.6)!important;box-shadow:0 0 0 3px rgba(201,161,90,.08)}
.contact-bottom{background:linear-gradient(105deg,#0d131a,#17130c)!important;border-color:rgba(201,161,90,.18)!important}
.contact-bottom h2{color:#eeeae2}.contact-bottom p{color:#929daa}
.success{background:#0c2119;color:#9ee0bf;border:1px solid rgba(110,210,157,.2)}
footer{background:#04070b;border-top:1px solid var(--line);color:#9ba5b2}
.footer-logo{display:inline-flex;background:#070b12;border:1px solid rgba(201,161,90,.14);border-radius:5px;overflow:hidden}.foot img{width:220px;height:55px;object-fit:contain;transform:none}.foot p{color:#778392}.foot a{color:#8793a1}.foot a:hover{color:var(--gold-hi)}.foot h4{color:#eeeae2}.copy{border-color:rgba(255,255,255,.08)!important;color:#687585}
/* More refined service hover cue */
.service-card .service-icon{transition:transform .3s ease,box-shadow .3s ease}
.service-card:hover .service-icon{transform:translateY(-2px) rotate(-2deg);box-shadow:0 12px 30px rgba(201,161,90,.2)}
.reveal{transition:opacity .46s ease var(--delay,0ms),transform .46s cubic-bezier(.2,.75,.25,1) var(--delay,0ms)}
@media(max-width:950px){
.top{display:none}
header{height:76px}
.nav nav{background:#070b10;border:1px solid rgba(201,161,90,.15);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.nav nav>a{padding:15px 18px;color:#e1e4e8!important}
.nav nav>a:not(.navcta):after{bottom:8px}
.brand-logo{width:185px;height:50px}.brand-logo img{width:185px;height:50px}
}
@media(max-width:600px){
.container{width:min(100% - 28px,1200px)}
.brand-logo,.brand-logo img{width:165px;height:48px}
header.scrolled .brand-logo,header.scrolled .brand-logo img{width:158px;height:46px}
.hero{min-height:auto}.herogrid{min-height:auto;padding:75px 0 55px}.heroart{height:390px}.hero h1{font-size:clamp(48px,15vw,68px)}
.grid6,.industries,.leaders,.indgrid,.workgrid{grid-template-columns:1fr}
.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
.metrics .container{grid-template-columns:1fr;gap:22px}.metrics .container>div{border-right:0;border-bottom:1px solid rgba(201,161,90,.14);padding-bottom:20px}.metrics .container>div:last-child{border-bottom:0}
.contactgrid{grid-template-columns:1fr;gap:35px}
.row{grid-template-columns:1fr}
.ai-video-grid{grid-template-columns:1fr 1fr}
}
/* =========================================================
V8 NAV + AI VIDEO POLISH
========================================================= */
html { scroll-padding-top: 108px; }
section[id], article[id], .pagehero { scroll-margin-top: 108px; }
/* Cleaner active navigation: no line cutting through the header/text. */
.nav nav>a:not(.navcta):after{display:none!important;}
.ai-showcase{
position:relative;
overflow:hidden;
border-top:1px solid rgba(201,161,90,.12);
}
.ai-showcase:before{
content:""; position:absolute; width:520px; height:520px; left:-260px; top:80px;
border-radius:50%; background:radial-gradient(circle,rgba(201,161,90,.07),transparent 68%);
pointer-events:none;
}
.ai-showcase .container{position:relative;z-index:1}
.ai-video-grid{align-items:stretch}
.ai-video-card{position:relative}
.ai-video-media{isolation:isolate}
.ai-volume{
position:absolute; left:14px; bottom:14px; z-index:5;
width:38px; height:38px; padding:0; border-radius:50%;
display:grid; place-items:center; border:1px solid rgba(201,161,90,.42);
background:rgba(4,8,13,.82); color:#f1d18b; cursor:pointer;
font-size:15px; line-height:1; backdrop-filter:blur(12px);
transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
.ai-volume:hover,.ai-volume.sound-on{
transform:scale(1.08); background:linear-gradient(135deg,#dcb86b,#a77b3a);
color:#080c11; border-color:#efd38d;
}
.ai-hover-hint{left:62px;right:auto;bottom:18px;white-space:nowrap}
.ai-video-card.is-playing .ai-volume{opacity:1}
.ai-video-card:not(.is-playing) .ai-volume{opacity:.9}
.ai-video-copy{min-height:155px;display:flex;flex-direction:column}
.ai-video-copy a{margin-top:auto;padding-top:10px}
.ai-showcase-footer{position:relative;overflow:hidden}
.ai-showcase-footer:after{
content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border-radius:50%;
border:1px solid rgba(201,161,90,.12);box-shadow:0 0 0 30px rgba(201,161,90,.025),0 0 0 60px rgba(201,161,90,.018);
pointer-events:none;
}
@media(max-width:600px){
.ai-hover-hint{display:none}
.ai-volume{width:36px;height:36px;left:10px;bottom:10px}
.ai-video-copy{min-height:145px}
html{scroll-padding-top:82px}
section[id],article[id],.pagehero{scroll-margin-top:82px}
}
@media(min-width:1051px){.service-showcase .service-card:last-child{grid-column:1 / -1;max-width:calc(50% - 9px);width:100%;justify-self:center}}
.violet{background:linear-gradient(135deg,#8b5cf6,#c084fc)}
/* =========================================================
V10 — MOBILE-FIRST PREMIUM POLISH
========================================================= */
@media (max-width: 950px){
.container{width:min(100% - 32px,1200px)}
header,header.scrolled{height:72px}
.nav{position:relative}
.brand-logo,.brand-logo img{width:158px;height:46px}
header.scrolled .brand-logo,header.scrolled .brand-logo img{width:150px;height:44px}
.menu{
display:grid;place-items:center;width:44px;height:44px;padding:0;
border:1px solid rgba(201,161,90,.28);border-radius:10px;
background:rgba(201,161,90,.06);color:var(--gold-hi);font-size:22px;
cursor:pointer;line-height:1;
}
.nav nav{
top:72px;left:8px;right:8px;width:auto;
padding:10px;background:rgba(7,11,16,.98);
border:1px solid rgba(201,161,90,.22);border-radius:14px;
box-shadow:0 24px 55px rgba(0,0,0,.58);
backdrop-filter:blur(18px);
}
.nav nav>a:not(.navcta){
display:flex;align-items:center;min-height:48px;padding:12px 14px!important;
border-radius:9px;color:#e7e3db!important;font-size:13px;
}
.nav nav>a:not(.navcta):hover,.nav nav>a.active{
background:rgba(201,161,90,.08);color:var(--gold-hi)!important;
}
.nav nav>a:not(.navcta):after{display:none!important}
.navcta{justify-content:center;margin:6px 0 2px!important;min-height:48px}
.hero{min-height:0}
.herogrid{min-height:0;padding:76px 0 58px;gap:30px}
.hero h1{font-size:clamp(44px,11vw,66px);line-height:.94;margin:20px 0 16px}
.hero p{font-size:15px;line-height:1.7}
.actions{flex-wrap:wrap;margin-top:22px}
.actions .btn{min-height:48px}
.ticks{line-height:2;margin-top:20px}
.heroart{height:360px;margin-top:4px}
.card{width:min(100%,460px);transform:rotate(-1.5deg)}
.float.roas{right:-4px;top:8px}
.float.live{left:-4px;bottom:12px}
.trusted{padding:20px 0}
.trusted div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.trusted span{text-align:center;padding:9px 5px;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:9px}
.section{padding:72px 0}
.two{gap:30px}
.section h2{font-size:clamp(34px,8.5vw,48px)}
.lead{font-size:17px}
.head{margin-bottom:28px}
.headlead{font-size:13px;line-height:1.7}
.head>.btn{width:100%;justify-content:center}
.service-showcase{grid-template-columns:1fr;gap:14px}
.service-card{grid-template-columns:48px 1fr;gap:14px;padding:21px;min-height:0}
.service-card h3{font-size:21px}
.service-card p{font-size:12px;line-height:1.65}
.service-card ul{font-size:11px;line-height:1.75}
.service-icon{width:46px;height:46px}
.ai-video-grid{grid-template-columns:1fr;gap:14px}
.ai-video-media{aspect-ratio:16/10}
.ai-video-copy{min-height:0;padding:17px 17px 19px}
.ai-video-copy h3{font-size:20px}
.ai-video-copy p{font-size:12px;line-height:1.65}
.ai-showcase-footer{padding:20px;gap:18px}
.ai-showcase-footer .link{font-size:10px}
.steps{grid-template-columns:1fr}
.steps>div{min-height:0;padding:22px}
.steps h3{font-size:20px;margin:15px 0 5px}
.metrics{padding:28px 0}
.metrics .container{grid-template-columns:1fr;gap:0}
.metrics strong{font-size:38px}
.metrics .container>div{padding:20px 8px}
.industries,.leaders,.indgrid,.workgrid{grid-template-columns:1fr}
.industries a{min-height:0;padding:23px}
.industries h3{font-size:21px;margin:16px 0 6px}
.leaders article,.indgrid article{padding:24px}
.workart{height:190px}
.cta{padding:52px 0}
.cta .container{align-items:flex-start;flex-direction:column;gap:22px}
.cta .btn{width:100%;justify-content:center}
.pagehero{padding:82px 0 65px}
.pagehero h1{font-size:clamp(43px,11vw,62px)}
.pagehero p{font-size:15px;line-height:1.7}
.detail{grid-template-columns:38px 1fr;gap:14px;padding:38px 0}
.detail>i{grid-row:1 / span 2}
.detail h2{font-size:29px;line-height:1.1}
.detail p{font-size:13px;line-height:1.75}
.detail ul{font-size:11px;line-height:1.8}
.contactgrid{grid-template-columns:1fr;gap:28px}
.contact h2{font-size:clamp(40px,10vw,55px)}
.contact form,.contact-form-premium,.service-enquiry{padding:22px!important}
.row{grid-template-columns:1fr}
.contact input,.contact select,.contact textarea{font-size:16px;min-height:48px}
.contact textarea{min-height:125px}
.contact form .btn,.contact-form-premium .btn{width:100%;justify-content:center}
.contact-info-grid{grid-template-columns:1fr}
.foot{grid-template-columns:1fr;gap:30px}
.footer-logo{width:190px;height:58px}
.foot img{width:190px;height:58px}
.copy{text-align:center;line-height:1.7}
}
@media (max-width:600px){
.container{width:calc(100% - 28px)}
.brand-logo,.brand-logo img{width:145px;height:43px}
header.scrolled .brand-logo,header.scrolled .brand-logo img{width:140px;height:42px}
.hero label{font-size:8px;padding:7px 11px;letter-spacing:.12em}
.herogrid{padding:62px 0 46px}
.hero h1{font-size:clamp(40px,12.5vw,58px)}
.heroart{height:285px}
.card{padding:10px;border-radius:12px}
.ctop,.cbot{font-size:6px}
.ctop b{padding:4px 6px}
.roas{padding:9px 11px}
.roas strong{font-size:20px}
.live{padding:9px 11px;font-size:7px}
.actions{flex-direction:column;align-items:stretch}
.actions .btn{width:100%;justify-content:center}
.trusted div{grid-template-columns:1fr 1fr}
.trusted span{font-size:8px}
.section{padding:62px 0}
.section h2{font-size:34px}
.service-card{grid-template-columns:1fr;padding:19px}
.service-icon{margin-bottom:2px}
.service-card h3{font-size:20px}
.service-card ul{padding-left:16px}
.ai-video-card{border-radius:13px}
.ai-volume{width:38px;height:38px}
.ai-hover-hint{display:none}
.ai-label{font-size:7px;padding:7px 9px}
.metrics strong{font-size:34px}
.pagehero{padding:70px 0 55px}
.detail{grid-template-columns:1fr;gap:12px}
.detail>i{grid-row:auto}
.detail h2{font-size:27px}
.footer-logo{width:175px;height:54px}
.foot img{width:175px;height:54px}
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.reveal{opacity:1!important;transform:none!important}
}
/* =========================================================
V11 — PREMIUM TRUSTED BRANDS + AI CREATIVE SHOWCASE
========================================================= */
.trusted-premium{
padding:72px 0 28px;
background:
radial-gradient(circle at 12% 35%,rgba(210,168,95,.09),transparent 26%),
linear-gradient(180deg,#060a10,#090e15);
border-top:1px solid rgba(255,255,255,.05);
border-bottom:1px solid rgba(255,255,255,.08);
}
.trusted-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}
.trusted-heading small{display:block;color:var(--gold-hi);font-size:9px;letter-spacing:.22em;font-weight:900;margin-bottom:10px}
.trusted-heading h2{margin:0;color:#f4f1ea;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.045em}
.trusted-heading h2 span{color:var(--gold-hi)}
.trusted-heading p{max-width:430px;margin:0;color:#8793a3;font-size:13px;line-height:1.7}
.trusted-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.trusted-brand{
min-height:118px;padding:20px 19px;position:relative;overflow:hidden;
display:flex;flex-direction:column;justify-content:flex-end;
background:linear-gradient(145deg,rgba(18,25,34,.98),rgba(8,12,18,.98));
border:1px solid rgba(255,255,255,.075);border-radius:14px;
transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.trusted-brand:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(210,168,95,.08),transparent 45%);opacity:.7;pointer-events:none}
.trusted-brand:hover{transform:translateY(-5px);border-color:rgba(210,168,95,.42);box-shadow:0 18px 45px rgba(0,0,0,.32)}
.trusted-brand strong{position:relative;color:#eeeae1;font-size:15px;line-height:1.15;letter-spacing:.02em;max-width:95%}
.trusted-brand small{position:relative;margin-top:7px;color:#788597;font-size:7px;letter-spacing:.17em;font-weight:900}
.trusted-mark{position:absolute;top:15px;right:16px;color:rgba(240,206,138,.42);font-size:9px;font-weight:900;letter-spacing:.12em}
.trusted-bottom{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:25px;color:#697587;font-size:8px;letter-spacing:.16em;font-weight:900}
.trusted-bottom i{width:4px;height:4px;border-radius:50%;background:var(--gold);display:block}
/* AI creative section — more editorial on desktop, clean stack on mobile. */
.ai-showcase{padding-top:105px;padding-bottom:90px}
.ai-showcase .head{margin-bottom:38px}
.ai-showcase .headlead{max-width:700px}
.ai-video-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.ai-video-card{min-width:0}
.ai-video-card.featured{grid-column:span 2;grid-row:span 2}
.ai-video-card.featured .ai-video-media{aspect-ratio:16/9}
.ai-video-card:not(.featured) .ai-video-media{aspect-ratio:9/11}
.ai-video-card.featured .ai-video-copy{padding:22px 23px 24px;min-height:180px}
.ai-video-card.featured .ai-video-copy h3{font-size:25px}
.ai-video-card.featured .ai-video-copy p{font-size:13px;max-width:600px}
.ai-video-media{background:#05080d}
.ai-video-media video{transition:opacity .25s ease,transform .55s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.ai-video-card:not(.is-playing) .ai-video-media video{filter:saturate(.88) brightness(.86)}
.ai-video-card.is-playing .ai-video-media video{filter:saturate(1) brightness(1)}
.ai-card-corner{position:absolute;right:12px;top:12px;z-index:4;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(5,8,13,.62);backdrop-filter:blur(10px);color:#d8bd83;font-size:7px;font-weight:900;letter-spacing:.15em}
.ai-video-card.featured .ai-hover-hint{left:62px;bottom:18px}
.ai-showcase-footer{margin-top:22px;padding:22px 24px;border-radius:15px}
@media(max-width:1050px){
.trusted-heading{align-items:flex-start;flex-direction:column;gap:12px}
.trusted-grid{grid-template-columns:repeat(3,1fr)}
.ai-video-grid{grid-template-columns:repeat(2,1fr)}
.ai-video-card.featured{grid-column:span 2;grid-row:auto}
.ai-video-card.featured .ai-video-media{aspect-ratio:16/9}
.ai-video-card:not(.featured) .ai-video-media{aspect-ratio:16/11}
}
@media(max-width:950px){
.trusted-premium{padding:55px 0 24px}
.trusted-heading{margin-bottom:22px}
.trusted-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.trusted-brand{min-height:105px;padding:17px}
.trusted-brand strong{font-size:13px}
.trusted-bottom{gap:9px;font-size:6px;flex-wrap:wrap}
.ai-showcase{padding-top:72px;padding-bottom:65px}
.ai-video-grid{gap:13px}
}
@media(max-width:600px){
.trusted-premium{padding:48px 0 22px}
.trusted-heading h2{font-size:34px}
.trusted-heading p{font-size:12px;line-height:1.65}
.trusted-grid{grid-template-columns:1fr 1fr}
.trusted-brand{min-height:96px;border-radius:11px;padding:15px}
.trusted-brand strong{font-size:11px}
.trusted-brand small{font-size:6px}
.trusted-mark{font-size:7px;top:11px;right:11px}
.trusted-bottom{justify-content:flex-start;line-height:1.7}
.trusted-bottom i{width:3px;height:3px}
.ai-showcase{padding-top:62px;padding-bottom:55px}
.ai-video-grid{grid-template-columns:1fr;gap:14px}
.ai-video-card.featured{grid-column:auto}
.ai-video-card.featured .ai-video-media,.ai-video-card:not(.featured) .ai-video-media{aspect-ratio:16/10}
.ai-video-card.featured .ai-video-copy{padding:18px 17px 20px;min-height:0}
.ai-video-card.featured .ai-video-copy h3{font-size:21px}
.ai-video-copy{min-height:0}
.ai-card-corner{font-size:6px;padding:6px 7px}
}
/* =========================================================
V11 MOBILE POLISH — TRUSTED BRANDS + FULL AI VIDEO FRAME
========================================================= */
.trusted-premium{overflow:hidden}
.trusted-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.trusted-brand{min-height:138px;padding:18px 17px 17px;justify-content:space-between}
.trusted-brand-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}
.trusted-brand-top small{margin:0;color:#8b96a5;font-size:7px;letter-spacing:.13em;white-space:nowrap}
.trusted-initial{width:34px;height:34px;border:1px solid rgba(210,168,95,.38);border-radius:50%;display:grid;place-items:center;color:#e8c978;font-size:12px;font-weight:900;background:rgba(210,168,95,.05);flex:0 0 auto}
.trusted-brand strong{font-size:14px;max-width:100%}
.trusted-line{display:block;width:38px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);position:relative}
.trusted-brand:hover .trusted-line{width:75px}
/* Keep the complete portrait videos visible. Never crop the uploaded creative. */
.ai-video-media{background:#020509;display:grid;place-items:center;overflow:hidden}
.ai-video-media video{width:100%;height:100%;object-fit:contain;object-position:center;background:#020509;display:block}
.ai-video-card.featured .ai-video-media{aspect-ratio:16/9}
.ai-video-card:not(.featured) .ai-video-media{aspect-ratio:9/16}
.ai-video-card.featured .ai-video-media video{object-fit:contain}
.ai-video-card:not(.featured) .ai-video-media video{object-fit:contain}
.ai-video-card .ai-video-media:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.035)}
@media(max-width:1050px){
.trusted-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ai-video-card.featured .ai-video-media{aspect-ratio:16/10}
.ai-video-card:not(.featured) .ai-video-media{aspect-ratio:9/16}
}
@media(max-width:950px){
.trusted-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.trusted-brand{min-height:118px}
}
@media(max-width:600px){
/* Horizontal brand rail prevents the previous uneven 2-column/orphan layout. */
.trusted-premium{padding:46px 0 20px}
.trusted-heading{margin-bottom:20px}
.trusted-heading h2{font-size:32px;line-height:1.04}
.trusted-heading p{max-width:100%;font-size:12px}
.trusted-grid{
display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;overflow-y:hidden;
padding:2px 18px 10px 2px;margin-right:-18px;scroll-snap-type:x mandatory;
scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.trusted-grid::-webkit-scrollbar{display:none}
.trusted-brand{
flex:0 0 184px;min-height:118px;padding:15px;border-radius:13px;scroll-snap-align:start;
}
.trusted-brand strong{font-size:12px}
.trusted-brand-top small{font-size:6px}
.trusted-initial{width:31px;height:31px;font-size:11px}
.trusted-bottom{justify-content:flex-start;gap:8px;margin-top:13px;font-size:6px;flex-wrap:wrap}
.trusted-bottom i{width:3px;height:3px}
/* Vertical source videos are 478x850 / 486x848. Match that ratio on mobile. */
.ai-showcase{padding-top:58px;padding-bottom:52px}
.ai-video-grid{grid-template-columns:1fr;gap:16px}
.ai-video-card,.ai-video-card.featured{grid-column:auto}
.ai-video-card .ai-video-media,
.ai-video-card.featured .ai-video-media,
.ai-video-card:not(.featured) .ai-video-media{aspect-ratio:9/16;min-height:0}
.ai-video-media video{object-fit:contain;width:100%;height:100%}
.ai-video-copy,.ai-video-card.featured .ai-video-copy{padding:17px 16px 19px;min-height:0}
.ai-video-card.featured .ai-video-copy h3{font-size:20px}
.ai-video-copy p{font-size:12px;line-height:1.62}
.ai-hover-hint{font-size:8px;bottom:11px;left:12px}
.ai-card-corner{top:10px;right:10px}
.ai-volume{right:10px;bottom:10px}
}
/* =========================================================
V12 — MOBILE TRUSTED BRANDS REPAIR
Prevent desktop 7-column layout from leaking into narrow phones.
========================================================= */
@media (max-width:700px){
.trusted-premium{padding:44px 0 26px;overflow:hidden}
.trusted-premium > .container{width:min(100% - 28px,1180px)}
.trusted-heading{display:block!important;width:100%;margin:0 0 24px!important}
.trusted-heading > div{width:100%;}
.trusted-heading small{font-size:8px;letter-spacing:.19em;margin-bottom:10px}
.trusted-heading h2{font-size:clamp(31px,9vw,40px)!important;line-height:1.02!important;max-width:100%;}
.trusted-heading p{display:block;width:100%;max-width:100%!important;margin:14px 0 0!important;font-size:12px!important;line-height:1.65!important;color:#8994a4}
/* Use a proper two-column mobile grid; no stretched seven-column cards. */
.trusted-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
width:100%!important;
gap:10px!important;
overflow:visible!important;
padding:0!important;
margin:0!important;
scroll-snap-type:none!important;
}
.trusted-brand{
width:100%!important;
min-width:0!important;
min-height:108px!important;
height:108px!important;
padding:14px!important;
border-radius:13px!important;
display:flex!important;
flex-direction:column!important;
justify-content:space-between!important;
}
.trusted-brand-top{width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important}
.trusted-brand-top small{font-size:5.5px!important;letter-spacing:.1em!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62%}
.trusted-initial{width:29px!important;height:29px!important;font-size:10px!important}
.trusted-mark{top:9px!important;right:10px!important;font-size:6px!important;opacity:.7}
.trusted-brand strong{font-size:11px!important;line-height:1.18!important;max-width:86%!important;word-break:normal!important}
.trusted-line{width:32px!important;margin-top:1px}
.trusted-bottom{margin-top:17px!important;justify-content:center!important;text-align:center!important;gap:7px!important;font-size:5.5px!important;line-height:1.5!important}
}
@media (max-width:390px){
.trusted-premium{padding-top:38px}
.trusted-premium > .container{width:calc(100% - 24px)}
.trusted-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
.trusted-brand{height:101px!important;min-height:101px!important;padding:12px!important}
.trusted-brand strong{font-size:10px!important}
.trusted-initial{width:27px!important;height:27px!important;font-size:9px!important}
.trusted-heading h2{font-size:30px!important}
.trusted-heading p{font-size:11px!important}
}
/* =========================================================
V13 — TRUSTED PARTNERS + AI VIDEO DESKTOP REFINEMENT
Inspired by the clean partner-wall approach used by modern
agency sites; Parsonix content and styling remain original.
========================================================= */
.trusted-partners{padding:88px 0 52px;background:radial-gradient(circle at 15% 15%,rgba(210,168,95,.055),transparent 34%),#070b10;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}
.partners-intro{margin-bottom:34px}
.partners-eyebrow{display:flex;align-items:center;gap:12px;color:#cda65e;font-size:8px;letter-spacing:.24em;font-weight:900;margin-bottom:16px}
.partners-eyebrow i{width:42px;height:1px;background:linear-gradient(90deg,#d2aa62,transparent);display:block}
.partners-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.partners-title-row h2{margin:0;color:#f1eee7;font-size:clamp(38px,4.7vw,62px);line-height:.98;letter-spacing:-.055em}
.partners-title-row h2 span{color:#d5aa60}
.partners-title-row p{margin:16px 0 0;color:#8995a4;font-size:13px;line-height:1.75;max-width:600px}
.partners-proof{display:flex;align-items:center;gap:13px;padding:14px 18px;border:1px solid rgba(210,168,95,.2);border-radius:12px;background:linear-gradient(145deg,rgba(210,168,95,.08),rgba(255,255,255,.015));min-width:205px}
.partners-proof strong{color:#e2b968;font-size:31px;line-height:1}
.partners-proof span{color:#8995a4;font-size:8px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.trusted-partners .trusted-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.trusted-partners .trusted-brand{position:relative;min-height:154px;padding:23px 22px 19px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(145deg,#10161e,#080c11);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.trusted-partners .trusted-brand:before{content:"";position:absolute;inset:auto -20% -45% 20%;height:120px;background:radial-gradient(circle,rgba(210,168,95,.12),transparent 68%);pointer-events:none}
.trusted-partners .trusted-brand:hover{transform:translateY(-6px);border-color:rgba(210,168,95,.42);background:linear-gradient(145deg,#141b24,#090d13);box-shadow:0 22px 55px rgba(0,0,0,.34)}
.partner-number{position:relative;color:#6d7784;font-size:8px;letter-spacing:.18em;font-weight:900}
.partner-logo-text{position:relative;color:#ece9e1;font-size:clamp(16px,1.65vw,22px);line-height:1.05;font-weight:800;letter-spacing:-.025em;max-width:92%;text-transform:uppercase}
.partner-meta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7e8a99;font-size:7px;letter-spacing:.14em;font-weight:900;text-transform:uppercase}
.partner-meta b{width:28px;height:28px;border:1px solid rgba(210,168,95,.3);border-radius:50%;display:grid;place-items:center;color:#d9b56d;font-size:12px;line-height:1}
.partners-foot{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:22px;color:#697584;font-size:7px;letter-spacing:.18em;font-weight:900;flex-wrap:wrap}
.partners-foot i{width:3px;height:3px;border-radius:50%;background:#d2a85f}
/* Desktop: keep every uploaded AI video in its native portrait frame. */
.ai-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:start}
.ai-video-card,.ai-video-card.featured{grid-column:auto!important;grid-row:auto!important}
.ai-video-card .ai-video-media,.ai-video-card.featured .ai-video-media,.ai-video-card:not(.featured) .ai-video-media{aspect-ratio:9/16!important}
.ai-video-card .ai-video-media video,.ai-video-card.featured .ai-video-media video,.ai-video-card:not(.featured) .ai-video-media video{object-fit:contain!important}
.ai-video-card .ai-video-copy,.ai-video-card.featured .ai-video-copy{min-height:155px!important;padding:18px 17px 20px!important}
.ai-video-card .ai-video-copy h3,.ai-video-card.featured .ai-video-copy h3{font-size:19px!important}
@media(max-width:1050px){
.trusted-partners .trusted-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.partners-title-row{align-items:flex-start;flex-direction:column}
.partners-proof{align-self:flex-start}
.ai-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
.trusted-partners{padding:58px 0 34px}
.partners-intro{margin-bottom:22px}
.partners-eyebrow{font-size:7px;letter-spacing:.18em;gap:9px}
.partners-eyebrow i{width:26px}
.partners-title-row{display:block}
.partners-title-row h2{font-size:34px;line-height:1.02}
.partners-title-row p{font-size:12px;line-height:1.65;margin-top:12px}
.partners-proof{margin-top:17px;min-width:0;width:max-content;padding:11px 13px}
.partners-proof strong{font-size:25px}
.trusted-partners .trusted-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
.trusted-partners .trusted-brand{min-height:118px!important;height:118px!important;padding:14px!important;border-radius:12px!important}
.partner-logo-text{font-size:12px;line-height:1.08;max-width:95%}
.partner-meta{font-size:5.5px;letter-spacing:.1em}
.partner-meta b{width:24px;height:24px;font-size:10px}
.partners-foot{justify-content:flex-start;text-align:left;gap:7px;font-size:5.5px;line-height:1.6;margin-top:15px}
.ai-showcase{padding-top:58px}
.ai-video-grid{grid-template-columns:1fr!important;gap:16px!important}
.ai-video-card .ai-video-media,.ai-video-card.featured .ai-video-media,.ai-video-card:not(.featured) .ai-video-media{aspect-ratio:9/16!important}
.ai-video-card .ai-video-copy,.ai-video-card.featured .ai-video-copy{min-height:0!important;padding:17px 16px 19px!important}
}
/* =========================================================
V14 — MOBILE-FIRST FINAL POLISH
Cleaner section rhythm, partner wall, and touch-safe layouts.
========================================================= */
/* Keep the page from creating accidental horizontal overflow. */
html,body{max-width:100%;overflow-x:hidden}
img,video,svg{max-width:100%}
/* Trusted brands: make the desktop wall feel intentional. */
.trusted-partners .trusted-grid{align-items:stretch}
.trusted-partners .trusted-brand:nth-child(7){grid-column:2 / span 2;max-width:none;justify-self:stretch}
.trusted-partners .trusted-brand{min-height:156px}
.trusted-partners .partner-logo-text{min-height:2.2em;display:flex;align-items:center}
@media (max-width: 950px){
.container{width:min(100% - 32px,1180px)}
.hero,.section,.trusted-partners,.ai-showcase,.metrics,.cta{overflow:hidden}
.section{padding:64px 0}
.head{gap:16px}
.head h2{max-width:760px}
.service-showcase{gap:14px}
.service-card{border-radius:15px}
.steps>div,.industries a,.leaders article,.indgrid article{border-radius:15px}
/* Partner wall: 3 columns on tablet, with the final card centered. */
.trusted-partners .trusted-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.trusted-partners .trusted-brand:nth-child(7){grid-column:2 / span 1}
.trusted-partners .trusted-brand{min-height:142px!important}
}
@media (max-width: 600px){
/* Global mobile rhythm */
.container{width:calc(100% - 28px)}
.section{padding:54px 0}
.head{margin-bottom:24px;gap:12px}
.head small,.section small{font-size:7px;letter-spacing:.18em}
.head h2,.section h2{font-size:32px;line-height:1.04;letter-spacing:-.035em}
.headlead{font-size:12px;line-height:1.65}
.link,.service-link{font-size:10px}
/* Hero: less empty space and stronger mobile hierarchy. */
.herogrid{padding:54px 0 42px;gap:22px}
.hero h1{font-size:clamp(39px,12vw,54px);letter-spacing:-.055em}
.hero p{font-size:14px;line-height:1.65}
.heroart{height:255px}
.heroart .card{width:100%;max-width:390px}
.ticks{font-size:7px;line-height:1.8}
/* Partner section — clean logo wall, no skinny cards or orphaned last card. */
.trusted-partners{padding:48px 0 28px!important}
.trusted-partners>.container{width:calc(100% - 28px)}
.partners-intro{margin-bottom:20px}
.partners-eyebrow{font-size:6.5px;letter-spacing:.17em;gap:8px;margin-bottom:11px}
.partners-eyebrow i{width:22px}
.partners-title-row{display:block!important}
.partners-title-row h2{font-size:33px!important;line-height:1.01!important;max-width:310px}
.partners-title-row p{font-size:11.5px!important;line-height:1.62!important;margin:11px 0 0!important;max-width:340px!important}
.partners-proof{width:auto!important;display:inline-flex!important;margin-top:14px!important;padding:9px 12px!important;border-radius:10px!important}
.partners-proof strong{font-size:23px!important}
.partners-proof span{font-size:6.5px!important;letter-spacing:.1em!important}
.trusted-partners .trusted-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
width:100%!important;
overflow:visible!important;
padding:0!important;
margin:0!important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto!important;
width:100%!important;
min-width:0!important;
min-height:112px!important;
height:112px!important;
padding:13px!important;
border-radius:12px!important;
}
.trusted-partners .trusted-brand:nth-child(7){
grid-column:1 / -1!important;
min-height:92px!important;
height:92px!important;
}
.partner-number{font-size:6.5px!important;letter-spacing:.15em!important}
.partner-logo-text{
font-size:11px!important;
line-height:1.08!important;
min-height:2.25em!important;
max-width:100%!important;
overflow-wrap:break-word!important;
}
.trusted-partners .trusted-brand:nth-child(2) .partner-logo-text{font-size:9.5px!important}
.trusted-partners .trusted-brand:nth-child(4) .partner-logo-text{font-size:10px!important}
.partner-meta{font-size:5px!important;letter-spacing:.075em!important;line-height:1.2!important}
.partner-meta b{width:23px!important;height:23px!important;font-size:9px!important;flex:0 0 auto}
.trusted-partners .trusted-brand:before{height:90px;right:-30%;bottom:-35%;opacity:.8}
.partners-foot{justify-content:flex-start!important;text-align:left!important;gap:6px!important;margin-top:14px!important;font-size:5px!important;line-height:1.55!important}
/* Service cards: one clear card per row, with no cramped two-column content. */
.service-showcase{grid-template-columns:1fr!important;gap:12px!important}
.service-card{grid-template-columns:44px 1fr!important;padding:17px!important;gap:12px!important}
.service-icon{width:44px!important;height:44px!important;border-radius:11px!important;font-size:10px!important}
.service-card h3{font-size:18px!important;line-height:1.12!important}
.service-card p{font-size:11.5px!important;line-height:1.6!important}
.service-card ul{font-size:10px!important;line-height:1.65!important;margin:10px 0 12px!important}
/* AI showcase: preserve the complete 9:16 source on phones. */
.ai-showcase{padding:52px 0 44px!important}
.ai-video-grid{grid-template-columns:1fr!important;gap:15px!important}
.ai-video-card,.ai-video-card.featured{width:100%!important;min-width:0!important}
.ai-video-card .ai-video-media,
.ai-video-card.featured .ai-video-media,
.ai-video-card:not(.featured) .ai-video-media{
width:100%!important;
height:auto!important;
aspect-ratio:9/16!important;
min-height:0!important;
max-height:none!important;
}
.ai-video-card .ai-video-media video,
.ai-video-card.featured .ai-video-media video,
.ai-video-card:not(.featured) .ai-video-media video{
width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
}
.ai-video-copy{padding:15px 15px 17px!important;min-height:0!important}
.ai-video-copy h3{font-size:19px!important}
.ai-video-copy p{font-size:11px!important;line-height:1.6!important}
.ai-volume{width:38px!important;height:38px!important;left:10px!important;bottom:10px!important}
.ai-play{width:42px!important;height:42px!important}
.ai-showcase-footer{padding:17px!important;border-radius:12px!important}
.ai-showcase-footer strong{font-size:14px!important}
.ai-showcase-footer span{font-size:9px!important;line-height:1.55!important}
/* Framework, metrics, industries and CTA — balanced mobile blocks. */
.steps{grid-template-columns:1fr!important;gap:10px!important}
.steps>div{padding:18px!important;border-radius:13px!important}
.steps h3{font-size:18px!important}
.steps p{font-size:11px!important;line-height:1.6!important}
.metrics{padding:18px 0!important}
.metrics .container>div{padding:17px 5px!important}
.metrics strong{font-size:32px!important}
.metrics span{font-size:9px!important}
.industries{grid-template-columns:1fr!important;gap:10px!important}
.industries a{padding:19px!important;border-radius:13px!important}
.industries h3{font-size:18px!important}
.industries p{font-size:11px!important}
.cta{padding:42px 0!important}
.cta h2{font-size:31px!important;line-height:1.05!important}
.cta p{font-size:11px!important;line-height:1.65!important}
/* Contact and footer */
.contactgrid{gap:18px!important}
.contact h2{font-size:38px!important;line-height:1.02!important}
.contact-info-grid{gap:9px!important}
.contact-form-premium,.contact form,.service-enquiry{padding:18px!important;border-radius:13px!important}
.contact input,.contact select,.contact textarea{font-size:16px!important}
.foot{gap:22px!important}
.foot h4{font-size:9px!important}
.foot p,.foot a{font-size:10px!important;line-height:1.7!important}
}
@media (max-width:390px){
.container{width:calc(100% - 24px)}
.partners-title-row h2{font-size:30px!important}
.trusted-partners .trusted-grid{gap:7px!important}
.trusted-partners .trusted-brand{min-height:106px!important;height:106px!important;padding:11px!important}
.trusted-partners .trusted-brand:nth-child(7){min-height:86px!important;height:86px!important}
.partner-logo-text{font-size:10px!important}
.trusted-partners .trusted-brand:nth-child(2) .partner-logo-text{font-size:8.7px!important}
.trusted-partners .trusted-brand:nth-child(4) .partner-logo-text{font-size:9.2px!important}
.service-card h3{font-size:17px!important}
.ai-video-copy h3{font-size:18px!important}
}
/* =========================================================
V15 — TRUSTED PARTNERS CLEAN RESPONSIVE REDESIGN
Fixes the mobile composition shown in the phone screenshot.
========================================================= */
.trusted-partners{
position:relative;
padding:92px 0 64px!important;
background:
radial-gradient(circle at 12% 18%,rgba(210,168,95,.08),transparent 28%),
radial-gradient(circle at 88% 80%,rgba(72,185,255,.035),transparent 28%),
#070b10!important;
}
.trusted-partners>.container{position:relative;z-index:1}
.trusted-partners .partners-intro{margin:0 0 34px!important}
.trusted-partners .partners-eyebrow{
display:flex!important;align-items:center!important;gap:12px!important;
margin:0 0 15px!important;color:#d2aa62!important;
font-size:8px!important;letter-spacing:.22em!important;line-height:1!important;
}
.trusted-partners .partners-eyebrow i{width:46px!important;height:1px!important;flex:0 0 46px!important}
.trusted-partners .partners-title-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) 290px!important;
align-items:end!important;
gap:42px!important;
}
.trusted-partners .partners-title-row>div:first-child{min-width:0}
.trusted-partners .partners-title-row h2{
margin:0!important;color:#f3efe7!important;
font-size:clamp(42px,5.1vw,68px)!important;
line-height:.94!important;letter-spacing:-.055em!important;
}
.trusted-partners .partners-title-row h2 span{color:#d8ae62!important}
.trusted-partners .partners-title-row p{
max-width:650px!important;margin:17px 0 0!important;
color:#8b96a5!important;font-size:13px!important;line-height:1.7!important;
}
.trusted-partners .partners-proof{
width:100%!important;min-width:0!important;min-height:84px!important;
display:flex!important;align-items:center!important;gap:15px!important;
padding:16px 18px!important;margin:0!important;
border:1px solid rgba(210,168,95,.25)!important;border-radius:14px!important;
background:linear-gradient(145deg,rgba(210,168,95,.09),rgba(255,255,255,.015))!important;
}
.trusted-partners .partners-proof strong{font-size:36px!important;color:#e2b968!important;line-height:1!important}
.trusted-partners .partners-proof span{font-size:7px!important;line-height:1.6!important;letter-spacing:.14em!important;color:#8995a4!important}
.trusted-partners .trusted-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
width:100%!important;
margin:0!important;padding:0!important;overflow:visible!important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto!important;
width:100%!important;max-width:none!important;justify-self:stretch!important;
min-width:0!important;min-height:170px!important;height:170px!important;
padding:20px!important;border-radius:15px!important;
background:linear-gradient(145deg,#111820,#090d13)!important;
border:1px solid rgba(255,255,255,.075)!important;
}
.trusted-partners .trusted-brand:nth-child(7){grid-column:2 / span 2!important}
.trusted-partners .partner-number{font-size:8px!important;color:#737e8c!important;letter-spacing:.18em!important}
.trusted-partners .partner-logo-text{
font-size:clamp(16px,1.7vw,22px)!important;
line-height:1.04!important;min-height:2.15em!important;
color:#eeeae1!important;letter-spacing:-.025em!important;
}
.trusted-partners .trusted-brand:nth-child(2) .partner-logo-text{font-size:clamp(14px,1.45vw,19px)!important}
.trusted-partners .trusted-brand:nth-child(4) .partner-logo-text{font-size:clamp(15px,1.55vw,20px)!important}
.trusted-partners .partner-meta{font-size:7px!important;letter-spacing:.13em!important;color:#7e8998!important}
.trusted-partners .partner-meta b{width:30px!important;height:30px!important;font-size:12px!important;color:#d9b56d!important}
.trusted-partners .partners-foot{
display:grid!important;grid-template-columns:repeat(3,1fr)!important;
gap:10px!important;margin:20px 0 0!important;
}
.trusted-partners .partners-foot span{
min-height:42px;display:flex;align-items:center;justify-content:center;
padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;
background:rgba(255,255,255,.015);color:#758192!important;font-size:7px!important;
letter-spacing:.14em!important;text-align:center;
}
.trusted-partners .partners-foot i{display:none!important}
@media (max-width:1050px){
.trusted-partners .partners-title-row{grid-template-columns:1fr 250px!important;gap:24px!important}
.trusted-partners .trusted-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.trusted-partners .trusted-brand:nth-child(7){grid-column:2!important}
}
@media (max-width:700px){
.trusted-partners{
padding:58px 0 36px!important;
overflow:hidden!important;
}
.trusted-partners>.container{width:calc(100% - 28px)!important}
.trusted-partners .partners-intro{margin:0 0 22px!important}
.trusted-partners .partners-eyebrow{
margin-bottom:12px!important;font-size:6.5px!important;
letter-spacing:.18em!important;gap:8px!important;
}
.trusted-partners .partners-eyebrow i{width:24px!important;flex-basis:24px!important}
.trusted-partners .partners-title-row{
display:flex!important;flex-direction:column!important;
align-items:stretch!important;gap:0!important;
}
.trusted-partners .partners-title-row h2{
font-size:clamp(34px,10.5vw,43px)!important;
line-height:.98!important;max-width:100%!important;
}
.trusted-partners .partners-title-row p{
width:100%!important;max-width:100%!important;
margin:12px 0 0!important;font-size:12px!important;line-height:1.62!important;
}
.trusted-partners .partners-proof{
width:100%!important;min-height:74px!important;height:auto!important;
margin:15px 0 0!important;padding:13px 15px!important;border-radius:12px!important;
}
.trusted-partners .partners-proof strong{font-size:30px!important}
.trusted-partners .partners-proof span{font-size:6.5px!important;line-height:1.5!important}
.trusted-partners .trusted-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
margin:0!important;padding:0!important;
overflow:visible!important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto!important;
min-width:0!important;width:100%!important;
min-height:132px!important;height:132px!important;
padding:15px!important;border-radius:13px!important;
}
.trusted-partners .trusted-brand:nth-child(7){grid-column:1 / -1!important;height:108px!important;min-height:108px!important}
.trusted-partners .partner-number{font-size:7px!important}
.trusted-partners .partner-logo-text{
font-size:13px!important;line-height:1.08!important;
min-height:2.2em!important;max-width:100%!important;
}
.trusted-partners .trusted-brand:nth-child(2) .partner-logo-text{font-size:10.5px!important}
.trusted-partners .trusted-brand:nth-child(4) .partner-logo-text{font-size:11px!important}
.trusted-partners .trusted-brand:nth-child(7) .partner-logo-text{font-size:13px!important}
.trusted-partners .partner-meta{font-size:5.5px!important;letter-spacing:.08em!important}
.trusted-partners .partner-meta b{width:25px!important;height:25px!important;font-size:10px!important}
.trusted-partners .partners-foot{
grid-template-columns:1fr!important;gap:7px!important;margin-top:14px!important;
}
.trusted-partners .partners-foot span{
min-height:38px!important;font-size:6px!important;padding:9px 10px!important;
}
}
@media (max-width:390px){
.trusted-partners{padding-top:50px!important}
.trusted-partners>.container{width:calc(100% - 24px)!important}
.trusted-partners .trusted-grid{gap:8px!important}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(7){padding:13px!important;border-radius:12px!important}
.trusted-partners .trusted-brand{min-height:124px!important;height:124px!important}
.trusted-partners .trusted-brand:nth-child(7){min-height:102px!important;height:102px!important}
.trusted-partners .partner-logo-text{font-size:12px!important}
.trusted-partners .trusted-brand:nth-child(2) .partner-logo-text{font-size:9.5px!important}
.trusted-partners .trusted-brand:nth-child(4) .partner-logo-text{font-size:10px!important}
}
/* =========================================================
V16 — TRUSTED PARTNERS SEQUENCE + STRONG TYPOGRAPHY
========================================================= */
/* Keep partner cards in natural numbered sequence:
01 02 03 04 / 05 06 07 on desktop,
01 02 / 03 04 / 05 06 / 07 on mobile. */
.trusted-partners .trusted-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
grid-auto-flow:row !important;
align-items:stretch !important;
justify-items:stretch !important;
}
/* Never center or span the final Enterprise Brands card. */
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto !important;
grid-row:auto !important;
justify-self:stretch !important;
width:auto !important;
}
/* Stronger, more confident typography across the complete section. */
.trusted-partners .partners-eyebrow,
.trusted-partners .partners-title-row h2,
.trusted-partners .partners-title-row h2 span,
.trusted-partners .partners-title-row p,
.trusted-partners .partners-proof strong,
.trusted-partners .partners-proof span,
.trusted-partners .partner-number,
.trusted-partners .partner-logo-text,
.trusted-partners .partner-meta,
.trusted-partners .partner-meta b,
.trusted-partners .partners-foot{
font-weight:800 !important;
}
.trusted-partners .partners-title-row h2{
font-weight:900 !important;
}
.trusted-partners .partners-title-row p{
color:#aab3c0 !important;
}
.trusted-partners .partners-proof span,
.trusted-partners .partner-meta,
.trusted-partners .partners-foot{
font-weight:800 !important;
}
/* Make brand names especially strong, like the main "Brands that trust growth."
heading, while keeping long names readable. */
.trusted-partners .partner-logo-text{
font-weight:900 !important;
letter-spacing:-.02em;
}
/* Tablet */
@media (max-width:1050px){
.trusted-partners .trusted-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto !important;
}
}
/* Mobile — preserve the same numbered sequence without an orphan/centered card. */
@media (max-width:600px){
.trusted-partners .trusted-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
grid-auto-flow:row !important;
gap:10px !important;
}
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto !important;
grid-row:auto !important;
width:100% !important;
}
.trusted-partners .partners-title-row h2{
font-weight:900 !important;
}
.trusted-partners .partners-title-row p{
font-weight:750 !important;
}
.trusted-partners .partner-logo-text{
font-weight:900 !important;
}
.trusted-partners .partner-meta,
.trusted-partners .partner-number{
font-weight:800 !important;
}
}
/* Very small phones */
@media (max-width:390px){
.trusted-partners .trusted-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px !important;
}
.trusted-partners .trusted-brand{
min-height:104px !important;
height:104px !important;
}
.trusted-partners .partner-logo-text{
font-size:10.5px !important;
}
}
/* V17 — Unified Trusted Partners heading typography */
.trusted-partners .partners-title-row h2 {
font-family: Inter, Arial, sans-serif !important;
font-weight: 900 !important;
font-size: clamp(42px, 5.1vw, 68px) !important;
line-height: .94 !important;
letter-spacing: -.055em !important;
display: block !important;
white-space: normal !important;
}
.trusted-partners .partners-title-row h2 .partners-title-main,
.trusted-partners .partners-title-row h2 .partners-title-accent {
font-family: Inter, Arial, sans-serif !important;
font-size: 1em !important;
line-height: .94 !important;
font-weight: 900 !important;
letter-spacing: -.055em !important;
display: inline !important;
vertical-align: baseline !important;
text-transform: none !important;
transform: none !important;
}
.trusted-partners .partners-title-row h2 .partners-title-main {
color: #f3efe7 !important;
}
.trusted-partners .partners-title-row h2 .partners-title-accent {
color: #d8ae62 !important;
}
@media (max-width: 700px) {
.trusted-partners .partners-title-row h2 {
font-size: 33px !important;
line-height: 1.01 !important;
}
.trusted-partners .partners-title-row h2 .partners-title-main,
.trusted-partners .partners-title-row h2 .partners-title-accent {
font-size: 1em !important;
line-height: 1.01 !important;
letter-spacing: -.045em !important;
}
}
@media (max-width: 390px) {
.trusted-partners .partners-title-row h2 {
font-size: 30px !important;
}
}
/* =========================================================
V18 — PARSONIX BRAND-BACKGROUND SYSTEM
Uses the supplied logo artwork and its graphite background.
========================================================= */
:root{
--bg:#2d2e32;
--bg2:#303135;
--panel:#333438;
--panel2:#38393d;
--line:rgba(224,166,78,.26);
--line2:rgba(255,255,255,.10);
--gold:#d19a4a;
--gold-hi:#e2ad5c;
--silver:#f3f0e9;
--muted:#b4b3b0;
--muted2:#8f8f91;
}
html,body{background:#2d2e32!important;color:var(--silver)!important}
body:before{background:radial-gradient(circle at 78% 5%,rgba(209,154,74,.10),transparent 24%),radial-gradient(circle at 8% 50%,rgba(255,255,255,.035),transparent 30%)!important}
.top{background:#292a2e!important;border-color:rgba(255,255,255,.08)!important}
header,header.scrolled{background:rgba(45,46,50,.97)!important;border-bottom-color:rgba(255,255,255,.10)!important}
.brand-logo{background:#2d2e32!important;border-color:rgba(209,154,74,.25)!important;box-shadow:0 0 0 1px rgba(255,255,255,.035) inset!important}
.brand-logo img{background:#2d2e32!important;object-fit:cover!important}
.nav nav>a:not(.navcta){color:#f0eee8!important}
.nav nav>a:not(.navcta):after{background:var(--gold)!important}
.nav nav>a:not(.navcta):hover,.nav nav>a.active{color:var(--gold-hi)!important}
.navcta{background:linear-gradient(135deg,#e1ad5a,#bd8238)!important;border-color:#edc274!important}
.menu{color:var(--gold-hi)!important}
.hero,.section,.trusted,.services,.servicepage,.contact,.soft,.ai-showcase,.service-detail-hero,.detail-overview,.detail-deliverables,.related-services,.service-connect{
background:#2d2e32!important;
}
.hero{background:radial-gradient(circle at 78% 42%,rgba(209,154,74,.11),transparent 23%),linear-gradient(135deg,#2d2e32,#303136 55%,#292a2e)!important}
.hero:before{opacity:.45}
.hero h1,.section h2,.service-card h3,.industries h3,.steps h3,.leaders h3,.indgrid h2,.workgrid h2,.contact h2,.detail h2{color:#f5f1e9!important}
.hero p,.section p,.lead,.headlead,.service-card p,.service-card li,.industries p,.steps p,.leaders p,.indgrid p,.workgrid p,.detail p,.detail ul,.contact p{color:#c0c0bd!important}
.hero h1 span,.pagehero h1 span,.section h2 span,.cta h2 span{background:linear-gradient(90deg,#f4ead7,#d8a052,#b9792e)!important;color:transparent!important;background-clip:text!important}
.hero label{background:rgba(209,154,74,.12)!important;border-color:rgba(209,154,74,.38)!important;color:#f1c77e!important}
.btn.light,.btn.outline{background:rgba(255,255,255,.035)!important;color:#f1eee8!important;border-color:rgba(209,154,74,.38)!important}
.card{background:#2b2c30!important;border-color:rgba(209,154,74,.30)!important}
.hero-logo{background:#2d2e32!important;border-color:rgba(209,154,74,.18)!important}
.float{background:#35363a!important;border-color:rgba(209,154,74,.24)!important}
.trusted{border-color:rgba(255,255,255,.10)!important}
.trusted span{color:#f0ede6!important}
.service-card,.leaders article,.indgrid article,.workgrid article,.industries a,.ai-video-card,.deliverable-card,.result-card,.related-card,.contact form,.service-enquiry,.contact-form-premium{
background:linear-gradient(145deg,#37383c,#292a2e)!important;
border-color:rgba(255,255,255,.10)!important;
box-shadow:0 18px 50px rgba(0,0,0,.18)!important;
}
.service-card:hover,.industries a:hover,.ai-video-card:hover{border-color:rgba(209,154,74,.50)!important}
.service-icon,.blue,.pink,.purple,.orange,.green,.cyan{background:linear-gradient(135deg,#e0ad59,#b87932)!important;color:#292a2e!important}
.link,.service-link,.industries b,.industries a span,.detail-number,.deliverable-no{color:#e0ad59!important}
.steps{background:#303136!important;border-color:rgba(255,255,255,.10)!important}
.steps>div{border-color:rgba(255,255,255,.10)!important}
.steps b{background:linear-gradient(135deg,#e0ad59,#b87932)!important;color:#2b2c30!important}
.metrics{background:linear-gradient(105deg,#28292d,#343238 50%,#292a2e)!important;border-color:rgba(209,154,74,.25)!important}
.metrics strong{background:linear-gradient(90deg,#f1d18d,#d09a4e,#f4ede1)!important;color:transparent!important;background-clip:text!important}
.cta{background:linear-gradient(105deg,#292a2e,#353236,#292a2e)!important;border-color:rgba(209,154,74,.25)!important}
.pagehero{background:linear-gradient(135deg,#2d2e32,#36373b 55%,#292a2e)!important}
.contact-bottom{background:linear-gradient(105deg,#303136,#383338)!important}
.contact input,.contact select,.contact textarea{background:#292a2e!important;border-color:rgba(255,255,255,.12)!important;color:#f0ede6!important}
.contact-info-card{background:#343539!important;border-color:rgba(255,255,255,.10)!important}
footer{background:#27282c!important;border-color:rgba(255,255,255,.10)!important}
.footer-logo{background:#2d2e32!important;border-color:rgba(209,154,74,.20)!important}
/* Brand artwork: use the supplied logo consistently, without cropping it in the navbar. */
.brand-logo img,.footer-logo img{object-fit:cover!important;object-position:center!important}
.hero-logo img{object-fit:contain!important;object-position:center!important}
@media(max-width:950px){
.nav nav{background:#2d2e32!important;border-color:rgba(209,154,74,.22)!important}
.nav nav>a{color:#f2efe8!important}
}
/* =========================================================
V19 POLISH — STRAIGHT HERO LOGO + PREMIUM GRAPHITE PANELS
========================================================= */
:root{
--bg:#2d2e32;
--bg2:#26272b;
--panel:#35373c;
--panel2:#3b3d42;
--panel-deep:#222429;
--line:rgba(230,183,94,.24);
--line2:rgba(255,255,255,.10);
--gold:#d49b43;
--gold-hi:#e7b45f;
--silver:#f4f1ea;
--muted:#c1c3c7;
--muted2:#a4a7ad;
}
html,body{background:var(--bg)}
body{color:var(--silver)}
body:before{background:radial-gradient(circle at 80% 8%,rgba(231,180,95,.08),transparent 24%),radial-gradient(circle at 8% 50%,rgba(255,255,255,.035),transparent 30%)}
/* Make the home hero composition completely straight — no tilted logo/card. */
.hero .heroart .card{
transform:none !important;
rotate:0deg !important;
transform-origin:center center;
background:linear-gradient(145deg,#3a3c41,#24262b);
border:1px solid rgba(231,180,95,.34);
box-shadow:0 30px 70px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.04) inset;
}
.hero .heroart .hero-logo{
background:#2d2e32;
border:1px solid rgba(255,255,255,.09);
}
.hero .heroart .hero-logo img{
object-fit:contain !important;
object-position:center !important;
transform:none !important;
}
/* Premium graphite surfaces: distinguish content boxes from the page background. */
.section,.services,.servicepage,.soft,.contact,.contact-bottom{background:var(--bg)}
.service-card,
.industries a,
.leaders article,
.indgrid article,
.workgrid article,
.steps,
.ai-video-card,
.contact-info-card,
.ai-showcase-footer{
background:linear-gradient(145deg,var(--panel2),var(--panel-deep)) !important;
border-color:rgba(255,255,255,.11) !important;
box-shadow:0 16px 38px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.035) inset;
}
.service-card:hover,
.industries a:hover,
.ai-video-card:hover{
background:linear-gradient(145deg,#414349,#292b30) !important;
border-color:rgba(231,180,95,.55) !important;
}
.steps>div{background:transparent}
.steps>div:hover{background:rgba(255,255,255,.035)}
.industries a,.leaders article,.indgrid article,.workgrid article{color:var(--silver)}
.service-card h3,.industries h3,.indgrid h2,.leaders h3,.workgrid h2,.steps h3{color:#f5f2eb}
.service-card p,.service-card ul,.industries p,.indgrid p,.leaders p,.workgrid p,.steps p{color:#c0c2c6}
/* Trusted partners: graphite cards against the slightly darker section. */
.trusted-partners,.trusted-showcase{background:#292a2e !important}
.partner-card,.trusted-card,.brand-card{
background:linear-gradient(145deg,#3a3c41,#26282d) !important;
border-color:rgba(255,255,255,.12) !important;
box-shadow:0 15px 34px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.04) inset;
}
.partner-card:hover,.trusted-card:hover,.brand-card:hover{border-color:rgba(231,180,95,.55) !important}
/* Hero floating metrics get their own elevated graphite tone. */
.hero .float{background:#3a3c41;border-color:rgba(231,180,95,.28);color:#fff}
.hero .roas strong{color:var(--gold-hi)}
/* Gold is the only strong accent; blue/cyan is intentionally subdued. */
.section h2 span,.contact-bottom h2 span{color:var(--gold-hi)}
.link,.service-link,.industries a span,.industries b,.indgrid small,.indgrid b{color:var(--gold-hi)}
@media(max-width:950px){
.hero .heroart .card{transform:none !important}
}
/* =========================================================
CONTACT PAGE V2 — PREMIUM GRAPHITE / GOLD
========================================================= */
.contact-page-v2{background:linear-gradient(180deg,#2d2e32 0%,#292a2e 100%);padding:88px 0 86px;overflow:hidden}
.contact-v2-wrap{position:relative}
.contact-v2-head{max-width:900px;margin-bottom:54px}
.contact-v2-eyebrow{display:flex;align-items:center;gap:10px;color:#e7b45f;font-size:10px;letter-spacing:.18em;font-weight:900;text-transform:uppercase}
.contact-v2-eyebrow span{width:30px;height:1px;background:#d49b43;display:inline-block}
.contact-v2-head h1{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:20px 0 20px;color:#f4f1ea;font-weight:900}
.contact-v2-head h1 em{font-style:normal;color:#dca95a}
.contact-v2-head p{max-width:720px;color:#bfc1c5;font-size:17px;line-height:1.75;margin:0}
.contact-v2-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:28px;align-items:start}
.contact-v2-left,.contact-v2-form{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(145deg,#37383d,#27282d);box-shadow:0 24px 65px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.035) inset}
.contact-v2-left{padding:34px}
.contact-v2-intro small,.contact-v2-form-head small,.contact-v2-process-head small{color:#d9a452;font-size:9px;letter-spacing:.16em;font-weight:900;text-transform:uppercase}
.contact-v2-intro h2{font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.045em;color:#f5f1e9;margin:14px 0 18px;font-weight:900}
.contact-v2-intro h2 span{color:#dca95a}
.contact-v2-intro p{color:#c1c3c7;line-height:1.75;font-size:14px;margin:0}
.contact-v2-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.contact-v2-info-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(145deg,#3c3e43,#2c2d32);color:#f2efe8;transition:.25s ease}
.contact-v2-info-card:hover{transform:translateY(-3px);border-color:rgba(231,180,95,.45);background:linear-gradient(145deg,#42444a,#303136)}
.contact-v2-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#e0ad59,#b87932);color:#27282c;font-weight:900;font-size:17px}
.contact-v2-info-card span:nth-child(2){min-width:0}
.contact-v2-info-card b,.contact-v2-info-card small{display:block}
.contact-v2-info-card b{font-size:13px;margin-bottom:2px}
.contact-v2-info-card small{font-size:10px;color:#b5b7bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-v2-info-card>strong{font-size:14px;color:#e1ad59;font-weight:900}
.contact-v2-process{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09)}
.contact-v2-process-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.contact-v2-process-head>span{font-size:8px;letter-spacing:.15em;color:#8f9298;font-weight:900}
.contact-v2-step{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.contact-v2-step:last-child{border-bottom:0;padding-bottom:0}
.contact-v2-step>b{color:#dca95a;font-size:10px;padding-top:2px}
.contact-v2-step strong,.contact-v2-step small{display:block}
.contact-v2-step strong{font-size:12px;color:#f1eee8;margin-bottom:3px}
.contact-v2-step small{font-size:10px;line-height:1.55;color:#9fa2a8}
.contact-v2-form{padding:34px;background:linear-gradient(145deg,#3b3d42,#292a2e)}
.contact-v2-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:25px}
.contact-v2-form-head h2{font-size:31px;line-height:1.05;color:#f5f1e9;margin:8px 0 0;font-weight:900;letter-spacing:-.03em}
.contact-v2-form-head>span{font-size:9px;color:#8e939b;letter-spacing:.12em;font-weight:900;white-space:nowrap}
.contact-v2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.contact-v2-form label{display:block;margin:0}
.contact-v2-form label>span{display:block;color:#d9d9d5;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;margin-bottom:8px}
.contact-v2-form label i{font-style:normal;color:#dca95a}
.contact-v2-form input,.contact-v2-form select,.contact-v2-form textarea{width:100%;font:inherit;font-size:14px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#292a2e;color:#f4f1ea;padding:13px 14px;outline:none;transition:.2s ease}
.contact-v2-form input,.contact-v2-form select{height:49px}
.contact-v2-form textarea{resize:vertical;min-height:145px;line-height:1.55}
.contact-v2-form input::placeholder,.contact-v2-form textarea::placeholder{color:#81858d}
.contact-v2-form select{appearance:auto;color:#f4f1ea}
.contact-v2-form input:focus,.contact-v2-form select:focus,.contact-v2-form textarea:focus{border-color:rgba(231,180,95,.65);box-shadow:0 0 0 3px rgba(231,180,95,.08)}
.contact-v2-message{margin-top:18px!important}
.contact-v2-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}
.contact-v2-submit-row p{font-size:9px!important;line-height:1.55;color:#8f949c!important;margin:0!important;max-width:360px}
.contact-v2-submit{border:0;border-radius:9px;background:linear-gradient(135deg,#e3b35f,#bd8338);color:#24252a;padding:15px 23px;min-width:185px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(193,139,57,.18);transition:.25s ease}
.contact-v2-submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(193,139,57,.26)}
.contact-v2-submit span{margin-left:7px}
.contact-v2-success{margin:-6px 0 18px;padding:12px 14px;border-radius:9px;border:1px solid rgba(121,190,125,.28);background:rgba(79,142,83,.10);color:#bce3bd;font-size:11px}
.contact-v2-bottom{background:#26272b!important;border-top:1px solid rgba(255,255,255,.09);padding:60px 0}
.contact-v2-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:25px}
.contact-v2-bottom small{color:#dca95a;font-size:9px;letter-spacing:.16em;font-weight:900}
.contact-v2-bottom h2{color:#f4f1ea!important;font-size:clamp(36px,4vw,55px);line-height:1;letter-spacing:-.04em;margin:12px 0 0}
.contact-v2-bottom h2 span{color:#dca95a!important}
.contact-v2-bottom-btn{border:1px solid rgba(231,180,95,.45);border-radius:9px;padding:14px 20px;color:#f5f1e9;background:rgba(231,180,95,.08);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;transition:.25s ease}
.contact-v2-bottom-btn:hover{background:#dca95a;color:#25262a;transform:translateY(-2px)}
@media(max-width:950px){
.contact-page-v2{padding:68px 0 60px}
.contact-v2-grid{grid-template-columns:1fr;gap:18px}
.contact-v2-head{margin-bottom:34px}
}
@media(max-width:600px){
.contact-page-v2{padding:48px 0 44px}
.contact-v2-head h1{font-size:43px;line-height:.98;margin-top:15px}
.contact-v2-head p{font-size:13px;line-height:1.65}
.contact-v2-left,.contact-v2-form{padding:20px;border-radius:16px}
.contact-v2-intro h2{font-size:34px}
.contact-v2-intro p{font-size:12px;line-height:1.7}
.contact-v2-info{grid-template-columns:1fr;gap:8px;margin-top:22px}
.contact-v2-info-card{padding:13px}
.contact-v2-form-head h2{font-size:24px}
.contact-v2-form-grid{grid-template-columns:1fr;gap:14px}
.contact-v2-submit-row{flex-direction:column;align-items:stretch}
.contact-v2-submit-row p{max-width:none}
.contact-v2-submit{width:100%}
.contact-v2-bottom .container{display:block}
.contact-v2-bottom h2{font-size:35px}
.contact-v2-bottom-btn{display:inline-flex;margin-top:22px}
}
/* =========================================================
V20 — MOBILE ORIENTATION & LAYOUT HARD FIX
Prevents upside-down / sideways / overflow issues on phones.
========================================================= */
/* Viewport & base safety */
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
max-width: 100%;
overflow-x: hidden;
}
body {
max-width: 100vw;
overflow-x: hidden;
position: relative;
}
img, video, canvas, svg, iframe {
max-width: 100%;
height: auto;
}
video {
object-fit: contain !important;
object-position: center !important;
transform: none !important;
}
/* Kill any leftover logo / image transforms that stretch or flip */
.brand img,
.brand-logo img,
.footer-logo img,
.hero-logo img,
.foot img,
.card img {
transform: none !important;
-webkit-transform: none !important;
object-fit: contain !important;
object-position: center !important;
max-width: 100%;
}
/* Cards must not stay rotated on small screens */
@media (max-width: 950px) {
.card {
transform: none !important;
-webkit-transform: none !important;
}
.heroart {
overflow: hidden;
}
.float {
max-width: calc(100% - 16px);
}
}
/* Strong mobile layout lock */
@media (max-width: 600px) {
.container {
width: min(100% - 24px, 1200px) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
header,
header.scrolled,
#site-header {
height: 64px !important;
min-height: 64px;
}
.brand-logo,
.brand-logo img {
width: 140px !important;
height: 42px !important;
max-width: 48vw;
}
.nav nav {
top: 64px !important;
left: 10px !important;
right: 10px !important;
max-height: calc(100vh - 80px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* Hero: single column, readable type, no overflow */
.herogrid {
grid-template-columns: 1fr !important;
gap: 24px !important;
padding: 56px 0 48px !important;
min-height: 0 !important;
}
.hero h1,
.pagehero h1 {
font-size: clamp(36px, 10.5vw, 52px) !important;
line-height: 1.02 !important;
word-break: break-word;
}
.hero p,
.pagehero p {
font-size: 14px !important;
line-height: 1.65 !important;
}
.heroart {
height: auto !important;
min-height: 280px;
max-height: 360px;
}
.card {
width: 100% !important;
max-width: 100% !important;
transform: none !important;
margin: 0 auto;
}
.actions {
flex-direction: column !important;
align-items: stretch !important;
width: 100%;
}
.actions .btn {
width: 100%;
justify-content: center;
min-height: 48px;
}
/* Grids collapse cleanly */
.service-showcase,
.grid6,
.steps,
.leaders,
.indgrid,
.workgrid,
.industries,
.metrics .container,
.foot,
.contactgrid,
.row {
grid-template-columns: 1fr !important;
}
.trusted-partners .trusted-grid {
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
.trusted-partners .trusted-brand {
min-height: 110px !important;
height: auto !important;
padding: 12px !important;
}
.partner-logo-text {
font-size: 11px !important;
line-height: 1.15 !important;
}
/* AI videos: full-width portrait, no crop flip */
.ai-video-grid {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
.ai-video-media {
aspect-ratio: 9 / 16 !important;
width: 100%;
}
.ai-video-media video {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
transform: none !important;
}
/* Section spacing tighter but readable */
.section,
.services,
.ai-showcase {
padding: 48px 0 !important;
}
.section h2 {
font-size: clamp(28px, 8vw, 36px) !important;
}
/* Footer stack */
.foot {
gap: 28px !important;
}
.footer-logo,
.footer-logo img,
.foot img {
width: 160px !important;
height: 48px !important;
transform: none !important;
}
/* Prevent text from overflowing containers */
h1, h2, h3, p, a, span, li, label, small {
overflow-wrap: anywhere;
word-wrap: break-word;
}
/* Touch targets */
.menu {
width: 44px !important;
height: 44px !important;
}
.nav nav > a {
min-height: 48px;
}
}
/* Very small phones */
@media (max-width: 380px) {
.hero h1,
.pagehero h1 {
font-size: 32px !important;
}
.brand-logo,
.brand-logo img {
width: 120px !important;
height: 38px !important;
}
.trusted-partners .trusted-grid {
grid-template-columns: 1fr !important;
}
}
/* =========================================================
V21 — TRUSTED PARTNERS MOBILE LAYOUT (HARD RESET)
Fixes the broken narrow-column / vertical-text layout.
========================================================= */
@media (max-width: 900px) {
.trusted-partners {
padding: 52px 0 40px !important;
overflow: hidden !important;
}
.trusted-partners > .container {
width: min(100% - 28px, 1200px) !important;
display: block !important;
}
/* Intro stacks vertically — never side-by-side */
.trusted-partners .partners-intro {
display: block !important;
width: 100% !important;
margin: 0 0 24px !important;
}
.trusted-partners .partners-eyebrow {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-bottom: 14px !important;
font-size: 7px !important;
letter-spacing: 0.16em !important;
}
.trusted-partners .partners-title-row {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: 100% !important;
grid-template-columns: none !important;
}
.trusted-partners .partners-title-row > div {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.trusted-partners .partners-title-row h2 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
font-size: clamp(32px, 9vw, 42px) !important;
line-height: 1.05 !important;
margin: 0 !important;
white-space: normal !important;
}
.trusted-partners .partners-title-row h2 .partners-title-main,
.trusted-partners .partners-title-row h2 .partners-title-accent {
display: inline !important;
font-size: 1em !important;
white-space: normal !important;
}
.trusted-partners .partners-title-row p {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 14px 0 0 !important;
font-size: 13px !important;
line-height: 1.65 !important;
white-space: normal !important;
}
.trusted-partners .partners-proof {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 16px 0 0 !important;
padding: 14px 16px !important;
box-sizing: border-box !important;
}
/* Brand cards: clean 2-column grid, full width */
.trusted-partners .trusted-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
grid-auto-flow: row !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n) {
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
min-height: 120px !important;
height: auto !important;
padding: 14px !important;
border-radius: 12px !important;
box-sizing: border-box !important;
}
.trusted-partners .partner-number {
font-size: 7px !important;
}
.trusted-partners .partner-logo-text {
font-size: 12px !important;
line-height: 1.15 !important;
max-width: 100% !important;
min-height: 0 !important;
white-space: normal !important;
}
.trusted-partners .partner-meta {
font-size: 6px !important;
letter-spacing: 0.08em !important;
}
.trusted-partners .partner-meta b {
width: 24px !important;
height: 24px !important;
font-size: 10px !important;
}
/* Footer chips under the grid */
.trusted-partners .partners-foot {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
gap: 8px !important;
margin-top: 18px !important;
font-size: 6px !important;
}
.trusted-partners .partners-foot span {
min-height: 0 !important;
padding: 8px 10px !important;
font-size: 6px !important;
}
.trusted-partners .partners-foot i {
display: none !important;
}
}
@media (max-width: 380px) {
.trusted-partners .partners-title-row h2 {
font-size: 28px !important;
}
.trusted-partners .trusted-brand {
min-height: 108px !important;
padding: 12px !important;
}
.trusted-partners .partner-logo-text {
font-size: 11px !important;
}
}
/* =========================================================
V22 — UNIFIED GRAPHITE THEME ON ALL PARTNER BOXES
Same look for PILGRIM, SHAPOORJI, ASIAN SUITES, etc.
========================================================= */
.trusted-partners {
background: #292a2e !important;
border-top: 1px solid rgba(255,255,255,.08) !important;
border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n) {
background: linear-gradient(145deg, #3a3c41, #26282d) !important;
border: 1px solid rgba(255,255,255,.12) !important;
border-radius: 14px !important;
box-shadow: 0 15px 34px rgba(0,0,0,.18), 0 1px 0 rgba(255,255,255,.04) inset !important;
color: #f3f0e9 !important;
transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease !important;
}
.trusted-partners .trusted-brand:before {
background: radial-gradient(circle, rgba(231,180,95,.10), transparent 68%) !important;
}
.trusted-partners .trusted-brand:hover {
background: linear-gradient(145deg, #42444a, #2c2e33) !important;
border-color: rgba(231,180,95,.55) !important;
box-shadow: 0 22px 50px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.05) inset !important;
transform: translateY(-5px) !important;
}
/* Number (01, 02…) */
.trusted-partners .partner-number {
color: #9a9b9f !important;
font-size: 8px !important;
letter-spacing: .18em !important;
font-weight: 900 !important;
}
/* Brand name */
.trusted-partners .partner-logo-text {
color: #f5f2eb !important;
font-weight: 900 !important;
letter-spacing: -.02em !important;
text-transform: uppercase !important;
}
/* Category + arrow badge */
.trusted-partners .partner-meta {
color: #a8a9ad !important;
font-weight: 800 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
}
.trusted-partners .partner-meta span {
color: #a8a9ad !important;
}
.trusted-partners .partner-meta b {
background: linear-gradient(135deg, rgba(231,180,95,.14), rgba(231,180,95,.06)) !important;
border: 1px solid rgba(231,180,95,.40) !important;
color: #e7b45f !important;
border-radius: 50% !important;
box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}
/* Proof badge (07+) also matches theme */
.trusted-partners .partners-proof {
background: linear-gradient(145deg, rgba(231,180,95,.10), rgba(255,255,255,.03)) !important;
border: 1px solid rgba(231,180,95,.28) !important;
border-radius: 14px !important;
}
.trusted-partners .partners-proof strong {
color: #e7b45f !important;
}
.trusted-partners .partners-proof span {
color: #a8a9ad !important;
}
/* Footer chips under the grid */
.trusted-partners .partners-foot span {
background: linear-gradient(145deg, #3a3c41, #26282d) !important;
border: 1px solid rgba(255,255,255,.10) !important;
color: #b0b1b5 !important;
border-radius: 10px !important;
}
/* Mobile: keep same theme, just tighter size */
@media (max-width: 900px) {
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n) {
background: linear-gradient(145deg, #3a3c41, #26282d) !important;
border: 1px solid rgba(255,255,255,.12) !important;
border-radius: 12px !important;
}
.trusted-partners .partner-logo-text {
color: #f5f2eb !important;
}
.trusted-partners .partner-meta b {
border-color: rgba(231,180,95,.40) !important;
color: #e7b45f !important;
}
}
/* =========================================================
V23 — NAVBAR LOGO = FULL PARSONIX MARK + TAGLINE
Matches the official logo: PS mark, PARSONIX, MEDIA,
and "WHERE STRATEGY MEETS STORYTELLING"
========================================================= */
.brand {
display: flex !important;
align-items: center !important;
gap: 0 !important;
min-width: 0 !important;
text-decoration: none !important;
}
.brand-logo {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 200px !important;
height: 64px !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
}
.brand-logo img {
width: 200px !important;
height: 64px !important;
max-width: 100% !important;
object-fit: contain !important;
object-position: left center !important;
transform: none !important;
background: transparent !important;
border-radius: 0 !important;
display: block !important;
}
header,
#site-header {
height: 78px !important;
}
header.scrolled,
#site-header.scrolled {
height: 68px !important;
}
header.scrolled .brand-logo,
header.scrolled .brand-logo img {
width: 175px !important;
height: 56px !important;
}
/* Footer logo — same full mark */
.footer-logo {
display: inline-flex !important;
width: 220px !important;
height: 146px !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
}
.footer-logo img,
.foot img {
width: 220px !important;
height: 146px !important;
object-fit: contain !important;
object-position: left center !important;
transform: none !important;
background: transparent !important;
}
/* Hero card logo */
.hero-logo {
background: #2d2e32 !important;
border: 1px solid rgba(255,255,255,.08) !important;
}
.hero-logo img {
object-fit: contain !important;
object-position: center !important;
transform: none !important;
width: 100% !important;
height: 100% !important;
}
/* Tablet */
@media (max-width: 950px) {
header,
#site-header,
header.scrolled,
#site-header.scrolled {
height: 70px !important;
}
.brand-logo,
.brand-logo img {
width: 168px !important;
height: 54px !important;
}
header.scrolled .brand-logo,
header.scrolled .brand-logo img {
width: 158px !important;
height: 50px !important;
}
.nav nav {
top: 70px !important;
}
}
/* Mobile */
@media (max-width: 600px) {
header,
#site-header,
header.scrolled,
#site-header.scrolled {
height: 64px !important;
}
.brand-logo,
.brand-logo img {
width: 148px !important;
height: 48px !important;
}
header.scrolled .brand-logo,
header.scrolled .brand-logo img {
width: 140px !important;
height: 46px !important;
}
.nav nav {
top: 64px !important;
}
.footer-logo,
.footer-logo img,
.foot img {
width: 180px !important;
height: 120px !important;
}
}
/* AI detail page — show all creatives in a full grid */
.ai-detail-showcase {
border-top: 1px solid rgba(255,255,255,.08);
border-bottom: 1px solid rgba(255,255,255,.08);
}
.ai-video-grid-full {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
}
@media (max-width: 1050px) {
.ai-video-grid-full {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 600px) {
.ai-video-grid-full {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
}
/* =========================================================
V26 — AI CREATIVE SERVICE PAGE + ENQUIRY POLISH
========================================================= */
.ai-detail-hero{
background:
radial-gradient(circle at 82% 28%,rgba(231,180,95,.12),transparent 25%),
radial-gradient(circle at 15% 85%,rgba(255,255,255,.035),transparent 30%),
linear-gradient(135deg,#2d2e32 0%,#303136 58%,#25262b 100%) !important;
padding-bottom:28px !important;
}
.ai-detail-hero .service-detail-hero-grid{padding-bottom:52px}
.ai-detail-hero .service-visual{position:relative}
.ai-detail-hero .visual-panel{
background:linear-gradient(145deg,#414349,#24262b) !important;
border-color:rgba(231,180,95,.38) !important;
box-shadow:0 28px 75px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.05) inset !important;
}
.ai-detail-hero .visual-panel:after{
content:"AI / CREATIVE / PERFORMANCE";
position:absolute;left:22px;bottom:20px;color:#dca95a;font-size:9px;letter-spacing:.18em;font-weight:900;
}
.ai-detail-hero-bottom{
display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;
}
.ai-detail-hero-bottom>div{
min-height:108px;padding:20px 22px;border:1px solid rgba(255,255,255,.10);border-radius:16px;
background:linear-gradient(145deg,rgba(58,60,65,.92),rgba(36,38,43,.92));
box-shadow:0 15px 35px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.035) inset;
}
.ai-detail-hero-bottom span{display:block;color:#aeb0b4;font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:9px}
.ai-detail-hero-bottom b{display:block;color:#f4f1ea;font-size:17px;letter-spacing:-.02em}
.ai-detail-hero-bottom div:first-child b{font-size:34px;color:#e7b45f;line-height:.9}
.ai-detail-hero-bottom small{display:block;color:#92959b;font-size:10px;margin-top:7px;line-height:1.45}
.ai-intent-section{padding-top:92px;padding-bottom:88px !important;border-bottom:1px solid rgba(255,255,255,.07)}
.ai-intent-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
.ai-intent-grid h2{font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.055em;margin-top:17px}
.ai-intent-grid h2 span{color:#e7b45f}
.ai-intent-copy .lead{max-width:720px;font-size:17px;line-height:1.75}
.ai-intent-points{margin-top:28px;border-top:1px solid rgba(255,255,255,.10)}
.ai-intent-points>div{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.ai-intent-points>b,.ai-intent-points>div>b{color:#e7b45f;font-size:10px;letter-spacing:.12em}
.ai-intent-points strong{display:block;color:#f5f2eb;font-size:15px}
.ai-intent-points small{display:block;color:#aeb0b5;font-size:12px;line-height:1.55;margin-top:3px}
.ai-detail-showcase{padding-top:92px !important;padding-bottom:88px !important;background:#292a2e !important}
.ai-detail-showcase .headlead{max-width:760px}
.ai-category-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ai-category-strip span{padding:8px 11px;border:1px solid rgba(231,180,95,.22);border-radius:999px;background:rgba(231,180,95,.055);color:#c8c9cc;font-size:9px;font-weight:900;letter-spacing:.12em}
.ai-showcase-note{display:grid;grid-template-columns:1.05fr 1fr auto;gap:24px;align-items:center;margin-top:26px;padding:24px;border:1px solid rgba(231,180,95,.24);border-radius:18px;background:linear-gradient(145deg,#3b3d42,#25262b);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.ai-showcase-note small{display:block;color:#dca95a;font-size:9px;letter-spacing:.16em;font-weight:900;margin-bottom:7px}
.ai-showcase-note strong{display:block;color:#f4f1ea;font-size:21px;letter-spacing:-.025em}
.ai-showcase-note p{margin:0;color:#b7b9bd;font-size:12px;line-height:1.65}
.ai-showcase-note .btn{white-space:nowrap}
.ai-process-section{padding-top:88px !important;padding-bottom:90px !important}
.ai-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ai-process-card{min-height:245px;padding:25px 22px;border-radius:17px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,#37393e,#25262b);box-shadow:0 17px 40px rgba(0,0,0,.17);transition:.3s ease}
.ai-process-card:hover{transform:translateY(-5px);border-color:rgba(231,180,95,.42);background:linear-gradient(145deg,#3f4146,#292a2f)}
.ai-process-card>span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:rgba(231,180,95,.12);border:1px solid rgba(231,180,95,.28);color:#e7b45f;font-size:10px;font-weight:900}
.ai-process-card h3{color:#f5f2eb;margin:24px 0 10px;font-size:20px}
.ai-process-card p{color:#aeb0b5;font-size:12px;line-height:1.65;margin:0}
.service-connect{padding-top:96px !important;padding-bottom:96px !important;background:linear-gradient(180deg,#2d2e32,#292a2e) !important}
.service-connect-grid{gap:34px !important;align-items:stretch !important}
.connect-copy,.service-enquiry{border-radius:22px !important}
.connect-copy{padding:36px !important;background:linear-gradient(145deg,#37383d,#26272c);border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.connect-copy h2{font-size:clamp(38px,4.2vw,61px) !important;line-height:.99 !important;letter-spacing:-.055em !important;margin:14px 0 18px !important}
.connect-copy h2 span{color:#e7b45f}
.connect-copy>.lead{font-size:15px !important;line-height:1.75 !important;color:#bfc1c5 !important}
.connect-list{margin-top:27px !important;border-top:1px solid rgba(255,255,255,.09)}
.connect-list a{display:grid !important;grid-template-columns:78px 1fr 18px !important;gap:12px !important;align-items:center !important;padding:16px 0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important;color:#f4f1ea !important;text-decoration:none !important;transition:.25s ease !important}
.connect-list a:hover{padding-left:7px !important;color:#e7b45f !important}
.connect-list a b{color:#9ea1a7 !important;font-size:9px !important;letter-spacing:.14em !important;text-transform:uppercase !important}
.connect-list a span{font-size:13px !important;word-break:break-word}
.service-enquiry{padding:34px !important;background:linear-gradient(145deg,#3a3c41,#25262b) !important;border:1px solid rgba(231,180,95,.20) !important;box-shadow:0 24px 65px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.04) inset !important}
.service-enquiry .form-top{padding-bottom:22px !important;margin-bottom:22px !important;border-bottom:1px solid rgba(255,255,255,.09) !important}
.service-enquiry .form-top h3{font-size:30px !important;letter-spacing:-.035em !important;color:#f5f2eb !important;margin-top:7px !important}
.service-enquiry .form-top>span{color:#e7b45f !important;font-weight:900 !important}
.service-enquiry label{display:block !important;color:#bfc1c5 !important;font-size:10px !important;letter-spacing:.10em !important;text-transform:uppercase !important;font-weight:900 !important}
.service-enquiry input,.service-enquiry textarea,.service-enquiry select{width:100% !important;box-sizing:border-box !important;margin-top:8px !important;background:#24262b !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:10px !important;color:#f5f2eb !important;padding:13px 14px !important;outline:none !important;font:inherit !important;font-size:13px !important;letter-spacing:0 !important;text-transform:none !important;transition:border-color .2s,box-shadow .2s,background .2s !important}
.service-enquiry input:focus,.service-enquiry textarea:focus{border-color:rgba(231,180,95,.65) !important;box-shadow:0 0 0 3px rgba(231,180,95,.08) !important;background:#282a2f !important}
.service-enquiry textarea{resize:vertical !important;min-height:132px !important}
.service-enquiry .row{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important}
.service-enquiry label+label,.service-enquiry .row+label,.service-enquiry label+button{margin-top:16px !important}
.service-enquiry .form-submit{width:100% !important;justify-content:center !important;margin-top:20px !important;min-height:52px !important;font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important}
.service-enquiry .form-footnote{color:#8f9298 !important;font-size:10px !important;line-height:1.55 !important;margin-top:13px !important}
.service-enquiry .success{margin-bottom:17px !important;padding:12px 14px !important;border-radius:10px !important;background:rgba(114,194,133,.10) !important;border:1px solid rgba(114,194,133,.28) !important;color:#bce8c5 !important;font-size:12px !important;line-height:1.5 !important}
@media(max-width:950px){
.ai-detail-hero-bottom{grid-template-columns:1fr 1fr}
.ai-detail-hero-bottom>div:last-child{grid-column:1/-1}
.ai-intent-grid{grid-template-columns:1fr;gap:35px}
.ai-process-grid{grid-template-columns:repeat(2,1fr)}
.ai-showcase-note{grid-template-columns:1fr 1fr}
.ai-showcase-note .btn{justify-self:start}
}
@media(max-width:600px){
.ai-detail-hero{padding-bottom:18px !important}
.ai-detail-hero .service-detail-hero-grid{padding-bottom:34px}
.ai-detail-hero-bottom{grid-template-columns:1fr;gap:9px}
.ai-detail-hero-bottom>div:last-child{grid-column:auto}
.ai-detail-hero-bottom>div{min-height:0;padding:17px 18px}
.ai-detail-hero-bottom div:first-child b{font-size:30px}
.ai-intent-section,.ai-detail-showcase,.ai-process-section,.service-connect{padding-top:60px !important;padding-bottom:60px !important}
.ai-intent-grid h2{font-size:40px}
.ai-intent-copy .lead{font-size:14px}
.ai-video-grid-full{gap:14px !important}
.ai-category-strip{gap:6px}
.ai-category-strip span{font-size:8px;padding:7px 9px}
.ai-showcase-note{grid-template-columns:1fr;gap:15px;padding:19px}
.ai-showcase-note strong{font-size:18px}
.ai-showcase-note .btn{width:100%;justify-content:center}
.ai-process-grid{grid-template-columns:1fr;gap:10px}
.ai-process-card{min-height:0;padding:21px 19px}
.connect-copy{padding:23px !important}
.service-enquiry{padding:22px !important}
.service-enquiry .row{grid-template-columns:1fr !important;gap:0 !important}
.service-enquiry .row label+label{margin-top:16px !important}
.connect-list a{grid-template-columns:68px 1fr 14px !important}
}
/* ===== AI SERVICE PAGE — FINAL PREMIUM PASS ===== */
.ai-detail-hero{padding-top:36px !important;padding-bottom:54px !important;overflow:hidden}
.ai-detail-hero .service-detail-hero-grid{display:block !important;padding-bottom:36px !important}
.ai-detail-hero .service-detail-hero-grid>div:first-child{max-width:1080px;position:relative;z-index:2}
.ai-detail-hero .service-breadcrumb{margin-bottom:18px !important}
.ai-detail-hero .detail-number{display:inline-block;margin-bottom:18px !important}
.ai-detail-hero h1{font-size:clamp(48px,6.2vw,92px) !important;line-height:.94 !important;letter-spacing:-.065em !important;max-width:1050px !important;margin-bottom:24px !important}
.ai-detail-hero p{max-width:940px !important;font-size:18px !important;line-height:1.7 !important;color:#c7c8cb !important}
.ai-detail-hero .detail-actions{margin-top:28px !important}
.ai-detail-hero .service-visual{display:none !important}
.ai-detail-hero-bottom{position:relative;z-index:3;margin-top:0 !important;grid-template-columns:1fr 1fr 1fr !important}
.ai-detail-hero-bottom>div{min-height:118px !important;padding:22px 24px !important;background:linear-gradient(145deg,rgba(63,65,70,.96),rgba(35,37,42,.96)) !important;border-color:rgba(231,180,95,.16) !important}
.ai-detail-hero-bottom>div:first-child{border-color:rgba(231,180,95,.38) !important;background:linear-gradient(145deg,rgba(77,67,50,.60),rgba(36,37,41,.98)) !important}
.ai-detail-hero-bottom b{font-size:18px !important}
.ai-detail-hero-bottom div:first-child b{font-size:38px !important}
/* What's Included */
.ai-included-section{background:linear-gradient(180deg,#2d2e32 0%,#292a2e 100%) !important;padding-top:100px !important;padding-bottom:92px !important}
.ai-included-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin-bottom:40px}
.ai-included-heading small,.related-heading small{display:block;color:#e0ad5c;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:12px}
.ai-included-heading h2,.related-heading h2{font-size:clamp(42px,5.2vw,70px);line-height:.96;letter-spacing:-.06em;margin:0;color:#f5f2eb}
.ai-included-heading h2 span,.related-heading h2 span{color:#e7b45f}
.ai-included-heading>p{max-width:650px;margin:0 0 5px;color:#aeb0b5;font-size:15px;line-height:1.75}
.ai-included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ai-included-card{min-height:300px;padding:27px 28px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:linear-gradient(145deg,#393b40,#25262b);box-shadow:0 22px 55px rgba(0,0,0,.16);transition:.3s ease;position:relative;overflow:hidden}
.ai-included-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(231,180,95,.10),transparent 34%);pointer-events:none}
.ai-included-card:hover{transform:translateY(-5px);border-color:rgba(231,180,95,.35);box-shadow:0 28px 65px rgba(0,0,0,.24)}
.ai-included-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.ai-included-top span{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(231,180,95,.30);background:rgba(231,180,95,.08);color:#e7b45f;font-size:10px;font-weight:900}
.ai-included-top em{font-style:normal;color:#8f9298;font-size:9px;letter-spacing:.16em;font-weight:900}
.ai-included-card h3{font-size:25px;color:#f5f2eb;letter-spacing:-.035em;margin:0 0 10px}
.ai-included-card>p{color:#aeb0b5;font-size:12px;line-height:1.65;margin:0 0 20px;max-width:510px}
.ai-included-card ul{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.08)}
.ai-included-card li{position:relative;padding:10px 0 10px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:#d4d4d6;font-size:11px}
.ai-included-card li:before{content:"";position:absolute;left:0;top:15px;width:5px;height:5px;border-radius:50%;background:#e7b45f}
.ai-included-footer{margin-top:15px;padding:19px 22px;border:1px solid rgba(231,180,95,.20);border-radius:15px;background:#25262b;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ai-included-footer strong{font-size:16px;color:#f5f2eb}.ai-included-footer span{color:#9ea1a7;font-size:11px}
/* Explore More */
.ai-related-section{background:#25262b !important;padding-top:92px !important;padding-bottom:96px !important}
.related-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:end;margin-bottom:38px}
.related-heading>p{margin:0 0 3px;color:#aeb0b5;font-size:14px;line-height:1.75;max-width:650px}
.related-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:14px !important}
.related-card{min-height:300px !important;padding:25px 24px !important;border-radius:18px !important;background:linear-gradient(145deg,#35373c,#202126) !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:0 20px 50px rgba(0,0,0,.18) !important;display:flex !important;flex-direction:column !important;text-decoration:none !important;transition:.3s ease !important;position:relative;overflow:hidden}
.related-card:after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:rgba(231,180,95,.06);filter:blur(2px)}
.related-card:hover{transform:translateY(-6px) !important;border-color:rgba(231,180,95,.38) !important;background:linear-gradient(145deg,#3c3e43,#25262b) !important}
.related-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.related-card-top>span{color:#e7b45f;font-size:12px;font-weight:900}.related-card-top em{font-style:normal;color:#80838a;font-size:8px;font-weight:900;letter-spacing:.14em}
.related-card h3{font-size:22px !important;line-height:1.08 !important;letter-spacing:-.03em !important;color:#f5f2eb !important;margin:0 0 12px !important;max-width:300px}
.related-card p{color:#a8abb0 !important;font-size:11px !important;line-height:1.65 !important;margin:0 !important}
.related-card b{margin-top:auto;padding-top:28px;color:#e7b45f !important;font-size:10px !important;letter-spacing:.10em !important;text-transform:uppercase !important}.related-card b span{font-size:14px;margin-left:4px}
.related-bottom{margin-top:15px;padding:19px 22px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#1f2024;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.related-bottom span{color:#81848b;font-size:8px;font-weight:900;letter-spacing:.16em}.related-bottom strong{color:#e9e5dc;font-size:13px}.related-bottom a{color:#e7b45f;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:950px){
.ai-detail-hero h1{font-size:clamp(46px,8vw,72px) !important}.ai-included-heading,.related-heading{grid-template-columns:1fr;gap:20px}.ai-included-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr !important}.related-bottom{grid-template-columns:1fr;gap:8px}
}
@media(max-width:600px){
.ai-detail-hero{padding-top:25px !important;padding-bottom:34px !important}.ai-detail-hero h1{font-size:46px !important}.ai-detail-hero p{font-size:15px !important}.ai-detail-hero-bottom{grid-template-columns:1fr !important;gap:9px}.ai-detail-hero-bottom>div{min-height:0 !important}.ai-included-section,.ai-related-section{padding-top:64px !important;padding-bottom:64px !important}.ai-included-heading h2,.related-heading h2{font-size:40px}.ai-included-grid{grid-template-columns:1fr;gap:10px}.ai-included-card{min-height:0;padding:22px 20px}.ai-included-top{margin-bottom:25px}.ai-included-card h3{font-size:21px}.ai-included-footer{display:block}.ai-included-footer span{display:block;margin-top:7px}.related-grid{grid-template-columns:1fr !important}.related-card{min-height:250px !important}.related-bottom a{margin-top:6px}
}
/* ===== AI PAGE — WHY SECTIONS PREMIUM REWORK ===== */
.ai-intent-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#303136 0%,#292a2e 100%) !important;padding-top:112px !important;padding-bottom:112px !important;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.05)}
.ai-intent-section:before{content:"";position:absolute;inset:auto -10% -55% 45%;height:520px;background:radial-gradient(circle,rgba(231,180,95,.08),transparent 65%);pointer-events:none}
.ai-intent-grid{position:relative;z-index:1;grid-template-columns:.9fr 1.1fr !important;gap:90px !important;align-items:start !important}
.ai-intent-title{position:relative;padding-right:20px}
.ai-intent-title small{display:block;color:#e7b45f;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:20px}
.ai-intent-title h2{font-size:clamp(54px,6.4vw,91px) !important;line-height:.88 !important;letter-spacing:-.07em !important;margin:0 !important;color:#f5f2eb !important}
.ai-intent-title h2 span{color:#e7b45f}
.ai-intent-stamp{display:inline-flex;align-items:center;gap:12px;margin-top:44px;padding:11px 15px;border:1px solid rgba(231,180,95,.22);border-radius:999px;background:rgba(231,180,95,.055)}
.ai-intent-stamp b{font-size:20px;color:#e7b45f}.ai-intent-stamp span{font-size:8px;line-height:1.25;letter-spacing:.14em;font-weight:900;color:#8f9298}
.ai-intent-copy{padding-top:7px}
.ai-intent-copy>.lead{max-width:700px !important;font-size:17px !important;line-height:1.78 !important;color:#c7c8cb !important;margin:0 0 34px !important}
.ai-intent-points{border-top:1px solid rgba(255,255,255,.11)}
.ai-intent-points>div{display:grid !important;grid-template-columns:46px 1fr 24px !important;gap:18px !important;align-items:start !important;padding:23px 0 !important;border-bottom:1px solid rgba(255,255,255,.09) !important;transition:.25s ease !important}
.ai-intent-points>div:hover{padding-left:8px !important;background:linear-gradient(90deg,rgba(231,180,95,.045),transparent 65%)}
.ai-intent-points>div>b{font-size:10px !important;color:#e7b45f !important;letter-spacing:.08em !important;padding-top:3px}
.ai-intent-points>div span{display:block}.ai-intent-points strong{display:block;color:#f5f2eb;font-size:19px;letter-spacing:-.02em;margin-bottom:6px}.ai-intent-points small{display:block;color:#9fa2a8;font-size:12px;line-height:1.55;max-width:560px}
.ai-intent-points i{font-style:normal;color:#e7b45f;font-size:16px;text-align:right;opacity:.65;transition:.2s}.ai-intent-points>div:hover i{opacity:1;transform:translate(2px,-2px)}
.ai-intent-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px 20px;border:1px solid rgba(231,180,95,.18);border-radius:13px;background:#242529}.ai-intent-note span{font-size:8px;letter-spacing:.15em;font-weight:900;color:#85888e}.ai-intent-note strong{font-size:11px;color:#ddd9d1;text-align:right}
/* WHY THIS MATTERS — editorial outcome rows */
.detail-results{background:linear-gradient(180deg,#2b2c30 0%,#242529 100%) !important;padding:105px 0 96px !important;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.04)}
.detail-results:after{content:"";position:absolute;right:-180px;top:-150px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(231,180,95,.07),transparent 68%);pointer-events:none}
.results-intro{position:relative;z-index:1;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:42px !important}
.results-intro small{display:block;color:#e7b45f;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:15px}
.results-intro h2{font-size:clamp(48px,5.7vw,80px) !important;line-height:.92 !important;letter-spacing:-.065em !important;margin:0 !important;color:#f5f2eb !important;max-width:780px}
.results-intro h2 span{color:#e7b45f}
.results-intro>p{margin:0 0 4px;color:#aeb0b5;font-size:14px;line-height:1.8;max-width:530px}
.results-grid{position:relative;z-index:1;display:grid !important;grid-template-columns:1fr !important;gap:10px !important}
.result-card{display:grid !important;grid-template-columns:54px 1fr 30px !important;gap:22px !important;align-items:start !important;min-height:0 !important;padding:25px 26px !important;border:1px solid rgba(255,255,255,.085) !important;border-radius:15px !important;background:linear-gradient(110deg,#35363b,#292a2f) !important;box-shadow:none !important;transition:.28s ease !important;position:relative;overflow:hidden}
.result-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#e7b45f,transparent);opacity:.35;transition:.25s}
.result-card:hover{transform:translateX(5px) !important;border-color:rgba(231,180,95,.30) !important;background:linear-gradient(110deg,#3a3b40,#292a2f) !important}
.result-card:hover:before{opacity:1}
.result-card>b{color:#e7b45f !important;font-size:11px !important;padding-top:3px !important;letter-spacing:.1em}
.result-card div small{display:block;color:#81848b;font-size:8px;letter-spacing:.16em;font-weight:900;margin-bottom:7px}.result-card h3{color:#f5f2eb !important;font-size:23px !important;letter-spacing:-.03em !important;margin:0 0 7px !important}.result-card p{color:#a8abb0 !important;font-size:11px !important;line-height:1.65 !important;margin:0 !important;max-width:760px}
.result-arrow{color:#e7b45f;font-size:17px;opacity:.6;text-align:right;padding-top:2px;transition:.2s}.result-card:hover .result-arrow{opacity:1;transform:translate(2px,-2px)}
.results-bottom{position:relative;z-index:1;margin-top:14px;padding:19px 23px;border:1px solid rgba(231,180,95,.18);border-radius:14px;background:#202125;display:flex;align-items:center;gap:24px}.results-bottom span{color:#7f8289;font-size:8px;letter-spacing:.15em;font-weight:900}.results-bottom strong{color:#e9e5dc;font-size:13px}
@media(max-width:950px){.ai-intent-grid{grid-template-columns:1fr !important;gap:45px !important}.ai-intent-title{padding-right:0}.results-intro{grid-template-columns:1fr;gap:22px}.results-intro>p{max-width:700px}}
@media(max-width:600px){.ai-intent-section{padding-top:70px !important;padding-bottom:70px !important}.ai-intent-title h2{font-size:47px !important}.ai-intent-copy>.lead{font-size:14px !important}.ai-intent-points>div{grid-template-columns:35px 1fr 18px !important;gap:12px !important;padding:19px 0 !important}.ai-intent-points strong{font-size:16px}.ai-intent-points small{font-size:11px}.ai-intent-note{display:block}.ai-intent-note strong{display:block;text-align:left;margin-top:8px}.detail-results{padding:72px 0 68px !important}.results-intro{margin-bottom:28px !important}.results-intro h2{font-size:43px !important}.result-card{grid-template-columns:38px 1fr 18px !important;gap:12px !important;padding:20px 18px !important}.result-card h3{font-size:19px !important}.result-card p{font-size:10.5px !important}.results-bottom{display:block;padding:17px 18px}.results-bottom strong{display:block;margin-top:8px}}
/* =========================================================
V30 — CONTACT / PROJECT ENQUIRY EDITORIAL REDESIGN
========================================================= */
.contact-page-v2{padding:92px 0 96px;background:radial-gradient(circle at 85% 8%,rgba(218,169,90,.075),transparent 30%),linear-gradient(180deg,#2d2e32 0%,#292a2e 100%)}
.contact-v2-head{max-width:none;margin-bottom:48px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}
.contact-v2-head-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:35px;align-items:end}
.contact-v2-head h1{max-width:900px;margin:18px 0 17px;font-size:clamp(54px,6.2vw,88px);letter-spacing:-.065em}
.contact-v2-head p{max-width:760px;font-size:16px;line-height:1.7;color:#aeb3bb}
.contact-v2-head-stamp{justify-self:end;display:flex;align-items:flex-start;gap:12px;padding:15px 0 0;border-top:1px solid rgba(231,180,95,.45);min-width:140px}
.contact-v2-head-stamp strong{font-size:31px;line-height:1;color:#dca95a}
.contact-v2-head-stamp span{font-size:8px;line-height:1.6;letter-spacing:.16em;color:#969ba3;font-weight:900}
.contact-v2-grid{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:22px}
.contact-v2-left,.contact-v2-form{border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.04) inset}
.contact-v2-left{padding:34px;background:linear-gradient(155deg,#36383d 0%,#292a2f 75%)}
.contact-v2-intro{padding-bottom:27px;border-bottom:1px solid rgba(255,255,255,.08)}
.contact-v2-intro small{display:inline-flex;align-items:center;gap:8px}
.contact-v2-intro small:before{content:'';width:18px;height:1px;background:#dca95a}
.contact-v2-intro h2{font-size:clamp(40px,4vw,60px);margin:13px 0 16px;max-width:520px}
.contact-v2-intro p{max-width:500px;color:#aeb3bb}
.contact-v2-info{gap:9px;margin-top:23px}
.contact-v2-info-card{min-height:72px;padding:12px 13px;border-radius:12px;background:linear-gradient(145deg,#3a3c41,#2b2c31);border-color:rgba(255,255,255,.075)}
.contact-v2-info-card:hover{transform:translateY(-3px) translateX(2px)}
.contact-v2-info-static{cursor:default}
.contact-v2-info-static:hover{transform:none;border-color:rgba(255,255,255,.075);background:linear-gradient(145deg,#3a3c41,#2b2c31)}
.contact-v2-icon{width:38px;height:38px;border-radius:10px}
.contact-v2-info-card b{font-size:12px;letter-spacing:.01em}
.contact-v2-info-card small{font-size:9px;color:#a8adb5}
.contact-v2-process{margin-top:25px;padding-top:22px}
.contact-v2-process-head{margin-bottom:4px}
.contact-v2-step{grid-template-columns:42px 1fr;gap:10px;padding:14px 0}
.contact-v2-step>b{font-size:9px;letter-spacing:.12em}
.contact-v2-step strong{font-size:12px}
.contact-v2-step small{font-size:9px;color:#9298a1}
.contact-v2-form{padding:34px;background:linear-gradient(150deg,#3b3d42,#292a2f)}
.contact-v2-form-head{padding-bottom:23px;margin-bottom:24px}
.contact-v2-form-kicker{display:flex;align-items:center;gap:12px}
.contact-v2-form-kicker>span{font-size:8px;letter-spacing:.13em;color:#858b94;font-weight:800}
.contact-v2-form-head h2{font-size:clamp(28px,3vw,38px);line-height:1.04;letter-spacing:-.04em;margin-top:9px}
.contact-v2-form-head h2 em{font-style:normal;color:#dca95a}
.contact-v2-form-index{display:flex;align-items:flex-start;gap:8px;text-align:right}
.contact-v2-form-index strong{font-size:28px;color:#dca95a;line-height:1}
.contact-v2-form-index span{font-size:7px;line-height:1.45;letter-spacing:.14em;color:#858b94;font-weight:900}
.contact-v2-form-grid{gap:16px 15px}
.contact-v2-form label>span{font-size:9px;color:#c9cbd0;letter-spacing:.09em;margin-bottom:7px}
.contact-v2-form input,.contact-v2-form select,.contact-v2-form textarea{background:#27282d;border-color:rgba(255,255,255,.10);border-radius:10px;padding:13px 14px}
.contact-v2-form input,.contact-v2-form select{height:50px}
.contact-v2-form textarea{min-height:138px}
.contact-v2-form input:hover,.contact-v2-form select:hover,.contact-v2-form textarea:hover{border-color:rgba(231,180,95,.28)}
.contact-v2-message{margin-top:16px!important}
.contact-v2-submit-row{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.contact-v2-form-note{display:flex;align-items:flex-start;gap:8px;max-width:360px}
.contact-v2-form-note>span{font-size:8px;color:#dca95a;margin-top:3px}
.contact-v2-form-note p{font-size:9px!important;line-height:1.5;color:#8f949c!important}
.contact-v2-submit{min-height:50px;padding:15px 25px;border-radius:10px}
.contact-v2-bottom{padding:68px 0;background:linear-gradient(180deg,#26272b,#232428)!important}
.contact-v2-bottom .container{align-items:flex-end}
.contact-v2-bottom h2{max-width:760px}
.contact-v2-bottom p{margin:13px 0 0;color:#8f949c;font-size:11px}
.contact-v2-bottom-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px}
@media(max-width:950px){
.contact-v2-head-row{grid-template-columns:1fr}
.contact-v2-head-stamp{justify-self:start}
.contact-v2-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
.contact-page-v2{padding:58px 0 50px}
.contact-v2-head{margin-bottom:30px;padding-bottom:24px}
.contact-v2-head h1{font-size:45px}
.contact-v2-head p{font-size:13px}
.contact-v2-head-stamp{display:none}
.contact-v2-left,.contact-v2-form{padding:20px;border-radius:16px}
.contact-v2-intro h2{font-size:34px}
.contact-v2-info{grid-template-columns:1fr 1fr}
.contact-v2-info-card{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}
.contact-v2-icon{width:34px;height:34px}
.contact-v2-info-card small{font-size:8px}
.contact-v2-form-head{gap:10px}
.contact-v2-form-index{display:none}
.contact-v2-submit-row{align-items:stretch}
.contact-v2-submit{width:100%}
.contact-v2-bottom .container{display:block}
}
/* =========================================================
SITE-WIDE WHATSAPP CTA
Inspired by the familiar floating WhatsApp contact pattern,
but styled to match Parsonix graphite + gold branding.
========================================================= */
.parsonix-whatsapp{
position:fixed;
right:24px;
bottom:24px;
z-index:9999;
display:inline-flex;
align-items:center;
gap:10px;
min-height:52px;
padding:7px 17px 7px 8px;
border-radius:999px;
background:#1fca5a;
color:#fff!important;
text-decoration:none!important;
box-shadow:0 14px 35px rgba(0,0,0,.32),0 0 0 5px rgba(31,202,90,.10);
font-size:13px;
font-weight:800;
letter-spacing:.01em;
transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.parsonix-whatsapp:hover{
transform:translateY(-3px) scale(1.02);
background:#20bd56;
box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 6px rgba(31,202,90,.13);
}
.parsonix-whatsapp:focus-visible{
outline:3px solid #e7b45f;
outline-offset:4px;
}
.parsonix-whatsapp-icon{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:#fff;
color:#1fca5a;
flex:0 0 38px;
}
.parsonix-whatsapp-icon svg{width:25px;height:25px;display:block}
.parsonix-whatsapp-text{white-space:nowrap}
@media(max-width:600px){
.parsonix-whatsapp{
right:16px;
bottom:16px;
min-height:50px;
padding:6px 14px 6px 7px;
gap:8px;
font-size:12px;
}
.parsonix-whatsapp-icon{width:37px;height:37px;flex-basis:37px}
.parsonix-whatsapp-icon svg{width:24px;height:24px}
}
/* Footer social/contact links — same compact text size, icons added only */
footer .foot > div:first-child .footer-social-link{
display:flex;
align-items:center;
gap:8px;
width:max-content;
max-width:100%;
margin:9px 0 0;
color:#9aa1ad;
font-size:11px;
line-height:1.35;
text-decoration:none;
transition:color .2s ease, transform .2s ease;
}
footer .foot > div:first-child .footer-social-link:hover{
color:#e7b45f;
transform:translateX(2px);
}
footer .foot > div:first-child .footer-social-icon{
width:17px;
height:17px;
flex:0 0 17px;
display:grid;
place-items:center;
color:#c5cad1;
}
footer .foot > div:first-child .footer-social-icon svg{
width:15px;
height:15px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
footer .foot > div:first-child .footer-social-link b{
margin-left:2px;
color:#e7b45f;
font-size:12px;
font-weight:800;
}
@media(max-width:600px){
footer .foot > div:first-child .footer-social-link{font-size:10px;gap:7px}
footer .foot > div:first-child .footer-social-icon{width:16px;height:16px;flex-basis:16px}
footer .foot > div:first-child .footer-social-icon svg{width:14px;height:14px}
}
/* =========================================================
V34 — OUR WORK / PREMIUM GRAPHITE PORTFOLIO SYSTEM
========================================================= */
.work-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(231,180,95,.10),transparent 26%),linear-gradient(135deg,#2d2e32,#303136 55%,#25262a)!important;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);padding:92px 0 86px}
.work-hero:after{content:"";position:absolute;right:-140px;bottom:-240px;width:560px;height:560px;border:1px solid rgba(231,180,95,.10);border-radius:50%;box-shadow:0 0 0 70px rgba(231,180,95,.018),0 0 0 140px rgba(231,180,95,.012);pointer-events:none}
.work-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.work-hero small,.work-section-head small,.work-results-head small,.work-method small{display:block;color:#e7b45f;font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.work-hero h1{font-size:clamp(54px,6.4vw,86px);line-height:.93;letter-spacing:-.065em;color:#f5f1e9;margin:18px 0 22px}
.work-hero h1 span,.work-section-head h2 span,.work-results-head h2 span,.work-method h2 span,.work-cta h2 span{background:linear-gradient(90deg,#f5ead6,#e0aa58,#b9792e);color:transparent;background-clip:text}
.work-hero p{max-width:700px;color:#c1c3c7;font-size:15px;line-height:1.8;margin:0}
.work-hero-actions{display:flex;gap:10px;margin-top:30px}.work-hero-actions .btn{min-height:48px;align-items:center}.work-proof{min-height:330px;padding:30px;background:linear-gradient(145deg,#393b40,#232529);border:1px solid rgba(231,180,95,.22);border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.04) inset;display:flex;flex-direction:column;justify-content:space-between}
.work-proof-top{display:flex;justify-content:space-between;gap:20px;color:#9da0a6;font-size:8px;font-weight:900;letter-spacing:.15em}.work-proof-top b{color:#e7b45f}.work-proof-number{font-size:105px;line-height:.8;font-weight:900;letter-spacing:-.08em;color:rgba(231,180,95,.16)}.work-proof h3{font-size:28px;line-height:1.08;color:#f5f2eb;margin:0}.work-proof h3 span{color:#e7b45f}.work-proof-line{display:flex;align-items:center;gap:10px;color:#8e9197;font-size:8px;font-weight:900;letter-spacing:.12em}.work-proof-line i{height:1px;flex:1;background:rgba(255,255,255,.12)}
.work-intro{padding:110px 0 100px;background:#2d2e32!important}.work-section-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:46px}.work-section-head h2,.work-results-head h2,.work-method h2{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.055em;color:#f5f2eb;margin:16px 0 0}.work-section-head p{color:#b7b9be;font-size:14px;line-height:1.8;margin:0;max-width:520px}
.work-list{border-top:1px solid rgba(255,255,255,.10)}.work-project{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.10);transition:.25s ease}.work-project:hover{padding-left:10px;border-bottom-color:rgba(231,180,95,.34)}.work-project-index{color:#e7b45f;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:16px}.work-project-main{display:grid;grid-template-columns:1fr 42%;gap:50px;align-items:stretch}.work-project-copy{padding:8px 0}.work-project-copy small{color:#92959c;font-size:8px;font-weight:900;letter-spacing:.14em}.work-project-copy h3{font-size:clamp(27px,3vw,42px);line-height:1.05;letter-spacing:-.04em;color:#f5f2eb;margin:16px 0 12px}.work-project-copy p{max-width:590px;color:#aeb0b5;font-size:12px;line-height:1.75;margin:0}.work-tag{display:inline-flex;margin-top:22px;padding:7px 10px;border:1px solid rgba(231,180,95,.22);border-radius:999px;color:#d8b06a;font-size:8px;font-weight:900;letter-spacing:.12em}
.work-art{min-height:235px;border-radius:15px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 60px rgba(0,0,0,.24);display:flex;flex-direction:column;justify-content:space-between;padding:20px}
.work-art.has-image{padding:0;background:#fff!important}
.work-art.has-image:before{display:none}
.work-art.has-image img{display:block;width:100%;height:100%;object-fit:fill;object-position:center;position:relative;z-index:1}
.work-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%,rgba(0,0,0,.24));pointer-events:none}.work-art span{position:relative;z-index:1;color:rgba(255,255,255,.45);font-size:10px;font-weight:900;letter-spacing:.14em}.work-art b{position:relative;z-index:1;color:#fff;font-size:11px;letter-spacing:.12em}.work-art i{position:absolute;right:20px;top:18px;z-index:1;font-style:normal;color:#f1c678;font-size:20px}.work-art.a{background:radial-gradient(circle at 70% 30%,#7c5a27,#25272b 52%,#17191d)}.work-art.b{background:radial-gradient(circle at 25% 30%,#70512a,#292a2e 48%,#17191d)}.work-art.c{background:radial-gradient(circle at 70% 65%,#65502d,#2b2c30 50%,#17191d)}.work-art.d{background:radial-gradient(circle at 35% 35%,#89622e,#2b2c30 50%,#17191d)}
.work-project-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px}.work-project-footer span{color:#777b83;font-size:8px;font-weight:900;letter-spacing:.16em}.work-project-footer a{color:#e7b45f;font-size:9px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.work-project-footer a b{font-size:13px;margin-left:5px}
.work-results{padding:100px 0;background:linear-gradient(180deg,#292a2e,#303136)!important;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}.work-results-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.work-results-head h2{margin-top:14px}.work-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(231,180,95,.20);border-bottom:1px solid rgba(255,255,255,.09)}.work-metrics>div{padding:30px;border-right:1px solid rgba(255,255,255,.09)}.work-metrics>div:last-child{border-right:0}.work-metrics strong{display:block;font-size:54px;line-height:1;letter-spacing:-.055em;background:linear-gradient(90deg,#f2d58f,#cf994e,#f5efe1);color:transparent;background-clip:text}.work-metrics span{display:block;margin-top:10px;color:#eeeae2;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.work-metrics p{color:#979aa0;font-size:11px;line-height:1.6;margin:12px 0 0}
.work-method{padding:110px 0;background:#2d2e32!important}.work-method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.work-method-list{border-top:1px solid rgba(255,255,255,.10)}.work-method-list>div{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.10)}.work-method-list b{color:#e7b45f;font-size:10px}.work-method-list h3{color:#f5f2eb;font-size:18px;margin:0 0 6px}.work-method-list p{color:#a7a9ae;font-size:11px;line-height:1.6;margin:0}.work-cta{padding:90px 0;background:linear-gradient(135deg,#2a2b2f,#363337)!important;border-top:1px solid rgba(231,180,95,.18)}.work-cta .container{display:flex;justify-content:space-between;align-items:end;gap:40px}.work-cta small{color:#e7b45f;font-size:9px;font-weight:900;letter-spacing:.16em}.work-cta h2{font-size:clamp(40px,4.8vw,64px);line-height:.98;letter-spacing:-.05em;color:#f5f2eb;margin:16px 0 0}
/* Services — make Influencer Marketing icon treatment identical to every other service icon. */
.servicepage .detail>i.violet,.servicepage .detail>i[class~="violet"]{background:linear-gradient(135deg,#e0ad59,#b87932)!important;color:#292a2e!important;border-color:transparent!important}
.servicepage .detail>i{width:55px;height:55px;border-radius:13px;display:grid;place-items:center;align-self:start;box-shadow:0 10px 24px rgba(0,0,0,.20),0 1px 0 rgba(255,255,255,.10) inset;font-size:18px!important;font-style:normal}
@media(max-width:950px){
.work-hero{padding:72px 0}.work-hero-grid,.work-section-head,.work-method-grid{grid-template-columns:1fr;gap:38px}.work-proof{min-height:270px}.work-section-head{margin-bottom:34px}.work-project-main{grid-template-columns:1fr;gap:24px}.work-art{min-height:200px}.work-results{padding:78px 0}.work-results-head{display:block}.work-metrics{grid-template-columns:1fr}.work-metrics>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.work-metrics>div:last-child{border-bottom:0}.work-cta .container{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
.work-hero h1{font-size:46px}.work-proof{padding:23px;border-radius:15px}.work-proof-number{font-size:80px}.work-section-head h2,.work-results-head h2,.work-method h2{font-size:42px}.work-project{padding:23px 0}.work-project:hover{padding-left:0}.work-project-copy h3{font-size:29px}.work-art{min-height:180px}.work-project-footer{align-items:flex-start;flex-direction:column;gap:9px}.work-method{padding:78px 0}.work-cta{padding:70px 0}
}
/* App Development — service 08 */
.service-icon.software,
.detail>i.software,
.servicepage .detail>i.software{
background:linear-gradient(135deg,#f7b51d 0%,#d99a22 55%,#b87b2f 100%) !important;
color:#11151b !important;
border-color:transparent !important;
}
.service-card#service-software{border-color:rgba(201,161,90,.28)}
.software-visual-panel{padding:0 !important;overflow:hidden;display:block !important;min-height:320px}
.software-visual-panel img{width:100%;height:100%;min-height:320px;display:block;object-fit:cover;object-position:center}
@media(max-width:700px){
.software-visual-panel,.software-visual-panel img{min-height:250px}
}
/* V38 — Keep Service 08 beside Service 07 on desktop */
@media (min-width:1051px){
.service-showcase .service-card:last-child{
grid-column:auto !important;
max-width:none !important;
width:100% !important;
justify-self:stretch !important;
}
}
/* ABOUT PAGE V40 — full leadership and industry detail */
.about-hero-v2{padding-bottom:92px}
.about-intro-v2 .lead{max-width:880px}
.about-section-heading{max-width:860px;margin-bottom:38px}
.about-section-heading p{max-width:760px;margin-top:14px}
.leaders-v2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.leader-card-v2{display:grid;grid-template-columns:76px 1fr;gap:24px;padding:34px;border:1px solid rgba(244,241,234,.13);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 22px 55px rgba(0,0,0,.16)}
.leader-initial{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#e7b45f,#c78928);color:#222429;font-weight:900;font-size:22px;letter-spacing:.04em}
.leader-copy>small{color:#e7b45f;letter-spacing:.14em;font-weight:800}
.leader-copy h3{font-size:30px;margin:8px 0 14px}
.leader-copy p{line-height:1.75;color:rgba(244,241,234,.78);margin:0 0 14px}
.expertise-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.expertise-grid-v2 article{position:relative;padding:30px 30px 32px;border:1px solid rgba(244,241,234,.11);border-radius:22px;background:#35373c;min-height:190px}
.expertise-number{display:inline-block;color:#e7b45f;font-weight:800;font-size:12px;letter-spacing:.12em;margin-bottom:24px}
.expertise-grid-v2 h3{font-size:25px;margin:0 0 10px}
.expertise-grid-v2 p{color:rgba(244,241,234,.74);line-height:1.7;margin:0;max-width:700px}
.about-pillars-v2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.about-pillars-v2 div{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid rgba(244,241,234,.1);border-radius:14px;background:rgba(255,255,255,.025)}
.about-pillars-v2 b{color:#e7b45f;font-size:12px;letter-spacing:.1em}
.about-pillars-v2 span{font-size:14px}
.about-cta-v2 .cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px;border:1px solid rgba(231,180,95,.25);border-radius:24px;background:linear-gradient(145deg,rgba(231,180,95,.08),rgba(255,255,255,.025))}
.about-cta-v2 h2{margin:10px 0 0;max-width:760px}
/* V40: floating WhatsApp should be icon-only */
.parsonix-whatsapp{width:58px;height:58px;padding:0;border-radius:50%;justify-content:center;gap:0;right:24px;bottom:24px;background:#25D366;color:#fff!important;box-shadow:0 14px 35px rgba(0,0,0,.30),0 0 0 5px rgba(37,211,102,.12)}
.parsonix-whatsapp:hover{background:#20bd5a;box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 0 6px rgba(37,211,102,.16)}
.parsonix-whatsapp-icon{width:58px;height:58px;flex-basis:58px;border-radius:50%;background:transparent;color:#fff}
.parsonix-whatsapp-icon svg{width:30px;height:30px}
.parsonix-whatsapp-text{display:none!important}
@media(max-width:900px){
.leaders-v2{grid-template-columns:1fr}
.expertise-grid-v2{grid-template-columns:1fr}
.about-cta-v2 .cta-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
.leader-card-v2{grid-template-columns:1fr;padding:24px}
.leader-initial{width:62px;height:62px;border-radius:16px}
.leader-copy h3{font-size:26px}
.about-pillars-v2{grid-template-columns:1fr}
.parsonix-whatsapp{width:52px;height:52px;right:16px;bottom:16px}
.parsonix-whatsapp-icon{width:52px;height:52px;flex-basis:52px;background:transparent;color:#fff}
.parsonix-whatsapp-icon svg{width:27px;height:27px}
}
/* V42 delivery-of-services footer styling */
footer .foot > div:last-child > span { display:block; margin-top:8px; }
footer .foot > div:last-child > span b { display:block; color:#f4f1ea; font-weight:700; margin-bottom:4px; }
footer .foot > div:last-child > span small { display:block; color:#8f9aab; font-size:.82rem; }
/* V43 — Match footer Delivery of Services typography to Contact page */
footer .foot > div:last-child > span b,
footer .foot > div:last-child > span small {
font-family: Inter, Arial, sans-serif !important;
}
footer .foot > div:last-child > span b {
font-size: 16px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
footer .foot > div:last-child > span small {
font-size: 11px !important;
line-height: 1.4 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
/* V44 — Match footer Delivery of Services size exactly to Contact info cards */
footer .foot > div:last-child > span b {
font-family: Inter, Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
footer .foot > div:last-child > span small {
font-family: Inter, Arial, sans-serif !important;
font-size: 11px !important;
line-height: 1.4 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
/* =========================================================
V43 — TRUSTED PARTNER LOGO WALL + 40+ PROOF
========================================================= */
.trusted-partners .partners-proof strong { font-size: 31px !important; }
.trusted-partners .trusted-brand { min-height: 190px !important; }
.trusted-partners .partner-logo-wrap { position:relative; height:52px; display:flex; align-items:center; justify-content:flex-start; margin:3px 0 4px; }
.trusted-partners .partner-logo { width:auto; max-width:88%; height:48px; object-fit:contain; object-position:left center; display:block; }
/* DISABLED: .trusted-partners .partner-logo-text { display:none !important; } */
.trusted-partners .partner-meta { margin-top:auto; }
.trusted-partners .partner-meta span { font-size:7px !important; }
@media (max-width:1050px){
.trusted-partners .trusted-brand { min-height:175px !important; }
}
@media (max-width:900px){
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n) { min-height:145px !important; height:auto !important; }
.trusted-partners .partner-logo-wrap { height:42px; }
.trusted-partners .partner-logo { height:38px; max-width:92%; }
}
@media (max-width:600px){
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n) { min-height:128px !important; height:128px !important; }
.trusted-partners .partner-logo-wrap { height:36px; }
.trusted-partners .partner-logo { height:32px; max-width:94%; }
}
/* Keep all 7 cards in a clean 4 + 3 desktop arrangement. */
@media (min-width:1051px){
.trusted-partners .trusted-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
.trusted-partners .trusted-brand:nth-child(7) { grid-column:auto !important; max-width:none !important; justify-self:stretch !important; }
}
/* V43 partner logo presentation */
.trusted-partners .partner-logo-wrap{height:72px!important;margin:8px 0 10px!important;display:flex!important;align-items:center!important;}
.trusted-partners .partner-logo{height:62px!important;max-width:90%!important;width:auto!important;object-fit:contain!important;object-position:left center!important;}
.trusted-partners .trusted-brand:first-child .partner-logo{background:#fff;border-radius:8px;padding:5px 10px;height:54px!important;}
@media(max-width:700px){.trusted-partners .partner-logo-wrap{height:54px!important}.trusted-partners .partner-logo{height:46px!important}.trusted-partners .trusted-brand:first-child .partner-logo{height:42px!important}}
/* V43 — Partner logos + names side-by-side */
.trusted-partners .trusted-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.trusted-partners .trusted-brand:nth-child(7){grid-column:auto!important;max-width:none!important;justify-self:stretch!important}
.trusted-partners .partner-identity{position:relative;display:flex;align-items:center;gap:16px;min-height:76px}
.trusted-partners .partner-logo-wrap{width:62px!important;height:62px!important;min-width:62px!important;display:grid!important;place-items:center!important;background:rgba(244,241,234,.96)!important;border:1px solid rgba(231,180,95,.25)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
.trusted-partners .partner-logo{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;display:block!important}
.trusted-partners .partner-logo-text{font-size:clamp(14px,1.35vw,19px)!important;line-height:1.12!important;min-height:0!important;max-width:calc(100% - 78px)!important;display:block!important;color:#f3f0e9!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase!important}
.trusted-partners .partner-meta{margin-top:14px!important}
@media(max-width:1050px){
.trusted-partners .trusted-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.trusted-partners .partner-logo-text{font-size:16px!important}
}
@media(max-width:600px){
.trusted-partners .trusted-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
.trusted-partners .trusted-brand{min-height:132px!important;height:132px!important;padding:13px!important}
.trusted-partners .partner-identity{gap:10px;min-height:58px}
.trusted-partners .partner-logo-wrap{width:48px!important;height:48px!important;min-width:48px!important;border-radius:9px!important}
.trusted-partners .partner-logo{width:37px!important;height:37px!important;max-width:37px!important;max-height:37px!important}
.trusted-partners .partner-logo-text{font-size:11px!important;line-height:1.12!important;max-width:calc(100% - 58px)!important}
.trusted-partners .partner-meta{margin-top:9px!important}
}
/* =========================================================
V44 — UNIFORM CARD SIZING + CONTENT CONTAINMENT
Keep repeated boxes equal in each section and prevent text
or logos from escaping their card boundaries.
========================================================= */
/* Trusted partners */
.trusted-partners .trusted-grid{
grid-auto-rows:190px !important;
align-items:stretch !important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n){
height:190px !important;
min-height:190px !important;
max-height:190px !important;
min-width:0 !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
}
.trusted-partners .partner-identity{
min-width:0 !important;
width:100% !important;
overflow:hidden !important;
}
.trusted-partners .partner-logo-wrap{
flex:0 0 62px !important;
}
.trusted-partners .partner-logo-text{
min-width:0 !important;
overflow-wrap:anywhere !important;
word-break:normal !important;
max-height:48px !important;
overflow:hidden !important;
}
.trusted-partners .partner-meta{
min-width:0 !important;
width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
}
.trusted-partners .partner-meta span{
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
/* Main service cards — every service gets the same outer size. */
.service-showcase{
align-items:stretch !important;
grid-auto-rows:470px !important;
}
.service-card,
.service-card:last-child{
height:470px !important;
min-height:470px !important;
max-height:470px !important;
min-width:0 !important;
overflow:hidden !important;
display:grid !important;
grid-template-rows:auto 1fr !important;
}
.service-card .service-content{
min-width:0 !important;
min-height:0 !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
}
.service-card h3,
.service-card p,
.service-card ul{
overflow-wrap:anywhere !important;
}
.service-card ul{
min-height:0 !important;
overflow:hidden !important;
}
.service-card .service-link{
margin-top:auto !important;
flex:none !important;
}
/* AI video cards — equal card height and contained copy. */
.ai-video-grid{align-items:stretch !important;}
.ai-video-card{
height:100% !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
}
.ai-video-copy{
min-height:190px !important;
flex:1 1 auto !important;
min-width:0 !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
}
.ai-video-copy h3,
.ai-video-copy p{
overflow-wrap:anywhere !important;
}
.ai-video-copy p{flex:1 1 auto !important;overflow:hidden !important;}
/* Framework and industry cards. */
.steps{align-items:stretch !important;}
.steps>div{
min-height:240px !important;
height:240px !important;
min-width:0 !important;
overflow:hidden !important;
}
.steps h3,.steps p{overflow-wrap:anywhere !important;}
.industries{align-items:stretch !important;}
.industries a{
min-height:250px !important;
height:250px !important;
min-width:0 !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
}
.industries h3,.industries p{overflow-wrap:anywhere !important;}
.industries a span{margin-top:auto !important;}
/* Detail-page repeated cards. */
.deliverables-grid,.results-grid,.related-grid{
align-items:stretch !important;
}
.deliverable-card,.result-card,.related-card{
min-width:0 !important;
overflow:hidden !important;
}
.deliverable-card h3,.deliverable-card p,
.result-card h3,.result-card p,
.related-card h3,.related-card p{
overflow-wrap:anywhere !important;
}
/* About / industry / work repeated cards: equal height per grid row and contained text. */
.leaders-v2,.expertise-grid-v2,.indgrid,.workgrid{align-items:stretch !important;}
.leader-card-v2,.expertise-grid-v2 article,.indgrid article,.workgrid article{
min-width:0 !important;
overflow:hidden !important;
}
.leader-copy,.expertise-grid-v2 article,.indgrid article,.workgrid article{overflow-wrap:anywhere !important;}
@media (max-width:1050px){
.service-showcase{grid-auto-rows:470px !important;}
.service-card,.service-card:last-child{height:470px !important;min-height:470px !important;max-height:470px !important;}
.trusted-partners .trusted-grid{grid-auto-rows:175px !important;}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n){height:175px !important;min-height:175px !important;max-height:175px !important;}
}
@media (max-width:600px){
.trusted-partners .trusted-grid{grid-auto-rows:132px !important;}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n){height:132px !important;min-height:132px !important;max-height:132px !important;padding:13px !important;}
.trusted-partners .partner-logo-wrap{flex-basis:48px !important;}
.trusted-partners .partner-logo-text{max-height:40px !important;}
.service-showcase{grid-auto-rows:430px !important;}
.service-card,.service-card:last-child{
height:430px !important;
min-height:430px !important;
max-height:430px !important;
padding:20px !important;
}
.service-card h3{font-size:21px !important;}
.service-card p{font-size:11px !important;line-height:1.5 !important;}
.service-card ul{font-size:10px !important;line-height:1.65 !important;}
.ai-video-copy{min-height:175px !important;}
.steps>div{height:230px !important;min-height:230px !important;}
.industries a{height:235px !important;min-height:235px !important;}
}
/* =========================================================
V45 — FINAL CONTENT CONTAINMENT + MOBILE VISIBILITY FIX
========================================================= */
/* Never let the partner identity get squeezed or clipped. */
.trusted-partners .trusted-brand{box-sizing:border-box!important}
.trusted-partners .partner-identity{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;flex:1 1 auto!important;min-height:0!important}
.trusted-partners .partner-logo-wrap{width:62px!important;height:62px!important;min-width:62px!important;flex:none!important}
.trusted-partners .partner-logo-text{display:block!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important;font-size:clamp(14px,1.35vw,19px)!important;line-height:1.12!important}
.trusted-partners .partner-meta{flex:none!important;min-height:28px!important;margin-top:8px!important;align-items:center!important}
.trusted-partners .partner-meta span{min-width:0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.trusted-partners .partner-meta b{flex:0 0 28px!important}
/* Services: equal boxes, but the content itself remains accessible inside the box. */
.service-card{box-sizing:border-box!important}
.service-card .service-content{min-height:0!important;overflow:auto!important;scrollbar-width:thin!important;padding-right:3px!important}
.service-card .service-content::-webkit-scrollbar{width:4px}
.service-card .service-content::-webkit-scrollbar-thumb{background:rgba(210,168,95,.35);border-radius:10px}
.service-card h3,.service-card p,.service-card ul,.service-card .service-link{flex:none!important}
.service-card .service-link{margin-top:auto!important;padding-top:8px!important}
/* Other repeated cards: keep text inside rather than hiding it. */
.ai-video-copy,.deliverable-card,.result-card,.related-card,.leader-card-v2,.expertise-grid-v2 article,.indgrid article,.workgrid article{box-sizing:border-box!important}
.ai-video-copy p{overflow:visible!important}
.deliverable-card,.result-card,.related-card,.leader-card-v2,.expertise-grid-v2 article,.indgrid article,.workgrid article{overflow:auto!important;scrollbar-width:thin!important}
/* Contact form must fit small screens cleanly. */
.contact-v2-form,.contact-v2-left{min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
.contact-v2-form-grid{min-width:0!important}
.contact-v2-form label,.contact-v2-form input,.contact-v2-form select,.contact-v2-form textarea{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
@media(max-width:600px){
/* One partner per row on phones: every logo, name, category and arrow stays visible. */
.trusted-partners .trusted-grid{grid-template-columns:1fr!important;grid-auto-rows:150px!important;gap:10px!important}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n){height:150px!important;min-height:150px!important;max-height:150px!important;padding:14px!important}
.trusted-partners .partner-identity{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important}
.trusted-partners .partner-logo-wrap{width:52px!important;height:52px!important;min-width:52px!important}
.trusted-partners .partner-logo{width:39px!important;height:39px!important;max-width:39px!important;max-height:39px!important}
.trusted-partners .partner-logo-text{font-size:15px!important;line-height:1.12!important;max-height:52px!important;overflow:hidden!important}
.trusted-partners .partner-meta{min-height:26px!important;margin-top:7px!important}
.trusted-partners .partner-meta b{width:26px!important;height:26px!important;flex-basis:26px!important}
/* Service cards remain equal-sized, while their body can scroll instead of losing content. */
.service-showcase{grid-auto-rows:440px!important}
.service-card,.service-card:last-child{height:440px!important;min-height:440px!important;max-height:440px!important;padding:19px!important}
.service-card .service-content{overflow:auto!important}
.service-card h3{font-size:20px!important;line-height:1.12!important}
.service-card p{font-size:11px!important;line-height:1.55!important}
.service-card ul{font-size:10.5px!important;line-height:1.65!important;padding-left:16px!important}
/* Contact page: stack fields and keep the submit area inside the card. */
.contact-v2-grid{width:100%!important;grid-template-columns:1fr!important;gap:16px!important}
.contact-v2-left,.contact-v2-form{width:100%!important;max-width:100%!important;padding:18px!important}
.contact-v2-form-grid{grid-template-columns:1fr!important;gap:13px!important}
.contact-v2-form input,.contact-v2-form select{height:48px!important}
.contact-v2-form textarea{min-height:130px!important}
.contact-v2-submit-row{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important}
.contact-v2-form-note{max-width:none!important}
.contact-v2-submit{width:100%!important}
}
/* =========================================================
V46 — MOBILE PARTNER CARDS: TRUE CONTAINMENT
Keep logo, brand name, category and arrow in separate rows so
nothing overlaps or gets clipped on small phone screens.
========================================================= */
.trusted-partners .trusted-brand{
box-sizing:border-box!important;
overflow:hidden!important;
}
@media (max-width:600px){
.trusted-partners .trusted-grid{
grid-template-columns:1fr!important;
grid-auto-rows:168px!important;
gap:12px!important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n){
height:168px!important;
min-height:168px!important;
max-height:168px!important;
padding:14px 15px!important;
display:grid!important;
grid-template-rows:18px minmax(0,1fr) 30px!important;
gap:0!important;
overflow:hidden!important;
}
.trusted-partners .partner-number{
position:static!important;
align-self:start!important;
line-height:18px!important;
height:18px!important;
}
.trusted-partners .partner-identity{
position:static!important;
width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
display:grid!important;
grid-template-columns:52px minmax(0,1fr)!important;
align-items:center!important;
gap:12px!important;
overflow:hidden!important;
}
.trusted-partners .partner-logo-wrap{
width:52px!important;
height:52px!important;
min-width:52px!important;
min-height:52px!important;
max-width:52px!important;
max-height:52px!important;
margin:0!important;
padding:0!important;
place-items:center!important;
overflow:hidden!important;
}
.trusted-partners .partner-logo{
width:39px!important;
height:39px!important;
max-width:39px!important;
max-height:39px!important;
object-fit:contain!important;
}
.trusted-partners .partner-logo-text{
min-width:0!important;
width:100%!important;
max-width:100%!important;
max-height:none!important;
overflow:hidden!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
font-size:15px!important;
line-height:1.12!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
text-overflow:ellipsis!important;
}
.trusted-partners .partner-meta{
position:static!important;
width:100%!important;
min-width:0!important;
height:30px!important;
min-height:30px!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
overflow:hidden!important;
}
.trusted-partners .partner-meta span{
min-width:0!important;
max-width:calc(100% - 40px)!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
line-height:26px!important;
}
.trusted-partners .partner-meta b{
width:28px!important;
height:28px!important;
min-width:28px!important;
max-width:28px!important;
flex:0 0 28px!important;
display:grid!important;
place-items:center!important;
line-height:1!important;
}
/* Keep the final card identical to the others on phones. */
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto!important;
height:168px!important;
min-height:168px!important;
max-height:168px!important;
}
}
@media (max-width:390px){
.trusted-partners .trusted-grid{gap:10px!important;grid-auto-rows:164px!important}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n),
.trusted-partners .trusted-brand:nth-child(7){
height:164px!important;
min-height:164px!important;
max-height:164px!important;
padding:13px 14px!important;
}
.trusted-partners .partner-logo-text{font-size:14px!important}
}
/* =========================================================
V47 — OFFICIAL CLIENT LOGOS / COMPACT LOGO BLOCKS
Use the exact logo images supplied by the client. The logo
block is intentionally compact, matching the reference layout.
========================================================= */
.trusted-partners .partner-identity{
display:grid!important;
grid-template-columns:118px minmax(0,1fr)!important;
align-items:center!important;
gap:18px!important;
min-width:0!important;
overflow:hidden!important;
}
.trusted-partners .partner-logo-wrap{
width:118px!important;
height:88px!important;
min-width:118px!important;
max-width:118px!important;
min-height:88px!important;
max-height:88px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#f5f1e9!important;
border:1px solid rgba(231,180,95,.18)!important;
border-radius:13px!important;
padding:8px!important;
margin:0!important;
overflow:hidden!important;
box-shadow:none!important;
}
.trusted-partners .partner-logo{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
display:block!important;
border-radius:7px!important;
padding:0!important;
background:transparent!important;
}
.trusted-partners .partner-logo-text{
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
text-overflow:ellipsis!important;
font-size:clamp(15px,1.45vw,20px)!important;
line-height:1.12!important;
}
.trusted-partners .trusted-brand:first-child .partner-logo{height:100%!important;width:100%!important;padding:0!important;background:transparent!important}
@media (max-width:1050px){
.trusted-partners .partner-identity{grid-template-columns:100px minmax(0,1fr)!important;gap:14px!important}
.trusted-partners .partner-logo-wrap{width:100px!important;min-width:100px!important;max-width:100px!important;height:76px!important;min-height:76px!important;max-height:76px!important}
}
@media (max-width:600px){
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n),
.trusted-partners .trusted-brand:nth-child(7){
height:168px!important;min-height:168px!important;max-height:168px!important;padding:14px 15px!important;
}
.trusted-partners .partner-identity{
grid-template-columns:88px minmax(0,1fr)!important;
gap:14px!important;
align-items:center!important;
}
.trusted-partners .partner-logo-wrap{
width:88px!important;min-width:88px!important;max-width:88px!important;
height:66px!important;min-height:66px!important;max-height:66px!important;
padding:6px!important;border-radius:10px!important;
}
.trusted-partners .partner-logo-text{font-size:15px!important;line-height:1.12!important;-webkit-line-clamp:2!important}
}
@media (max-width:390px){
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n),
.trusted-partners .trusted-brand:nth-child(7){height:164px!important;min-height:164px!important;max-height:164px!important}
.trusted-partners .partner-identity{grid-template-columns:78px minmax(0,1fr)!important;gap:11px!important}
.trusted-partners .partner-logo-wrap{width:78px!important;min-width:78px!important;max-width:78px!important;height:60px!important;min-height:60px!important;max-height:60px!important;padding:5px!important}
.trusted-partners .partner-logo-text{font-size:14px!important}
}
/* =========================================================
BRANDS SECTION ONLY — real logos in white boxes + visible names
(does not touch AI video or other sections)
========================================================= */
.trusted-partners .partner-number { display: none !important; }
.trusted-partners .partner-identity {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-top: 6px !important;
min-height: 60px !important;
}
.trusted-partners .partner-logo-wrap {
flex: 0 0 86px !important;
width: 86px !important;
height: 60px !important;
min-width: 86px !important;
background: #ffffff !important;
border-radius: 11px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 7px !important;
box-shadow: 0 3px 10px rgba(0,0,0,0.22) !important;
overflow: hidden !important;
}
/* Prema Inn dark logo box */
.trusted-partners .trusted-brand:nth-child(5) .partner-logo-wrap {
background: #0d0d0d !important;
border: 1px solid rgba(255,255,255,0.1) !important;
}
.trusted-partners .partner-logo {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
}
.trusted-partners .partner-logo-text {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #f1eee7 !important;
font-size: clamp(12px, 1.25vw, 16px) !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
max-width: calc(100% - 100px) !important;
white-space: normal !important;
overflow: visible !important;
}
@media (max-width: 600px) {
.trusted-partners .partner-logo-wrap {
flex: 0 0 64px !important;
width: 64px !important;
height: 48px !important;
min-width: 64px !important;
padding: 5px !important;
}
.trusted-partners .partner-logo-text {
font-size: 11px !important;
max-width: calc(100% - 74px) !important;
}
}
/* =========================================================
FINAL TRUSTED PARTNERS RESPONSIVE FIX
All partner details stay inside each card on desktop + mobile.
========================================================= */
.trusted-partners .trusted-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:12px !important;
align-items:stretch !important;
}
.trusted-partners .trusted-brand{
box-sizing:border-box !important;
position:relative !important;
width:100% !important;
min-width:0 !important;
height:156px !important;
min-height:156px !important;
max-height:none !important;
padding:18px 20px 16px !important;
display:grid !important;
grid-template-rows:auto 1fr auto !important;
gap:8px !important;
overflow:hidden !important;
contain:layout paint !important;
}
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto !important;
max-width:none !important;
justify-self:stretch !important;
}
.trusted-partners .partner-number{
display:block !important;
position:relative !important;
margin:0 !important;
color:#7f8996 !important;
font-size:8px !important;
line-height:1 !important;
letter-spacing:.18em !important;
font-weight:900 !important;
}
.trusted-partners .partner-identity{
min-width:0 !important;
min-height:0 !important;
margin:0 !important;
display:grid !important;
grid-template-columns:80px minmax(0,1fr) !important;
align-items:center !important;
gap:14px !important;
}
.trusted-partners .partner-logo-wrap{
box-sizing:border-box !important;
width:80px !important;
min-width:80px !important;
height:62px !important;
min-height:62px !important;
max-height:62px !important;
padding:6px !important;
margin:0 !important;
border-radius:11px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
}
.trusted-partners .partner-logo{
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
object-position:center !important;
display:block !important;
}
.trusted-partners .partner-logo-text{
min-width:0 !important;
max-width:100% !important;
margin:0 !important;
color:#f1eee7 !important;
font-size:clamp(14px,1.35vw,20px) !important;
line-height:1.12 !important;
font-weight:800 !important;
letter-spacing:-.02em !important;
text-transform:uppercase !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
word-break:normal !important;
overflow:visible !important;
display:block !important;
}
.trusted-partners .partner-meta{
min-width:0 !important;
width:100% !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
}
.trusted-partners .partner-meta span{
min-width:0 !important;
max-width:calc(100% - 40px) !important;
color:#8995a4 !important;
font-size:7px !important;
line-height:1.25 !important;
letter-spacing:.14em !important;
font-weight:900 !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
}
.trusted-partners .partner-meta b{
flex:0 0 28px !important;
width:28px !important;
height:28px !important;
border-radius:50% !important;
display:grid !important;
place-items:center !important;
box-sizing:border-box !important;
color:#d9b56d !important;
border:1px solid rgba(210,168,95,.38) !important;
font-size:11px !important;
line-height:1 !important;
}
/* Tablet */
@media (max-width:1050px){
.trusted-partners .trusted-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.trusted-partners .trusted-brand{
height:160px !important;
min-height:160px !important;
}
}
/* Mobile: one full-width card at a time so every detail remains visible. */
@media (max-width:600px){
.trusted-partners .trusted-grid{
grid-template-columns:1fr !important;
gap:12px !important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(7){
grid-column:auto !important;
width:100% !important;
height:178px !important;
min-height:178px !important;
padding:16px 16px 14px !important;
border-radius:14px !important;
grid-template-rows:auto 1fr auto !important;
gap:8px !important;
}
.trusted-partners .partner-number{
font-size:8px !important;
line-height:1 !important;
}
.trusted-partners .partner-identity{
grid-template-columns:88px minmax(0,1fr) !important;
gap:14px !important;
align-items:center !important;
}
.trusted-partners .partner-logo-wrap{
width:88px !important;
min-width:88px !important;
height:68px !important;
min-height:68px !important;
max-height:68px !important;
padding:6px !important;
}
.trusted-partners .partner-logo-text{
font-size:17px !important;
line-height:1.15 !important;
max-height:3em !important;
overflow-wrap:break-word !important;
}
.trusted-partners .partner-meta{
align-self:end !important;
}
.trusted-partners .partner-meta span{
font-size:7px !important;
line-height:1.3 !important;
letter-spacing:.13em !important;
}
.trusted-partners .partner-meta b{
flex-basis:30px !important;
width:30px !important;
height:30px !important;
font-size:11px !important;
}
}
/* Small phones */
@media (max-width:390px){
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(7){
height:172px !important;
min-height:172px !important;
padding:15px 14px 13px !important;
}
.trusted-partners .partner-identity{
grid-template-columns:78px minmax(0,1fr) !important;
gap:12px !important;
}
.trusted-partners .partner-logo-wrap{
width:78px !important;
min-width:78px !important;
height:62px !important;
min-height:62px !important;
}
.trusted-partners .partner-logo-text{font-size:15px !important}
}
/* Live enquiry email status */
.live-email-status{display:none;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(231,180,95,.28);border-radius:12px;background:rgba(231,180,95,.06);font-size:13px;line-height:1.45;font-weight:700;color:#e7c887}
.live-email-status.is-success{border-color:rgba(55,210,125,.35);background:rgba(55,210,125,.06);color:#7ee3a8}
.live-email-status.is-error{border-color:rgba(255,90,90,.35);background:rgba(255,90,90,.06);color:#ff9b9b}
button:disabled{opacity:.7;cursor:wait}
/* SATTVA / NOURISH: keep the brand name on two intentional lines. */
.trusted-partners .trusted-brand:nth-child(6) .partner-logo-text{
white-space:normal !important;
word-break:normal !important;
overflow-wrap:normal !important;
max-width:180px !important;
line-height:1.05 !important;
}
/* V17 — Industry leadership visual enlarged to match the approved reference composition. */
.leadership-visual-section{overflow:hidden}
.leadership-visual-grid{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:54px;align-items:center}
.leadership-visual{min-width:0}
.leadership-visual>small{display:block;margin-bottom:18px;font-size:9px;letter-spacing:.16em;color:var(--gold);font-weight:900}
.leadership-image-frame{width:100%;aspect-ratio:1.56/1;border:1px solid rgba(210,168,95,.34);border-radius:16px;overflow:hidden;background:#080d13;box-shadow:0 24px 60px rgba(0,0,0,.28);position:relative}
.leadership-image-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.06);border-radius:inherit}
.leadership-image-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#080d13}
.leadership-copy{min-width:0;max-width:620px}
.leadership-copy h2{margin-top:0}
@media(max-width:1100px){
.leadership-visual-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:38px}
}
@media(max-width:950px){
.leadership-visual-grid{grid-template-columns:1fr;gap:34px}
.leadership-image-frame{max-width:900px;margin:0 auto}
.leadership-copy{max-width:none}
}
@media(max-width:600px){
.leadership-visual-grid{gap:28px}
.leadership-visual>small{font-size:7px;margin-bottom:11px}
.leadership-image-frame{aspect-ratio:1.32/1;border-radius:12px}
.leadership-copy h2{font-size:32px;line-height:1.04}
.leadership-copy .lead{font-size:16px;line-height:1.62}
.leadership-copy>p:not(.lead){font-size:13px;line-height:1.65}
}
@media(max-width:390px){
.leadership-image-frame{aspect-ratio:1.18/1}
.leadership-copy h2{font-size:29px}
}
/* V18 — Keep the leadership image block exactly aligned with the full right-side content height. */
@media(min-width:951px){
.leadership-visual-grid{align-items:stretch !important}
.leadership-visual{height:100%;display:flex;flex-direction:column;min-height:0}
.leadership-image-frame{flex:1 1 auto;height:auto;min-height:0;aspect-ratio:auto;margin:0 !important}
}
/* On smaller screens the image and text stack naturally. */
@media(max-width:950px){
.leadership-visual{height:auto;display:block}
.leadership-image-frame{height:auto;aspect-ratio:1.56/1}
}
@media(max-width:600px){
.leadership-image-frame{aspect-ratio:1.32/1}
}
@media(max-width:390px){
.leadership-image-frame{aspect-ratio:1.18/1}
}
/* V19 — Align the leadership image with the full right content block and lift the label above it. */
@media(min-width:951px){
.leadership-visual-grid{
align-items:stretch !important;
}
.leadership-visual{
position:relative;
height:100%;
min-height:0;
display:block;
}
.leadership-visual>small{
position:absolute;
left:0;
top:-38px;
margin:0 !important;
z-index:2;
}
.leadership-image-frame{
width:100%;
height:100%;
min-height:0;
aspect-ratio:auto !important;
margin:0 !important;
}
}
@media(max-width:950px){
.leadership-visual{position:relative;height:auto;display:block}
.leadership-visual>small{position:static;display:block;margin-bottom:11px !important}
.leadership-image-frame{height:auto;aspect-ratio:1.56/1;margin:0 auto !important}
}
@media(max-width:600px){
.leadership-visual>small{font-size:7px;margin-bottom:11px !important}
.leadership-image-frame{aspect-ratio:1.32/1}
}
@media(max-width:390px){
.leadership-image-frame{aspect-ratio:1.18/1}
}
/* V21 — remove decorative sequence/index numbers and rebalance spacing */
.partner-number,.work-proof-number,.work-project-index,.expertise-number,.detail-number,.detail>.no,.deliverable-no,.ai-intent-stamp>b,.ai-process-card>span,.ai-included-top>span,.result-card>b,.related-card-top>span,.contact-v2-head-stamp>strong,.contact-v2-form-index>strong{display:none!important}
/* Service / industry cards no longer reserve a column for numbers. */
.servicepage .detail{grid-template-columns:55px minmax(0,1fr)!important;gap:22px!important}
.indgrid article{padding-top:30px!important}
/* Framework cards start directly with their headings after removing step badges. */
.steps>div{padding-top:25px!important}
.steps h3{margin-top:0!important}
/* About expertise cards use the full card width now. */
.expertise-grid-v2 article{padding-top:30px!important}
/* Contact process and form header use the freed horizontal space. */
.contact-v2-step{grid-template-columns:1fr!important;gap:0!important}
.contact-v2-head-row{grid-template-columns:minmax(0,1fr) 120px!important}
.contact-v2-form-head{justify-content:flex-start!important}
/* AI detail sections: text occupies the space previously used by index badges. */
.ai-intent-points>div{grid-template-columns:minmax(0,1fr) 24px!important;gap:18px!important}
.ai-process-card h3{margin-top:0!important}
.ai-included-top{justify-content:flex-end!important}
.result-card{grid-template-columns:minmax(0,1fr) 30px!important;gap:22px!important}
.related-card-top{justify-content:flex-end!important}
/* Work method rows become a simple text + arrow-free content row. */
.work-method-list>div{grid-template-columns:1fr!important;gap:0!important}
.work-method-list h3{margin-top:0!important}
@media(max-width:600px){
.servicepage .detail{grid-template-columns:55px 1fr!important;gap:16px!important}
.ai-intent-points>div{grid-template-columns:1fr 18px!important;gap:12px!important}
.result-card{grid-template-columns:1fr 18px!important;gap:12px!important}
.contact-v2-head-row{grid-template-columns:1fr!important}
}
/* =========================================================
V22 — CONTENT-SIZED BOXES / RESPONSIVE SPACING
Remove artificial fixed heights from repeated content cards.
Each box now grows only as much as its content requires.
========================================================= */
/* Main service cards: no large empty reserved area. */
.service-showcase{
grid-auto-rows:auto !important;
align-items:stretch !important;
}
.service-card,
.service-card:last-child{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
align-self:stretch !important;
}
.service-card .service-content{
min-height:0 !important;
overflow:visible !important;
}
.service-card .service-link{
margin-top:22px !important;
}
/* Framework / process cards: content determines the row height. */
.steps{
grid-auto-rows:auto !important;
}
.steps>div{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
}
/* Industry cards: compact, equal within each grid row naturally. */
.industries{
grid-auto-rows:auto !important;
align-items:stretch !important;
}
.industries a{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
}
/* About / expertise / leadership cards. */
.expertise-grid-v2,
.leaders-v2,
.indgrid,
.workgrid{
grid-auto-rows:auto !important;
align-items:stretch !important;
}
.expertise-grid-v2 article,
.leader-card-v2,
.indgrid article,
.workgrid article{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
}
/* AI process/included/deliverable/result/related cards. */
.ai-process-grid,
.ai-included-grid,
.deliverables-grid,
.results-grid,
.related-grid{
grid-auto-rows:auto !important;
align-items:stretch !important;
}
.ai-process-card,
.ai-included-card,
.deliverable-card,
.result-card,
.related-card{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
}
.ai-process-card h3{margin-top:20px !important;}
.ai-included-top{margin-bottom:20px !important;}
.related-card-top{margin-bottom:22px !important;}
.related-card b{margin-top:22px !important;padding-top:0 !important;}
/* AI video cards: let the media + copy determine the card height. */
.ai-video-grid,
.ai-video-grid-full{
grid-auto-rows:auto !important;
align-items:stretch !important;
}
.ai-video-card,
.ai-video-copy{
height:auto !important;
min-height:0 !important;
max-height:none !important;
}
/* Trusted partner cards: remove old fixed row heights while preserving
logo containment and one-column mobile behavior. */
.trusted-partners .trusted-grid{
grid-auto-rows:auto !important;
align-items:stretch !important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n),
.trusted-partners .trusted-brand:nth-child(7){
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
}
/* Keep partner card internals compact after removing the sequence number. */
.trusted-partners .trusted-brand{
grid-template-rows:auto auto !important;
gap:10px !important;
padding:16px 18px !important;
}
.trusted-partners .partner-identity{
flex:none !important;
min-height:62px !important;
}
.trusted-partners .partner-meta{
min-height:24px !important;
margin-top:0 !important;
}
/* Contact info cards and other compact cards should remain content-sized. */
.contact-v2-info-card,
.about-pillars-v2>div,
.ai-showcase-note,
.ai-included-footer,
.related-bottom{
height:auto !important;
min-height:0 !important;
max-height:none !important;
}
/* Mobile: one-column grids, natural card height, comfortable spacing. */
@media(max-width:600px){
.service-showcase{grid-auto-rows:auto !important;gap:12px !important;}
.service-card,
.service-card:last-child{
height:auto !important;
min-height:0 !important;
max-height:none !important;
padding:18px !important;
}
.service-card .service-content{overflow:visible !important;}
.service-card .service-link{margin-top:18px !important;}
.steps{grid-template-columns:1fr !important;}
.steps>div{
height:auto !important;
min-height:0 !important;
padding:20px !important;
border-right:0 !important;
border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.steps>div:last-child{border-bottom:0 !important;}
.industries{grid-template-columns:1fr !important;gap:10px !important;}
.industries a{
height:auto !important;
min-height:0 !important;
padding:21px !important;
}
.industries h3{margin:0 0 7px !important;}
.expertise-grid-v2,
.indgrid,
.workgrid{grid-template-columns:1fr !important;gap:12px !important;}
.expertise-grid-v2 article,
.indgrid article,
.workgrid article{
height:auto !important;
min-height:0 !important;
padding:22px !important;
}
.ai-process-grid,
.ai-included-grid,
.related-grid{grid-template-columns:1fr !important;gap:10px !important;}
.ai-process-card,
.ai-included-card,
.deliverable-card,
.result-card,
.related-card{
height:auto !important;
min-height:0 !important;
padding:20px !important;
}
.ai-video-grid,
.ai-video-grid-full{grid-template-columns:1fr !important;gap:12px !important;}
.ai-video-card,.ai-video-copy{height:auto !important;min-height:0 !important;}
.trusted-partners .trusted-grid{
grid-template-columns:1fr !important;
grid-auto-rows:auto !important;
gap:10px !important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n),
.trusted-partners .trusted-brand:nth-child(7){
height:auto !important;
min-height:0 !important;
max-height:none !important;
padding:13px 14px !important;
}
.trusted-partners .partner-identity{min-height:52px !important;}
.trusted-partners .partner-meta{min-height:24px !important;}
}
/* V24 — Google Ads dashboard image inside the existing AI Creative work box. */
.work-art.d.has-image{padding:0;overflow:hidden;background:#fff!important;}
.work-art.d.has-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;position:relative;z-index:1;}
@media(max-width:950px){
.work-art.d.has-image{min-height:200px;}
}
@media(max-width:600px){
.work-art.d.has-image{min-height:180px;}
}
/* V25 — Keep the Google Ads visual inside the existing work box; do not resize the box. */
.work-project-main{align-items:stretch !important;}
.work-art.d.has-image{
width:100% !important;
height:100% !important;
min-height:235px !important;
box-sizing:border-box !important;
padding:0 !important;
overflow:hidden !important;
background:#fff !important;
display:block !important;
}
.work-art.d.has-image img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center !important;
}
/* V25 — Mobile trusted-brands section: clean, compact, full-width cards. */
@media (max-width:600px){
.trusted-partners .trusted-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
width:100% !important;
overflow:visible !important;
padding:0 !important;
margin:0 !important;
}
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n),
.trusted-partners .trusted-brand:nth-child(7){
width:100% !important;
height:118px !important;
min-height:118px !important;
max-height:none !important;
box-sizing:border-box !important;
padding:13px 14px !important;
display:grid !important;
grid-template-rows:1fr auto !important;
gap:8px !important;
}
.trusted-partners .partner-identity{
display:grid !important;
grid-template-columns:82px minmax(0,1fr) !important;
align-items:center !important;
gap:13px !important;
min-height:0 !important;
margin:0 !important;
}
.trusted-partners .partner-logo-wrap{
width:82px !important;
min-width:82px !important;
max-width:82px !important;
height:60px !important;
min-height:60px !important;
max-height:60px !important;
padding:5px !important;
border-radius:10px !important;
}
.trusted-partners .partner-logo-text{
min-width:0 !important;
max-width:100% !important;
font-size:15px !important;
line-height:1.12 !important;
white-space:normal !important;
overflow-wrap:normal !important;
word-break:normal !important;
}
.trusted-partners .partner-meta{
width:100% !important;
min-height:0 !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
}
.trusted-partners .partner-meta span{
font-size:6px !important;
line-height:1.2 !important;
letter-spacing:.1em !important;
max-width:calc(100% - 38px) !important;
}
.trusted-partners .partner-meta b{
width:25px !important;
height:25px !important;
flex:0 0 25px !important;
font-size:10px !important;
}
.trusted-partners .trusted-brand:nth-child(6) .partner-logo-text{
max-width:170px !important;
line-height:1.02 !important;
}
.partners-foot{
flex-wrap:wrap !important;
justify-content:flex-start !important;
text-align:left !important;
gap:6px !important;
margin-top:14px !important;
font-size:5.5px !important;
line-height:1.55 !important;
}
}
@media (max-width:390px){
.trusted-partners .trusted-brand,
.trusted-partners .trusted-brand:nth-child(n),
.trusted-partners .trusted-brand:nth-child(7){
height:112px !important;
min-height:112px !important;
padding:12px !important;
}
.trusted-partners .partner-identity{
grid-template-columns:74px minmax(0,1fr) !important;
gap:11px !important;
}
.trusted-partners .partner-logo-wrap{
width:74px !important;
min-width:74px !important;
height:56px !important;
min-height:56px !important;
}
.trusted-partners .partner-logo-text{font-size:14px !important;}
}
/* Keep the work image responsive on phones without changing the desktop box proportions. */
@media (max-width:950px){
.work-art.d.has-image{min-height:200px !important;}
}
@media (max-width:600px){
.work-art.d.has-image{min-height:180px !important;}
}
/* V26 — Keep the Google Ads work visual exactly the same size as the upper work visual. */
.work-project-main{align-items:start !important;}
.work-art.has-image{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:1232 / 448 !important;
box-sizing:border-box !important;
overflow:hidden !important;
}
.work-art.has-image img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center !important;
}
@media (max-width:950px){
.work-art.has-image{
aspect-ratio:1232 / 448 !important;
min-height:0 !important;
}
}
@media (max-width:600px){
.work-art.has-image{
aspect-ratio:16 / 7 !important;
min-height:0 !important;
}
}
/* V27 — Move the Google Ads dashboard visual to Organic Visibility. Keep the existing work box size. */
.work-art.c.has-image{
padding:0 !important;
overflow:hidden !important;
background:#fff !important;
}
.work-art.c.has-image img{
object-fit:cover !important;
object-position:center !important;
}
/* V28 — Show the complete Google Ads dashboard inside the existing Organic Visibility box.
Never crop the source image; keep the box dimensions unchanged. */
.work-art.c.has-image{
padding:0 !important;
overflow:hidden !important;
background:#fff !important;
}
.work-art.c.has-image img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
object-position:center center !important;
}
@media(max-width:600px){
.work-art.c.has-image img{
object-fit:contain !important;
object-position:center center !important;
}
}
/* V29 — Google Ads visual: remove only source white canvas margins and use the complete visual
inside the existing Organic Visibility box. The box dimensions remain unchanged. */
.work-art.c.has-image{
padding:0 !important;
overflow:hidden !important;
background:#fff !important;
}
.work-art.c.has-image img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:fill !important;
object-position:center !important;
}
/* V31 — AI Creative visual: keep the existing work-art box and show the complete source image. */
.work-art.d.has-image{width:100% !important;height:100% !important;min-height:235px !important;box-sizing:border-box !important;padding:0 !important;overflow:hidden !important;background:#090b0f !important;display:block !important;}
.work-art.d.has-image img{display:block !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:center center !important;}
@media(max-width:950px){.work-art.d.has-image{min-height:200px !important;}}
@media(max-width:600px){.work-art.d.has-image{min-height:180px !important;}}
/* V32 — Replace performance and organic visuals without changing their existing boxes. */
.work-art.a.has-image,
.work-art.c.has-image{
width:100% !important;
height:100% !important;
min-height:235px !important;
box-sizing:border-box !important;
padding:0 !important;
overflow:hidden !important;
background:#090b0f !important;
display:block !important;
}
.work-art.a.has-image img,
.work-art.c.has-image img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
object-position:center center !important;
}
@media(max-width:950px){
.work-art.a.has-image,
.work-art.c.has-image{min-height:200px !important;}
}
@media(max-width:600px){
.work-art.a.has-image,
.work-art.c.has-image{min-height:180px !important;}
}
/* V34 — Lead Generation visual: use the existing right-side work box, unchanged in size. */
.work-art.b.has-image{
padding:0 !important;
overflow:hidden !important;
background:#17191d !important;
}
.work-art.b.has-image img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:contain !important;
object-position:center !important;
background:#17191d !important;
}
/* V37 — Mobile navigation polish: compact menu panel, no oversized vertical gaps. */
@media (max-width: 600px){
header#site-header{height:64px !important;}
header#site-header .nav{height:64px !important;min-height:64px !important;}
header#site-header .brand-logo,
header#site-header .brand-logo img{width:140px !important;height:46px !important;}
header#site-header .menu{width:44px !important;height:44px !important;flex:0 0 44px !important;padding:0 !important;}
header#site-header .nav nav,
header#site-header .nav nav.open{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:flex-start !important;
gap:2px !important;
position:absolute !important;
top:64px !important;
left:0 !important;
right:0 !important;
width:auto !important;
max-height:calc(100vh - 76px) !important;
height:auto !important;
min-height:0 !important;
overflow-y:auto !important;
padding:8px !important;
margin:0 !important;
box-sizing:border-box !important;
border-radius:0 0 16px 16px !important;
background:rgba(45,46,50,.985) !important;
backdrop-filter:blur(18px) !important;
-webkit-backdrop-filter:blur(18px) !important;
z-index:1000 !important;
}
header#site-header .nav nav:not(.open){display:none !important;}
header#site-header .nav nav>a,
header#site-header .nav nav>a:not(.navcta),
header#site-header .nav nav>a.navcta{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
flex:0 0 auto !important;
width:100% !important;
min-height:44px !important;
height:44px !important;
box-sizing:border-box !important;
margin:0 !important;
padding:10px 14px !important;
border-radius:9px !important;
font-size:14px !important;
line-height:1.2 !important;
}
header#site-header .nav nav>a.navcta{
justify-content:center !important;
margin-top:4px !important;
min-height:46px !important;
height:46px !important;
}
header#site-header .nav nav>a:not(.navcta):after{display:none !important;}
}
@media (max-width:380px){
header#site-header .brand-logo,
header#site-header .brand-logo img{width:125px !important;height:42px !important;}
header#site-header .nav nav>a,
header#site-header .nav nav>a:not(.navcta){min-height:42px !important;height:42px !important;padding:9px 12px !important;font-size:13px !important;}
header#site-header .nav nav>a.navcta{height:44px !important;min-height:44px !important;}
}
/* V38 — Remove the Get Free Quote CTA from the mobile navigation only. */
@media (max-width:600px){
header#site-header .nav nav>a.navcta{display:none !important;}
}
/* V40 — High-intent lead pipelines: use the supplied campaign image inside the existing box. */
.work-art.b.has-image{
padding:0 !important;
overflow:hidden !important;
background:#11151b !important;
}
.work-art.b.has-image img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center !important;
}
@media(max-width:950px){
.work-art.b.has-image{min-height:200px !important;}
}
@media(max-width:600px){
.work-art.b.has-image{min-height:180px !important;}
}
/* V42 — High-intent lead visual: fill the existing work box exactly, matching the other work images. */
.work-art.b.has-image img{
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:fill !important;
object-position:center !important;
}