/* =========================================================
   CTG GLOBAL PRIMARY CTA
   Shared visual system for primary calls to action.
   ========================================================= */

/* Shared public-form normalization. Component rules continue to own every
   visual decision; this only removes inconsistent browser control chrome. */
input:not(.ctg-form-control):not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]),
select:not(.ctg-form-control),
textarea:not(.ctg-form-control){
  -webkit-appearance:none;
  appearance:none;
  background-clip:padding-box;
  box-shadow:none;
}

select:not(.ctg-form-control):not([multiple]):not([size]),
select:not(.ctg-form-control)[size="0"],
select:not(.ctg-form-control)[size="1"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23aeb4bf' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position:right 16px center;
  background-repeat:no-repeat;
  background-size:10px 6px;
}

input[type="number"]{-moz-appearance:textfield;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}

/* Keep left-aligned hero copy on a consistent desktop reading edge. */
@media(min-width:1024px){
  .ctg-homepage-context .hero-copy{
    position:relative;
    left:calc(80px - max(24px,calc(50vw - 690px)));
  }

  .cro-hero-copy,
  .wd-hero-copy,
  .seo-copy-hero-main,
  .cro-scenario-hero-copy,
  .scenario-template-hero-copy{
    position:relative;
    left:calc(80px - max(24px,calc(50vw - 620px)));
  }

  .redesign-hero-copy{
    position:relative;
    left:calc(80px - max(32px,calc(50vw - 640px)));
  }
}

/* The legacy pricing hero has its own, wider content shell. */
@media(min-width:1024px) and (max-width:1080px){
  .ctg-pricing-hero-v490__copy{
    position:relative;
    left:48px;
  }
}

@media(min-width:1081px){
  .ctg-pricing-hero-v490__copy{
    position:relative;
    left:calc(80px - max(60px,calc(50vw - 720px)));
  }
}