/* =====================================================================
   AZMIRUL IMRAN · personal brand components
   Loaded after rba.css. Same tokens, motion and spacing as the RBA layer.
   ===================================================================== */
:root{--g-glass:rgba(255,255,255,.08);--g-line:rgba(255,255,255,.14)}
:is(h1,:where([data-h="h1"])),:is(h2,:where([data-h="h2"])),:is(h3,:where([data-h="h3"])){letter-spacing:-.02em}
.rlogo img{height:42px}
@media (min-width:1024px){ .rlogo__full,.rlogo__one{height:52px!important} }
@media (max-width:374px){ .rlogo__one{height:36px!important} }

/* ---------- HERO: rotating word ---------- */
.hrot .hero__grid{padding-bottom:clamp(56px,8vh,96px)}
.hrot__eb{gap:10px}
.hrot__dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:ping 2s infinite}
@media (max-width:767px){ .hrot__eb{display:none} }
.hrot__h{font-size:clamp(32px,8.6vw,48px)}
.hrot__h .rot{margin-top:.06em;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
.hrot__h .rot .rot__in{display:inline-flex;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit;align-items:center;gap:.22em;}
.rot__in.out{transform:translateY(-70%);opacity:0}
.rot__in.pre{transform:translateY(70%);opacity:0;transition:none}
.hrot__h .rot .rot__w{display:inline;white-space:nowrap;padding-bottom:.06em}
.rot__i{width:.78em;height:.78em;padding:.12em;border-radius:.22em;background:rgba(182,228,58,.14);color:var(--gold);stroke-width:2.2;flex:none}
.hrot__proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font:600 14.5px var(--fb);color:#BCD6C4}
.hrot__proof span{display:inline-flex;align-items:center;gap:8px}
.hrot__proof span+span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.7;margin-right:4px}
.hrot__proof .rstars svg{width:16px;height:16px}
@media (max-width:599px){ .hrot__proof{font-size:13px;gap:6px 12px;margin-top:16px} .hrot__proof span:nth-child(n+3){display:none} }
@media (min-width:1024px){ .hrot__h{font-size:clamp(40px,min(4vw,7.2vh),74px)} }
@media (min-width:1024px){ .rsvc{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1024px) and (max-width:1279px){ .hrot .rrow{flex-wrap:nowrap} .hrot .rrow .rbtn--l{min-height:52px;padding:12px 18px;font-size:15.5px} }
.hrot__photo{aspect-ratio:4/5;max-height:min(620px,66vh);width:auto;margin:0 auto}
.smock{position:relative;width:100%;max-width:520px;margin:0 auto;padding:clamp(16px,2vw,24px);border-radius:24px;background:#fff;color:var(--text);box-shadow:0 40px 90px rgba(0,0,0,.38);display:flex;flex-direction:column;gap:12px}
.smock__bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;border:1.5px solid var(--line2);font:600 15px var(--fb);color:var(--text);box-shadow:0 6px 18px rgba(10,44,26,.06)}
.smock__bar .rico{width:19px;height:19px;color:var(--muted)}
.smock__q{white-space:nowrap;overflow:hidden;text-overflow:clip}
.smock__caret{width:2px;height:18px;background:var(--teal);animation:blink 1s steps(2) infinite;flex:none}
@keyframes blink{50%{opacity:0}}
.smock__tabs{display:flex;gap:8px;align-items:center;font:700 12.5px var(--fh);color:var(--muted)}
.smock__tabs span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--bg)}
.smock__tabs span.is-on{background:var(--teal);color:#fff}
.smock__tabs svg{width:14px;height:14px}
.smock__res{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line)}
.smock__res--win{border:2px solid var(--gold);background:linear-gradient(180deg,#F8FDEB,#fff);box-shadow:0 14px 34px rgba(182,228,58,.22);animation:winpop .9s var(--spring) both .9s}
@keyframes winpop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
.smock__logo{width:44px;height:44px;border-radius:12px;background:var(--line);flex:none;display:grid;place-items:center}
.smock__res--win .smock__logo{background:var(--teal);color:var(--gold)}
.smock__logo .rico{width:22px;height:22px}
.smock__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.smock__txt b{font:800 16px var(--fh);color:var(--teal)}
.smock__txt .rstars svg{width:14px;height:14px}
.smock__txt em{font:700 12.5px var(--fb);font-style:normal;color:var(--muted);margin-left:6px}
.smock__txt small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smock__acts{display:flex;gap:6px}
.smock__acts i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--teal-t);color:var(--teal)}
.smock__acts .rico{width:16px;height:16px}
.smock__sk{flex:1;display:flex;flex-direction:column;gap:7px}
.smock__sk i{height:9px;border-radius:9px;background:var(--line);width:72%}
.smock__sk i+i{width:46%}
.smock__graph{position:relative;padding:12px 14px 6px;border-radius:16px;background:var(--teal);overflow:hidden}
.smock__graph span{font:800 12px var(--fh);color:var(--gold);letter-spacing:.06em;text-transform:uppercase}
.smock__graph svg{display:block;width:100%;height:64px;margin-top:4px}
.smock__line{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:draw 2.2s var(--ease) forwards 1.2s}
.smock__area{fill:rgba(182,228,58,.18);opacity:0;animation:fadein 1s ease forwards 2.4s}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadein{to{opacity:1}}
.fcard{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:16px;background:rgba(255,255,255,.96);color:var(--text);box-shadow:0 18px 40px rgba(0,0,0,.28);animation:floaty 6s ease-in-out infinite}
.fcard i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--gold);color:var(--teal-x);flex:none}
.fcard i .rico{width:20px;height:20px}
.fcard--a i .rico{fill:currentColor;stroke:none}
.fcard b{display:block;font:900 18px/1.1 var(--fh);color:var(--teal)}
.fcard small{display:block;font-size:12px;color:var(--muted);white-space:nowrap}
.fcard--a{left:-26px;bottom:31%}
.fcard--b{right:-22px;top:34%;animation-delay:-3s}
.fcard--b i{background:var(--teal);color:var(--gold)}
@keyframes floaty{50%{transform:translateY(-10px)}}
@media (max-width:1023px){
  .hrot .hero__frame{min-height:0;flex:1 1 auto;align-items:center}
  .smock{max-width:440px;gap:9px;padding:14px}
  .smock .smock__res:not(.smock__res--win),.smock__tabs{display:none}
  .smock__graph svg{height:48px}
  .fcard{padding:7px 12px 7px 7px;border-radius:13px}
  .fcard i{width:32px;height:32px;border-radius:10px}
  .fcard b{font-size:15px}
  .fcard--a{left:-6px;bottom:-14px}
}
@media (max-width:1023px) and (max-height:760px){ .smock__graph{display:none} }
@media (max-width:1023px){ .fcard--b{top:-16px;right:-6px} }
@media (max-width:479px){ .hrot .rrow .rbtn{font-size:14.5px;padding:12px 10px;min-height:52px;white-space:normal;line-height:1.2} .hrot .rrow .rbtn svg{display:none} }
@media (max-width:1023px) and (max-height:640px){ .hrot__vis{display:none} }
@media (prefers-reduced-motion:reduce){ .fcard,.smock__caret{animation:none} .smock__line{stroke-dashoffset:0;animation:none} .smock__area{opacity:1;animation:none} }

