/* ==========================================================
   BLOOPIN HOME — COMMISSION TICKET PREMIUM V6
========================================================== */

.bp-profit-ticket{
  position:relative;
  padding:clamp(28px,4vw,60px) 0;
  overflow:clip;
}

.bp-profit-ticket,
.bp-profit-ticket *{
  box-sizing:border-box;
}

.bp-profit-ticket__inner{
  width:min(1540px,calc(100vw - 32px));
  margin-left:50%;
  transform:translateX(-50%);
}

.bp-profit-ticket__panel{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(430px,.82fr);
  grid-template-areas:
    "copy visual"
    "benefits benefits"
    "footnotes footnotes";
  column-gap:clamp(48px,5vw,86px);
  row-gap:clamp(28px,3vw,46px);
  align-items:center;
  padding:clamp(12px,1.6vw,24px) clamp(0px,.8vw,12px);
  background:transparent;
}

.bp-profit-ticket__copy{
  grid-area:copy;
  min-width:0;
  max-width:100%;
}

.bp-profit-ticket__eyebrow{
  margin:0 0 18px;
  text-align:left;
}

.bp-profit-ticket__title{
  width:100%;
  max-width:760px;
  margin:0;
  color:var(--text,#0F172A);
  font-size:clamp(2.2rem,3.2vw,3.2rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}

.bp-profit-ticket__title .bp-word-accent-alt{
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  color:var(--primary,#22A1EE);
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  text-wrap:inherit;
  white-space:normal !important;
  overflow-wrap:normal;
  word-break:normal;
  text-decoration:none !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
}

.bp-profit-ticket__title .bp-word-accent-alt::before,
.bp-profit-ticket__title .bp-word-accent-alt::after{
  content:none !important;
  display:none !important;
}

.bp-profit-ticket__lead{
  max-width:690px;
  margin:clamp(22px,2.2vw,30px) 0 0;
  color:var(--text-soft,#64748B);
  font-size:clamp(1rem,.34vw + .94rem,1.14rem);
  line-height:1.72;
  text-wrap:pretty;
}

.bp-profit-ticket__notice{
  max-width:720px;
  margin-top:clamp(26px,3vw,40px);
  padding:clamp(19px,2.1vw,25px);
  border:3px solid var(--border,#E5EEF6);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 38px rgba(15,23,42,.035);
}

.bp-profit-ticket__notice p{
  margin:0;
  color:var(--text-soft,#64748B);
  font-size:.98rem;
  line-height:1.56;
}

.bp-profit-ticket__notice p + p{
  margin-top:8px;
}

.bp-profit-ticket__notice strong{
  color:var(--text,#0F172A);
  font-weight:750;
}

.bp-profit-ticket__comparison{
  max-width:700px;
  margin:16px 0 0;
  color:var(--text-soft,#64748B);
  font-size:.82rem;
  line-height:1.55;
  font-weight:550;
}

.bp-profit-ticket__visual{
  grid-area:visual;
  position:relative;
  width:min(100%,590px);
  justify-self:end;
  padding:0 clamp(10px,1.4vw,20px) clamp(12px,1.6vw,22px) 0;
}

.bp-profit-ticket__backplate{
  position:absolute;
  z-index:0;
  top:10%;
  right:0;
  bottom:0;
  left:9%;
  border-radius:26px;
  background:linear-gradient(150deg,#269EF0,#72C5F7);
  opacity:.86;
  transform:rotate(1.6deg);
  box-shadow:0 24px 55px rgba(34,161,238,.16);
}

.bp-profit-ticket__receipt{
  position:relative;
  z-index:1;
  min-height:610px;
  padding:clamp(28px,3vw,42px);
  overflow:hidden;
  color:var(--text,#0F172A);
  background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  border:1px solid rgba(15,23,42,.09);
  box-shadow:
    0 36px 86px rgba(15,23,42,.18),
    0 12px 30px rgba(15,23,42,.09);
  clip-path:polygon(
    0 8px,
    2% 0,
    4% 8px,
    6% 0,
    8% 8px,
    10% 0,
    12% 8px,
    14% 0,
    16% 8px,
    18% 0,
    20% 8px,
    22% 0,
    24% 8px,
    26% 0,
    28% 8px,
    30% 0,
    32% 8px,
    34% 0,
    36% 8px,
    38% 0,
    40% 8px,
    42% 0,
    44% 8px,
    46% 0,
    48% 8px,
    50% 0,
    52% 8px,
    54% 0,
    56% 8px,
    58% 0,
    60% 8px,
    62% 0,
    64% 8px,
    66% 0,
    68% 8px,
    70% 0,
    72% 8px,
    74% 0,
    76% 8px,
    78% 0,
    80% 8px,
    82% 0,
    84% 8px,
    86% 0,
    88% 8px,
    90% 0,
    92% 8px,
    94% 0,
    96% 8px,
    98% 0,
    100% 8px,
    100% calc(100% - 8px),
    98% 100%,
    96% calc(100% - 8px),
    94% 100%,
    92% calc(100% - 8px),
    90% 100%,
    88% calc(100% - 8px),
    86% 100%,
    84% calc(100% - 8px),
    82% 100%,
    80% calc(100% - 8px),
    78% 100%,
    76% calc(100% - 8px),
    74% 100%,
    72% calc(100% - 8px),
    70% 100%,
    68% calc(100% - 8px),
    66% 100%,
    64% calc(100% - 8px),
    62% 100%,
    60% calc(100% - 8px),
    58% 100%,
    56% calc(100% - 8px),
    54% 100%,
    52% calc(100% - 8px),
    50% 100%,
    48% calc(100% - 8px),
    46% 100%,
    44% calc(100% - 8px),
    42% 100%,
    40% calc(100% - 8px),
    38% 100%,
    36% calc(100% - 8px),
    34% 100%,
    32% calc(100% - 8px),
    30% 100%,
    28% calc(100% - 8px),
    26% 100%,
    24% calc(100% - 8px),
    22% 100%,
    20% calc(100% - 8px),
    18% 100%,
    16% calc(100% - 8px),
    14% 100%,
    12% calc(100% - 8px),
    10% 100%,
    8% calc(100% - 8px),
    6% 100%,
    4% calc(100% - 8px),
    2% 100%,
    0 calc(100% - 8px)
  );
}

.bp-profit-ticket__receipt-head{
  padding-bottom:24px;
  text-align:center;
  border-bottom:1px solid rgba(15,23,42,.2);
}

.bp-profit-ticket__brand-logo{
  display:block;
  width:auto;
  height:clamp(38px,3.5vw,54px);
  max-width:min(190px,70%);
  margin:0 auto;
  object-fit:contain;
}

.bp-profit-ticket__receipt-kicker{
  margin:16px 0 0;
  color:rgba(15,23,42,.5);
  font-size:.75rem;
  line-height:1.35;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:750;
}

.bp-profit-ticket__receipt-body{
  padding-top:24px;
}

.bp-profit-ticket__receipt-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:24px;
  padding:15px 0;
}

.bp-profit-ticket__receipt-row > span{
  color:var(--text-soft,#64748B);
  font-size:.99rem;
  line-height:1.4;
}

.bp-profit-ticket__receipt-row > span small{
  display:inline;
  margin-left:3px;
  color:var(--primary,#22A1EE);
  font-size:inherit;
  font-weight:750;
}

.bp-profit-ticket__receipt-row strong{
  color:var(--text,#0F172A);
  font-size:1.05rem;
  line-height:1.35;
  font-weight:750;
  white-space:nowrap;
}

.bp-profit-ticket__receipt-row--gross > span,
.bp-profit-ticket__receipt-row--gross strong{
  color:var(--text,#0F172A);
  font-size:1.08rem;
  font-weight:750;
}

.bp-profit-ticket__receipt-row .bp-profit-ticket__negative{
  color:var(--primary,#22A1EE);
}

.bp-profit-ticket__receipt-row .bp-profit-ticket__separate{
  color:var(--text-soft,#64748B);
  font-size:.98rem;
}

.bp-profit-ticket__receipt-separator{
  height:1px;
  margin:8px 0;
  background:repeating-linear-gradient(
    90deg,
    rgba(15,23,42,.26) 0 7px,
    transparent 7px 13px
  );
}

.bp-profit-ticket__receipt-total{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:26px 0 18px;
}

.bp-profit-ticket__receipt-total span{
  display:block;
  color:var(--text,#0F172A);
  font-size:1.02rem;
  line-height:1.35;
  letter-spacing:.01em;
  text-transform:uppercase;
  font-weight:800;
}

.bp-profit-ticket__receipt-total small{
  display:block;
  max-width:34ch;
  margin-top:5px;
  color:var(--text-soft,#64748B);
  font-size:.71rem;
  line-height:1.35;
  text-transform:uppercase;
  font-weight:650;
}

.bp-profit-ticket__receipt-total > strong{
  color:var(--primary,#22A1EE);
  font-size:clamp(2.25rem,4vw,3.6rem);
  line-height:.95;
  letter-spacing:-.06em;
  font-weight:850;
  white-space:nowrap;
}

.bp-profit-ticket__receipt-foot{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:16px;
  padding-top:20px;
  border-top:1px solid rgba(15,23,42,.15);
  color:rgba(15,23,42,.46);
  font-size:.78rem;
  line-height:1.4;
  text-align:center;
}

.bp-profit-ticket__receipt-foot strong{
  color:rgba(15,23,42,.68);
}

.bp-profit-ticket__receipt-lock{
  display:block;
  width:14px;
  height:14px;
  object-fit:contain;
  opacity:.55;
}

.bp-profit-ticket__benefits{
  grid-area:benefits;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:clamp(22px,2.5vw,30px);
  border:3px solid var(--border,#E5EEF6);
  border-radius:24px;
  background:#fff;
  box-shadow:0 15px 38px rgba(15,23,42,.035);
}

.bp-profit-ticket__benefit{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  align-items:center;
  min-width:0;
  padding:0 clamp(18px,2vw,30px);
}

.bp-profit-ticket__benefit + .bp-profit-ticket__benefit{
  border-left:1px solid var(--border,#E5EEF6);
}

.bp-profit-ticket__benefit-mark{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:999px;
  background:rgba(34,161,238,.09);
}

.bp-profit-ticket__benefit-mark img{
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
}

.bp-profit-ticket__benefit h3{
  margin:0;
  color:var(--text,#0F172A);
  font-size:1rem;
  line-height:1.35;
  font-weight:750;
}

.bp-profit-ticket__benefit p{
  margin:5px 0 0;
  color:var(--text-soft,#64748B);
  font-size:.88rem;
  line-height:1.5;
}

.bp-profit-ticket__footnotes{
  grid-area:footnotes;
  max-width:980px;
  margin:-14px auto 0;
  color:var(--text-soft,#64748B);
  text-align:center;
}

.bp-profit-ticket__footnotes p{
  margin:0;
  font-size:.74rem;
  line-height:1.5;
}

.bp-profit-ticket__footnotes p + p{
  margin-top:4px;
}

.bp-profit-ticket__copy,
.bp-profit-ticket__visual,
.bp-profit-ticket__benefits,
.bp-profit-ticket__footnotes{
  opacity:0;
  transform:translateY(24px);
  transition:
    opacity .72s ease,
    transform .85s cubic-bezier(.2,.7,.2,1);
}

.bp-profit-ticket.is-visible .bp-profit-ticket__copy,
.bp-profit-ticket.is-visible .bp-profit-ticket__visual,
.bp-profit-ticket.is-visible .bp-profit-ticket__benefits,
.bp-profit-ticket.is-visible .bp-profit-ticket__footnotes{
  opacity:1;
  transform:translateY(0);
}

.bp-profit-ticket.is-visible .bp-profit-ticket__visual{
  transition-delay:.1s;
}

.bp-profit-ticket.is-visible .bp-profit-ticket__benefits{
  transition-delay:.2s;
}

.bp-profit-ticket.is-visible .bp-profit-ticket__footnotes{
  transition-delay:.26s;
}

@media (max-width:1180px){
  .bp-profit-ticket__panel{
    grid-template-columns:minmax(0,.9fr) minmax(390px,.76fr);
    column-gap:40px;
  }

  .bp-profit-ticket__title{
    font-size:clamp(2.15rem,3.5vw,3.55rem);
  }
}

@media (max-width:1050px){
  .bp-profit-ticket{
    padding-inline:12px;
    overflow:visible;
  }

  .bp-profit-ticket__inner{
    width:100%;
    margin-left:0;
    transform:none;
  }

  .bp-profit-ticket__panel{
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "visual"
      "benefits"
      "footnotes";
    padding:0;
  }

  .bp-profit-ticket__copy{
    max-width:920px;
  }

  .bp-profit-ticket__title{
    max-width:850px;
    font-size:clamp(2.2rem,5vw,3.2rem);
  }

  .bp-profit-ticket__visual{
    width:min(100%,640px);
    justify-self:center;
  }

  .bp-profit-ticket__benefits{
    grid-template-columns:1fr;
    gap:20px;
  }

  .bp-profit-ticket__benefit{
    padding:0;
  }

  .bp-profit-ticket__benefit + .bp-profit-ticket__benefit{
    padding-top:20px;
    border-top:1px solid var(--border,#E5EEF6);
    border-left:0;
  }
}

@media (max-width:767px){
  .bp-profit-ticket{
    padding:16px 0 24px;
    overflow:visible;
  }

  .bp-profit-ticket__inner{
    width:calc(100vw - 16px);
    max-width:none;
    margin-left:50%;
    transform:translateX(-50%);
  }

  .bp-profit-ticket__panel{
    row-gap:24px;
  }

  .bp-profit-ticket__eyebrow{
    margin-bottom:14px;
  }

  .bp-profit-ticket__title{
    width:100%;
    max-width:100%;
    font-size:clamp(1.9rem,8.5vw,2.55rem);
    line-height:1.04;
    letter-spacing:-.042em;
  }

  .bp-profit-ticket__title .bp-word-accent-alt{
    display:block;
    width:100%;
    max-width:100%;
    margin:0;
    color:var(--primary,#22A1EE);
    font:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    white-space:normal !important;
    overflow-wrap:normal;
    word-break:normal;
    text-decoration:none !important;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
  }

  .bp-profit-ticket__lead{
    margin-top:18px;
    font-size:.94rem;
    line-height:1.6;
  }

  .bp-profit-ticket__notice{
    margin-top:22px;
    padding:17px 16px;
    border-radius:18px;
  }

  .bp-profit-ticket__notice p{
    font-size:.88rem;
    line-height:1.5;
  }

  .bp-profit-ticket__comparison{
    margin-top:13px;
    font-size:.76rem;
  }

  .bp-profit-ticket__visual{
    width:min(100%, 590px);
    padding:0 4px 8px 0;
  }

  .bp-profit-ticket__backplate{
    left:9%;
    top:9%;
    border-radius:20px;
  }

  .bp-profit-ticket__receipt{
    min-height:0;
    padding:24px 16px;
  }

  .bp-profit-ticket__brand-logo{
    height:42px;
    max-width:165px;
  }

  .bp-profit-ticket__receipt-kicker{
    margin-top:12px;
    font-size:.62rem;
  }

  .bp-profit-ticket__receipt-row{
    gap:14px;
    padding:13px 0;
  }

  .bp-profit-ticket__receipt-row > span,
  .bp-profit-ticket__receipt-row strong{
    font-size:.84rem;
  }

  .bp-profit-ticket__receipt-row--gross > span,
  .bp-profit-ticket__receipt-row--gross strong{
    font-size:.9rem;
  }

  .bp-profit-ticket__receipt-total{
    grid-template-columns:1fr;
    gap:11px;
    padding-top:22px;
  }

  .bp-profit-ticket__receipt-total span{
    font-size:.88rem;
  }

  .bp-profit-ticket__receipt-total small{
    font-size:.62rem;
  }

  .bp-profit-ticket__receipt-total > strong{
    font-size:2.75rem;
  }

  .bp-profit-ticket__receipt-foot{
    font-size:.68rem;
  }

  .bp-profit-ticket__benefits{
    gap:17px;
    padding:20px 16px;
    border-radius:20px;
  }

  .bp-profit-ticket__benefit{
    gap:13px;
  }

  .bp-profit-ticket__benefit + .bp-profit-ticket__benefit{
    padding-top:17px;
  }

  .bp-profit-ticket__benefit-mark{
    width:42px;
    height:42px;
  }

  .bp-profit-ticket__benefit-mark img{
    width:21px;
    height:21px;
  }

  .bp-profit-ticket__benefit h3{
    font-size:.94rem;
  }

  .bp-profit-ticket__benefit p{
    font-size:.8rem;
  }

  .bp-profit-ticket__footnotes{
    margin-top:-7px;
  }

  .bp-profit-ticket__footnotes p{
    font-size:.68rem;
  }
}

@media (max-width:430px){
  .bp-profit-ticket__title{
    font-size:clamp(1.82rem,8.2vw,2.35rem);
  }
}

@media (max-width:390px){
  .bp-profit-ticket__receipt-row{
    grid-template-columns:minmax(0,1fr);
    gap:4px;
  }

  .bp-profit-ticket__receipt-row strong{
    justify-self:start;
  }
}

@media (prefers-reduced-motion:reduce){
  .bp-profit-ticket__copy,
  .bp-profit-ticket__visual,
  .bp-profit-ticket__benefits,
  .bp-profit-ticket__footnotes{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}