/* ============================================================
   PPC & Fast Lead Generation — premium build
   brand: #ff7a45 / black / white / cream
   ============================================================ */
      .ppc,
      .ppc h1,
      .ppc h2,
      .ppc h3,
      .ppc h4,
      .ppc h5,
      .ppc p,
      .ppc span,
      .ppc a,
      .ppc div,
      .ppc li,
      .ppc label {
         font-family: "Poppins", sans-serif
      }

      .ppc {
         --o: #ff7a45;
         --o2: #ff9e6b;
         --od: #e5622f;
         --ink: #141414;
         --cream: #FFF4EF;
         --dark: #0e0f12;
         --dark2: #17181d;
         position: relative;
         z-index: 2
      }

      #mainfooter {
         position: relative;
         z-index: 1
      }

      .ppc * {
         box-sizing: border-box
      }

      #mainheader {
         min-height: 0 !important;
         padding: 0 !important
      }

      .ppc .container {
         max-width: 1180px;
         margin: 0 auto
      }

      .ppc .cmn_padd {
         padding: 88px 20px
      }

      /* buttons */
      .ppc-btn {
         display: inline-flex;
         align-items: center;
         gap: 9px;
         background: var(--o);
         color: #fff;
         font-weight: 600;
         font-size: 15px;
         padding: 15px 25px;
         border-radius: 10px;
         text-decoration: none;
         transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
         border: 2px solid var(--o);
         box-shadow: 0 10px 26px rgba(255, 122, 69, .28)
      }

      .ppc-btn:hover {
         background: var(--od);
         border-color: var(--od);
         color: #fff;
         transform: translateY(-3px);
         box-shadow: 0 16px 34px rgba(255, 122, 69, .4)
      }

      .ppc-btn.out {
         background: transparent;
         color: var(--o);
         box-shadow: none
      }

      .ppc-btn.out:hover {
         background: var(--o);
         color: #fff
      }

      .ppc-btn svg {
         width: 17px;
         height: 17px
      }

      .ppc-btns {
         display: flex;
         flex-wrap: wrap;
         gap: 15px;
         margin-top: 32px
      }

      /* reveal */
      .ppc .reveal {
         opacity: 0;
         transform: translateY(28px);
         transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
         transition-delay: var(--d, 0s)
      }

      .ppc .reveal.in {
         opacity: 1;
         transform: none
      }

      @media(prefers-reduced-motion:reduce) {
         .ppc .reveal {
            opacity: 1 !important;
            transform: none !important;
            transition: none !important
         }

         .ppc [class*="ppc-float"] {
            animation: none !important
         }
      }

      /* headings */
      .ppc-head {
         text-align: center;
         max-width: 820px;
         margin: 0 auto
      }

      .ppc-eyebrow {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         font-size: 12px;
         font-weight: 700;
         letter-spacing: 1.6px;
         text-transform: uppercase;
         color: var(--o);
         background: #fff4ef;
         border: 1px solid #ffd8c6;
         padding: 7px 15px;
         border-radius: 30px;
         margin-bottom: 18px
      }

      .ppc-eyebrow svg {
         width: 14px;
         height: 14px;
         stroke: var(--o)
      }

      .ppc-eyebrow.on-dark {
         background: rgba(255, 122, 69, .12);
         border-color: rgba(255, 122, 69, .35)
      }

      .ppc-head h2 {
         font-size: 40px;
         line-height: 1.14;
         font-weight: 700;
         color: var(--ink);
         margin: 0
      }

      .ppc-head h2 span {
         color: var(--o)
      }

      .ppc-head .uline {
         width: 118px;
         height: 5px;
         border-radius: 4px;
         background: linear-gradient(90deg, var(--o), #ffc3a3);
         margin: 18px auto 0
      }

      .ppc-head p {
         font-size: 16px;
         line-height: 1.75;
         color: #5c5c5c;
         max-width: 720px;
         margin: 22px auto 0
      }

      .ppc-head.left {
         text-align: left;
         margin: 0
      }

      .ppc-head.left .uline {
         margin: 18px 0 0
      }

      /* icon chip */
      .ppc-ic {
         width: 58px;
         height: 58px;
         border-radius: 15px;
         background: linear-gradient(135deg, #fff2ea, #ffe0d1);
         border: 1px solid #ffe0d1;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--o);
         margin: 0 0 18px;
         box-shadow: 0 8px 20px rgba(255, 122, 69, .16)
      }

      .ppc-ic svg {
         width: 28px;
         height: 28px;
         stroke: var(--o)
      }

      /* =====================================================================
   HERO (dark, two column)
   ===================================================================== */
      .ppc-hero {
         position: relative;
         overflow: hidden;
         background: var(--dark);
         padding: 160px 20px 106px
      }

      .ppc-hero:before {
         content: "";
         position: absolute;
         top: -160px;
         right: -120px;
         width: 640px;
         height: 640px;
         background: radial-gradient(circle, rgba(255, 122, 69, .27), transparent 62%);
         pointer-events: none
      }

      .ppc-hero:after {
         content: "";
         position: absolute;
         inset: 0;
         background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
         background-size: 46px 46px;
         mask-image: radial-gradient(circle at 30% 40%, #000, transparent 78%);
         -webkit-mask-image: radial-gradient(circle at 30% 40%, #000, transparent 78%);
         pointer-events: none
      }

      .ppc-hero .container {
         position: relative;
         z-index: 2;
         display: grid;
         grid-template-columns: 1.05fr .95fr;
         gap: 54px;
         align-items: center
      }

      .ppc-heleft {
         max-width: 600px
      }

      .ppc-hero-eyebrow {
         display: inline-flex;
         align-items: center;
         gap: 9px;
         font-size: 12px;
         font-weight: 700;
         letter-spacing: 1.6px;
         text-transform: uppercase;
         color: var(--o2);
         background: rgba(255, 122, 69, .1);
         border: 1px solid rgba(255, 122, 69, .32);
         padding: 8px 16px;
         border-radius: 30px;
         margin-bottom: 22px
      }

      .ppc-hero-eyebrow svg {
         width: 15px;
         height: 15px;
         stroke: var(--o2)
      }

      .ppc-h1 {
         font-size: 52px;
         line-height: 1.08;
         font-weight: 800;
         color: #fff;
         margin: 0 0 20px;
         letter-spacing: -.5px
      }

      .ppc-h1 span {
         color: var(--o)
      }

      .ppc-sub {
         font-size: 18.5px;
         line-height: 1.7;
         color: #b9bcc6;
         max-width: 540px;
         margin: 0
      }

      .ppc-trust {
         display: flex;
         flex-wrap: wrap;
         gap: 10px 22px;
         margin-top: 32px
      }

      .ppc-trust .t {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         font-size: 13.5px;
         font-weight: 500;
         color: #cfd2db
      }

      .ppc-trust .t svg {
         width: 16px;
         height: 16px;
         stroke: var(--o);
         flex: 0 0 auto
      }

      .ppc-hero .anim {
         opacity: 0;
         transform: translateY(26px);
         animation: ppcUp .8s cubic-bezier(.16, 1, .3, 1) forwards
      }

      .ppc-hero .anim.d1 {
         animation-delay: .06s
      }

      .ppc-hero .anim.d2 {
         animation-delay: .16s
      }

      .ppc-hero .anim.d3 {
         animation-delay: .26s
      }

      .ppc-hero .anim.d4 {
         animation-delay: .36s
      }

      .ppc-hero .anim.d5 {
         animation-delay: .46s
      }

      @keyframes ppcUp {
         to {
            opacity: 1;
            transform: none
         }
      }

      @media(prefers-reduced-motion:reduce) {
         .ppc-hero .anim {
            opacity: 1;
            transform: none;
            animation: none
         }
      }

      .ppc-float {
         animation: ppcFloaty 6s ease-in-out infinite
      }

      @keyframes ppcFloaty {

         0%,
         100% {
            transform: translateY(0)
         }

         50% {
            transform: translateY(-12px)
         }
      }

      /* Local Services Ad mockup */
      .ppc-heright {
         position: relative
      }

      .ppc-lsa {
         position: relative;
         background: #fff;
         border-radius: 20px;
         padding: 22px 22px 20px;
         box-shadow: 0 40px 80px rgba(0, 0, 0, .5);
         max-width: 410px;
         margin-left: auto
      }

      .ppc-lsa .ad {
         font-size: 10.5px;
         font-weight: 700;
         letter-spacing: .5px;
         color: #8a8a8a;
         text-transform: uppercase;
         margin-bottom: 12px
      }

      .ppc-gg {
         display: inline-flex;
         align-items: center;
         gap: 6px;
         background: #fff0e8;
         border: 1px solid #ffd8c6;
         color: var(--od);
         font-size: 11px;
         font-weight: 700;
         padding: 5px 11px;
         border-radius: 20px;
         margin-bottom: 14px
      }

      .ppc-gg svg {
         width: 13px;
         height: 13px;
         stroke: var(--o)
      }

      .ppc-lsa .biz {
         display: flex;
         align-items: center;
         gap: 13px
      }

      .ppc-lsa .lg {
         width: 46px;
         height: 46px;
         border-radius: 12px;
         background: linear-gradient(135deg, var(--o), #ff9e6b);
         color: #fff;
         font-weight: 800;
         font-size: 19px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex: 0 0 auto
      }

      .ppc-lsa .biz h5 {
         margin: 0;
         font-size: 16px;
         font-weight: 700;
         color: #111
      }

      .ppc-lsa .biz .meta {
         font-size: 12px;
         color: #8a8a8a;
         margin-top: 2px
      }

      .ppc-lsa .stars {
         color: var(--o);
         font-size: 13px;
         letter-spacing: 2px;
         margin: 12px 0 0
      }

      .ppc-lsa .stars small {
         color: #999;
         letter-spacing: 0;
         margin-left: 6px
      }

      .ppc-lsa .acts {
         display: flex;
         gap: 10px;
         margin-top: 16px
      }

      .ppc-lsa .acts a {
         flex: 1;
         text-align: center;
         font-size: 13px;
         font-weight: 700;
         padding: 11px;
         border-radius: 10px;
         text-decoration: none
      }

      .ppc-lsa .acts .call {
         background: var(--o);
         color: #fff
      }

      .ppc-lsa .acts .quote {
         background: #fff;
         color: var(--o);
         border: 1.5px solid #ffd8c6
      }

      .ppc-toast {
         position: absolute;
         left: -34px;
         bottom: -26px;
         z-index: 4;
         background: #fff;
         border-radius: 14px;
         padding: 12px 15px;
         box-shadow: 0 22px 46px rgba(0, 0, 0, .4);
         display: flex;
         align-items: center;
         gap: 11px;
         border: 1px solid #f0e5de;
         max-width: 250px
      }

      .ppc-toast .bell {
         width: 36px;
         height: 36px;
         border-radius: 10px;
         background: linear-gradient(135deg, var(--o), #ff9e6b);
         display: flex;
         align-items: center;
         justify-content: center;
         flex: 0 0 auto
      }

      .ppc-toast .bell svg {
         width: 18px;
         height: 18px;
         stroke: #fff
      }

      .ppc-toast b {
         display: block;
         font-size: 13px;
         color: #111;
         font-weight: 700
      }

      .ppc-toast small {
         font-size: 11.5px;
         color: #8a8a8a
      }

      /* =====================================================================
   WHY PPC (white, 2-col text + speed timelines)
   ===================================================================== */
      .ppc-split {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 58px;
         align-items: center
      }

      .ppc-split.rev .ppc-media {
         order: -1
      }

      .ppc-split .lead {
         font-size: 17px;
         line-height: 1.8;
         color: #565656;
         margin: 24px 0 0
      }

      .ppc-note {
         display: inline-flex;
         align-items: center;
         gap: 9px;
         margin-top: 24px;
         font-size: 14px;
         font-weight: 600;
         color: #333;
         background: #fff4ef;
         border: 1px solid #ffd8c6;
         border-radius: 30px;
         padding: 10px 18px
      }

      .ppc-note svg {
         width: 16px;
         height: 16px;
         stroke: var(--o)
      }

      /* speed card */
      .ppc-speed {
         background: #fff;
         border: 1px solid #f0e5de;
         border-radius: 20px;
         padding: 28px 28px 22px;
         box-shadow: 0 24px 56px rgba(0, 0, 0, .09)
      }

      .ppc-speed .sp-row {
         margin-bottom: 24px
      }

      .ppc-speed .sp-top {
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin-bottom: 10px
      }

      .ppc-speed .sp-name {
         font-size: 14.5px;
         font-weight: 700;
         color: #111
      }

      .ppc-speed .sp-tag {
         font-size: 11px;
         font-weight: 700;
         letter-spacing: .3px;
         padding: 4px 10px;
         border-radius: 20px
      }

      .ppc-speed .sp-tag.muted {
         color: #8a8078;
         background: #f0eae6
      }

      .ppc-speed .sp-tag.hot {
         color: var(--od);
         background: #fff0e8
      }

      .ppc-speed .sp-track {
         position: relative;
         height: 12px;
         border-radius: 8px;
         background: #f2ede9;
         overflow: visible
      }

      .ppc-speed .sp-fill {
         position: absolute;
         left: 0;
         top: 0;
         height: 100%;
         border-radius: 8px
      }

      .ppc-speed .sp-fill.slow {
         width: 100%;
         background: repeating-linear-gradient(90deg, #e4dcd6 0 7px, #efe8e3 7px 14px)
      }

      .ppc-speed .sp-fill.fast {
         width: 20%;
         background: linear-gradient(90deg, var(--o), #ff9e6b)
      }

      .ppc-speed .sp-dot {
         position: absolute;
         top: 50%;
         width: 18px;
         height: 18px;
         border-radius: 50%;
         background: #c9c2bb;
         border: 3px solid #fff;
         transform: translate(-50%, -50%);
         box-shadow: 0 3px 8px rgba(0, 0, 0, .15)
      }

      .ppc-speed .sp-dot.hot {
         background: var(--o)
      }

      .ppc-speed .sp-cap {
         margin-top: 11px;
         font-size: 12.5px;
         color: #777
      }

      .ppc-speed .sp-axis {
         display: flex;
         justify-content: space-between;
         border-top: 1px dashed #e5ded8;
         padding-top: 12px;
         margin-top: 4px;
         font-size: 11px;
         font-weight: 600;
         color: #a49a92
      }

      /* =====================================================================
   WHAT WE RUN (cream, 4 cards)
   ===================================================================== */
      .ppc-run {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 22px;
         margin-top: 52px
      }

      .ppc-run .it {
         background: #fff;
         border: 1px solid #f2ece7;
         border-radius: 18px;
         padding: 30px 26px;
         box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
         transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
      }

      .ppc-run .it:hover {
         transform: translateY(-10px);
         box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
         border-color: #ffd8c6
      }

      .ppc-run .it h4 {
         font-size: 17px;
         font-weight: 600;
         color: #111;
         margin: 0 0 9px
      }

      .ppc-run .it p {
         font-size: 14px;
         line-height: 1.7;
         color: #666;
         margin: 0
      }

      /* =====================================================================
   WHAT YOU GET (dark; checklist + dashboard)
   ===================================================================== */
      .ppc-get {
         background: var(--dark);
         position: relative;
         overflow: hidden
      }

      .ppc-get:before {
         content: "";
         position: absolute;
         bottom: -160px;
         left: -120px;
         width: 560px;
         height: 560px;
         background: radial-gradient(circle, rgba(255, 122, 69, .16), transparent 62%);
         pointer-events: none
      }

      .ppc-get .container {
         position: relative;
         z-index: 2
      }

      .ppc-get .ppc-head h2 {
         color: #fff
      }

      .ppc-get .ppc-head p {
         color: #b9bcc6
      }

      .ppc-getwrap {
         display: grid;
         grid-template-columns: 1fr 1.05fr;
         gap: 56px;
         align-items: center;
         margin-top: 8px
      }

      .ppc-checklist {
         list-style: none;
         padding: 0;
         margin: 26px 0 0
      }

      .ppc-checklist li {
         position: relative;
         padding: 0 0 18px 44px;
         color: #e7e8ee;
         font-size: 16px;
         line-height: 1.55;
         font-weight: 500
      }

      .ppc-checklist li:last-child {
         padding-bottom: 0
      }

      .ppc-checklist li:before {
         content: "";
         position: absolute;
         left: 0;
         top: -1px;
         width: 28px;
         height: 28px;
         border-radius: 9px;
         background: linear-gradient(135deg, var(--o), #ff9e6b);
         background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
         background-repeat: no-repeat;
         background-position: center;
         background-size: 15px
      }

      /* dashboard mockup */
      .ppc-dash {
         background: #fff;
         border-radius: 20px;
         box-shadow: 0 34px 70px rgba(0, 0, 0, .42);
         border: 1px solid #f0e5de;
         overflow: hidden
      }

      .ppc-dash .dh-head {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 18px 22px;
         border-bottom: 1px solid #f0eae6
      }

      .ppc-dash .dh-head b {
         font-size: 14.5px;
         font-weight: 700;
         color: #111
      }

      .ppc-dash .dh-live {
         display: inline-flex;
         align-items: center;
         gap: 6px;
         font-size: 11px;
         font-weight: 700;
         color: #1a7f37
      }

      .ppc-dash .dh-live:before {
         content: "";
         width: 8px;
         height: 8px;
         border-radius: 50%;
         background: #2ec16a
      }

      .ppc-dash .dh-stats {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 12px;
         padding: 20px 22px 6px
      }

      .ppc-dash .dh-stats .st {
         background: #faf7f5;
         border: 1px solid #f0e5de;
         border-radius: 12px;
         padding: 14px 12px;
         text-align: center
      }

      .ppc-dash .dh-stats .v {
         display: block;
         font-size: 24px;
         font-weight: 800;
         color: var(--o);
         line-height: 1
      }

      .ppc-dash .dh-stats .l {
         display: block;
         font-size: 11px;
         color: #8a8a8a;
         font-weight: 600;
         margin-top: 6px;
         line-height: 1.3
      }

      .ppc-dash .dh-chart {
         display: flex;
         align-items: flex-end;
         gap: 8px;
         height: 74px;
         padding: 14px 22px 6px
      }

      .ppc-dash .dh-chart i {
         flex: 1;
         border-radius: 5px 5px 0 0;
         background: linear-gradient(180deg, #ff9e6b, var(--o));
         opacity: .85
      }

      .ppc-dash .dh-chart i:last-child {
         opacity: 1;
         background: linear-gradient(180deg, var(--o), var(--od))
      }

      .ppc-dash .dh-leads {
         padding: 8px 22px 20px
      }

      .ppc-dash .dh-lab {
         font-size: 10.5px;
         font-weight: 700;
         letter-spacing: .6px;
         text-transform: uppercase;
         color: #9a9a9a;
         margin: 8px 0 10px
      }

      .ppc-dash .ld {
         display: flex;
         align-items: center;
         gap: 11px;
         padding: 9px 0;
         border-top: 1px solid #f4efec
      }

      .ppc-dash .ld .av {
         width: 34px;
         height: 34px;
         border-radius: 50%;
         background: linear-gradient(135deg, var(--o), #ff9e6b);
         color: #fff;
         font-weight: 700;
         font-size: 14px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex: 0 0 auto
      }

      .ppc-dash .ld b {
         font-size: 13.5px;
         color: #111;
         font-weight: 700;
         display: block
      }

      .ppc-dash .ld small {
         font-size: 11.5px;
         color: #8a8a8a
      }

      .ppc-dash .ld .tag {
         margin-left: auto;
         font-size: 10px;
         font-weight: 700;
         color: var(--od);
         background: #fff0e8;
         border: 1px solid #ffd8c6;
         padding: 3px 9px;
         border-radius: 20px
      }

      /* =====================================================================
   HOW WE DELIVER FAST (white, timeline)
   ===================================================================== */
      .ppc-steps {
         position: relative;
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 26px;
         margin-top: 56px
      }

      .ppc-steps:before {
         content: "";
         position: absolute;
         top: 34px;
         left: 16%;
         right: 16%;
         height: 2px;
         background: repeating-linear-gradient(90deg, #ffcdb6 0 8px, transparent 8px 16px);
         z-index: 0
      }

      .ppc-steps .st {
         position: relative;
         z-index: 1;
         background: #fff;
         border: 1px solid #f2ece7;
         border-radius: 18px;
         padding: 34px 26px 30px;
         text-align: center;
         box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
         transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
      }

      .ppc-steps .st:hover {
         transform: translateY(-10px);
         box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
         border-color: #ffd8c6
      }

      .ppc-steps .st .n {
         width: 56px;
         height: 56px;
         border-radius: 50%;
         background: linear-gradient(135deg, var(--o), #ff9e6b);
         color: #fff;
         font-size: 22px;
         font-weight: 800;
         display: flex;
         align-items: center;
         justify-content: center;
         margin: 0 auto 18px;
         box-shadow: 0 10px 24px rgba(255, 122, 69, .34);
         border: 4px solid #fff
      }

      .ppc-steps .st h4 {
         font-size: 17.5px;
         font-weight: 600;
         margin: 0 0 8px;
         color: #111
      }

      .ppc-steps .st p {
         font-size: 14px;
         line-height: 1.7;
         color: #666;
         margin: 0
      }

      /* WHO IT'S FOR tags */
      .ppc-lead {
         font-size: 16px;
         line-height: 1.75;
         color: #5c5c5c;
         max-width: 780px;
         margin: 22px auto 0;
         text-align: center
      }

      .ppc-tags {
         display: flex;
         flex-wrap: wrap;
         gap: 14px;
         justify-content: center;
         margin-top: 44px
      }

      .ppc-tags .tg {
         background: #fff;
         border: 1px solid #efe1d9;
         border-radius: 40px;
         padding: 13px 22px;
         font-size: 14px;
         font-weight: 600;
         color: #222;
         box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
         transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease
      }

      .ppc-tags .tg:hover {
         border-color: var(--o);
         color: var(--o);
         transform: translateY(-4px);
         box-shadow: 0 12px 26px rgba(255, 122, 69, .2)
      }

      /* ===== Reused: Why Digital Rafter + Pricing (dwp) ===== */
      .dwp,
      .dwp h2,
      .dwp h3,
      .dwp h4,
      .dwp p,
      .dwp span,
      .dwp a,
      .dwp li,
      .dwp div {
         font-family: "Poppins", sans-serif
      }

      .dwp .cmn_padd {
         padding: 88px 20px
      }

      .dwp .container {
         max-width: 1180px;
         margin: 0 auto
      }

      .dwp-why {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         grid-auto-rows: 1fr;
         gap: 24px;
         max-width: 1160px;
         margin: 52px auto 0
      }

      .dwp-why .it {
         background: #fff;
         border: 1px solid #f2ece7;
         border-radius: 18px;
         padding: 32px 26px;
         box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
         transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease
      }

      .dwp-why .it:hover {
         transform: translateY(-10px);
         box-shadow: 0 26px 52px rgba(255, 122, 69, .16);
         border-color: #ffd8c6
      }

      .dwp-why .it h4 {
         font-size: 17px;
         font-weight: 600;
         color: #111;
         margin: 0 0 8px
      }

      .dwp-why .it p {
         font-size: 14px;
         line-height: 1.7;
         color: #666;
         margin: 0
      }

      .dwp-ic {
         width: 58px;
         height: 58px;
         border-radius: 15px;
         background: linear-gradient(135deg, #fff2ea, #ffe0d1);
         border: 1px solid #ffe0d1;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--o);
         margin: 0 0 18px;
         box-shadow: 0 8px 20px rgba(255, 122, 69, .16)
      }

      .dwp-ic svg {
         width: 28px;
         height: 28px;
         stroke: var(--o)
      }

      .dwp-price {
         display: flex;
         flex-wrap: wrap;
         gap: 26px;
         justify-content: center;
         align-items: stretch;
         margin-top: 54px
      }

      .dwp-tier {
         flex: 1 1 300px;
         max-width: 350px;
         background: #fff;
         border: 1px solid #efe1d9;
         border-radius: 20px;
         padding: 38px 32px;
         display: flex;
         flex-direction: column;
         box-shadow: 0 12px 34px rgba(0, 0, 0, .06);
         transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease
      }

      .dwp-tier:hover {
         transform: translateY(-8px);
         box-shadow: 0 28px 56px rgba(255, 122, 69, .16)
      }

      .dwp-tier.pop {
         border: 2px solid var(--o);
         transform: scale(1.045);
         position: relative;
         box-shadow: 0 26px 56px rgba(255, 122, 69, .26);
         background: linear-gradient(180deg, #fffaf7, #fff)
      }

      .dwp-tier.pop:hover {
         transform: scale(1.045) translateY(-8px)
      }

      .dwp-badge {
         position: absolute;
         top: -15px;
         left: 50%;
         transform: translateX(-50%);
         background: var(--o);
         color: #fff;
         font-size: 12px;
         font-weight: 700;
         padding: 7px 18px;
         border-radius: 20px;
         letter-spacing: .5px;
         white-space: nowrap;
         box-shadow: 0 10px 22px rgba(255, 122, 69, .4)
      }

      .dwp-tier h3 {
         font-size: 20px;
         font-weight: 700;
         color: #111;
         margin: 0 0 8px
      }

      .dwp-amt {
         font-size: 40px;
         font-weight: 800;
         color: #111;
         line-height: 1;
         margin: 0
      }

      .dwp-amt span {
         font-size: 15px;
         font-weight: 500;
         color: #888
      }

      .dwp-tier .desc {
         font-size: 14px;
         color: #666;
         line-height: 1.6;
         margin: 12px 0 22px
      }

      .dwp-feats {
         list-style: none;
         padding: 0;
         margin: 0 0 28px
      }

      .dwp-feats li {
         position: relative;
         padding: 0 0 13px 28px;
         font-size: 14px;
         color: #444;
         line-height: 1.5
      }

      .dwp-feats li:before {
         content: "";
         position: absolute;
         left: 0;
         top: 2px;
         width: 18px;
         height: 18px;
         border-radius: 50%;
         background: #fff0e8;
         background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7a45' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
         background-repeat: no-repeat;
         background-position: center;
         background-size: 12px
      }

      .dwp-btn {
         display: block;
         text-align: center;
         background: var(--o);
         color: #fff;
         font-weight: 600;
         font-size: 15px;
         padding: 15px;
         border-radius: 10px;
         text-decoration: none;
         margin-top: auto;
         border: 2px solid var(--o);
         transition: transform .25s ease, box-shadow .25s ease, background .25s ease
      }

      .dwp-btn:hover {
         background: var(--od);
         border-color: var(--od);
         color: #fff;
         transform: translateY(-3px);
         box-shadow: 0 14px 30px rgba(255, 122, 69, .36)
      }

      .dwp-tier:not(.pop) .dwp-btn {
         background: #fff;
         color: var(--o)
      }

      .dwp-tier:not(.pop) .dwp-btn:hover {
         background: var(--o);
         color: #fff
      }

      .dwp-sub {
         text-align: center;
         color: #9a8f8a;
         font-size: 13px;
         margin: 14px auto 0;
         font-style: italic
      }

      .dwp-fine {
         text-align: center;
         color: #777;
         font-size: 14px;
         margin: 44px auto 0
      }

      /* =====================================================================
   CLOSING CTA (dark)
   ===================================================================== */
      .ppc-close {
         background: var(--dark);
         position: relative;
         overflow: hidden;
         padding: 76px 20px
      }

      .ppc-close:before {
         content: "";
         position: absolute;
         top: -140px;
         left: 50%;
         transform: translateX(-50%);
         width: 640px;
         height: 420px;
         background: radial-gradient(circle, rgba(255, 122, 69, .24), transparent 62%);
         pointer-events: none
      }

      .ppc-close .container {
         position: relative;
         z-index: 2;
         text-align: center
      }

      .ppc-close h2 {
         color: #fff;
         font-size: 38px;
         font-weight: 700;
         margin: 0 auto 14px;
         letter-spacing: -.4px
      }

      .ppc-close h2 span {
         color: var(--o)
      }

      .ppc-close p {
         color: #b9bcc6;
         font-size: 16.5px;
         line-height: 1.7;
         max-width: 560px;
         margin: 0 auto
      }

      .ppc-close .ppc-btns {
         justify-content: center
      }

      /* =====================================================================
   RESPONSIVE
   ===================================================================== */

      @media(max-width:1200px) {
         .ppc-btn {
            padding: 15px;
         }
      }


      @media(max-width:992px) {
         .ppc-hero {
            padding: 96px 18px 76px
         }

         .ppc-hero .container {
            grid-template-columns: 1fr;
            gap: 48px
         }

         .ppc-h1 {
            font-size: 42px
         }

         .ppc-lsa {
            margin: 0 auto
         }

         .ppc-toast {
            left: 0
         }

         .ppc-split,
         .ppc-getwrap {
            grid-template-columns: 1fr;
            gap: 42px
         }

         .ppc-split.rev .ppc-media {
            order: 0
         }

         .ppc-head.left {
            text-align: center;
            margin: 0 auto
         }

         .ppc-head.left .uline {
            margin: 18px auto 0
         }

         .ppc-run {
            grid-template-columns: repeat(2, 1fr)
         }

         .ppc-get .ppc-head {
            text-align: center;
            margin: 0 auto
         }

         .ppc-get .ppc-head .uline {
            margin: 18px auto 0
         }

         .ppc-steps {
            grid-template-columns: 1fr;
            gap: 20px
         }

         .ppc-steps:before {
            display: none
         }

         .dwp-why {
            grid-template-columns: repeat(2, 1fr)
         }
      }

      @media(max-width:600px) {
         .ppc-h1 {
            font-size: 34px
         }

         .ppc-head h2,
         .ppc-close h2 {
            font-size: 28px
         }

         .ppc-run,
         .dwp-why {
            grid-template-columns: 1fr
         }

         .ppc-btns {
            flex-direction: column
         }

         .ppc-btn {
            justify-content: center
         }

         .ppc-toast {
            display: none
         }
      }

@media (max-width: 991px) {
   .ppc-hero {
      padding-top: 140px
   }
}