.ab-hero__grid{ display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:40px; align-items:center; }
.ab-hero__intro{ max-width:640px; }
.ab-hero__ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:40px; }
.ab-hero__faces{ position:relative; width:100%; max-width:520px; aspect-ratio:1; justify-self:end; }
.ab-face{
  position:absolute; display:grid; gap:10px; justify-items:center; width:34%;
  animation:ab-float 7s var(--ease-in-out) infinite alternate; animation-delay:calc(var(--i, 0) * -1.7s);
}
.ab-face img{ width:100%; height:auto; border-radius:50%; border:4px solid rgba(255, 255, 255, 0.08); box-shadow:0 30px 60px rgba(5, 10, 13, 0.55); background:var(--mist); }
.ab-face small{ font-size:12px; color:rgba(187, 205, 218, 0.8); padding:3px 9px; border-radius:99px; background:rgba(255, 255, 255, 0.06); border:1px solid rgba(255, 255, 255, 0.1); }
.ab-face--0{ left:4%; top:0; width:40%; }
.ab-face--1{ right:2%; top:0; }
.ab-face--2{ left:12%; bottom:4%; }
.ab-face--3{ right:6%; bottom:6%; width:36%; }
.ab-face--ai img{ border-color:rgba(233, 80, 6, 0.55); box-shadow:0 30px 60px rgba(5, 10, 13, 0.55), 0 0 0 10px rgba(233, 80, 6, 0.08); }
@keyframes ab-float{ from{ transform:translateY(-8px); } to{ transform:translateY(10px); } }
@keyframes ab-float-s{ from{ transform:translateY(-5px); } to{ transform:translateY(6px); } }
.ab-stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; margin-top:clamp(56px, 5.2vw, 100px); padding-top:32px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.ab-stats__item dt{ font-size:clamp(30px, 2.1vw, 40px); font-weight:600; line-height:1.1; letter-spacing:-0.03em; color:var(--white); }
.ab-stats__item dd{ margin-top:8px; font-size:15px; line-height:1.4; color:rgba(187, 205, 218, 0.75); }
.ab-vis .sec-head{ margin-bottom:clamp(32px, 4vw, 72px); }
.ab-vis__grid{ display:grid; grid-template-columns:1fr 3fr; gap:0; }
.ab-vis__text{ padding-right:48px; }
.ab-vis__lead{ font-size:clamp(17px, 0.4vw + 14px, 20px); line-height:1.55; color:var(--ink); }
.ab-vis__sign{ margin-top:28px; font-size:14px; color:var(--muted); }
.ab-vis__list{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.ab-vis__item{ display:grid; grid-template-columns:52px 1fr; gap:20px; padding:28px; border-radius:24px; background:var(--paper); border:1px solid rgba(52, 81, 99, 0.1); transition:transform var(--dur-slow) var(--ease-out), background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out); }
.ab-vis__icon{ display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:var(--white); color:var(--signal); transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.ab-vis__icon svg{ width:24px; height:24px; }
.ab-vis__h{ font-size:20px; font-weight:600; line-height:1.25; letter-spacing:-0.015em; }
.ab-vis__p{ margin-top:8px; font-size:15px; line-height:1.5; color:var(--muted); }
@media (hover: hover) and (pointer: fine){
  .ab-vis__item:hover{ transform:translateY(-4px); background:var(--white); border-color:rgba(233, 80, 6, 0.3); }
  .ab-vis__item:hover .ab-vis__icon{ background:var(--signal); color:var(--white); transform:rotate(-8deg) scale(1.06); }
}
.ab-team{ overflow:hidden; }
.ab-team > .container{ position:relative; z-index:1; }
.ab-team__bg{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.ab-team__dots{ position:absolute; inset:0; background-image:radial-gradient(rgba(52, 81, 99, 0.26) 1.2px, transparent 1.3px); background-size:26px 26px; -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%, #000 30%, transparent 100%); mask-image:radial-gradient(ellipse 70% 70% at 50% 50%, #000 30%, transparent 100%); }
.ab-team__glow{ position:absolute; right:-10%; bottom:-20%; width:50%; height:70%; border-radius:50%; background:rgba(233, 80, 6, 0.12); filter:blur(160px); }
.ab-team .sec-head__main{ align-items:flex-start; gap:5px; }
.ab-team .sec-head .h2{ --hw:12.67em; }
.ab-team .sec-head__aside{ width:360px; max-width:360px; font-size:16px; line-height:1.5; margin-top:14px; }
.ab-team__grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; }
.ab-card{
  display:flex; flex-direction:column; padding:24px 24px 28px; border-radius:28px; background:var(--white); border:1px solid rgba(52, 81, 99, 0.1);
  transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out);
}
.ab-card.noise::after{ opacity:0.04; }
.ab-card__top{ display:flex; align-items:center; gap:16px; }
.ab-card__ava{ position:relative; flex:none; width:96px; height:96px; border-radius:50%; overflow:visible; }
.ab-card__ava img{ width:100%; height:100%; border-radius:50%; background:var(--mist); transition:transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.ab-card__online{ position:absolute; right:4px; bottom:6px; width:16px; height:16px; border-radius:50%; background:#1f9d57; border:3px solid var(--white); }
.ab-card__online::after{ content:""; position:absolute; inset:-5px; border-radius:50%; border:1.5px solid #1f9d57; opacity:0; animation:ab-ping 2.4s var(--ease-out) infinite; }
@keyframes ab-ping{ 0%{ transform:scale(0.6); opacity:0.9; } 70%, 100%{ transform:scale(1.8); opacity:0; } }
.ab-card__name{ font-size:24px; font-weight:600; line-height:1.15; letter-spacing:-0.02em; }
.ab-card__role{ display:block; margin-top:4px; font-size:14px; line-height:1.35; color:var(--signal-text); font-weight:500; }
.ab-card__text{ margin-top:20px; font-size:15px; line-height:1.5; color:var(--muted); }
.ab-card__chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:22px; }
.ab-card__chips li{ display:inline-flex; align-items:center; height:28px; padding:0 11px; border-radius:99px; background:var(--paper); font-size:12.5px; font-weight:500; color:var(--ink); }
.ab-card--ai{ background:var(--ink); color:var(--white); border-color:rgba(255, 255, 255, 0.08); }
.ab-card--ai .ab-card__name{ color:var(--white); }
.ab-card--ai .ab-card__role{ color:var(--signal); }
.ab-card--ai .ab-card__text{ color:rgba(187, 205, 218, 0.8); }
.ab-card--ai .ab-card__chips li{ background:rgba(255, 255, 255, 0.08); color:var(--white); }
.ab-card--ai .ab-card__online{ border-color:var(--ink); }
.ab-card__chat{ display:flex; align-items:flex-start; gap:8px; margin-top:16px; min-height:64px; padding:12px 14px; border-radius:14px; background:rgba(255, 255, 255, 0.05); border:1px solid rgba(255, 255, 255, 0.1); font-size:13px; line-height:1.45; color:var(--mist); }
.ab-card__prompt{ color:var(--signal); flex:none; }
.ab-card__typed::after{ content:""; display:inline-block; width:7px; height:13px; margin-left:3px; vertical-align:-2px; background:var(--signal); animation:ab-caret 1s steps(2) infinite; }
@keyframes ab-caret{ 50%{ opacity:0; } }
@media (hover: hover) and (pointer: fine){
  .ab-card:hover{ transform:var(--lift); box-shadow:0 30px 60px rgba(6, 10, 13, 0.1); border-color:rgba(233, 80, 6, 0.3); }
  .ab-card:hover .ab-card__ava img{ transform:scale(1.06) rotate(-4deg); }
  .ab-card--ai:hover{ box-shadow:0 30px 60px rgba(6, 10, 13, 0.3); }
}
.ab-how{ overflow:hidden; }
.ab-how__glow{ position:absolute; left:-10%; top:-20%; width:50%; height:80%; border-radius:50%; --gc:rgba(52, 81, 99, 0.55); --blur:220px; pointer-events:none; }
.ab-how .h2{ color:var(--white); }
.ab-how .sec-head__main{ align-items:flex-start; gap:5px; }
.ab-how .sec-head .h2{ --hw:12.67em; }
.ab-how .sec-head__aside{ width:360px; max-width:360px; font-size:16px; line-height:1.5; margin-top:14px; }
.ab-steps{ position:relative; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:32px; padding-top:28px; }
.ab-steps__line{ position:absolute; left:0; right:0; top:7px; height:2px; background:rgba(255, 255, 255, 0.1); border-radius:2px; overflow:hidden; }
.ab-steps__line i{ display:block; height:100%; width:100%; background:var(--signal); transform:scaleX(0); transform-origin:left; }
.ab-step{ position:relative; padding-right:24px; }
.ab-step__dot{ position:absolute; left:0; top:-28px; width:16px; height:16px; border-radius:50%; background:var(--ink); border:2px solid rgba(255, 255, 255, 0.25); transition:background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out); }
.ab-step.is-on .ab-step__dot{ background:var(--signal); border-color:var(--signal); box-shadow:0 0 0 6px rgba(233, 80, 6, 0.2); }
.ab-step__dur{ display:inline-block; font-size:12px; padding:5px 9px; border-radius:8px; background:rgba(255, 255, 255, 0.08); color:rgba(187, 205, 218, 0.9); }
.ab-step__h{ margin-top:16px; font-size:clamp(20px, 0.6vw + 14px, 24px); font-weight:600; line-height:1.2; letter-spacing:-0.015em; color:var(--white); }
.ab-step__p{ margin-top:10px; font-size:15px; line-height:1.5; color:rgba(187, 205, 218, 0.78); }
.ab-tools{ display:flex; align-items:center; gap:32px; margin-top:clamp(48px, 5vw, 96px); padding-top:32px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.ab-tools__label{ flex:none; font-size:14px; color:rgba(187, 205, 218, 0.7); }
.ab-tools .tool-logos{ gap:28px; }
.ab-tools .tool-logos svg{ height:22px; }
.ab-tools .tool-logos .tl-wix{ height:28px; }
.sec-head__main--stack{ flex-direction:column; align-items:stretch; gap:48px; }
.home-blog__bar{ display:flex; align-items:center; justify-content:space-between; gap:20px; }
.blog-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.home-blog .sec-head{ margin-bottom:68px; }
.home-blog .sec-head .h2{ --hw:13.67em; }
@media (max-width: 1280px){
  .ab-team__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px){
  .ab-hero__grid{ grid-template-columns:1fr; gap:32px; }
  .ab-hero__faces{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:28px; row-gap:30px; align-items:start; max-width:340px; aspect-ratio:auto; justify-self:center; margin-top:8px; padding-bottom:12px; }
  .ab-face{ position:relative; inset:auto; width:100%; animation-name:ab-float-s; }
  .ab-face img{ box-shadow:0 20px 40px rgba(5, 10, 13, 0.5); }
  .ab-face--0{ grid-column:1; grid-row:1; width:100%; justify-self:start; }
  .ab-face--1{ grid-column:2; grid-row:1; width:84%; justify-self:end; margin-top:36px; }
  .ab-face--2{ grid-column:1; grid-row:2; width:84%; justify-self:center; }
  .ab-face--3{ grid-column:2; grid-row:2; width:92%; justify-self:center; margin-top:36px; }
  .ab-face--ai img{ box-shadow:0 20px 40px rgba(5, 10, 13, 0.5), 0 0 0 8px rgba(233, 80, 6, 0.08); }
  .ab-stats{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px 16px; margin-top:48px; }
  .ab-stats__item dt{ font-size:28px; }
  .ab-vis__grid{ grid-template-columns:1fr; gap:28px; }
  .ab-vis__text{ padding-right:0; }
  .ab-vis__list{ grid-template-columns:1fr; gap:12px; }
  .ab-vis__item{ padding:20px; border-radius:20px; grid-template-columns:44px 1fr; gap:14px; }
  .ab-vis__icon{ width:44px; height:44px; border-radius:12px; }
  .ab-team .sec-head__main, .ab-how .sec-head__main{ gap:18px; }
  .ab-team .sec-head__aside, .ab-how .sec-head__aside{ width:auto; max-width:none; margin-top:0; }
  .ab-team__grid{ grid-template-columns:1fr; gap:14px; }
  .ab-card{ padding:20px 20px 24px; border-radius:22px; }
  .ab-card__ava{ width:80px; height:80px; }
  .ab-steps{ grid-template-columns:1fr; gap:28px; padding-top:0; padding-left:28px; }
  .ab-steps__line{ left:7px; right:auto; top:0; bottom:0; width:2px; height:auto; }
  .ab-steps__line i{ width:100%; transform:scaleY(0); transform-origin:top; }
  .ab-step{ padding-right:0; }
  .ab-step__dot{ left:-28px; top:4px; }
  .ab-tools{ flex-direction:column; align-items:flex-start; gap:16px; margin-top:40px; padding-top:24px; }
  .home-blog__bar{ flex-direction:column; align-items:flex-start; width:100%; max-width:100%; }
  .home-blog__bar .tabs{ max-width:100%; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .home-blog__bar .tabs::-webkit-scrollbar{ display:none; }
  .sec-head__main--stack{ gap:24px; }
  .home-blog .sec-head{ margin-bottom:32px; }
  .blog-grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; margin:0 calc(-1 * var(--gutter)); padding:0 var(--gutter); scrollbar-width:none; }
  .blog-grid::-webkit-scrollbar{ display:none; }
  .blog-grid > *{ flex:0 0 300px; scroll-snap-align:start; }
}