/* Interested Might Pay — Fitelo rebrand. Tokens and chrome come from tokens.css and style.css. */

*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body:has(.imp){
  background:var(--ivory);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16.5px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
body:has(.imp) button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
body:has(.imp) a{text-decoration:none}
body:has(.imp) :is(h1,h2,h3){
  font-family:var(--serif);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.39;
  text-wrap:balance;
  color:var(--ink);
  margin:0;
}
body:has(.imp) :is(h1,h2) em{
  display:inline-block;
  font-style:italic;
  margin:0 .08em;
  padding:.07em .34em .12em;
  line-height:1.04;
  color:inherit;
  border:1.6px solid var(--orange);
  border-radius:999px;
  vertical-align:baseline;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
body:has(.imp) ul{padding:0;list-style:none;margin:0}
body:has(.imp) :focus-visible{outline:2px solid var(--orange);outline-offset:3px}

.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  height:52px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  font-size:15.5px;
  font-weight:600;
  letter-spacing:-.01em;
  text-decoration:none;
  white-space:nowrap;
  transition:background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease);
}
.btn:active{transform:scale(.98)}
.btn:disabled{opacity:.7;cursor:progress;transform:none}
.b-orange{background:var(--orange);color:#fff;box-shadow:0 10px 26px -8px rgba(255,71,57,.6)}
.b-orange:hover{background:var(--orangeD);color:#fff}
.b-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(34,9,15,.16)}
.b-line:hover{box-shadow:inset 0 0 0 1.5px rgba(34,9,15,.4);background:transparent}

body:has(.imp) .nav-links,
body:has(.imp) .nav-cta,
body:has(.imp) .nav-menu,
body:has(.imp) .mnav,
body:has(.imp) .ft-hero,
body:has(.imp) .ft-col,
body:has(.imp) .ft-btns,
body:has(.imp) .soc,
body:has(.imp) .ft-bot nav{
  display:none!important;
}
body:has(.imp) .brand{pointer-events:none;cursor:default}
body:has(.imp) .ft{margin-top:0}
body:has(.imp) .ft-grid{
  grid-template-columns:1fr;
  padding-top:8px;
}
body:has(.imp) .modal,
body:has(.imp) #fiteloOfferPopup,
body:has(.imp) .fop-overlay{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.cue-lab{
  display:inline-flex;
  align-items:center;
  height:32px;
  padding:0 14px;
  margin:0 0 16px;
  border-radius:999px;
  font-family:var(--sans);
  font-size:13px;
  font-weight:500;
  color:var(--orangeD);
  border:1.2px solid rgba(255,71,57,.4);
  width:max-content;
  max-width:100%;
  background:transparent;
}

.imp-hero{
  position:relative;
  padding:calc(118px + env(safe-area-inset-top,0px)) 0 clamp(28px,4vw,56px);
  overflow:hidden;
}
.imp-hero__ov{
  position:absolute;
  left:-8%;
  top:8%;
  width:min(420px,42vw);
  pointer-events:none;
  opacity:.45;
}
.imp-hero__ov svg{display:block;width:100%;height:auto;overflow:visible}
.imp-hero__ov ellipse{fill:none;stroke:rgba(79,7,22,.16);stroke-width:1;vector-effect:non-scaling-stroke}
.imp-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(280px,1.15fr) minmax(280px,.85fr);
  gap:clamp(20px,3vw,40px);
  align-items:start;
}
body:has(.imp) .imp-hero h1{
  font-size:clamp(40px,5vw,64px);
  color:var(--maroon);
  letter-spacing:-.04em;
}
.imp-lede{
  margin-top:18px;
  max-width:42ch;
  color:var(--ink2);
  font-size:clamp(16.5px,1.25vw,19px);
  line-height:1.55;
  text-wrap:pretty;
}
.imp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.imp-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:28px 0 0;
}
.imp-facts div{
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  box-shadow:inset 0 0 0 1px var(--line);
}
.imp-facts dt{
  font-size:12.5px;
  letter-spacing:.02em;
  color:var(--ink3);
}
.imp-facts dd{
  margin:2px 0 0;
  font-size:16px;
  color:var(--maroon);
  word-break:break-word;
}

