*{box-sizing:border-box;margin:0;padding:0}
:root{--yellow:#FAF700;--orange:#FF7A1A;--blue:#286DFF;--green:#18E66D;--purple:#8B5CF6;--black:#0A0A0A;--white:#FFFFFF;--muted:#646464;--line:rgba(10,10,10,.22);--max:1480px}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:Inter,Arial,sans-serif;background:var(--white);color:var(--black);overflow-x:hidden;padding-top:80px}
body.menu-open{overflow:hidden}
a{color:inherit}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1201;background:var(--black);border-bottom:2px solid var(--green)}
.nav-in{width:100%;max-width:none;margin:0;padding:0 60px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand img{height:44px;width:156px;object-fit:contain;object-position:left center;display:block}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a,.header-cta{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;text-decoration:none;color:rgba(255,255,255,.62);position:relative;padding:12px 0}
.nav-links a::before,.header-cta::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--white);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav-links a:hover,.header-cta:hover{color:var(--green)}
.nav-links a:hover::before,.header-cta:hover::before{transform:scaleX(1)}
.header-cta{background:var(--white);color:var(--black);border:1px solid var(--white);padding:16px 22px;transition:background .18s ease,color .18s ease,border-color .18s ease}
.header-cta::before{height:3px;background:var(--button-line,var(--orange))}
.header-cta:hover{background:var(--button-fill,var(--blue));color:var(--black);border-color:var(--white)}
.nav-links a:nth-child(1):hover{color:var(--yellow)}
.nav-links a:nth-child(2):hover{color:var(--orange)}
.nav-links a:nth-child(3):hover{color:var(--blue)}
.nav-links a:nth-child(4):hover{color:var(--green)}
.nav-links a:nth-child(5):hover{color:var(--purple)}
.menu-toggle{position:relative;z-index:1202;width:50px;height:50px;border:1px solid rgba(255,255,255,.72);background:transparent;color:var(--white);display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .22s ease,background .22s ease,transform .72s cubic-bezier(.76,0,.24,1)}
.menu-toggle:hover,.menu-toggle:focus-visible{border-color:var(--green);outline:0}
.menu-frame{position:relative;width:100%;height:100%;display:grid;place-items:center}
.menu-lines{position:relative;width:23px;height:17px;display:block}
.menu-line{position:absolute;left:0;width:23px;height:1px;background:currentColor;transform-origin:center;transition:top .46s cubic-bezier(.76,0,.24,1),transform .46s cubic-bezier(.76,0,.24,1),opacity .22s ease}
.menu-line-top{top:0}
.menu-line-mid{top:8px}
.menu-line-bottom{top:16px}
.menu-toggle.is-open{transform:rotate(1080deg)}
.menu-toggle.is-open .menu-line-top{top:8px;transform:rotate(45deg)}
.menu-toggle.is-open .menu-line-mid{opacity:0;transform:scaleX(0)}
.menu-toggle.is-open .menu-line-bottom{top:8px;transform:rotate(-45deg)}
.site-menu{position:fixed;inset:0;z-index:1100;pointer-events:none;visibility:hidden;transition:visibility .55s ease}
.site-menu::before{content:"";position:absolute;inset:0;background:rgba(10,10,10,.34);opacity:0;transition:opacity .5s ease}
.site-menu__panel{position:absolute;top:0;right:0;width:min(50vw,760px);height:100vh;background:var(--black);border-left:1px solid rgba(255,255,255,.16);transform:translateX(100%);transition:transform .62s cubic-bezier(.22,.72,.18,1);padding:124px 60px 60px;overflow-y:auto}
.site-menu.is-open{pointer-events:auto;visibility:visible}
.site-menu.is-open::before{opacity:1}
.site-menu.is-open .site-menu__panel{transform:translateX(0)}
.site-menu__nav{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.16)}
.menu-modes{display:flex;align-items:center;gap:26px;padding:18px 0 16px;border-bottom:0}
.menu-mode{position:relative;border:0;background:transparent;color:rgba(255,255,255,.58);padding:10px 0 7px;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.12em;line-height:1;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color .28s ease}
.menu-mode::before{display:none}
.menu-mode:hover,.menu-mode:focus-visible,.menu-mode.is-active{color:var(--white);outline:0}
.menu-mode:hover::before,.menu-mode:focus-visible::before,.menu-mode.is-active::before{transform:scaleX(1)}
.menu-group{position:relative;border-bottom:1px solid rgba(255,255,255,.16);padding:20px 0 18px;transition:opacity .42s ease,filter .42s ease,transform .52s cubic-bezier(.22,.72,.18,1)}
.site-menu[data-service-mode] .menu-group[data-service-mode="agency"]{transform:translateX(30px)}
.site-menu[data-service-mode="academy"] .menu-group[data-service-mode="agency"]{opacity:.58;filter:saturate(.55)}
.site-menu[data-service-mode="academy"] .menu-group[data-service-mode="academy"]{opacity:1;filter:none;transform:translateX(0)}
.site-menu[data-service-mode="agency"] .menu-group[data-service-mode="academy"]{opacity:.58;filter:saturate(.55)}
.site-menu[data-service-mode="agency"] .menu-group[data-service-mode="agency"]{opacity:1;filter:none}
.grow-page{--menu-accent:var(--orange)}
.evaluate-page{--menu-accent:var(--purple)}
.no-code-page,.intelligence-page{--menu-accent:var(--green)}
.train-page{--menu-accent:var(--blue)}
.menu-group::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.22,.72,.18,1)}
.menu-group:hover::before,.menu-group:focus-within::before,.menu-group.is-expanded::before{transform:scaleX(1)}
.menu-top{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:.04em;font-size:clamp(1.9rem,3.2vw,3.6rem);line-height:.9;color:var(--accent);transition:filter .3s ease}
.menu-group:hover .menu-top,.menu-group:focus-within .menu-top,.menu-group.is-expanded .menu-top{filter:brightness(1.08)}
.menu-sub{display:block;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:max-height .58s cubic-bezier(.22,.72,.18,1),opacity .36s ease,transform .5s cubic-bezier(.22,.72,.18,1),margin-top .5s cubic-bezier(.22,.72,.18,1),visibility 0s linear .58s;margin-left:0;margin-top:0}
.menu-group:focus-within .menu-sub,.menu-group.is-expanded .menu-sub{max-height:220px;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);margin-top:12px;transition-delay:0s}
.menu-sub a,.menu-sub span{position:relative;display:block;width:max-content;max-width:100%;font-family:"Barlow Condensed",sans-serif;font-weight:800;color:var(--white);text-decoration:none;font-size:.76rem;line-height:1.3;letter-spacing:.22em;text-transform:uppercase;padding:9px 0 6px;transition:color .28s ease}
.menu-sub a::before{content:"";position:absolute;top:2px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .36s cubic-bezier(.22,.72,.18,1)}
.menu-sub span{color:rgba(255,255,255,.62);letter-spacing:.02em}
.menu-sub a:hover,.menu-sub a:focus-visible{color:var(--accent);outline:0}
.menu-sub a:hover::before,.menu-sub a:focus-visible::before{transform:scaleX(1)}
.hero{position:relative;background:var(--green);min-height:calc(100vh - 80px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);border-bottom:2px solid var(--black)}
.hero-copy{padding:94px 60px 118px;align-self:center;max-width:1060px}
.eyebrow{font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;display:inline-flex;align-items:center;gap:14px;margin-bottom:22px}
.eyebrow::before{content:none;display:none}
.hero h1,.section-heading h2,.cta h2{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;line-height:.92;letter-spacing:-.035em}
.hero-title{display:block;max-width:1080px}
.hero-title strong{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:clamp(6.5rem,12vw,13rem);line-height:.72;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 calc(var(--count-glow,0) * 22px) rgba(255,255,255,.45);transition:text-shadow .2s ease}
.hero h1{font-size:clamp(2.7rem,4.15vw,4.8rem);max-width:1080px;margin-top:26px}
.hero .lede{font-size:1.08rem;line-height:1.65;max-width:650px;margin:28px 0 34px;color:rgba(0,0,0,.68)}
.hero-source{position:absolute;left:60px;right:60px;bottom:22px;max-width:var(--max);margin:0 auto;font-size:.68rem;line-height:1.45;color:rgba(0,0,0,.48)}
.hero-source a{color:rgba(0,0,0,.64);text-decoration:none;border-bottom:1px solid rgba(0,0,0,.3)}
.button-row{display:flex;gap:12px;flex-wrap:wrap}
.button{--button-fill:var(--orange);--button-line:var(--blue);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:17px 24px;border:1px solid var(--black);background:var(--white);color:var(--black);font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.11em;text-decoration:none;font-size:.95rem;overflow:hidden;transition:background .18s ease,color .18s ease,border-color .18s ease}
.consultation-cta{display:inline-flex;align-items:center;justify-content:center;width:250px;max-width:100%;min-height:54px;text-align:center}
.button::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--button-line);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.button:hover::before{transform:scaleX(1)}
.button.primary,.button.secondary,.button.dark,.button.black,.button.light{background:var(--white);color:var(--black);border-color:var(--black)}
.button:hover,.button.primary:hover,.button.secondary:hover,.button.dark:hover,.button.black:hover,.button.light:hover{background:var(--button-fill);color:var(--black);border-color:var(--black)}
.button-row .button:nth-child(1){--button-fill:var(--yellow);--button-line:var(--blue)}
.button-row .button:nth-child(2){--button-fill:var(--orange);--button-line:var(--purple)}
.button-row .button:nth-child(3){--button-fill:var(--blue);--button-line:var(--green)}
.dark .button{border-color:var(--white)}
.hero-panel{padding:94px 60px 118px;display:flex;align-items:center}
.signal-board{width:100%;border:1px solid var(--black);background:rgba(255,255,255,.18);display:grid;grid-template-columns:1fr}
.signal-row{position:relative;overflow:hidden;padding:24px;border-bottom:1px solid rgba(10,10,10,.28);display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start}
.signal-row:last-child{border-bottom:0}
.signal-row::after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--white);clip-path:inset(0 var(--card-line-right,100%) 0 var(--card-line-left,0));z-index:2;pointer-events:none}
.signal-row span{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.signal-row strong{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:1.75rem;line-height:1}
.signal-row p{margin-top:8px;line-height:1.45;color:rgba(0,0,0,.68)}
.section{position:relative;overflow:hidden;padding:104px 60px 132px;--section-dot:rgba(10,10,10,.48)}
.section+.section{border-top:1px solid var(--line)}
.section.dark{background:var(--black);color:var(--white);--section-dot:rgba(255,255,255,.58)}
.section.green{background:var(--green);--section-dot:rgba(10,10,10,.54)}
.no-code-page .section:not(.green),.intelligence-page .section:not(.green){--section-dot:rgba(24,230,109,.76)}
.no-code-page .footer,.intelligence-page .footer{--section-dot:rgba(24,230,109,.76)}
.wrap{max-width:var(--max);margin:0 auto}
.section-heading{max-width:900px;margin-bottom:48px}
.section-heading h2{font-size:clamp(2.8rem,4.5vw,5rem)}
.section-heading p:not(.eyebrow){font-size:1.05rem;line-height:1.7;color:var(--muted);max-width:720px;margin-top:18px}
.dark .section-heading p:not(.eyebrow){color:rgba(255,255,255,.62)}
.grid{display:grid;border:1px solid var(--line)}
.grid.two{grid-template-columns:repeat(2,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.grid.four{grid-template-columns:repeat(4,1fr)}
.card{position:relative;overflow:hidden;padding:34px;min-height:265px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;box-shadow:inset 0 .5px 0 var(--line)}
.dark .card{border-color:rgba(255,255,255,.18)}
.dark .card{box-shadow:inset 0 .5px 0 rgba(255,255,255,.22)}
.green .card{box-shadow:inset 0 .5px 0 rgba(10,10,10,.28)}
.card:nth-child(4n){border-right:0}
.grid.three .card:nth-child(3n),.grid.two .card:nth-child(2n){border-right:0}
.card::after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--card-line,var(--green));clip-path:inset(0 var(--card-line-right,100%) 0 var(--card-line-left,0));z-index:2}
.green .card::after{--card-line:var(--white)}
.dark .card::after{--card-line:var(--green)}
.card-icon{display:block;width:34px;height:34px;margin-bottom:28px;color:var(--green);opacity:var(--icon-opacity,1);transform:translateX(var(--icon-shift,0px));transition:opacity .22s ease,transform .22s ease}
.green .card-icon{color:var(--black)}
.grow-page .section:not(.dark):not(.orange-section):not(.green) .card-icon,.engage-page .section:not(.dark):not(.orange-section):not(.green) .card-icon{color:var(--orange)}
.grow-page .section.dark .card-icon,.grow-page .section.orange-section .card-icon,.engage-page .section.dark .card-icon,.engage-page .section.orange-section .card-icon{color:var(--white)}
.card-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card .label{display:inline-flex;align-items:center;gap:12px;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--green);margin-bottom:18px}
.green .card .label{color:var(--black)}
.card h3{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:2rem;line-height:1;margin-bottom:16px}
.card p,.card li{line-height:1.62;color:rgba(10,10,10,.68)}
.dark .card p,.dark .card li{color:rgba(255,255,255,.62)}
.card ul{padding-left:18px}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--black)}
.offer-card{position:relative;padding:38px 34px;border-right:1px solid var(--black);background:var(--white)}
.offer-card:last-child{border-right:0}
.offer-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--black)}
.offer-card.featured::before{background:var(--green)}
.offer-tag{display:inline-block;background:var(--black);color:var(--green);font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;padding:7px 10px;margin-bottom:22px}
.offer-card .offer-tag{align-self:flex-start}
.offer-card.featured .offer-tag{background:var(--green);color:var(--black)}
.offer-card h3{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:2rem;line-height:1;margin-bottom:16px}
.offer-card p{min-height:132px;font-size:.9rem;line-height:1.62;color:rgba(10,10,10,.64);margin-bottom:24px}
.offer-price{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:2.8rem;line-height:1}
.offer-card__action{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:38px}
.offer-card__price{flex:1;min-width:0}
.offer-card__action .offer-price{margin:0}
.offer-card__price .offer-meta{margin-top:7px}
.offer-card__action .button{width:250px;max-width:100%;min-height:54px;padding:17px 24px;font-size:.95rem;background:var(--black);color:var(--white)}
.offer-card__action--left{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;margin-top:auto}
.offer-card__action--left .button{background:var(--white);color:var(--black);border-color:var(--black);height:54px}
.offer-card--cta{display:flex;flex-direction:column}
.offer-meta{display:block;margin-top:7px;font-size:.72rem;line-height:1.45;color:rgba(10,10,10,.48)}
.bridge{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--black)}
.bridge-panel{padding:42px;border-right:1px solid var(--black)}
.bridge-panel:last-child{border-right:0}
.bridge-panel h3{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:2.5rem;line-height:1;margin-bottom:14px}
.bridge-panel p{line-height:1.7;color:rgba(0,0,0,.68)}
.home-page .site-header{border-bottom:1px solid rgba(255,255,255,.18)}
.home-page .brand img{height:44px}
.home-page .hero{background:var(--white);color:var(--black);--section-dot:rgba(255,122,26,1);grid-template-columns:1fr;min-height:calc(100vh - 80px);overflow:hidden}
.home-page .hero-copy{position:relative;z-index:5;width:min(58%,1050px);max-width:1050px;align-self:center}
.home-page .hero h1{font-size:clamp(3.2rem,5.2vw,6.2rem);max-width:980px;margin-top:0}
.home-page .hero .lede{color:rgba(10,10,10,.68)}
.home-page .hero-panel{position:absolute;z-index:1;inset:0;padding:0;display:block}
.home-visual{position:absolute;inset:0;width:100%;height:100%;min-height:100%;overflow:hidden;border:0;background:#f2f0e8;isolation:isolate}
.home-visual::after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 28%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.48) 51%,rgba(255,255,255,0) 68%)}
.home-visual__scene{position:absolute;inset:0;overflow:hidden;background:#f2f0e8}
.home-visual__robots{z-index:2;animation:homeRobotScene 20s cubic-bezier(.22,.72,.18,1) infinite}
.home-robot-track{position:absolute;inset:0 auto 0 0;width:200%;display:flex;animation:homeRobotScroll 15s linear infinite;will-change:transform}
.home-robot-track img{display:block;width:50%;height:100%;flex:0 0 50%;object-fit:cover;object-position:center}
.home-visual__ink{position:absolute;z-index:2;border-radius:50%;mix-blend-mode:multiply;filter:blur(.5px);opacity:.72}
.home-visual__ink--green{width:88px;height:88px;right:8%;top:12%;background:var(--green)}
.home-visual__ink--orange{width:42px;height:42px;left:10%;bottom:14%;background:var(--orange)}
.home-visual__services{z-index:1;opacity:0;animation:homeServiceScene 20s cubic-bezier(.22,.72,.18,1) infinite}
.home-service-stage{position:absolute;inset:0;background:#faf700}
.home-service-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(10,10,10,.18) 1px,transparent 1.5px);background-size:8px 8px;opacity:.28;mix-blend-mode:multiply}
.home-service-person{position:absolute;z-index:3;left:72%;bottom:-1%;width:31%;height:94%;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:contrast(1.07) saturate(.86) drop-shadow(0 16px 18px rgba(0,0,0,.16))}
.home-service-signal{position:absolute;z-index:2;display:grid;justify-items:center;animation:homeServiceFloat var(--float-duration,7s) ease-in-out var(--float-delay,0s) infinite}
.home-service-signal img{display:block;width:100%;height:100%;object-fit:contain;filter:contrast(1.08) saturate(.86) drop-shadow(0 9px 8px rgba(0,0,0,.18))}
.home-service-signal--advisory{--service-color:var(--yellow);--float-duration:8.4s;--float-delay:-1.1s;left:47%;top:2%;width:18%;height:36%}
.home-service-signal--gauge{--service-color:var(--purple);--float-duration:7.6s;--float-delay:-3.5s;right:8%;top:4%;width:19%;height:27%}
.home-service-signal--engage{--service-color:var(--orange);--float-duration:8.8s;--float-delay:-2.4s;right:1%;top:36%;width:18%;height:31%}
.home-service-signal--no-code{--service-color:var(--green);--float-duration:7.9s;--float-delay:-4.4s;left:47%;top:43%;width:18%;height:33%}
.home-service-signal--train{--service-color:var(--blue);--float-duration:8.1s;--float-delay:-.6s;right:10%;bottom:1%;width:15%;height:31%}
.home-halftone{position:absolute;z-index:1;width:120px;height:120px;background-image:radial-gradient(circle,var(--dot-color) 1.5px,transparent 2px);background-size:9px 9px;opacity:.62}
.home-halftone--a{--dot-color:var(--blue);right:4%;top:28%}.home-halftone--b{--dot-color:var(--orange);left:6%;bottom:5%}
@keyframes homeRobotScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes homeRobotScene{0%,43%{opacity:1;visibility:visible}51%,93%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
@keyframes homeServiceScene{0%,43%{opacity:0;visibility:hidden}51%,93%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes homeServiceFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-12px,0) rotate(1deg)}}
.agent-board{width:100%;border:1px solid var(--line);background:var(--white)}
.agent-row{position:relative;overflow:hidden;padding:24px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:start}
.agent-row:last-child{border-bottom:0}
.agent-row::after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent,var(--orange));clip-path:inset(0 var(--card-line-right,100%) 0 var(--card-line-left,0));z-index:2}
.agent-row:nth-child(1){--accent:var(--orange)}
.agent-row:nth-child(2){--accent:var(--blue)}
.agent-row:nth-child(3){--accent:var(--purple)}
.agent-row span{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent)}
.agent-row strong{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:1.75rem;line-height:1;margin-bottom:8px}
.agent-row p{line-height:1.5;color:rgba(10,10,10,.64)}
.accent-yellow{--accent:var(--yellow);--section-dot:rgba(250,247,0,1)}
.accent-orange{--accent:var(--orange);--section-dot:rgba(255,122,26,1)}
.accent-blue{--accent:var(--blue);--section-dot:rgba(40,109,255,1)}
.accent-green{--accent:var(--green);--section-dot:rgba(24,230,109,1)}
.accent-purple{--accent:var(--purple);--section-dot:rgba(139,92,246,1)}
.home-page .grid.five{grid-template-columns:repeat(5,1fr)}
.verticals-heading{max-width:none;display:block}
.verticals-title-line{display:block}
.verticals-title-keep{white-space:nowrap}
.vertical-mode-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px;margin-top:28px}
.vertical-mode{justify-content:flex-start;min-height:86px;padding:18px 24px;background:var(--white);color:var(--black);font-size:clamp(2.1rem,3.2vw,3.35rem);line-height:.86;letter-spacing:.01em;text-align:left;transition:background .25s ease,color .25s ease,transform .25s ease}
.vertical-mode::before{height:4px;background:var(--button-line)}
.vertical-mode:hover,.vertical-mode:focus-visible{background:var(--button-fill);color:var(--black);outline:0;transform:translateY(-2px)}
.vertical-mode.is-active{background:var(--white);color:var(--black);outline:0;transform:translateY(-2px)}
.vertical-mode:hover::before,.vertical-mode:focus-visible::before,.vertical-mode.is-active::before{transform:scaleX(1)}
.vertical-card{position:relative;overflow:hidden;min-height:430px;padding:30px;border-right:1px solid var(--line);background:var(--white);display:flex;flex-direction:column}
.vertical-card{transition:opacity .32s ease,filter .32s ease,transform .32s ease}
.vertical-card.is-selected{background:var(--accent);filter:none;transform:scale(1)}
.vertical-card.is-selected::after{background:var(--black)}
.vertical-card.is-selected .num,.vertical-card.is-selected .day,.vertical-card.is-selected p{color:rgba(10,10,10,.68)}
.vertical-card.is-selected .link{border-bottom-color:var(--black)}
.vertical-card.is-muted{opacity:.43;filter:saturate(.5);transform:scale(.985)}
.vertical-card:last-child{border-right:0}
.vertical-card::after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent,var(--green));clip-path:inset(0 var(--card-line-right,100%) 0 var(--card-line-left,0));z-index:2}
.vertical-card .num{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:2.6rem;line-height:1;color:var(--accent);margin-bottom:22px}
.vertical-card .day{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;margin-bottom:20px;color:rgba(10,10,10,.58)}
.vertical-card h3{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:2.2rem;line-height:.96;margin-bottom:18px}
.vertical-card p{line-height:1.62;color:rgba(10,10,10,.68);margin-bottom:24px}
.vertical-card .vertical-card-cta{width:100%;margin-top:auto;flex:0 0 auto}
.course-note{position:relative;overflow:hidden;margin-top:34px;border:1px solid var(--line);padding:30px 34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;background:var(--white)}
.course-note::after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--purple);clip-path:inset(0 var(--card-line-right,100%) 0 var(--card-line-left,0));z-index:2}
.course-note span{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--purple)}
.course-note strong{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:2rem;line-height:1}
.course-note p{grid-column:1/2;line-height:1.65;color:rgba(10,10,10,.68);max-width:880px}
.course-note .button{grid-row:1/4;grid-column:2/3;align-self:center}
.home-page .card{background:transparent}
.home-page .card::after,.home-page .vertical-card::after{background:var(--accent,var(--green))}
.home-page .card .label{color:var(--accent,var(--green))}
.home-page .dark .card .label{color:var(--accent,var(--blue))}
.leadership{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.leadership-copy,.person{padding:38px}
.leadership-copy{border-right:1px solid var(--line)}
.leadership-copy h3{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(2.8rem,4.5vw,5rem);line-height:.92;margin-bottom:20px}
.leadership-copy p:not(.eyebrow),.person p{line-height:1.7;color:rgba(10,10,10,.68)}
.people-grid{display:grid;grid-template-columns:1fr}
.person:first-child{border-bottom:1px solid var(--line)}
.person strong{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:2rem;line-height:1;margin-bottom:8px}
.person span{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent,var(--orange));margin-bottom:18px}
.home-page .cta{background:var(--white);border-top:1px solid var(--line);--section-dot:rgba(24,230,109,.72)}
.home-page .cta-ghost{color:rgba(10,10,10,.035)}
.home-page .footer-ghost{color:rgba(255,255,255,.045)}
.case-menu{display:grid;border:1px solid var(--line)}
.case-row{appearance:none;border:0;border-bottom:1px solid var(--line);background:var(--white);color:var(--black);display:grid;grid-template-columns:80px minmax(0,1.2fr) minmax(220px,.8fr) 54px;gap:24px;align-items:center;width:100%;padding:30px 34px;text-align:left;cursor:pointer;position:relative;overflow:hidden}
.case-row:last-child{border-bottom:0}
.case-row::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.case-row:hover::before,.case-row.is-active::before{transform:scaleX(1)}
.case-number,.case-meta,.case-arrow{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;color:rgba(10,10,10,.55)}
.case-title{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(2rem,3.3vw,4rem);line-height:.92}
.case-meta{font-size:.74rem;line-height:1.45}
.case-arrow{justify-self:end;font-size:2rem;color:var(--green);letter-spacing:0}
.case-overlay{position:fixed;inset:80px 0 0 0;z-index:220;display:flex;justify-content:flex-end;background:rgba(10,10,10,.24);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.case-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.case-overlay__scrim{position:absolute;inset:0;border:0;background:linear-gradient(90deg,rgba(10,10,10,.42),rgba(10,10,10,.04) 62%);cursor:pointer}
.case-overlay__panel{position:relative;z-index:1;width:min(960px,68vw);min-height:calc(100vh - 80px);max-height:calc(100vh - 80px);overflow-y:auto;background:var(--white);color:var(--black);border-left:1px solid var(--line);box-shadow:-54px 0 140px rgba(0,0,0,.28);transform:translateX(100%);transition:transform .34s cubic-bezier(.22,.72,.18,1)}
.case-overlay.is-open .case-overlay__panel{transform:translateX(0)}
.case-overlay__close{position:sticky;top:0;left:100%;z-index:4;display:block;margin:0 0 0 auto;border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--green);color:var(--black);padding:16px 22px;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}
.case-panel__head{display:flex;justify-content:space-between;gap:24px;padding:20px 34px;border-top:3px solid var(--green);border-bottom:1px solid var(--line);font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:rgba(10,10,10,.58)}
.case-panel__intro{padding:44px 64px 52px;border-bottom:1px solid var(--line)}
.case-panel__intro .eyebrow{color:var(--black)}
.case-panel__intro h2{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(3rem,5vw,5.8rem);line-height:.92;margin-bottom:22px}
.case-panel__intro p:not(.eyebrow),.case-panel__section p,.case-panel__section li{line-height:1.7;color:rgba(10,10,10,.68)}
.case-panel__section{padding:40px 64px;border-bottom:1px solid var(--line)}
.case-panel__section h3{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:2.45rem;line-height:1;margin-bottom:16px}
.case-panel__section ul{margin-top:18px;padding-left:20px}
.case-panel__grid{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--line);border-top:0}
.case-panel__grid div{padding:32px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-panel__grid div:nth-child(2n){border-right:0}
.case-panel__grid div:nth-last-child(-n+2){border-bottom:0}
.case-panel__grid strong{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:1.6rem;line-height:1;margin-bottom:10px}
.case-panel__grid span{display:block;line-height:1.6;color:rgba(10,10,10,.68)}
.process{counter-reset:step;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.18)}
.process .card{counter-increment:step;min-height:300px}
.process .card::before{content:"0" counter(step);display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;background:var(--green);color:var(--black);font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:1.25rem;margin-bottom:28px}
.quote-band{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,4.4vw,5rem);line-height:.95;max-width:1180px}
.quote-band em{font-style:normal;color:var(--green)}
.cta{position:relative;overflow:hidden;background:var(--green);padding:100px 60px 132px;text-align:center;--section-dot:rgba(10,10,10,.28)}
.cta-ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:28vw;color:rgba(0,0,0,.045);line-height:1;white-space:nowrap;pointer-events:none;letter-spacing:0;z-index:1;text-transform:uppercase}
.cta-in{position:relative;z-index:2}
.cta h2{font-size:clamp(3rem,5.5vw,5.5rem);margin-bottom:18px}
.cta p{max-width:690px;margin:0 auto 30px;line-height:1.7;color:rgba(0,0,0,.68)}
.cta .button-row .button{width:250px;max-width:100%}
.footer{position:relative;overflow:hidden;background:var(--black);color:var(--white);padding:84px 60px 106px;border-top:2px solid var(--green);--section-dot:rgba(24,230,109,.34)}
.footer-ghost{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:22vw;color:rgba(24,230,109,.055);line-height:1;white-space:nowrap;pointer-events:none;text-transform:uppercase;z-index:1}
.footer-top{position:relative;z-index:2;max-width:var(--max);margin:0 auto 44px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}
.footer-brand img{height:42px;margin-bottom:22px}
.footer h2{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:3rem;line-height:1}
.footer p,.footer a,.footer span{color:rgba(255,255,255,.58);line-height:1.55}
.footer-top p{margin-top:18px}
.footer-grid{position:relative;z-index:2;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:30px;border-top:1px solid rgba(255,255,255,.15);padding-top:34px}
.footer-links,.footer address{display:flex;flex-direction:column;gap:9px;font-style:normal}
.footer strong{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--green)}
.footer-grid a{position:relative;display:inline-flex;width:fit-content;padding-top:7px;text-decoration:none;transition:color .2s ease}
.footer-grid a::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.22,.72,.18,1)}
.footer-grid a:hover,.footer-grid a:focus-visible{color:var(--white)}
.footer-grid a:hover::before,.footer-grid a:focus-visible::before{transform:scaleX(1)}
.dot-band{position:absolute;right:0;bottom:0;left:0;z-index:4;display:block;height:30px;pointer-events:none;color:var(--section-dot);opacity:0;overflow:hidden;clip-path:inset(0 var(--dot-clip-right,100%) 0 var(--dot-clip-left,0));transition:opacity .18s ease,transform .18s ease;transform:translateY(6px)}
.hero>.dot-band{bottom:-2px}
.dot-band::before,.dot-band::after{content:"";position:absolute;inset:0 -34%;background-image:radial-gradient(currentColor 1px,transparent 1.12px);background-size:4px 4px;opacity:calc(.72 + (var(--dot-visibility,0) * .28));transform:translateX(calc((var(--dot-progress,0) * 46%) - 23%));transition:opacity .16s ease}
.dot-band::after{opacity:calc(var(--dot-visibility,0) * .9);transform:translateX(calc((var(--dot-progress,0) * 62%) - 31%));background-position:2px 2px;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}
.dots-active>.dot-band{opacity:1;transform:translateY(0)}
.reveal-item{opacity:0;transform:translateY(28px);transition:opacity .58s ease var(--reveal-delay,0ms),transform .58s ease var(--reveal-delay,0ms)}
.reveal-item.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.course-note{grid-template-columns:1fr}.course-note p,.course-note .button{grid-column:1/2;grid-row:auto}.course-note .button{justify-self:start}}
@media(max-width:900px){.offer-grid{grid-template-columns:1fr}.offer-card{border-right:0;border-bottom:1px solid var(--black)}.offer-card:last-child{border-bottom:0}.offer-card p{min-height:0}}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-copy,.hero-panel,.section,.cta,.footer{padding-left:36px;padding-right:36px}.grid.four,.grid.three,.process,.home-page .grid.five{grid-template-columns:repeat(2,1fr)}.card:nth-child(n),.vertical-card:nth-child(n){border-right:1px solid var(--line)}.dark .card:nth-child(n){border-right:1px solid rgba(255,255,255,.18)}.grid.two .card:nth-child(2n),.grid.three .card:nth-child(2n),.grid.four .card:nth-child(2n),.process .card:nth-child(2n),.home-page .grid.five .vertical-card:nth-child(2n){border-right:0}.leadership{grid-template-columns:1fr}.leadership-copy{border-right:0;border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr}.bridge{grid-template-columns:1fr}.bridge-panel{border-right:0;border-bottom:1px solid var(--black)}.bridge-panel:last-child{border-bottom:0}}
@media(max-width:1100px){.home-page .hero{display:block;min-height:auto}.home-page .hero-copy{width:auto}.home-page .hero-panel{position:relative;inset:auto;height:min(680px,78vw);padding:0}.home-visual{position:absolute;height:100%;min-height:0}.home-visual::after{display:none}.home-service-person{left:50%;width:58%;height:96%}.home-service-signal--advisory{left:1%;top:3%;width:31%;height:35%}.home-service-signal--gauge{right:1%;top:5%;width:34%;height:24%}.home-service-signal--engage{right:0;top:36%;width:31%;height:29%}.home-service-signal--no-code{left:0;top:42%;width:30%;height:31%}.home-service-signal--train{right:4%;bottom:2%;width:25%;height:31%}}
@media(min-width:681px) and (max-width:1100px){.hero h1{font-size:clamp(2.8rem,7.2vw,5rem);max-width:980px}}
@media(max-width:680px){body{padding-top:74px}.nav-in{padding:0 22px;height:auto;min-height:74px;flex-wrap:wrap}.nav-links{display:none}.brand img,.home-page .brand img{height:36px}.menu-toggle{width:46px;height:46px}.site-menu__panel{width:100vw;padding:104px 28px 44px}.menu-top{font-size:clamp(2.6rem,11vw,4rem)}.menu-sub{margin-left:0}.header-cta{font-size:.7rem;padding:12px 14px}.header-cta.consultation-cta{width:auto;min-width:0}.hero-title strong{font-size:clamp(5.8rem,30vw,8.4rem)}.hero h1,.home-page .hero h1{font-size:clamp(2.9rem,14vw,4.7rem);margin-top:18px}.hero-source{position:relative;left:auto;right:auto;bottom:auto;padding:0 22px 22px}.hero-copy,.hero-panel,.section,.cta,.footer{padding-left:22px;padding-right:22px}.grid.four,.grid.three,.grid.two,.process,.home-page .grid.five{grid-template-columns:1fr}.verticals-heading{display:block}.vertical-mode-controls{margin-top:28px}.vertical-mode{min-height:72px;font-size:2.3rem}.card:nth-child(n),.vertical-card:nth-child(n){border-right:0}.agent-row{grid-template-columns:1fr}.signal-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section-heading h2,.cta h2{font-size:clamp(2.8rem,14vw,4.5rem)}.case-row{grid-template-columns:1fr;gap:10px;padding:24px}.case-arrow{justify-self:start}.case-overlay{inset:74px 0 0 0}.case-overlay__panel{width:100%;min-height:calc(100vh - 74px);max-height:calc(100vh - 74px)}.case-panel__intro,.case-panel__section{padding:34px 24px}.case-panel__grid{grid-template-columns:1fr}.case-panel__grid div:nth-child(n){border-right:0;border-bottom:1px solid var(--line)}.case-panel__grid div:last-child{border-bottom:0}.case-panel__head{display:grid;padding:18px 24px}.case-panel__intro h2{font-size:clamp(2.8rem,14vw,4.6rem)}}
@media(max-width:680px){.home-page .hero-panel{height:540px}.home-visual{height:540px;min-height:0}.home-service-person{width:72%;height:91%}.home-service-signal--advisory{width:36%}.home-service-signal--gauge{width:39%}.home-service-signal--engage{width:36%}.home-service-signal--no-code{width:35%}.home-service-signal--train{width:30%}}
@media(prefers-reduced-motion:reduce){.home-visual__robots{display:none}.home-visual__services{opacity:1;visibility:visible;animation:none}.home-service-signal,.home-robot-track{animation:none}}

