@import url("https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,500;7..72,650&family=Manrope:wght@400;500;600;700&display=swap");

:root{
  --font-saira:"Manrope",system-ui,sans-serif !important;
  --heading-color:#1C2430 !important;
  --text-color:#3E4A52 !important;
  --body-bg:#FFF6EE !important;
  --card-bg:#FFFFFF !important;
  --theme-hex:#E07A4C !important;
  --tn-ox:#E07A4C !important;
  --tn-ink:#1C2430 !important;
  --tn-porc:#FFFFFF !important;
}

@keyframes im-silk{from{background-position:0 0,0 0,0 0}to{background-position:36px -20px,-28px 16px,0 0}}
@keyframes im-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes im-line{0%,100%{transform:scaleX(.4)}50%{transform:scaleX(1)}}
@keyframes im-wash{from{background-position:0 0}to{background-position:120% 0}}

html,body,body.home-dark2,main,#page{
  font-family:"Manrope",system-ui,sans-serif !important;
  background:
    radial-gradient(ellipse 46% 34% at 0% 0%,rgba(224,122,76,.18),transparent 60%),
    radial-gradient(ellipse 40% 36% at 100% 12%,rgba(18,52,58,.12),transparent 58%),
    linear-gradient(180deg,#FFF6EE 0%,#FDE7D8 55%,#E7F1F2 100%) !important;
  background-size:140% 140%,140% 140%,100% 100% !important;
  color:#3E4A52 !important;
  margin:0 !important;padding:0 !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
  animation:im-silk 36s linear infinite;
}
body::before,.tn-net,.tn-float,.tn-cue,.tn-header,.header.tn-header,.tn-hero,.tn-curtain,
.fold-head,.hx-rail,.xf-bar,.xf-dock,.tx-head,.tx-gem,.fu-spine,.fu-head,.fs-bar,
.lb-mast,.or-top,.pl-bar,.sn-wrap,.ft-sky,.st-sky,.if-bar,.bz-bar,.ts-promo,.ts-header,
.ts-bar,.ts-hero,.hero-banner,.bc-bar,.bc-hero-chain,.bc-tape,.st-hero,.if-hero,.hp-lei,.hp-mast,.hp-hero,
.wk-stars,.wk-crest,.wk-hero,.wk-bar,.lp-rail,.lp-hero,.pc-top,.pc-head,.pc-hero,.pc-orb,
html.tn-leaving .tn-curtain{display:none !important}

