/* Ported 1:1 from components/WhyUs/index.tsx's injected <style> string. */
.wu-root{position:relative;background:#0a0a0a;padding:150px 0;overflow:hidden;}
.wu-glow{position:absolute;left:50%;top:0;width:900px;height:900px;
  transform:translate(-50%,-45%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);}
.wu-wrap{position:relative;max-width:1000px;margin:0 auto;padding:0 24px;text-align:center;}

.wu-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.45);margin-bottom:28px;}

.wu-head-row{position:relative;display:inline-block;margin-bottom:32px;}
.wu-h{font-size:clamp(34px,5.6vw,64px);font-weight:800;
  letter-spacing:-.03em;line-height:1.06;color:#fff;}

.wu-arrow-wrap{position:absolute;left:100%;top:-18px;display:flex;flex-direction:column;
  align-items:flex-start;margin-left:8px;width:150px;}
.wu-arrow-inner{display:flex;flex-direction:column;align-items:inherit;}
.wu-arrow-svg{display:block;}

.wu-arrow-path{stroke-dasharray:1;stroke-dashoffset:1;
  transition:stroke-dashoffset 1s cubic-bezier(.65,0,.35,1);}
.wu-arrow-head{stroke-dasharray:1;stroke-dashoffset:1;
  transition:stroke-dashoffset .4s cubic-bezier(.65,0,.35,1) .75s;}
.wu-arrow-in .wu-arrow-path{stroke-dashoffset:0;}
.wu-arrow-in .wu-arrow-head{stroke-dashoffset:0;}

.wu-arrow-text{font-family:var(--font-hand);font-size:1.35rem;font-weight:700;color:#fff;
  line-height:1.15;transform:rotate(-4deg);margin-top:-8px;white-space:nowrap;}

.wu-arrow-wrap--flip{left:auto;right:100%;align-items:flex-end;margin-left:0;margin-right:8px;}
.wu-arrow-wrap--flip .wu-arrow-svg{transform:scaleX(-1);}
.wu-arrow-wrap--flip .wu-arrow-text{transform:rotate(4deg);}

.wu-body{font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:rgba(255,255,255,.65);
  max-width:640px;margin:0 auto;font-weight:600;}

@media(max-width:820px){
  .wu-arrow-wrap{position:static;flex-direction:row;align-items:center;justify-content:center;
    margin:14px auto 0;width:auto;gap:6px;}
  .wu-arrow-svg{transform:rotate(90deg) scaleX(-1);width:56px;height:40px;}
  .wu-arrow-text{transform:none;margin-top:0;white-space:normal;text-align:left;max-width:220px;}
  .wu-arrow-wrap--flip .wu-arrow-svg{transform:rotate(90deg) scaleX(-1);}
  .wu-arrow-wrap--flip .wu-arrow-text{transform:none;}
}
@media(max-width:560px){
  .wu-root{padding:72px 0;}
}