/* Engage routes: keep the two practical connection options distinctly orange. */
.grow-page .section:has(.offer-grid) .offer-card::before {
  background: var(--orange);
  left: var(--card-line-left,0%);
  right: var(--card-line-right,100%);
  width: auto;
  transform: none;
  transition: left .08s linear,right .08s linear;
}
.grow-page .section:has(.offer-grid) .offer-card .offer-tag {
  background: var(--orange);
  color: var(--black);
}


/* Engage: orange information icons provide contrast on black sections. */
.grow-page .section.dark .card-icon {
  color: var(--orange);
}

/* Product offers use the shared scroll-line controller in each page's accent colour. */
.no-code-page .section:has(.offer-grid) .offer-card::before,
.evaluate-page .section:has(.offer-grid) .offer-card::before {
  background: var(--menu-accent);
  left: var(--card-line-left,0%);
  right: var(--card-line-right,100%);
  width: auto;
  transform: none;
  transition: left .08s linear,right .08s linear;
}

/* Gauge product offers use the Gauge purple, including both time tags. */
.evaluate-page #products .offer-card::before{background:var(--purple);}
.evaluate-page #products .offer-tag,
.evaluate-page #products .offer-card.featured .offer-tag{background:var(--black);color:var(--purple);}
.evaluate-page #ways-to-begin .grid,
.evaluate-page #products .offer-grid{grid-template-columns:minmax(0,1fr);max-width:900px}