h1,h2,h3,h4,.im-hero h1,.section-header h2,.page-hero h1{
  font-family:"Literata",Georgia,serif !important;
  color:#1C2430 !important;-webkit-text-fill-color:#1C2430 !important;
  font-weight:500 !important;letter-spacing:-.03em !important;background:none !important;
}
p,li,span,a,label{font-family:"Manrope",system-ui,sans-serif !important}
html body p,html body li{color:#3E4A52 !important;opacity:1 !important;visibility:visible !important}

.im-head{
  position:sticky;top:0;z-index:90;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 4vw;background:rgba(255,246,238,.94);
  backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,52,58,.1);
}
.im-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1C2430}
.im-logo img{width:46px;height:46px;border-radius:14px;animation:none !important;box-shadow:none !important}
.im-logo span{display:flex;flex-direction:column;line-height:1.1}
.im-logo strong{font-family:"Literata",Georgia,serif;font-size:24px;font-weight:500}
.im-logo em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#E07A4C}
.im-talk{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;justify-content:center}
.im-talk a{color:#12343A !important;-webkit-text-fill-color:#12343A !important;text-decoration:none;font-size:12px}

.im-go,.tn-buy,.tn-btn,.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn{
  background:linear-gradient(100deg,#12343A,#1C5560 40%,#E07A4C 70%,#12343A) !important;
  background-size:220% 100% !important;
  animation:im-sheen 8s ease-in-out infinite !important;
  color:#FFF6EE !important;-webkit-text-fill-color:#FFF6EE !important;
  border:0 !important;border-radius:999px !important;
  padding:12px 18px !important;text-decoration:none !important;font-weight:650 !important;
}
.im-ghost{
  display:inline-flex;align-items:center;border:1px solid #12343A;color:#12343A !important;
  -webkit-text-fill-color:#12343A !important;padding:12px 18px;border-radius:999px;text-decoration:none;
}

.im-hero{padding:48px 6vw 28px;text-align:center}
.im-kicker{color:#E07A4C !important;letter-spacing:.18em;text-transform:uppercase;font-size:11px}
.im-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;margin:.2em auto .3em;max-width:14ch}
.im-lead{font-size:18px;max-width:46ch;margin:0 auto;color:#3E4A52 !important}
.im-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 8px}
.im-nav a{
  color:#12343A;text-decoration:none;background:#fff;border:1px solid rgba(18,52,58,.12);
  border-radius:999px;padding:8px 16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  position:relative;
}
.im-nav a:after{
  content:"";position:absolute;left:18%;right:18%;bottom:5px;height:2px;background:#E07A4C;
  transform:scaleX(.4);transform-origin:left center;
}
.im-nav a:hover:after{animation:im-line 2.2s ease-in-out infinite}
.im-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0 28px}
.im-band{
  margin:0 auto;width:min(1100px,100%);border-radius:28px;overflow:hidden;position:relative;
  box-shadow:0 24px 50px rgba(18,52,58,.16);
}
.im-band:before{
  content:"";position:absolute;left:0;right:0;top:0;height:6px;z-index:1;opacity:1;
  background:linear-gradient(90deg,#E07A4C,#F3D5A0,#12343A,#E07A4C);
  background-size:200% 100%;animation:im-wash 10s linear infinite;
}
html body .im-band img{
  display:block;width:100%;height:min(42vh,380px);object-fit:cover;object-position:center;
  opacity:1 !important;visibility:visible !important;animation:none !important;
}

section,article,.card,.pricing-card,.blog-card,.faq-item,.review-card,.testimonial,
.edu-article,.blog-post,.faq-list,.reviews,.pricing-grid,.price-card{
  background:#FFFFFF !important;border:1px solid rgba(18,52,58,.08) !important;
  border-radius:22px !important;color:#3E4A52 !important;
}
.price-card .amount,.price-card .plan-name,.price-card li,.price-card span,.price-card strong,.price-card p,
.price-card h3,.price-card h4{color:#1C2430 !important;-webkit-text-fill-color:#1C2430 !important}
html body .price-card.featured,
html body .price-card.featured .price-header,
html body .price-card.featured .price-features{
  background:#FFFFFF !important;
}
html body .price-card.featured .plan-name,
html body .price-card.featured .price,
html body .price-card.featured .price .currency,
html body .price-card.featured .price .amount,
html body .price-card.featured .old-price,
html body .price-card.featured .period,
html body .price-card.featured .price-features,
html body .price-card.featured .price-features li,
html body .price-card.featured .price-features strong{
  color:#1C2430 !important;-webkit-text-fill-color:#1C2430 !important;opacity:1 !important;
}
html body .price-card.featured .price-badge,
html body .price-card.featured .primary-btn3,
html body .price-card.featured a.btn{
  background:#E07A4C !important;color:#FFF6EE !important;-webkit-text-fill-color:#FFF6EE !important;
}
section.im-hero{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
footer.im-foot{background:#12343A !important;border:0 !important;border-radius:0 !important}
input,textarea,select{background:#fff !important;color:#1C2430 !important;border:1px solid rgba(224,122,76,.4) !important}
.section-header,.page-hero,.inner-hero{background:transparent !important;border:0 !important}
html body .page-hero h1,html body .inner-hero h1{color:#1C2430 !important}
.im-logo img,img[src*="im-mark"]{animation:none !important}
section img,article img,.card img{animation:none !important;border-radius:16px}

.page-hero.ts-banner,.ts-banner-card{background:#FDE7D8 !important;border-radius:28px !important;overflow:hidden !important}
.ts-banner-card,.ts-banner-glass > *,.ts-banner-img,.ts-banner-tag,.logo-mark,.ts-logo img{
  animation:none !important;clip-path:none !important;opacity:1 !important;transform:none !important;
}
.ts-banner-glass,.ts-banner-glass h1,.ts-banner-glass h1 em,.ts-banner-glass p,
.ts-banner .breadcrumb,.ts-banner .breadcrumb a,.ts-banner-tag{
  color:#1C2430 !important;-webkit-text-fill-color:#1C2430 !important;opacity:1 !important;
}
.ts-banner-glass{background:rgba(255,246,238,.94) !important;border-radius:20px !important}
.toggle-btn{background:#fff !important;color:#1C2430 !important;border-radius:999px !important}
.toggle-btn.active{background:#E07A4C !important;color:#FFF6EE !important;-webkit-text-fill-color:#FFF6EE !important}

.im-foot{background:#12343A;color:#FFF6EE;margin:48px 0 0;padding:48px 0 24px}
.im-foot p,.im-foot a,.im-foot .im-kicker,.im-foot .im-word{color:#FFF6EE !important;-webkit-text-fill-color:#FFF6EE !important}
.im-foot .im-kicker{color:#F3D5A0 !important;-webkit-text-fill-color:#F3D5A0 !important;letter-spacing:.16em;text-transform:uppercase;font-size:11px}
.im-word{font-family:"Literata",Georgia,serif;font-size:34px;margin:.15em 0 .35em}
.im-wrap{width:min(1120px,92vw);margin:0 auto}
.im-foot-grid{display:grid;grid-template-columns:1.3fr .7fr 1.1fr;gap:28px}
.im-foot-grid a{display:block;text-decoration:none;margin:.32em 0}
.im-copy{text-align:center;margin:28px 0 0;font-size:13px}

@media (max-width:900px){
  .im-head{flex-wrap:wrap;justify-content:center;text-align:center}
  .im-talk{order:3;width:100%}
  .im-hero{padding:28px 5vw 20px}
  .im-foot-grid{grid-template-columns:1fr}
  html body .im-band img{height:220px}
}
