@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Source+Sans+3:wght@400;600;700&display=swap");

:root{
  --font-saira:"Source Sans 3",system-ui,sans-serif !important;
  --heading-color:#102033 !important;
  --text-color:#3A4A5C !important;
  --body-bg:#F4F8FB !important;
  --card-bg:#FFFFFF !important;
  --theme-hex:#F08A2A !important;
  --tn-ox:#F08A2A !important;
  --tn-ink:#102033 !important;
  --tn-porc:#FFFFFF !important;
}

@keyframes tg-silk{from{background-position:0 0,0 0,0 0}to{background-position:32px -16px,-22px 12px,0 0}}
@keyframes tg-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes tg-line{0%,100%{transform:scaleX(.4)}50%{transform:scaleX(1)}}
@keyframes tg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

html,body,body.home-dark2,main,#page{
  font-family:"Source Sans 3",system-ui,sans-serif !important;
  background:
    radial-gradient(ellipse 40% 32% at 0% 0%,rgba(28,110,136,.16),transparent 62%),
    radial-gradient(ellipse 36% 28% at 100% 8%,rgba(240,138,42,.16),transparent 58%),
    linear-gradient(180deg,#F4F8FB 0%,#E7F1F6 50%,#F8E7D4 100%) !important;
  background-size:140% 140%,140% 140%,100% 100% !important;
  color:#3A4A5C !important;
  margin:0 !important;padding:0 !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
  animation:tg-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,.lp-rail,.lp-hero,.pc-top,.pc-head,.pc-hero,.pc-orb,
.im-head,.im-hero,.im-band,.ks-top,.ks-awning,.ks-head,.ks-hero,.ks-frame,
html.tn-leaving .tn-curtain{display:none !important}

h1,h2,h3,h4,.tg-hero h1,.section-header h2,.page-hero h1{
  font-family:"Instrument Serif",Georgia,serif !important;
  color:#102033 !important;-webkit-text-fill-color:#102033 !important;
  font-weight:400 !important;letter-spacing:-.02em !important;background:none !important;
}
p,li,span,a,label{font-family:"Source Sans 3",system-ui,sans-serif !important}
html body p,html body li{color:#3A4A5C !important;opacity:1 !important;visibility:visible !important}

.tg-head{
  position:sticky;top:0;z-index:90;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px 4vw;background:rgba(244,248,251,.94);
  backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,32,51,.08);
}
.tg-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#102033}
.tg-logo img{width:46px;height:46px;border-radius:50%;animation:none !important;box-shadow:none !important}
.tg-logo span{display:flex;flex-direction:column;line-height:1.05}
.tg-logo strong{font-family:"Instrument Serif",Georgia,serif;font-size:28px;font-weight:400}
.tg-logo em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#1C6E88}
.tg-nav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
.tg-nav a{
  color:#102033;text-decoration:none;font-size:15px;letter-spacing:.04em;
  position:relative;padding:4px 0;
}
.tg-nav a:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#F08A2A;
  transform:scaleX(.4);transform-origin:left center;
}
.tg-nav a:hover:after{animation:tg-line 2.2s ease-in-out infinite}
.tg-talk{
  display:flex;gap:16px;justify-content:center;align-items:center;
  margin:0;height:36px;overflow:hidden;padding:0 16px;background:#102033;
}
.tg-talk a{color:#F4F8FB !important;-webkit-text-fill-color:#F4F8FB !important;text-decoration:none;font-size:12px;white-space:nowrap}

.tg-go,.tn-buy,.tn-btn,.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn{
  background:linear-gradient(100deg,#102033,#1C6E88 42%,#F08A2A 70%,#102033) !important;
  background-size:220% 100% !important;
  animation:tg-sheen 8s ease-in-out infinite !important;
  color:#F4F8FB !important;-webkit-text-fill-color:#F4F8FB !important;
  border:0 !important;border-radius:18px !important;
  padding:12px 18px !important;text-decoration:none !important;font-weight:700 !important;
}
.tg-ghost{
  display:inline-flex;align-items:center;border:1px solid #102033;color:#102033 !important;
  -webkit-text-fill-color:#102033 !important;padding:12px 18px;border-radius:18px;text-decoration:none;
}

.tg-hero{padding:42px 5vw 20px}
.tg-kicker{color:#1C6E88 !important;letter-spacing:.18em;text-transform:uppercase;font-size:11px}
.tg-hero h1{font-size:clamp(44px,6vw,80px);line-height:.98;margin:.12em 0 .2em;max-width:14ch}
.tg-lead{font-size:18px;max-width:46ch;color:#3A4A5C !important}
.tg-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 28px}
.tg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tg-row figure{margin:0;border-radius:28px;overflow:hidden;box-shadow:0 18px 40px rgba(16,32,51,.12);opacity:1}
.tg-row figure:nth-child(2){animation:tg-float 7s ease-in-out infinite}
html body .tg-row img{
  display:block;width:100%;height:280px;object-fit:cover;
  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(16,32,51,.08) !important;
  border-radius:22px !important;color:#3A4A5C !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:#102033 !important;-webkit-text-fill-color:#102033 !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:#102033 !important;-webkit-text-fill-color:#102033 !important;opacity:1 !important;
}
html body .price-card.featured .primary-btn3,
html body .price-card.featured a.btn{
  color:#F4F8FB !important;-webkit-text-fill-color:#F4F8FB !important;
}
section.tg-hero{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
footer.tg-foot{background:#102033 !important;border:0 !important;border-radius:0 !important}
input,textarea,select{background:#fff !important;color:#102033 !important;border:1px solid rgba(28,110,136,.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:#102033 !important}
.tg-logo img,img[src*="tg-mark"]{animation:none !important}
section img,article img,.card img{animation:none !important;border-radius:16px}

.page-hero.ts-banner,.ts-banner-card{background:transparent !important;border-radius:22px !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:#102033 !important;-webkit-text-fill-color:#102033 !important;opacity:1 !important;
}
.ts-banner-glass{background:rgba(244,248,251,.94) !important;border-radius:18px !important}
.toggle-btn{background:#fff !important;color:#102033 !important;border-radius:18px !important}
.toggle-btn.active{background:#F08A2A !important;color:#102033 !important;-webkit-text-fill-color:#102033 !important}

.tg-foot{background:#102033;color:#F4F8FB;margin:48px 0 0;padding:48px 0 24px}
.tg-foot p,.tg-foot a,.tg-foot .tg-kicker,.tg-foot .tg-word{color:#F4F8FB !important;-webkit-text-fill-color:#F4F8FB !important}
.tg-foot .tg-kicker{color:#F4C56A !important;-webkit-text-fill-color:#F4C56A !important;letter-spacing:.16em;text-transform:uppercase;font-size:11px}
.tg-word{font-family:"Instrument Serif",Georgia,serif;font-size:40px;margin:.1em 0 .3em}
.tg-wrap{width:min(1120px,92vw);margin:0 auto}
.tg-foot-grid{display:grid;grid-template-columns:1.3fr .7fr 1.1fr;gap:28px}
.tg-foot-grid a{display:block;text-decoration:none;margin:.32em 0}
.tg-copy{text-align:center;margin:28px 0 0;font-size:13px}

@media (max-width:900px){
  .tg-head{flex-wrap:wrap;justify-content:center}
  .tg-nav{order:3;width:100%}
  .tg-talk{height:auto;flex-wrap:wrap;padding:8px 12px}
  .tg-row{grid-template-columns:1fr}
  html body .tg-row img{height:220px}
  .tg-row figure:nth-child(2){animation:none}
}