/* Home hero refinement: seamless robot conveyor and labelled service constellation */
.home-page .home-visual__services,
.home-page .home-service-stage {
  background: #fff !important;
}

.home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) {
  position: absolute !important;
  left: 67% !important;
  bottom: -4% !important;
  width: 42% !important;
  height: 112% !important;
  max-width: none !important;
  z-index: 4 !important;
  transform: translateX(-50%) !important;
  animation: none !important;
}

.home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

.home-page .home-service-stage > *:has(img[src*="tech-bloom"]),
.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]),
.home-page .home-service-stage > *:has(img[src*="ai-city"]),
.home-page .home-service-stage > *:has(img[src*="ai-brain"]),
.home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
  position: absolute !important;
  height: auto !important;
  z-index: 6 !important;
  overflow: visible !important;
  animation: homeServicePointFloat 5.2s ease-in-out infinite !important;
}

.home-page .home-service-stage > *:has(img[src*="tech-bloom"]) img,
.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) img,
.home-page .home-service-stage > *:has(img[src*="ai-city"]) img,
.home-page .home-service-stage > *:has(img[src*="ai-brain"]) img,
.home-page .home-service-stage > *:has(img[src*="robot-hand"]) img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .18));
}

.home-page .home-service-stage > *:has(img[src*="tech-bloom"])::after,
.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"])::after,
.home-page .home-service-stage > *:has(img[src*="ai-city"])::after,
.home-page .home-service-stage > *:has(img[src*="ai-brain"])::after,
.home-page .home-service-stage > *:has(img[src*="robot-hand"])::after {
  position: absolute;
  left: 50%;
  bottom: 8%;
  transform: translateX(-50%);
  padding: 8px 12px 7px;
  background: #050505;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(12px, .95vw, 16px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  white-space: nowrap;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 rgba(255, 255, 255, .72);
}

