@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,620&family=Outfit:wght@400;500;600;700&display=swap");

:root{
  --font-saira:"Outfit",system-ui,sans-serif !important;
  --heading-color:#0B1F1C !important;
  --text-color:#3E524C !important;
  --body-bg:#F4F7F5 !important;
  --card-bg:#FFFFFF !important;
  --theme-hex:#147A6A !important;
  --tn-ox:#147A6A !important;
  --tn-ink:#0B1F1C !important;
  --tn-porc:#FFFFFF !important;
}

@keyframes lp-silk{from{background-position:0 0,0 0,0 0}to{background-position:48px 24px,-36px 18px,0 0}}
@keyframes lp-ring{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes lp-line{0%,100%{transform:scaleX(.45)}50%{transform:scaleX(1)}}
@keyframes lp-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

html,body,body.home-dark2,main,#page{
  font-family:"Outfit",system-ui,sans-serif !important;
  background:
    radial-gradient(ellipse 42% 36% at 8% 0%,rgba(20,122,106,.16),transparent 62%),
    radial-gradient(ellipse 36% 32% at 100% 8%,rgba(197,106,45,.12),transparent 60%),
    linear-gradient(165deg,#F7FBFA 0%,#E7F0EC 48%,#F6EDE3 100%) !important;
  background-size:140% 140%,140% 140%,100% 100% !important;
  color:#3E524C !important;
  padding:0 !important;
  margin:0 0 0 248px !important;
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  animation:lp-silk 32s 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,
html.tn-leaving .tn-curtain{display:none !important}

h1,h2,h3,h4,.lp-hero h1,.section-header h2,.tn-head h2,.page-hero h1{
  font-family:"Fraunces",Georgia,serif !important;
  color:#0B1F1C !important;
  -webkit-text-fill-color:#0B1F1C !important;
  font-weight:500 !important;
  letter-spacing:-.03em !important;
  background:none !important;
}
p,li,span,a,label{font-family:"Outfit",system-ui,sans-serif !important}
html body p,html body li{color:#3E524C !important;opacity:1 !important;visibility:visible !important}

.lp-rail{
  position:fixed;left:0;top:0;bottom:0;z-index:90;width:248px;
  display:flex;flex-direction:column;gap:22px;
  padding:28px 22px 24px;
  background:#0B1F1C;
  color:#F4EFE4;
  border-right:1px solid rgba(244,239,228,.14);
}
.lp-logo{
  display:flex;align-items:center;gap:12px;text-decoration:none;color:#F4EFE4;
}
.lp-logo img{width:48px;height:48px;animation:none !important;box-shadow:none !important;border-radius:14px}
.lp-logo span{display:flex;flex-direction:column;line-height:1.15}
.lp-logo strong{font-family:"Fraunces",Georgia,serif;font-size:22px;font-weight:500;color:#F4EFE4}
.lp-logo em{font-style:normal;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#C56A2D}
.lp-nav{display:flex;flex-direction:column;gap:4px}
.lp-nav a{
  color:#F4EFE4;text-decoration:none;font-size:15px;letter-spacing:.04em;
  padding:8px 10px;border-left:2px solid transparent;
}
.lp-nav a:hover,.lp-nav a.active,.lp-nav a.is-on{border-left-color:#147A6A;color:#FFFFFF}
.lp-rail .lp-go{margin-top:12px;text-align:center}
.lp-talk{display:flex;flex-direction:column;gap:5px;margin-top:auto;font-size:12px;line-height:1.35}
.lp-talk a,.lp-talk span{color:#F4EFE4 !important;-webkit-text-fill-color:#F4EFE4 !important;text-decoration:none}
.lp-talk a:hover{color:#C56A2D !important;-webkit-text-fill-color:#C56A2D !important}

.lp-go,.tn-buy,.tn-btn,.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn{
  background:linear-gradient(100deg,#0E6B5C,#147A6A 40%,#1C8F7A 60%,#0E6B5C) !important;
  background-size:220% 100% !important;
  animation:lp-sheen 7s ease-in-out infinite !important;
  color:#F4EFE4 !important;
  -webkit-text-fill-color:#F4EFE4 !important;
  border:0 !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  text-decoration:none !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
}
.lp-ghost{
  display:inline-flex;align-items:center;border:1px solid #0B1F1C;color:#0B1F1C !important;
  -webkit-text-fill-color:#0B1F1C !important;
  padding:12px 18px;border-radius:999px;text-decoration:none;letter-spacing:.04em;
}

.lp-hero{
  display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;
  min-height:86vh;padding:48px 5vw 56px;
}
.lp-kicker{
  color:#147A6A !important;letter-spacing:.2em;text-transform:uppercase;font-size:11px;
  display:inline-block;transform-origin:left center;animation:lp-line 8s ease-in-out infinite;
}
.lp-hero h1{font-size:clamp(40px,4.6vw,68px);line-height:1.02;margin:.25em 0 .4em;max-width:12ch}
.lp-lead{font-size:18px;max-width:42ch;color:#3E524C !important}
.lp-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.lp-frame{
  position:relative;margin:0;border-radius:28px;overflow:hidden;
  box-shadow:0 24px 60px rgba(11,31,28,.16);
  border:1px solid rgba(11,31,28,.08);
}
.lp-frame:before{
  content:"";position:absolute;inset:-40%;z-index:1;pointer-events:none;opacity:1;
  background:conic-gradient(from 0deg,transparent 0 70%,rgba(197,106,45,.45) 82%,transparent 90%);
  animation:lp-ring 18s linear infinite;
}
html body .lp-frame img{
  position:relative;z-index:0;display:block;width:100%;height:min(72vh,640px);object-fit:cover;
  object-position:18% center;
  opacity:1 !important;visibility:visible !important;animation:none !important;
}
.page-hero.ts-banner,.ts-banner-card{
  background:#E7F0EC !important;border-radius:28px !important;overflow:hidden !important;
}
.ts-banner-img{opacity:1 !important;filter:none !important;object-fit:cover !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:#0B1F1C !important;-webkit-text-fill-color:#0B1F1C !important;opacity:1 !important;
}
.ts-banner-glass{
  background:rgba(247,251,250,.92) !important;border-radius:20px !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;
}
.toggle-btn{background:#fff !important;color:#0B1F1C !important;border-radius:999px !important}
.toggle-btn.active{background:#147A6A !important;color:#F4EFE4 !important;-webkit-text-fill-color:#F4EFE4 !important}
.price-card,.price-card.popular,.price-card.featured{
  background:#FFFFFF !important;color:#0B1F1C !important;border:1px solid rgba(20,122,106,.28) !important;
}
.price-card .amount,.price-card .plan-name,.price-card li,.price-card span,.price-card strong,.price-card p{
  color:#0B1F1C !important;-webkit-text-fill-color:#0B1F1C !important;
}
.price-card.popular,.price-card:nth-child(2){box-shadow:0 18px 40px rgba(20,122,106,.16) !important}

section,article,.card,.pricing-card,.blog-card,.faq-item,.review-card,.testimonial,
.edu-article,.blog-post,.faq-list,.reviews,.pricing-grid{
  background:#FFFFFF !important;
  border:1px solid rgba(11,31,28,.08) !important;
  border-radius:22px !important;
  color:#3E524C !important;
}
section.lp-hero{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
footer.lp-foot{background:#0B1F1C !important;border:0 !important;border-radius:0 !important}
input,textarea,select{
  background:#FFFFFF !important;color:#0B1F1C !important;border:1px solid rgba(20,122,106,.35) !important;
}
.section-header,.page-hero,.inner-hero{background:transparent !important;border:0 !important}
html body .page-hero h1,html body .inner-hero h1{color:#0B1F1C !important}
.lp-logo img,img[src*="lp-mark"]{animation:none !important}
section img,article img,.card img,.blog-card img,.review-card img{animation:none !important;border-radius:16px}

.lp-foot{
  background:#0B1F1C;color:#F4EFE4;margin:48px 0 0;padding:48px 0 24px;
}
.lp-foot p,.lp-foot a,.lp-foot .lp-kicker,.lp-foot .lp-word{color:#F4EFE4 !important;-webkit-text-fill-color:#F4EFE4 !important}
.lp-foot .lp-kicker{color:#C56A2D !important;-webkit-text-fill-color:#C56A2D !important;letter-spacing:.18em;text-transform:uppercase;font-size:11px}
.lp-word{font-family:"Fraunces",Georgia,serif;font-size:34px;margin:.2em 0 .4em}
.lp-wrap{width:min(1120px,92vw);margin:0 auto}
.lp-foot-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:28px}
.lp-foot-grid a{display:block;text-decoration:none;margin:.35em 0}
.lp-copy{text-align:center;margin:32px 0 0;font-size:13px}

@media (max-width:900px){
  html,body,body.home-dark2,main,#page{margin-left:0 !important}
  .lp-rail{position:relative;width:auto;height:auto;bottom:auto}
  .lp-nav{flex-direction:row;flex-wrap:wrap}
  .lp-rail .lp-go{margin-top:0}
  .lp-hero{grid-template-columns:1fr;min-height:0;padding:28px 5vw 36px}
  .lp-foot-grid{grid-template-columns:1fr}
}