/* ---------- CLIENT LOGOS ---------- */
.logos{padding:clamp(34px,4vw,56px) 0;background:#fff;}
.logos__l{text-align:center;font:700 clamp(13.5px,.2vw + 13px,15px) var(--fh);color:var(--muted);letter-spacing:.02em;margin-bottom:22px}
.logos__vp{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.logos__tr{display:flex;width:max-content;animation:marq var(--ld,40s) linear infinite}
.logos__vp:hover .logos__tr{animation-play-state:paused}
.logos__set{display:flex;gap:clamp(34px,4vw,64px);padding-right:clamp(34px,4vw,64px)}
.logos__i{place-items:center;height:clamp(56px,5vw,74px);flex:none}
.logos__i img{transition:filter .4s,opacity .4s,transform .4s var(--ease)}
.logos__t{font:800 18px var(--fh);color:var(--teal);opacity:.6}
.logos--mono .logos__i img{filter:grayscale(1) contrast(1.05);}
.logos--mono .logos__i:hover img{filter:none;opacity:1;transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){ .logos__tr{animation:none;flex-wrap:wrap;justify-content:center;width:auto} .logos__set+.logos__set{display:none} }

/* ---------- STATEMENT ---------- */
.stmt__g{display:grid;gap:16px;align-items:stretch;max-width:980px;margin:0 auto}
@media (min-width:768px){ .stmt__g{grid-template-columns:1fr auto 1fr;gap:22px;align-items:center} }
.stmt__c{padding:clamp(24px,3vw,34px);border-radius:var(--rl);text-align:center}
.stmt__c b{display:block;font:800 13px var(--fh);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.stmt__c ul{display:grid;gap:10px;justify-content:center}
.stmt__c li{display:flex;align-items:center;gap:10px;font:700 clamp(17px,.4vw + 15.5px,21px) var(--fh)}
.stmt__c li .rico{width:22px;height:22px;flex:none;padding:3px;border-radius:50%}
.stmt__c--no{background:var(--bg);border:1px dashed var(--line2);color:var(--muted)}
.stmt__c--no b{color:var(--muted)}
.stmt__c--no s{text-decoration-thickness:2px;text-decoration-color:rgba(224,36,36,.55)}
.stmt__c--no li .rico{background:#FDECEC;color:#B91C1C}
.stmt__c--yes{background:linear-gradient(150deg,var(--teal),var(--teal-d));color:#fff;box-shadow:var(--shl)}
.stmt__c--yes b{color:var(--gold)}
.stmt__c--yes li .rico{background:var(--gold);color:var(--teal-x);stroke-width:3}
.stmt__arr{display:grid;place-items:center;width:52px;height:52px;margin:0 auto;border-radius:50%;background:var(--gold);color:var(--teal-x);box-shadow:0 10px 24px rgba(182,228,58,.4)}
.stmt__arr svg{width:22px;height:22px;transform:rotate(90deg)}
@media (min-width:768px){ .stmt__arr svg{transform:none} }

/* ---------- WORLD MAP ---------- */
.world .rwrap{position:relative}
.world__map{position:relative;max-width:1100px;margin:0 auto;}
.world__map>svg:first-child{position:absolute;inset:0;width:100%;height:100%}
.world__arcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.world__arcs path{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;vector-effect:non-scaling-stroke}
.world__map.in .world__arcs path{animation:arc 1.6s var(--ease) forwards;animation-delay:var(--d,0s)}
@keyframes arc{to{stroke-dashoffset:0}}
.world__pin{position:absolute;z-index:2;width:0;height:0;outline:none}
.world__pin i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;transform:scale(0);transition:transform .5s var(--spring);transition-delay:var(--d,0s)}
.world__map.in .world__pin i{transform:scale(1)}
.world__pin i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(182,228,58,.55);animation:ripple 2.6s infinite;animation-delay:var(--d,0s)}
.world__pin b{position:absolute;left:50%;bottom:14px;transform:translate(-50%,6px);padding:5px 10px;border-radius:8px;background:#fff;color:var(--teal);font:800 12px var(--fh);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.world__pin:hover b,.world__pin:focus b{opacity:1;transform:translate(-50%,0)}
.world__pin--home i{left:-9px;top:-9px;width:18px;height:18px;}
.world__pin--home b{opacity:1;transform:translate(-50%,0);background:var(--gold);color:var(--teal-x);bottom:18px}
@media (max-width:599px){ .world__pin b{display:none} .world__pin--home b{display:block;font-size:10.5px;padding:4px 8px} .world__map{margin:0 calc(var(--gut) * -.5)} }
.world__list{flex-wrap:wrap;justify-content:center;margin-top:clamp(24px,3vw,40px)}
.world__list li{border-radius:999px;background:var(--g-glass);border:1px solid var(--g-line);font:700 14.5px var(--fh);color:#E8F2EB}
@media (prefers-reduced-motion:reduce){ .world__arcs path{stroke-dashoffset:0} .world__pin i{transform:scale(1)} }

/* ---------- CASE STUDIES ---------- */
.cgrid{gap:22px}
@media (min-width:700px){ .cgrid{grid-template-columns:1fr 1fr} }
@media (min-width:1100px){ .cgrid{grid-template-columns:repeat(3,1fr)} }
.ccard{display:flex;flex-direction:column;border-radius:var(--rl);overflow:hidden;background:#fff;border:1px solid var(--line);text-align:center;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
@media (hover:hover){ .ccard:hover{transform:translateY(-8px);box-shadow:var(--shl);border-color:var(--gold)} .ccard:hover .ccard__img img{transform:scale(1.07)} .ccard:hover .lnk svg{transform:translateX(5px)} }
.ccard__img{position:relative;aspect-ratio:16/10}
.ccard__img img{transition:transform .9s var(--ease)}
.ccard__img em{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:999px;background:var(--gold);color:var(--teal-x);font:800 11.5px var(--fh);font-style:normal;letter-spacing:.06em;text-transform:uppercase}
.ccard__b{padding:22px 22px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1}
.ccard__who,.ccard__time{display:inline-flex;align-items:center;gap:6px;font:600 13.5px var(--fb);color:var(--muted)}
.ccard__who .rico,.ccard__time .rico{width:16px;height:16px;color:var(--gold-d)}
.ccard__res{font:800 clamp(19px,.5vw + 16px,23px)/1.25 var(--fh);color:var(--teal)}
.ccard .lnk{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:800 14.5px var(--fh);color:var(--teal)}
.ccard .lnk svg{width:17px;height:17px;transition:transform .3s}
.ccard.is-hide{display:none}
.cfilt{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto clamp(26px,3vw,40px)}
.cfilt button{padding:10px 18px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;font:700 14.5px var(--fh);color:var(--teal);cursor:pointer;transition:all .25s}
.cfilt button:hover{border-color:var(--teal)}
.cfilt button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.cempty{max-width:720px;margin:0 auto;padding:clamp(30px,4vw,48px);border-radius:var(--rl);background:#fff;border:1.5px dashed var(--line2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.cempty i{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--teal-t);color:var(--teal)}
.cempty i .rico{width:30px;height:30px}
.cempty p{color:var(--muted);font-size:clamp(16px,.2vw + 15.5px,18px)}
.cases__bottom{text-align:center;margin-top:clamp(30px,3vw,44px);font:800 clamp(20px,.8vw + 16px,28px) var(--fh);color:var(--teal)}
.cases__bottom+.rrow{margin-top:16px}

.chead__led{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:8px 18px 8px 8px;border-radius:999px;background:var(--g-glass);border:1px solid var(--g-line);color:#D9EADF;font-size:15px}
.chead__led img,.chead__led i{width:40px;height:40px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--gold);color:var(--teal-x)}
.chead__led i .rico{width:20px;height:20px}
.chead__led b{color:#fff}
.glance{padding-top:0;margin-top:clamp(-70px,-5vw,-40px);background:transparent;z-index:2}
.glance__box{display:grid;max-width:1080px;margin:0 auto;border-radius:var(--rl);overflow:hidden;background:#fff;box-shadow:var(--shl);border:1px solid var(--line)}
@media (min-width:900px){ .glance__box:has(.glance__img){grid-template-columns:.9fr 1.1fr} }
.glance__img{min-height:220px}
.glance__img img{position:absolute;inset:0}
.glance__b{padding:clamp(22px,3vw,36px);text-align:center}
.glance__h{display:block;font:800 13px var(--fh);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin-bottom:16px}
.glance dl{display:grid;gap:10px;margin:0}
@media (min-width:600px){ .glance dl{grid-template-columns:1fr 1fr} }
.glance dl div{padding:14px 16px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.glance dl div.is-res{grid-column:1/-1;background:linear-gradient(150deg,var(--teal),var(--teal-d));border:0}
.glance dt{font:700 12.5px var(--fb);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.glance dd{margin:4px 0 0;font:800 17px var(--fh);color:var(--teal)}
.glance .is-res dt{color:#BCD6C4}
.glance .is-res dd{color:var(--gold);font-size:clamp(20px,1vw + 16px,28px)}

.cbody__in{max-width:820px;margin:0 auto}
.cbody__p+.cbody__p,.cbody__p+.cquote,.cquote+.clesson,.cbody__p+.clesson{margin-top:clamp(36px,4vw,56px)}
.cbody__h{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:clamp(24px,1vw + 18px,34px);margin-bottom:18px}
.cbody__h span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--gold);color:var(--teal-x);font:900 16px var(--fh)}
.cbody__p>p,.cbody__rt{font-size:clamp(16.5px,.2vw + 16px,18.5px);color:var(--text);line-height:1.75}
.cbody__p>p{text-align:center}
.cbody__rt p+p{margin-top:14px}
.cbody__rt ul,.cbody__rt ol{margin:14px 0 0 1.2em;list-style:revert;display:grid;gap:8px}
.cbody__pq{margin:20px auto 0;max-width:640px;padding:18px 24px;border-radius:16px;background:var(--gold-t);font:700 clamp(17px,.5vw + 15px,21px)/1.5 var(--fh);color:#3A5208;text-align:center}
.cbody__found{display:grid;gap:12px}
.cbody__found li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--bg);border:1px solid var(--line)}
.cbody__found b{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font:800 14px var(--fh)}
.cres{overflow-x:auto;border-radius:var(--rl);border:1px solid var(--line);background:#fff;box-shadow:var(--sh)}
.cres table{width:100%;border-collapse:collapse;min-width:520px}
.cres th{background:var(--teal);color:#fff;font:800 13px var(--fh);letter-spacing:.06em;text-transform:uppercase;padding:14px 16px;text-align:center}
.cres th:first-child,.cres td:first-child{text-align:left}
.cres td{padding:14px 16px;border-top:1px solid var(--line);text-align:center;font-weight:600}
.cres td b{color:#16A34A;font:800 16px var(--fh)}
.cshot{margin:22px 0 0}
.cshot .rph{border-radius:var(--rl);aspect-ratio:16/9;box-shadow:var(--sh)}
.cshot img{object-fit:contain;background:#fff}
.cshot figcaption{margin-top:10px;text-align:center;font-size:14px;color:var(--muted)}
.cquote{position:relative;margin:0;padding:clamp(28px,4vw,46px);border-radius:var(--rl);background:linear-gradient(150deg,var(--teal),var(--teal-d));color:#fff;text-align:center}
.cquote__i{width:40px;height:40px;margin:0 auto 14px;color:var(--gold)}
.cquote blockquote{margin:0;font:700 clamp(19px,.8vw + 16px,26px)/1.45 var(--fh)}
.cquote figcaption{margin-top:16px;color:var(--gold);font-weight:700}
.clesson{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(24px,3vw,36px);border-radius:var(--rl);background:var(--gold-t);border:1px solid #E2F4B8}
.clesson i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--gold);color:var(--teal-x)}
.clesson b{display:block;font:800 20px var(--fh);color:var(--teal)}
.clesson p{margin-top:6px;color:#2C3A10}

/* ---------- SERVICE DETAIL ---------- */
.sdet--tint{background:linear-gradient(180deg,var(--teal-t),#fff)}
.sdet__g{display:grid;gap:34px;align-items:center}
@media (min-width:1024px){ .sdet__g{grid-template-columns:1.05fr .95fr;gap:clamp(40px,5vw,84px)} .sdet--l .sdet__img{order:-1} .sdet__g--one{grid-template-columns:1fr;max-width:900px;margin:0 auto} }
.sdet__t{text-align:center;display:flex;flex-direction:column;align-items:center}
.sdet__tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--gold-t);color:#4A6E00;font:800 13px var(--fh);letter-spacing:.04em;margin-bottom:16px}
.sdet__tag .rico{width:17px;height:17px}
.sdet :is(h2,:where([data-h="h2"])){font-size:var(--h2);font-weight:800;max-width:640px}
.sdet__lead{margin-top:14px;color:var(--muted);font-size:clamp(16.5px,.3vw + 15.6px,19px);max-width:620px}
.sdet__get{margin-top:24px;width:100%;max-width:620px;padding:22px;border-radius:var(--rl);background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(10,44,26,.05)}
.sdet__get b{display:block;font:800 13px var(--fh);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin-bottom:12px}
.sdet__get ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sdet__get li{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:var(--teal-t);font:600 14.5px var(--fb);color:var(--teal)}
.sdet__get li .rico{width:16px;height:16px;color:var(--gold-d);stroke-width:3}
.sdet__best{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--muted);font-size:15px}
.sdet__best .rico{width:18px;height:18px;color:var(--gold-d)}
.sdet__best b{color:var(--teal)}
.sdet__cases{display:grid;gap:8px;margin-top:18px;width:100%;max-width:620px}
.sdet__cases a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:var(--teal);color:#fff;text-align:left;transition:transform .3s var(--ease)}
.sdet__cases a:hover{transform:translateY(-3px)}
.sdet__cases span{flex:1;font:700 15px var(--fh)}
.sdet__cases small{display:block;color:var(--gold);font:800 11px var(--fh);letter-spacing:.1em;text-transform:uppercase}
.sdet__cases .rico{width:20px;height:20px;color:var(--gold)}
.sdet__t .rrow{justify-content:center}
.sdet__img{position:relative;border-radius:var(--rl);aspect-ratio:5/4;box-shadow:var(--shl)}
.sdet__img .rph{position:absolute;inset:0;border-radius:inherit}
.sdet__img img{transition:transform 1.2s var(--ease)}
.sdet__img:hover img{transform:scale(1.05)}
.sdet__ico{position:absolute;right:-14px;bottom:-14px;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--gold);color:var(--teal-x);box-shadow:0 18px 34px rgba(182,228,58,.4)}
.sdet__ico .rico{width:32px;height:32px}
.sdet--l .sdet__ico{right:auto;left:-14px}
@media (max-width:599px){ .sdet__ico{width:56px;height:56px;right:-6px;bottom:-10px;border-radius:16px} .sdet--l .sdet__ico{left:-6px} }

/* ---------- JUMP GRID ---------- */
.jgrid{display:grid;gap:12px}
@media (min-width:640px){ .jgrid{grid-template-columns:1fr 1fr} }
@media (min-width:1100px){ .jgrid{grid-template-columns:repeat(3,1fr);gap:16px} }
.jc{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);text-align:left;transition:transform .35s var(--ease),box-shadow .35s,background-color .35s,border-color .35s}
.jc i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--teal-t);color:var(--teal);flex:none;transition:all .35s}
.jc i .rico{width:23px;height:23px}
.jc span{flex:1;min-width:0}
.jc b{display:block;font:800 16.5px var(--fh);color:var(--teal)}
.jc small{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.jc small em{font-style:normal;font-weight:700;color:var(--gold-d)}
.jc__go{width:20px;height:20px;color:var(--muted);transform:rotate(-90deg);transition:transform .3s}
@media (hover:hover){ .jc:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--gold)} .jc:hover i{background:var(--gold);color:var(--teal-x);transform:rotate(-6deg)} .jc:hover .jc__go{transform:rotate(-90deg) translateY(4px);color:var(--teal)} }

/* ---------- PLANS ---------- */
.plans{display:grid;gap:20px;align-items:stretch}
@media (min-width:900px){ .plans{grid-template-columns:repeat(var(--n,3),1fr)} }
.plan{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 26px 28px;border-radius:var(--rl);background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(10,44,26,.05);transition:transform .4s var(--ease),box-shadow .4s}
@media (hover:hover){ .plan:hover{transform:translateY(-8px);box-shadow:var(--shl)} }
.plan__i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--teal-t);color:var(--teal);margin-bottom:16px}
.plan__i .rico{width:28px;height:28px}
.plan :is(h3,:where([data-h="h3"])){font-size:22px}
.plan__w{margin-top:8px;color:var(--muted);font-size:15.5px}
.plan__p{margin-top:16px}
.plan__p b{display:block;font:900 clamp(24px,1vw + 18px,32px) var(--fh);color:var(--teal)}
.plan__p small{display:block;font-size:13.5px;color:var(--muted)}
.plan ul{display:grid;gap:9px;margin:20px 0 24px;text-align:left}
.plan li{display:flex;gap:9px;align-items:flex-start;font-size:15px}
.plan li .rico{width:18px;height:18px;color:var(--gold-d);stroke-width:3;margin-top:3px}
.plan .rbtn{margin-top:auto;width:100%}
.plan--hot{background:linear-gradient(160deg,var(--teal),var(--teal-x));color:#D9EADF;border-color:transparent;box-shadow:var(--shl)}
@media (min-width:900px){ .plan--hot{transform:scale(1.04)} }
.plan--hot :is(h3,:where([data-h="h3"])),.plan--hot .plan__p b{color:#fff}
.plan--hot .plan__w,.plan--hot .plan__p small{color:#BCD6C4}
.plan--hot .plan__i{background:var(--gold);color:var(--teal-x)}
.plan--hot li .rico{color:var(--gold)}
.plan__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:7px 14px;border-radius:999px;background:var(--gold);color:var(--teal-x);font:800 12px var(--fh);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.plans__note{text-align:center;margin-top:28px;font:700 17px var(--fh);color:var(--teal)}

/* ---------- TIMELINE ---------- */
.tl{position:relative;max-width:980px;margin:0 auto}
.tl__ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.tl__line{position:absolute;left:21px;top:8px;bottom:8px;width:4px;border-radius:4px;background:var(--line2);overflow:hidden}
.tl__line i{position:absolute;left:0;right:0;top:0;height:var(--tl,0%);background:linear-gradient(180deg,var(--gold),var(--teal));transition:height .2s linear}
.tl__i{position:relative;padding-left:62px}
.tl__dot{position:absolute;left:11px;top:22px;width:24px;height:24px;border-radius:50%;background:#fff;border:5px solid var(--gold);box-shadow:0 0 0 6px rgba(182,228,58,.15)}
.tl__c{padding:20px 22px;border-radius:var(--rl);background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(10,44,26,.05);text-align:center;transition:transform .35s var(--ease),box-shadow .35s}
@media (hover:hover){ .tl__c:hover{transform:translateY(-5px);box-shadow:var(--sh)} }
.tl__c em{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--teal);color:var(--gold);font:800 13px var(--fh);font-style:normal;letter-spacing:.04em}
.tl__c :is(h3,:where([data-h="h3"])){margin-top:10px;font-size:clamp(18px,.4vw + 16px,21px)}
.tl__c p{margin-top:6px;color:var(--muted);font-size:15.5px}
@media (min-width:900px){
  .tl__line{left:50%;transform:translateX(-50%)}
  .tl__i{padding-left:0;width:50%}
  .tl__i:nth-child(odd){padding-right:52px}
  .tl__i:nth-child(even){margin-left:50%;padding-left:52px}
  .tl__dot{left:auto;right:-12px}
  .tl__i:nth-child(even) .tl__dot{left:-12px;right:auto}
  .tl__ol{gap:0}
  .tl__i+.tl__i{margin-top:-28px}
}

/* ---------- FIND ME ---------- */
.socs{display:grid;gap:12px;max-width:1080px;margin:0 auto}
@media (min-width:600px){ .socs{grid-template-columns:1fr 1fr} }
@media (min-width:1024px){ .socs{grid-template-columns:repeat(3,1fr);gap:16px} }
.soc{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:var(--bg);border:1px solid var(--line);transition:all .35s var(--ease)}
.soc i{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--teal);color:#fff;flex:none;transition:all .35s}
.soc i svg{width:22px;height:22px}
.socs__t{font:900 19px var(--fh);letter-spacing:-.02em}
.soc span{flex:1;min-width:0}
.soc b{display:block;font:800 16.5px var(--fh);color:var(--teal)}
.soc small{display:block;font-size:13.5px;color:var(--muted)}
.soc__go{width:20px;height:20px;color:var(--muted);transition:transform .3s}
@media (hover:hover){ .soc:hover{background:#fff;transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--gold)} .soc:hover i{background:var(--gold);color:var(--teal-x)} .soc:hover .soc__go{transform:translateX(4px);color:var(--teal)} }

/* ---------- TOOLS ---------- */
.tools{display:grid;gap:18px}
@media (min-width:700px){ .tools{grid-template-columns:repeat(3,1fr)} }
.tool{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:30px 24px;border-radius:var(--rl);background:#fff;border:1px solid var(--line)}
.tool__i{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:var(--teal);color:var(--gold);overflow:hidden}
.tool__i img{width:100%;height:100%;object-fit:cover}
.tool p{color:var(--muted)}
.tool .rbtn{margin-top:auto}

/* ---------- REVIEWS: source badge, Google widget ---------- */
.rgsum__fi,.rsoc__t{display:grid;place-items:center;font:900 15px/1 var(--fh);letter-spacing:-.04em}
.rgsum__fi{width:34px;height:34px;border-radius:50%;background:#1DBF73;color:#fff}
.rgsum__r{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.rgsum__r small{font:600 12.5px var(--fb);color:var(--muted)}
a.rgsum{transition:transform .3s var(--ease),box-shadow .3s}
a.rgsum:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.rgw{margin-top:clamp(28px,3vw,44px)}
.rev .rrow{margin-top:clamp(24px,3vw,36px)}
.rev .rrow .rbtn svg{width:18px;height:18px}

/* ---------- STORY: photo right, button ---------- */
@media (min-width:1024px){ .story--r .story__img{order:2} }
.story__txt .rrow{justify-content:center}

/* ---------- FORMS, FOOTER ---------- */
.rform__under{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:13.5px;color:var(--muted);text-align:center}
.rform__under svg{width:16px;height:16px;color:var(--gold-d)}
.rform input[type=url]{width:100%}
.rfoot__cta{margin-top:26px;align-self:flex-start}
.rfoot__ab{line-height:1.7}
.rsoc__t{font-size:16px}

/* ---------- small polish ---------- */
.rnum b em{color:var(--gold-d)}
.goldband .rnum b em{color:var(--teal-x)}
.ft i .rico{width:26px;height:26px}
::selection{background:var(--gold);color:var(--teal-x)}

/* ---------- card rows: any count, last row centred ---------- */
.prices,.proms{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.prices>*,.proms>*{flex:1 1 100%;min-width:0}
@media (min-width:700px){ .prices>*,.proms>*{flex:0 1 calc(50% - 9px)} }
@media (min-width:1100px){
  .prices>*,.proms>*{flex:0 1 calc(33.333% - 12px)}
  .proms:has(>:nth-child(4):last-child)>*{flex-basis:calc(25% - 14px)}
  .prices:has(>:nth-child(5):last-child)>*{flex-basis:calc(20% - 15px)}
}
.proms:has(>:nth-child(2):last-child){max-width:900px;margin-left:auto;margin-right:auto}
.proms:has(>:nth-child(2):last-child)>*{flex-basis:calc(50% - 9px)}
.rmbar{grid-template-columns:1.3fr 1fr 1fr}
.rmbar__c svg{width:18px;height:18px}
.rmbar a svg{width:19px!important;height:19px!important;flex:none}
.cgrid{display:flex;flex-wrap:wrap;justify-content:center}
.cgrid>*{flex:1 1 100%;min-width:0}
@media (min-width:700px){ .cgrid>*{flex:0 1 calc(50% - 11px)} }
@media (min-width:1100px){ .cgrid>*{flex-basis:calc(33.333% - 15px)} }

/* =====================================================================
   v2 · premium pass: serif display type, header with 9 links,
   photo hero, real-world statement, client results, book, videos
   ===================================================================== */
@font-face{font-family:'Playfair Display';src:url('../../fonts/playfair-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../../fonts/playfair-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../../fonts/playfair-600i.woff2') format('woff2');font-weight:600;font-style:italic;font-display:swap}
:root{--fd:'Playfair Display',Georgia,'Times New Roman',serif;--cream:#FBF7EE}

/* Display headings: serif, gold italic accent, no underline bar */
.rsh::after{display:none}
.rsh{margin-bottom:clamp(34px,4vw,58px)}
.rsh :is(h2,:where([data-h="h2"])),.phero :is(h1,:where([data-h="h1"])),.hero__h,.rfinal :is(h2,:where([data-h="h2"])),.sdet :is(h2,:where([data-h="h2"])),.cbody__h,.book__h,.cases__bottom{font-family:var(--fd);font-weight:700;letter-spacing:-.01em}
.rsh :is(h2,:where([data-h="h2"])){font-size:clamp(30px,1.9vw + 18px,54px);line-height:1.1}
.rsh :is(h2,:where([data-h="h2"])) em{font-style:italic;font-weight:600;color:var(--gold-d)}
.rdark .rsh :is(h2,:where([data-h="h2"])) em,.rfinal :is(h2,:where([data-h="h2"])) em{color:var(--gold)}
.rsh p{max-width:760px}
.phero :is(h1,:where([data-h="h1"])) span{font-style:italic;font-weight:600;padding-right:.06em}
.rfinal :is(h2,:where([data-h="h2"])){font-size:clamp(32px,2.6vw + 16px,62px);line-height:1.08}
.sdet :is(h2,:where([data-h="h2"])){font-size:clamp(28px,1.5vw + 18px,46px)}

/* ---------- Header: 9 links on one line ---------- */
.rhdr__bar{gap:14px}
.rlogo img,.rlogo__one{height:40px!important}
@media (min-width:1024px) and (max-width:1279px){
  .rnav{display:none!important}
  .rhdr__burger{display:inline-flex!important}
  .rhdr__bar{display:flex!important;justify-content:space-between}
}
@media (min-width:1280px){ .rhdr__bar{grid-template-columns:auto 1fr auto!important;gap:18px} .rlogo__one,.rlogo__full{height:42px!important} .rhdr__call{padding:10px 16px;font-size:14px} }

/* ---------- HERO v2: two-line H1 + photo ---------- */
.hrot__h{font-family:var(--fd);font-weight:700;line-height:1.06;font-size:clamp(34px,8.4vw,50px)}
@media (min-width:1024px){ .hrot__h{font-size:clamp(46px,min(4.1vw,7.6vh),82px)} }
.hrot__l1{display:block;background:none!important;color:#fff!important;-webkit-text-fill-color:#fff}
.hrot__h .hrot__l2{display:flex!important;align-items:center;gap:.24em;flex-wrap:nowrap;white-space:nowrap;background:none!important;color:#fff!important;-webkit-text-fill-color:#fff;margin-top:.04em}
.hrot__on{display:inline!important;background:none!important;color:#fff!important;-webkit-text-fill-color:#fff;font-style:italic;}
.hrot__h .rot{display:inline-flex!important;height:1.2em;align-items:center;overflow:hidden;margin:0;min-width:0}
.hrot__h .rot .rot__w{font-style:italic;padding-right:.08em;-webkit-background-clip:text!important;background-clip:text!important;}
.hrot__h .rot__i{width:.62em;height:.62em;padding:.1em;border-radius:.2em}
.hrot .hero__grid{grid-template-columns:1.1fr .9fr}
@media (max-width:1023px){ .hrot .hero__grid{display:flex} }

.hrot__vis{position:relative;display:flex;justify-content:center;align-items:center;min-height:0}
.pframe{position:relative;width:min(100%,460px);margin:0 auto}
.pframe__ring{position:absolute;border:1.5px solid rgba(182,228,58,.55);border-radius:34px;pointer-events:none}
.pframe__ph{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.45);background:linear-gradient(160deg,#1B5E3A,#0A2C1A)}
.pframe__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.pframe__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,31,18,.85))}
.pframe__id{position:absolute;left:24px;bottom:22px;z-index:2;color:#fff}
.pframe__id b{display:block;font:700 22px/1.1 var(--fd)}
.pframe__id small{display:block;margin-top:4px;font:600 12.5px var(--fb);color:var(--gold);letter-spacing:.02em}
.pcard{position:absolute;z-index:3;right:-34px;top:18%;width:250px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 22px 50px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:8px;animation:floaty 7s ease-in-out infinite}
.pcard__bar{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid var(--line2);font:600 12.5px var(--fb);color:var(--text);white-space:nowrap;overflow:hidden}
.pcard__bar .rico{width:14px;height:14px;color:var(--muted)}
.pcard__bar .smock__caret{height:13px}
.pcard__res{display:flex;align-items:center;gap:9px;padding:8px;border-radius:12px;border:1.5px solid var(--gold);background:#F8FDEB}
.pcard__pin{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--teal);color:var(--gold);flex:none}
.pcard__pin .rico{width:17px;height:17px}
.pcard__res>span:nth-child(2){flex:1;min-width:0}
.pcard__res b{display:block;font:800 13.5px var(--fh);color:var(--teal)}
.pcard__res .rstars svg{width:11px;height:11px}
.pcard__res em{font:800 10.5px var(--fh);font-style:normal;color:var(--teal);background:var(--teal-t);padding:4px 7px;border-radius:999px;white-space:nowrap}
.hrot .fcard--a{left:-40px;bottom:22%;top:auto;right:auto}
.hrot .fcard--b{right:-26px;bottom:-14px;top:auto;left:auto}
@media (max-width:1023px){
  .hrot .hero__frame{display:none}
  .pframe{width:min(78%,330px)}
  .pcard{right:-22px;top:10%;width:200px;padding:8px}
  .pcard__res em{display:none}
  .hrot .fcard--a{left:-20px;bottom:18%}
  .hrot .fcard--b{display:none}
  .pframe__id{left:16px;bottom:14px} .pframe__id b{font-size:18px}
}
@media (max-width:1023px) and (max-height:820px){ .pframe{width:min(62%,260px)} }
@media (max-width:1023px) and (max-height:700px){ .hrot__vis{display:none} }
@media (max-width:420px){ .pcard{display:none} }

/* ---------- STATEMENT v2: real photo + new-customer cards ---------- */
.stm2{background:var(--teal-t)}
.stm2__g{display:grid;gap:44px;align-items:center}
@media (min-width:1024px){ .stm2__g{grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,96px)} .stm2--r .stm2__vis{order:2} }
.stm2__vis{position:relative;padding:0 18px 18px 0}
.stm2__ph{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;box-shadow:var(--shl)}
@media (min-width:1024px){ .stm2__ph{aspect-ratio:5/6} }
.stm2__ph img{position:absolute;inset:0}
.stm2__vis::before{content:"";position:absolute;right:0;bottom:0;border-radius:28px;background:var(--gold);z-index:-1}
.stm2__vis{isolation:isolate}
.ncard{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:11px 16px 11px 11px;border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(10,44,26,.22);opacity:0;transform:translateY(14px) scale(.96)}
.stm2__vis.in .ncard{animation:npop .7s var(--spring) forwards;animation-delay:var(--d)}
@keyframes npop{to{opacity:1;transform:none}}
.ncard i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:#DCFCE7;color:#16A34A}
.ncard i .rico{width:19px;height:19px}
.ncard b{display:block;font:800 14px var(--fh);color:var(--teal);white-space:nowrap}
.ncard small{display:block;font-size:12px;color:var(--muted)}
.ncard--0{left:-18px;top:12%}
.ncard--1{right:-6px;top:44%}
.ncard--1 i{background:var(--gold-t);color:#4A6E00}
.ncard--2{left:8%;bottom:6%}
.ncard--2 i{background:var(--teal);color:var(--gold)}
@media (max-width:599px){ .ncard{padding:8px 12px 8px 8px} .ncard i{width:32px;height:32px} .ncard b{font-size:12.5px} .ncard--0{left:-8px} .ncard--1{right:-4px} }
.stm2__t .rsh{margin-bottom:26px}
.stm2__t{text-align:center}
.stm2__pts{display:grid;gap:12px;text-align:left;max-width:560px;margin:0 auto}
.stm2__pts li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.stm2__pts li:hover{transform:translateX(6px);box-shadow:var(--sh)}
.stm2__pts i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--teal);color:var(--gold);flex:none}
.stm2__pts i .rico{width:20px;height:20px}
.stm2__pts b{display:block;font:800 16.5px var(--fh);color:var(--teal)}
.stm2__pts small{display:block;margin-top:2px;font-size:15px;color:var(--muted);line-height:1.5}
.stm2__sign{margin-top:22px;font:600 italic 22px var(--fd);color:var(--teal)}
.stm2__sign span{position:relative;padding:0 26px}
.stm2__sign span::before,.stm2__sign span::after{content:"";position:absolute;top:50%;width:18px;height:1px;background:var(--gold)}
.stm2__sign span::before{left:0} .stm2__sign span::after{right:0}
.stm2__t .rrow{justify-content:center}

/* ---------- NUMBERS: deep green style ---------- */
.numdark .rnums{gap:0;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);overflow:hidden}
.numdark .rnum{background:none;box-shadow:none;border:0;border-radius:0;padding:clamp(26px,3vw,42px) 16px}
.numdark .rnum+.rnum{border-left:1px solid rgba(255,255,255,.1)}
@media (max-width:899px){ .numdark .rnum:nth-child(3){border-left:0} .numdark .rnum:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)} }
.numdark .rnum b{font:700 clamp(40px,3vw + 18px,68px)/1 var(--fd);color:var(--gold)}
.numdark .rnum b em{color:var(--gold-l);font-style:normal}
.numdark .rnum.rnum--w b{font-style:italic;font-weight:600;font-size:clamp(32px,2.4vw + 16px,56px)}
.numdark .rnum>span{color:#fff;font-size:15px;margin-top:12px}
.numdark .rnum small{color:#AACBB5}
.rnum--w b{font-style:italic}

/* ---------- LOGOS v2: tiles ---------- */
.logos{border-bottom:0;padding:clamp(56px,6vw,96px) 0}
.logos .rsh{margin-bottom:clamp(26px,3vw,40px)}
.logos__set{gap:18px;padding-right:18px}
.logos__i{width:clamp(150px,13vw,190px);height:clamp(84px,7vw,104px);border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(10,44,26,.05)}
.logos--mono .logos__i img{mix-blend-mode:normal;opacity:.7}
.logos__l{margin:24px 0 0}

/* ---------- CLIENT RESULT CARDS ---------- */
.cstory{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(10,44,26,.07);text-align:center;transition:transform .4s var(--ease),box-shadow .4s}
@media (hover:hover){ .cstory:hover{transform:translateY(-8px);box-shadow:var(--shl)} }
.cstory__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cstory__k{font:800 11.5px var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.cstory__tag{padding:5px 11px;border-radius:999px;background:var(--teal-t);color:var(--teal);font:700 12px var(--fh)}
.cstory__who{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 15px var(--fh);color:var(--teal)}
.cstory__who .rico{width:17px;height:17px;color:var(--gold-d)}
.cstory__ba{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:18px 14px;border-radius:18px;background:linear-gradient(150deg,var(--teal),var(--teal-x))}
.cstory__ba small{display:block;font:700 11px var(--fh);letter-spacing:.12em;text-transform:uppercase;color:#AACBB5}
.cstory__ba b{display:block;margin-top:4px;font:700 clamp(22px,1vw + 16px,30px)/1.1 var(--fd);color:#fff}
.cstory__a b{color:var(--gold)}
.cstory__ba i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--teal-x)}
.cstory__ba i svg{width:16px;height:16px}
.cstory__m{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;font:700 14px var(--fh);color:var(--teal)}
.cstory__m span{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:var(--gold-t);color:#4A6E00;font-size:12.5px}
.cstory__m .rico{width:14px;height:14px}
.cstory__q{margin:0;font:600 italic 17px/1.55 var(--fd);color:var(--text)}
.cstory__f{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px dashed var(--line2);text-align:left}
.cstory__f b{display:block;font:800 14.5px var(--fh);color:var(--teal)}
.cstory__f small{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#16A34A;font-weight:600}
.cstory__f small .rico{width:14px;height:14px}
.cstory__f a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--teal-t);color:var(--teal);transition:all .3s}
.cstory__f a:hover{background:var(--gold);color:var(--teal-x)}
.cstory__f a .rico{width:18px;height:18px}
.ccard__img::after{content:"Case study";position:absolute;right:14px;top:14px;padding:6px 12px;border-radius:999px;background:rgba(6,31,18,.75);color:#fff;font:800 11px var(--fh);letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(6px)}
.ccard__res{font-family:var(--fd);font-weight:700}

/* ---------- BOOK ---------- */
.book{display:grid;gap:44px;align-items:center;max-width:1120px;margin:0 auto}
@media (min-width:900px){ .book{grid-template-columns:.8fr 1.2fr;gap:clamp(48px,6vw,90px)} }
.book__cv{display:flex;justify-content:center;perspective:1400px}
.book__img img{border-radius:6px 16px 16px 6px;box-shadow:0 40px 80px rgba(10,44,26,.35);max-width:340px}
.book__3d{position:relative;width:min(300px,72vw);aspect-ratio:2/3;transform:rotateY(-18deg);transform-style:preserve-3d;transition:transform .8s var(--ease)}
.book__3d:hover{transform:rotateY(-4deg)}
.book__face{position:absolute;inset:0;border-radius:4px 14px 14px 4px;background:radial-gradient(400px 300px at 80% 0%,rgba(182,228,58,.25),transparent 60%),linear-gradient(160deg,#14502E,#061F12);box-shadow:24px 34px 60px rgba(6,31,18,.45),inset 4px 0 0 rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:26px;color:#fff;border:1px solid rgba(182,228,58,.35)}
.book__face em{position:absolute;top:24px;font:800 11px var(--fh);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.book__face b{font:700 clamp(32px,4vw,46px)/1.02 var(--fd)}
.book__face small{margin-top:14px;font-size:13px;color:#BCD6C4;line-height:1.45}
.book__orn{position:absolute;bottom:26px;width:46px;height:2px;background:var(--gold)}
.book__spine{position:absolute;left:-18px;top:2px;bottom:2px;width:18px;background:linear-gradient(90deg,#04150C,#0A2C1A);transform:rotateY(-90deg);transform-origin:right}
.book__t{text-align:center}
.book__st{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--gold-t);color:#4A6E00;font:800 12.5px var(--fh);letter-spacing:.06em;text-transform:uppercase}
.book__st i{width:8px;height:8px;border-radius:50%;background:var(--gold-d);animation:ping 2s infinite}
.book__h{margin-top:16px;font-size:clamp(34px,2vw + 22px,58px);color:var(--teal);line-height:1.05}
.book__sub{margin-top:10px;font:600 italic clamp(18px,.5vw + 16px,22px) var(--fd);color:var(--gold-d)}
.book__p{margin-top:16px;color:var(--muted);font-size:17px}
.book__ch{margin-top:24px;padding:22px;border-radius:22px;background:var(--bg);border:1px solid var(--line);text-align:left}
.book__ch b{display:block;text-align:center;font:800 12.5px var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin-bottom:12px}
.book__ch ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:640px){ .book__ch ol{grid-template-columns:1fr 1fr;column-gap:20px} }
.book__ch li{display:flex;gap:10px;align-items:baseline;font-size:15px;color:var(--text)}
.book__ch li span{font:700 13px var(--fd);color:var(--gold-d);flex:none}
.book__t .rrow{justify-content:center}
.book__su{margin-top:24px}
.book__su p{font-weight:600;color:var(--teal);margin-bottom:10px}
.book__su .nl{margin:0 auto}

/* ---------- VIDEOS ---------- */
.vids{display:grid;gap:22px}
@media (min-width:700px){ .vids{grid-template-columns:1fr 1fr} }
@media (min-width:1100px){ .vids{grid-template-columns:repeat(3,1fr)} }
.vid{margin:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(10,44,26,.06)}
.vid__p,.vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;position:relative;cursor:pointer;background:#000}
.vid__p img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.vid__p:hover img{transform:scale(1.05)}
.vid__p i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--teal-x);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.vid__p i .rico{width:28px;height:28px}
.vid figcaption{padding:16px 18px;text-align:center}
.vid figcaption em{display:block;font:800 11.5px var(--fh);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d)}
.vid figcaption b{display:block;margin-top:4px;font:800 16.5px var(--fh);color:var(--teal)}

/* ---------- TOOLS: status ---------- */
.tool{position:relative}
.tool__st{padding:5px 12px;border-radius:999px;background:var(--gold-t);color:#4A6E00;font:800 11.5px var(--fh);letter-spacing:.08em;text-transform:uppercase}

/* ---------- Section background helpers ---------- */
.bg-cream{background:var(--cream)}
@media (max-width:599px){
  .hrot__h{font-size:clamp(26px,7.3vw,34px)}
  .pframe{width:min(54%,220px)}
  .pframe__ph{border-radius:22px}
  .pframe__ring{inset:-10px -10px 20px 20px;border-radius:26px}
  .pframe__id{display:none}
  .hrot .fcard--a{left:-56px;bottom:12%}
  .hrot .rhs .hero__grid{gap:18px}
}
.rsh :is(h2,:where([data-h="h2"])),.phero :is(h1,:where([data-h="h1"])),.hero__h,.rfinal :is(h2,:where([data-h="h2"])),.sdet :is(h2,:where([data-h="h2"])),.cbody__h,.book__h,.numdark .rnum b,.cstory__ba b,.ccard__res,.book__face b,.pframe__id b{font-variant-numeric:lining-nums}
.story__txt .big{font:600 italic clamp(20px,.7vw + 16px,26px)/1.45 var(--fd);color:var(--teal)}
.world__pin--home{z-index:4}
@media (max-width:599px){ .pframe{width:min(64%,260px)} }
@media (max-width:599px) and (max-height:760px){ .pframe{width:min(48%,200px)} }
.faq-sec{background:var(--teal-t)}

/* =====================================================================
   v3 · nothing on top of photos, clearer cards, colourful industries
   ===================================================================== */
/* Hero photo: smaller, clean */
.pframe{width:clamp(280px,27vw,420px)}
.pframe__ph{max-height:min(64vh,540px);margin-left:auto}
.pframe__ph::after{display:none}
@media (max-width:1023px){ .pframe{width:min(56%,240px)} }
@media (max-width:599px){ .pframe{width:min(50%,210px)} }
@media (max-width:599px) and (max-height:760px){ .pframe{width:min(42%,170px)} }

/* Statement: photo + gold block only */
.stm2__vis::before{width:58%;height:58%}

/* Service cards: photo on top, text below */
.scards{display:grid;gap:22px}
@media (min-width:700px){ .scards{grid-template-columns:1fr 1fr} }
@media (min-width:1100px){ .scards{grid-template-columns:repeat(3,1fr)} }
.scard{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25);transition:transform .45s var(--ease),box-shadow .45s}
@media (hover:hover){ .scard:hover{transform:translateY(-10px);box-shadow:0 34px 70px rgba(0,0,0,.35)} .scard:hover .scard__img img{transform:scale(1.06)} .scard:hover .scard__link svg{transform:translateX(5px)} }
.scard__img{aspect-ratio:16/10;display:block}
.scard__img img{transition:transform .9s var(--ease)}
.scard__b{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 24px 26px;flex:1}
.scard__tag{position:absolute;top:14px;right:14px;padding:5px 12px;border-radius:999px;background:var(--gold);color:var(--teal-x);font:800 11px var(--fh);letter-spacing:.1em;text-transform:uppercase}
.scard :is(h3,:where([data-h="h3"])){font:700 clamp(21px,.5vw + 18px,25px)/1.2 var(--fd);color:var(--teal)}
.scard p{color:var(--muted);font-size:15.5px}
.scard ul{display:grid;gap:7px;margin:6px 0 4px;text-align:left;width:100%;padding:14px 16px;border-radius:16px;background:var(--teal-t)}
.scard li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;color:var(--text)}
.scard li .rico{width:17px;height:17px;color:#16A34A;stroke-width:3;margin-top:3px}
.scard__link{display:inline-flex;align-items:center;gap:8px;font:800 15px var(--fh);color:var(--teal)}
.scard__link svg{width:18px;height:18px;transition:transform .3s}
.rsec[data-sc~="heading"] .scard :is(h3,:where([data-h="h3"])){color:var(--teal)}
.rsec[data-sc~="text"] .scard p{color:var(--muted)}
.rsec[data-sc~="text"] .scard li{color:var(--text)}

/* Industries */
.inds{background:var(--cream)}
.inds__tabs{display:flex;gap:10px;margin:0 auto clamp(26px,3vw,40px)}
.itab{--c:var(--teal);display:inline-flex;align-items:center;gap:9px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--c) 35%,transparent);background:#fff;font:800 15px var(--fh);color:var(--c);cursor:pointer;transition:all .3s var(--ease)}
.itab i{border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);transition:all .3s}
.itab i .rico{width:18px;height:18px}
.itab:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--c) 25%,transparent)}
.itab[aria-selected="true"]{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 14px 30px color-mix(in srgb,var(--c) 35%,transparent)}
.itab[aria-selected="true"] i{background:rgba(255,255,255,.2);color:#fff}
@media (max-width:599px){ .itab{font-size:13.5px;padding:6px 13px 6px 6px} .itab i{width:28px;height:28px} }
.ipanel{display:grid;gap:0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(10,44,26,.12);border-top:5px solid var(--c)}
.ipanel.is-on{animation:fade .5s var(--ease)}
@media (min-width:1024px){ .ipanel{grid-template-columns:.9fr 1.1fr} }
.ipanel__img{min-height:260px}
.ipanel__img img{position:absolute;inset:0}
.ipanel__b{padding:clamp(24px,3.4vw,46px);display:flex;flex-direction:column;align-items:center;text-align:center;}
.ipanel__k{display:inline-flex;align-items:center;gap:8px;font:800 12.5px var(--fh);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.ipanel__k i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff)}
.ipanel__k .rico{width:16px;height:16px}
.ipanel__n{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ipanel__n li{padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--c) 9%,#fff);color:color-mix(in srgb,var(--c) 80%,#000);font:700 12.5px var(--fh)}
.ipanel :is(h3,:where([data-h="h3"])){font:700 clamp(24px,1vw + 18px,34px)/1.15 var(--fd);color:var(--teal)}
.ipanel__p{color:var(--muted);font-size:16px;max-width:620px}
.ipains{width:100%;display:grid;text-align:left}
.ipains__h{display:grid;grid-template-columns:1fr 1fr;gap:10px;font:800 11.5px var(--fh);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 4px}
.ipains__h span:last-child{color:var(--c)}
.ipain{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ipain>span{display:flex;gap:8px;align-items:flex-start;border-radius:13px;line-height:1.45}
.ipain .rico{width:16px;height:16px;flex:none;margin-top:3px;stroke-width:3}
.ipain__x{background:#FDF2F2;color:#7A2E2E}
.ipain__x .rico{color:#D64545}
.ipain__ok{background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--teal);font-weight:600}
.ipain__ok .rico{color:var(--c)}
@media (max-width:599px){ .ipains__h{display:none} .ipain{grid-template-columns:1fr;gap:4px;padding-bottom:6px;border-bottom:1px dashed var(--line2)} }
.ipanel__btn{--b:var(--c);--f:#fff}
.ipanel__btn::after{display:none}
.rfinal .rph{display:none}
.rfinal__orn{position:absolute;inset:0;pointer-events:none;background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,transparent 40%,#000 100%);mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,transparent 40%,#000 100%)}
.rfinal .rwrap{position:relative;z-index:1}

/* Steps: premium focus cards */
.rst{background:#fff;border:1px solid rgba(10,44,26,.06);box-shadow:0 14px 36px rgba(10,44,26,.08);border-top:4px solid var(--gold)}
.rst__n{background:linear-gradient(150deg,var(--teal),var(--teal-x));color:var(--gold)}
.rst__k{color:rgba(182,228,58,.35)!important}
.rst :is(h3,:where([data-h="h3"])){font:700 21px/1.2 var(--fd)}

/* Case study cards: label in the card, not on the photo */
.ccard__img::after{display:none}
.ccard__img em{display:none}
.ccard__k{font:800 11.5px var(--fh);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d)}
.ipanel[hidden]{display:none!important}

/* =====================================================================
   v4 · nav, bigger hero photo, premium link buttons, one-line tabs,
   review tabs, case study showcase, country grid
   ===================================================================== */
.rnav__link.cur::after{display:none!important;content:none}

/* Hero photo: taller on every device */
.pframe{width:clamp(320px,31vw,500px)}
.pframe__ph{aspect-ratio:4/5;max-height:min(76vh,640px)}
.pframe__ring{inset:-16px -16px 22px 22px}
@media (min-width:1024px){ .hrot .hero__grid{grid-template-columns:1.05fr .95fr;padding-top:clamp(20px,3vh,48px);padding-bottom:clamp(40px,6vh,80px)} }
@media (max-width:1023px){ .pframe{width:min(70%,340px)} .pframe__ph{max-height:none} }
@media (max-width:599px){ .pframe{width:min(72%,300px)} .pframe__ph{aspect-ratio:4/5} }
@media (max-width:599px) and (max-height:760px){ .pframe{width:min(60%,250px)} }

/* Premium link buttons (cards) */
.scard__link,.rpost .lnk,.ccard .lnk,.osv .lnk{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:12px 22px;border-radius:999px;background:var(--teal);color:#fff!important;font:800 14.5px var(--fh);letter-spacing:.01em;box-shadow:0 10px 22px rgba(13,57,34,.22);transition:background-color .3s,color .3s,box-shadow .3s,transform .3s var(--ease)}
.scard__link svg,.rpost .lnk svg,.ccard .lnk svg{width:17px;height:17px;padding:3px;border-radius:50%;background:var(--gold);color:var(--teal-x);box-sizing:content-box;transition:transform .3s}
.scard:hover .scard__link,.rpost:hover .lnk,.ccard:hover .lnk{background:var(--gold);color:var(--teal-x)!important;box-shadow:0 14px 28px rgba(182,228,58,.4)}
.scard:hover .scard__link svg,.rpost:hover .lnk svg,.ccard:hover .lnk svg{background:var(--teal);color:var(--gold);transform:translateX(4px)}

/* Industry tabs: one line (scroll on small screens) */
.inds__tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-left:auto;margin-right:auto;width:max-content;max-width:100%;scroll-snap-type:x proximity}
.inds__tabs::-webkit-scrollbar{display:none}
.itab{flex:none;white-space:nowrap;scroll-snap-align:start;padding:8px 16px 8px 8px;font-size:14.5px}
.itab i{width:30px;height:30px}
@media (min-width:1280px){ .itab{font-size:15px;padding:9px 18px 9px 9px} }
@media (max-width:1023px){ .inds__tabs{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)} }

/* Industries: lighter panel */
.ipanel__b{gap:12px}
.ipains{gap:8px}
.ipain>span{padding:10px 12px;font-size:14.5px}

/* Story footer: signature + button on one line */
.story__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:26px}
.story__foot .sign{margin-top:0}
.story__foot .sign img{flex:none;width:52px;height:52px;padding:0;object-fit:cover;border:2px solid var(--gold)}
.story__foot .rbtn{min-height:60px;border-radius:999px;padding:12px 26px}

/* Review tabs */
.rtabs{display:flex;justify-content:center;gap:10px;margin:0 auto 26px}
.rtabx{display:inline-flex;align-items:center;gap:10px;padding:9px 20px 9px 9px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;font:800 15px var(--fh);color:var(--teal);cursor:pointer;transition:all .3s var(--ease)}
.rtabx i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--teal-t);font-style:normal}
.rtabx i svg{width:18px;height:18px}
.rtabx .rgsum__fi{width:32px;height:32px;font-size:14px}
.rtabx:hover{transform:translateY(-3px)}
.rtabx[aria-selected="true"]{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 14px 30px rgba(13,57,34,.3)}
.rtabx[aria-selected="true"] i{background:#fff}
.rpane[hidden]{display:none}
.rpane__top{display:flex;justify-content:center;margin-bottom:18px}
.rbadge{display:inline-flex;align-items:center;gap:14px;padding:10px 22px 10px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(10,44,26,.07);color:inherit;transition:transform .3s,box-shadow .3s}
a.rbadge:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.rbadge__l{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--teal-t)}
.rbadge__l svg{width:24px;height:24px}
.rbadge__l .rgsum__fi{width:42px;height:42px;font-size:16px}
.rbadge b{font:700 30px/1 var(--fd);color:var(--teal)}
.rbadge__r{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.rbadge__r .rstars svg{width:17px;height:17px}
.rbadge__r small{font:600 12.5px var(--fb);color:var(--muted);white-space:nowrap}

/* Case study showcase */
.cshow{background:var(--teal-t)}
.cshow__pane[hidden],.csc[hidden]{display:none!important}
.csc{display:grid;gap:clamp(22px,3vw,40px);align-items:center;padding:clamp(20px,3vw,38px);border-radius:32px;background:linear-gradient(135deg,#fff 0%,#F4FAF6 60%,#FBF4E2 100%);border:1px solid rgba(13,57,34,.08);box-shadow:0 30px 70px rgba(10,44,26,.12);animation:fade .5s var(--ease)}
@media (min-width:1024px){ .csc{grid-template-columns:1fr 1.05fr} }
.csc__l{display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left}
.csc__chip{display:inline-flex;align-items:center;gap:8px;padding:5px 16px 5px 5px;border-radius:999px;border:1.5px solid rgba(13,57,34,.18);background:#fff;font:800 14px var(--fh);color:var(--teal)}
.csc__chip i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:var(--gold)}
.csc__chip .rico{width:15px;height:15px}
.csc :is(h3,:where([data-h="h3"])){font:700 clamp(26px,1.6vw + 16px,42px)/1.12 var(--fd);color:var(--teal);letter-spacing:-.01em}
.csc__l>p{color:var(--muted);font-size:clamp(15.5px,.2vw + 15px,17.5px);max-width:560px}
.csc__m{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:4px 0 0;width:100%}
.csc__m dt{font:600 13px var(--fb);color:var(--muted)}
.csc__m dd{margin:4px 0 0;font:700 clamp(22px,1.2vw + 14px,32px)/1.1 var(--fd);color:var(--teal)}
.csc__cl{display:flex;align-items:center;gap:14px;width:100%;padding:12px 12px 12px 12px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:box-shadow .3s,transform .3s}
a.csc__cl:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.csc__lg{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--teal);color:var(--gold);font:700 20px var(--fd);flex:none}
.csc__lg img{width:100%;height:100%;object-fit:cover}
.csc__cl>span:nth-child(2){flex:1;min-width:0}
.csc__cl b{display:block;font:800 16px var(--fh);color:var(--teal)}
.csc__cl small{display:block;font-size:14px;color:var(--muted)}
.csc__go{padding-left:14px;border-left:1px solid var(--line);color:var(--teal)}
.csc__go .rico{width:24px;height:24px}
.csc__r{position:relative;gap:18px;align-items:center;padding:clamp(20px,2.4vw,30px);color:#fff;}
@media (min-width:640px){ .csc__r{grid-template-columns:1.05fr 1fr} }
.csc__pill{display:inline-block;padding:5px 13px;border-radius:999px;border:1.5px solid rgba(255,255,255,.75);font:800 13px var(--fh)}
.csc__big{margin-top:18px;font:700 clamp(24px,1.4vw + 14px,36px)/1.15 var(--fd);color:#fff}
.csc__big mark{background:var(--gold);color:var(--teal-x);padding:0 .18em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.csc__pm{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 0}
.csc__pm dt{font:600 12px var(--fb);color:#BCD6C4}
.csc__pm dd{margin:3px 0 0;font:800 clamp(16px,.6vw + 13px,21px) var(--fh);color:var(--gold)}
.csc__shot{border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.csc__shot .rph{display:block;aspect-ratio:4/3.4}
.csc__shot img{object-fit:cover;object-position:top}
.csc__shot blockquote{margin:0;padding:22px;font:600 italic clamp(16px,.4vw + 14px,19px)/1.5 var(--fd);color:var(--teal);display:flex;flex-direction:column;gap:12px}
.csc__shot .rstars svg{width:16px;height:16px}
.csc__shot cite{font:800 13px var(--fh);font-style:normal;color:var(--gold-d)}
.cshow__foot{display:flex;justify-content:center;margin-top:18px}
.cshow__nav{display:inline-flex;align-items:center;gap:12px;font:800 14px var(--fh);color:var(--teal)}
.cshow__nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:#fff;color:var(--teal);display:grid;place-items:center;cursor:pointer}
.cshow__nav button:hover{background:var(--teal);color:#fff}
.cshow__nav svg{width:18px;height:18px}
@media (max-width:599px){ .csc__m dd{font-size:22px} .csc__pm{grid-template-columns:repeat(3,1fr)} .csc{border-radius:24px} }

/* Countries: two tidy lines */
.world__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-width:1240px;margin-left:auto;margin-right:auto}
@media (min-width:1200px){ .world__list{grid-template-columns:repeat(9,1fr)} }
.world__list li{text-align:center;padding:9px 8px;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world__list li.is-more{border-style:solid;}
.scard__link{margin-top:auto}
.scard ul{margin-bottom:16px}
.inds__tabs{padding:8px 16px 26px;margin-bottom:6px}
.cshow__tabs{margin-bottom:14px}
.rcar__t{scroll-snap-type:x mandatory}
.rev .rrev{scroll-snap-align:start}
@media (max-width:599px){ .cshow .rrow .rbtn{font-size:14px;padding:12px 14px;white-space:nowrap} .cshow .rrow .rbtn svg{display:none} }
.ipanel{grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){ .ipanel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} }
.ipanel__b,.ipains,.ipain>span{min-width:0}
.ipanel__btn{max-width:100%;white-space:normal;text-align:center}
.csc,.csc__l,.csc__r{min-width:0}
.csc{grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){ .csc{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)} }

/* =====================================================================
   v5 · lime brand accent, real world map, light final CTA,
   bigger premium mobile type
   ===================================================================== */
:root{--lime:#B6E43A;--lime-l:#CDF26B;--lime-d:#5A8A00}
.rbtn::before{background:linear-gradient(120deg,#D3F57A,#B6E43A 55%,#A2D428)}
.hero__h span,.phero :is(h1,:where([data-h="h1"])) span{background:linear-gradient(90deg,#D9F78A,#B6E43A 70%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.rstars{color:#F5B301}
.rdark .rstars,.hrot .rstars{color:var(--lime)}
.rnum b em,.ccard__who .rico,.ccard__time .rico{color:var(--lime-d)}
.goldband{background:linear-gradient(120deg,#B6E43A 0%,#D3F57A 100%)}
.goldband .rsh :is(h2,:where([data-h="h2"])) em{color:#0D3922;font-style:italic}

/* ---------- Real world map ---------- */
.world__map{aspect-ratio:1000/394;color:inherit}
.world__svg{position:absolute;inset:0;width:100%;height:100%}
.world__svg path{fill:#1C4A30;stroke:#0A2C1A;stroke-width:.5;vector-effect:non-scaling-stroke;transition:fill .4s}
.world__svg path:hover{fill:#2A6342}
.world__lead{stroke:rgba(182,228,58,.55);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.world__pin i{background:var(--lime);box-shadow:0 0 0 4px rgba(182,228,58,.25)}
.world__pin i::after{border-color:rgba(182,228,58,.55)}
.world__pin--home i{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.2),0 0 26px rgba(182,228,58,.9)}
.world__lab{position:absolute;z-index:3;transform:translate(-50%,-50%) scale(.6);opacity:0;padding:4px 10px;border-radius:999px;background:#fff;color:#0D3922;font:800 clamp(9px,.75vw,12.5px)/1.2 var(--fh);white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.3);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--spring);transition-delay:var(--d,0s)}
.world__map.in .world__lab{opacity:1;transform:translate(-50%,-50%)}
.world__lab--home{background:var(--lime);color:#061F12;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:clamp(10px,.85vw,13.5px)}
.world__lab--home svg{width:14px;height:14px}
.world__pin b{display:none}
@media (max-width:767px){ .world__lab:not(.world__lab--home){display:none} .world__map{margin:0 -8px} }
@media (prefers-reduced-motion:reduce){ .world__lab{opacity:1;transform:translate(-50%,-50%)} }
.world__list li.is-more{background:var(--lime);color:#061F12;border-color:var(--lime)}

/* ---------- Final call to action: light, so it never blends into the footer ---------- */
.rfinal{color:var(--text)}
.rfinal :is(h2,:where([data-h="h2"])){color:#0D3922!important}
.rfinal :is(h2,:where([data-h="h2"])) em{color:var(--lime-d)}
.rfinal p{color:#3F4E44!important}
.rfinal__orn{background-image:radial-gradient(rgba(13,57,34,.12) 1.2px,transparent 1.3px)}
.rfinal .rbtn--o{--f:#0D3922;border-color:#0D3922}
.rfinal .rbtn:not(.rbtn--o){--b:#0D3922;--f:#fff}
.rfinal .rbtn:not(.rbtn--o)::before{background:linear-gradient(120deg,#14502E,#0D3922)}
.rfinal .rbtn:not(.rbtn--o) svg{color:var(--lime)}

/* ---------- Header: no search icon ---------- */
.rhdr__mcall{display:none!important}

/* ---------- Mobile: bigger, calmer type and a real hero ---------- */
@media (max-width:767px){
  body{font-size:17px}
  .rsh :is(h2,:where([data-h="h2"])){font-size:clamp(30px,8.4vw,38px)}
  .rsh p{font-size:17px;line-height:1.65}
  .hrot .hero__grid{padding-top:44px!important;gap:26px}
  .hrot__h{font-size:clamp(34px,9.6vw,42px)!important;line-height:1.08}
  .hero__lead{font-size:17.5px!important;line-height:1.6}
  .hrot .rrow .rbtn{min-height:54px}
  .hrot__proof{display:grid!important;gap:8px;margin-top:20px;font-size:14.5px}
  .hrot__proof span{display:flex!important;align-items:center;gap:8px}
  .hrot__proof span+span::before{content:"";width:16px;height:16px;margin:0;flex:none;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D3922' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat;opacity:1}
  .hrot__proof span:nth-child(n+3){display:none!important}
  .hrot__vis{display:flex!important}
  .pframe{width:min(88%,360px)!important}
  .pframe__ph{aspect-ratio:4/4.6!important;max-height:none!important}
  .pframe__ring{inset:-12px -12px 18px 18px}
  .scard p,.ipanel__p,.csc__l>p,.story__txt p,.stm2__pts small{font-size:16px}
  .rst p,.ft p,.prom p,.val p,.ipain>span{font-size:15.5px}
}
@media (max-width:767px) and (max-height:700px){ .pframe{width:min(70%,280px)!important} }

/* ---------- My story footer: one line on phones too ---------- */
@media (max-width:599px){
  .story__foot{flex-wrap:nowrap;gap:8px}
  .story__foot .sign{padding:6px 12px 6px 6px;gap:8px;min-width:0}
  .story__foot .sign img{width:40px;height:40px}
  .story__foot .sign small{display:none}
  .story__foot .sign b{font-size:14px;white-space:nowrap}
  .story__foot .rbtn{min-height:52px;padding:10px 16px;font-size:14px;white-space:nowrap}
  .story__foot .rbtn svg{display:none}
}
@media (max-width:767px){
  .hrot__h{font-size:clamp(30px,8.6vw,38px)!important}
  .hrot .rrow{gap:10px}
  .hrot .rrow .rbtn{font-size:14.5px;padding:12px 10px;white-space:nowrap}
}
@media (max-width:374px){ .hrot__h{font-size:28px!important} .hrot .rrow .rbtn{font-size:13px} }
.rfinal::after{display:none!important}
.rfinal{background:radial-gradient(800px 420px at 50% 0%,rgba(182,228,58,.45),transparent 65%),linear-gradient(180deg,#E9F6CF,#DCEFC0)!important}
/* Inner pages: same hero feel as home */
@media (max-width:767px){
  .phero__in{padding-top:44px!important}
  .phero :is(h1,:where([data-h="h1"])){font-size:clamp(32px,9vw,40px)}
  .phero__lead{font-size:17px!important;line-height:1.6}
  .phero .rrow{flex-wrap:nowrap;gap:10px}
  .phero .rrow .rbtn{font-size:14.5px;padding:12px 10px;white-space:nowrap;min-height:54px}
  .phero .rrow .rbtn svg{display:none}
  .phero .hero__media{aspect-ratio:4/4.4!important}
}
.rstrip{background:linear-gradient(90deg,#B6E43A,#CDF26B,#B6E43A)!important}

/* =====================================================================
   v6 · bolder, bigger, easier to read; hero heading on two lines;
   footer contact; blog topic pills
   ===================================================================== */
@font-face{font-family:'Playfair Display';src:url('../../fonts/playfair-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../../fonts/playfair-700i.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}
:root{--muted:#46564C;--text:#132018}
body{font-size:clamp(17px,.2vw + 16.4px,19px);color:var(--text)}
.rsh :is(h2,:where([data-h="h2"])),.phero :is(h1,:where([data-h="h1"])),.hero__h,.rfinal :is(h2,:where([data-h="h2"])),.sdet :is(h2,:where([data-h="h2"])),.cbody__h,.book__h,.csc :is(h3,:where([data-h="h3"])),.ipanel :is(h3,:where([data-h="h3"])),.scard :is(h3,:where([data-h="h3"])),.cstory__ba b,.numdark .rnum b{font-weight:800!important}
.rsh :is(h2,:where([data-h="h2"])) em,.phero :is(h1,:where([data-h="h1"])) span,.hrot__h .rot .rot__w,.hrot__on,.story__txt .big,.rfinal :is(h2,:where([data-h="h2"])) em{font-weight:700!important}
.rsh p,.phero__lead,.hero__lead,.sdet__lead,.ipanel__p,.csc__l>p,.story__txt p{font-weight:500;color:var(--muted)}
.rdark .rsh p,.phero__lead,.hero__lead{color:#D9EADF!important}
.rsh p{font-size:clamp(17px,.35vw + 15.8px,21px)}
.scard p,.prom p,.ft p,.rst p,.val p,.tl__c p,.cstory__q,.rrev q,.ipain>span,.stm2__pts small,.jc small{font-size:clamp(15.5px,.2vw + 15px,17px)!important;font-weight:500}
.scard :is(h3,:where([data-h="h3"])),.prom :is(h3,:where([data-h="h3"])),.ft :is(h3,:where([data-h="h3"])),.rst :is(h3,:where([data-h="h3"])),.val :is(h3,:where([data-h="h3"])),.tl__c :is(h3,:where([data-h="h3"])),.plan :is(h3,:where([data-h="h3"])){font-size:clamp(19px,.5vw + 17px,24px)!important}
.prom :is(h3,:where([data-h="h3"])),.ft :is(h3,:where([data-h="h3"])),.val :is(h3,:where([data-h="h3"])),.tl__c :is(h3,:where([data-h="h3"])),.jc b,.soc b{font-weight:800}

/* Hero heading: line 1 and line 2 never wrap */
.hrot__l1{white-space:nowrap}
@media (max-width:767px){
  .hrot__h{font-size:clamp(25px,7.85vw,40px)!important;letter-spacing:-.025em}
  .hrot__proof{justify-items:center;text-align:center}
  .hrot__proof span{justify-content:center}
  .hero__copy{text-align:center}
  .hrot__eb{margin-left:auto;margin-right:auto}
  .hrot .rrow{justify-content:center}
  .hrot__h .hrot__l2{justify-content:center}
  .hero__lead{margin-left:auto;margin-right:auto}
}
@media (min-width:768px) and (max-width:1023px){ .hrot__h{font-size:clamp(40px,6.6vw,56px)!important} }

/* Footer: contact fills the gap next to "Create"; the audit button sits under the contact details */
@media (max-width:1099px){
  .rfoot__g>div:last-child{grid-column:auto!important}
  .rfoot__cta{width:100%;min-height:54px}
  .rfoot__n a,.rfoot__n div{word-break:break-word;font-size:14.5px}
}
.rfoot__n{gap:14px}
.rfoot{font-size:15.5px;}
.rfoot__l a{font-weight:500}

/* Blog topics: pill tabs */
.gcatwrap{margin-top:calc(-1 * clamp(34px,3vw,46px))}
.gcats2{display:flex!important;flex-wrap:nowrap;gap:10px;overflow-x:auto;scrollbar-width:none;padding:10px;border-radius:999px;background:#fff;box-shadow:0 22px 50px rgba(10,44,26,.14);border:1px solid var(--line);width:max-content;max-width:100%;margin:0 auto}
.gcats2::-webkit-scrollbar{display:none}
.gc{flex:none;flex-direction:row!important;align-items:center;gap:10px!important;padding:8px 16px 8px 8px!important;border-radius:999px!important;box-shadow:none!important;border:1.5px solid transparent!important;background:transparent!important;white-space:nowrap}
.gc::after,.gc::before{display:none!important}
.gc i{width:36px!important;height:36px!important;margin:0!important;border-radius:50%!important;background:var(--teal-t)!important;color:var(--teal)!important}
.gc i svg{width:18px!important;height:18px!important}
.gc b{font:800 15px/1 var(--fh)!important;color:var(--teal)!important}
.gc small{display:none!important}
.gc em{position:static!important;min-width:24px;height:24px;line-height:24px!important;padding:0 7px;background:var(--teal-t)!important;color:var(--teal)!important;font-size:12px!important}
.gc:hover{background:var(--teal-t)!important;transform:none!important}
.gc[aria-current]{background:var(--teal)!important;border-color:var(--teal)!important}
.gc[aria-current] b{color:#fff!important}
.gc[aria-current] i{background:var(--lime)!important;color:#0D3922!important}
.gc[aria-current] em{background:var(--lime)!important;color:#0D3922!important}
@media (max-width:767px){ .gcats2{border-radius:20px;padding:8px;margin:0 -4px} .gc b{font-size:14px!important} }

/* Promise cards without text (industry pages: "Who I help") */
.prom p:empty{display:none}
.rfoot__bar{padding-left:var(--gut)!important;padding-right:var(--gut)!important}
@media (max-width:767px){ .rfoot__bar{justify-content:center;text-align:center} }
.gc em{order:3}
.proms:has(.prom p:empty) .prom{padding:20px 14px}
.proms:has(.prom p:empty) .prom :is(h3,:where([data-h="h3"])){font-size:17px!important}
@media (max-width:699px){ .proms:has(.prom p:empty){display:grid!important;grid-template-columns:1fr 1fr;gap:12px} .proms:has(.prom p:empty) .prom i{width:44px;height:44px} }
@media (min-width:1100px){ .proms:has(.prom p:empty)>*{flex-basis:calc(16.66% - 15px)!important} }

/* ===== v7: client logo, greener footer, 3-row mega menu, promo without text on the photo ===== */
.rfoot{background:radial-gradient(1200px 500px at 85% -10%,rgba(182,228,58,.10),transparent 60%),linear-gradient(180deg,#145232 0%,#104629 100%);color:#D3E6D9}
.rfoot__bar{border-top-color:rgba(255,255,255,.16)}

.rfoot__l a,.rfoot__n a,.rfoot__n div{color:#E1EEE5}
.rfoot .rsoc a{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
/* mega: 4 columns x 3 rows for long lists */
.rmega__in--4{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,280px);gap:6px 10px}
@media (min-width:1440px){ .rmega__in--4{grid-template-columns:repeat(4,minmax(0,1fr)) 320px} }
.rmega__in--4 .rmega__col{gap:4px}
.rmega__in--4 .rmi{padding:10px;gap:12px}
.rmega__in--4 .rmi__t{width:50px;height:50px;border-radius:12px}
.rmega__in--4 .rmi__t .rico{width:22px;height:22px}
.rmega__in--4 .rmi b{font-size:14.5px}
.rmega__in--4 .rmi small{font-size:12.5px}
/* promo card: photo beside the heading, never under the text */
.rmpromo{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"ph h" "p p" "b b";gap:14px 14px;align-content:center;align-items:center;min-height:0;padding:20px;background:linear-gradient(150deg,#0D3922,#061F12);border:1px solid rgba(182,228,58,.25)}
.rmpromo::after{display:none}
.rmpromo .rph{position:relative!important;inset:auto;grid-area:ph;width:76px;height:76px;border-radius:50%;overflow:hidden;border:2px solid var(--gold)}
.rmpromo .rph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.rmpromo b{grid-area:h;font-size:19px;line-height:1.2}
.rmpromo p{grid-area:p;margin:0;font-size:14px;line-height:1.5}
.rmpromo .rbtn{grid-area:b;justify-self:stretch;justify-content:center;font-size:14px;padding:12px 14px;max-width:100%}
.phero__ph img,.story__ph img,.stmt__ph img{object-position:50% 20%}

/* ===== v8: bolder hero heading, client logos in their own colours ===== */
.hrot__h,.hrot__l1{font-weight:800!important;letter-spacing:-.022em}
.hrot__h{text-shadow:0 2px 30px rgba(0,0,0,.28)}
.hrot__on{font-weight:700!important;opacity:1!important}
.hrot__h .rot .rot__w{font-weight:700!important;background:none!important;color:#C6F24E!important;-webkit-text-fill-color:#C6F24E!important;text-shadow:0 0 34px rgba(182,228,58,.35)}
.hrot__h .rot__i{background:rgba(182,228,58,.2)}
.logos:not(.logos--mono) .logos__i img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}

.hrot__h .hrot__l2{font-size:1.1em}
@media (max-width:767px){
  .hrot__h .hrot__l2{font-size:1.3em;margin-top:.02em}
  .hrot .hero__lead{font-size:15.5px!important;line-height:1.6;margin-top:14px}
}
.hrot__h .rot .rot__in{transition:transform .36s var(--ease),opacity .3s var(--ease)!important}
.logos__vp{padding:8px 0 18px}

/* ===== v9: full H1 for Google, case study cards (left info, right image, whole card opens the case study) ===== */
.azm-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hrot__h1{margin-bottom:0!important}
.hrot__hv{margin-top:.04em!important}
.csc{position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.csc:hover{transform:translateY(-4px);box-shadow:0 36px 80px rgba(10,44,26,.16)}
.csc :is(h3,:where([data-h="h3"])) a,.csc__a{color:inherit;text-decoration:none}
.csc__a::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:2}
.csc__a:focus-visible{outline:none}
.csc:has(.csc__a:focus-visible){outline:3px solid var(--gold);outline-offset:4px}
.csc__r{display:block!important;padding:0!important;background:none!important;border-radius:24px;overflow:hidden;box-shadow:0 24px 50px rgba(10,44,26,.18);min-height:0}
.csc__img{display:block;aspect-ratio:4/3;width:100%}
.csc__img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.csc:hover .csc__img img{transform:scale(1.03)}
.csc__noimg{display:grid;place-items:center;align-content:center;gap:12px;aspect-ratio:4/3;background:radial-gradient(500px 300px at 0% 0%,rgba(182,228,58,.2),transparent 60%),linear-gradient(150deg,#14502E,#0A2C1A);color:var(--gold);text-align:center;padding:24px}
.csc__noimg .rico{width:44px;height:44px}
.csc__noimg b{font:800 clamp(24px,2vw + 12px,38px)/1.15 var(--fd);color:#fff}
.csc__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;width:100%}
.csc__foot .csc__cl{flex:1 1 240px;width:auto}
.csc__read{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:999px;background:var(--gold);color:var(--teal-x);font:800 15px var(--fh);white-space:nowrap}
.csc__read svg{width:17px;height:17px;transition:transform .3s}
.csc:hover .csc__read svg{transform:translateX(4px)}
.cshow--list .csc+.csc{margin-top:24px}
.cshow--list .cshow__foot{margin-top:28px}
@media (max-width:599px){ .csc__read{width:100%;justify-content:center} }
/* author page */
.azm-auth .phero__lead{max-width:620px}
.azm-auth__role{margin-bottom:14px}
.azm-auth__links{align-items:center;flex-wrap:wrap;gap:12px}
.azm-auth__so{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;transition:background .25s,color .25s,transform .25s}
.azm-auth__so:hover{background:var(--gold);color:var(--teal-x);transform:translateY(-2px)}
.azm-auth .hero__media img{object-position:50% 20%}
.azm-auth__cases{background:var(--teal-t)}
.azm-pgn{gap:8px;margin-top:30px}
.azm-pgn .page-numbers{min-width:44px;height:44px;padding:0 12px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--teal);font:800 15px var(--fh)}
.azm-pgn .current{background:var(--teal);color:#fff;border-color:var(--teal)}

/* ===== v10: whole client logos, footer logo on white, blog tabs in one line ===== */
.logos__set{align-items:center}
.logos__i{display:flex!important;align-items:center;justify-content:center;width:clamp(170px,13vw,210px)!important;height:140px!important;padding:12px!important;overflow:hidden}
.logos__i img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:116px!important;object-fit:contain;margin:auto}
@media (max-width:767px){ .logos__i{width:150px!important;height:112px!important;padding:10px!important} .logos__i img{max-height:92px!important} }
.rfoot__logo{display:inline-flex;align-items:center;background:#fff;padding:12px 18px;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.rfoot__logo img{width:220px;max-width:100%;height:auto}
.gcats2{align-items:center}
.gc,.gc:hover,.gc[aria-current],.gc[aria-current]:hover{transform:none!important;margin:0!important}
.gc[aria-current]{box-shadow:0 8px 20px rgba(13,57,34,.22)!important}

/* v15 Photos are never cropped: hero, home hero and story frames take the photo's own shape (PC, laptop, mobile) */
.phero .hero__frame{width:fit-content;max-width:100%;margin-left:auto}
.phero .hero__frame .hero__media{aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;width:fit-content;max-width:100%;background:none}
.phero .hero__media .rph{position:relative;inset:auto;display:block;background:none}
.phero .hero__media img{display:block;width:auto;height:auto;max-width:100%;max-height:min(560px,72vh);object-fit:contain;animation:none;transform:none}
.pframe .pframe__ph{aspect-ratio:auto!important;max-height:none!important}
.pframe .pframe__ph img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.story .story__img{aspect-ratio:auto;align-self:center}
.story .story__img .rph{position:relative;inset:auto;display:block}
.story .story__img img{display:block;width:100%;height:auto;object-fit:contain}
@media (max-width:1023px){
  .phero .hero__frame{margin:0 auto}
  .phero .hero__media img{width:100%;max-height:none}
}
/* Case studies: stacked cards. Each card fits the screen, pins under the header,
   and the next case study slides up over it (layout "stack") */
.cshow--stack{overflow:clip}
.cshow--stack .csc{background:var(--bg,#EEF5F0);border:1px solid rgba(13,57,34,.07);box-shadow:0 -14px 44px rgba(10,44,26,.10)}
.cshow--stack .csc+.csc{margin-top:24px}
.cshow--stack .csc:hover{transform:none;box-shadow:0 -14px 44px rgba(10,44,26,.10)}
.cshow--stack .csc__cl{background:rgba(255,255,255,.8)}
@media (min-width:1024px) and (min-height:600px){
  .cshow--stack .cshow__pane{padding-bottom:8vh}
  .cshow--stack .csc{position:sticky;top:calc(var(--hdr,var(--hh)) + 16px + var(--i,0) * 14px);height:min(620px,calc(100vh - var(--hdr,var(--hh)) - 40px));min-height:420px;align-items:stretch;padding:clamp(22px,2.2vw,34px)}
  .cshow--stack .csc+.csc{margin-top:22vh}
  .cshow--stack .csc__l{justify-content:center;gap:12px;min-height:0;overflow:hidden}
  .cshow--stack .csc :is(h3,:where([data-h="h3"])){font-size:clamp(24px,1.1vw + 16px,36px)}
  .cshow--stack .csc__l>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .cshow--stack .csc__m dd{font-size:clamp(20px,.8vw + 14px,28px)}
  .cshow--stack .csc__r{height:100%}
  .cshow--stack .csc__img,.cshow--stack .csc__noimg{height:100%;aspect-ratio:auto}
}
.cshow--stack .cshow__foot{margin-top:28px}

/* Industries: readable tab text, keyboard focus ring, list mode (name + businesses) */
.itab{color:color-mix(in srgb,var(--c) 72%,#000);border-color:color-mix(in srgb,var(--c) 45%,transparent)}
.itab i{color:color-mix(in srgb,var(--c) 80%,#000)}
.itab:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.itab[aria-selected="true"]:focus-visible{outline-color:color-mix(in srgb,var(--c) 70%,#000)}
.ipanel--list .ipanel__b{align-items:flex-start;text-align:left;justify-content:center}
.ipanel__name{display:flex;align-items:center;gap:14px}
.ipanel__name i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 80%,#000)}
.ipanel__name i .rico{width:24px;height:24px}
.ipanel__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:6px 0 4px}
@media (min-width:1280px){ .ipanel__list{grid-template-columns:repeat(3,minmax(0,1fr))} }
.ipanel__list li{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--c) 6%,#fff);border:1px solid color-mix(in srgb,var(--c) 18%,#fff);font:700 14.5px/1.3 var(--fh);color:var(--text);transition:border-color .2s,transform .2s}
.ipanel__list li:hover{border-color:color-mix(in srgb,var(--c) 55%,#fff);transform:translateY(-2px)}
.ipanel__list .rico{width:22px;height:22px;flex:none;padding:4px;border-radius:50%;background:color-mix(in srgb,var(--c) 85%,#000);color:#fff}
.ipanel--list .ipanel__btn{margin-top:8px}
@media (max-width:599px){ .numdark .nums--3 .rnum+.rnum{border-left:0;border-top:1px solid rgba(255,255,255,.1)} }
/* Case cards: two numbers only (timeline + result) */
.csc__m--2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:460px}
.csc__m--2 div+div dd{color:var(--gold-d)}

/* Pop-ups: full process + free audit form */
.rhow .rrow--c{margin-top:clamp(26px,3vw,40px)}
.rpop{width:min(900px,calc(100vw - 20px));max-height:min(90vh,940px);padding:0;border:0;border-radius:28px;background:#fff;color:var(--text);box-shadow:0 50px 120px rgba(6,31,18,.45);overflow:hidden}
.rpop::backdrop{background:rgba(4,20,11,.66);backdrop-filter:blur(6px)}
.rpop[open]{display:flex;flex-direction:column;animation:rpopIn .35s var(--ease)}
@keyframes rpopIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){ .rpop[open]{animation:none} }
.rpop__in{display:flex;flex-direction:column;min-height:0;max-height:inherit}
.rpop__head{position:relative;flex:none;padding:clamp(24px,3vw,36px) clamp(22px,3.4vw,40px) 22px;padding-right:72px;color:#fff;background:radial-gradient(520px 260px at 100% 0%,rgba(182,228,58,.22),transparent 60%),linear-gradient(160deg,#0F4428,var(--teal-x))}
.rpop__eye{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:5px 12px 5px 6px;border-radius:999px;background:rgba(182,228,58,.14);border:1px solid rgba(182,228,58,.35);font:800 12.5px var(--fh);letter-spacing:.04em;color:var(--gold)}
.rpop__eye svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--gold);color:var(--teal-x)}
.rpop__head h3{font:700 clamp(24px,1.2vw + 18px,34px)/1.12 var(--fd);color:#fff;letter-spacing:-.01em}
.rpop__head p{margin-top:10px;color:#CFE3D5;font-size:15.5px;line-height:1.55;max-width:620px}
.rpop__x{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .2s,transform .2s}
.rpop__x svg{width:18px;height:18px}
.rpop__x:hover{background:var(--gold);color:var(--teal-x);transform:rotate(90deg)}
.rpop__x:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* process list: a timeline */
.rpop__list{position:relative;overflow:auto;overscroll-behavior:contain;padding:22px clamp(16px,3vw,36px) 26px;display:grid;gap:0;counter-reset:st}
.rpop__list>li{position:relative;padding-left:58px}
.rpop__list>li::before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:linear-gradient(var(--line2),var(--line2))}
.rpop__list>li:first-child::before{top:26px}.rpop__list>li:last-child::before{bottom:calc(100% - 26px)}
.rpop__list details{margin:6px 0;border-radius:18px;border:1px solid transparent;transition:background-color .25s,border-color .25s,box-shadow .25s}
.rpop__list details:hover{background:var(--bg)}
.rpop__list details[open]{background:linear-gradient(160deg,#fff,#F6FAF1);border-color:#DDEFB0;box-shadow:0 14px 34px rgba(10,44,26,.10)}
.rpop__list summary{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;list-style:none;border-radius:18px}
.rpop__list summary::-webkit-details-marker{display:none}
.rpop__list summary:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.rpop__k{position:absolute;left:0;top:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line2);color:var(--teal);font:800 14px var(--fh);transition:all .25s;z-index:1}
.rpop__list details[open] .rpop__k,.rpop__list summary:hover .rpop__k{background:var(--teal);border-color:var(--teal);color:var(--gold);box-shadow:0 0 0 6px rgba(182,228,58,.22)}
.rpop__t{flex:1;min-width:0}
.rpop__t b{display:block;font:700 clamp(17px,.3vw + 16px,19px)/1.25 var(--fd);color:var(--teal)}
.rpop__t small{display:block;font-size:14px;color:var(--muted);margin-top:3px}
.rpop__c{width:34px;height:34px;flex:none;padding:8px;border-radius:50%;background:var(--teal-t);color:var(--teal);transition:transform .3s var(--ease),background-color .25s}
.rpop__list details[open] .rpop__c{transform:rotate(180deg);background:var(--gold);color:var(--teal-x)}
.rpop__list details ul{display:grid;gap:8px;padding:0 16px 16px}
@media (min-width:768px){ .rpop__list details ul{grid-template-columns:repeat(2,minmax(0,1fr))} }
.rpop__list details li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--muted)}
.rpop__list details li svg{width:18px;height:18px;flex:none;margin-top:1px;padding:3px;border-radius:50%;background:var(--gold);color:var(--teal-x)}
.rpop__list details li b{display:block;color:var(--text);font:700 14.5px/1.3 var(--fh);margin-bottom:1px}
@media (max-width:599px){ .rpop__list>li{padding-left:50px} .rpop__k{width:38px;height:38px;font-size:13px} .rpop__list>li::before{left:18px} }
.rpop__foot{flex:none;padding:16px 20px 20px;border-top:1px solid var(--line2);display:flex;justify-content:center;background:var(--bg)}
/* audit form */
.rpop--form{width:min(560px,calc(100vw - 20px))}
.rpop__form,.rpop__ok{overflow:auto;padding:22px clamp(20px,3vw,34px) 24px;display:grid;gap:14px}
.rpop__f{display:grid;gap:6px;font:700 14px var(--fh);color:var(--teal)}
.rpop__f small{font-weight:500;color:var(--muted)}
.rpop__f input,.rpop__f textarea{width:100%;padding:13px 15px;border-radius:14px;border:1.5px solid var(--line2);background:#fff;font:500 16px var(--fb);color:var(--text);transition:border-color .2s,box-shadow .2s}
.rpop__f textarea{resize:vertical;min-height:84px}
.rpop__f input:focus,.rpop__f textarea:focus{outline:none;border-color:var(--teal-m);box-shadow:0 0 0 4px rgba(182,228,58,.35)}
.rpop__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.rpop__err{min-height:0;color:#A31133;font-weight:600;font-size:14px}
.rpop__err:empty{display:none}
.rpop__send{width:100%;justify-content:center}
.rpop__send[disabled]{opacity:.6;cursor:wait}
.rpop__small{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:var(--muted)}
.rpop__small svg{width:15px;height:15px;color:var(--gold-d)}
.rpop__ok{justify-items:center;text-align:center;padding-top:30px;padding-bottom:34px}
.rpop__ok svg{width:56px;height:56px;color:var(--gold-d)}
.rpop__ok b{font:700 24px/1.2 var(--fd);color:var(--teal)}
.rpop__ok p{color:var(--muted)}
.rpop__ok[hidden],.rpop__form[hidden]{display:none}

/* Comparison: three cards, yours highlighted */
.rvs{display:grid;gap:18px;max-width:1120px;margin:0 auto;align-items:stretch}
@media (min-width:960px){ .rvs{grid-template-columns:1.2fr 1fr 1fr;align-items:center} }
.rvs__c{position:relative;border-radius:26px;padding:clamp(22px,2.6vw,32px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#DCEBE0;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.rvs__c h3{font:700 clamp(21px,.8vw + 16px,26px)/1.2 var(--fd);color:#fff}
.rvs__sub{margin-top:6px;font-size:14.5px;color:#BCD6C4}
.rvs__c ul{display:grid;gap:14px;margin-top:20px}
.rvs__c li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45}
.rvs__c li svg{width:22px;height:22px;flex:none;padding:4px;border-radius:50%;margin-top:1px}
.rvs__c li small{display:block;font:700 12px/1.3 var(--fh);letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-bottom:2px}
.rvs__n svg{background:rgba(255,255,255,.1);color:#E8A0A0}
.rvs__c--us{background:#fff;color:var(--text);border:2px solid var(--gold);box-shadow:0 30px 70px rgba(0,0,0,.35);padding-top:clamp(34px,3.4vw,44px)}
@media (min-width:960px){ .rvs__c--us{transform:scale(1.03)} }
.rvs__c--us h3{color:var(--teal)}
.rvs__c--us .rvs__sub{color:var(--muted)}
.rvs__c--us li{color:var(--text)}
.rvs__c--us li small{color:var(--teal-m);opacity:1}
.rvs__y svg{background:var(--gold);color:var(--teal-x)}
.rvs__badge{position:absolute;top:-15px;left:clamp(22px,2.6vw,32px);display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:var(--gold);color:var(--teal-x);font:800 13px var(--fh);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.rvs__badge svg{width:15px;height:15px}
.rvs__btn{margin-top:24px;width:100%;justify-content:center}
.rvs__c:not(.rvs__c--us):hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3)}
.rvs__c:focus-within{outline:3px solid var(--gold);outline-offset:4px}


/* ===== 2.5.8 ===== */
/* hero rotating word: quick, clean swap; descenders (g, y) never cut */
.hrot__h .rot{height:1.42em!important;padding:.08em 0 .14em;margin:-.08em 0 -.14em!important;vertical-align:baseline}
.hrot__h .rot .rot__in{transition:transform .2s cubic-bezier(.3,.7,.3,1),opacity .18s linear,filter .2s linear!important;will-change:transform,opacity}
.hrot__h .rot__in.out{transform:translateY(-38%);opacity:0;filter:blur(3px)}
.hrot__h .rot__in.pre{transform:translateY(38%);opacity:0;filter:blur(3px);transition:none!important}
/* "just one" case study: same card, no pinning */
.cshow--one .csc{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;box-shadow:0 24px 60px rgba(10,44,26,.10)!important}
.cshow--one .cshow__pane{padding-bottom:0!important}
.cshow--one .csc__m--2 dd{font-size:clamp(22px,1vw + 16px,32px)!important;line-height:1.15}
/* Buttons: on hover AND keyboard focus the colours swap, so the text colour changes too and the state is obvious */
.rbtn{transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .22s,color .22s,border-color .22s!important}
.rbtn:is(:hover,:focus-visible){--hb:#0D3922;--hf:#fff}
.rbtn:is(:hover,:focus-visible):not(.rbtn--o):not(.rbtn--w):not(.rbtn--t){background:var(--hb)!important;color:var(--hf)!important;border-color:var(--hb)!important}
.rbtn:is(:hover,:focus-visible):not(.rbtn--o):not(.rbtn--w):not(.rbtn--t)::before{opacity:1!important;background:var(--hb)!important}
.rbtn:is(:hover,:focus-visible):not(.rbtn--o):not(.rbtn--w):not(.rbtn--t) svg{color:var(--gold)}
/* lime buttons on dark backgrounds turn white */
:is(.rdark,.hrot,.rhero,.rshift,.rmpromo) .rbtn:is(:hover,:focus-visible):not(.rbtn--o):not(.rbtn--w):not(.rbtn--t){--hb:#fff;--hf:#0D3922}
:is(.rdark,.hrot,.rhero,.rshift,.rmpromo) .rbtn:is(:hover,:focus-visible):not(.rbtn--o):not(.rbtn--w):not(.rbtn--t) svg{color:#0D3922}
/* dark buttons turn lime */
.rbtn--t:is(:hover,:focus-visible),.rfinal .rbtn:not(.rbtn--o):is(:hover,:focus-visible){background:var(--gold)!important;color:#0D3922!important;border-color:var(--gold)!important}
.rbtn--t:is(:hover,:focus-visible)::before,.rfinal .rbtn:not(.rbtn--o):is(:hover,:focus-visible)::before{opacity:1!important;background:var(--gold)!important}
.rbtn--t:is(:hover,:focus-visible) svg,.rfinal .rbtn:not(.rbtn--o):is(:hover,:focus-visible) svg{color:#0D3922!important}
.rfinal .rbtn--o:is(:hover,:focus-visible){color:#fff!important}
/* outline buttons fill */
.rbtn--o:is(:hover,:focus-visible){color:#fff!important}
.rbtn--o:is(:hover,:focus-visible)::before{opacity:1!important}
.rbtn--w:is(:hover,:focus-visible){color:#0D3922!important;background:#fff!important}
.rbtn--w:is(:hover,:focus-visible)::before{opacity:1!important}
.rbtn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
:is(.rdark,.hrot,.rhero,.rshift) .rbtn:focus-visible{outline-color:#fff}
/* card links */
.scard__link:is(:hover,:focus-visible){background:var(--gold)!important;color:#0D3922!important}
.scard__link:is(:hover,:focus-visible) svg{background:#0D3922!important;color:var(--gold)!important}
.csc__read{transition:background-color .22s,color .22s}
.csc:hover .csc__read,.csc:focus-within .csc__read{background:#0D3922;color:var(--gold)}
.rmbar__c:is(:hover,:focus-visible){filter:none}
.itab:not([aria-selected="true"]):hover{background:color-mix(in srgb,var(--c) 10%,#fff);color:color-mix(in srgb,var(--c) 90%,#000)}
/* Compare cards: three equal cards, rows lined up, clear focus */
@media (min-width:960px){
  .rvs{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;padding-top:16px}
  .rvs__c--us{transform:none!important}
}
.rvs__c{display:flex;flex-direction:column;padding-top:clamp(34px,3.4vw,44px)!important;outline:none}
.rvs__c ul{flex:1;align-content:start}
.rvs__c li{min-height:52px}
.rvs__c li span{font-size:16px;font-weight:700}
.rvs__c:not(.rvs__c--us) li span{color:#fff}
.rvs__c li small{font-weight:800}
.rvs__btn{margin-top:auto!important}
.rvs__c--us ul{margin-bottom:24px}
.rvs__c--us{box-shadow:0 0 0 6px rgba(182,228,58,.18),0 30px 70px rgba(0,0,0,.35)!important}
.rvs__c:is(:hover,:focus-visible){transform:translateY(-6px)!important}
.rvs__c:not(.rvs__c--us):is(:hover,:focus-visible){border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}
.rvs__c:focus-visible{outline:3px solid var(--gold)!important;outline-offset:5px}
.rvs__c:focus-within:not(:focus-visible){outline:none}
/* lime buttons inside white cards that sit on dark sections stay dark on hover */
:is(.rdark,.rshift) :is(.rvs__c--us,.rshift__role) .rbtn:is(:hover,:focus-visible):not(.rbtn--o):not(.rbtn--w):not(.rbtn--t){--hb:#0D3922;--hf:#fff}
:is(.rdark,.rshift) :is(.rvs__c--us,.rshift__role) .rbtn:is(:hover,:focus-visible):not(.rbtn--o):not(.rbtn--w):not(.rbtn--t) svg{color:var(--gold)}
:is(.rdark,.rshift) :is(.rvs__c--us,.rshift__role) .rbtn:focus-visible{outline-color:var(--teal)}

/* ===== 2.5.9 ===== */
/* Case study tabs: one dark bar. On phones it stays one line and scrolls sideways (like the other tab rows) */
.cshow .cshow__tabs{gap:6px;padding:7px!important;margin-bottom:clamp(22px,2.4vw,32px);border-radius:999px;background:#0D3922;box-shadow:0 18px 40px rgba(10,44,26,.22);-webkit-mask-image:none;mask-image:none}
.cshow .itab{border:0!important;background:transparent!important;color:#DDEBDF!important;font-weight:800!important;padding:11px 18px!important;box-shadow:none!important;transform:none!important}
.cshow .itab span{position:relative;display:inline-flex;align-items:center;gap:8px}
.cshow .itab span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.cshow .itab:first-child span::before{display:none}
.cshow .itab:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.cshow .itab[aria-selected="true"]{background:#B6E43A!important;color:#0D3922!important;box-shadow:0 8px 20px rgba(182,228,58,.35)!important}
.cshow .itab[aria-selected="true"] span::before{box-shadow:0 0 0 2px #0D3922}
.cshow .itab:focus-visible{outline:3px solid #fff!important;outline-offset:-3px}
@media (max-width:767px){
  .cshow .cshow__tabs{width:auto;max-width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:6px 44px 6px 6px!important;scroll-padding:6px;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
  .cshow .itab{padding:9px 14px!important;font-size:14px!important}
}

/* Featured case study card ("tabone" and "one" layouts): dark, premium, the result is the first thing you read */
.cshow--feat .cshow__pane{padding-bottom:0!important}
.cshow--feat .csc{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;margin-top:0!important;align-items:center!important;color:#fff;background:radial-gradient(700px 420px at 100% 0%,rgba(182,228,58,.20),transparent 60%),radial-gradient(500px 400px at 0% 100%,rgba(27,94,58,.6),transparent 60%),linear-gradient(150deg,#124A2C,#0A2C1A)!important;border:1px solid rgba(182,228,58,.28)!important;box-shadow:0 40px 90px rgba(10,44,26,.30)!important;padding:clamp(16px,2.4vw,34px)!important}
.cshow--feat .csc:hover{transform:translateY(-4px)}
.cshow--feat .csc__l{gap:16px!important;overflow:visible!important}
.cshow--feat .csc :is(h3,:where([data-h="h3"])){color:#fff!important;font-size:clamp(25px,1.4vw + 16px,40px)!important}
.cshow--feat .csc__l>p{color:#CFE3D5!important;display:block!important;-webkit-line-clamp:unset!important}
.cshow--feat .csc__chip{background:rgba(255,255,255,.08);border-color:rgba(182,228,58,.45);color:#E8F5D0}
.cshow--feat .csc__chip i{background:var(--gold);color:#0D3922}
.csc__win{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px;width:100%;max-width:600px}
.csc__res{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#D7F78A,#B6E43A 60%,#A6D62E);color:#0D3922;box-shadow:0 16px 36px rgba(182,228,58,.28)}
.csc__resi{width:46px;height:46px;border-radius:14px;background:#0D3922;color:var(--gold);display:grid;place-items:center;flex:none}
.csc__resi svg{width:22px;height:22px}
.csc__res small,.csc__tm small{display:block;margin-bottom:3px;font:800 11.5px/1 var(--fh);letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.csc__res b{display:block;font:700 clamp(20px,.8vw + 15px,28px)/1.12 var(--fd)}
.csc__tm{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff}
.csc__tm svg{width:28px;height:28px;color:var(--gold);flex:none}
.csc__tm b{display:block;font:700 clamp(19px,.6vw + 15px,24px)/1.12 var(--fd)}
.cshow--feat .csc__foot{gap:12px}
.cshow--feat .csc__cl{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important}
.cshow--feat .csc__cl b{color:#fff}
.cshow--feat .csc__cl small{color:#BCD6C4}
.cshow--feat .csc__lg{background:var(--gold);color:#0D3922}
.cshow--feat .csc:hover .csc__read,.cshow--feat .csc:focus-within .csc__read{background:#fff;color:#0D3922}
.cshow--feat .csc__r{border-radius:22px!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;outline:1px solid rgba(255,255,255,.12)}
@media (min-width:1024px){ .cshow--feat .csc__r,.cshow--feat .csc__img,.cshow--feat .csc__noimg{height:auto!important;aspect-ratio:4/3.2!important} }
.cshow--feat .cshow__foot{margin-top:clamp(22px,2.4vw,32px)!important}
.cshow--feat .cempty{border-style:solid;box-shadow:0 24px 60px rgba(10,44,26,.08)}
@media (max-width:767px){
  .cshow--feat .csc{border-radius:26px!important;gap:18px!important;padding:12px 12px 18px!important}
  .cshow--feat .csc__r{order:-1;border-radius:18px!important}
  .cshow--feat .csc__img,.cshow--feat .csc__noimg{aspect-ratio:16/10!important}
  .cshow--feat .csc__l{padding:0 6px;gap:14px!important}
  .cshow--feat .csc :is(h3,:where([data-h="h3"])){font-size:25px!important;line-height:1.15}
  .cshow--feat .csc__l>p{font-size:15.5px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden}
  .csc__win{grid-template-columns:minmax(0,1fr)}
  .csc__res{padding:14px 16px}
  .csc__tm{padding:12px 16px}
  .csc__tm span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%}
  .csc__tm small{margin:0}
  .cshow--feat .csc__foot{flex-direction:column;align-items:stretch}
  .cshow--feat .csc__foot .csc__cl{flex:none}
  .cshow--feat .cshow__foot .rbtn{width:100%;justify-content:center}
}
/* Review cards: three brand colours in turn, so each card stands out */
.rrev{position:relative;overflow:hidden;border:0!important;box-shadow:0 22px 50px rgba(10,44,26,.10);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.rrev::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--gold)}
.rrev__q{font-size:64px!important}
.rcar__t>.rrev:nth-child(3n+1){background:radial-gradient(360px 220px at 100% 0%,rgba(182,228,58,.18),transparent 60%),linear-gradient(160deg,#124A2C,#0A2C1A)}
.rcar__t>.rrev:nth-child(3n+1) q,.rcar__t>.rrev:nth-child(3n+1) b{color:#fff}
.rcar__t>.rrev:nth-child(3n+1) small{color:#BCD6C4}
.rcar__t>.rrev:nth-child(3n+1) .rrev__a{background:var(--gold)!important;color:#0D3922}
.rcar__t>.rrev:nth-child(3n+2){background:linear-gradient(160deg,#F4FAE3,#E2F2B4)}
.rcar__t>.rrev:nth-child(3n+2)::before{background:#0D3922}
.rcar__t>.rrev:nth-child(3n+2) .rrev__q{color:#0D3922}
.rcar__t>.rrev:nth-child(3n+2) small{color:#3F5A47}
.rcar__t>.rrev:nth-child(3n){background:#fff;box-shadow:0 0 0 2px #B6E43A inset,0 22px 50px rgba(10,44,26,.10)}
.rrev:hover{transform:translateY(-6px);box-shadow:0 30px 64px rgba(10,44,26,.18)}
.rcar__t>.rrev:nth-child(3n):hover{box-shadow:0 0 0 2px #B6E43A inset,0 30px 64px rgba(10,44,26,.18)}
/* industry list: a line with a link becomes a clickable box with an arrow */
.ipanel__list li.is-link{padding:0}
.ipanel__list li.is-link a{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 14px;color:inherit;text-decoration:none;border-radius:inherit}
.ipanel__list li.is-link a>span{flex:1;min-width:0}
.ipanel__go{width:16px;height:16px;flex:none;opacity:.55;transition:transform .25s,opacity .25s}
.ipanel__list li.is-link a:is(:hover,:focus-visible) .ipanel__go{opacity:1;transform:translateX(3px)}
.ipanel__list li.is-link a:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.ipanel__n a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* extra buttons at the end of any section */
.rxbtn{position:relative;z-index:1;margin-top:clamp(24px,3vw,36px)}
.rxbtn .rrow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.rxbtn--l .rrow{justify-content:flex-start}
:is(.rdark,.rshift,.rtypes,.svc-sec[style*="--sc-bg:#0A2C1A"],.numdark,.hrot,.rfinal) .rxbtn__2{--f:#fff;border-color:rgba(255,255,255,.6)}
:is(.rdark,.rshift,.rtypes,.svc-sec[style*="--sc-bg:#0A2C1A"],.numdark,.hrot) .rxbtn__2:is(:hover,:focus-visible){color:#0D3922!important;background:#fff!important;border-color:#fff!important}
:is(.rdark,.rshift,.rtypes,.svc-sec[style*="--sc-bg:#0A2C1A"],.numdark,.hrot) .rxbtn__2:is(:hover,:focus-visible)::before{background:#fff!important}
@media (max-width:599px){ .rxbtn .rrow{flex-direction:column;align-items:stretch} .rxbtn .rbtn{width:100%;justify-content:center} }
/* Footer on phones and tablets: the audit button is one full-width bar under the columns */
.rfoot__mcta{display:none}
@media (max-width:1099px){
  .rfoot__g .rfoot__cta{display:none!important}
  .rfoot__mcta{display:block;margin-top:clamp(24px,4vw,34px)}
  .rfoot__mcta .rbtn{display:flex;width:100%;min-height:56px;justify-content:center;font-size:16.5px}
  .rfoot__g{row-gap:26px!important}
}
/* "What this means for your business" card: short value points, one per line */
.rshift--four .rshift__sk{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
.rshift--four .rshift__sk li{font-size:16px;align-items:flex-start;line-height:1.35}
.rshift--four .rshift__sk svg{margin-top:1px}
/* hero proof line: stars + reviews next to "Founder, Branding Dask" on every screen */
.hrot__proof{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 14px}
.hrot__proof span{display:inline-flex;align-items:center;gap:8px}
.hrot__proof span+span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:6px;opacity:.8}
@media (max-width:1023px){ .hrot__proof{justify-content:center} }
@media (max-width:599px){
  .hrot__proof{display:grid!important;justify-items:center;gap:6px!important}
  .hrot__proof span+span::before{display:none!important}
  .hrot__proof span:nth-child(2){display:inline-flex!important;opacity:.9}
}
/* light section colours stay clearly apart (a set background colour replaces the default gradient) */
.rwm[style*="--sc-bg"]{background-image:none!important}
.rsec[style*="--sc-bg:#E6F1E9"],.rsec[style*="--sc-bg:#F1F8DF"]{border-top:1px solid rgba(13,57,34,.06);border-bottom:1px solid rgba(13,57,34,.06)}

/* ===== 2.5.10: authority typography + calmer, cleaner colour ===== */
/* Fonts: Source Serif 4 (headings, upright, editorial) + Source Sans 3 (text, buttons, labels). Self hosted. */
@font-face{font-family:'Source Serif 4';src:url('../../fonts/source-serif-4-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('../../fonts/source-serif-4-700.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../../fonts/source-sans-3-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../../fonts/source-sans-3-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../../fonts/source-sans-3-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../../fonts/source-sans-3-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../../fonts/source-sans-3-800.woff2') format('woff2');font-weight:800 900;font-style:normal;font-display:swap}
:root{--fd:'Source Serif 4',Georgia,'Times New Roman',serif!important;--fh:'Source Sans 3','Segoe UI',system-ui,-apple-system,Arial,sans-serif!important;--fb:'Source Sans 3','Segoe UI',system-ui,-apple-system,Helvetica,Arial,sans-serif!important}
body{font-size:clamp(16.5px,.15vw + 16px,18.5px);letter-spacing:.003em}
:is(h1,h2,h3,h4,:where([data-h])){letter-spacing:-.012em}
.rsh p,.hero__lead,.phero__lead{font-weight:400!important;line-height:1.6}

/* No italics anywhere: the second part of a heading is upright and easy to read */
:is(h1,h2,h3,h4,:where([data-h])) em,.rsh em,.hrot__on,.hrot__h .rot .rot__w,.phero :is(h1,:where([data-h="h1"])) span,.stm2__sign,.rnum--w b,.numdark .rnum.rnum--w b,.cstory__q,.book__sub,.story__txt .big,.csc__shot blockquote{font-style:normal!important}
/* Light sections: dark green text with a lime highlighter stroke, so it never mixes with the background */
.rsec:not(.rdark):not(.rfinal):not([data-sc~="accent"]) .rsh :is(h2,:where([data-h="h2"])) em,
.rshift--light .rsh :is(h2,:where([data-h="h2"])) em{color:#0D3922!important;-webkit-text-fill-color:#0D3922;font-weight:700!important;background:linear-gradient(180deg,transparent 60%,rgba(182,228,58,.75) 60%,rgba(182,228,58,.75) 90%,transparent 90%);padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* Dark sections: bright lime, no highlight */
:is(.rdark,.rshift:not(.rshift--light),[data-sc~="accent"]) .rsh :is(h2,:where([data-h="h2"])) em{color:#B6E43A!important;-webkit-text-fill-color:#B6E43A;background:none!important}
.rfinal :is(h2,:where([data-h="h2"])) em{color:#0D3922!important;background:none!important;text-decoration:underline;text-decoration-color:rgba(13,57,34,.35);text-decoration-thickness:.08em;text-underline-offset:.12em}

/* Hero rotating word: icon tile and word, soft fade-up swap (2.5.11); caret hidden */
.hrot__h .rot{min-width:0;max-width:100%;overflow:visible!important;height:auto!important;padding:0!important;margin:0!important;justify-content:flex-start}
.hrot__h .rot .rot__in{display:inline-flex!important;align-items:center;gap:.24em;transform:none!important;opacity:1!important;filter:none!important;transition:none!important;white-space:nowrap}
.hrot__h .rot .rot__w{font-weight:700!important;color:#C6F24E!important;-webkit-text-fill-color:#C6F24E!important;padding:0!important;min-height:1.1em}
.hrot__h .rot__i{display:grid!important;place-items:center;width:.86em!important;height:.86em!important;padding:.15em!important;border-radius:.24em!important;background:#fff!important;color:var(--ic,#0D3922)!important;box-shadow:0 .12em .4em rgba(0,0,0,.28),inset 0 0 0 1px rgba(13,57,34,.06);flex:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease!important}
.hrot__h .rot__i svg,.hrot__h .rot__i img{width:100%;height:100%;display:block;object-fit:contain;stroke-width:2.2}
.hrot__h .rot__i.is-new{transform:scale(.55) rotate(-10deg);opacity:0}
.rot__c{display:inline-block;width:.06em;height:.82em;margin-left:.04em;border-radius:3px;background:#B6E43A;box-shadow:0 0 14px rgba(182,228,58,.6);animation:rotCaret 1.05s steps(1) infinite;align-self:center}
.rot.is-typing .rot__c{animation:none;opacity:1}
@keyframes rotCaret{0%,55%{opacity:1}56%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .rot__c{display:none} }
.hrot__on{font-weight:700!important}

/* Client logos: soft green band, white framed tiles, so every logo stands out */
.logos{background:linear-gradient(180deg,#F3F8EE,#E6F1E2)!important}
.logos .logos__i{background:#fff!important;border:1.5px solid rgba(13,57,34,.12)!important;box-shadow:0 14px 30px rgba(10,44,26,.10),0 2px 0 rgba(182,228,58,.9) inset!important;border-radius:20px!important;padding:12px 18px}
.logos .logos__i:hover{border-color:#B6E43A!important;transform:translateY(-3px)}
.logos__vp{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)!important}

/* Case study tabs: clean edges, no white blur */
.cshow .cshow__tabs{-webkit-mask-image:none!important;mask-image:none!important}
@media (max-width:767px){ .cshow .cshow__tabs{padding-right:6px!important;scroll-snap-type:x proximity} .cshow .itab{scroll-snap-align:start} }

/* Case study result + timeline: two matching rows; the label is bold, the answer a little smaller */
.csc__win{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;max-width:560px}
.csc__res,.csc__tm{display:flex!important;align-items:center;gap:12px!important;padding:12px 16px!important;border-radius:16px!important}
.csc__res>span:last-child,.csc__tm>span{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}
.csc__res small,.csc__tm small{margin:0!important;font:800 13.5px/1.2 var(--fh)!important;letter-spacing:.08em!important;text-transform:uppercase;opacity:1!important}
.csc__res b,.csc__tm b{font:700 16.5px/1.25 var(--fh)!important;text-align:right}
.csc__resi{width:34px!important;height:34px!important;border-radius:10px!important}
.csc__resi svg{width:18px!important;height:18px!important}
.csc__tm svg{width:22px!important;height:22px!important;margin:0 6px}
.csc__res small{color:#0D3922}
.csc__tm small{color:#DDEBDF}

/* Moving work rows (website design, paid ads): framed screenshots that stand out on their background */
.rwm .rwm__shot{border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 22px 50px rgba(6,31,18,.28)!important}
.rwm[style*="--sc-bg:#0D3922"] .rwm__shot{border-color:rgba(182,228,58,.35)!important;box-shadow:0 26px 60px rgba(0,0,0,.45)!important}
.rwm[style*="--sc-bg:#0D3922"]{background:radial-gradient(900px 400px at 50% 0%,rgba(182,228,58,.14),transparent 60%),linear-gradient(170deg,#0D3922,#0A2C1A)!important}

/* "SEO has changed": light version — white cards, a lime card and a dark card, clearly apart from the background */
.rshift--light{background:var(--sc-bg,#EDF4E6)!important}
.rshift--light::before{background-image:linear-gradient(rgba(13,57,34,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,57,34,.05) 1px,transparent 1px)!important}
.rshift--light .rsh :is(h2,:where([data-h="h2"])){color:#0D3922}
.rshift--light .rsh p{color:#3F5A47!important}
.rshift--light .rshift__era:not(.is-next){background:#fff;border:1px solid rgba(13,57,34,.10);box-shadow:0 18px 44px rgba(10,44,26,.08);backdrop-filter:none}
.rshift--light .rshift__era:not(.is-next) .rshift__no{color:rgba(13,57,34,.16)}
.rshift--light .rshift__era:not(.is-next) .rshift__lab{border-color:rgba(13,57,34,.2);color:#0D3922}
.rshift--light .rshift__era:not(.is-next) .rshift__flow li{color:#3F5A47}
.rshift--light .rshift__era:not(.is-next) .rshift__flow li.is-end{color:#0D3922}
.rshift--light .rshift__era:not(.is-next) .rshift__flow li::before{border-color:#6E9A12}
.rshift--light .rshift__era.is-next{box-shadow:0 24px 56px rgba(110,154,18,.25)}
.rshift--light .rshift__role{background:radial-gradient(500px 300px at 100% 0%,rgba(182,228,58,.18),transparent 60%),linear-gradient(150deg,#124A2C,#0A2C1A)!important;color:#fff!important;box-shadow:0 24px 56px rgba(10,44,26,.25)!important}
.rshift--light .rshift__role::before{display:none}
.rshift--light .rshift__role h3{color:#fff!important}
.rshift--light .rshift__k{color:#B6E43A!important}
.rshift--light .rshift__sk li{color:#E6F1E9!important}
.rshift--light .rshift__sk svg{background:#B6E43A!important;color:#0D3922!important}
.rshift--light .rshift__out{color:#CFE3D5!important;border-color:rgba(255,255,255,.14)!important}

/* Footer on phones: logo, text and social icons centred */
@media (max-width:767px){
  .rfoot__g>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center}
  .rfoot__g>div:first-child .rfoot__ab{margin-left:auto;margin-right:auto;max-width:34ch}
  .rfoot__g>div:first-child .rsoc{justify-content:center}
}
/* page heroes (dark): second part of the H1 in solid lime, upright */
.phero :is(h1,:where([data-h="h1"])) span{color:#B6E43A!important;-webkit-text-fill-color:#B6E43A!important;-webkit-text-stroke:0!important;background:none!important;font-weight:700!important}

/* ===== 2.5.11 ===== */
/* Hero word: calm fade-up swap (no typing) */
.hrot__h .rot.rot--fade{display:inline-grid!important;align-items:center;justify-items:start;vertical-align:baseline}
.hrot__h .rot.rot--fade>.rot__in{grid-area:1/1;transition:opacity .5s ease,transform .65s cubic-bezier(.22,1,.36,1),filter .5s ease!important;will-change:transform,opacity}
.hrot__h .rot.rot--fade>.rot__in.is-in{opacity:0!important;transform:translateY(.3em)!important;filter:blur(6px)!important}
.hrot__h .rot.rot--fade>.rot__in.is-out{opacity:0!important;transform:translateY(-.3em)!important;filter:blur(6px)!important}
.rot__c{display:none!important}

/* Hero on phones: big, bold heading on the left — the first thing people read */
@media (max-width:767px){
  .hrot__h{font-size:clamp(34px,10.4vw,46px)!important;line-height:1.06!important;letter-spacing:-.02em!important}
  .hrot__l1{white-space:normal!important}
  .hero__copy{text-align:left!important}
  .hrot__eb{margin-left:0!important;margin-right:auto!important}
  .hrot__h .hrot__l2{justify-content:flex-start!important}
  .hero__lead{margin-left:0!important;margin-right:0!important;font-size:16.5px}
  .hrot .rrow{justify-content:flex-start!important}
}

/* Featured case study: the whole card opens the case study; a small arrow shows it */
.cshow--feat .csc{cursor:pointer}
.csc__open{position:absolute;top:clamp(16px,2vw,24px);right:clamp(16px,2vw,24px);z-index:3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#B6E43A;color:#0D3922;box-shadow:0 10px 26px rgba(0,0,0,.3);transition:transform .3s var(--ease),background-color .25s,color .25s;pointer-events:none}
.csc__open svg{width:20px;height:20px;transform:rotate(-45deg);transition:transform .3s var(--ease)}
.cshow--feat .csc:hover .csc__open,.cshow--feat .csc:focus-within .csc__open{background:#fff;transform:scale(1.08)}
.cshow--feat .csc:hover .csc__open svg{transform:rotate(0)}
@media (max-width:767px){ .csc__open{top:22px;right:22px;width:42px;height:42px} }

/* Footer on phones: two even columns (Services + Create | Explore + Contact), same height */
@media (max-width:767px){
  .rfoot__g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:18px!important;align-items:stretch}
  .rfoot__g>div:not(:first-child){padding:16px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);height:100%}
  .rfoot__n{gap:12px!important}
  .rfoot__n a,.rfoot__n div{font-size:14px!important;gap:8px!important;word-break:normal!important;overflow-wrap:anywhere}
  .rfoot__n svg{width:16px!important;height:16px!important;margin-top:2px}
  .rfoot__n a[href*="wa.me"]{display:none!important}
  .rfoot__l{gap:10px!important}
  .rfoot__l a{font-size:14.5px}
}
@media (min-width:768px){ .csc__open{top:calc(clamp(16px,2.4vw,34px) + 16px);right:calc(clamp(16px,2.4vw,34px) + 16px)} }

/* ===== 2.5.12 ===== */
/* Hero on phones: two lines only — line 1 the sentence, line 2 "on + word"; the script shrinks the size only if needed */
@media (max-width:767px){
  .hrot__l1{white-space:nowrap!important;display:inline-block}
  .hrot__h{font-size:clamp(36px,11vw,48px)!important;font-weight:800!important}
  .hrot__h .hrot__l2{font-size:1.06em!important;margin-top:.06em!important}
}

/* Blog category tabs: the same dark bar as the case studies. On phones it stays one line and scrolls sideways (like the other tab rows) */
.rguide .cshow__tabs{gap:6px;padding:7px!important;margin-bottom:clamp(22px,2.4vw,32px);border-radius:999px;background:#0D3922;box-shadow:0 18px 40px rgba(10,44,26,.22);-webkit-mask-image:none;mask-image:none}
.rguide .itab{border:0!important;background:transparent!important;color:#DDEBDF!important;font-weight:800!important;padding:11px 18px!important;box-shadow:none!important;transform:none!important}
.rguide .itab span{position:relative;display:inline-flex;align-items:center;gap:8px}
.rguide .itab span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.rguide .itab:first-child span::before{display:none}
.rguide .itab:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.rguide .itab[aria-selected="true"]{background:#B6E43A!important;color:#0D3922!important;box-shadow:0 8px 20px rgba(182,228,58,.35)!important}
.rguide .itab[aria-selected="true"] span::before{box-shadow:0 0 0 2px #0D3922}
.rguide .itab:focus-visible{outline:3px solid #fff!important;outline-offset:-3px}
@media (max-width:767px){
  .rguide .cshow__tabs{width:auto;max-width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:6px 44px 6px 6px!important;scroll-padding:6px;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
  .rguide .itab{padding:9px 14px!important;font-size:14px!important}
}

.rguide .cshow__tabs{-webkit-mask-image:none!important;mask-image:none!important;margin-left:auto;margin-right:auto}
@media (max-width:767px){ .rguide .cshow__tabs{padding-right:6px!important;scroll-snap-type:x proximity} .rguide .itab{scroll-snap-align:start} }
.rguide .rblog.cshow__pane.is-on{animation:fade .45s var(--ease)}
/* Section intro: one line on laptops and desktops when it fits, less space before the content */
@media (min-width:1024px){ .rsh p{max-width:min(100%,1080px)!important} }
.rguide .rsh{margin-bottom:clamp(22px,2.4vw,32px)!important}

/* ===== 2.6.1 ===== */
/* Header menu: square bar, bigger bold links, the same gap between every link */
.rnav__list{border-radius:10px;gap:clamp(12px,1.25vw,26px);padding:6px clamp(14px,1.2vw,22px)}
.rnav__link{border-radius:0;padding:10px 0;font:800 clamp(13px,.42vw + 7.6px,15px)/1 var(--fh);text-transform:uppercase;letter-spacing:.045em}
.rhdr__bar{grid-template-columns:auto minmax(0,1fr) auto!important}
.rnav{min-width:0}
.rhdr__cta{flex:none;min-width:0}
.rhdr__call{white-space:nowrap}
.rnav__link svg,.rmm>.rnav__link .rico{width:14px;height:14px}
.rnav__link:hover,.rmm.open>.rnav__link{background:none;box-shadow:none;color:var(--teal);text-decoration:underline 3px var(--gold);text-underline-offset:9px}
.rnav__link.cur{background:none;box-shadow:none;color:var(--teal);text-decoration:underline 3px var(--gold);text-underline-offset:9px}

/* Built-in logo: real text, sharp at every size */
.azlogo{display:inline-flex;align-items:center;gap:11px;color:var(--teal);text-decoration:none}
.azlogo__m{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:#0D3922;color:#fff;font:700 23px/1 var(--fd);letter-spacing:-.02em;box-shadow:inset 0 0 0 2px #B6E43A}
.azlogo__m b{color:#B6E43A;font-weight:700}
.azlogo__t{display:grid;gap:4px}
.azlogo__n{font:700 25px/1 var(--fd);letter-spacing:-.01em;color:#0D3922;white-space:nowrap}
.azlogo__s{font:800 11.5px/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:#46564C;white-space:nowrap}
@media (max-width:1439px){ .azlogo__m{width:42px;height:42px;font-size:21px} .azlogo__n{font-size:23px} .azlogo__s{font-size:10.5px;letter-spacing:.17em} }
@media (max-width:599px){ .azlogo{gap:9px} .azlogo__m{width:38px;height:38px;font-size:19px;border-radius:9px} .azlogo__n{font-size:21px} .azlogo__s{font-size:10px;letter-spacing:.14em} }

/* Hero on phones: stars, reviews and "Founder, Branding Dask" centred */
@media (max-width:767px){
  .hrot__proof{display:grid!important;justify-items:center!important;justify-content:center!important;text-align:center!important;width:100%}
  .hrot__proof span{justify-content:center!important}
}

/* Social and review links: text letters instead of brand logos */
.rsoc svg text,.ico text{font-family:var(--fb)}

/* ===== 2.6.2 ===== */
/* SEO has changed: before vs now, readable at a glance */
.rvs2{display:grid;gap:18px;align-items:stretch;margin-top:8px}
@media (min-width:900px){ .rvs2{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:0} }
.rvs2__c{position:relative;padding:clamp(24px,2.4vw,38px);border-radius:24px}
.rvs2__c h3{display:flex;align-items:center;gap:12px;font:700 clamp(22px,.8vw + 16px,30px)/1.15 var(--fd);margin-bottom:18px}
.rvs2__i{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px}
.rvs2__i svg{width:22px;height:22px}
.rvs2__c ul{display:grid;gap:12px}
.rvs2__c li{display:flex;gap:12px;align-items:flex-start;font:600 clamp(15.5px,.2vw + 15px,17.5px)/1.4 var(--fb)}
.rvs2__c li svg{flex:none;width:22px;height:22px;margin-top:1px;padding:4px;border-radius:50%}
.rvs2__c--old{background:#fff;border:1px solid rgba(13,57,34,.10);box-shadow:0 18px 44px rgba(10,44,26,.07)}
.rvs2__c--old h3{color:#46564C}
.rvs2__c--old .rvs2__i{background:#EEF2EF;color:#7A8A80}
.rvs2__c--old li{color:#56665C}
.rvs2__c--old li svg{background:#EEF2EF;color:#7A8A80}
.rvs2__c--new{background:linear-gradient(150deg,#CDF26B,#B6E43A);box-shadow:0 26px 60px rgba(110,154,18,.28)}
.rvs2__c--new h3{color:#061F12}
.rvs2__c--new .rvs2__i{background:#0D3922;color:#B6E43A}
.rvs2__c--new li{color:#0A2C1A}
.rvs2__c--new li svg{background:#0D3922;color:#B6E43A}
.rvs2__note{margin-top:20px;padding-top:16px;border-top:1px solid rgba(6,31,18,.16);font:700 16px/1.4 var(--fh);color:#0D3922}
.rvs2__go{align-self:center;justify-self:center;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#0D3922;color:#B6E43A;box-shadow:0 10px 26px rgba(10,44,26,.25);z-index:1}
.rvs2__go svg{width:24px;height:24px}
@media (max-width:899px){ .rvs2__go{margin:-8px auto;transform:rotate(90deg)} }
.rvs2__me{margin-top:clamp(18px,2vw,28px)}
.rshift--vs .rshift__role{display:grid;gap:18px;padding:clamp(24px,2.6vw,40px);border-radius:24px}
@media (min-width:900px){
  .rshift--vs .rshift__role{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:40px}
  .rshift--vs .rshift__role .rshift__k{grid-column:1}
  .rshift--vs .rshift__role h3{grid-column:1;margin:0}
  .rshift--vs .rshift__sk{grid-column:2;grid-row:1 / span 2}
}
.rshift--vs .rshift__sk{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.rshift--vs .rshift__sk li{font-size:16.5px;line-height:1.4;align-items:flex-start}

/* How we work together: coloured cards that read as a path to the result */
.rhow .rsteps>.rst{text-align:left;padding:clamp(24px,2.2vw,34px);border-radius:22px;border-top-width:0;box-shadow:0 16px 40px rgba(10,44,26,.08)}
.rhow .rsteps>.rst .rst__n{margin:0 0 18px;width:54px;height:54px;border-radius:14px}
.rhow .rsteps>.rst .rst__k{top:22px;right:24px;font:700 46px/1 var(--fd);color:rgba(13,57,34,.12)!important}
.rhow .rsteps>.rst:nth-child(2){background:#F1F8DF;border:1px solid #DCEBB8}
.rhow .rsteps>.rst:nth-child(3){background:#E6F1E9;border:1px solid #CFE3D5}
.rhow .rsteps>.rst:nth-child(4){background:linear-gradient(150deg,#124A2C,#0A2C1A);border:1px solid #124A2C}
.rhow .rsteps>.rst:nth-child(4) h3{color:#fff}
.rhow .rsteps>.rst:nth-child(4) p{color:#CFE3D5}
.rhow .rsteps>.rst:nth-child(4) .rst__n{background:#B6E43A;color:#0D3922}
.rhow .rsteps>.rst:nth-child(4) .rst__k{color:rgba(182,228,58,.35)!important}
@media (hover:hover){ .rhow .rsteps>.rst:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(10,44,26,.14)} .rhow .rsteps>.rst:nth-child(-n+3):hover{background-color:#fff} }
@media (max-width:899px){ .rhow .rsteps{gap:14px} .rhow .rrail{display:none} }
.rhow .rrow .rbtn--o{background:#0D3922;color:#fff;border-color:#0D3922;border-radius:12px;padding-right:12px}
.rhow .rrow .rbtn--o svg{width:30px;height:30px;padding:6px;border-radius:8px;background:#B6E43A;color:#0D3922}
.rhow .rrow .rbtn--o:is(:hover,:focus-visible){background:#B6E43A;color:#061F12;border-color:#B6E43A}
.rhow .rrow .rbtn--o:is(:hover,:focus-visible) svg{background:#0D3922;color:#B6E43A}

/* Who is Azmirul Imran: signature and button on one line */
@media (min-width:600px){
  .story__foot{flex-wrap:nowrap!important;justify-content:center}
  .story__foot .sign{min-width:0;border-radius:18px;padding:10px 18px 10px 10px}
  .story__foot .sign small{white-space:normal;line-height:1.3;max-width:230px}
  .story__foot .rbtn{flex:none;min-height:56px;border-radius:12px;white-space:nowrap}
}

/* Free audit pop-up: a note from Azmirul + a short form, square corners */
.azpop{width:min(880px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:6px;overflow:auto}
.azpop__in{display:grid;min-height:0}
@media (min-width:768px){ .azpop__in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} }
.azpop__me{background:#0D3922;color:#E6F1E9;padding:clamp(22px,3vw,40px);display:grid;align-content:start;gap:14px}
.azpop__who{display:flex;align-items:center;gap:12px}
.azpop__who img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #B6E43A}
.azpop__who b{display:block;font:800 16px/1.2 var(--fh);color:#fff}
.azpop__who small{display:block;font-size:13.5px;color:#B6E43A}
.azpop__hi{font:700 clamp(24px,1vw + 18px,32px)/1.15 var(--fd);color:#fff;margin-top:8px}
.azpop__note{font-size:16.5px;line-height:1.55;color:#CFE3D5}
.azpop__get{display:grid;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.azpop__get li{display:flex;gap:10px;align-items:flex-start;font:600 15px/1.4 var(--fb);color:#E6F1E9}
.azpop__get svg{flex:none;width:20px;height:20px;padding:3px;border-radius:4px;background:#B6E43A;color:#0D3922}
.azpop__main{position:static;padding:clamp(22px,3vw,40px);display:grid;align-content:start;gap:16px;background:#fff}
.azpop__main h3{font:700 clamp(22px,.8vw + 17px,28px)/1.2 var(--fd);color:#0D3922;padding-right:52px}
.azpop .rpop__x{top:16px;right:16px;width:40px;height:40px;border-radius:4px;background:#EEF5F0;color:#0D3922}
.azpop .rpop__x:hover{background:#B6E43A;color:#061F12;transform:none}
.azpop .rpop__form{padding:0;gap:14px;overflow:visible}
.azpop .rpop__f input,.azpop .rpop__f textarea{border-radius:4px;padding:12px 14px;border:1.5px solid #CFE3D5;background:#FBFDFB}
.azpop .rpop__f textarea{min-height:64px;resize:none}
.azpop .rpop__f input:focus,.azpop .rpop__f textarea:focus{border-color:#0D3922;box-shadow:0 0 0 3px rgba(182,228,58,.45)}
.azpop .rpop__send{width:100%;justify-content:center;min-height:54px;border-radius:4px;font-size:16.5px}
.azpop__small{font-size:13.5px;color:#56665C;text-align:center}
.azpop .rpop__ok{padding:24px 0}
@media (max-width:767px){
  .azpop{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .azpop__me{padding:18px 18px 16px;gap:8px}
  .azpop__who img,.azpop__who .azlogo__m{width:44px;height:44px}
  .azpop__hi,.azpop__get{display:none}
  .azpop__note{font-size:15px;line-height:1.5}
  .azpop__main{padding:18px;gap:12px}
  .azpop__main h3{font-size:21px}
  .azpop .rpop__form{gap:11px}
  .azpop .rpop__f input{padding:10px 12px}
  .azpop .rpop__f textarea{min-height:52px}
  .azpop .rpop__x{top:12px;right:12px}
}
@media (max-height:640px) and (max-width:767px){ .azpop__note{display:none} .azpop .rpop__f textarea{min-height:44px} }