.home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
  left: 53% !important;
  top: 6% !important;
  width: 16% !important;
  animation-delay: -.4s !important;
}
.home-page .home-service-stage > *:has(img[src*="tech-bloom"])::after { content: "01  Advisory"; }

.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
  left: 78% !important;
  top: 8% !important;
  width: 14% !important;
  animation-delay: -1.3s !important;
}
.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"])::after { content: "02  Gauge"; }

.home-page .home-service-stage > *:has(img[src*="ai-city"]) {
  left: 80% !important;
  top: 38% !important;
  width: 15% !important;
  animation-delay: -2.1s !important;
}
.home-page .home-service-stage > *:has(img[src*="ai-city"])::after { content: "03  Engage"; }

.home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
  left: 74% !important;
  top: 69% !important;
  width: 16% !important;
  animation-delay: -3s !important;
}
.home-page .home-service-stage > *:has(img[src*="ai-brain"])::after { content: "04  No-Code"; }

.home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
  left: 52% !important;
  top: 66% !important;
  width: 17% !important;
  animation-delay: -3.8s !important;
}
.home-page .home-service-stage > *:has(img[src*="robot-hand"])::after { content: "05  Train"; }

@keyframes homeServicePointFloat {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
  50% { transform: translate3d(0, -13px, 0) rotate(1deg); }
}

@media (max-width: 1100px) {
  .home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) {
    left: 50% !important;
    bottom: -3% !important;
    width: 72% !important;
    height: 101% !important;
  }

  .home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
    left: 3% !important;
    top: 5% !important;
    width: 28% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
    left: 69% !important;
    top: 6% !important;
    width: 26% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-city"]) {
    left: 71% !important;
    top: 37% !important;
    width: 27% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
    left: 68% !important;
    top: 68% !important;
    width: 28% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
    left: 3% !important;
    top: 66% !important;
    width: 30% !important;
  }

  .home-page .home-service-stage > *:has(img[src*="tech-bloom"])::after,
  .home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"])::after,
  .home-page .home-service-stage > *:has(img[src*="ai-city"])::after,
  .home-page .home-service-stage > *:has(img[src*="ai-brain"])::after,
  .home-page .home-service-stage > *:has(img[src*="robot-hand"])::after {
    padding: 6px 8px 5px;
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-service-stage > *:has(img[src*="tech-bloom"]),
  .home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]),
  .home-page .home-service-stage > *:has(img[src*="ai-city"]),
  .home-page .home-service-stage > *:has(img[src*="ai-brain"]),
  .home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
    animation: none !important;
  }
}

/* Home hero refinement: fixed print screens and clockwise service sequence */
.home-page .home-visual__robots::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: .82;
  mix-blend-mode: multiply;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 180'%3E%3Cdefs%3E%3Cpattern id='p' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='2.4' fill='%2335d04f'/%3E%3C/pattern%3E%3C/defs%3E%3Cellipse cx='120' cy='90' rx='110' ry='72' fill='url(%23p)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 180'%3E%3Cdefs%3E%3Cpattern id='p' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='2.2' fill='%23ff6a00'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M18 34h204v112H18z' fill='url(%23p)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 180'%3E%3Cdefs%3E%3Cpattern id='p' width='13' height='13' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='2.5' fill='%23f5df00'/%3E%3C/pattern%3E%3C/defs%3E%3Ccircle cx='120' cy='90' r='82' fill='url(%23p)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 180'%3E%3Cdefs%3E%3Cpattern id='p' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2.5' cy='2.5' r='2' fill='%232d6df6'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M22 22h196v136H22z' fill='url(%23p)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20% 26%, 16% 22%, 14% 21%, 18% 24%;
  background-position: 46% 10%, 87% 28%, 72% 82%, 34% 67%;
}

.home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) {
  left: 69% !important;
  bottom: -8% !important;
  width: 52% !important;
  height: 124% !important;
}

.home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) img {
  filter: grayscale(1) contrast(1.14) !important;
}

.home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
  left: 49% !important;
  top: 70% !important;
  width: 15% !important;
}
.home-page .home-service-stage > *:has(img[src*="tech-bloom"])::after { content: "01  Advisory"; }

.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
  left: 49% !important;
  top: 43% !important;
  width: 14% !important;
}
.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"])::after { content: "02  Gauge"; }

.home-page .home-service-stage > *:has(img[src*="ai-city"]) {
  left: 54% !important;
  top: 13% !important;
  width: 15% !important;
}
.home-page .home-service-stage > *:has(img[src*="ai-city"])::after { content: "03  Engage"; }

.home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
  left: 78% !important;
  top: 11% !important;
  width: 17% !important;
}
.home-page .home-service-stage > *:has(img[src*="robot-hand"])::after { content: "04  No-Code"; }

.home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
  left: 81% !important;
  top: 53% !important;
  width: 17% !important;
}
.home-page .home-service-stage > *:has(img[src*="ai-brain"])::after { content: "05  Train"; }

@media (max-width: 1100px) {
  .home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) {
    left: 50% !important;
    bottom: -7% !important;
    width: 88% !important;
    height: 112% !important;
  }

  .home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
    left: 1% !important;
    top: 69% !important;
    width: 31% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
    left: 1% !important;
    top: 39% !important;
    width: 29% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-city"]) {
    left: 7% !important;
    top: 8% !important;
    width: 29% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
    left: 68% !important;
    top: 7% !important;
    width: 31% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
    left: 69% !important;
    top: 53% !important;
    width: 30% !important;
  }

  .home-page .home-visual__robots::before {
    background-size: 34% 24%, 27% 20%, 24% 19%, 30% 22%;
    background-position: 38% 8%, 88% 28%, 76% 85%, 22% 69%;
  }
}

/* Home hero refinement: distressed fixed overprints and above-fold service arc */
.home-page .home-visual__robots::before {
  opacity: .9;
  mix-blend-mode: multiply;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 210'%3E%3Cdefs%3E%3Cpattern id='p' width='13' height='13' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='2.2' fill='%2335d04f'/%3E%3Ccircle cx='9' cy='9' r='1.1' fill='%2335d04f' opacity='.55'/%3E%3C/pattern%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.025' numOctaves='3' seed='7' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='18'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23r)' d='M18 47L53 21l51 13 47-20 60 24 72-9-7 55 18 38-43 17 11 42-64 11-35-21-48 23-58-18 15-51-25-32z' fill='url(%23p)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 190'%3E%3Cdefs%3E%3Cpattern id='p' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 2h8v3H0zM4 8h7v2H4z' fill='%23ff6a00' opacity='.82'/%3E%3C/pattern%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.035' numOctaves='2' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='22'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23r)' d='M15 63l48-39 61 19 47-26 53 23 79-6-17 42 22 35-48 16 5 37-66 10-54-19-39 20-67-13 19-44-31-21z' fill='url(%23p)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 210'%3E%3Cdefs%3E%3Cpattern id='p' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='2.5' fill='%23f5df00'/%3E%3Ccircle cx='10' cy='8' r='1.2' fill='%23f5df00' opacity='.62'/%3E%3C/pattern%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.03' numOctaves='3' seed='9' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='17'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23r)' d='M20 36l57-17 39 22 52-31 69 28-13 47 25 32-42 27 7 42-62 8-38-26-53 25-39-33 14-39-24-35z' fill='url(%23p)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310 220'%3E%3Cdefs%3E%3Cpattern id='p' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='2.3' fill='%232d6df6'/%3E%3Cpath d='M7 9h5v2H7z' fill='%232d6df6' opacity='.55'/%3E%3C/pattern%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.027' numOctaves='3' seed='12' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='21'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23r)' d='M14 58l57-38 51 18 54-25 61 31 58-7-8 52 17 37-51 19 8 49-71 7-44-24-62 27-45-35 11-42-34-29z' fill='url(%23p)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cdefs%3E%3Cpattern id='p' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2.5' cy='2.5' r='1.8' fill='%2335d04f'/%3E%3C/pattern%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.04' numOctaves='2' seed='3' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='16'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23r)' d='M12 51l58-31 45 20 55-28 53 30 46-6-9 41 14 33-43 15 6 31-65 2-38-17-49 21-42-24 12-35-30-22z' fill='url(%23p)' opacity='.82'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 180'%3E%3Cdefs%3E%3Cpattern id='p' width='13' height='13' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 1h9v3H0zM5 8h8v2H5z' fill='%232d6df6' opacity='.78'/%3E%3C/pattern%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='.032' numOctaves='3' seed='15' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='19'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23r)' d='M15 44l46-25 55 19 47-26 67 25 51-4-12 43 19 34-47 18 7 37-70 2-42-17-52 19-48-26 17-37-35-29z' fill='url(%23p)' opacity='.78'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 27% 31%, 23% 27%, 19% 25%, 28% 32%, 18% 22%, 22% 25%;
  background-position: 48% 8%, 88% 28%, 70% 79%, 28% 66%, 79% 5%, 56% 56%;
}

.home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
  left: 50% !important;
  top: 57% !important;
  width: 14% !important;
}

.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
  left: 49% !important;
  top: 32% !important;
  width: 13% !important;
}

.home-page .home-service-stage > *:has(img[src*="ai-city"]) {
  left: 55% !important;
  top: 7% !important;
  width: 14% !important;
}

.home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
  left: 78% !important;
  top: 8% !important;
  width: 15% !important;
}

.home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
  left: 81% !important;
  top: 35% !important;
  width: 16% !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
    left: 2% !important;
    top: 58% !important;
    width: 29% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
    left: 2% !important;
    top: 31% !important;
    width: 27% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-city"]) {
    left: 8% !important;
    top: 5% !important;
    width: 27% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
    left: 69% !important;
    top: 6% !important;
    width: 29% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
    left: 70% !important;
    top: 34% !important;
    width: 28% !important;
  }

  .home-page .home-visual__robots::before {
    background-size: 42% 27%, 36% 24%, 31% 22%, 43% 29%, 29% 19%, 35% 22%;
    background-position: 43% 7%, 91% 29%, 73% 82%, 18% 67%, 80% 6%, 53% 55%;
  }
}

/* Home hero refinement: extracted static colour layer and balanced service orbit */
.home-page .home-visual__robots::before {
  opacity: .62;
  mix-blend-mode: multiply;
  background-image: url("assets/home/home-robot-colour-overlay-v1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) {
  left: 72% !important;
  bottom: -15% !important;
  width: 62% !important;
  height: 136% !important;
}

.home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) img {
  filter: grayscale(1) saturate(0) contrast(1.2) !important;
}

.home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
  left: 49% !important;
  top: 39% !important;
  width: 13% !important;
}

.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
  left: 49% !important;
  top: 25% !important;
  width: 12% !important;
}

.home-page .home-service-stage > *:has(img[src*="ai-city"]) {
  left: 55% !important;
  top: 4% !important;
  width: 13% !important;
}

.home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
  left: 79% !important;
  top: 5% !important;
  width: 14% !important;
}

.home-page .home-service-stage > *:has(img[src*="robot-hand"])::after {
  bottom: 36% !important;
}

.home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
  left: 81% !important;
  top: 27% !important;
  width: 15% !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) {
    left: 53% !important;
    bottom: -12% !important;
    width: 100% !important;
    height: 124% !important;
  }

  .home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
    left: 2% !important;
    top: 41% !important;
    width: 27% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
    left: 2% !important;
    top: 24% !important;
    width: 25% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-city"]) {
    left: 8% !important;
    top: 4% !important;
    width: 25% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
    left: 71% !important;
    top: 5% !important;
    width: 27% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
    left: 72% !important;
    top: 27% !important;
    width: 26% !important;
  }
}

/* Home hero refinement: five distinct large cutouts around an enlarged founder */
.home-page img[src*="person-cutout-clean"] {
  filter: grayscale(1) saturate(0) contrast(1.24) !important;
  mix-blend-mode: multiply !important;
}

.home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) {
  left: 75% !important;
  bottom: -22% !important;
  width: 74% !important;
  height: 150% !important;
}

.home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
  left: 50% !important;
  top: 45% !important;
  width: 15% !important;
}

.home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
  left: 48% !important;
  top: 24% !important;
  width: 15% !important;
}

.home-page .home-service-stage > *:has(img[src*="ai-city"]) {
  left: 55% !important;
  top: 3% !important;
  width: 16% !important;
}

