@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root{
  --font-saira:"Inter",system-ui,sans-serif !important;
  --heading-color:#1D1D1F !important;
  --text-color:#6E6E73 !important;
  --body-bg:#F5F5F7 !important;
  --card-bg:#FFFFFF !important;
  --theme-hex:#0071E3 !important;
  --tn-ox:#0071E3 !important;
  --tn-ink:#1D1D1F !important;
  --tn-porc:#FFFFFF !important;
}

@keyframes nx-silk{from{background-position:0 0,0 0,0 0}to{background-position:40px -20px,-28px 16px,0 0}}
@keyframes nx-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes nx-line{0%,100%{transform:scaleX(.45)}50%{transform:scaleX(1)}}
@keyframes nx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

html,body,body.home-dark2,main,#page{
  font-family:"Inter",system-ui,sans-serif !important;
  background:
    radial-gradient(ellipse 42% 28% at 50% 0%,rgba(0,113,227,.12),transparent 70%),
    radial-gradient(ellipse 36% 24% at 100% 100%,rgba(38,161,123,.10),transparent 62%),
    linear-gradient(180deg,#FBFBFD 0%,#F5F5F7 46%,#E8E8ED 100%) !important;
  background-size:140% 140%,140% 140%,100% 100% !important;
  color:#6E6E73 !important;
  margin:0 !important;padding:0 !important;
  height:auto !important;overflow-x:hidden !important;overflow-y:auto !important;
  animation:nx-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,
.im-head,.im-hero,.im-band,.ks-top,.ks-awning,.ks-head,.ks-hero,.ks-frame,
.tg-wrap,.tg-head,.tg-hero,.tg-talk,.tg-row,
html.tn-leaving .tn-curtain{display:none !important}

h1,h2,h3,h4,.nx-hero h1,.section-header h2,.page-hero h1{
  font-family:"Inter",system-ui,sans-serif !important;
  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;
  font-weight:600 !important;letter-spacing:-.03em !important;background:none !important;
}
p,li,span,a,label{font-family:"Inter",system-ui,sans-serif !important}
html body p,html body li{color:#6E6E73 !important;opacity:1 !important;visibility:visible !important}

.nx-wrap{
  position:sticky;top:0;z-index:90;
  background:rgba(251,251,253,.86);
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.nx-talk{
  display:flex;gap:18px;justify-content:center;align-items:center;
  margin:0;height:32px;overflow:hidden;padding:0 16px;
  background:#F5F5F7;border-bottom:1px solid rgba(0,0,0,.06);
}
.nx-talk a{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;text-decoration:none;font-size:12px;white-space:nowrap}
.nx-head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:10px 4vw;min-height:52px;
}
.nx-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1D1D1F}
.nx-logo img{width:40px;height:40px;border-radius:10px;animation:none !important;box-shadow:none !important}
.nx-logo span{display:flex;flex-direction:column;line-height:1.05}
.nx-logo strong{font-size:17px;font-weight:600;letter-spacing:-.02em}
.nx-logo em{font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6E6E73}
.nx-nav{display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:center}
.nx-nav a{
  color:#1D1D1F;text-decoration:none;font-size:13px;font-weight:400;
  position:relative;padding:6px 0;
}
.nx-nav a:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#0071E3;
  transform:scaleX(.45);transform-origin:left center;
}
.nx-nav a:hover:after{animation:nx-line 2s ease-in-out infinite}

.nx-go,.tn-buy,.tn-btn,.btn,a.btn,.primary-btn3,.theme-btn,.checkout-btn{
  background:linear-gradient(100deg,#0071E3,#2997FF 46%,#0071E3) !important;
  background-size:220% 100% !important;
  animation:nx-sheen 8s ease-in-out infinite !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  border:0 !important;border-radius:980px !important;
  padding:10px 18px !important;text-decoration:none !important;font-weight:500 !important;font-size:14px !important;
}
.nx-ghost{
  display:inline-flex;align-items:center;color:#0066CC !important;
  -webkit-text-fill-color:#0066CC !important;padding:10px 8px;text-decoration:none;font-weight:500;
}

.nx-hero{padding:64px 6vw 20px;text-align:center}
.nx-kicker{color:#6E6E73 !important;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:500}
.nx-hero h1{font-size:clamp(48px,7vw,92px);line-height:1.02;margin:.2em auto .16em;max-width:14ch;font-weight:600}
.nx-lead{font-size:21px;max-width:40ch;margin:0 auto;color:#6E6E73 !important;line-height:1.4}
.nx-cta-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0 28px}
.nx-stage{margin:0 auto;max-width:760px;border-radius:28px;overflow:hidden;background:transparent !important;border:0 !important}
html body .nx-stage img{
  display:block;width:100%;height:auto;max-height:640px;object-fit:contain;margin:0 auto;
  opacity:1 !important;visibility:visible !important;animation:nx-float 8s ease-in-out infinite;
}

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(0,0,0,.06) !important;
  border-radius:18px !important;color:#6E6E73 !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:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !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:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;opacity:1 !important;
}
html body .price-card.featured .primary-btn3,
html body .price-card.featured a.btn{
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
}
section.nx-hero{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
footer.nx-foot{background:#000000 !important;border:0 !important;border-radius:0 !important}
input,textarea,select{background:#fff !important;color:#1D1D1F !important;border:1px solid rgba(0,0,0,.16) !important;border-radius:12px !important}
.section-header,.page-hero,.inner-hero{background:transparent !important;border:0 !important}
html body .page-hero h1,html body .inner-hero h1{color:#1D1D1F !important}
.nx-logo img,img[src*="nx-mark"]{animation:none !important}
section img,article img,.card img{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:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;opacity:1 !important;
}
.ts-banner-glass{background:rgba(255,255,255,.92) !important;border-radius:18px !important}
.toggle-btn{background:#fff !important;color:#1D1D1F !important;border-radius:980px !important}
.toggle-btn.active{background:#0071E3 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}

.nx-foot{background:#000;color:#F5F5F7;margin:64px 0 0;padding:48px 0 24px}
.nx-foot p,.nx-foot a,.nx-foot .nx-kicker,.nx-foot .nx-word{color:#F5F5F7 !important;-webkit-text-fill-color:#F5F5F7 !important}
.nx-foot .nx-kicker{color:#86868B !important;-webkit-text-fill-color:#86868B !important;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.nx-word{font-size:28px;font-weight:600;letter-spacing:-.03em;margin:.1em 0 .3em}
.nx-wrap-in{width:min(980px,92vw);margin:0 auto}
.nx-foot-grid{display:grid;grid-template-columns:1.4fr .7fr 1.2fr;gap:28px}
.nx-foot-grid a{display:block;text-decoration:none;margin:.35em 0;font-size:14px}
.nx-copy{text-align:center;margin:28px 0 0;font-size:12px;color:#86868B !important;-webkit-text-fill-color:#86868B !important}

@media (max-width:900px){
  .nx-head{flex-wrap:wrap;justify-content:center}
  .nx-nav{order:3;width:100%}
  .nx-talk{height:auto;flex-wrap:wrap;padding:8px 12px}
  .nx-hero h1{font-size:44px}
  .nx-lead{font-size:17px}
}