
.iabappp-wrap{position:relative;background:#f6f2e9;border-radius:36px;padding:28px 0 10px;overflow:hidden;color:#173f2f;font-family:inherit}
.iabappp-wrap *{box-sizing:border-box}
.iabappp-people,.iabappp-process{position:relative;padding:10px 40px 22px}
.iabappp-people-grid{display:grid;grid-template-columns:minmax(280px,1.03fr) minmax(360px,1.35fr);gap:34px;align-items:center}
.iabappp-copy h2,.iabappp-process-head h2{margin:0 0 2px;color:#17482f;font-size:28px;line-height:1.05;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.iabappp-sub{display:block;margin:0 0 16px;color:#566d61;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.iabappp-copy p{margin:0 0 18px;color:#3f5048;font-size:17px;line-height:1.62;max-width:590px}
.iabappp-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,#3f8e4e,#1a6c38);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 22px rgba(23,72,47,.15)}
.iabappp-btn b{font-size:20px;line-height:1}

.iabappp-collage{position:relative;min-height:306px;padding:18px 12px}
.iabappp-collage-swirl{position:absolute;inset:18px 10px 18px 6px;background:linear-gradient(140deg,#f9f5ef 0%,#fbf8f3 30%,#f1ebdf 68%,#faf6ee 100%);border-radius:38% 62% 52% 48% / 45% 36% 64% 55%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);filter:drop-shadow(0 10px 24px rgba(58,77,60,.08))}
.iabappp-collage:before{content:'';position:absolute;left:16px;right:26px;top:48px;bottom:30px;background:linear-gradient(90deg,rgba(255,255,255,.65),rgba(255,255,255,.25));border-radius:43% 57% 48% 52% / 46% 41% 59% 54%;opacity:.6}
.iabappp-img{position:absolute;margin:0;overflow:hidden;border:5px solid rgba(255,255,255,.8);box-shadow:0 14px 26px rgba(17,48,35,.16);background:#eee}
.iabappp-img img{display:block;width:100%;height:100%;object-fit:cover}
.iabappp-img.img1{left:5%;top:11%;width:31%;height:58%;border-radius:34px 22px 28px 18px;clip-path:polygon(3% 7%,95% 0,100% 93%,8% 100%,0 48%);transform:rotate(-2.5deg)}
.iabappp-img.img2{left:37%;top:8%;width:16%;height:28%;border-radius:20px;clip-path:polygon(0 8%,100% 0,96% 100%,6% 95%);transform:rotate(2deg)}
.iabappp-img.img3{left:37%;top:40%;width:16%;height:28%;border-radius:20px;clip-path:polygon(6% 0,100% 7%,95% 100%,0 92%);transform:rotate(-1.8deg)}
.iabappp-img.img4{left:55%;top:12%;width:23%;height:50%;border-radius:28px 20px 24px 18px;clip-path:polygon(2% 10%,98% 0,100% 96%,8% 100%,0 34%);transform:rotate(1.6deg)}
.iabappp-img.img5{right:4%;top:4%;width:22%;height:66%;border-radius:30px 36px 24px 26px;clip-path:polygon(8% 0,100% 6%,100% 88%,0 100%,0 8%);transform:rotate(4.5deg)}

.iabappp-wave{height:52px;position:relative;margin-top:8px}
.iabappp-wave:before{content:'';position:absolute;left:-2%;right:-2%;top:6px;height:72px;background:#f8f4ec;border-radius:48% 52% 0 0 / 100% 100% 0 0}
.iabappp-wave:after{content:'';position:absolute;left:-2%;right:-2%;top:22px;height:46px;background:linear-gradient(to bottom,rgba(255,255,255,.55),rgba(255,255,255,0));border-radius:55% 45% 0 0 / 100% 100% 0 0;opacity:.65}

.iabappp-process{padding-top:6px;padding-bottom:30px}
.iabappp-process-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px;align-items:start;margin-top:18px;padding:22px 18px;border-radius:30px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.85),rgba(255,255,255,.2) 40%),linear-gradient(180deg,#f7f3ea,#f2eee4);overflow:hidden}
.iabappp-process-track:before{content:'';position:absolute;inset:10px;background:radial-gradient(ellipse at 15% 40%,rgba(255,255,255,.95),rgba(255,255,255,0) 35%),radial-gradient(ellipse at 70% 20%,rgba(255,255,255,.75),rgba(255,255,255,0) 36%),radial-gradient(ellipse at 85% 75%,rgba(255,255,255,.7),rgba(255,255,255,0) 26%);pointer-events:none}
.iabappp-step{position:relative;text-align:center;padding:6px 8px 4px;z-index:1}
.iabappp-step-top{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}
.iabappp-step-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:900;font-size:18px;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.iabappp-step-icon{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;box-shadow:0 8px 22px rgba(28,58,39,.08)}
.iabappp-step-icon svg{width:42px;height:42px;display:block}
.iabappp-step strong{display:block;margin:0 0 8px;color:#1d2b24;font-size:16px;line-height:1.12;font-weight:900;text-transform:uppercase}
.iabappp-step p{margin:0 auto;max-width:220px;color:#525b56;font-size:15px;line-height:1.45}
.iabappp-arrow{display:flex;align-items:center;justify-content:center;color:#2b6c46;font-size:34px;font-weight:300;align-self:start;padding-top:22px;opacity:.9}
.iabappp-process-track > .iabappp-step:nth-child(1){grid-column:1}
.iabappp-process-track > .iabappp-arrow:nth-child(2){grid-column:2}
/* no-op explicit positions avoided */

.iabappp-process-track{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr)}

.iabappp-left-floral,.iabappp-bop,.iabappp-jac-corner{position:absolute;z-index:2;pointer-events:none;display:block;transform-origin:50% 100%;--x:0px;--y:0px;--flip-x:1;--flip-y:1;transform:translate3d(var(--x),var(--y),0) scaleX(var(--flip-x)) scaleY(var(--flip-y))}
.iabappp-left-floral{left:6px;bottom:16px;width:118px;z-index:0;opacity:.98}
.iabappp-jac-corner{right:12px;top:10px;width:100px;opacity:.92}
.iabappp-bop{right:10px;bottom:14px;width:165px}
.iabappp-motion{animation:iabapppSway var(--dur,10s) ease-in-out infinite}
@keyframes iabapppSway{0%,100%{transform:translate3d(calc(var(--x) + 0px),calc(var(--y) + 0px),0) scaleX(var(--flip-x)) scaleY(var(--flip-y)) rotate(calc(var(--sway,1deg)*-.55))}25%{transform:translate3d(calc(var(--x) + 3px),calc(var(--y) - 2px),0) scaleX(var(--flip-x)) scaleY(var(--flip-y)) rotate(var(--sway,1deg))}50%{transform:translate3d(calc(var(--x) + 0px),calc(var(--y) - 4px),0) scaleX(var(--flip-x)) scaleY(var(--flip-y)) rotate(calc(var(--sway,1deg)*.25))}75%{transform:translate3d(calc(var(--x) - 3px),calc(var(--y) - 2px),0) scaleX(var(--flip-x)) scaleY(var(--flip-y)) rotate(calc(var(--sway,1deg)*-.9))}}

@media (max-width: 1140px){
  .iabappp-people-grid{grid-template-columns:1fr;gap:22px}
  .iabappp-collage{min-height:360px}
  .iabappp-process-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .iabappp-arrow{display:none}
}
@media (max-width: 767px){
  .iabappp-wrap{border-radius:24px;padding-top:18px}
  .iabappp-people,.iabappp-process{padding-left:18px;padding-right:18px}
  .iabappp-copy h2,.iabappp-process-head h2{font-size:22px}
  .iabappp-sub{font-size:12px}
  .iabappp-copy p,.iabappp-step p{font-size:14px}
  .iabappp-collage{min-height:270px;padding:10px 0}
  .iabappp-img.img1{left:2%;width:35%;height:54%}
  .iabappp-img.img2{left:40%;width:18%;height:24%}
  .iabappp-img.img3{left:40%;top:40%;width:18%;height:24%}
  .iabappp-img.img4{left:60%;width:20%;height:43%}
  .iabappp-img.img5{right:1%;width:24%;height:58%}
  .iabappp-process-track{grid-template-columns:1fr;padding:16px 12px}
  .iabappp-step-icon{width:72px;height:72px}
  .iabappp-left-floral,.iabappp-jac-corner,.iabappp-bop{opacity:.85}
}


/* v1.0.2 — remove white seam between People + Process sections */
.iabappp-wave{
    margin-bottom:-2px;
}
.iabappp-process{
    margin-top:-2px;
    background:#f8f4ec;
}
.iabappp-wave:after{
    opacity:.28;
    background:linear-gradient(to bottom,rgba(248,244,236,.8),rgba(248,244,236,0));
}