.home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
  left: 83% !important;
  top: 3% !important;
  width: 13% !important;
}

.home-page .home-service-stage > *:has(img[src*="robot-hand"])::after {
  left: 50% !important;
  bottom: -8px !important;
  top: auto !important;
}

.home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
  left: 82% !important;
  top: 43% !important;
  width: 15% !important;
}

.home-page .home-service-stage > *:has(img[src*="ai-brain"])::after {
  left: 50% !important;
  bottom: -8px !important;
  top: auto !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-stage > *:has(img[src*="person-cutout-clean"]) {
    left: 57% !important;
    bottom: -19% !important;
    width: 118% !important;
    height: 138% !important;
  }

  .home-page .home-service-stage > *:has(img[src*="tech-bloom"]) {
    left: 4% !important;
    top: 45% !important;
    width: 31% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="angled-eye-higgsfield-cutout"]) {
    left: 2% !important;
    top: 24% !important;
    width: 30% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-city"]) {
    left: 9% !important;
    top: 3% !important;
    width: 31% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="robot-hand"]) {
    left: 78% !important;
    top: 3% !important;
    width: 22% !important;
  }
  .home-page .home-service-stage > *:has(img[src*="ai-brain"]) {
    left: 73% !important;
    top: 43% !important;
    width: 27% !important;
  }
}

/* Home service constellation: labels are part of each graphic unit */
.home-page .home-service-signal {
  right: auto !important;
  bottom: auto !important;
  height: auto !important;
  display: grid !important;
  grid-template-rows: auto auto;
  justify-items: center;
  align-content: start;
  gap: 0;
}

.home-page .home-service-signal::after {
  content: none !important;
  display: none !important;
}

.home-page .home-service-label {
  position: relative;
  z-index: 2;
  display: block;
  justify-self: center;
  margin-top: -6px;
  padding: 9px 14px 8px;
  background: #050505;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(13px, 1vw, 17px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  white-space: nowrap;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 rgba(255, 255, 255, .72);
}

.home-page .home-service-signal--no-code .home-service-label {
  margin-top: -4%;
}

.home-page .home-service-signal--train .home-service-label {
  margin-top: -7%;
}

.home-page .home-service-person {
  left: 69% !important;
  bottom: -11% !important;
  width: 48% !important;
  height: 122% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateX(-50%) !important;
  filter: grayscale(1) saturate(0) contrast(1.24) !important;
  mix-blend-mode: multiply !important;
}

.home-page .home-service-signal--advisory {
  left: 47% !important;
  top: 53% !important;
  width: 17% !important;
}

.home-page .home-service-signal--gauge {
  left: 45% !important;
  top: 29% !important;
  width: 16% !important;
}

.home-page .home-service-signal--engage {
  left: 52% !important;
  top: 3% !important;
  width: 17% !important;
}

.home-page .home-service-signal--no-code {
  left: 83% !important;
  top: 4% !important;
  width: 14% !important;
}

.home-page .home-service-signal--train {
  left: 81% !important;
  top: 48% !important;
  width: 16% !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-person {
    left: 50% !important;
    bottom: -8% !important;
    width: 82% !important;
    height: 110% !important;
  }

  .home-page .home-service-label {
    padding: 6px 9px 6px;
    font-size: 11px;
  }

  .home-page .home-service-signal--advisory {
    left: 2% !important;
    top: 53% !important;
    width: 33% !important;
  }
  .home-page .home-service-signal--gauge {
    left: 2% !important;
    top: 28% !important;
    width: 31% !important;
  }
  .home-page .home-service-signal--engage {
    left: 9% !important;
    top: 3% !important;
    width: 32% !important;
  }
  .home-page .home-service-signal--no-code {
    left: 77% !important;
    top: 4% !important;
    width: 23% !important;
  }
  .home-page .home-service-signal--train {
    left: 70% !important;
    top: 48% !important;
    width: 29% !important;
  }
}

/* Home hero: slower conveyor and evenly sequenced service orbit */
.home-page .home-robot-track {
  animation-duration: 30s !important;
}

.home-page .home-service-person {
  left: 77% !important;
  bottom: -11% !important;
  width: 50% !important;
  height: 124% !important;
  z-index: 5 !important;
}

.home-page .home-service-signal {
  right: auto !important;
  bottom: auto !important;
  width: 15% !important;
  height: 27% !important;
  z-index: 3 !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  overflow: visible !important;
  isolation: isolate;
}

.home-page .home-service-signal::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 8% -8% 15%;
  background: var(--service-color);
  opacity: .48;
  filter: blur(9px);
  mix-blend-mode: multiply;
  clip-path: polygon(7% 25%, 22% 7%, 45% 13%, 61% 2%, 84% 17%, 97% 40%, 88% 62%, 96% 83%, 69% 96%, 51% 86%, 27% 98%, 10% 76%, 16% 55%, 2% 42%);
  animation: homeServiceWash 4.8s ease-in-out infinite;
}

.home-page .home-service-signal img {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  object-fit: contain !important;
  object-position: center bottom !important;
}

.home-page .home-service-label {
  z-index: 2;
  margin-top: -4px !important;
}

.home-page .home-service-signal--advisory {
  left: 57% !important;
  top: 63% !important;
  animation: homeServicePointFloat 5.2s ease-in-out -.4s infinite, homeServiceSequence01 20s linear infinite !important;
}

.home-page .home-service-signal--gauge {
  left: 52% !important;
  top: 35% !important;
  animation: homeServicePointFloat 5.2s ease-in-out -1.3s infinite, homeServiceSequence02 20s linear infinite !important;
}

.home-page .home-service-signal--engage {
  left: 59% !important;
  top: 6% !important;
  animation: homeServicePointFloat 5.2s ease-in-out -2.1s infinite, homeServiceSequence03 20s linear infinite !important;
}

.home-page .home-service-signal--no-code {
  left: 82% !important;
  top: 6% !important;
  animation: homeServicePointFloat 5.2s ease-in-out -3s infinite, homeServiceSequence04 20s linear infinite !important;
}

.home-page .home-service-signal--train {
  left: 87% !important;
  top: 35% !important;
  animation: homeServicePointFloat 5.2s ease-in-out -3.8s infinite, homeServiceSequence05 20s linear infinite !important;
}

@keyframes homeServiceWash {
  0%, 100% { opacity: .38; transform: scale(.96) rotate(-2deg); }
  50% { opacity: .56; transform: scale(1.04) rotate(2deg); }
}