.imp-pay{
  padding:22px 22px 20px;
  border-radius:28px;
  background:
    radial-gradient(120% 70% at 100% -20%,rgba(233,200,143,.18),transparent 42%),
    radial-gradient(70% 50% at 0% 120%,rgba(255,71,57,.2),transparent 46%),
    var(--maroon);
  color:var(--ivory);
  box-shadow:var(--shadowL);
}
.imp-pay__kicker{
  margin:0;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--gold);
}
.imp-pay > .imp-pay__kicker{margin-bottom:10px}
body:has(.imp) .imp-pay h2{
  font-size:clamp(28px,3vw,40px);
  color:#fff;
}
body:has(.imp) .imp-pay h2 em{
  color:var(--gold);
  border-color:var(--gold);
}
.imp-offer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.imp-offer__price{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:12px 0 0;
}
.imp-offer__price strong{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(46px,5vw,58px);
  letter-spacing:-.045em;
  line-height:.95;
  color:var(--gold);
}
.imp-offer__price s{
  font-size:18px;
  color:rgba(250,248,238,.42);
  text-decoration-thickness:1.5px;
}
.imp-pay__off{
  display:inline-flex;
  align-items:center;
  padding:.32em .72em .36em;
  border-radius:999px;
  background:var(--gold);
  color:var(--maroon);
  font-size:12.5px;
  font-weight:650;
  letter-spacing:.02em;
  white-space:nowrap;
}
.imp-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:20px;
}
.imp-split p{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:96px;
  margin:0;
  padding:14px 14px 13px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px rgba(233,200,143,.28);
}
.imp-split p:first-child{
  background:rgba(233,200,143,.12);
}
.imp-split span{
  display:block;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(250,248,238,.62);
}
.imp-split span + strong + span{
  margin-top:2px;
  letter-spacing:0;
  text-transform:none;
  font-size:13.5px;
  color:rgba(250,248,238,.78);
}
.imp-split strong{
  display:block;
  margin:3px 0 0;
  font-family:var(--serif);
  font-weight:500;
  font-size:30px;
  letter-spacing:-.035em;
  line-height:1.05;
  color:#fff;
}
.imp-pay__amount{
  margin:8px 0 0;
  font-family:var(--serif);
  font-size:clamp(36px,4vw,52px);
  letter-spacing:-.04em;
  line-height:1;
  color:var(--gold);
}
.imp-pay .btn{width:100%;height:56px;margin-top:16px;box-shadow:none}
.imp-pay__note{
  margin:14px 0 0;
  font-size:14.5px;
  line-height:1.45;
  color:rgba(250,248,238,.78);
}
.imp-status{
  min-height:1.4em;
  margin:12px 0 0;
  font-size:14.5px;
  font-weight:600;
  color:var(--gold);
}
.imp-status.is-error{color:#ffd0c8}
.imp-facts--card{margin-top:18px}
.imp-facts--card div{
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.imp-facts--card dt{color:rgba(250,248,238,.62)}
.imp-facts--card dd{color:#fff}

.imp-next{padding:clamp(12px,3vw,28px) 0 clamp(48px,6vw,80px)}
.imp-shead{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:16px 48px;
  align-items:end;
  margin-bottom:clamp(22px,3vw,36px);
}
body:has(.imp) .imp-shead h2{
  font-size:clamp(30px,3.6vw,48px);
  color:var(--maroon);
}
.imp-shead p{
  justify-self:end;
  max-width:36ch;
  margin:0;
  color:var(--ink2);
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.5;
}
.imp-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.imp-card{
  height:100%;
  padding:22px 20px 24px;
  border-radius:24px;
  background:#fff;
  box-shadow:inset 0 0 0 1px var(--line);
}
body:has(.imp) .imp-card h3{
  margin-top:16px;
  font-size:22px;
  color:var(--maroon);
}
.imp-card p{
  margin:8px 0 0;
  color:var(--ink2);
  font-size:15.5px;
}
.imp-ic{
  display:grid;
  place-items:center;
  width:70px;
  height:50px;
  border-radius:50%;
  background:var(--ivory2);
  rotate:48deg;
  color:var(--maroon);
  border:1.5px solid #4f071642;
}
.imp-ic svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  rotate:-50deg;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.imp-loader{
  --c:#FF463A;
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  background:transparent;
  font-family:Sora,system-ui,sans-serif;
  overflow:hidden;
}
.imp-loader:not([hidden]){
  background:rgba(79,7,22,.42);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  backdrop-filter:blur(22px) saturate(1.35);
}
.imp-loader[hidden]{
  display:none;
  content-visibility:hidden;
}
html.imp-loading{overflow:hidden}
.imp-loader .imp-load-stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(20px,4vw,34px);
  width:100%;
}
.imp-loader svg{width:min(78vw,560px);height:auto;overflow:visible;transition:filter .9s ease}
.imp-loader .done svg{filter:drop-shadow(0 22px 28px rgba(255,70,58,.28))}
.imp-loader .o{
  fill:none;
  stroke:var(--c);
  stroke-width:1.8;
  stroke-linejoin:round;
  stroke-linecap:round;
  stroke-dasharray:var(--len);
  stroke-dashoffset:var(--len);
}
.imp-loader .draw .o{animation:imp-logo-draw 1.5s cubic-bezier(.65,0,.35,1) calc(var(--i)*.1s) forwards}
@keyframes imp-logo-draw{to{stroke-dashoffset:0}}
.imp-loader .done .o{opacity:0;transition:opacity .4s}
.imp-loader .ghost{fill:var(--c);opacity:0;transition:opacity 1.2s ease .5s}
.imp-loader .draw .ghost{opacity:.1}
.imp-loader .liquid{opacity:0}
.imp-loader .fill .liquid{opacity:1}
.imp-loader .final{opacity:0}
.imp-loader .fl{fill:var(--c);transform-box:fill-box;transform-origin:50% 100%}
.imp-loader .done .final{opacity:1}
.imp-loader .done .ghost,
.imp-loader .done .liquid{opacity:0;transition:none}
.imp-loader .done .fl{animation:imp-logo-hop .95s cubic-bezier(.3,.7,.4,1) calc(var(--i)*.075s) both}
@keyframes imp-logo-hop{
  0%{transform:translateY(0) scale(1,1)}
  28%{transform:translateY(-16px) scale(.95,1.07)}
  55%{transform:translateY(0) scale(1.05,.92)}
  76%{transform:translateY(-3px) scale(.99,1.02)}
  100%{transform:translateY(0) scale(1,1)}
}
.imp-loader .wv{animation:imp-logo-wv var(--t) linear infinite}
@keyframes imp-logo-wv{to{transform:translateX(var(--l))}}
.imp-loader .shine{opacity:0}
.imp-loader .shine.go{opacity:1;animation:imp-logo-shine 1s cubic-bezier(.5,0,.3,1) forwards}
@keyframes imp-logo-shine{from{transform:translateX(-160px) skewX(-20deg)}to{transform:translateX(800px) skewX(-20deg)}}
.imp-loader .count{
  font-size:clamp(14px,2.2vw,18px);
  font-weight:500;
  color:var(--c);
  letter-spacing:.14em;
  font-variant-numeric:tabular-nums;
  opacity:0;
  transition:opacity .4s,transform .5s;
}
.imp-loader .count i{font-style:normal;opacity:.6;margin-left:2px}
.imp-loader .fill .count{opacity:1}
.imp-loader .done .count{opacity:0;transform:translateY(8px)}
@media(prefers-reduced-motion:reduce){
  .imp-loader .wv,
  .imp-loader .done .fl{animation:none}
  .imp-loader .shine{display:none}
}

@media(max-width:860px){
  .imp-hero{padding-top:calc(96px + env(safe-area-inset-top,0px))}
  .imp-hero__grid,
  .imp-shead,
  .imp-grid,
  .imp-facts{grid-template-columns:1fr}
  .imp-shead p{justify-self:start}
}