@keyframes homeServiceSequence01 {
  0%, 50% { opacity: 0; }
  54%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes homeServiceSequence02 {
  0%, 56% { opacity: 0; }
  60%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes homeServiceSequence03 {
  0%, 62% { opacity: 0; }
  66%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes homeServiceSequence04 {
  0%, 68% { opacity: 0; }
  72%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes homeServiceSequence05 {
  0%, 74% { opacity: 0; }
  78%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}

@media (max-width: 1100px) {
  .home-page .home-service-person {
    left: 56% !important;
    bottom: -8% !important;
    width: 88% !important;
    height: 112% !important;
  }

  .home-page .home-service-signal {
    width: 28% !important;
    height: 23% !important;
  }

  .home-page .home-service-signal--advisory {
    left: 5% !important;
    top: 65% !important;
  }
  .home-page .home-service-signal--gauge {
    left: 1% !important;
    top: 37% !important;
  }
  .home-page .home-service-signal--engage {
    left: 9% !important;
    top: 8% !important;
  }
  .home-page .home-service-signal--no-code {
    left: 72% !important;
    top: 8% !important;
  }
  .home-page .home-service-signal--train {
    left: 72% !important;
    top: 38% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-service-signal {
    opacity: 1 !important;
    animation: none !important;
  }
  .home-page .home-service-signal::before {
    animation: none !important;
  }
}

/* Home hero: foreground ripped colour washes and longer sequential service dwell */
.home-page .home-visual__robots {
  animation: homeRobotSceneShort 30s cubic-bezier(.22,.72,.18,1) infinite !important;
}

.home-page .home-visual__services {
  animation: homeServiceSceneLong 30s cubic-bezier(.22,.72,.18,1) infinite !important;
}

.home-page .home-service-signal::before {
  z-index: 2 !important;
  inset: 7% -5% 17% !important;
  opacity: .5;
  background-color: var(--service-color);
  background-image:
    radial-gradient(circle, rgba(5,5,5,.34) 1.2px, transparent 1.8px),
    repeating-linear-gradient(103deg, transparent 0 7px, rgba(255,255,255,.18) 8px 9px),
    repeating-linear-gradient(7deg, transparent 0 11px, rgba(5,5,5,.12) 12px 13px);
  background-size: 8px 8px, 17px 17px, 23px 23px;
  background-position: 0 0, 3px 5px, 7px 2px;
  mix-blend-mode: multiply;
  filter: contrast(1.2);
  clip-path: polygon(1% 19%, 5% 15%, 3% 10%, 12% 12%, 16% 5%, 23% 9%, 29% 2%, 36% 7%, 44% 3%, 51% 9%, 59% 1%, 66% 7%, 74% 3%, 81% 10%, 89% 6%, 94% 14%, 99% 12%, 96% 22%, 100% 29%, 96% 36%, 99% 44%, 94% 51%, 98% 59%, 92% 66%, 96% 75%, 88% 79%, 91% 88%, 82% 86%, 77% 96%, 68% 91%, 61% 98%, 53% 92%, 45% 97%, 38% 90%, 29% 96%, 24% 88%, 15% 92%, 12% 82%, 5% 84%, 8% 73%, 2% 68%, 6% 59%, 1% 53%, 5% 44%, 0 37%, 5% 29%);
  animation: homeServiceWashOver 5.4s ease-in-out infinite !important;
}

.home-page .home-service-signal img {
  z-index: 1 !important;
}

.home-page .home-service-label {
  z-index: 3 !important;
}

.home-page .home-service-signal--advisory {
  animation: homeServicePointFloat 5.2s ease-in-out -.4s infinite, homeServiceSequenceLong01 30s linear infinite !important;
}
.home-page .home-service-signal--gauge {
  animation: homeServicePointFloat 5.2s ease-in-out -1.3s infinite, homeServiceSequenceLong02 30s linear infinite !important;
}
.home-page .home-service-signal--engage {
  animation: homeServicePointFloat 5.2s ease-in-out -2.1s infinite, homeServiceSequenceLong03 30s linear infinite !important;
}
.home-page .home-service-signal--no-code {
  animation: homeServicePointFloat 5.2s ease-in-out -3s infinite, homeServiceSequenceLong04 30s linear infinite !important;
}
.home-page .home-service-signal--train {
  animation: homeServicePointFloat 5.2s ease-in-out -3.8s infinite, homeServiceSequenceLong05 30s linear infinite !important;
}

@keyframes homeRobotSceneShort {
  0%, 20% { opacity: 1; visibility: visible; }
  27%, 93% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}

@keyframes homeServiceSceneLong {
  0%, 20% { opacity: 0; visibility: hidden; }
  27%, 93% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}

@keyframes homeServiceWashOver {
  0%, 100% { opacity: .42; transform: scale(.97) rotate(-1.2deg); }
  50% { opacity: .58; transform: scale(1.025) rotate(1.2deg); }
}

@keyframes homeServiceSequenceLong01 {
  0%, 27% { opacity: 0; }
  33%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes homeServiceSequenceLong02 {
  0%, 34% { opacity: 0; }
  40%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes homeServiceSequenceLong03 {
  0%, 41% { opacity: 0; }
  47%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes homeServiceSequenceLong04 {
  0%, 48% { opacity: 0; }
  54%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes homeServiceSequenceLong05 {
  0%, 55% { opacity: 0; }
  61%, 93% { opacity: 1; }
  98%, 100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-visual__robots {
    display: none !important;
  }
  .home-page .home-visual__services {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
  }
  .home-page .home-service-signal,
  .home-page .home-service-signal::before {
    opacity: 1 !important;
    animation: none !important;
  }
}

/* Home service washes: genuine distressed transparent print mask */
.home-page .home-service-signal::before {
  z-index: 2 !important;
  inset: 5% -10% 17% !important;
  background: var(--service-color) !important;
  background-image: none !important;
  opacity: .6;
  mix-blend-mode: multiply;
  filter: none !important;
  clip-path: none !important;
  -webkit-mask-image: url("assets/home/home-service-wash-mask-v1.png");
  mask-image: url("assets/home/home-service-wash-mask-v1.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 112% 106%;
  mask-size: 112% 106%;
}

.home-page .home-service-signal--advisory::before {
  transform-origin: 48% 53%;
  -webkit-mask-size: 116% 108%;
  mask-size: 116% 108%;
}
.home-page .home-service-signal--gauge::before {
  transform-origin: 53% 47%;
  -webkit-mask-size: 108% 116%;
  mask-size: 108% 116%;
}
.home-page .home-service-signal--engage::before {
  transform-origin: 46% 55%;
  -webkit-mask-size: 118% 104%;
  mask-size: 118% 104%;
}
.home-page .home-service-signal--no-code::before {
  transform-origin: 55% 45%;
  -webkit-mask-size: 105% 118%;
  mask-size: 105% 118%;
}
.home-page .home-service-signal--train::before {
  transform-origin: 45% 52%;
  -webkit-mask-size: 114% 110%;
  mask-size: 114% 110%;
}

/* Home service washes: true transparent irregular ink mask */
.home-page .home-service-signal::before {
  background: var(--service-color) !important;
  background-image: none !important;
  opacity: .56;
  clip-path: none !important;
  -webkit-mask-image: url("assets/home/home-service-wash-mask-v2.svg") !important;
  mask-image: url("assets/home/home-service-wash-mask-v2.svg") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 118% 112% !important;
  mask-size: 118% 112% !important;
}

/* Home services: five unique dotted paper tears and explicit reveal order */
.home-page .home-visual__robots {
  animation: homeRobotSceneReadingCycle 36s cubic-bezier(.22,.72,.18,1) infinite !important;
}
.home-page .home-visual__services {
  animation: homeServiceSceneReadingCycle 36s cubic-bezier(.22,.72,.18,1) infinite !important;
}

.home-page .home-service-signal::before {
  inset: 23% -14% 29% !important;
  z-index: 2 !important;
  background-color: var(--service-color) !important;
  background-image: radial-gradient(circle, rgba(5,5,5,.38) 1.3px, transparent 1.8px) !important;
  background-size: 9px 9px !important;
  background-position: 0 0 !important;
  opacity: .68 !important;
  mix-blend-mode: multiply !important;
  clip-path: none !important;
  filter: none !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  animation: homePaperTearBreathe 5.8s ease-in-out infinite !important;
}

.home-page .home-service-signal--advisory::before {
  --tear-angle: -4deg;
  -webkit-mask-image: url("assets/home/home-tear-advisory.svg") !important;
  mask-image: url("assets/home/home-tear-advisory.svg") !important;
}
.home-page .home-service-signal--gauge::before {
  --tear-angle: 3deg;
  -webkit-mask-image: url("assets/home/home-tear-gauge.svg") !important;
  mask-image: url("assets/home/home-tear-gauge.svg") !important;
}
.home-page .home-service-signal--engage::before {
  --tear-angle: -2deg;
  -webkit-mask-image: url("assets/home/home-tear-engage.svg") !important;
  mask-image: url("assets/home/home-tear-engage.svg") !important;
}
.home-page .home-service-signal--no-code::before {
  --tear-angle: 4deg;
  -webkit-mask-image: url("assets/home/home-tear-no-code.svg") !important;
  mask-image: url("assets/home/home-tear-no-code.svg") !important;
}
.home-page .home-service-signal--train::before {
  --tear-angle: -3deg;
  -webkit-mask-image: url("assets/home/home-tear-train.svg") !important;
  mask-image: url("assets/home/home-tear-train.svg") !important;
}

.home-page .home-service-signal--advisory { animation: homeServiceRevealReading01 36s linear infinite !important; }
.home-page .home-service-signal--gauge { animation: homeServiceRevealReading02 36s linear infinite !important; }
.home-page .home-service-signal--engage { animation: homeServiceRevealReading03 36s linear infinite !important; }
.home-page .home-service-signal--no-code { animation: homeServiceRevealReading04 36s linear infinite !important; }
.home-page .home-service-signal--train { animation: homeServiceRevealReading05 36s linear infinite !important; }

@keyframes homePaperTearBreathe {
  0%, 100% { transform: scale(.985) rotate(var(--tear-angle)); }
  50% { transform: scale(1.025) rotate(var(--tear-angle)); }
}
@keyframes homeRobotSceneReadingCycle {
  0%, 17% { opacity: 1; visibility: visible; }
  23%, 94% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}
@keyframes homeServiceSceneReadingCycle {
  0%, 17% { opacity: 0; visibility: hidden; }
  23%, 94% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
@keyframes homeServiceRevealReading01 {
  0%, 23% { opacity: 0; visibility: hidden; }
  28%, 94% { opacity: 1; visibility: visible; }
  99%, 100% { opacity: 0; visibility: hidden; }
}
@keyframes homeServiceRevealReading02 {
  0%, 31% { opacity: 0; visibility: hidden; }
  36%, 94% { opacity: 1; visibility: visible; }
  99%, 100% { opacity: 0; visibility: hidden; }
}
@keyframes homeServiceRevealReading03 {
  0%, 39% { opacity: 0; visibility: hidden; }
  44%, 94% { opacity: 1; visibility: visible; }
  99%, 100% { opacity: 0; visibility: hidden; }
}
@keyframes homeServiceRevealReading04 {
  0%, 47% { opacity: 0; visibility: hidden; }
  52%, 94% { opacity: 1; visibility: visible; }
  99%, 100% { opacity: 0; visibility: hidden; }
}
@keyframes homeServiceRevealReading05 {
  0%, 55% { opacity: 0; visibility: hidden; }
  60%, 94% { opacity: 1; visibility: visible; }
  99%, 100% { opacity: 0; visibility: hidden; }
}

/* Home services: colour halftone clipped directly to each cutout */
.home-page .home-service-signal::before {
  top: 0 !important;
  right: 0 !important;
  bottom: 34px !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 2 !important;
  background-color: transparent !important;
  background-image: radial-gradient(circle, var(--service-color) 1.7px, transparent 2.2px) !important;
  background-size: 9px 9px !important;
  background-position: 0 0 !important;
  opacity: .82 !important;
  mix-blend-mode: multiply !important;
  clip-path: none !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.home-page .home-service-signal--advisory::before {
  -webkit-mask-image: url("assets/ai-cutouts/tech-bloom.png") !important;
  mask-image: url("assets/ai-cutouts/tech-bloom.png") !important;
}
.home-page .home-service-signal--gauge::before {
  -webkit-mask-image: url("assets/ai-cutouts/angled-eye-higgsfield-cutout.png") !important;
  mask-image: url("assets/ai-cutouts/angled-eye-higgsfield-cutout.png") !important;
}
.home-page .home-service-signal--engage::before {
  -webkit-mask-image: url("assets/ai-cutouts/ai-city.png") !important;
  mask-image: url("assets/ai-cutouts/ai-city.png") !important;
}
.home-page .home-service-signal--no-code::before {
  -webkit-mask-image: url("assets/ai-cutouts/robot-hand.png") !important;
  mask-image: url("assets/ai-cutouts/robot-hand.png") !important;
}
.home-page .home-service-signal--train::before {
  -webkit-mask-image: url("assets/ai-cutouts/ai-brain.png") !important;
  mask-image: url("assets/ai-cutouts/ai-brain.png") !important;
}

.home-page .home-service-signal--no-code {
  left: 79% !important;
  top: 3% !important;
  z-index: 4 !important;
}

.home-page .home-service-signal--train {
  left: 85% !important;
  top: 49% !important;
  z-index: 3 !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-signal--no-code {
    left: 72% !important;
    top: 3% !important;
  }
  .home-page .home-service-signal--train {
    left: 70% !important;
    top: 49% !important;
  }
}

/* Home services: monochrome cutouts, coloured labels, scene-triggered sequence */
.home-page .home-service-signal::before {
  content: none !important;
  display: none !important;
}

.home-page .home-service-signal img {
  filter: grayscale(1) saturate(0) contrast(1.14) drop-shadow(0 10px 12px rgba(0,0,0,.16)) !important;
}

.home-page .home-service-label {
  color: var(--service-color) !important;
}

.home-page .home-service-signal {
  width: 17% !important;
  height: 30% !important;
}

.home-page .home-service-signal--advisory {
  left: 55% !important;
  top: 60% !important;
}
.home-page .home-service-signal--gauge {
  left: 50% !important;
  top: 31% !important;
}
.home-page .home-service-signal--engage {
  left: 57% !important;
  top: 2% !important;
}
.home-page .home-service-signal--no-code {
  left: 81% !important;
  top: 2% !important;
  width: 16% !important;
  z-index: 6 !important;
}
.home-page .home-service-signal--train {
  left: 84% !important;
  top: 47% !important;
  z-index: 4 !important;
}

.home-page .home-visual__services.sequence-controlled .home-service-signal {
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
  transition: opacity .65s ease, visibility 0s linear .65s;
}

.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity .65s ease, visibility 0s linear 0s;
}

.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--advisory { transition-delay: 0s; }
.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--gauge { transition-delay: 1.35s; }
.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--engage { transition-delay: 2.7s; }
.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--no-code { transition-delay: 4.05s; }
.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--train { transition-delay: 5.4s; }

@media (max-width: 1100px) {
  .home-page .home-service-signal {
    width: 31% !important;
    height: 26% !important;
  }
  .home-page .home-service-signal--advisory {
    left: 3% !important;
    top: 59% !important;
  }
  .home-page .home-service-signal--gauge {
    left: 1% !important;
    top: 31% !important;
  }
  .home-page .home-service-signal--engage {
    left: 8% !important;
    top: 2% !important;
  }
  .home-page .home-service-signal--no-code {
    left: 74% !important;
    top: 2% !important;
    width: 26% !important;
  }
  .home-page .home-service-signal--train {
    left: 69% !important;
    top: 47% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-visual__services.sequence-controlled .home-service-signal {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
  }
}

/* Home robot conveyor: feathered robot bridge across the image junction */
.home-page .home-robot-track {
  overflow: visible !important;
}

.home-page .home-robot-track::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 7.5%;
  transform: translateX(-50%);
  pointer-events: none;
  background-image: url("assets/home/home-robot-conveyor-v1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 667% 100%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.25) 10%, #000 28%, #000 72%, rgba(0,0,0,.25) 90%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.25) 10%, #000 28%, #000 72%, rgba(0,0,0,.25) 90%, transparent 100%);
}

/* Home robot conveyor: exact between-robot tile, no overlap treatment */
.home-page .home-robot-track::after {
  content: none !important;
  display: none !important;
}

/* Home services: sequential zoom-to-float motion */
.home-page .home-service-signal {
  width: 19% !important;
  height: 34% !important;
  transform-origin: center center;
  will-change: transform, opacity;
}

.home-page .home-service-signal--advisory {
  left: 54% !important;
  top: 57% !important;
}
.home-page .home-service-signal--gauge {
  left: 49% !important;
  top: 28% !important;
}
.home-page .home-service-signal--engage {
  left: 56% !important;
  top: 1% !important;
}
.home-page .home-service-signal--no-code {
  left: 80% !important;
  top: 1% !important;
  width: 18% !important;
}
.home-page .home-service-signal--train {
  left: 82% !important;
  top: 44% !important;
}

.home-page .home-visual__services.sequence-controlled .home-service-signal {
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
  transition: none !important;
}

.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal {
  visibility: visible !important;
  animation-name: homeServiceZoomFloat !important;
  animation-duration: 26s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: 1 !important;
  animation-fill-mode: both !important;
  transition: none !important;
}

.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--advisory { animation-delay: 0s !important; }
.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--gauge { animation-delay: 1.35s !important; }
.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--engage { animation-delay: 2.7s !important; }
.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--no-code { animation-delay: 4.05s !important; }
.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal--train { animation-delay: 5.4s !important; }

@keyframes homeServiceZoomFloat {
  0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.28) rotate(-2deg); }
  4% { opacity: 1; transform: translate3d(0, -3px, 0) scale(1.12) rotate(.8deg); }
  7% { opacity: 1; transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }
  18% { opacity: 1; transform: translate3d(-4px, -12px, 0) scale(1.015) rotate(-1.2deg); }
  30% { opacity: 1; transform: translate3d(5px, 8px, 0) scale(.995) rotate(1deg); }
  42% { opacity: 1; transform: translate3d(-3px, -9px, 0) scale(1.01) rotate(-.8deg); }
  54% { opacity: 1; transform: translate3d(6px, 7px, 0) scale(1) rotate(1.1deg); }
  66% { opacity: 1; transform: translate3d(-5px, -11px, 0) scale(1.012) rotate(-1deg); }
  78% { opacity: 1; transform: translate3d(4px, 9px, 0) scale(.998) rotate(.8deg); }
  90% { opacity: 1; transform: translate3d(-3px, -8px, 0) scale(1.008) rotate(-.7deg); }
  100% { opacity: 1; transform: translate3d(0, 5px, 0) scale(1) rotate(.5deg); }
}

@media (max-width: 1100px) {
  .home-page .home-service-signal {
    width: 34% !important;
    height: 29% !important;
  }
  .home-page .home-service-signal--advisory {
    left: 2% !important;
    top: 57% !important;
  }
  .home-page .home-service-signal--gauge {
    left: 0 !important;
    top: 28% !important;
  }
  .home-page .home-service-signal--engage {
    left: 7% !important;
    top: 1% !important;
  }
  .home-page .home-service-signal--no-code {
    left: 72% !important;
    top: 1% !important;
    width: 28% !important;
  }
  .home-page .home-service-signal--train {
    left: 67% !important;
    top: 44% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
  }
}

/* Home services: progressive fade while zooming, final layer and portrait offsets */
.home-page .home-service-person {
  left: calc(77% - 40px) !important;
}

.home-page .home-service-signal--no-code {
  z-index: 8 !important;
}

.home-page .home-service-signal--train {
  z-index: 3 !important;
}

@keyframes homeServiceZoomFloat {
  0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.18) rotate(-2deg); }
  2% { opacity: .05; transform: translate3d(0, 14px, 0) scale(.32) rotate(-1.6deg); }
  5% { opacity: .4; transform: translate3d(0, 6px, 0) scale(.7) rotate(-.8deg); }
  8% { opacity: 1; transform: translate3d(0, -3px, 0) scale(1.12) rotate(.8deg); }
  11% { opacity: 1; transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }
  21% { opacity: 1; transform: translate3d(-4px, -12px, 0) scale(1.015) rotate(-1.2deg); }
  32% { opacity: 1; transform: translate3d(5px, 8px, 0) scale(.995) rotate(1deg); }
  43% { opacity: 1; transform: translate3d(-3px, -9px, 0) scale(1.01) rotate(-.8deg); }
  54% { opacity: 1; transform: translate3d(6px, 7px, 0) scale(1) rotate(1.1deg); }
  65% { opacity: 1; transform: translate3d(-5px, -11px, 0) scale(1.012) rotate(-1deg); }
  76% { opacity: 1; transform: translate3d(4px, 9px, 0) scale(.998) rotate(.8deg); }
  88% { opacity: 1; transform: translate3d(-3px, -8px, 0) scale(1.008) rotate(-.7deg); }
  100% { opacity: 1; transform: translate3d(0, 5px, 0) scale(1) rotate(.5deg); }
}

@media (max-width: 1100px) {
  .home-page .home-service-person {
    left: calc(56% - 20px) !important;
  }
}

/* Home services: clean zero-to-full reveal followed by independent float */
.home-page .home-service-stage {
  isolation: isolate;
}

.home-page .home-service-signal--advisory { --reveal-delay: 0s; --float-delay: .5s; }
.home-page .home-service-signal--gauge { --reveal-delay: .65s; --float-delay: 1.15s; }
.home-page .home-service-signal--engage { --reveal-delay: 1.3s; --float-delay: 1.8s; }
.home-page .home-service-signal--no-code { --reveal-delay: 1.95s; --float-delay: 2.45s; }
.home-page .home-service-signal--train { --reveal-delay: 2.6s; --float-delay: 3.1s; }

.home-page .home-visual__services.sequence-controlled .home-service-signal {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scale(0) !important;
  animation: none !important;
  transition: none !important;
}

.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal {
  visibility: visible !important;
  animation:
    homeServiceCleanReveal .45s cubic-bezier(.22,1,.36,1) var(--reveal-delay) both,
    homeServiceCleanFloat 4.8s ease-in-out var(--float-delay) infinite !important;
}

.home-page .home-service-signal--no-code {
  left: 80% !important;
  top: 0 !important;
  z-index: 20 !important;
}

.home-page .home-service-signal--no-code .home-service-label {
  z-index: 22 !important;
}

.home-page .home-service-signal--train {
  left: 84% !important;
  top: 48% !important;
  z-index: 2 !important;
}

@keyframes homeServiceCleanReveal {
  from { opacity: 0; transform: scale(0); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes homeServiceCleanFloat {
  0%, 100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  33% { opacity: 1; transform: translate3d(-3px, -10px, 0) scale(1); }
  66% { opacity: 1; transform: translate3d(4px, 7px, 0) scale(1); }
}

@media (max-width: 1100px) {
  .home-page .home-service-signal--no-code {
    left: 72% !important;
    top: 0 !important;
  }
  .home-page .home-service-signal--train {
    left: 69% !important;
    top: 48% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-visual__services.sequence-controlled .home-service-signal,
  .home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Home services: inner motion unit prevents important declarations blocking keyframes */
.home-page .home-service-signal {
  display: block !important;
}

.home-page .home-service-unit {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  justify-items: center;
  align-content: start;
  transform-origin: center center;
  will-change: transform, opacity;
}

.home-page .home-service-unit img {
  min-height: 0;
}

.home-page .home-visual__services.sequence-controlled .home-service-signal {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
  animation: none !important;
}

.home-page .home-visual__services.sequence-controlled .home-service-unit {
  opacity: 0;
  transform: scale(0);
  animation: none;
}

.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

.home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-unit {
  animation:
    homeServiceCleanReveal .45s cubic-bezier(.22,1,.36,1) var(--reveal-delay) both,
    homeServiceCleanFloat 4.8s ease-in-out var(--float-delay) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-visual__services.sequence-controlled .home-service-signal,
  .home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-signal {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .home-page .home-visual__services.sequence-controlled .home-service-unit,
  .home-page .home-visual__services.sequence-controlled.is-sequencing .home-service-unit {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* Home hero final timing: reveal once, float together, return to robots */
.home-page .home-visual__robots {
  animation: homeRobotSceneFinal 20s cubic-bezier(.22,.72,.18,1) infinite !important;
}

.home-page .home-visual__services {
  animation: homeServiceSceneFinal 20s cubic-bezier(.22,.72,.18,1) infinite !important;
}

.home-page .home-service-signal--no-code {
  z-index: 1000 !important;
}

.home-page .home-service-signal--no-code .home-service-label {
  position: relative;
  z-index: 1001 !important;
}

.home-page .home-service-signal--train {
  z-index: 2 !important;
}

@keyframes homeRobotSceneFinal {
  0%, 34% { opacity: 1; visibility: visible; }
  40%, 90% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}

@keyframes homeServiceSceneFinal {
  0%, 34% { opacity: 0; visibility: hidden; }
  40%, 90% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}

/* Home services: guarantee No-Code paints above Train at the parent stacking level */
.home-page .home-service-signal--train {
  top: 56% !important;
  z-index: 0 !important;
}

.home-page .home-service-signal--train .home-service-unit,
.home-page .home-service-signal--train img {
  position: relative;
  z-index: 0 !important;
}

.home-page .home-service-signal--no-code {
  top: 0 !important;
  z-index: 9999 !important;
}

.home-page .home-service-signal--no-code .home-service-unit {
  position: relative;
  z-index: 10000 !important;
}

.home-page .home-service-signal--no-code .home-service-label {
  position: relative;
  z-index: 10001 !important;
  margin-top: -2px !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-signal--train {
    top: 55% !important;
  }
}

/* Home services: final No-Code horizontal alignment */
.home-page .home-service-signal--no-code {
  left: calc(80% - 30px) !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-signal--no-code {
    left: calc(72% - 15px) !important;
  }
}

/* Home services: move only the No-Code hand, retain title position */
.home-page .home-service-signal--no-code img {
  transform: translateX(-50px) !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-signal--no-code img {
    transform: translateX(-25px) !important;
  }
}

/* Home services: keep the No-Code hand and title together */
.home-page .home-service-signal--no-code {
  left: calc(80% - 80px) !important;
}

.home-page .home-service-signal--no-code img {
  transform: none !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-signal--no-code {
    left: calc(72% - 40px) !important;
  }
  .home-page .home-service-signal--no-code img {
    transform: none !important;
  }
}

/* Home services: move the complete No-Code unit another 50px left */
.home-page .home-service-signal--no-code {
  left: calc(80% - 130px) !important;
}

@media (max-width: 1100px) {
  .home-page .home-service-signal--no-code {
    left: calc(72% - 65px) !important;
  }
}

/* Home services: canonical No-Code desktop offset */
.home-page .home-visual__services .home-service-stage .home-service-signal--no-code {
  left: calc(80% - 50px) !important;
}

/* Home hero finish: synchronized robot load and 50% torn-paper service background */
.home-page .home-visual__robots .home-robot-track,
.home-page .home-visual__robots .home-visual__ink,
.home-page .home-visual__robots::before {
  transition: opacity .35s ease;
}

.home-page .home-visual__robots:not(.is-image-ready) .home-robot-track,
.home-page .home-visual__robots:not(.is-image-ready) .home-visual__ink,
.home-page .home-visual__robots:not(.is-image-ready)::before {
  opacity: 0 !important;
}

.home-page .home-service-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("assets/home/home-service-paper-bg-v1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .5;
  mix-blend-mode: multiply;
}

.home-page .home-service-stage::before {
  z-index: 1;
}

/* Home hero headline follows the robot-to-human visual sequence. */
.home-page .home-hero-title__robots,
.home-page .home-hero-title__human,
.home-page .home-hero-title__human > span {
  display: block;
}

.home-page .home-hero-title__robots {
  animation: none;
  opacity: 1;
  transform: none;
}

.home-page .home-hero-title__human > span {
  opacity: 0;
  transform: translateY(16px);
  will-change: opacity, transform;
}

.home-page .home-hero-title__human > span:nth-child(1) {
  animation: homeHeroContextCopy 20s cubic-bezier(.22, 1, .36, 1) infinite both;
}

.home-page .home-hero-title__human > span:nth-child(2) {
  animation: homeHeroProcessCopy 20s cubic-bezier(.22, 1, .36, 1) infinite both;
}

.home-page .home-hero-title__human > span:nth-child(3) {
  animation: homeHeroHumanCopy 20s cubic-bezier(.22, 1, .36, 1) infinite both;
}

@keyframes homeHeroRobotCopy {
  0%, 36% { opacity: 1; transform: translateY(0); }
  40%, 95% { opacity: 0; transform: translateY(-12px); }
  98%, 100% { opacity: 1; transform: translateY(0); }
}

@keyframes homeHeroContextCopy {
  0%, 40% { opacity: 0; transform: translateY(16px); }
  43%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

@keyframes homeHeroProcessCopy {
  0%, 46% { opacity: 0; transform: translateY(16px); }
  49%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

@keyframes homeHeroHumanCopy {
  0%, 52% { opacity: 0; transform: translateY(16px); }
  55%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-hero-title__robots,
  .home-page .home-hero-title__human > span {
    animation: none !important;
    opacity: 1;
    transform: none;
  }
}

/* Refined home headline: one lead line, then three staged outcomes. */
.home-page .home-hero-title__lead {
  display: block;
  white-space: nowrap;
}

.home-page .home-hero-title__lead .home-hero-title__robots,
.home-page .home-hero-title__need {
  display: inline-block;
}

.home-page .home-hero-title__need {
  opacity: 0;
  transform: translateY(12px);
  animation: homeHeroNeedCopy 20s cubic-bezier(.22, 1, .36, 1) infinite both;
}

@keyframes homeHeroNeedCopy {
  0%, 39% { opacity: 0; transform: translateY(12px); }
  42%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-8px); }
}

@keyframes homeHeroContextCopy {
  0%, 45% { opacity: 0; transform: translateY(16px); }
  48%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

@keyframes homeHeroProcessCopy {
  0%, 51% { opacity: 0; transform: translateY(16px); }
  54%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

@keyframes homeHeroHumanCopy {
  0%, 57% { opacity: 0; transform: translateY(16px); }
  60%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

/* Keep the white readability blend, but place service graphics above it. */
.home-page .home-visual::after {
  content: none !important;
  display: none !important;
}

.home-page .home-visual__robots::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 28%, rgba(255,255,255,.92) 38%, rgba(255,255,255,.48) 51%, rgba(255,255,255,0) 68%);
}

.home-page .home-service-stage::before {
  z-index: 4 !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 28%, rgba(255,255,255,.92) 38%, rgba(255,255,255,.48) 51%, rgba(255,255,255,0) 68%),
    radial-gradient(circle, rgba(10,10,10,.05) 1px, transparent 1.5px) !important;
  background-size: auto, 14px 14px !important;
}

.home-page .home-service-person {
  z-index: 3 !important;
}

.home-page .home-service-signal {
  z-index: 7 !important;
}

@media (max-width: 760px) {
  .home-page .home-hero-title__lead {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-hero-title__need {
    animation: none !important;
    opacity: 1;
    transform: none;
  }
}

/* Final home headline line structure. */
.home-page .home-hero-title__lead {
  white-space: normal;
}

.home-page .home-hero-title__lead .home-hero-title__robots,
.home-page .home-hero-title__agents {
  display: block;
}

.home-page .home-hero-title__agents {
  white-space: nowrap;
}

/* Both scene fades sit above imagery at half strength and below service units. */
.home-page .home-visual__robots::after {
  opacity: .9 !important;
}

.home-page .home-service-stage::before {
  content: "" !important;
  display: block !important;
  opacity: .9 !important;
  z-index: 4 !important;
}

.home-page .home-service-person {
  z-index: 3 !important;
}

.home-page .home-service-signal {
  z-index: 7 !important;
}

/* Scale the taller home composition without disturbing transform animations. */
.home-page .home-service-person {
  scale: 1;
  transform-origin: center bottom;
}

.home-page .home-service-signal {
  scale: 1.2;
  transform-origin: center center;
}

/* Dedicated second-scene fade: above portrait/background, below every service graphic. */
.home-page .home-service-stage::before {
  z-index: 1 !important;
  opacity: .28 !important;
  background-image: radial-gradient(circle, rgba(10,10,10,.18) 1px, transparent 1.5px) !important;
  background-size: 14px 14px !important;
}

.home-page .home-service-fade {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 50;
  pointer-events: none;
  opacity: .9;
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 28%, rgba(255,255,255,.92) 38%, rgba(255,255,255,.48) 51%, rgba(255,255,255,0) 68%);
}

.home-page .home-service-person {
  z-index: 30 !important;
}

.home-page .home-visual__services .home-service-stage .home-service-signal {
  z-index: 60 !important;
}

/* Complete the headline before the five service graphics begin. */
@keyframes homeHeroNeedCopy {
  0%, 39% { opacity: 0; transform: translateY(12px); }
  42%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-8px); }
}

@keyframes homeHeroContextCopy {
  0%, 42% { opacity: 0; transform: translateY(16px); }
  45%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

@keyframes homeHeroProcessCopy {
  0%, 45% { opacity: 0; transform: translateY(16px); }
  48%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

@keyframes homeHeroHumanCopy {
  0%, 48% { opacity: 0; transform: translateY(16px); }
  51%, 91% { opacity: 1; transform: translateY(0); }
  95%, 100% { opacity: 0; transform: translateY(-10px); }
}

/* Five Days: reverse the section while retaining each service accent. */
.home-page #verticals {
  background: #080808;
  color: #fff;
}

.home-page #verticals .section-heading h2,
.home-page #verticals .section-heading > p,
.home-page #verticals .vertical-card h3,
.home-page #verticals .vertical-card > p {
  color: #fff;
}

.home-page #verticals .section-heading > p,
.home-page #verticals .vertical-card > p {
  opacity: .78;
}

.home-page #verticals .vertical-card {
  background: #080808;
  color: #fff;
  border-color: rgba(255,255,255,.22);
}

.home-page #verticals .vertical-card .num {
  display: flex;
  align-items: baseline;
  gap: .18em;
  color: var(--accent) !important;
  white-space: nowrap;
}

.home-page #verticals .vertical-card .num > span {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

/* Five Days: light composition with coloured uppercase service identifiers. */
.home-page #verticals,
.home-page #verticals .vertical-card {
  background: #fff;
  color: #080808;
}

.home-page #verticals .section-heading h2,
.home-page #verticals .section-heading > p,
.home-page #verticals .vertical-card h3,
.home-page #verticals .vertical-card > p {
  color: #080808;
}

.home-page #verticals .section-heading > p,
.home-page #verticals .vertical-card > p {
  opacity: .72;
}

.home-page #verticals .vertical-card {
  border-color: rgba(8,8,8,.2);
}

.home-page #verticals .vertical-card .num,
.home-page #verticals .vertical-card .num > span {
  color: var(--accent) !important;
  text-transform: uppercase;
}

/* Restore Academy / Agency full-colour selected states. */
.home-page #verticals .vertical-card.is-selected {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #080808;
  opacity: 1;
}

.home-page #verticals .vertical-card.is-selected h3,
.home-page #verticals .vertical-card.is-selected > p,
.home-page #verticals .vertical-card.is-selected .num,
.home-page #verticals .vertical-card.is-selected .num > span {
  color: #080808 !important;
}

.home-page #verticals .vertical-card.is-selected:nth-child(2),
.home-page #verticals .vertical-card.is-selected:nth-child(5),
.home-page #verticals .vertical-card.is-selected:nth-child(2) h3,
.home-page #verticals .vertical-card.is-selected:nth-child(2) > p,
.home-page #verticals .vertical-card.is-selected:nth-child(2) .num,
.home-page #verticals .vertical-card.is-selected:nth-child(2) .num > span,
.home-page #verticals .vertical-card.is-selected:nth-child(5) h3,
.home-page #verticals .vertical-card.is-selected:nth-child(5) > p,
.home-page #verticals .vertical-card.is-selected:nth-child(5) .num,
.home-page #verticals .vertical-card.is-selected:nth-child(5) .num > span {
  color: #fff !important;
}

/* All full-colour Five Days cards use black typography. */
.home-page #verticals .vertical-card.is-selected,
.home-page #verticals .vertical-card.is-selected h3,
.home-page #verticals .vertical-card.is-selected > p,
.home-page #verticals .vertical-card.is-selected .num,
.home-page #verticals .vertical-card.is-selected .num > span {
  color: #080808 !important;
}

/* Exact specificity fix: Gauge and Train selected states must use black text. */
.home-page #verticals .vertical-card.is-selected:nth-child(2),
.home-page #verticals .vertical-card.is-selected:nth-child(5),
.home-page #verticals .vertical-card.is-selected:nth-child(2) h3,
.home-page #verticals .vertical-card.is-selected:nth-child(2) > p,
.home-page #verticals .vertical-card.is-selected:nth-child(2) .num,
.home-page #verticals .vertical-card.is-selected:nth-child(2) .num > span,
.home-page #verticals .vertical-card.is-selected:nth-child(5) h3,
.home-page #verticals .vertical-card.is-selected:nth-child(5) > p,
.home-page #verticals .vertical-card.is-selected:nth-child(5) .num,
.home-page #verticals .vertical-card.is-selected:nth-child(5) .num > span {
  color: #080808 !important;
}

/* Homepage delivery controls: keep the chosen route visibly selected. */
.home-page #verticals .vertical-mode.is-active {
  background: var(--button-fill) !important;
  color: #080808 !important;
}

/* Preserve the five service positions while reducing visual crowding. */
.home-page .home-service-unit img {
  width: 60% !important;
  height: 60% !important;
  align-self: center;
  justify-self: center;
}

/* Faster 16-second homepage story cycle. */
.home-page .home-visual__robots,
.home-page .home-visual__services,
.home-page .home-hero-title__need,
.home-page .home-hero-title__human > span {
  animation-duration: 16s !important;
}

/* Opening hero statement uses two deliberate lines. */
.home-page .home-hero-title__robots > span {
  display: block;
}

/* Homepage Big Idea: one complete thought fades out before the promise replaces it. */
.home-page .home-hero-story {
  display: grid;
}

.home-page .home-hero-story__frame {
  grid-area: 1 / 1;
  display: block;
  will-change: opacity, transform;
}

.home-page .home-hero-story__frame > span {
  display: block;
}

.agent-mark {
  display: inline;
  margin-left: 0;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0;
  vertical-align: baseline;
}

.home-page .home-hero-story .agent-mark,
.home-page #verticals h2 .agent-mark,
.train-page h1 .agent-mark,
.train-page h2 .agent-mark,
.train-page h3 .agent-mark {
  display: inline-block;
  margin-left: .04em;
  font-size: .32em;
  line-height: 0;
  vertical-align: super;
  transform: translateY(-.37em);
}

.no-code-page h1 .agent-mark,
.no-code-page h2 .agent-mark,
.no-code-page h3 .agent-mark {
  display: inline-block;
  margin-left: .04em;
  font-size: .16em;
  line-height: 1;
  vertical-align: text-top;
  transform: none;
}

.home-page .home-hero-story__frame--problem {
  animation: homeHeroProblemFrame 16s cubic-bezier(.22, 1, .36, 1) infinite both;
}

.home-page .home-hero-story__frame--promise {
  opacity: 0;
  animation: homeHeroPromiseFrame 16s cubic-bezier(.22, 1, .36, 1) infinite both;
}

@keyframes homeHeroProblemFrame {
  0%, 38% { opacity: 1; transform: translateY(0); }
  44%, 94% { opacity: 0; transform: translateY(-14px); }
  98%, 100% { opacity: 1; transform: translateY(0); }
}

@keyframes homeHeroPromiseFrame {
  0%, 41% { opacity: 0; transform: translateY(14px); }
  47%, 92% { opacity: 1; transform: translateY(0); }
  98%, 100% { opacity: 0; transform: translateY(-10px); }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-hero-story__frame--problem {
    display: none;
  }

  .home-page .home-hero-story__frame--promise {
    opacity: 1;
    animation: none !important;
    transform: none;
  }
}

/* No-code: practical AI compliance for SMEs. */
.no-code-page #ai-compliance {
  background: var(--green);
  color: #080808;
}

.no-code-page #ai-compliance .section-heading h2,
.no-code-page #ai-compliance .section-heading > p,
.no-code-page #ai-compliance .card h3,
.no-code-page #ai-compliance .card > p {
  color: #080808;
}

.no-code-page #ai-compliance .card {
  background: #fff;
  border-color: rgba(8,8,8,.22);
}

.no-code-page #ai-compliance .card-icon {
  color: #080808;
}

.no-code-page #ai-compliance .label {
  color: #0a8f45;
}

.no-code-page #ai-compliance .compliance-note {
  max-width: 900px;
  margin: 32px 0 0;
  padding-top: 20px;
  border-top: 1px solid rgba(8,8,8,.3);
  color: rgba(8,8,8,.72);
  font-size: .9rem;
  line-height: 1.55;
}

/* AI compliance colour hierarchy: white signals, black information. */
.no-code-page #ai-compliance .card {
  background: transparent;
  --accent: #fff !important;
}

.no-code-page #ai-compliance .section-heading .eyebrow,
.no-code-page #ai-compliance .card .label,
.no-code-page #ai-compliance .card-icon {
  color: #fff !important;
}

.no-code-page #ai-compliance .card::before,
.no-code-page #ai-compliance .card::after {
  background-color: #fff;
}

.no-code-page #ai-compliance .card h3,
.no-code-page #ai-compliance .card > p {
  color: #080808 !important;
}

/* Shared translucent information cards on coloured sections. */
.no-code-page #ai-compliance .card,
.evaluate-page #recommendation .card,
.grow-page #outreach .card {
  background: rgba(255,255,255,.18) !important;
}

/* Homepage editorial proof from Tristan's established client work. */
.home-proof{
  position:relative;
  overflow:hidden;
  background:var(--black);
  color:var(--white);
  --section-dot:rgba(250,247,0,.56);
}
.home-proof__inner{
  display:grid;
  grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);
  gap:clamp(42px,7vw,120px);
  align-items:start;
}
.home-proof__meta .eyebrow{color:var(--yellow);margin-bottom:24px}
.home-proof__meta>p:last-child{max-width:320px;margin:0;color:rgba(255,255,255,.58);font-size:.95rem;line-height:1.65}
.home-proof__quote{margin:0;padding-left:clamp(32px,4vw,72px);border-left:1px solid rgba(255,255,255,.34)}
.home-proof__quote blockquote{margin:0;max-width:1100px;font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.7rem,3.2vw,3.5rem);font-weight:700;line-height:.94;letter-spacing:-.02em;text-transform:uppercase}
.home-proof__quote figcaption{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.3)}
.home-proof__quote figcaption strong{font-family:"Barlow Condensed",sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}
.home-proof__quote figcaption span{font-size:.88rem;color:rgba(255,255,255,.58)}
@media(max-width:900px){
  .home-proof__inner{grid-template-columns:1fr;gap:36px}
  .home-proof__meta>p:last-child{max-width:620px}
  .home-proof__quote{padding:34px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.34)}
  .home-proof__quote blockquote{font-size:clamp(2.45rem,9vw,3.5rem)}
}

/* Editorial proof bands for service offer sections. */
.service-proof{
  --proof-accent:var(--yellow);
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,.28fr);
  gap:clamp(28px,5vw,72px);
  align-items:end;
  margin:0 0 44px;
  padding:clamp(34px,4.5vw,68px);
  overflow:hidden;
  border:1px solid var(--black);
  background:var(--black);
  color:var(--white);
}
.service-proof::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--proof-accent)}
.service-proof--green{--proof-accent:var(--green)}
.service-proof--orange{--proof-accent:var(--orange)}
.service-proof blockquote{margin:0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.7rem,3.2vw,3.5rem);font-weight:700;line-height:.95;letter-spacing:-.015em;text-transform:uppercase}
.service-proof figcaption{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.32)}
.service-proof figcaption strong{font-family:"Barlow Condensed",sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--proof-accent)}
.service-proof figcaption span{color:rgba(255,255,255,.58);font-size:.84rem;line-height:1.45}
@media(max-width:760px){
  .service-proof{grid-template-columns:1fr;align-items:start;padding:32px 24px}
  .service-proof blockquote{font-size:clamp(2.45rem,9vw,3.5rem)}
}